.tenant-admin-shell { display: grid; gap: 22px; }
.tenant-api-keys{display:grid;gap:16px}.tenant-api-keys>header{margin-bottom:0}.tenant-api-keys .secret-reveal{margin-top:2px}.tenant-api-keys .api-key-card>div>small{display:block;margin-bottom:5px;color:var(--accent);font-size:10px}.tenant-api-keys .integration-fields{grid-template-columns:minmax(0,1fr) minmax(200px,1fr) 150px}
@media(max-width:760px){.tenant-api-keys .integration-fields{grid-template-columns:1fr}}
.tenant-heading, .tenant-create, .tenant-card, .tenant-user-list article {
  border: 1px solid #303034; background: #121214; border-radius: 16px;
}
.tenant-heading { display: flex; justify-content: space-between; align-items: center; padding: 24px; }
.tenant-heading span { color: #ff7900; font-size: 11px; letter-spacing: .14em; }
.tenant-heading h3 { font-size: 25px; margin: 6px 0; }
.tenant-heading p, .tenant-card small, .tenant-user-list small { color: #9a9aa1; }
.tenant-heading > b { font-size: 34px; color: #ff7900; }
.tenant-create { padding: 20px; }
.tenant-create h3 { margin: 0 0 16px; }
.tenant-create form, .tenant-quota-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tenant-create label, .tenant-quota-form label { display: grid; gap: 7px; color: #aaaab0; font-size: 12px; }
.tenant-create input, .tenant-create select, .tenant-quota-form input, .tenant-quota-form select {
  color: #f5f5f5; background: #0b0b0c; border: 1px solid #343438; border-radius: 9px; padding: 11px;
}
.tenant-create button, .tenant-card > button, .tenant-quota-form button, .tenant-back, .tenant-secret button {
  border: 1px solid #a34d00; background: #ff7900; color: #080808; border-radius: 9px; padding: 11px 15px; font-weight: 700; cursor: pointer;
}
.tenant-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 14px; }
.tenant-card { padding: 17px; display: grid; gap: 15px; }
.tenant-card header, .tenant-user-list article { display: flex; align-items: center; gap: 11px; }
.tenant-card header div, .tenant-user-list article div { flex: 1; display: grid; gap: 3px; }
.tenant-card h4 { margin: 0; font-size: 17px; }
.tenant-card header > b { text-transform: uppercase; color: #a7a7ad; font-size: 10px; }
.tenant-status { width: 9px; height: 9px; border-radius: 50%; background: #e39b16; box-shadow: 0 0 9px currentColor; }
.tenant-status.active { background: #26ca73; color: #26ca73; }
.tenant-status.suspended, .tenant-status.locked { background: #ff9b23; color: #ff9b23; }
.tenant-status.deleted, .tenant-status.disabled { background: #e14e4e; color: #e14e4e; }
.tenant-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tenant-metrics span { background: #1b1b1e; border-radius: 8px; padding: 9px; color: #a7a7ad; font-size: 11px; }
.tenant-metrics strong { color: #fff; display: block; font-size: 15px; }
.tenant-card details { border-top: 1px solid #303034; padding-top: 11px; }
.tenant-card summary { cursor: pointer; color: #c8c8cc; }
.tenant-quota-form { margin-top: 13px; }
.tenant-secret { margin-top: 14px; padding: 14px; background: #271506; border: 1px solid #874200; border-radius: 10px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.tenant-secret code { color: #ffb067; font-size: 14px; flex: 1; overflow-wrap: anywhere; }
.tenant-user-list { display: grid; gap: 9px; }
.tenant-user-list article { padding: 14px; }
.tenant-user-list article > b { color: #999; text-transform: uppercase; font-size: 10px; }
.tenant-user-policy { display: flex !important; grid-auto-flow: column; justify-content: start; gap: 7px !important; margin-top: 7px; }
.tenant-user-policy select, .tenant-user-policy button {
  background: #1c1c20; color: #e9e9ec; border: 1px solid #39393e; border-radius: 8px; padding: 7px 9px;
}
.tenant-user-policy button { color: #ff9a42; cursor: pointer; }
.tenant-user-policy.immutable { color: #a5a5aa; font-size: 11px; border-left: 2px solid #ff7900; padding-left: 8px; }
.tenant-usage { display: grid; gap: 9px; border-top: 1px solid #303034; padding-top: 12px; }
.tenant-usage > small { color: #9a9aa1; text-transform: uppercase; letter-spacing: .08em; }
.tenant-usage > div { display: grid; gap: 5px; }
.tenant-usage span { display: flex; justify-content: space-between; color: #b8b8bd; font-size: 11px; }
.tenant-usage progress { width: 100%; height: 7px; accent-color: #26ca73; }
.tenant-usage progress.warning { accent-color: #ff9b23; }
.tenant-usage progress.critical { accent-color: #e14e4e; }
.tenant-audit { border: 1px solid #303034; background: #121214; border-radius: 16px; padding: 20px; }
.tenant-audit h3 { margin: 0 0 14px; }
.tenant-audit > div { display: grid; gap: 7px; max-height: 360px; overflow: auto; }
.tenant-audit article { display: grid; grid-template-columns: minmax(160px, .7fr) minmax(150px, .5fr) minmax(260px, 1.8fr); gap: 12px; align-items: center; background: #1b1b1e; border-radius: 8px; padding: 10px; }
.tenant-audit small { color: #909096; }
.tenant-audit code { color: #b9b9bf; white-space: normal; overflow-wrap: anywhere; }
.group-membership-list, .document-group-list, .document-access-picker > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.group-membership-list label, .document-group-list label, .document-access-picker label { background: #202024; border: 1px solid #36363b; border-radius: 999px; padding: 6px 9px; color: #c9c9ce; font-size: 11px; }
.group-membership-list input, .document-group-list input, .document-access-picker input { accent-color: #ff7900; }
.document-access-picker { border: 1px solid #3b3027; background: #17130f; border-radius: 14px; padding: 16px; }
.document-access-picker p { color: #9a9aa1; margin: 6px 0; }
.secure-document-card { align-items: start; }
.tenant-back { justify-self: start; background: transparent; color: #ff8a22; }
.workspace-choice { color: #999; font-size: 12px; }
.workspace-choice summary { cursor: pointer; margin-bottom: 10px; }
.network-sources { display: grid; gap: 16px; border: 1px solid #3b3027; background: #12100e; border-radius: 16px; padding: 20px; margin-bottom: 20px; }
.network-sources > header span { color: #ff7900; font-size: 10px; letter-spacing: .13em; }
.network-sources > header h3 { margin: 5px 0; }
.network-sources > header p { color: #999; margin: 0; }
.network-sources form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.network-sources form > label { display: grid; gap: 6px; color: #aaa; font-size: 11px; }
.network-sources input, .network-sources select { background: #0a0a0b; color: #eee; border: 1px solid #343438; border-radius: 8px; padding: 10px; }
.network-sources fieldset { grid-column: 1 / -1; border: 1px solid #36363b; border-radius: 10px; }
.network-sources fieldset > div { display: flex; flex-wrap: wrap; gap: 7px; }
.network-sources fieldset label { background: #202024; border-radius: 999px; padding: 6px 9px; font-size: 11px; }
.network-sources form > button, .network-source-actions button { border: 1px solid #a34d00; background: #ff7900; color: #080808; border-radius: 8px; padding: 10px 13px; font-weight: 700; cursor: pointer; }
.network-sources form > button:disabled { opacity: .65; cursor: wait; }
.network-form-feedback { grid-column: 2 / -1; align-self: center; min-height: 18px; margin: 0; color: #aaa; font-size: 12px; }
.network-form-feedback[data-type="error"] { color: #f08383; }
.network-form-feedback[data-type="success"] { color: #62c894; }
.network-form-feedback[data-type="pending"] { color: #ff9a45; }
.network-source-grid { display: grid; gap: 10px; }
.network-source-card { border: 1px solid #303034; background: #151517; border-radius: 12px; padding: 14px; }
.network-source-card header { display: flex; align-items: center; gap: 10px; }
.network-source-card header > div { display: grid; gap: 4px; flex: 1; }
.network-source-card header small { color: #999; }
.network-source-card header > b { color: #999; text-transform: uppercase; font-size: 10px; }
.network-source-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.network-source-actions code { flex: 1; color: #bd8456; overflow-wrap: anywhere; }
.network-source-error { color: #e47777; font-size: 11px; }
@media (max-width: 700px) {
  .tenant-create form, .tenant-quota-form { grid-template-columns: 1fr; }
  .tenant-grid { grid-template-columns: 1fr; }
  .tenant-user-policy { grid-auto-flow: row; }
  .tenant-audit article { grid-template-columns: 1fr; }
  .network-sources form { grid-template-columns: 1fr; }
  .network-form-feedback { grid-column: 1; }
}
