[hidden] { display:none!important; }
.platform-app { width:100%; max-width:none; display:grid; gap:14px; align-content:start; }
.platform-app > :is(.platform-section,.platform-feedback,.page-head,p) { margin:0; }
.platform-app .page-head :is(h1,h2) { flex:1 1 200px; min-width:0; margin:0; overflow-wrap:anywhere; }
.platform-layout { display:grid; grid-template-columns:minmax(220px,300px) minmax(0,1fr); gap:14px; align-items:start; }
.platform-layout > * { min-width:0; }
.platform-layout > aside > label { display:block; margin-bottom:8px; }
.platform-layout > div,#companySection { display:flex; flex-direction:column; gap:14px; }
.platform-layout > div > .platform-section,#companySection > :is(.platform-section,.platform-tabs) { margin:0; }
.platform-app .platform-section .page-head { margin:0 0 14px; }
.platform-app > h1 { margin:0; overflow-wrap:anywhere; }
.topbar .platform-navigation { flex-wrap:wrap; justify-content:flex-end; min-width:0; }
.platform-navigation a.navbtn { color:inherit; text-decoration:none; display:inline-flex; align-items:center; padding:8px 12px; min-height:44px; border-radius:10px; background:rgba(255,255,255,.12); }
.platform-back { color:var(--brand); width:fit-content; min-height:44px; display:inline-flex; align-items:center; font-weight:600; text-decoration:none; }
.company-overview .page-head > div { flex:1 1 200px; min-width:0; }
.company-overview .page-head p { margin:8px 0 0; }
.company-filter { max-width:420px; margin-bottom:20px; }
.company-filter label { display:block; margin-bottom:8px; }
.company-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:14px; }
.platform-tenant.company-card { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-height:180px; text-decoration:none; transition:border-color .15s,box-shadow .15s; }
.platform-tenant.company-card:hover { border-color:var(--brand); box-shadow:0 4px 12px rgba(15,23,42,.08); }
.platform-tenant.company-card :is(strong,small) { margin:0; }
.company-card strong { font-size:18px; }
.company-card-action { color:var(--brand); font-weight:600; margin-top:auto; }
.company-empty { grid-column:1/-1; padding:24px 0; }
.operations-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:14px; }
.operations-card { border:1px solid var(--line); border-radius:10px; padding:16px; min-width:0; overflow-wrap:anywhere; background:var(--surface-2); }
.operations-card h3 { margin:0 0 12px; }
.health-badge { width:fit-content; }
.health-healthy { border-left:4px solid var(--ok); }
.health-warning,.health-setup { border-left:4px solid var(--warn); }
.health-critical { border-left:4px solid var(--danger); }
.health-unknown { border-left:4px solid var(--line); }
.security-app form { display:grid; gap:14px; }
.security-app label:not(.platform-checkbox) { display:flex; flex-direction:column; gap:8px; }
.security-app form .btn { width:fit-content; }
[data-platform-role=viewer] #pair,[data-platform-role=viewer] #provisioning,[data-platform-role=support] #accessForm button[type=submit] { display:none; }
.operations-card .badge { width:fit-content; }
@media(max-width:800px) { .topbar:has(.platform-navigation) { flex-wrap:wrap; } .topbar .platform-navigation { width:100%; justify-content:flex-start; flex-shrink:1; } .company-overview .page-head > div { flex-basis:100%; } }
@media(prefers-reduced-motion:reduce) { .platform-tenant.company-card { transition:none; } }
.platform-section { padding:16px; margin:0 0 14px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); }
.platform-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.platform-app input:not([type=checkbox]),.platform-app select { width:100%; min-height:var(--tap); padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); color:var(--ink); font:inherit; }
.platform-app input:disabled { opacity:.7; }
.platform-checkbox { display:flex; gap:12px; align-items:center; min-height:var(--tap); }
.platform-checkbox input { width:24px; height:24px; }
.platform-tenants { display:grid; gap:12px; margin-top:12px; }
.platform-tenant { display:block; width:100%; text-align:left; padding:16px; min-height:80px; border:1px solid var(--line); border-left:6px solid var(--brand); border-radius:var(--radius); background:var(--card); color:var(--ink); font:inherit; cursor:pointer; }
.platform-tenant[aria-current=true] { outline:3px solid var(--brand); outline-offset:2px; }
.platform-tenant strong,.platform-tenant small { display:block; margin-bottom:8px; overflow-wrap:anywhere; }
.platform-app :is(button,a,input,textarea,select,summary):focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
.platform-tabs { margin:0 0 14px; }
.platform-tabs [aria-pressed=true] { background:var(--brand); color:var(--card); }
.platform-status,.platform-feedback { padding:14px; margin:14px 0; background:var(--surface-2); border-left:6px solid var(--warn); border-radius:10px; overflow-wrap:anywhere; }
.platform-status.ok { border-left-color:var(--ok); }
.platform-status.error,.platform-feedback.error { border-left-color:var(--danger); }
.platform-status dl { display:grid; grid-template-columns:auto 1fr; gap:8px 16px; margin-bottom:0; }
.platform-status dd { margin:0; }
.platform-app summary { cursor:pointer; min-height:44px; padding:10px 0; font-weight:600; }
.platform-app fieldset { border:1px solid var(--line); border-radius:10px; padding:14px; margin:14px 0; }
.platform-app legend { font-weight:700; }
.platform-json { min-height:320px; font:14px/1.5 ui-monospace,monospace; }
.platform-staff { padding:14px 0; border-bottom:1px solid var(--line); }
.platform-token { margin:14px 0; padding:16px; border:1px solid var(--warn); border-radius:10px; background:var(--surface-2); overflow-wrap:anywhere; }
.platform-app .btn { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.platform-app .btn.danger { background:var(--danger); color:var(--card); }
.platform-app button:disabled { opacity:.6; cursor:wait; }
.platform-audit { padding:12px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.platform-app pre { overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.platform-app code { overflow-wrap:anywhere; }
@media(max-width:800px) { .platform-layout { grid-template-columns:minmax(0,1fr); } .platform-tenants { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); } .platform-fields { grid-template-columns:minmax(0,1fr); } .platform-status dl { grid-template-columns:1fr; } .platform-app .page-head :is(h1,h2) { flex-basis:100%; } .platform-app .page-head > .btn { flex:1 1 auto; } }
@media print { .topbar,.platform-tabs,.form-actions,.wk-footer,button { display:none!important; } .platform-section { break-inside:avoid; } }