.ai-system { --ai-cyan:#63dcff; --ai-green:#78ffb1; --ai-amber:#ffc65b; --ai-red:#ff6f82; color:#e8f8ff; }
.ai-system-heading, .ai-system-rules, .ai-system-alerts, .ai-system-queue, .ai-system-journal { border:1px solid rgba(99,220,255,.42); background:linear-gradient(145deg,rgba(10,35,65,.96),rgba(5,20,48,.96)); box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 45px rgba(0,7,24,.28); }
.ai-system-heading { display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; padding:1.1rem 1.25rem; border-radius:20px; overflow:hidden; position:relative; }
.ai-system-heading::after { content:"SYSTEM // AI // CONTROL"; position:absolute; right:1rem; bottom:.35rem; color:rgba(99,220,255,.28); font:700 .58rem/1 monospace; letter-spacing:.18em; }
.ai-system-heading h2, .ai-system-heading p, .ai-system-rules h3, .ai-system-alerts h3, .ai-system-alerts h4, .ai-system-queue h3, .ai-system-journal h3, .ai-software-queue h4 { margin:0; }
.ai-system-heading h2 { font-size:clamp(1.8rem,4vw,3rem); background:linear-gradient(90deg,#fff,var(--ai-cyan),#b7c8ff); color:transparent; background-clip:text; }
.ai-system-heading p { color:#a9c2d8; max-width:760px; }
.ai-system-heading-actions { display:grid; gap:.55rem; justify-items:end; }
.ai-system-kicker, .ai-system-rules header span, .ai-system-queue header span, .ai-system-journal header span { color:#86dffc; font:800 .68rem/1.2 monospace; letter-spacing:.14em; }
.ai-system-core { width:74px; height:74px; display:grid; place-items:center; border:1px solid var(--ai-cyan); border-radius:50%; box-shadow:0 0 24px rgba(99,220,255,.45),inset 0 0 24px rgba(99,220,255,.18); position:relative; }
.ai-system-core::before,.ai-system-core::after { content:""; position:absolute; inset:8px; border:1px dashed rgba(120,255,177,.72); border-radius:35%; transform:rotate(45deg); }
.ai-system-core::after { inset:-8px; border-color:rgba(99,220,255,.28); border-radius:50%; }
.ai-system-core span { font:900 1rem monospace; z-index:1; }
.ai-system-state { display:flex; align-items:center; gap:.45rem; border:1px solid rgba(120,255,177,.5); border-radius:999px; padding:.55rem .8rem; color:var(--ai-green); font:800 .65rem monospace; }
.ai-system-state i { width:8px; height:8px; background:var(--ai-green); border-radius:50%; box-shadow:0 0 12px var(--ai-green); }
.ai-system-state.is-unavailable { border-color:rgba(255,198,91,.7); color:var(--ai-amber); }.ai-system-state.is-unavailable i { background:var(--ai-amber); box-shadow:0 0 12px var(--ai-amber); }
.ai-system-help-button,.ai-system-help-close,.ai-system-help footer button { border:1px solid rgba(99,220,255,.62); border-radius:10px; background:#123a65; color:#fff; padding:.58rem .8rem; cursor:pointer; font-weight:800; }
.ai-system-help-button { width:100%; }
.ai-system-help { width:min(900px,calc(100vw - 2rem)); max-height:calc(100vh - 2rem); padding:0; border:1px solid rgba(99,220,255,.62); border-radius:18px; color:#e8f8ff; background:linear-gradient(145deg,#0a2341,#051430); box-shadow:0 28px 90px rgba(0,0,0,.62); }
.ai-system-help::backdrop { background:rgba(0,7,24,.8); backdrop-filter:blur(5px); }
.ai-system-help-panel { padding:1.2rem; }
.ai-system-help-panel > header { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; border-bottom:1px solid rgba(99,220,255,.25); padding-bottom:.85rem; }
.ai-system-help-panel header span { color:var(--ai-cyan); font:800 .68rem/1.2 monospace; letter-spacing:.14em; }.ai-system-help-panel h3 { margin:.25rem 0 0; font-size:1.4rem; }.ai-system-help-intro { color:#b9cede; line-height:1.5; }
.ai-system-help-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }.ai-system-help-grid section { border:1px solid rgba(99,220,255,.25); border-radius:12px; background:rgba(0,12,34,.55); padding:.8rem; }.ai-system-help-grid strong { color:#fff; }.ai-system-help-grid p { margin:.45rem 0 0; color:#a9c2d8; font-size:.84rem; line-height:1.45; }.ai-system-help-grid b { color:#dff8ff; }.ai-system-help footer { display:flex; justify-content:flex-end; margin-top:1rem; }
.ai-system-rules, .ai-system-alerts, .ai-system-queue, .ai-system-journal { border-radius:18px; padding:1rem; margin-top:1rem; }
.ai-system-rules > header, .ai-system-alerts > header, .ai-system-queue > header, .ai-system-journal > header { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.85rem; }
.ai-system-rules > header > strong, .ai-system-alerts > header > strong, .ai-system-queue > header > strong { border:1px solid rgba(99,220,255,.45); border-radius:999px; padding:.35rem .65rem; color:var(--ai-cyan); }
.ai-system-alerts > header span { color:#86dffc; font:800 .68rem/1.2 monospace; letter-spacing:.14em; }
.ai-system-connection-note { margin:.15rem 0 .8rem; color:#9fb9cf; font-size:.8rem; }.ai-system-alert-list { display:grid; gap:.7rem; }.ai-system-alert { padding:.95rem; border:1px solid rgba(255,198,91,.5); border-left:4px solid var(--ai-amber); border-radius:14px; background:rgba(255,198,91,.06); }.ai-system-alert.is-error { border-color:rgba(255,111,130,.55); border-left-color:var(--ai-red); background:rgba(255,111,130,.06); }.ai-system-alert > header { display:flex; justify-content:space-between; gap:.75rem; }.ai-system-alert > header span { color:var(--ai-amber); font:900 .65rem monospace; }.ai-system-alert.is-error > header span { color:var(--ai-red); }.ai-alert-current { margin:.75rem 0; padding:.75rem; border-left:3px solid var(--ai-cyan); background:rgba(99,220,255,.07); }.ai-alert-current span { color:var(--ai-cyan); font:900 .63rem monospace; letter-spacing:.1em; }.ai-alert-current p { margin:.35rem 0 0; color:#e4f3fb; font-size:1rem; line-height:1.42; }.ai-system-alert > dl { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }.ai-system-alert > dl div { padding:.6rem; border-radius:9px; background:rgba(0,12,34,.55); }.ai-system-alert dt { color:#7898b2; font-size:.68rem; }.ai-system-alert dd { margin:.2rem 0 0; font-size:.79rem; }.ai-system-alert > small { display:block; margin-top:.55rem; color:#7898b2; }.ai-analysis-state { color:var(--ai-cyan); font:800 .66rem monospace; }.ai-analysis-state.is-completed { color:var(--ai-green); }.ai-analysis-state.is-failed { color:var(--ai-red); }.ai-analysis-state.is-unavailable,.ai-analysis-state.is-older { color:var(--ai-amber); }
.ai-alert-analysis { margin:.6rem 0 0; border:1px solid rgba(99,220,255,.22); border-radius:9px; padding:.55rem .65rem; background:rgba(0,12,34,.4); }.ai-alert-analysis summary { cursor:pointer; color:#9ec5dc; font-size:.78rem; font-weight:800; }.ai-alert-analysis p { color:#b6cad9; font-size:.79rem; line-height:1.4; }.ai-alert-analysis.is-older { border-color:rgba(255,198,91,.35); }.ai-alert-analysis.is-older summary { color:var(--ai-amber); }
.ai-alert-decision { display:grid; grid-template-columns:auto 1fr auto; gap:.65rem; align-items:center; margin-top:.75rem; padding:.65rem; border:1px solid rgba(255,198,91,.55); border-radius:10px; background:rgba(255,198,91,.1); }.ai-alert-decision strong { color:var(--ai-amber); font:900 .64rem monospace; }.ai-alert-decision span { color:#d6e3ec; font-size:.78rem; }.ai-alert-decision button,.ai-procedure-link { border:1px solid rgba(99,220,255,.6); border-radius:9px; background:#175486; color:#fff; padding:.55rem .75rem; cursor:pointer; text-decoration:none; text-align:center; font-weight:800; }.ai-alert-decision.is-approved { border-color:rgba(120,255,177,.55); }.ai-alert-decision.is-approved strong { color:var(--ai-green); }
.ai-system-rule-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:.65rem; }
.ai-rule { min-height:122px; border:1px solid rgba(100,176,222,.35); border-radius:13px; padding:.8rem; background:rgba(7,28,55,.82); }
.ai-rule > span { font:800 .62rem monospace; letter-spacing:.12em; }
.ai-rule strong { display:block; margin:.38rem 0; }
.ai-rule p { margin:0; color:#9fb9cf; font-size:.79rem; line-height:1.35; }
.ai-rule-automatic > span { color:var(--ai-green); }.ai-rule-approval > span { color:var(--ai-amber); }.ai-rule-forbidden > span { color:var(--ai-red); }
.ai-system-columns { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:1rem; }
.ai-system-columns.is-journal-only { grid-template-columns:1fr; }
.ai-software-queue { border:1px solid rgba(99,220,255,.28); border-radius:14px; padding:.85rem; background:rgba(3,17,42,.68); }
.ai-software-queue-title { display:grid; grid-template-columns:auto 1fr auto; gap:.7rem; align-items:center; }
.ai-software-queue-title p { margin:.2rem 0 0; color:#97b4ca; font-size:.78rem; }
.ai-software-queue-title > strong { min-width:2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:50%; background:rgba(255,198,91,.14); border:1px solid var(--ai-amber); color:var(--ai-amber); }
.ai-system-chip { padding:.42rem .5rem; border-radius:8px; border:1px solid var(--ai-cyan); color:var(--ai-cyan); font:900 .68rem monospace; }
.ai-software-request-list { display:grid; gap:.7rem; margin-top:.8rem; }
.ai-software-history { margin-top:.75rem; border-top:1px solid rgba(99,220,255,.2); padding-top:.65rem; }.ai-software-history summary { cursor:pointer; color:#9ec5dc; font-size:.78rem; }.ai-software-history summary span { display:inline-grid; min-width:1.4rem; height:1.4rem; place-items:center; margin-left:.35rem; border:1px solid rgba(99,220,255,.35); border-radius:50%; color:var(--ai-cyan); }
.ai-software-request { border:1px solid rgba(255,198,91,.42); border-radius:12px; padding:.85rem; background:rgba(8,26,51,.92); }
.ai-software-request.is-embedded { margin-top:.85rem; border-color:rgba(99,220,255,.48); background:rgba(4,22,48,.9); }
.ai-software-request header { display:flex; justify-content:space-between; gap:.75rem; }.ai-software-request header span { color:var(--ai-cyan); font:800 .65rem monospace; }.ai-software-request h5 { margin:.15rem 0 0; font-size:1rem; }
.ai-decision-state { align-self:start; color:var(--ai-amber); font:900 .65rem monospace; }.ai-decision-state.is-approved { color:var(--ai-green); }.ai-decision-state.is-rejected { color:var(--ai-red); }
.ai-confidence { font-size:.68rem; color:var(--ai-amber); white-space:nowrap; }.ai-confidence-high { color:var(--ai-green); }.ai-confidence-low { color:var(--ai-red); }
.ai-software-request > p { color:#b4c8d9; }.ai-software-request dl { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }.ai-software-request dl div { padding:.55rem; border-radius:9px; background:rgba(0,12,34,.55); }.ai-software-request dt { color:#7898b2; font-size:.68rem; }.ai-software-request dd { margin:.2rem 0 0; font-size:.78rem; }
.ai-live-facts { margin:.75rem 0; padding:.75rem; border:1px solid rgba(120,255,177,.42); border-radius:11px; background:rgba(120,255,177,.055); }.ai-live-facts.is-unavailable { border-color:rgba(255,198,91,.42); background:rgba(255,198,91,.055); }.ai-live-facts > header { display:flex; justify-content:space-between; gap:.75rem; }.ai-live-facts header span { color:var(--ai-green); font:900 .62rem monospace; letter-spacing:.09em; }.ai-live-facts h6 { margin:.2rem 0 0; font-size:.9rem; }.ai-live-facts time { color:#8ca9bd; font-size:.7rem; }.ai-live-facts dl { grid-template-columns:repeat(4,minmax(0,1fr)); margin:.65rem 0; }.ai-live-facts dl div { border:1px solid rgba(120,255,177,.14); }.ai-package-inventory { border-top:1px solid rgba(120,255,177,.2); padding-top:.55rem; }.ai-package-inventory summary { cursor:pointer; color:#c9fbe0; font-size:.78rem; }.ai-package-inventory ul { display:grid; gap:.35rem; padding:0; list-style:none; }.ai-package-inventory li { display:grid; grid-template-columns:minmax(120px,.7fr) minmax(180px,1fr) auto; gap:.55rem; padding:.42rem .5rem; border-radius:7px; background:rgba(0,12,34,.5); font-size:.72rem; }.ai-package-inventory li span { overflow-wrap:anywhere; color:#9fb9cf; }.ai-package-inventory em { color:var(--ai-amber); font:900 .6rem monospace; }.ai-reboot-packages,.ai-facts-note { margin:.45rem 0 0; color:#b8cede; font-size:.72rem; }.ai-facts-note { color:#84a2b8; }
.ai-request-messages { display:grid; gap:.4rem; max-height:14rem; margin:.7rem 0; padding-right:.3rem; overflow-y:auto; overscroll-behavior:contain; scrollbar-color:rgba(99,220,255,.65) rgba(0,12,34,.55); scrollbar-width:thin; }.ai-request-messages:focus-visible { outline:2px solid var(--ai-cyan); outline-offset:3px; }.ai-message { display:grid; grid-template-columns:auto 1fr auto; gap:.5rem; margin:0; padding:.5rem; border-left:2px solid var(--ai-cyan); background:rgba(99,220,255,.06); font-size:.76rem; }.ai-message time { color:#7392aa; }
.ai-request-reply { display:grid; grid-template-columns:1fr auto; gap:.5rem; }.ai-question-purpose,.ai-question-suggestions { grid-column:1 / -1; }.ai-question-purpose { margin:0; color:#b8cede; font-size:.78rem; }.ai-question-suggestions { display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; }.ai-question-suggestions span { color:#7898b2; font-size:.7rem; }.ai-question-suggestions button { padding:.35rem .5rem; font-size:.68rem; }.ai-request-reply textarea { min-height:64px; resize:vertical; border:1px solid rgba(99,220,255,.4); border-radius:9px; background:#06152d; color:#fff; padding:.6rem; }.ai-request-reply button,.ai-request-actions button,.ai-system-journal button { border:1px solid rgba(99,220,255,.55); border-radius:9px; background:#123a65; color:#fff; padding:.55rem .75rem; cursor:pointer; }.ai-request-reply button:disabled,.ai-request-actions button:disabled { cursor:wait; opacity:.58; }.ai-request-actions { display:flex; gap:.5rem; margin-top:.6rem; }.ai-request-actions .primary { background:#246ca5; }
.ai-decision-safety,.ai-external-note { margin:.65rem 0 0; padding:.6rem; border-left:3px solid var(--ai-amber); background:rgba(255,198,91,.08); color:#d9e6ee; font-size:.78rem; }.ai-external-note { border-left-color:var(--ai-cyan); background:rgba(99,220,255,.07); }.ai-request-decision { color:#b8cede; }.ai-procedure-link { display:inline-block; margin-top:.4rem; }
.ai-system-treatment-list { display:grid; gap:.6rem; }.ai-treatment { padding:.7rem; border-left:3px solid var(--ai-green); background:rgba(120,255,177,.06); }.ai-treatment.is-failure { border-left-color:var(--ai-red); }.ai-treatment span { color:var(--ai-green); font:800 .62rem monospace; }.ai-treatment p,.ai-treatment small { display:block; margin:.3rem 0 0; color:#9cb7ca; }.ai-system-journal-note,.ai-empty-state,.ai-system-status { color:#8eaac0; }.ai-empty-state { padding:1rem; text-align:center; border:1px dashed rgba(99,220,255,.25); border-radius:10px; }.ai-system-status { margin:.75rem .25rem 0; font-size:.75rem; }
.tech-tab-count { min-width:1.35rem; height:1.35rem; display:inline-grid; place-items:center; margin-left:.3rem; border-radius:50%; background:#ff6f82; color:#07152b; font-weight:900; box-shadow:0 0 12px rgba(255,111,130,.65); }
@media (max-width:900px) { .ai-system-columns { grid-template-columns:1fr; }.ai-system-heading { grid-template-columns:auto 1fr; }.ai-system-heading-actions { grid-column:1 / -1; justify-items:start; }.ai-system-help-grid { grid-template-columns:1fr; }.ai-software-request dl,.ai-live-facts dl { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .ai-system-heading { grid-template-columns:1fr; }.ai-system-core { width:58px; height:58px; }.ai-software-queue-title { grid-template-columns:auto 1fr; }.ai-software-queue-title > strong { grid-column:1 / -1; }.ai-system-alert > header,.ai-system-alert > dl,.ai-alert-decision,.ai-software-request header,.ai-live-facts > header { display:grid; grid-template-columns:1fr; }.ai-software-request dl,.ai-live-facts dl,.ai-message,.ai-package-inventory li { grid-template-columns:1fr; }.ai-request-reply { grid-template-columns:1fr; }.ai-request-reply > * { grid-column:1; }.ai-request-actions { flex-direction:column; }.ai-system-help-panel > header { align-items:stretch; flex-direction:column; }.ai-system-help-close { align-self:flex-start; } }