/* NEXAR Experience 4.0 — Stage 05 Platform Control Center.
   Scoped to the real platform workspace. No fake statistics or browser-only admin writes. */
.nx4-workspace.workspace--platform{
 --nx4-platform-accent:var(--nx-platform-accent,#34425F);
 --nx4-platform-line:var(--nx4-line-light);
 --nx4-platform-ink:var(--nx4-text);
}
.nx4-platform-console{display:grid;gap:18px;width:100%;min-width:0}
.nx4-platform-hero{
 display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:210px;
 border-radius:19px;padding:30px clamp(23px,3.4vw,42px);overflow:hidden;
 color:#F8FAFF;border:1px solid #8FA5CE4B;
 background:radial-gradient(ellipse at 79% 28%,#3156A76D,transparent 49%),linear-gradient(115deg,#0E1A35,#1C2C51 65%,#27365B);
 box-shadow:0 18px 40px -32px #0B1944A6;position:relative;isolation:isolate;
}
.nx4-platform-hero:after{
 content:"";position:absolute;inset:-60% -10% auto auto;width:76%;height:280%;z-index:-1;
 border-radius:50%;border:1px solid #AFC8FF16;box-shadow:0 0 0 35px #FFFFFF04,0 0 0 120px #FFFFFF02;
}
.nx4-platform-kicker{display:inline-flex;align-items:center;gap:8px;color:#ACD0FF;font-size:10px;font-weight:900;letter-spacing:.09em}
.nx4-platform-kicker svg{width:16px;height:16px}
.nx4-platform-hero h2{font:900 clamp(23px,2.6vw,35px)/1.5 var(--nx4-font);margin:10px 0 4px}
.nx4-platform-hero p{font-size:12px;line-height:1.85;color:#B8C7E6;margin:0;max-width:62ch}
.nx4-platform-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.nx4-platform-hero-badges span{
 display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;
 color:#E8F1FF;padding:8px 11px;border-radius:8px;background:#FFFFFF0B;border:1px solid #CDE3FF27;
}
.nx4-platform-hero-badges svg{width:14px;height:14px;color:#A6D5FF}
.nx4-platform-hero-art{flex:0 0 160px;display:grid;place-items:center;width:160px;height:160px;
 color:#B4CEFF;opacity:.29;transform:rotate(-12deg);filter:drop-shadow(0 9px 28px #0A183B)}
.nx4-platform-hero-art svg{width:135px!important;height:135px!important;stroke-width:1.1px}
.nx4-platform-loading,.nx4-platform-error,.nx4-platform-note{padding:13px 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--nx4-platform-line);border-radius:10px;font-size:11px;line-height:1.85}
.nx4-platform-loading{background:var(--nx4-paper);color:var(--nx4-muted)}
.nx4-platform-error{background:color-mix(in srgb,var(--nx-danger) 8%,var(--nx4-panel));border-color:color-mix(in srgb,var(--nx-danger) 20%,var(--nx4-platform-line));color:var(--nx-danger)}
.nx4-platform-note{background:color-mix(in srgb,var(--nx-finance-accent) 5%,var(--nx4-panel));color:var(--nx4-muted)}
.nx4-platform-loading svg,.nx4-platform-error svg,.nx4-platform-note svg{width:18px;height:18px;flex:none}
.nx4-platform-tabs{
 display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:6px;
 border:1px solid var(--nx4-platform-line);border-radius:12px;
 background:var(--nx4-panel);box-shadow:var(--nx4-elevate);
}
.nx4-platform-tab{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:39px;padding:9px 15px;border:1px solid transparent;border-radius:9px;
 background:transparent;color:var(--nx4-muted);font:800 11px var(--nx4-font);
 transition:background .17s,border-color .17s,color .17s;
}
.nx4-platform-tab svg{width:17px;height:17px}
.nx4-platform-tab:hover{background:var(--nx4-paper);color:var(--nx4-text)}
.nx4-platform-tab.active{
 color:var(--nx4-platform-accent);
 border-color:color-mix(in srgb,var(--nx4-platform-accent) 23%,var(--nx4-platform-line));
 background:color-mix(in srgb,var(--nx4-platform-accent) 8%,var(--nx4-panel));
}
[data-theme="dark"] .nx4-platform-tab.active{color:#B9CEFF}
.nx4-platform-body{display:grid;gap:15px;min-width:0}
.nx4-platform-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nx4-platform-metric{
 display:flex;flex-direction:column;align-items:flex-start;gap:5px;
 min-height:156px;padding:17px 18px;border:1px solid var(--nx4-platform-line);
 border-radius:15px;background:var(--nx4-panel);box-shadow:var(--nx4-elevate);
}
.nx4-platform-metric-icon{
 width:37px;height:37px;display:grid;place-items:center;border-radius:10px;
 border:1px solid color-mix(in srgb,var(--nx4-platform-accent) 18%,var(--nx4-platform-line));
 background:color-mix(in srgb,var(--nx4-platform-accent) 8%,var(--nx4-panel));color:var(--nx4-platform-accent);
}
[data-theme="dark"] .nx4-platform-metric-icon{color:#A7C6FF}
.nx4-platform-metric-icon svg{width:19px;height:19px}
.nx4-platform-metric-title{color:var(--nx4-muted);font-size:10px;font-weight:800;margin-top:8px}
.nx4-platform-metric strong{font-size:27px;font-weight:900;line-height:1.3;color:var(--nx4-platform-ink)}
.nx4-platform-metric small{font-size:9px;color:var(--nx4-muted)}
.nx4-platform-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:13px}
.nx4-platform-feature,.nx4-platform-quick,.nx4-platform-list,.nx4-platform-details,.nx4-platform-members,.nx4-platform-roles{
 min-width:0;padding:19px 20px;border:1px solid var(--nx4-platform-line);border-radius:15px;
 background:var(--nx4-panel);box-shadow:var(--nx4-elevate);
}
.nx4-platform-section-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:18px;
}
.nx4-platform-section-head h3{color:var(--nx4-text);font-size:15px;font-weight:900;margin:0 0 3px}
.nx4-platform-section-head p{color:var(--nx4-muted);font-size:10px;line-height:1.8;margin:0}
.nx4-platform-eyebrow{font-size:9px;letter-spacing:.09em;color:var(--nx4-platform-accent);font-weight:900;display:block;margin-bottom:7px}
[data-theme="dark"] .nx4-platform-eyebrow{color:#B1CEFF}
.nx4-platform-section-head .button,.nx4-company-actions .button,.nx4-platform-details-actions .button{
 min-height:34px;padding:7px 12px;border-radius:9px;font-size:10px;font-weight:800;
}
.nx4-platform-feature-row{
 display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--nx4-platform-line);
}
.nx4-platform-feature-row:last-child{border-bottom:0}
.nx4-platform-feature-row>span:first-child{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px;color:var(--nx4-platform-accent);background:color-mix(in srgb,var(--nx4-platform-accent) 9%,var(--nx4-panel))}
.nx4-platform-feature-row>span:first-child svg{width:18px;height:18px}
.nx4-platform-feature-row>div{flex:1;min-width:0}
.nx4-platform-feature-row strong{display:block;font-size:11px;color:var(--nx4-text);font-weight:900}
.nx4-platform-feature-row small{display:block;font-size:9px;color:var(--nx4-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx4-platform-feature-row>.icon-btn{width:31px;height:31px;flex:none;border:1px solid var(--nx4-platform-line);border-radius:8px}
.nx4-platform-state{
 display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;
 white-space:nowrap;font-size:9px;font-weight:900;
 border:1px solid var(--nx4-platform-line);
}
.nx4-platform-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.nx4-platform-state.is-active{background:color-mix(in srgb,#2676BA 9%,var(--nx4-panel));color:#347CAC;border-color:color-mix(in srgb,#2676BA 23%,var(--nx4-platform-line))}
.nx4-platform-state.is-inactive{color:#BE536B;background:color-mix(in srgb,#C54B66 8%,var(--nx4-panel));border-color:color-mix(in srgb,#C54B66 19%,var(--nx4-platform-line))}
.nx4-platform-quick-action{
 width:100%;display:flex;align-items:center;gap:12px;min-height:50px;
 padding:10px;border-radius:10px;text-align:right;background:var(--nx4-paper);
 border:1px solid var(--nx4-platform-line);color:var(--nx4-text);
 font-size:11px;font-weight:800;margin-bottom:9px;
}
.nx4-platform-quick-action:hover{border-color:color-mix(in srgb,var(--nx4-platform-accent) 34%,var(--nx4-platform-line));color:var(--nx4-platform-accent)}
.nx4-platform-quick-action svg{width:17px;height:17px;flex:none;color:var(--nx4-platform-accent)}
.nx4-platform-quick-action svg:last-child{margin-inline-start:auto;width:16px}
.nx4-platform-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:11px;margin-bottom:17px}
.nx4-platform-search{display:flex;align-items:center;position:relative;flex:1 1 260px;min-width:180px}
.nx4-platform-search svg{position:absolute;right:13px;width:18px;height:18px;pointer-events:none;color:var(--nx4-muted)}
.nx4-platform-search .input,.nx4-platform-filter .input{
 border:1px solid var(--nx4-platform-line);border-radius:10px;
 background:var(--nx4-panel);color:var(--nx4-text);height:40px;min-height:40px;font-size:11px;
}
.nx4-platform-search .input{width:100%;padding-inline-start:42px;padding-inline-end:12px}
.nx4-platform-filter{font-size:10px;color:var(--nx4-muted);font-weight:800;display:flex;flex-direction:column;gap:6px;min-width:138px}
.nx4-platform-filter .input{padding:7px 10px}
.nx4-platform-count{color:var(--nx4-muted);font-size:10px;font-weight:700;white-space:nowrap;padding:12px 2px}
.nx4-platform-company{
 display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:13px 14px;margin-bottom:9px;
 border:1px solid var(--nx4-platform-line);border-radius:12px;
 background:var(--nx4-paper);
}
.nx4-platform-company.selected{border-color:color-mix(in srgb,var(--nx4-platform-accent) 41%,var(--nx4-platform-line));box-shadow:inset 3px 0 0 var(--nx4-platform-accent)}
.nx4-company-main{min-width:190px;flex:1 1 205px;display:flex;align-items:center;gap:10px}
.nx4-company-symbol{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;color:var(--nx4-platform-accent);background:color-mix(in srgb,var(--nx4-platform-accent) 10%,var(--nx4-panel))}
.nx4-company-symbol svg{width:19px;height:19px}
.nx4-company-main>div{min-width:0}
.nx4-company-main strong{display:block;font-size:12px;font-weight:900;color:var(--nx4-text)}
.nx4-company-main small{display:block;font-size:10px;color:var(--nx4-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.nx4-company-stats{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;color:var(--nx4-muted)}
.nx4-company-stats>span:not(.nx4-platform-state){display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.nx4-company-stats svg{width:14px;height:14px}
.nx4-company-actions{display:flex;align-items:center;gap:7px;margin-inline-start:auto}
.nx4-company-actions .button:not(.ghost),.nx4-platform-details-actions .button:not(.ghost){color:white;background:var(--nx4-platform-accent);border-color:var(--nx4-platform-accent)}
.nx4-company-actions svg,.nx4-platform-details-actions svg{width:15px;height:15px}
.nx4-platform-details{background:linear-gradient(180deg,color-mix(in srgb,var(--nx4-platform-accent) 4%,var(--nx4-panel)),var(--nx4-panel) 56%)}
.nx4-platform-details .icon-btn{width:33px;height:33px;border:1px solid var(--nx4-platform-line);border-radius:9px}
.nx4-platform-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nx4-platform-details-grid>div{min-width:0;padding:12px;background:var(--nx4-panel);border:1px solid var(--nx4-platform-line);border-radius:10px}
.nx4-platform-details-grid>div>span:first-child{display:block;font-size:10px;color:var(--nx4-muted);margin-bottom:6px}
.nx4-platform-details-grid strong{display:block;white-space:normal;overflow-wrap:anywhere;font-size:11px;color:var(--nx4-text)}
.nx4-platform-details-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.nx4-platform-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;scrollbar-width:thin}
.nx4-platform-table-scroll table{width:100%;border-collapse:collapse;text-align:right;font-size:11px}
.nx4-platform-table-scroll th{background:var(--nx4-paper);border-bottom:1px solid var(--nx4-platform-line);font-size:10px;color:var(--nx4-muted);font-weight:900;padding:12px;white-space:nowrap}
.nx4-platform-table-scroll td{border-bottom:1px solid var(--nx4-platform-line);padding:12px;font-size:10px;color:var(--nx4-text);line-height:1.6}
.nx4-platform-table-scroll tr:last-child td{border:0}
.nx4-platform-table-scroll td code{font-size:10px;color:var(--nx4-muted);background:var(--nx4-paper);padding:5px 8px;border-radius:7px}
.nx4-platform-table-scroll .nx4-member-avatar{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--nx4-paper);border-radius:8px;margin-inline-end:7px}
.nx4-member-avatar svg{width:16px;height:16px}
.nx4-role-label{display:inline-block;padding:5px 9px;border:1px solid color-mix(in srgb,var(--nx4-platform-accent) 19%,var(--nx4-platform-line));border-radius:7px;color:var(--nx4-text);background:color-mix(in srgb,var(--nx4-platform-accent) 6%,var(--nx4-panel));white-space:nowrap}
.nx4-permission-yes,.nx4-permission-no{font-weight:900;font-size:16px}
.nx4-permission-yes{color:#3977B7}.nx4-permission-no{color:var(--nx4-muted)}
.nx4-platform-disclosure{font-size:10px;line-height:2;color:var(--nx4-muted);padding:12px;margin:15px 0 0;border:1px dashed var(--nx4-platform-line);border-radius:9px;background:var(--nx4-paper)}
.nx4-platform-empty{padding:22px;text-align:center;border:1px dashed var(--nx4-platform-line);border-radius:10px;color:var(--nx4-muted);font-size:11px;background:var(--nx4-paper)}
.nx4-platform-demo-wrap{min-width:0;display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--nx4-platform-line)}
.nx4-platform-demo-wrap>h3{font:900 16px var(--nx4-font);margin:0;color:var(--nx4-text)}
.nx4-platform-demo-wrap>p{margin:0;color:var(--nx4-muted);font-size:11px}
.nx4-platform-demo-wrap>.demo-center{margin-top:13px}
@media(max-width:1220px){
 .nx4-platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nx4-platform-overview-grid{grid-template-columns:1fr}
 .nx4-platform-company{align-items:flex-start}
 .nx4-company-stats{flex:1 1 100%;padding-inline-start:48px}
 .nx4-company-actions{margin-inline-start:0}
}
@media(max-width:780px){
 .nx4-platform-hero{min-height:185px;padding:23px 20px}
 .nx4-platform-hero-art{width:100px;flex-basis:100px}
 .nx4-platform-hero-art svg{height:90px!important;width:90px!important}
 .nx4-platform-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .nx4-platform-tab{padding:9px 11px;justify-content:flex-start}
 .nx4-platform-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nx4-platform-feature,.nx4-platform-quick,.nx4-platform-list,.nx4-platform-details,.nx4-platform-members,.nx4-platform-roles{padding:15px}
}
@media(max-width:520px){
 .nx4-platform-console{gap:12px}
 .nx4-platform-hero{min-height:175px;padding:20px 16px;border-radius:13px}
 .nx4-platform-hero h2{font-size:24px}
 .nx4-platform-hero p{font-size:10px}
 .nx4-platform-hero-badges{gap:6px;margin-top:13px}
 .nx4-platform-hero-badges span{font-size:9px;padding:6px 7px}
 .nx4-platform-hero-art{display:none}
 .nx4-platform-metrics{gap:8px}
 .nx4-platform-metric{min-height:141px;padding:13px;border-radius:12px}
 .nx4-platform-metric strong{font-size:24px}
 .nx4-platform-tab{font-size:10px;padding:9px 8px;gap:6px}
 .nx4-platform-tab svg{width:15px;height:15px}
 .nx4-platform-feature,.nx4-platform-quick,.nx4-platform-list,.nx4-platform-details,.nx4-platform-members,.nx4-platform-roles{padding:12px}
 .nx4-platform-section-head{flex-wrap:wrap}
 .nx4-platform-company{padding:11px;gap:9px}
 .nx4-company-main{flex:1 1 100%}
 .nx4-company-stats{padding:0}
 .nx4-company-actions{width:100%}
 .nx4-company-actions .button{flex:1;justify-content:center}
 .nx4-platform-tools{gap:8px}
 .nx4-platform-filter{flex:1 1 auto}
 .nx4-platform-count{flex:1 1 100%;padding:1px 0}
 .nx4-platform-details-actions{justify-content:stretch}
 .nx4-platform-details-actions .button{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 .nx4-platform-tab{transition:none}
}


/* Genuine platform company creation — no simulation, same secured createCompany API. */
.nx4-platform-add{
 color:#FFFFFF;background:var(--nx4-platform-accent);
 border-color:var(--nx4-platform-accent);
 min-height:37px;padding:8px 14px;border-radius:9px;font-size:10px;font-weight:800;flex:none;
}
.nx4-platform-add svg{width:16px;height:16px;margin-inline-end:5px}
.nx4-platform-add:hover{filter:brightness(1.1)}
.dialog.nx4-platform-create-dialog{max-width:535px}
.dialog.nx4-platform-create-dialog .dialog-content .form-label{font-size:11px;font-weight:800;color:var(--nx4-text)}
.dialog.nx4-platform-create-dialog .input{
 border-color:var(--nx4-line-light);background:var(--nx4-panel);color:var(--nx4-text);
 width:100%;min-height:43px;border-radius:10px;font-size:12px;margin-top:7px;
}
.dialog.nx4-platform-create-dialog .input:focus{
 outline:0;border-color:var(--nx-platform-accent);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--nx-platform-accent) 13%,transparent);
}
@media(max-width:520px){.nx4-platform-add{width:100%;justify-content:center}}


/* Enabled application identities are backed by company_apps, not demo counters. */
.nx4-platform-enabled-apps{
 margin-top:14px;padding:12px 13px;border:1px solid var(--nx4-platform-line);
 background:var(--nx4-paper);border-radius:10px;
}
.nx4-platform-enabled-apps>strong{display:block;font-size:10px;font-weight:900;color:var(--nx4-text);margin-bottom:9px}
.nx4-platform-enabled-apps>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.nx4-platform-app-chip{
 display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:5px 10px;
 border-radius:8px;border:1px solid color-mix(in srgb,var(--chip) 24%,var(--nx4-platform-line));
 background:color-mix(in srgb,var(--chip) 7%,var(--nx4-panel));
 color:var(--nx4-text);font-size:10px;font-weight:800;
}
.nx4-platform-app-chip svg{width:14px;height:14px;color:var(--chip)}
.nx4-platform-enabled-apps small{font-size:10px;color:var(--nx4-muted)}