/* NEXAR UX5 / Stage 09 — Platform Administration.
   Real data, permission-bound actions and explicit read-only role matrices. */
.nx4-workspace.workspace--platform{--nx5-platform-highlight:#415A83}
.nx4-platform-console{--nx5-platform-ink:var(--nx5-primary-ink);--nx5-platform-muted:var(--nx5-secondary-ink);display:grid;gap:17px;min-width:0}
.nx4-platform-console .nx4-platform-hero{min-height:202px;position:relative;overflow:hidden;isolation:isolate;border:1px solid #83A9D02A;border-radius:19px;padding:clamp(19px,2.7vw,34px);background:radial-gradient(ellipse 66% 90% at 78% 3%,#547CB659,transparent 70%),linear-gradient(118deg,#111C32,#263956 75%,#344568);box-shadow:0 23px 43px -31px #0F223E91;color:#fff}
.nx4-platform-console .nx4-platform-hero:before{content:"";position:absolute;inset:-30%;z-index:-1;background:linear-gradient(#FFFFFF06 1px,transparent 1px),linear-gradient(90deg,#FFFFFF06 1px,transparent 1px);background-size:60px 60px;transform:rotate(-9deg)}
.nx4-platform-console .nx4-platform-hero h2{font-size:clamp(23px,2.5vw,32px);line-height:1.42;font-weight:900;color:#fff}
.nx4-platform-console .nx4-platform-hero p{font-size:13px;line-height:1.9;max-width:70ch;color:#D4E0F2}
.nx4-platform-console .nx4-platform-kicker{color:#C1E1FF;font-size:11px;letter-spacing:.04em}
.nx4-platform-console .nx4-platform-hero-badges span{border:1px solid #D3E6FF24;border-radius:9px;background:#FFFFFF12;color:#F1F7FF;font-size:11px;padding:8px 11px}
.nx4-platform-console .nx4-platform-hero-art{opacity:.14;filter:drop-shadow(0 5px 16px #9EB6E53A);transform:rotate(-7deg)}
.nx4-platform-console .nx4-platform-tabs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:6px;border:1px solid var(--nx4-line-light);background:var(--nx4-panel);border-radius:15px;box-shadow:0 9px 22px -19px #13274266}
.nx4-platform-console .nx4-platform-tab{min-height:46px;padding:10px 13px;border-radius:10px;border:1px solid transparent;color:var(--nx5-platform-muted);font:800 12px Cairo,sans-serif;gap:9px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.nx4-platform-console .nx4-platform-tab .nx-vivid-icon{width:19px;height:19px}
.nx4-platform-console .nx4-platform-tab.active{color:var(--nx5-platform-ink);border-color:color-mix(in srgb,#5E82B0 30%,var(--nx4-line-light));background:color-mix(in srgb,#6388B4 10%,var(--nx4-panel));box-shadow:inset 0 -2px #496D9C}
.nx4-platform-console .nx4-platform-tab:focus-visible,.nx4-platform-console button:focus-visible{outline:2px solid #4E86C4;outline-offset:3px}
.nx4-platform-console .nx4-platform-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nx4-platform-console .nx4-platform-metric{min-height:152px;position:relative;overflow:hidden;padding:18px;border:1px solid var(--nx4-line-light);border-radius:16px;background:var(--nx4-panel);box-shadow:0 13px 29px -25px #0B1C3B77}
.nx4-platform-console .nx4-platform-metric:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:17px;width:36px;height:3px;background:#6888C2;border-radius:0 0 5px 5px}
.nx4-platform-console .nx4-platform-metric:nth-child(2):before{background:#448CAC}.nx4-platform-console .nx4-platform-metric:nth-child(3):before{background:#866EC3}.nx4-platform-console .nx4-platform-metric:nth-child(4):before{background:#397EBA}
.nx4-platform-console .nx4-platform-metric-icon{background:color-mix(in srgb,#5B83B6 11%,var(--nx4-panel));border-radius:11px;color:#557DAA}
.nx4-platform-console .nx4-platform-metric-title{font-size:12px;line-height:1.7;color:var(--nx5-platform-muted);font-weight:800}
.nx4-platform-console .nx4-platform-metric strong{font-size:clamp(26px,2.8vw,40px);line-height:1.27;color:var(--nx5-platform-ink);font-variant-numeric:tabular-nums;font-weight:900;overflow-wrap:anywhere}
.nx4-platform-console .nx4-platform-metric small{font-size:11px;line-height:1.7;color:var(--nx5-tone-support)}
.nx4-platform-console :is(.nx4-platform-feature,.nx4-platform-quick,.nx4-platform-list,.nx4-platform-details,.nx4-platform-members,.nx4-platform-roles){min-width:0;border:1px solid var(--nx4-line-light);border-radius:16px;background:var(--nx4-panel);box-shadow:0 12px 27px -26px #0D203C66}
.nx4-platform-console .nx4-platform-section-head{gap:12px;flex-wrap:wrap}
.nx4-platform-console .nx4-platform-section-head h3{font-size:17px;font-weight:900;line-height:1.55;color:var(--nx5-platform-ink)}
.nx4-platform-console .nx4-platform-section-head p{font-size:12px;line-height:1.85;color:var(--nx5-platform-muted)}
.nx4-platform-console .nx4-platform-eyebrow{font-size:10px;font-weight:900;color:var(--nx5-tone-action)}
.nx4-platform-console .nx4-platform-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:13px}
.nx4-platform-console .nx4-platform-feature-row{min-width:0;gap:11px;padding-block:12px}
.nx4-platform-console .nx4-platform-feature-row strong{font-size:13px;font-weight:900;overflow-wrap:anywhere;color:var(--nx5-platform-ink)}
.nx4-platform-console .nx4-platform-feature-row small{font-size:11px;color:var(--nx5-tone-support);overflow-wrap:anywhere}
.nx4-platform-console .nx4-platform-quick-action{border:1px solid var(--nx4-line-light);border-radius:11px;min-height:46px;font-size:12px;font-weight:850;line-height:1.6;background:var(--nx4-paper);color:var(--nx5-platform-ink)}
.nx4-platform-console .nx4-platform-quick-action:hover{border-color:#6E90BA;background:color-mix(in srgb,#5784BC 8%,var(--nx4-panel))}
.nx4-platform-console .nx4-platform-tools{position:relative;gap:10px;align-items:end}
.nx4-platform-console .nx4-platform-search input,.nx4-platform-console .nx4-platform-filter select{min-height:46px;font-size:14px;border-radius:10px;border-color:var(--nx4-line-light)}
.nx4-platform-console .nx4-platform-search input:focus-visible,.nx4-platform-console .nx4-platform-filter select:focus-visible{outline:2px solid #598EC9;outline-offset:2px}
.nx4-platform-console .nx4-platform-count{white-space:nowrap;font-size:12px;font-weight:850;color:var(--nx5-platform-muted)}
.nx4-platform-console .nx4-platform-company{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:13px;align-items:center;padding:clamp(14px,1.55vw,20px);border:1px solid var(--nx4-line-light);border-radius:13px;background:var(--nx4-panel)}
.nx4-platform-console .nx4-platform-company:before{content:"";position:absolute;inset-inline-start:0;inset-block:14px;width:3px;background:#617FA9;border-radius:4px;opacity:.55}
.nx4-platform-console .nx4-platform-company.selected{border-color:#7C9DC7;box-shadow:0 10px 25px -20px #3D77BB88;background:color-mix(in srgb,#638DBC 4%,var(--nx4-panel))}
.nx4-platform-console .nx4-company-main{min-width:210px;flex:1 1 240px}
.nx4-platform-console .nx4-company-main strong{font-size:14px;font-weight:900;color:var(--nx5-platform-ink);line-height:1.65}
.nx4-platform-console .nx4-company-main small{font-size:11px;color:var(--nx5-tone-support);unicode-bidi:isolate;overflow-wrap:anywhere}
.nx4-platform-console .nx4-company-symbol{border:1px solid color-mix(in srgb,#6A8CBB 25%,var(--nx4-line-light));border-radius:11px;background:color-mix(in srgb,#5F86B8 10%,var(--nx4-panel))}
.nx4-platform-console .nx4-company-stats{gap:8px;flex-wrap:wrap}
.nx4-platform-console .nx4-company-stats>span{font-size:11px;line-height:1.6}
.nx4-platform-console .nx4-platform-state{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:8px;border:1px solid currentColor;font-size:10px;font-weight:900;line-height:1.65}
.nx4-platform-console .nx4-platform-state:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
.nx4-platform-console .nx4-platform-state.is-active{color:var(--nx5-tone-positive);background:color-mix(in srgb,var(--nx5-tone-positive) 8%,var(--nx4-panel));border-color:color-mix(in srgb,var(--nx5-tone-positive) 25%,var(--nx4-line-light))}
.nx4-platform-console .nx4-platform-state.is-inactive{color:var(--nx5-tone-warning);background:color-mix(in srgb,var(--nx5-tone-warning) 9%,var(--nx4-panel));border-color:color-mix(in srgb,var(--nx5-tone-warning) 26%,var(--nx4-line-light))}
.nx4-platform-console .nx4-platform-details-grid>div{border:1px solid var(--nx4-line-light);background:var(--nx4-paper);border-radius:9px;min-width:0;padding:13px}
.nx4-platform-console .nx4-platform-details-grid strong{font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.nx4-platform-console .nx4-platform-table-scroll{width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--nx4-line-light);border-radius:11px}
.nx4-platform-console .nx4-platform-table-scroll table{width:100%;min-width:600px;border-collapse:collapse}
.nx4-platform-console .nx4-platform-table-scroll th{font-size:11px;line-height:1.6;font-weight:900;color:var(--nx5-platform-muted);background:var(--nx4-paper);white-space:nowrap;padding:12px}
.nx4-platform-console .nx4-platform-table-scroll td{font-size:12px;line-height:1.85;color:var(--nx5-platform-ink);vertical-align:middle;padding:12px;border-top:1px solid var(--nx4-line-light)}
.nx4-platform-console .nx4-platform-table-scroll tbody tr:hover{background:color-mix(in srgb,#587CB6 5%,var(--nx4-panel))}
.nx4-platform-console .nx4-platform-disclosure,.nx4-platform-console .nx4-platform-note{font-size:12px;line-height:1.95;border-inline-start:3px solid #638CB7;padding:12px 14px;background:color-mix(in srgb,#638CB7 6%,var(--nx4-panel));color:var(--nx5-platform-muted);border-radius:8px}
.nx4-platform-console .nx4-platform-error{border-inline-start:3px solid var(--nx5-tone-critical);background:color-mix(in srgb,var(--nx5-tone-critical) 7%,var(--nx4-panel));color:var(--nx5-tone-critical);padding:13px;border-radius:9px;font-size:12px;line-height:1.9}
.nx4-platform-console .nx4-platform-loading{display:flex;align-items:center;gap:8px;padding:15px;border-radius:10px;border:1px solid var(--nx4-line-light);font-size:13px;line-height:1.8;color:var(--nx5-platform-muted)}
.nx4-platform-console .nx4-permission-yes{color:var(--nx5-tone-positive);font-weight:900;font-size:18px}.nx4-platform-console .nx4-permission-no{color:var(--nx5-tone-support);font-weight:850}
.nx4-platform-console .nx4-platform-app-chip{font-size:11px;line-height:1.6;border:1px solid var(--nx4-line-light);border-inline-start:3px solid var(--chip,#597AB0);border-radius:8px;padding:6px 9px}
@media(max-width:1100px){
 .nx4-platform-console .nx4-platform-overview-grid{grid-template-columns:1fr}
 .nx4-platform-console .nx4-platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .nx4-platform-console .nx4-platform-hero{min-height:177px;padding:18px;border-radius:14px}
 .nx4-platform-console .nx4-platform-hero h2{font-size:23px}
 .nx4-platform-console .nx4-platform-hero p{font-size:12px}
 .nx4-platform-console .nx4-platform-hero-art{opacity:.08}
 .nx4-platform-console .nx4-platform-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;max-width:100%;padding:5px}
 .nx4-platform-console .nx4-platform-tab{flex:none;white-space:nowrap;min-height:44px;font-size:12px}
 .nx4-platform-console .nx4-platform-company{align-items:stretch;gap:10px;padding:14px}
 .nx4-platform-console .nx4-company-main{flex-basis:100%;min-width:0}
 .nx4-platform-console .nx4-company-stats{justify-content:flex-start}
 .nx4-platform-console .nx4-company-actions{display:flex;gap:8px;width:100%}
 .nx4-platform-console .nx4-company-actions .button{flex:1;min-height:44px;font-size:12px}
 .nx4-platform-console .nx4-platform-metrics{gap:9px}
 .nx4-platform-console .nx4-platform-metric{min-height:131px;padding:14px}
 .nx4-platform-console .nx4-platform-section-head h3{font-size:16px}
}
@media(max-width:360px){
 .nx4-platform-console .nx4-platform-metrics{grid-template-columns:1fr}
 .nx4-platform-console .nx4-platform-company{padding:11px}
 .nx4-platform-console .nx4-company-actions{flex-wrap:wrap}
 .nx4-platform-console .nx4-company-actions .button{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.nx4-platform-console :is(.nx4-platform-tab,.nx4-platform-company,.nx4-platform-metric){transition:none!important;transform:none!important}}

/* Search and role select operate on memberships already authorized for the user. */
.nx4-platform-console .nx5-platform-member-filters{display:flex;align-items:end;flex-wrap:wrap;gap:11px;margin:14px 0 17px;padding:13px;border:1px solid var(--nx4-line-light);border-radius:11px;background:var(--nx4-paper)}
.nx4-platform-console .nx5-platform-member-filters label{display:grid;gap:6px;min-width:min(225px,100%);flex:1 1 215px;color:var(--nx5-platform-muted);font-size:12px;line-height:1.6;font-weight:900}
.nx4-platform-console .nx5-platform-member-filters .input{height:45px;min-height:45px;border:1px solid var(--nx4-line-light);border-radius:9px;color:var(--nx5-platform-ink);background:var(--nx4-panel);font-size:13px;padding-inline:10px;min-width:0}
.nx4-platform-console .nx5-platform-member-filters .input:focus-visible{outline:2px solid #638DBE;outline-offset:2px}
.nx4-platform-console .nx5-platform-member-counter{font-size:11px;font-weight:850;color:var(--nx5-platform-muted);padding:11px 0;align-self:end}
@media(max-width:620px){.nx4-platform-console .nx5-platform-member-filters{gap:8px;padding:10px}.nx4-platform-console .nx5-platform-member-filters label{flex:1 1 100%}.nx4-platform-console .nx5-platform-member-filters .input{font-size:16px}}