.portal-view { max-width: 1480px; }
.portal-head { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px; }
.portal-head h1 { margin:0;font-size:32px;line-height:1.15;letter-spacing:-1.2px;font-weight:590; }
.portal-head p { margin:7px 0 0;color:var(--ink-subtle);font-size:11px; }
.portal-head-actions { display:flex;gap:8px; }
.portal-head-actions .primary-button,.portal-head-actions .secondary-button { min-height:34px;display:flex;align-items:center;gap:6px;font-size:10px; }
.portal-head-actions svg { width:14px; }
.portal-tabs { margin:0 -34px;padding:0 34px;display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--hairline);scrollbar-width:none; }
.portal-tabs::-webkit-scrollbar { display:none; }
.portal-tabs a { position:relative;flex:none;padding:11px 12px;color:var(--ink-tertiary);font-size:9.5px;text-decoration:none;white-space:nowrap; }
.portal-tabs a:hover { color:var(--ink-muted); }
.portal-tabs a.active { color:var(--ink); }
.portal-tabs a.active::after { content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:1px;background:#a7aef0; }
.portal-body { min-height:620px;padding-top:18px; }
.portal-panel { background:var(--surface-1);border:1px solid var(--hairline);border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.018); }
.portal-toolbar { min-height:52px;margin-bottom:10px;padding:8px;display:flex;align-items:center;gap:7px;border:1px solid var(--hairline);border-radius:9px;background:#0b0c0d; }
.portal-search { width:min(320px,35vw);height:34px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--hairline);border-radius:6px;background:var(--surface-1); }
.portal-search svg { width:13px;color:var(--ink-tertiary); }
.portal-search input { width:100%;border:0;outline:0;background:transparent;color:var(--ink-muted);font-size:9.5px; }
.portal-toolbar select,.portal-toolbar>input,.analysis-filters select,.analysis-filters input { height:34px;padding:0 10px;border:1px solid var(--hairline);border-radius:6px;outline:0;background:var(--surface-1);color:var(--ink-subtle);font-size:9px; }
.toolbar-spacer { flex:1; }
.table-panel { overflow:hidden; }
.table-summary { min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);color:var(--ink-subtle);font-size:9.5px; }
.table-summary strong { color:var(--ink);font-size:13px;font-weight:580; }
.table-summary small { color:var(--ink-tertiary);font-size:8px; }
.portal-table-scroll { overflow:auto; }
.portal-table { min-width:780px; }
.portal-table th { padding:9px 12px;background:#0c0d0e;color:#5e6268;font-size:7.5px;text-transform:none; }
.portal-table td { padding:10px 12px;color:var(--ink-subtle);font-size:9px; }
.portal-table td strong { color:var(--ink-muted);font-weight:520; }
.portal-table input[type=checkbox] { width:13px;height:13px;accent-color:var(--primary); }
.table-link { padding:0;border:0;background:transparent;color:#c5c9ec;font-size:9.5px;font-weight:520;text-align:left;cursor:pointer; }
.table-link:hover { color:#fff;text-decoration:underline;text-underline-offset:3px; }
.table-sub { display:block;margin-top:2px;color:var(--ink-tertiary);font-size:7px; }
.row-menu { width:25px;height:25px;border:0;border-radius:5px;background:transparent;color:var(--ink-tertiary);cursor:pointer; }
.row-menu:hover { background:#222327;color:var(--ink); }
.portal-status { padding:2px 6px;display:inline-flex;align-items:center;gap:4px;border-radius:4px;font-size:7.5px;white-space:nowrap; }
.portal-status i { width:4px;height:4px;border-radius:50%; }
.portal-status.good { color:#73c589;background:rgba(53,183,91,.08); }.portal-status.good i{background:var(--success)}
.portal-status.warn { color:#d2b677;background:rgba(200,165,90,.08); }.portal-status.warn i{background:var(--warning)}
.portal-status.bad { color:#dc8585;background:rgba(216,106,106,.08); }.portal-status.bad i{background:var(--danger)}
.portal-pagination { min-height:46px;padding:0 14px;display:flex;align-items:center;justify-content:flex-end;gap:5px;border-top:1px solid var(--hairline); }
.portal-pagination span { margin-right:auto;color:var(--ink-tertiary);font-size:8px; }
.portal-pagination button { width:25px;height:25px;border:1px solid var(--hairline);border-radius:5px;background:#111214;color:var(--ink-tertiary);font-size:8px; }
.portal-pagination button.active { border-color:#4b4f74;color:#c4c9f5;background:rgba(94,106,210,.12); }

.entity-form-panel { max-width:970px;margin:0 auto;overflow:hidden; }
.form-section-title { padding:22px 24px 14px;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--hairline); }
.form-section-title.second { margin-top:8px;border-top:1px solid var(--hairline); }
.form-section-title>span { width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:rgba(94,106,210,.13);color:#a9b0ed;font-size:8px;font-weight:650; }
.form-section-title h2 { margin:0;font-size:12px;font-weight:580; }.form-section-title p{margin:2px 0 0;color:var(--ink-tertiary);font-size:8px;}
.portal-form-grid { padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:15px 18px; }
.portal-form-grid label { display:block; }.portal-form-grid label.full{grid-column:1/-1}
.portal-form-grid label>span,.settings-input>span { margin-bottom:5px;display:block;color:var(--ink-subtle);font-size:8.5px; }
.portal-form-grid label>span em { margin-left:3px;color:#d27d7d;font-style:normal; }
.portal-form-grid input,.portal-form-grid select,.portal-form-grid textarea,.settings-input input,.settings-input select { width:100%;min-height:37px;padding:8px 10px;border:1px solid #2a2c31;border-radius:6px;outline:0;background:#141516;color:var(--ink-muted);font-size:9.5px; }
.portal-form-grid textarea { min-height:70px;resize:vertical; }
.portal-form-grid input:focus,.portal-form-grid select:focus,.portal-form-grid textarea:focus,.settings-input input:focus,.settings-input select:focus { border-color:#58609b;box-shadow:0 0 0 2px rgba(94,106,210,.08); }
.portal-form-grid label>small { min-height:11px;margin-top:3px;display:block;color:var(--ink-tertiary);font-size:7px; }
.form-submit-row { padding:13px 24px;display:flex;justify-content:flex-end;gap:7px;border-top:1px solid var(--hairline);background:#0d0e0f; }
.form-submit-row .primary-button { font-size:10px; }
.input-unit { position:relative; }.input-unit b{position:absolute;right:10px;top:10px;color:var(--ink-tertiary);font-size:8px;font-weight:400;}

.detail-hero { min-height:112px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px; }
.detail-avatar { width:51px;height:51px;display:grid;place-items:center;border:1px solid #303342;border-radius:11px;background:#1a1c26;color:#aeb5ef;font-size:16px;font-weight:650; }
.detail-avatar.control { font-size:24px; }.detail-avatar.danger{color:#df8585;border-color:#503032;background:rgba(216,106,106,.08)}
.mono-label { color:var(--ink-tertiary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7.5px;letter-spacing:.04em; }
.detail-hero h2 { margin:3px 0 2px;font-size:18px;font-weight:580;letter-spacing:-.45px; }.detail-hero p{margin:0;color:var(--ink-tertiary);font-size:8.5px;}
.detail-hero-status { display:flex;align-items:center;gap:8px; }.detail-hero-status .secondary-button{font-size:8.5px}.detail-hero-status svg{width:12px}
.detail-subnav{margin-top:10px;padding:0 5px;display:flex;overflow:auto;border:1px solid var(--hairline);border-radius:8px;background:#0b0c0d;scrollbar-width:none}.detail-subnav button{position:relative;min-height:38px;padding:0 10px;flex:none;border:0;background:transparent;color:var(--ink-tertiary);font-size:8px;cursor:pointer}.detail-subnav button:hover{color:var(--ink-muted)}.detail-subnav button.active{color:var(--ink)}.detail-subnav button.active::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:1px;background:#a4abec}
.detail-layout { margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.detail-card { padding:17px; }.detail-card h3,.audit-card h3,.approval-actions h3,.ai-diagnosis h3{margin:0 0 13px;font-size:11px;font-weight:570}
.detail-card dl { margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:7px;overflow:hidden; }
.detail-card dl div { min-height:50px;padding:9px 10px;background:#121315; }.detail-card dt{color:var(--ink-tertiary);font-size:7.5px}.detail-card dd{margin:3px 0 0;color:var(--ink-muted);font-size:9px}
.mini-chart,.spark-area { height:105px;padding:10px 4px 0;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #2a2b30; }
.mini-chart i,.spark-area i { flex:1;min-width:3px;border-radius:2px 2px 0 0;background:linear-gradient(#777fd3,rgba(94,106,210,.18)); }
.detail-kpis { margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }.detail-kpis span{padding:8px;border:1px solid var(--hairline);border-radius:6px;color:var(--ink-tertiary);font-size:7.5px}.detail-kpis b{display:block;margin-top:2px;color:var(--ink-muted);font-size:10px;font-weight:550}.detail-kpis.vertical{grid-template-columns:1fr}
.audit-card { margin-top:10px;padding-bottom:8px;overflow:hidden; }.section-bar{min-height:59px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--hairline)}.section-bar h2,.section-bar h3{margin:0;font-size:11px;font-weight:570}.section-bar p{margin:2px 0 0;color:var(--ink-tertiary);font-size:7.5px}.section-bar .primary-button{font-size:9px;display:flex;align-items:center;gap:5px}.section-bar svg{width:12px}
.detail-tab-panel{margin-top:10px;overflow:hidden}.detail-tab-grid{padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-tab-grid span{padding:10px;border:1px solid var(--hairline);border-radius:6px;color:var(--ink-tertiary);font-size:7.5px}.detail-tab-grid b{display:block;margin-top:3px;color:var(--ink-muted);font-size:11px;font-weight:550}
.audit-row { position:relative;min-height:48px;margin-left:25px;padding:8px 16px 8px 17px;display:grid;grid-template-columns:1fr auto;align-items:center;border-left:1px solid #2b2d31; }.timeline-dot{position:absolute;left:-3px;width:5px;height:5px;border-radius:50%;background:#737ac1}.audit-row strong,.audit-row small{display:block}.audit-row strong{color:var(--ink-muted);font-size:8.5px;font-weight:520}.audit-row small{color:var(--ink-tertiary);font-size:7px}.audit-row em{color:#67b67d;font-size:7.5px;font-style:normal}

.workspace-summary { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px; }
.workspace-summary article { padding:14px 15px; }.workspace-summary span,.workspace-summary strong,.workspace-summary small{display:block}.workspace-summary span{color:var(--ink-tertiary);font-size:8px}.workspace-summary strong{margin-top:6px;color:var(--ink);font-size:15px;font-weight:570}.workspace-summary small{margin-top:6px;color:#656a91;font-size:7px}
.workspace-card { overflow:hidden; }.workspace-card .section-bar h2{font-size:13px}
.settings-list { padding:6px 16px 16px; }.settings-list label,.settings-fields>label { min-height:56px;display:flex;align-items:center;border-bottom:1px solid #202125;cursor:pointer; }.settings-list label>span,.settings-fields label>span{flex:1}.settings-list strong,.settings-list small,.settings-fields label>span>*{display:block}.settings-list strong,.settings-fields label strong{color:var(--ink-muted);font-size:9px;font-weight:520}.settings-list small,.settings-fields label small{color:var(--ink-tertiary);font-size:7.5px}
.settings-list input,.settings-fields label>input { position:absolute;opacity:0; }.settings-list label>i,.settings-fields label>i{position:relative;width:30px;height:17px;border-radius:20px;background:#292b30;transition:.2s}.settings-list label>i::after,.settings-fields label>i::after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#777b82;transition:.2s}.settings-list input:checked+i,.settings-fields input:checked+i{background:var(--primary)}.settings-list input:checked+i::after,.settings-fields input:checked+i::after{left:16px;background:white}
.permission-card{overflow:hidden}.permission-scroll{overflow:auto}.permission-table{width:100%;min-width:850px;border-collapse:collapse}.permission-table th,.permission-table td{padding:11px;border-bottom:1px solid #202125;text-align:center;font-size:8px}.permission-table th{color:var(--ink-tertiary);font-weight:500;background:#0c0d0e}.permission-table th:first-child,.permission-table td:first-child{text-align:left}.permission-table td strong,.permission-table td small{display:block}.permission-table td strong{color:var(--ink-muted);font-weight:520}.permission-table td small{color:var(--ink-tertiary);font-size:6.5px}.permission-table label{display:inline-grid;place-items:center;cursor:pointer}.permission-table input{position:absolute;opacity:0}.permission-table label i{width:16px;height:16px;display:grid;place-items:center;border:1px solid #34363c;border-radius:4px;background:#141516}.permission-table input:checked+i{border-color:#5961a0;background:var(--primary)}.permission-table input:checked+i::after{content:"✓";color:white;font-size:8px}.permission-note{padding:10px 14px;color:var(--ink-tertiary);font-size:7.5px;background:#0d0e0f}

.monitor-strip { min-height:42px;margin-bottom:10px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--hairline);border-radius:8px;background:#0b0c0d; }.monitor-strip>span{display:flex;align-items:center;gap:5px;color:#71c087;font-size:7.5px;font-weight:650;letter-spacing:.08em}.monitor-strip>span i{width:5px;height:5px;border-radius:50%;background:var(--success);animation:pulse 1.5s infinite}.monitor-strip select{height:27px;border:1px solid var(--hairline);border-radius:5px;background:#141516;color:var(--ink-subtle);font-size:8px}.monitor-strip em{margin-left:auto;color:var(--ink-tertiary);font-size:7.5px;font-style:normal}
.live-kpis,.analysis-kpis,.alarm-summary { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px; }.live-kpis article,.analysis-kpis article,.alarm-summary article{padding:13px 14px}.live-kpis span,.analysis-kpis span,.alarm-summary span{display:block;color:var(--ink-tertiary);font-size:8px}.live-kpis strong,.analysis-kpis strong,.alarm-summary strong{display:block;margin-top:5px;font-size:17px;font-weight:580}.live-kpis strong small,.analysis-kpis strong small{color:var(--ink-tertiary);font-size:8px;font-weight:400}.live-kpis em,.analysis-kpis em,.alarm-summary small{display:block;margin-top:5px;color:#6fba82;font-size:7.5px;font-style:normal}.alarm-summary article.danger{border-bottom-color:var(--danger)}.alarm-summary article.warning{border-bottom-color:var(--warning)}
.monitor-grid { display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.7fr);gap:10px;margin-bottom:10px; }.realtime-chart,.connection-card,.analysis-chart{overflow:hidden}.wave-chart{height:250px;padding:12px 16px}.wave-chart svg{width:100%;height:100%}.chart-grid-lines line{stroke:#25262a;stroke-width:1}.wave-chart .area{fill:rgba(94,106,210,.09)}.wave-chart .line{fill:none;stroke:#8992e8;stroke-width:2}.wave-chart .line.secondary{stroke:#6c727c;stroke-width:1.5;stroke-dasharray:5 5}
.connection-row { min-height:47px;padding:0 15px;display:grid;grid-template-columns:1fr auto auto;gap:11px;align-items:center;border-bottom:1px solid #202125;font-size:8px}.connection-row span{display:flex;align-items:center;gap:6px;color:var(--ink-subtle)}.connection-row span i{width:5px;height:5px;border-radius:50%;background:var(--success)}.connection-row span i.warn{background:var(--warning)}.connection-row strong{color:var(--ink-muted);font-weight:500}.connection-row em{color:var(--ink-tertiary);font-style:normal}.live-value{font-variant-numeric:tabular-nums}

.analysis-filters { margin-bottom:10px;padding:9px;display:flex;align-items:center;gap:7px;border:1px solid var(--hairline);border-radius:8px;background:#0b0c0d; }.analysis-filters select:first-child{min-width:170px}.analysis-filters span{color:var(--ink-tertiary)}.analysis-filters .primary-button{font-size:9px}
.analysis-layout { display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.65fr);gap:10px;margin-bottom:10px; }.legend-row{display:flex;gap:11px;color:var(--ink-tertiary);font-size:7px}.legend-row span{display:flex;align-items:center;gap:4px}.legend-row i{width:7px;height:2px;background:#858ddf}.legend-row span:last-child i{background:#5b5f67}
.bar-line-chart { height:260px;padding:25px 18px 20px;display:flex;align-items:flex-end;gap:9px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#222327 50px); }.bar-line-chart>div{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.bar-line-chart i,.bar-line-chart b{width:30%;border-radius:2px 2px 0 0}.bar-line-chart i{background:linear-gradient(#7d85db,#555b9b)}.bar-line-chart b{background:#34363b}.bar-line-chart span{position:absolute;bottom:-16px;color:var(--ink-tertiary);font-size:6.5px}
.insight-card { padding:18px; }.insight-card .ai-small-mark{margin-bottom:14px}.insight-card h2{margin:0 0 8px;font-size:12px;font-weight:580}.insight-card p{color:var(--ink-subtle);font-size:9px;line-height:1.75}.insight-card ul{padding:10px 0 10px 15px;color:var(--ink-tertiary);font-size:7.5px;line-height:1.8}.insight-card .secondary-button{width:100%;justify-content:center}
.score { width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(94,106,210,.13);color:#aeb5ef;font-size:8px }

.workflow-panel { max-width:1050px;margin:auto;overflow:hidden; }.workflow-steps { padding:16px 22px;display:flex;align-items:center;border-bottom:1px solid var(--hairline);background:#0c0d0e}.workflow-steps.large{margin:10px 0;border:1px solid var(--hairline);border-radius:8px}.workflow-steps span{position:relative;flex:1;display:flex;align-items:center;gap:6px;color:var(--ink-tertiary);font-size:7.5px}.workflow-steps span:not(:last-child)::after{content:"";height:1px;flex:1;margin:0 8px;background:#2a2b30}.workflow-steps i{width:19px;height:19px;display:grid;place-items:center;flex:none;border:1px solid #303238;border-radius:50%;font-size:7px;font-style:normal}.workflow-steps .active{color:#b8bdf1}.workflow-steps .active i{border-color:var(--primary);background:rgba(94,106,210,.15)}.workflow-steps .done{color:#72bd85}.workflow-steps .done i{border-color:#3e7c50;background:rgba(53,183,91,.1)}
.impact-preview { margin:0 24px 20px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid #32364c;border-radius:7px;background:rgba(94,106,210,.05)}.impact-preview>div{flex:1}.impact-preview strong{color:#b8bdef;font-size:9px}.impact-preview p{margin:2px 0 0;color:var(--ink-subtle);font-size:8px}
.risk-gauge>div{height:6px;border-radius:5px;background:#27282c;overflow:hidden}.risk-gauge i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--warning))}.risk-gauge span{margin-top:6px;display:flex;justify-content:space-between;color:var(--ink-tertiary);font-size:8px}.risk-gauge strong{color:#6fc384}
.approval-actions { margin-top:10px;padding:16px;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:8px}.approval-actions h3{margin-bottom:2px}.approval-actions p{margin:0;color:var(--ink-tertiary);font-size:7.5px}.approval-actions textarea{width:100%;min-height:45px;margin-top:8px;padding:8px;border:1px solid #2a2c31;border-radius:6px;background:#141516;color:var(--ink-muted);font-size:8.5px;resize:vertical}.danger-action{color:#d98585}
.interlock-banner { margin-bottom:10px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid rgba(53,183,91,.2);border-radius:10px;background:rgba(53,183,91,.045)}.lock-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:rgba(53,183,91,.1);color:#6cc483;font-size:20px}.interlock-banner strong{color:#c6e0cd;font-size:11px}.interlock-banner p{margin:2px 0 0;color:#708577;font-size:8px}.interlock-card{overflow:hidden}.interlock-row{min-height:51px;padding:0 16px;display:grid;grid-template-columns:auto 1.2fr .7fr 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #202125;font-size:8px}.check-circle{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(53,183,91,.1);color:#71c286}.interlock-row strong{color:var(--ink-muted);font-weight:520}.interlock-row span,.interlock-row small{color:var(--ink-tertiary)}.notice-box{margin-top:10px;padding:11px 13px;border:1px solid rgba(200,165,90,.15);border-radius:7px;background:rgba(200,165,90,.04);color:#91866d;font-size:8px}

.threshold-note{margin:8px 0 0;color:var(--ink-tertiary);font-size:8px;text-align:center}.ai-diagnosis{margin-top:10px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.ai-diagnosis h3{margin-bottom:4px}.ai-diagnosis p{margin:0;color:var(--ink-subtle);font-size:8.5px;line-height:1.7}.ai-diagnosis small{color:var(--ink-tertiary);font-size:7px}.upload-zone{margin-top:10px;padding:30px;text-align:center;border-style:dashed}.upload-zone>div{width:33px;height:33px;margin:auto;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:8px;color:var(--ink-tertiary)}.upload-zone h3{margin:9px 0 2px;font-size:10px}.upload-zone p{margin:0 0 10px;color:var(--ink-tertiary);font-size:8px}
.upload-zone .selected-files{width:auto;height:auto;margin:10px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;border:0}.selected-files span{padding:4px 7px;border:1px solid var(--hairline);border-radius:5px;color:#7fbe90;font-size:7px}

.ai-page { height:640px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:10px}.conversation-list,.ai-chat-page{overflow:hidden}.conversation-list .section-bar button{border:0;background:transparent;color:var(--ink-subtle);font-size:16px;cursor:pointer}.conversation-list>button{width:100%;padding:10px 13px;display:block;border:0;border-bottom:1px solid #202125;background:transparent;text-align:left;cursor:pointer}.conversation-list>button:hover,.conversation-list>button.active{background:#15161a}.conversation-list>button span,.conversation-list>button small{display:block}.conversation-list>button span{color:var(--ink-subtle);font-size:8.5px}.conversation-list>button small{color:var(--ink-tertiary);font-size:7px}.ai-chat-page{display:flex;flex-direction:column}.ai-chat-context{height:43px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--hairline);color:var(--ink-tertiary);font-size:7.5px}.ai-chat-context em{margin-left:auto;padding:2px 6px;border-radius:4px;background:rgba(200,165,90,.08);color:#b49a64;font-style:normal}.ai-page-stream{flex:1;padding:22px;overflow:auto}.question-grid{margin:16px 0 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:520px}.question-grid button{padding:10px;display:flex;justify-content:space-between;border:1px solid var(--hairline);border-radius:6px;background:#121315;color:var(--ink-subtle);font-size:8.5px;text-align:left;cursor:pointer}.question-grid button:hover{border-color:#45496a;color:#c0c5ee}.ai-page-form{padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px solid var(--hairline)}.ai-page-form textarea{height:45px;padding:10px;border:1px solid #2d2f35;border-radius:7px;background:#141516;color:var(--ink);resize:none;outline:0;font-size:9px}.ai-page-form button{width:41px;border:0;border-radius:7px;background:var(--primary);color:white}.ai-page-form small{grid-column:1/-1;color:var(--ink-tertiary);font-size:7px;text-align:center}
.ai-result-card{padding:26px;display:grid;grid-template-columns:auto 1fr;gap:14px}.ai-result-card>div>h2{margin:5px 0 7px;font-size:16px;font-weight:580}.ai-result-card p{max-width:800px;color:var(--ink-subtle);font-size:9px;line-height:1.8}.evidence-chips{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.evidence-chips span{padding:4px 7px;border:1px solid var(--hairline);border-radius:5px;color:var(--ink-tertiary);font-size:7px}.ai-result-card h3{margin:18px 0 4px;font-size:10px}.ai-result-card ol{padding-left:17px;color:var(--ink-subtle);font-size:8.5px;line-height:1.9}.ai-result-card .primary-button{font-size:9px}

.report-builder{padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.report-builder h2{margin:4px 0;font-size:17px;font-weight:580}.report-builder p{margin:0;color:var(--ink-tertiary);font-size:8.5px}.report-options{display:flex;gap:6px}.report-options select,.report-options input{height:34px;padding:0 8px;border:1px solid var(--hairline);border-radius:6px;background:#141516;color:var(--ink-subtle);font-size:8px}.report-options .primary-button{font-size:8.5px}.report-preview-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-preview{padding:18px;background:#131415}.paper{width:75%;min-height:310px;margin:auto;padding:24px;background:#f5f6f6;color:#111;border-radius:2px;box-shadow:0 12px 35px rgba(0,0,0,.3)}.paper>span{color:#777;font-size:6px;letter-spacing:.1em}.paper h2{margin:10px 0 2px;font-size:17px}.paper>p{margin:0;color:#777;font-size:7px}.paper-kpis{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.paper-kpis b{padding:8px;border:1px solid #ddd;font-size:10px}.paper-kpis small{display:block;color:#777;font-size:6px;font-weight:400}.paper-chart{height:110px;margin-top:20px;padding:8px;display:flex;align-items:flex-end;gap:5px;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.paper-chart i{flex:1;background:#6872c6}.saved-reports>div:not(.section-bar){min-height:64px;padding:10px 13px;display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;border-bottom:1px solid #202125}.report-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:7px;color:var(--ink-tertiary)}.saved-reports p{margin:0}.saved-reports p strong,.saved-reports p small{display:block}.saved-reports p strong{color:var(--ink-muted);font-size:8.5px;font-weight:520}.saved-reports p small{color:var(--ink-tertiary);font-size:7px}.saved-reports button{border:0;background:transparent;color:var(--ink-subtle);cursor:pointer}

.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:10px}.settings-nav{padding:10px;align-self:start}.settings-nav h3{margin:3px 7px 8px;color:var(--ink-tertiary);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.settings-nav a{min-height:34px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-radius:5px;color:var(--ink-subtle);font-size:8.5px;text-decoration:none}.settings-nav a:hover,.settings-nav a.active{background:#1a1b1e;color:var(--ink)}.settings-nav a span{color:var(--ink-tertiary)}.settings-main{overflow:hidden}.settings-fields{padding:5px 17px 16px}.settings-fields>label{position:relative}.settings-input{padding:10px 0;display:grid;grid-template-columns:170px 1fr;align-items:center;border-bottom:1px solid #202125}.settings-input>span{margin:0}.integration-test{margin:0 17px 17px;padding:11px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(53,183,91,.14);border-radius:7px;background:rgba(53,183,91,.035)}.integration-test>div{display:flex;align-items:center;gap:8px}.integration-test i{width:7px;height:7px;border-radius:50%;background:var(--success)}.integration-test strong,.integration-test small{display:block}.integration-test strong{color:#9fc9aa;font-size:8.5px}.integration-test small{color:#65766a;font-size:7px}
.scenario-header{margin-bottom:12px;padding:18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #303344;border-radius:9px;background:rgba(94,106,210,.045)}.scenario-header .live-badge{width:max-content;margin-bottom:7px}.scenario-header h2{margin:0;font-size:15px;font-weight:580}.scenario-header p{margin:3px 0 0;color:var(--ink-tertiary);font-size:8px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.scenario-grid article{padding:13px}.scenario-grid .scenario-type{display:inline-block;margin-right:5px;color:#949be0;font-size:7px;font-weight:650;letter-spacing:.05em}.scenario-grid h3{margin:11px 0 4px;font-size:10px;font-weight:560}.scenario-grid p{min-height:33px;margin:0 0 9px;color:var(--ink-tertiary);font-size:7.5px;line-height:1.6}.scenario-grid button{width:100%;justify-content:center;font-size:8px}.state-lab{margin-top:10px;overflow:hidden}.state-lab>button{width:calc(25% - 14px);min-height:43px;margin:7px;border:1px solid var(--hairline);border-radius:6px;background:#121315;color:var(--ink-subtle);font-size:8px;text-align:left;cursor:pointer}.state-lab>button:hover{border-color:#41445f}.state-preview{width:7px;height:7px;margin:0 6px;display:inline-block;border-radius:50%;background:#777eae}

.mobile-stage{min-height:660px;padding:25px;display:flex;align-items:center;justify-content:center;gap:70px;border:1px solid var(--hairline);border-radius:12px;background:#0b0c0d}.phone-frame{position:relative;width:310px;height:620px;overflow:hidden;border:6px solid #27282c;border-radius:32px;background:#0e0f10;box-shadow:0 25px 60px rgba(0,0,0,.45)}.phone-status{height:27px;padding:7px 17px 0;display:flex;justify-content:space-between;color:#a3a6ac;font-size:7px}.phone-status i{font-style:normal}.phone-frame header{height:50px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hairline)}.phone-frame .brand-mark{transform:scale(.82)}.phone-frame header>div{flex:1}.phone-frame header strong,.phone-frame header small{display:block}.phone-frame header strong{font-size:10px}.phone-frame header small{color:var(--ink-tertiary);font-size:7px}.phone-frame header button{border:0;background:transparent;color:var(--ink-tertiary)}.phone-frame main{height:488px;padding:15px;overflow:auto}.mobile-greeting span,.mobile-greeting strong{display:block}.mobile-greeting span{color:var(--ink-tertiary);font-size:8px}.mobile-greeting strong{margin-top:3px;font-size:13px;font-weight:560}.mobile-greeting b{color:#aeb5ef}.mobile-kpis{margin:14px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mobile-kpis div{padding:9px 7px;border:1px solid var(--hairline);border-radius:7px;background:#141516}.mobile-kpis span,.mobile-kpis strong{display:block}.mobile-kpis span{color:var(--ink-tertiary);font-size:6.5px}.mobile-kpis strong{margin-top:3px;font-size:15px}.phone-frame main h3{margin:15px 0 7px;font-size:8.5px;font-weight:550}.mobile-task{width:100%;min-height:53px;padding:7px 5px;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;border:0;border-bottom:1px solid #202125;background:transparent;text-align:left}.mobile-task>i{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:rgba(216,106,106,.09);color:#d98282;font-size:6px;font-style:normal}.mobile-task>i.m1{color:#a9b0eb;background:rgba(94,106,210,.1)}.mobile-task>i.m2{color:#cfb170;background:rgba(200,165,90,.08)}.mobile-task strong,.mobile-task small{display:block}.mobile-task strong{color:var(--ink-muted);font-size:7.5px}.mobile-task small{color:var(--ink-tertiary);font-size:6.5px}.mobile-task em{color:var(--ink-tertiary);font-style:normal}.mobile-site{min-height:45px;padding:7px 2px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202125;color:var(--ink-muted);font-size:7.5px}.mobile-site small{display:block;color:var(--ink-tertiary);font-size:6.5px}.phone-frame nav{position:absolute;bottom:0;left:0;right:0;height:55px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hairline);background:#111214}.phone-frame nav a{display:grid;place-content:center;text-align:center;color:var(--ink-tertiary);font-size:10px}.phone-frame nav a.active{color:#a9b0ed}.phone-frame nav span{display:block;font-size:6px}.mobile-copy{max-width:340px}.mobile-copy h2{margin:6px 0 8px;font-size:25px;font-weight:580}.mobile-copy p{color:var(--ink-subtle);font-size:10px;line-height:1.8}.mobile-copy ul{margin-top:18px;padding-left:17px;color:var(--ink-tertiary);font-size:9px;line-height:2}

.login-stage{min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.login-art{position:relative;padding:48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid var(--hairline);background:#08090b}.login-art::before{content:"";position:absolute;width:480px;height:480px;left:-100px;bottom:-300px;border:1px solid rgba(94,106,210,.2);border-radius:50%;box-shadow:0 0 0 60px rgba(94,106,210,.025),0 0 0 120px rgba(94,106,210,.015)}.login-art>div:nth-child(2){position:relative;z-index:1}.login-art>div>span{color:var(--ink-tertiary);font-size:7px;letter-spacing:.14em}.login-art h2{margin:10px 0;font-size:30px;line-height:1.2;letter-spacing:-1.2px;font-weight:570}.login-art p{color:#70768e;font-size:9px}.login-orbit{position:absolute;right:70px;top:80px;width:130px;height:130px;border:1px solid #242739;border-radius:50%}.login-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#7f88df;box-shadow:0 0 15px rgba(127,136,223,.5)}.login-orbit i:nth-child(1){top:5px;left:38px}.login-orbit i:nth-child(2){right:8px;bottom:25px;opacity:.6}.login-orbit i:nth-child(3){left:3px;bottom:33px;opacity:.35}.login-card{max-width:390px;width:100%;margin:auto;padding:40px}.login-card h1{margin:7px 0 5px;font-size:24px;letter-spacing:-.8px;font-weight:580}.login-card>p{margin:0 0 24px;color:var(--ink-tertiary);font-size:9px}.login-fields label>span{margin-bottom:5px;display:block;color:var(--ink-subtle);font-size:8.5px}.login-fields>label{margin-bottom:13px;display:block}.login-fields input{width:100%;height:40px;padding:0 11px;border:1px solid #2a2c31;border-radius:6px;outline:0;background:#141516;color:var(--ink);font-size:9.5px}.login-fields input:focus{border-color:#58609b}.login-options{margin:-2px 0 18px;display:flex;justify-content:space-between;color:var(--ink-tertiary);font-size:7.5px}.login-options label{display:flex;align-items:center;gap:4px}.login-options input{width:auto;height:auto;accent-color:var(--primary)}.login-options a{color:#9ca3dd;text-decoration:none}.login-card>.primary-button{width:100%;height:40px}.login-card>small{margin-top:12px;display:block;color:#4e5157;font-size:6.5px;text-align:center}.access-denied{min-height:560px;padding:70px 20px;display:flex;align-items:center;flex-direction:column;text-align:center}.denied-code{color:#282a30;font-size:80px;line-height:1;font-weight:700;letter-spacing:-5px}.access-denied .lock-icon{margin-top:-24px}.access-denied h2{margin:18px 0 5px;font-size:17px}.access-denied p{max-width:420px;margin:0;color:var(--ink-tertiary);font-size:9px;line-height:1.7}.access-denied>div:not(.denied-code){margin-top:20px;display:flex;gap:7px}.access-denied>small{margin-top:18px;color:#4a4d53;font-size:7px}

.empty-state{padding:80px;text-align:center}.empty-state h2{font-size:16px}.empty-state p{color:var(--ink-tertiary);font-size:9px}

@media(max-width:1100px){.workspace-summary,.live-kpis,.analysis-kpis,.alarm-summary{grid-template-columns:repeat(2,1fr)}.monitor-grid,.analysis-layout{grid-template-columns:1fr}.report-builder{grid-template-columns:1fr}.report-options{flex-wrap:wrap}.report-preview-grid{grid-template-columns:1fr}.mobile-stage{gap:35px}.portal-form-grid{grid-template-columns:1fr}.portal-form-grid label.full{grid-column:auto}.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.portal-view{padding-top:23px}.portal-head{align-items:flex-start;flex-direction:column}.portal-head-actions{width:100%}.portal-head-actions button{flex:1;justify-content:center}.portal-tabs{margin-inline:-13px;padding-inline:13px}.portal-body{padding-top:13px}.detail-layout,.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav h3{display:none}.settings-nav a{flex:none}.ai-page{height:auto;grid-template-columns:1fr}.conversation-list{display:none}.ai-chat-page{height:600px}.report-preview-grid{grid-template-columns:1fr}.mobile-stage{flex-direction:column}.mobile-copy{max-width:500px}.approval-actions{grid-template-columns:1fr 1fr}.approval-actions>div{grid-column:1/-1}.interlock-row{grid-template-columns:auto 1fr auto}.interlock-row small,.interlock-row>span:nth-child(3){display:none}.login-stage{grid-template-columns:1fr}.login-art{min-height:220px;padding:30px;border-right:0;border-bottom:1px solid var(--hairline)}.login-art h2{font-size:23px}.login-orbit{right:35px;top:35px}.login-card{padding:35px 25px}}
@media(max-width:560px){.portal-head h1{font-size:27px}.portal-head p{max-width:340px}.portal-toolbar{flex-wrap:wrap}.portal-search{width:100%}.portal-toolbar select{flex:1}.portal-toolbar .toolbar-spacer{display:none}.portal-toolbar .secondary-button{width:100%;justify-content:center}.workspace-summary,.live-kpis,.analysis-kpis,.alarm-summary{grid-template-columns:1fr 1fr}.detail-hero{grid-template-columns:auto 1fr}.detail-hero-status{grid-column:1/-1}.detail-card dl{grid-template-columns:1fr}.detail-tab-grid{grid-template-columns:1fr 1fr}.workflow-steps span{font-size:0}.workflow-steps span:not(:last-child)::after{margin-inline:3px}.analysis-filters{flex-wrap:wrap}.analysis-filters select:first-child{width:100%}.analysis-filters input{flex:1;min-width:125px}.question-grid{grid-template-columns:1fr;margin-left:34px}.paper{width:100%}.report-options>*{flex:1;min-width:120px}.settings-input{grid-template-columns:1fr;gap:5px}.ai-diagnosis{grid-template-columns:auto 1fr}.ai-diagnosis button{grid-column:1/-1}.mobile-stage{padding:15px}.phone-frame{width:295px}.mobile-copy{display:none}.scenario-grid{grid-template-columns:1fr}.state-lab>button{width:calc(50% - 14px)}}