/* DEA unified frontend styles 20260626-unified61. Generated by ops/build-frontend-dea-unified.mjs. */

/* BEGIN assets/index-hOpQq8pj.css */
.pixel-card{position:relative;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;border:1px solid var(--pixel-border-color, rgba(226, 0, 116, .35));border-radius:14px;background:var(--pixel-gradient),var(--card);box-shadow:var(--shadow);transition:border-color .2s ease,transform .15s ease,box-shadow .22s ease,filter .2s ease}.pixel-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.14),transparent 72%);opacity:0;transition:opacity .22s ease;z-index:0;pointer-events:none}.pixel-card:hover,.pixel-card:focus-within{border-color:var(--pixel-active-color, #e20074);transform:translateY(-2px) scale(1.008);box-shadow:0 18px 42px -28px #e20074b3,0 0 0 1px #e200743d;filter:saturate(1.06)}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:.95}.pixel-card-content{position:relative;z-index:1;height:100%;width:100%}.split-parent .split-char,.split-parent .split-word,.split-parent .split-line{display:inline-block;will-change:transform,opacity}.star-border-container{display:inline-block;position:relative;border-radius:20px;overflow:hidden}.border-gradient-bottom{position:absolute;width:300%;height:50%;opacity:.7;bottom:-12px;right:-250%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0}.border-gradient-top{position:absolute;opacity:.7;width:300%;height:50%;top:-12px;left:-250%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0}.star-border-inner{position:relative;border-radius:20px;z-index:1}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.shiny-text{display:inline-block;font-family:inherit;font-weight:inherit}.plasma-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}@font-face{font-family:TeleNeo Office;src:local("Tele Neo Office"),local("TeleNeo Office"),local("Teleneo Office"),local("Tele Neo Office Regular"),url(/dea/fonts/Tele%20Neo%20Office.ttf) format("truetype"),url(/dea/fonts/Tele%20Neo.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TeleNeo Office;src:local("Tele Neo Office Bold"),local("TeleNeo Office Bold"),local("Teleneo Office Bold"),url(/dea/fonts/Tele%20Neo%20Office%20Bold.ttf) format("truetype"),url(/dea/fonts/Tele%20Neo%20Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TeleNeo Office;src:local("Tele Neo Office Extrabold"),local("TeleNeo Office ExtraBold"),local("Teleneo Office Extra Bold"),url(/dea/fonts/Tele%20Neo%20Office%20Extrabold.ttf) format("truetype"),url(/dea/fonts/Tele%20Neo%20Extrabold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--font-tele-neo: "TeleNeo Office", "Tele Neo Office", "Teleneo Office", "TeleNeoOffice", "TeleNeo", "Segoe UI", Arial, sans-serif;--font-tele-neo-bold: "TeleNeo Office Bold", "Tele Neo Office Bold", "Teleneo Office Bold", "TeleNeo Office", "Tele Neo Office", "Segoe UI", Arial, sans-serif;--font-tele-neo-extrabold: "TeleNeo Office ExtraBold", "TeleNeo Office Extra Bold", "Tele Neo Office ExtraBold", "Tele Neo Office Extra Bold", "Teleneo Office ExtraBold", "Teleneo Office Extra Bold", "TeleNeo Office", "Tele Neo Office", "Segoe UI", Arial, sans-serif;--bg: #ffffff;--bg-2: #ffffff;--card: #f7f8fb;--surface: #ffffff;--muted: #475569;--text: #0f172a;--accent: #e20074;--accent-2: #b8005d;--border: #e5e7eb;--shadow: 0 20px 60px -30px rgba(0, 0, 0, .18);--card-contrast-shadow: 0 28px 70px -38px rgba(0, 0, 0, .52), 0 16px 36px -26px rgba(226, 0, 116, .45);--field-bg: #ffffff;--field-text: #e20074;--field-border: #e20074;--sidebar-offset: 260px}[data-theme=light]{--bg: #ffffff;--bg-2: #ffffff;--card: #f7f8fb;--surface: #ffffff;--muted: #475569;--text: #0f172a;--accent: #e20074;--accent-2: #b8005d;--border: #e5e7eb;--shadow: 0 20px 60px -30px rgba(0, 0, 0, .18);--field-bg: #ffffff;--field-text: #e20074;--field-border: #e20074}[data-theme=dark]{--bg: #000000;--bg-2: #000000;--card: #0f0f12;--surface: #0b0b10;--muted: #cbd5e1;--text: #f8fafc;--accent: #e20074;--accent-2: #ff4fa3;--border: #1f1f2b;--shadow: 0 20px 70px -35px rgba(0, 0, 0, .75);--card-contrast-shadow: 0 30px 78px -36px rgba(0, 0, 0, .92), 0 14px 34px -24px rgba(226, 0, 116, .55);--field-bg: #0b0b10;--field-text: #e20074;--field-border: #e20074}:root{font-family:var(--font-tele-neo)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-tele-neo)}.app-root{position:relative;min-height:100vh}.app-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg)}.app-shell{display:flex;min-height:100vh;position:relative;z-index:1}.app-content{flex:1;min-width:0;position:relative}.app-content-public{min-height:100vh}.start-page{min-height:100vh;display:grid;place-items:center;padding:24px}.start-card{display:grid;justify-items:center;gap:12px;padding:28px 32px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(226,0,116,.28);box-shadow:0 24px 60px -30px #e2007473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .start-card{background:#0a0a0eb8;border-color:#e2007473}.start-title{margin:0;font-size:clamp(56px,12vw,140px);font-family:var(--font-tele-neo-extrabold);font-weight:800;letter-spacing:.08em;line-height:.95;color:#e20074}.start-subtitle{margin:0;font-size:14px;font-family:var(--font-tele-neo-extrabold);font-weight:800;letter-spacing:.24em;text-transform:uppercase;text-align:center}.start-subtitle-wrap{margin:0}.start-subtitle-encrypted{margin:0;font-size:14px;font-family:var(--font-tele-neo-extrabold);font-weight:800;letter-spacing:.24em;text-transform:uppercase;text-align:center;color:#e2007459}.start-login-card{margin-top:8px;width:min(136px,46vw);height:40px;transform-origin:center bottom;animation:start-login-pop 3.6s cubic-bezier(.22,1,.36,1)}.start-login-card .pixel-card-content{display:flex;align-items:center;justify-content:center}.start-login-link{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-tele-neo);font-size:20px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.22)}.start-login-link:hover,.start-login-link:focus{color:#fff}@keyframes start-login-pop{0%{opacity:0;transform:translateY(44px) scale(.9)}62%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(480px,100%)}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh;font-family:var(--font-tele-neo)}.sidebar-top{display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:48px}.sidebar-brand{display:inline-block;border-radius:12px;text-decoration:none;flex:1;min-width:0}.sidebar-brand-switcher{position:relative;flex:1;min-width:0}.sidebar-brand-inner{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:44px;border-radius:11px;color:var(--text);background:var(--card);border:1px solid rgba(226,0,116,.35);box-shadow:var(--shadow);font-weight:700;line-height:1.2;transition:border-color .2s ease,transform .12s ease}.sidebar-brand:hover .sidebar-brand-inner,.sidebar-brand:focus .sidebar-brand-inner{border-color:#e20074bf;transform:translateY(-1px)}.sidebar-brand-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}.sidebar-brand-text{display:inline-flex;align-items:center;min-width:0}.sidebar-brand-switch{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.sidebar-brand-wordmark{display:inline-block;font-size:28px;font-family:var(--font-tele-neo-extrabold);font-weight:800;line-height:1;letter-spacing:.04em;white-space:nowrap;transform-origin:left center;transform:scaleX(.92)}.sidebar-brand-wordmark.shiny-text{font-family:var(--font-tele-neo-extrabold);font-weight:800}.sidebar-brand-caret{font-size:11px;color:var(--muted);line-height:1;transition:transform .2s ease}.sidebar-brand-caret.open{transform:rotate(180deg)}.sidebar-brand-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);padding:8px;display:grid;gap:6px;z-index:40}.sidebar-brand-menu-item{width:100%;border:1px solid transparent;background:transparent;color:var(--text);border-radius:10px;padding:8px 10px;text-align:left;cursor:pointer;font-family:var(--font-tele-neo);font-size:14px;font-weight:700;transition:border-color .2s ease,color .2s ease,background .2s ease}.sidebar-brand-menu-item:hover,.sidebar-brand-menu-item:focus{border-color:#e2007499;color:var(--accent);background:#e2007414}.sidebar-brand-menu-item.active{border-color:var(--accent);color:#fff;background:var(--accent)}.sidebar-collapse{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);font-weight:700;font-family:var(--font-tele-neo);transition:background .2s,color .2s,border-color .2s,transform .12s ease}.sidebar-collapse:hover,.sidebar-collapse:focus{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;padding-right:4px}.sidebar-group{display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid transparent;font-family:var(--font-tele-neo);transition:background .2s,color .2s,border-color .2s}.sidebar-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-label{flex:1}.sidebar-item:hover,.sidebar-item.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-children{display:flex;flex-direction:column;gap:4px;margin-top:4px;margin-left:8px}.sidebar-item.child{font-size:13px;color:var(--muted);padding-left:18px;font-family:var(--font-tele-neo)}.sidebar-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.sidebar-item.child:hover,.sidebar-item.child.active{color:#fff}.sidebar.collapsed{width:76px}.sidebar.collapsed .sidebar-top{justify-content:center}.sidebar.collapsed .sidebar-brand{width:100%;flex:none}.sidebar.collapsed .sidebar-brand .sidebar-brand-inner{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-brand-logo{width:30px;height:30px}.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-children{display:none}.sidebar.collapsed .sidebar-item{justify-content:center}.sidebar-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto}.sidebar-log-toggle{width:100%;border:1px solid var(--accent);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 12px;font-weight:700;font-family:var(--font-tele-neo);cursor:pointer;box-shadow:var(--shadow);transition:background .2s,color .2s,border-color .2s,transform .12s ease;display:inline-flex;align-items:center;gap:8px;position:relative;z-index:5000}.sidebar-log-toggle:hover,.sidebar-log-toggle:focus{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.sidebar-log-toggle .log-icon{display:inline-flex;align-items:center;justify-content:center}.sidebar.collapsed .sidebar-log-toggle{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-log-toggle .log-label{display:none}.sidebar-toggle{width:100%;border:1px solid var(--accent);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 12px;font-weight:700;font-family:var(--font-tele-neo);cursor:pointer;box-shadow:var(--shadow);transition:background .2s,color .2s,border-color .2s,transform .12s ease;display:inline-flex;align-items:center;gap:8px}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-toggle .toggle-label{display:none}.sidebar-toggle:hover,.sidebar-toggle:focus{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.sidebar-locale{width:100%;display:flex;gap:8px;align-items:center}.sidebar-locale .btn{flex:1;padding:8px 10px;font-family:var(--font-tele-neo)}.sidebar.collapsed .sidebar-locale{flex-direction:column;gap:6px}.page{width:100%;max-width:none;margin:0;padding:20px 100px 24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}a{color:inherit;text-decoration:none}a.card,button.card{border:1px solid var(--field-border);transition:background .2s,color .2s,border-color .2s,transform .12s ease}a.card:hover,a.card:focus,button.card:hover,button.card:focus{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}a.card:hover *,a.card:focus *,button.card:hover *,button.card:focus *{color:#fff!important}.shell{min-height:100vh;width:100%;max-width:none;margin:0;padding:20px 100px 36px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{border:1px solid var(--border);padding:4px 10px;border-radius:999px;color:var(--muted);font-size:12px;letter-spacing:.4px}.wizard-stepper-shell{margin-bottom:16px;padding:12px;border-radius:12px;background:#000;border:1px solid #1f1f1f;display:grid;gap:10px}.wizard-stepper-title{margin:0;color:#d4d4d8;font-size:13px}.wizard-stepper-list{display:flex;gap:8px;flex-wrap:wrap}.wizard-step-pill{border:1px solid #3f3f46;border-radius:999px;padding:4px 10px;color:#a1a1aa;font-size:12px;letter-spacing:.2px;background:transparent}.wizard-step-pill.active{border-color:var(--accent);color:#fff;font-weight:700}.uc-hover,.uc-hover h3,.uc-hover p,.uc-hover .muted,.uc-hover .pill,.uc-hover .pill span,.uc-hover .status-text{color:#fff!important;border-color:#fff9!important}.review-module-card{text-align:left;border:1px solid rgba(226,0,116,.72);background:var(--card);color:var(--text);cursor:pointer;box-shadow:var(--shadow)}.review-module-card:hover,.review-module-card:focus,.review-module-card.active{background:#e20074e6;border-color:#e20074f2;color:#fff;box-shadow:0 14px 28px -18px #e20074cc}.review-module-card:hover *,.review-module-card:focus *,.review-module-card.active *{color:#fff!important;border-color:#ffffffad!important}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:18px}.home-nav-search{margin-top:14px;position:relative;display:grid;gap:8px}.home-nav-suggestions{position:absolute;left:16px;right:16px;top:calc(100% - 2px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:40;max-height:260px;overflow-y:auto;padding:6px;display:grid;gap:4px}.home-nav-suggestion-item{display:grid;gap:2px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--text);border:1px solid transparent}.home-nav-suggestion-item:hover,.home-nav-suggestion-item:focus{background:var(--accent);color:#fff;border-color:var(--accent)}.home-nav-suggestion-item:hover .muted,.home-nav-suggestion-item:focus .muted{color:#ffffffe6}.home-nav-suggestion-empty{padding:10px}.home-nav-grid{align-items:stretch}.home-nav-card{min-height:168px}.card.home-nav-search,.pixel-card.home-nav-card,.pixel-card.use-case-card,.pixel-card.use-case-create-card,.pixel-card.create-choice-card{box-shadow:var(--card-contrast-shadow)}.home-nav-card-shell{height:100%;display:grid;gap:10px;align-content:start;padding:14px 16px}.home-nav-card-main{display:grid;gap:8px;text-decoration:none;color:var(--text)}.home-nav-card-main:hover .home-nav-card-title,.home-nav-card-main:focus .home-nav-card-title{color:var(--accent)}.home-nav-card-title{margin:0}.home-nav-sublist{margin-top:2px;display:grid;gap:6px}.home-nav-subitem{display:grid;gap:2px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;transition:background .2s,color .2s,border-color .2s}.home-nav-subitem:hover,.home-nav-subitem:focus{background:var(--accent);color:#fff;border-color:var(--accent)}.home-nav-subitem:hover .muted,.home-nav-subitem:focus .muted{color:#ffffffe6}.documentation-grid{align-items:stretch}.documentation-overview-card{min-height:200px}.documentation-overview-link{display:grid;align-content:start;gap:8px;height:100%;text-decoration:none;color:var(--text);padding:14px 16px}.documentation-overview-link:hover .documentation-overview-title,.documentation-overview-link:focus .documentation-overview-title{color:var(--accent)}.documentation-overview-title{margin:0}.documentation-audience-switch{display:flex;gap:8px;flex-wrap:wrap}.architecture-diagram-shell{margin-top:10px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(140deg,rgba(226,0,116,.05),transparent 36%),var(--surface);overflow-x:auto}.architecture-diagram-svg{width:100%;min-width:1120px;height:auto;color:var(--text);display:block}.diagram-label{font-size:15px;font-weight:700;fill:var(--muted)}.diagram-node-title{font-size:13px;font-weight:700;fill:var(--text)}.diagram-node-subtitle{font-size:12px;fill:var(--muted)}.diagram-edge{stroke:var(--text);stroke-width:2;fill:none}.diagram-edge-label{font-size:12px;fill:var(--muted)}.uml-boundary{fill:#0ea5e90f;stroke:#0ea5e975;stroke-width:2;stroke-dasharray:8 6}.uml-node{stroke-width:2;fill:var(--surface)}.uml-node-component{stroke:#0ea5e9}.uml-node-service{stroke:#f97316}.uml-node-database{stroke:#22c55e;fill:color-mix(in srgb,#22c55e 8%,var(--surface))}.uml-node-external{stroke:#a855f7;fill:color-mix(in srgb,#a855f7 10%,var(--surface))}.uml-node-deploy{stroke:#64748b;fill:color-mix(in srgb,#64748b 10%,var(--surface))}.uml-actor{stroke:var(--text);stroke-width:2;fill:none}.bpmn-pool{fill:#0f172a05;stroke:var(--border);stroke-width:2}.bpmn-lane-label{fill:color-mix(in srgb,var(--accent) 9%,var(--surface));stroke:var(--border);stroke-width:1.5}.bpmn-lane-split{stroke:var(--border);stroke-width:1.5}.bpmn-event{fill:var(--surface);stroke:#0ea5e9;stroke-width:3}.bpmn-event-end{stroke:#f97316}.bpmn-event-end-inner{fill:none;stroke:#f97316;stroke-width:2}.bpmn-task{fill:var(--surface);stroke:#475569;stroke-width:2}.bpmn-gateway{fill:color-mix(in srgb,#0ea5e9 14%,var(--surface));stroke:#0ea5e9;stroke-width:2}.uml-class-box{fill:var(--surface);stroke:#0f172a;stroke-width:2}[data-theme=dark] .uml-class-box{stroke:#e2e8f0}.uml-class-divider{stroke:var(--border);stroke-width:1.5}.uml-note-box{fill:color-mix(in srgb,#0ea5e9 10%,var(--surface));stroke:#0ea5e9;stroke-width:2;stroke-dasharray:8 5}.architecture-legend{margin-top:10px}.architecture-legend ul{margin:6px 0 0;padding-left:18px}.architecture-process-stack{display:grid;gap:12px}.architecture-process-block{display:grid;gap:8px}.architecture-diagram-editor-host{position:relative}.architecture-diagram-edit-btn{position:absolute;top:14px;right:14px;z-index:4;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.architecture-diagram-edit-btn:hover,.architecture-diagram-edit-btn:focus{border-color:var(--accent);color:var(--accent)}.arch-editor-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0206178a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}.arch-editor-modal-overlay.fullscreen{padding:0}.arch-editor-modal{width:min(1440px,100%);max-height:calc(100vh - 32px);display:grid;grid-template-rows:auto 1fr;border:1px solid var(--border);border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 44%),var(--surface);overflow:hidden}.arch-editor-modal.fullscreen{width:100vw;height:100vh;max-height:100vh;border-radius:0}.arch-editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.arch-editor-body{display:grid;grid-template-columns:1fr 320px;gap:10px;padding:10px;min-height:0}.arch-editor-canvas-shell{min-height:0;height:100%}.arch-editor-canvas{position:relative;min-height:640px;height:100%;border:1px solid var(--border);border-radius:12px;overflow:auto;background:linear-gradient(rgba(148,163,184,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.14) 1px,transparent 1px),var(--bg);background-size:24px 24px,24px 24px,auto}.arch-editor-workspace{position:relative;min-width:100%;min-height:100%}.arch-editor-edge-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--accent)}.arch-editor-edge-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke}.arch-editor-edge-line{fill:none;stroke:color-mix(in srgb,var(--accent) 74%,var(--text) 26%);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.arch-editor-edge-line.selected{stroke:#0ea5e9}.arch-editor-edge-anchor{fill:#0ea5e9;stroke:#fff;stroke-width:2;cursor:grab;pointer-events:all}.arch-editor-edge-preview{fill:none;stroke:#0ea5e9;stroke-width:2;stroke-dasharray:6 4;pointer-events:none}.arch-editor-node{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border) 64%);border-radius:12px;background:color-mix(in srgb,var(--surface) 90%,var(--accent) 10%);box-shadow:0 8px 22px #02061733;padding:12px;-webkit-user-select:none;user-select:none;cursor:move}.arch-editor-node.selected{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e93d,0 12px 26px #02061742}.arch-editor-node-label{font-weight:700;color:var(--text);text-align:center;max-width:100%;overflow-wrap:anywhere;white-space:pre-line;cursor:grab}.arch-editor-handle{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid #fff;background:var(--accent);cursor:crosshair;opacity:.9}.arch-editor-handle:hover,.arch-editor-handle:focus{opacity:1;transform:translate(-50%,-50%) scale(1.15)}.arch-editor-sidebar{min-height:0;overflow:auto}.arch-editor-panel{padding:12px}.doc-readme{max-height:66vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--bg);white-space:pre-wrap}@media (max-width: 1180px){.arch-editor-body{grid-template-columns:1fr}.arch-editor-modal.fullscreen{height:100vh}}.use-case-create-card{height:260px;min-height:260px;cursor:pointer}.use-case-create-card-shell{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;padding:10px 12px}.use-case-create-icon{font-size:42px;font-weight:700;line-height:1;color:var(--accent)}.use-case-create-label{margin:0;line-height:1.2}.use-case-create-card-actions{justify-content:center;gap:8px;width:100%;max-width:220px;height:100%;margin:auto}.use-case-card{height:260px;min-height:260px;cursor:pointer}.use-case-card-shell{height:100%;display:grid;grid-template-rows:1fr auto;gap:10px;padding:14px 16px}.use-case-card-main{min-height:0;display:grid;grid-template-rows:auto auto 1fr;gap:8px}.use-case-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.use-case-card-title{margin:0}.use-case-card-desc{margin:0;font-size:13px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}.use-case-card-footer{margin-top:auto;padding-top:8px;border-top:1px solid rgba(226,0,116,.22);display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.use-case-meta-pill{margin:0}.project-card{height:340px;min-height:340px}.project-card .use-case-card-main{grid-template-rows:auto auto minmax(148px,1fr);min-height:0;overflow:hidden}.project-card .use-case-card-title{min-height:44px;max-height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.project-card .project-card-desc{margin:0;font-size:13px;line-height:1.45;display:block;height:100%;min-height:0;max-height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding-right:6px;-webkit-line-clamp:unset;line-clamp:unset;word-break:break-word}.project-card .project-card-desc::-webkit-scrollbar{width:8px}.project-card .project-card-desc::-webkit-scrollbar-thumb{background:#e2007459;border-radius:999px}.project-card .project-card-desc::-webkit-scrollbar-track{background:#e2007414;border-radius:999px}.create-choice-modal{width:min(360px,92vw)}.create-choice-card{min-height:220px}.create-choice-content{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:center;padding:16px}.create-choice-content h3,.create-choice-content .muted{margin:0}.create-choice-actions{margin-top:2px;gap:8px}.pixel-card.create-choice-card:hover,.pixel-card.create-choice-card:focus-within{transform:none}.ai-system-link{text-decoration:none;color:inherit;display:block}.ai-system-create-card,.ai-system-card{min-height:260px}.ai-system-create-card,.ai-system-card{cursor:pointer}.ai-system-card-shell{height:100%;display:grid;place-items:center;text-align:center;padding:14px 16px}.ai-system-card-shell-entry{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left}.ai-system-card-shell h2{margin:0}.ai-system-card-shell .muted{margin:6px 0 0}.start-mode-card{min-height:220px}.start-mode-card-shell{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;text-align:left}.start-mode-card-shell h2,.start-mode-card-shell p{margin:0}.start-resume-card{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.start-entry-card{min-height:240px}.start-entry-link{height:100%;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;padding:16px}.start-entry-link h2,.start-entry-link p{margin:0}.start-entry-link .btn{margin-top:auto;align-self:flex-start}.start-entry-icon{width:40px;height:40px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.story-card{display:grid;grid-template-rows:auto 1fr auto;gap:8px;min-height:220px}.story-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}.title{font-size:28px;font-family:var(--font-tele-neo-bold);font-weight:700;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-tele-neo-bold);font-weight:700}.muted{color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:4px 8px;border-radius:8px;background:#e200741a;color:var(--accent);border:1px solid rgba(226,0,116,.25)}.badge-success{background:#10b9811f;color:#047857;border-color:#10b98159}.badge-warning{background:#f59e0b24;color:#b45309;border-color:#f59e0b66}.risk-badge{transition:color .2s ease,background .2s ease}.risk-badge-card{background:#e2007424;color:#000;border:1px solid #000000}[data-theme=dark] .risk-badge-card{color:#fff;border-color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;background:var(--surface);color:var(--text);border:1px solid var(--accent);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 12px 40px -16px #e2007440;transition:transform .12s ease,box-shadow .2s ease,background .2s,color .2s,border-color .2s}.btn:hover,.btn:focus,.btn.ghost:hover,.btn.ghost:focus{transform:translateY(-1px);box-shadow:0 15px 40px -25px #0006;background:var(--accent);color:#fff;border-color:var(--accent)}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--accent)}.hr-module-tab{min-width:170px}.hr-module-tab.is-active,.hr-module-tab.is-active:hover,.hr-module-tab.is-active:focus{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 15px 40px -20px #e2007473;transform:none}.primary{background:var(--surface);color:var(--text);border:1px solid var(--accent);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 12px 40px -16px #e2007459;transition:transform .12s ease,box-shadow .2s ease,background .2s,color .2s,border-color .2s}.primary:hover,.primary:focus{transform:translateY(-1px);box-shadow:0 15px 40px -20px #e2007473;background:var(--accent-2);border-color:var(--accent-2);color:#fff}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{padding:10px;text-align:left;border-bottom:1px solid var(--border)}.doc-code{margin:8px 0 0;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word}input,textarea,select{border:1px solid var(--field-border);padding:10px 12px;border-radius:10px;background:var(--field-bg);color:var(--field-text);font-size:14px;outline:none;width:100%;transition:background .2s,color .2s,border-color .2s}input:hover,textarea:hover,select:hover,input:focus,textarea:focus,select:focus{background:var(--accent);color:#fff;border-color:var(--accent)}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.question{margin-bottom:18px;text-align:left}.question-text{font-weight:600}.question .muted{margin-top:6px;line-height:1.5;white-space:pre-wrap}.question .muted a{color:var(--accent);text-decoration:underline}.answers{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.answer-option{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;width:100%;background:var(--surface)}.answer-option input{width:auto;margin-top:3px}.assessment-page{max-width:960px;margin:0 auto}.assessment-body{display:flex;flex-direction:column;gap:16px}.assessment-section h2{margin-top:0}.answers{display:flex;flex-direction:column;gap:8px;margin-top:10px}.answer-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.answer-option input{margin-right:4px}.chat-launcher{position:fixed;right:18px;bottom:72px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;width:48px;height:48px;border-radius:999px;cursor:pointer;box-shadow:0 12px 30px -12px #e2007499;display:inline-flex;align-items:center;justify-content:center;z-index:5000}.chat-launcher-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.chat-launcher:hover,.chat-launcher:focus{transform:translateY(-1px)}.plasma-toggle{position:fixed;right:18px;bottom:16px;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;z-index:5000;transition:transform .12s ease,background .2s ease,color .2s ease,border-color .2s ease}.plasma-toggle.on{border-color:#e2007473}.plasma-toggle.off{color:var(--muted)}.plasma-toggle:hover,.plasma-toggle:focus{transform:translateY(-1px);border-color:var(--accent);background:var(--accent);color:#fff}.chat-context-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:var(--surface)}.chat-panel{position:fixed;right:18px;bottom:70px;width:420px;height:560px;min-width:340px;min-height:420px;max-width:96vw;max-height:92vh;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;resize:both;z-index:5001}.chat-panel.maximized{top:4vh;left:4vw;right:4vw;bottom:4vh;width:auto;height:auto;max-width:none;max-height:none;resize:none}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.chat-panel.dragging .chat-header{cursor:grabbing}.chat-header button,.chat-header select,.chat-header input{cursor:pointer}.chat-controls{display:flex;flex-direction:column;gap:8px;padding:8px 12px;align-items:stretch}.chat-output-window{margin:0 12px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);min-height:270px;flex:3;overflow:hidden}.chat-body{height:100%;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chat-entry{display:flex;flex-direction:column;gap:6px}.chat-bubble{padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:14px;line-height:1.55;text-align:left}.chat-bubble.user{background:#e200741a;border-color:#e2007466}.bubble{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.bubble-user{border-color:#e2007466;background:#e200741a}.bubble-bot{border-color:var(--border)}.progress-grid{display:flex;flex-direction:column;gap:10px;margin-top:8px}.progress-step{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px;border-radius:10px;border:1px dashed var(--border);align-items:center}.progress-step.current{border-color:var(--accent);background:#e200740d}.progress-step.done .progress-dot{background:var(--accent)}.progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:var(--surface)}.chat-input{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);min-height:90px;flex:1}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-icon-btn{min-width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.chat-send-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#94a3b8;color:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;cursor:not-allowed;transition:background .12s ease,color .12s ease,transform .12s ease}.chat-send-btn.active{background:#fff;color:#111;cursor:pointer}.chat-send-btn.active:hover{transform:translateY(-1px)}.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px}.chat-thinking{display:inline-flex;align-items:center;gap:0}.chat-thinking-dots{display:inline-flex;min-width:16px;justify-content:flex-start}.chat-thinking-dot{display:inline-block;opacity:.2;animation:chat-thinking-dot 1.1s ease-in-out infinite}.chat-thinking-dot:nth-child(2){animation-delay:.18s}.chat-thinking-dot:nth-child(3){animation-delay:.36s}@keyframes chat-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}.chat-suggestion-btn{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--surface) 88%,#ffffff 12%);color:var(--text);font-size:12px;cursor:pointer}.chat-suggestion-btn:hover{border-color:#e2007473}@media (max-width: 640px){.chat-panel{right:10px;left:10px;width:auto;height:72vh;min-height:380px;resize:none}.chat-panel.maximized{top:8px;left:8px;right:8px;bottom:8px}.plasma-toggle{right:10px;bottom:10px}}.guided-tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5900}.guided-tour-dim-slice{position:fixed;background:#020617a3;pointer-events:none}.guided-tour-highlight-outline{position:fixed;border-radius:12px;border:2px solid color-mix(in srgb,var(--accent) 70%,#ffffff 30%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,#ffffff 58%),0 0 24px -8px color-mix(in srgb,var(--accent) 65%,transparent);background:transparent;pointer-events:none}.guided-tour-panel{position:fixed;right:18px;bottom:132px;width:min(420px,calc(100vw - 28px));max-height:min(60vh,520px);overflow-y:auto;border-radius:12px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);padding:14px;z-index:5901}.guided-tour-panel.editing{outline:1px dashed color-mix(in srgb,var(--accent) 56%,transparent);outline-offset:2px}.guided-tour-drag-handle{cursor:grab}.guided-tour-drag-handle:active{cursor:grabbing}.guided-tour-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:grid;place-items:center;z-index:5902}.guided-tour-confirm-card{width:min(460px,92vw);border-radius:12px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);padding:16px}[data-agent-context]{transition:border-color .18s ease,box-shadow .18s ease}.agent-context-dragging [data-agent-context]{outline:1px dashed color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.agent-context-target-flash{border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)!important}.log-toggle{position:fixed;left:18px;bottom:120px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer;box-shadow:var(--shadow);font-weight:600;z-index:5000}.log-panel{position:fixed;left:calc(var(--sidebar-offset, 260px) + 20px);top:100px;width:360px;height:70vh;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;z-index:7001}.log-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border)}.log-body{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.log-item{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface)}.theme-toggle{position:fixed;left:18px;bottom:78px;padding:10px 14px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;box-shadow:var(--shadow);font-weight:600;display:inline-flex;align-items:center;gap:8px}.brand-mark{position:fixed;top:16px;left:16px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:1000;font-family:var(--font-tele-neo-extrabold);font-weight:800;letter-spacing:.4px}.brand-mark img{width:26px;height:26px;object-fit:contain}.brand-sub{position:fixed;top:62px;left:16px;padding:6px 12px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:999;font-weight:600;letter-spacing:.4px;color:var(--text);font-size:12px}.back-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--surface);color:var(--text)!important;text-decoration:none;font-weight:700;border:1px solid var(--accent);box-shadow:var(--shadow)}.back-chip:hover,.back-chip:focus{background:var(--accent);border-color:var(--accent);color:#fff!important;transform:translateY(-1px);box-shadow:0 15px 40px -20px #e2007473}.dropdown-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;display:grid;gap:8px;z-index:60}.sidebar-mobile-toggle{position:fixed;top:16px;left:16px;z-index:1100;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:0;width:44px;height:44px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);display:none;align-items:center;justify-content:center}.sidebar-mobile-toggle:hover,.sidebar-mobile-toggle:focus{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:1000}@media (max-width: 720px){.shell{padding:12px 16px 24px}.header{flex-direction:column;align-items:flex-start}}@media (max-width: 960px){.sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:1001;transition:left .2s ease}.sidebar.open{left:0}.sidebar-mobile-toggle{display:inline-flex}}.workflow-designer-layout{margin-top:14px;display:grid;grid-template-columns:280px minmax(560px,1fr) 320px;gap:12px;align-items:start}.workflow-primary-banner{margin-top:12px;border-color:var(--accent);background:linear-gradient(120deg,rgba(226,0,116,.07),transparent 62%),var(--surface)}.workflow-panel{position:sticky;top:12px;max-height:calc(100vh - 80px);overflow-y:auto}.workflow-catalog{display:grid;gap:8px;max-height:280px;overflow-y:auto}.workflow-catalog-item{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:left;padding:8px 10px;cursor:pointer;display:grid;gap:4px;transition:border-color .2s ease,transform .12s ease}.workflow-catalog-item:hover,.workflow-catalog-item:focus{border-color:var(--accent);transform:translateY(-1px)}.workflow-canvas-card{min-height:560px}.workflow-canvas{position:relative;min-height:520px;border:1px dashed var(--border);border-radius:12px;background:radial-gradient(circle at 1px 1px,rgba(148,163,184,.28) 1px,transparent 0) 0 0 / 20px 20px,linear-gradient(135deg,#e200740a,#e2007403);overflow:auto}.workflow-node{position:absolute;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 10px;cursor:grab;display:grid;gap:6px;box-shadow:var(--shadow);z-index:2}.workflow-node.selected{border-color:var(--accent);box-shadow:0 10px 30px -16px #e2007499}.workflow-node:active{cursor:grabbing}.workflow-edge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.workflow-output{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;max-height:380px;overflow:auto;font-size:12px}.workflow-event-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.workflow-monitor-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.workflow-monitor-tile{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:8px 10px;display:grid;gap:4px}.workflow-alert-row{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(180px,auto);gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}@media (max-width: 1320px){.workflow-designer-layout{grid-template-columns:1fr}.workflow-panel{position:static;max-height:none}}@media (max-width: 880px){.workflow-alert-row{grid-template-columns:1fr}}.wizard-role-fieldset{border:1px solid var(--border);border-radius:10px;padding:12px;margin:0}.wizard-role-fieldset legend{padding:0 6px;font-weight:700}.wizard-role-list{display:grid;gap:8px;width:min(100%,520px);margin:6px auto 0}.wizard-role-item{display:grid;grid-template-columns:minmax(0,20px) 1fr;align-items:center;justify-items:start;column-gap:10px;width:100%;cursor:pointer}.wizard-role-checkbox-col{width:20px;max-width:20px;display:inline-flex;align-items:center;justify-content:flex-start}.wizard-role-checkbox-col input[type=checkbox]{margin:0}.wizard-role-label-col{text-align:left;justify-self:start}.review-workbench-shell{display:grid;gap:12px}.review-workbench-layout{display:grid;grid-template-columns:minmax(250px,280px) minmax(220px,260px) minmax(0,1fr);gap:12px;align-items:start}.review-workbench-nav,.review-workbench-modules{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;gap:10px}.review-workbench-main{min-width:0;display:grid;gap:12px}.review-workbench-main--wide{grid-column:2 / -1}.review-nav-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.review-filter-panel{display:grid;gap:10px;overflow:auto;max-height:42vh;padding-right:2px}.review-filter-group{display:grid;gap:8px;border:1px solid var(--border);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%)}.review-filter-heading{justify-content:space-between;align-items:center}.review-filter-list{display:grid;gap:6px;max-height:130px;overflow:auto;padding-right:2px;min-width:0}.review-filter-check{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;align-items:start;font-size:12px;width:100%;min-width:0}.review-filter-check input[type=checkbox]{margin:0}.review-filter-check span{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.review-entity-list{display:grid;gap:8px;overflow:auto;min-height:0;padding-right:2px}.review-list-item{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 10px;display:grid;gap:2px;cursor:pointer}.review-list-item:hover,.review-list-item:focus{border-color:#e2007473}.review-list-item.active{border-color:#e20074bf;box-shadow:0 10px 26px -20px #e20074a8}.review-list-title{margin:0;font-weight:700}.review-main-card{display:grid;gap:8px}.review-chart-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.review-chart-card{border:1px solid var(--border);border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 90%,var(--accent) 10%),var(--surface));padding:10px;display:grid;gap:8px}.review-chart-card h3{margin:0;font-size:15px}.review-chart-bars{display:grid;gap:6px}.review-chart-row{display:grid;grid-template-columns:minmax(120px,1fr) 3fr auto;gap:8px;align-items:center}.review-chart-label,.review-chart-value{font-size:12px}.review-chart-track{width:100%;height:10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,var(--surface));overflow:hidden}.review-chart-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 75%,#fff),var(--accent))}.review-inline-table th,.review-inline-table td{font-size:12px}.review-gap-table textarea{width:100%;min-width:160px;resize:vertical}.review-gap-table select{min-width:130px}.review-two-col-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.review-mini-card{padding:8px}.review-heatmap-table td,.review-heatmap-table th{text-align:center}@media (max-width: 1360px){.review-workbench-layout{grid-template-columns:minmax(240px,280px) minmax(200px,240px) minmax(0,1fr)}}@media (max-width: 1120px){.review-workbench-layout{grid-template-columns:1fr}.review-workbench-main--wide{grid-column:auto}.review-workbench-nav,.review-workbench-modules{position:static;max-height:none}}

/* END assets/index-hOpQq8pj.css */


/* BEGIN dea-password-toggle.css */
.login-page label.dea-password-toggle-label {
  position: relative;
}

.login-page input.dea-password-toggle-input {
  padding-right: 52px !important;
}

.login-page .dea-password-visibility-toggle {
  position: absolute;
  right: 8px;
  bottom: 6px;
  z-index: 2;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--accent);
  cursor: pointer;
  padding: 0;
  transition: background 0.16s ease, color 0.16s ease, transform 0.12s ease;
}

.login-page .dea-password-visibility-toggle:hover,
.login-page .dea-password-visibility-toggle:focus-visible {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-2);
  outline: none;
}

.login-page .dea-password-visibility-toggle:active {
  transform: scale(0.96);
}

.login-page .dea-password-visibility-toggle svg {
  width: 20px;
  height: 20px;
  pointer-events: none;
}

/* END dea-password-toggle.css */


/* BEGIN dea-public-home.css */
html.dea-public-home-root,
html.dea-public-home-root body {
  background: #f4f4f6;
  color: #111111;
}

body.dea-public-home {
  margin: 0;
  min-height: 100vh;
  background: #f4f4f6;
  color: #111111;
  font-family: "Space Grotesk", Arial, Helvetica, sans-serif;
}

body.dea-public-home .app-background,
body.dea-public-home .plasma-toggle,
body.dea-public-home .chat-launcher,
body.dea-public-home .chat-panel {
  display: none !important;
}

.dea-public {
  --magenta: #e20074;
  --magenta-dark: #b0005a;
  --ink: #111111;
  --muted: #5f6672;
  --line: #d7d9df;
  --panel: #ffffff;
  --soft: #f4f4f6;
  --night: #151821;
  --ok: #0f8a5f;
  --warn: #b7791f;
  --danger: #b42318;
  min-height: 100vh;
  background: var(--soft);
  overflow-x: hidden;
}

.dea-public[data-theme="dark"] {
  --ink: #f7f8fb;
  --muted: #b9c0cc;
  --line: #343b4c;
  --panel: #171d29;
  --soft: #0b0e14;
  --night: #05070b;
  --ok: #63d9a6;
  --warn: #f5bb54;
  --danger: #ff8d83;
  background: var(--soft);
  color: var(--ink);
}

.dea-public * {
  box-sizing: border-box;
}

.dea-public a {
  color: inherit;
}

.dea-public-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 72px;
  padding: 12px clamp(18px, 4vw, 56px);
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(14px);
  box-shadow: 0 14px 44px -36px rgba(17, 17, 17, 0.6);
}

.dea-public-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 900;
  text-decoration: none;
}

.dea-public-brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.dea-public-brand span {
  display: grid;
  line-height: 1.05;
  white-space: nowrap;
}

.dea-public-brand small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.dea-public-nav {
  display: flex;
  align-items: center;
  gap: 18px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.dea-public-nav a {
  text-decoration: none;
}

.dea-public-nav a:hover,
.dea-public-nav a:focus {
  color: var(--magenta);
}

.dea-public-login,
.dea-public-cta,
.dea-public-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid var(--magenta);
  border-radius: 8px;
  padding: 9px 14px;
  background: var(--magenta);
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 900;
}

.dea-public-login,
.dea-public-icon-btn {
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0;
}

.dea-public-icon-btn {
  background: var(--panel);
  color: var(--ink) !important;
  cursor: pointer;
}

.dea-public-login svg,
.dea-public-icon-btn svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dea-public-login:hover,
.dea-public-login:focus,
.dea-public-cta:hover,
.dea-public-cta:focus,
.dea-public-icon-btn:hover,
.dea-public-icon-btn:focus {
  background: var(--magenta-dark);
  border-color: var(--magenta-dark);
  color: #ffffff !important;
}

.dea-public-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.92fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  min-height: auto;
  padding: clamp(22px, 3.5vw, 38px) clamp(18px, 5vw, 72px) 24px;
  background:
    linear-gradient(90deg, #ffffff 0 54%, rgba(226, 0, 116, 0.07) 54% 100%),
    #ffffff;
  overflow: hidden;
}

.dea-public-hero::before,
.dea-public-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.dea-public-hero::before {
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 17, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 17, 0.045) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.65), transparent 72%);
  animation: dea-grid-drift 22s linear infinite;
}

.dea-public-hero::after {
  right: -18vw;
  top: 9%;
  width: 54vw;
  height: 54vw;
  border: 1px solid rgba(226, 0, 116, 0.24);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226, 0, 116, 0.13), transparent 62%);
  animation: dea-hero-orbit 18s ease-in-out infinite;
}

.dea-public-hero > div {
  position: relative;
  z-index: 1;
}

.dea-public-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--magenta);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-public-hero h1 {
  max-width: 760px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(38px, 4.7vw, 58px);
  line-height: 0.95;
  letter-spacing: 0;
}

.dea-public-hero-copy {
  max-width: 680px;
  margin: 16px 0 0;
  color: #30343b;
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.45;
}

.dea-public-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.dea-public-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 14px;
  background: #ffffff;
  color: var(--ink);
  text-decoration: none;
  font-weight: 900;
}

.dea-public-secondary:hover,
.dea-public-secondary:focus {
  border-color: var(--magenta);
  color: var(--magenta);
}

.dea-public-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
  max-width: 680px;
}

.dea-public-proof div {
  min-height: 74px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  transform: translateY(0);
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.dea-public-proof div:hover {
  border-color: rgba(226, 0, 116, 0.42);
  box-shadow: 0 20px 48px -40px rgba(17, 17, 17, 0.75);
  transform: translateY(-3px);
}

.dea-public-proof strong {
  display: block;
  font-size: 20px;
  line-height: 1;
}

.dea-public-proof span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dea-public-visual {
  position: relative;
  width: min(100%, 620px);
  min-height: 492px;
  margin-left: auto;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), transparent 28%),
    linear-gradient(150deg, #121827 0%, #20283a 50%, #090d15 100%);
  box-shadow:
    0 34px 86px -50px rgba(17, 17, 17, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  overflow: hidden;
}

.dea-public-visual::before {
  content: "";
  position: absolute;
  inset: -30% -15%;
  background:
    radial-gradient(circle at 20% 30%, rgba(226, 0, 116, 0.32), transparent 27%),
    radial-gradient(circle at 82% 18%, rgba(39, 209, 124, 0.18), transparent 22%),
    radial-gradient(circle at 78% 86%, rgba(255, 176, 0, 0.16), transparent 20%);
  animation: dea-visual-aurora 16s ease-in-out infinite;
}

.dea-visual-topline,
.dea-visual-bottom,
.dea-visual-canvas {
  position: relative;
  z-index: 1;
}

.dea-visual-topline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-visual-topline span,
.dea-visual-bottom span {
  color: #c7ceda;
}

.dea-visual-topline strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #63d9a6;
}

.dea-visual-topline strong::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 0 rgba(99, 217, 166, 0.7);
  animation: dea-live-pulse 1.8s ease-out infinite;
}

.dea-visual-canvas {
  position: relative;
  min-height: 382px;
  margin: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    rgba(8, 12, 20, 0.72);
  background-size: 36px 36px;
  overflow: hidden;
}

.dea-visual-radar {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 238px;
  height: 238px;
  border: 1px solid rgba(226, 0, 116, 0.34);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.dea-visual-radar::before,
.dea-visual-radar::after,
.dea-visual-radar span,
.dea-visual-radar i,
.dea-visual-radar b {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.dea-visual-radar::before {
  inset: 39px;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.dea-visual-radar::after {
  inset: 77px;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.dea-visual-radar span {
  inset: 0;
  background: conic-gradient(from 90deg, rgba(226, 0, 116, 0.62), transparent 24%, transparent 100%);
  animation: dea-radar-spin 5.8s linear infinite;
}

.dea-visual-radar i {
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
  background: #e20074;
  box-shadow: 0 0 26px rgba(226, 0, 116, 0.82);
  transform: translate(-50%, -50%);
}

.dea-visual-radar b {
  left: 29%;
  top: 62%;
  width: 10px;
  height: 10px;
  background: #63d9a6;
  animation: dea-node-float 4s ease-in-out infinite;
}

.dea-visual-cardrack {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  grid-template-areas:
    "risk req"
    "risk evidence";
  gap: 14px;
  align-items: stretch;
  padding: 30px 20px 76px;
}

.dea-visual-card {
  position: relative;
  width: auto;
  min-height: 118px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: #111111;
  box-shadow: 0 24px 62px -46px rgba(0, 0, 0, 0.95);
  animation: dea-card-float 7s ease-in-out infinite;
}

.dea-visual-card span {
  color: var(--magenta);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-visual-card strong,
.dea-visual-card em {
  display: block;
}

.dea-visual-card strong {
  margin-top: 7px;
  font-size: 18px;
  line-height: 1.1;
}

.dea-visual-card em {
  margin-top: 8px;
  color: #5f6672;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.dea-visual-card--risk {
  grid-area: risk;
  align-self: center;
}

.dea-visual-card--req {
  grid-area: req;
  animation-delay: -1.7s;
}

.dea-visual-card--evidence {
  grid-area: evidence;
  animation-delay: -3.2s;
}

.dea-visual-flow {
  position: absolute;
  inset: 32px 20px 70px;
  z-index: 1;
  width: calc(100% - 40px);
  height: calc(100% - 102px);
  overflow: visible;
}

.dea-visual-flow-path {
  fill: none;
  stroke: rgba(226, 0, 116, 0.54);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 12 18;
  animation: dea-flow-dash 3.8s linear infinite;
}

.dea-visual-flow-path.two {
  stroke: rgba(99, 217, 166, 0.48);
  animation-duration: 4.6s;
}

.dea-visual-dot {
  fill: #ffffff;
  stroke: #e20074;
  stroke-width: 4;
  animation: dea-dot-pulse 2.7s ease-in-out infinite;
}

.dea-visual-dot.two {
  animation-delay: -0.9s;
}

.dea-visual-dot.three {
  animation-delay: -1.8s;
}

.dea-visual-lane {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.dea-visual-lane span {
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  font-size: 11px;
  font-weight: 900;
}

.dea-visual-bottom {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 16px 16px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-visual-bottom span {
  min-height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
}

.dea-public-section {
  padding: clamp(40px, 7vw, 78px) clamp(18px, 5vw, 72px);
}

.dea-public-section.dark {
  background: var(--night);
  color: #ffffff;
}

.dea-public-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  max-width: 1180px;
  margin: 0 auto 24px;
}

.dea-public-section h2 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(30px, 4.2vw, 52px);
  line-height: 1;
  letter-spacing: 0;
}

.dea-public-section-lead {
  max-width: 680px;
  margin: 12px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.dea-public-section.dark .dea-public-section-lead {
  color: #b9c0cc;
}

.dea-public-intel-strip {
  padding-top: 10px;
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.09), transparent 36%),
    linear-gradient(90deg, #ffffff, #f4f4f6);
}

.dea-intel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.66fr);
  gap: clamp(20px, 4vw, 54px);
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
}

.dea-intel-panel {
  position: relative;
  min-height: 310px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(rgba(17, 17, 17, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 17, 0.055) 1px, transparent 1px),
    #ffffff;
  background-size: 34px 34px;
  box-shadow: 0 26px 74px -62px rgba(17, 17, 17, 0.85);
  overflow: hidden;
}

.dea-intel-panel::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 170px;
  height: 170px;
  border: 2px solid rgba(226, 0, 116, 0.42);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: dea-intel-ring 7s ease-in-out infinite;
}

.dea-intel-panel span {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid rgba(226, 0, 116, 0.24);
  border-radius: 8px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 18px 42px -34px rgba(17, 17, 17, 0.9);
  animation: dea-intel-float 6s ease-in-out infinite;
}

.dea-intel-panel span:nth-child(1) {
  left: 10%;
  top: 18%;
}

.dea-intel-panel span:nth-child(2) {
  right: 12%;
  top: 15%;
  animation-delay: -1.2s;
}

.dea-intel-panel span:nth-child(3) {
  left: 35%;
  top: 42%;
  color: #ffffff;
  background: var(--magenta);
  animation-delay: -2.4s;
}

.dea-intel-panel span:nth-child(4) {
  left: 13%;
  bottom: 17%;
  animation-delay: -3.1s;
}

.dea-intel-panel span:nth-child(5) {
  right: 10%;
  bottom: 20%;
  animation-delay: -4s;
}

.dea-checker {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto;
}

.dea-checker-input,
.dea-checker-result,
.dea-public-card,
.dea-public-news-card,
.dea-public-map-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.dea-checker-input,
.dea-checker-result {
  padding: 18px;
}

.dea-checker label {
  display: block;
  color: var(--ink);
  font-weight: 900;
}

.dea-checker textarea {
  width: 100%;
  min-height: 220px;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  color: var(--ink);
  background: #ffffff;
  font: inherit;
  line-height: 1.45;
  resize: vertical;
}

.dea-checker-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dea-checker-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.dea-checker-submit {
  min-height: 40px;
  border: 1px solid var(--magenta);
  border-radius: 8px;
  padding: 8px 14px;
  background: var(--magenta);
  color: #ffffff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.dea-checker-submit:hover,
.dea-checker-submit:focus {
  background: var(--magenta-dark);
  border-color: var(--magenta-dark);
}

.dea-checker-submit:disabled {
  cursor: wait;
  opacity: 0.72;
}

.dea-checker-examples button {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.dea-checker-examples button:hover,
.dea-checker-examples button:focus {
  border-color: var(--magenta);
  color: var(--magenta);
}

.dea-risk-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border-radius: 8px;
  padding: 7px 10px;
  background: #eff2f6;
  color: var(--ink);
  font-weight: 900;
}

.dea-risk-badge[data-risk="prohibited"] {
  background: rgba(180, 35, 24, 0.12);
  color: var(--danger);
}

.dea-risk-badge[data-risk="high"] {
  background: rgba(226, 0, 116, 0.12);
  color: var(--magenta);
}

.dea-risk-badge[data-risk="limited"] {
  background: rgba(183, 121, 31, 0.14);
  color: var(--warn);
}

.dea-risk-badge[data-risk="minimal"] {
  background: rgba(15, 138, 95, 0.13);
  color: var(--ok);
}

.dea-checker-result h3 {
  margin: 14px 0 6px;
  font-size: 24px;
}

.dea-checker-result p {
  color: var(--muted);
  line-height: 1.45;
}

.dea-risk-rationale {
  margin-top: 10px;
}

.dea-checker-result ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 18px;
  color: #343943;
}

.dea-checker-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.dea-checker-source-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 6px 9px;
  color: var(--magenta);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.dea-checker-source-chip:hover,
.dea-checker-source-chip:focus {
  border-color: var(--magenta);
}

.dea-checker-note {
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(226, 0, 116, 0.25);
  border-radius: 8px;
  background: rgba(226, 0, 116, 0.06);
  color: #343943;
  font-size: 13px;
  line-height: 1.45;
}

.dea-public-slider {
  max-width: 1180px;
  margin: 0 auto;
}

.dea-public-slider-stage {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(226, 0, 116, 0.09), transparent 44%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 244, 246, 0.95));
  box-shadow: 0 28px 90px -68px rgba(17, 17, 17, 0.72);
}

.dea-public-slider--dark .dea-public-slider-stage {
  border-color: rgba(255, 255, 255, 0.16);
  background:
    linear-gradient(90deg, rgba(226, 0, 116, 0.2), transparent 48%),
    linear-gradient(135deg, #171d29, #0b0e14);
}

.dea-public[data-theme="dark"] .dea-public-slider--light .dea-public-slider-stage {
  border-color: rgba(226, 0, 116, 0.32);
  background:
    linear-gradient(105deg, rgba(226, 0, 116, 0.5), rgba(226, 0, 116, 0.13) 42%, rgba(5, 7, 11, 0.98) 78%),
    #080b12;
}

.dea-public-slide {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: clamp(22px, 5vw, 48px);
  opacity: 0;
  pointer-events: none;
  transform: translateX(34px) scale(0.985);
  transition:
    opacity 520ms ease,
    transform 620ms ease;
}

.dea-public-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1);
}

.dea-public-slide::after {
  content: "";
  position: absolute;
  right: clamp(20px, 6vw, 70px);
  top: 54px;
  width: clamp(112px, 18vw, 220px);
  height: 6px;
  border-radius: 999px;
  background: rgba(226, 0, 116, 0.76);
  box-shadow:
    0 28px 0 rgba(226, 0, 116, 0.38),
    0 56px 0 rgba(226, 0, 116, 0.18);
  opacity: 0.5;
  animation: dea-public-accent-scan 10s ease-in-out infinite;
}

.dea-public-slider[data-slider-paused="true"] .dea-public-slide::after,
.dea-public-slider[data-slider-paused="true"] .dea-public-slider-progress span {
  animation-play-state: paused;
}

.dea-public-slide h3 {
  max-width: 680px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1;
  letter-spacing: 0;
}

.dea-public-slider--dark .dea-public-slide h3 {
  color: #ffffff;
}

.dea-public-slide p {
  max-width: 660px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
}

.dea-public-slider--dark .dea-public-slide p {
  color: #c7ceda;
}

.dea-public-slide a {
  width: fit-content;
  color: var(--magenta);
  font-weight: 900;
  text-decoration: none;
}

.dea-public-slide a:hover,
.dea-public-slide a:focus {
  text-decoration: underline;
}

.dea-public-slider-progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  overflow: hidden;
  background: rgba(226, 0, 116, 0.12);
}

.dea-public-slider-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--magenta);
  transform-origin: left center;
  animation: dea-public-slide-progress 10s linear infinite;
}

.dea-public-slider-dots {
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-top: 14px;
}

.dea-public-slider-dot {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: #b9c0cc;
  cursor: pointer;
  transition:
    background 180ms ease,
    transform 180ms ease,
    width 180ms ease;
}

.dea-public-slider-dot.is-active {
  width: 28px;
  border-radius: 999px;
  background: var(--magenta);
}

.dea-public-slider-dot:hover,
.dea-public-slider-dot:focus {
  transform: translateY(-1px);
  outline: 2px solid rgba(226, 0, 116, 0.18);
  outline-offset: 3px;
}

.dea-news-grid,
.dea-feature-grid,
.dea-map-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 1180px;
  margin: 0 auto;
}

.dea-news-grid--rich {
  margin-top: 24px;
}

.dea-news-tile {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 10px;
  min-height: 320px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  overflow: hidden;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.dea-news-tile:hover,
.dea-news-tile:focus-within {
  border-color: rgba(226, 0, 116, 0.42);
  box-shadow: 0 28px 74px -58px rgba(17, 17, 17, 0.86);
  transform: translateY(-4px);
}

.dea-news-thumb {
  position: relative;
  height: 104px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.18), rgba(255, 255, 255, 0.2)),
    linear-gradient(rgba(17, 17, 17, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 17, 0.07) 1px, transparent 1px),
    #f0f2f6;
  background-size: auto, 24px 24px, 24px 24px, auto;
  overflow: hidden;
}

.dea-news-thumb::before,
.dea-news-thumb::after,
.dea-news-thumb span,
.dea-news-thumb i,
.dea-news-thumb b {
  content: "";
  position: absolute;
  display: block;
}

.dea-news-thumb::before {
  left: 16px;
  right: 16px;
  top: 26px;
  height: 8px;
  border-radius: 999px;
  background: #111111;
  box-shadow:
    0 20px 0 rgba(226, 0, 116, 0.85),
    0 40px 0 rgba(17, 17, 17, 0.24);
}

.dea-news-thumb::after {
  right: 18px;
  top: 18px;
  width: 46px;
  height: 46px;
  border: 2px solid rgba(226, 0, 116, 0.62);
  border-radius: 50%;
  animation: dea-news-spin 8s linear infinite;
}

.dea-news-thumb span {
  left: 22px;
  bottom: 14px;
  width: 82px;
  height: 6px;
  border-radius: 999px;
  background: rgba(99, 217, 166, 0.9);
}

.dea-news-thumb i {
  right: 38px;
  bottom: 24px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--magenta);
  box-shadow: 0 0 18px rgba(226, 0, 116, 0.7);
  animation: dea-dot-pulse 2.3s ease-in-out infinite;
}

.dea-news-thumb b {
  left: 0;
  top: 0;
  width: 42%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.54), transparent);
  transform: skewX(-18deg) translateX(-130%);
  animation: dea-sheen 6s ease-in-out infinite;
}

.dea-news-tile time {
  color: var(--magenta);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-news-tile h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.15;
}

.dea-news-tile p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.dea-news-tile a {
  color: var(--magenta);
  font-weight: 900;
  text-decoration: none;
}

.dea-news-tile a:hover,
.dea-news-tile a:focus {
  text-decoration: underline;
}

.dea-public-news-card,
.dea-public-card,
.dea-public-map-card {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.dea-public-news-card {
  background: #ffffff;
}

.dea-public-news-card time,
.dea-card-kicker {
  color: var(--magenta);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-public-news-card h3,
.dea-public-card h3,
.dea-public-map-card h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.15;
}

.dea-public-news-card p,
.dea-public-card p,
.dea-public-map-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.dea-public-card {
  border-color: rgba(255, 255, 255, 0.16);
  background: #1d2230;
  color: #ffffff;
}

.dea-public-card p {
  color: #b9c0cc;
}

.dea-public-card strong {
  color: #ffffff;
}

.dea-public-moat {
  background:
    linear-gradient(180deg, #ffffff, #f4f4f6 58%, #ffffff);
}

.dea-moat-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.15fr 0.95fr;
  gap: 14px;
  max-width: 1180px;
  margin: 0 auto 16px;
}

.dea-moat-card {
  position: relative;
  min-height: 190px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: var(--panel);
  overflow: hidden;
}

.dea-moat-card::before {
  content: "";
  position: absolute;
  inset: auto 16px 16px 16px;
  height: 6px;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.16);
}

.dea-moat-card::after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 34%;
  height: 6px;
  border-radius: 999px;
  background: var(--magenta);
  animation: dea-meter 5s ease-in-out infinite;
}

.dea-moat-card--1 {
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.95), rgba(17, 17, 17, 0.96)),
    #111111;
  box-shadow: 0 30px 76px -56px rgba(226, 0, 116, 0.9);
}

.dea-moat-card--1::before {
  background: rgba(255, 255, 255, 0.22);
}

.dea-moat-card--1::after {
  width: 78%;
  background: #ffffff;
}

.dea-moat-card--2::after {
  width: 58%;
  background: #63d9a6;
}

.dea-moat-card span {
  position: relative;
  z-index: 1;
  color: var(--magenta);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-moat-card--1 span {
  color: #ffffff;
}

.dea-moat-card p {
  position: relative;
  z-index: 1;
  margin: 16px 0 22px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.45;
}

.dea-moat-card--1 p {
  color: #ffffff;
}

.dea-knowledge-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: 1180px;
  margin: 0 auto;
}

.dea-knowledge-card {
  position: relative;
  min-height: 228px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--panel);
  overflow: hidden;
  animation: dea-knowledge-rise 9s ease-in-out infinite;
  animation-delay: calc(var(--delay) * -0.8s);
}

.dea-knowledge-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(226, 0, 116, 0.2), transparent 42%);
  opacity: 0;
  transition: opacity 180ms ease;
}

.dea-knowledge-card:hover::before {
  opacity: 1;
}

.dea-knowledge-card span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: rgba(226, 0, 116, 0.1);
  color: var(--magenta);
  font-weight: 900;
}

.dea-knowledge-card h3,
.dea-knowledge-card p {
  position: relative;
  z-index: 1;
}

.dea-knowledge-card h3 {
  margin: 18px 0 8px;
  font-size: 20px;
}

.dea-knowledge-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.dea-highrisk-section {
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.1), transparent 34%),
    linear-gradient(180deg, #f4f4f6, #ffffff);
}

.dea-highrisk-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.68fr);
  gap: clamp(20px, 5vw, 62px);
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
}

.dea-highrisk-panel {
  position: relative;
  min-height: 300px;
  border: 1px solid rgba(226, 0, 116, 0.26);
  border-radius: 8px;
  padding: 22px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(145deg, #151821, #291023);
  background-size: 30px 30px, 30px 30px, auto;
  color: #ffffff;
  overflow: hidden;
  box-shadow: 0 30px 86px -58px rgba(226, 0, 116, 0.82);
}

.dea-highrisk-panel::before,
.dea-highrisk-panel::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.dea-highrisk-panel::before {
  right: -58px;
  top: -58px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(226, 0, 116, 0.44);
  animation: dea-intel-ring 8s ease-in-out infinite;
}

.dea-highrisk-panel::after {
  left: 26px;
  bottom: 26px;
  width: 90px;
  height: 90px;
  background: radial-gradient(circle, rgba(99, 217, 166, 0.28), transparent 68%);
  animation: dea-live-pulse 2.6s ease-out infinite;
}

.dea-highrisk-panel span,
.dea-highrisk-panel strong,
.dea-highrisk-panel p {
  position: relative;
  z-index: 1;
}

.dea-highrisk-panel span {
  color: #63d9a6;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-highrisk-panel strong {
  display: block;
  max-width: 340px;
  margin-top: 18px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 0.98;
}

.dea-highrisk-panel p {
  max-width: 340px;
  margin: 18px 0 0;
  color: #d3d8e2;
  line-height: 1.5;
}

.dea-version-section {
  background: #ffffff;
}

.dea-version-wrap {
  max-width: 1180px;
  margin: 0 auto;
}

.dea-version-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: 0 26px 74px -62px rgba(17, 17, 17, 0.82);
}

.dea-version-table th,
.dea-version-table td {
  border-top: 1px solid var(--line);
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
}

.dea-version-table thead th {
  border-top: 0;
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.12), transparent 56%),
    #f7f8fb;
  color: var(--ink);
  font-weight: 900;
}

.dea-version-table thead th:not(:first-child),
.dea-version-table td {
  width: 210px;
  text-align: center;
}

.dea-version-table tbody tr.is-plus th {
  background: rgba(226, 0, 116, 0.035);
}

.dea-feature-name {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-weight: 900;
}

.dea-feature-info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 1px solid rgba(226, 0, 116, 0.42);
  border-radius: 50%;
  background: var(--panel);
  color: var(--magenta);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.dea-feature-info-btn:hover,
.dea-feature-info-btn:focus {
  background: var(--magenta);
  color: #ffffff;
  outline: none;
}

.dea-feature-info-copy {
  display: none;
  max-width: 640px;
  margin-top: 9px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.dea-version-table tr.is-info-open .dea-feature-info-copy {
  display: block;
}

.dea-plan-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(15, 138, 95, 0.14);
  color: var(--ok);
  font-size: 20px;
  font-weight: 900;
}

.dea-plan-missing {
  color: var(--muted);
  font-size: 22px;
  font-weight: 900;
}

.dea-plan-detail-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 7px 10px;
  background: var(--panel);
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.dea-plan-detail-btn:hover,
.dea-plan-detail-btn:focus,
.dea-plan-detail-btn.is-active {
  border-color: var(--magenta);
  background: var(--magenta);
  color: #ffffff;
}

.dea-plan-detail-panel {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--panel);
}

.dea-plan-detail-panel.is-active {
  border-color: rgba(226, 0, 116, 0.34);
  box-shadow: 0 24px 58px -48px rgba(226, 0, 116, 0.75);
}

.dea-plan-detail-panel strong {
  display: block;
  color: var(--ink);
  font-size: 20px;
}

.dea-plan-detail-panel p {
  max-width: 860px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.dea-public-map-card {
  background: #ffffff;
}

.dea-public-map-card {
  position: relative;
  min-height: 170px;
  overflow: hidden;
  transition:
    border-color 180ms ease,
    transform 180ms ease;
}

.dea-public-map-card:hover {
  border-color: rgba(226, 0, 116, 0.42);
  transform: translateY(-3px);
}

.dea-public-map-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(226, 0, 116, 0.1);
  color: var(--magenta);
  font-size: 12px;
  font-weight: 900;
}

.dea-public-map-card::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -38px;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(226, 0, 116, 0.22);
  border-radius: 50%;
}

.dea-source-list {
  max-width: 1180px;
  margin: 0 auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.dea-source-row {
  display: grid;
  grid-template-columns: 1.1fr 1.8fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
}

.dea-source-row:first-child {
  border-top: 0;
}

.dea-source-row strong {
  min-width: 0;
}

.dea-source-row span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.dea-source-row a {
  color: var(--magenta);
  font-weight: 900;
  text-decoration: none;
}

.dea-public-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding: 22px clamp(18px, 5vw, 72px);
  background: #111111;
  color: #ffffff;
  font-size: 13px;
}

.dea-public-footer a {
  color: #ffffff;
}

.dea-public[data-theme="dark"] .dea-public-topbar {
  border-bottom-color: rgba(255, 255, 255, 0.11);
  background: rgba(10, 13, 20, 0.92);
}

.dea-public[data-theme="dark"] .dea-public-hero {
  background:
    linear-gradient(90deg, #0b0e14 0 54%, rgba(226, 0, 116, 0.13) 54% 100%),
    #0b0e14;
}

.dea-public[data-theme="dark"] .dea-public-hero-copy {
  color: #d3d8e2;
}

.dea-public[data-theme="dark"] .dea-public-secondary,
.dea-public[data-theme="dark"] .dea-public-proof div,
.dea-public[data-theme="dark"] .dea-checker textarea,
.dea-public[data-theme="dark"] .dea-checker-examples button,
.dea-public[data-theme="dark"] .dea-public-news-card,
.dea-public[data-theme="dark"] .dea-news-tile,
.dea-public[data-theme="dark"] .dea-public-map-card,
.dea-public[data-theme="dark"] .dea-moat-card,
.dea-public[data-theme="dark"] .dea-knowledge-card,
.dea-public[data-theme="dark"] .dea-version-table,
.dea-public[data-theme="dark"] .dea-plan-detail-panel,
.dea-public[data-theme="dark"] .dea-feature-info-btn,
.dea-public[data-theme="dark"] .dea-plan-detail-btn,
.dea-public[data-theme="dark"] .dea-source-list {
  background: #171d29;
  color: var(--ink);
}

.dea-public[data-theme="dark"] .dea-public-proof div,
.dea-public[data-theme="dark"] .dea-checker-input,
.dea-public[data-theme="dark"] .dea-checker-result,
.dea-public[data-theme="dark"] .dea-public-news-card,
.dea-public[data-theme="dark"] .dea-public-map-card,
.dea-public[data-theme="dark"] .dea-news-tile,
.dea-public[data-theme="dark"] .dea-moat-card,
.dea-public[data-theme="dark"] .dea-knowledge-card,
.dea-public[data-theme="dark"] .dea-version-table,
.dea-public[data-theme="dark"] .dea-plan-detail-panel,
.dea-public[data-theme="dark"] .dea-public-slider-stage,
.dea-public[data-theme="dark"] .dea-source-list {
  box-shadow: 0 22px 62px -52px rgba(0, 0, 0, 0.95);
}

.dea-public[data-theme="dark"] .dea-public-intel-strip,
.dea-public[data-theme="dark"] .dea-public-moat,
.dea-public[data-theme="dark"] .dea-highrisk-section,
.dea-public[data-theme="dark"] .dea-version-section {
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.14), transparent 38%),
    #0b0e14;
}

.dea-public[data-theme="dark"] .dea-intel-panel,
.dea-public[data-theme="dark"] .dea-news-thumb {
  background:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    #111827;
}

.dea-public[data-theme="dark"] .dea-intel-panel span {
  background: rgba(23, 29, 41, 0.95);
  color: var(--ink);
}

.dea-public[data-theme="dark"] .dea-intel-panel span:nth-child(3) {
  background: var(--magenta);
  color: #ffffff;
}

.dea-public[data-theme="dark"] .dea-news-thumb::before {
  background: #ffffff;
  box-shadow:
    0 20px 0 rgba(226, 0, 116, 0.85),
    0 40px 0 rgba(255, 255, 255, 0.24);
}

.dea-public[data-theme="dark"] .dea-moat-card--1 {
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.95), rgba(5, 7, 11, 0.96)),
    #111111;
}

.dea-public[data-theme="dark"] .dea-version-table thead th {
  background:
    linear-gradient(135deg, rgba(226, 0, 116, 0.2), transparent 56%),
    #111827;
}

.dea-public[data-theme="dark"] .dea-version-table tbody tr.is-plus th {
  background: rgba(226, 0, 116, 0.09);
}

.dea-public[data-theme="dark"] .dea-checker textarea::placeholder {
  color: #8992a4;
}

.dea-public[data-theme="dark"] .dea-checker-result ul,
.dea-public[data-theme="dark"] .dea-checker-note {
  color: #d3d8e2;
}

.dea-public[data-theme="dark"] .dea-checker-note {
  background: rgba(226, 0, 116, 0.14);
}

@media (max-width: 980px) {
  .dea-public-hero,
  .dea-checker,
  .dea-intel-grid,
  .dea-highrisk-grid {
    grid-template-columns: 1fr;
  }

  .dea-public-hero {
    min-height: 0;
    background: #ffffff;
  }

  .dea-public[data-theme="dark"] .dea-public-hero {
    background: #0b0e14;
  }

  .dea-public-visual {
    margin: 0;
  }

  .dea-news-grid,
  .dea-feature-grid,
  .dea-map-grid,
  .dea-moat-grid,
  .dea-knowledge-grid,
  .dea-public-proof {
    grid-template-columns: 1fr;
  }

  .dea-version-wrap {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .dea-version-table {
    min-width: 760px;
  }

  .dea-source-row {
    grid-template-columns: 1fr;
  }

  .dea-public-slider-stage {
    min-height: 340px;
  }

  .dea-public-visual {
    min-height: 500px;
  }

  .dea-visual-cardrack {
    padding-top: 24px;
  }

  .dea-moat-card {
    min-height: 160px;
  }

  .dea-public-slide::after {
    right: 18px;
    top: auto;
    bottom: 26px;
    width: 96px;
    height: 5px;
  }
}

@media (max-width: 760px) {
  .dea-public-topbar {
    align-items: center;
    flex-direction: row;
  }

  .dea-public-nav {
    width: auto;
    flex-wrap: nowrap;
    gap: 10px;
    margin-left: auto;
  }

  .dea-public-nav a:not(.dea-public-login) {
    display: none;
  }

  .dea-public-login {
    width: 42px;
  }

  .dea-public-hero {
    padding-top: 28px;
  }

  .dea-public-visual {
    display: none;
  }

  .dea-intel-panel {
    min-height: 280px;
  }

  .dea-intel-panel span {
    font-size: 11px;
  }
}

@media (max-width: 520px) {
  .dea-public-hero h1 {
    font-size: 40px;
  }

  .dea-public-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .dea-public-proof div {
    min-height: 86px;
    padding: 8px;
  }

  .dea-public-proof strong {
    font-size: 18px;
  }

  .dea-public-proof span {
    font-size: 10px;
  }

  .dea-public-visual {
    display: none;
  }

  .dea-public-nav a {
    font-size: 13px;
  }
}

@keyframes dea-public-slide-progress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes dea-public-accent-scan {
  from {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-22px);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes dea-grid-drift {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 54px 54px;
  }
}

@keyframes dea-hero-orbit {
  from,
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(-4vw, 2vw, 0) scale(1.04);
  }
}

@keyframes dea-visual-aurora {
  from,
  to {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(8deg) scale(1.08);
  }
}

@keyframes dea-live-pulse {
  to {
    box-shadow: 0 0 0 12px rgba(99, 217, 166, 0);
  }
}

@keyframes dea-radar-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes dea-node-float {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(18px, -14px, 0);
  }
}

@keyframes dea-card-float {
  from,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@keyframes dea-flow-dash {
  to {
    stroke-dashoffset: -60;
  }
}

@keyframes dea-dot-pulse {
  from,
  to {
    opacity: 0.72;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.22);
  }
}

@keyframes dea-intel-ring {
  from,
  to {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) rotate(18deg) scale(1.08);
  }
}

@keyframes dea-intel-float {
  from,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes dea-news-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes dea-sheen {
  from,
  38% {
    transform: skewX(-18deg) translateX(-130%);
  }
  62%,
  to {
    transform: skewX(-18deg) translateX(260%);
  }
}

@keyframes dea-meter {
  from,
  to {
    transform: scaleX(0.86);
    transform-origin: left center;
  }
  50% {
    transform: scaleX(1);
    transform-origin: left center;
  }
}

@keyframes dea-knowledge-rise {
  from,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dea-public-slide,
  .dea-public-slider-dot {
    transition: none;
  }

  .dea-public-slide::after,
  .dea-public-slider-progress span,
  .dea-public-hero::before,
  .dea-public-hero::after,
  .dea-public-visual::before,
  .dea-visual-topline strong::before,
  .dea-visual-radar span,
  .dea-visual-radar b,
  .dea-visual-card,
  .dea-visual-flow-path,
  .dea-visual-dot,
  .dea-intel-panel::before,
  .dea-intel-panel span,
  .dea-news-thumb::after,
  .dea-news-thumb i,
  .dea-news-thumb b,
  .dea-moat-card::after,
  .dea-knowledge-card {
    animation: none;
  }
}

/* END dea-public-home.css */


/* BEGIN dea-chat-process.css */
.dea-process-card {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 7%, var(--surface));
  box-shadow: 0 12px 28px -24px rgba(226, 0, 116, 0.65);
  font-size: 13px;
  line-height: 1.4;
}

html[data-theme="light"] .wizard-stepper-shell,
:root:not([data-theme="dark"]) .wizard-stepper-shell {
  background: #ffffff;
  border-color: #dfe4ec;
  box-shadow: 0 14px 34px -28px rgba(15, 23, 42, .32);
}

html[data-theme="light"] .wizard-stepper-title,
:root:not([data-theme="dark"]) .wizard-stepper-title {
  color: #111827;
}

.wizard-stepper-title {
  display: none !important;
}

.wizard-stepper-shell {
  gap: 12px !important;
}

.wizard-step-pill {
  font-size: calc(1em + 1pt) !important;
}

.dea-wizard-progress {
  --dea-wizard-progress-percent: 20%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.dea-wizard-progress-track {
  position: relative;
  height: 8px;
  min-width: 0;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--border) 72%, var(--surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border) 72%, transparent);
}

.dea-wizard-progress-track::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--dea-wizard-progress-percent, 20%);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #0ea5e9));
  transition: width .22s ease;
}

.dea-wizard-progress-meta {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.dea-wizard-stepper-progress {
  margin-top: 2px;
}

html[data-theme="light"] .wizard-step-pill,
:root:not([data-theme="dark"]) .wizard-step-pill {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

html[data-theme="light"] .wizard-step-pill.active,
:root:not([data-theme="dark"]) .wizard-step-pill.active {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, #ffffff);
  color: #111827;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);
}

.dea-process-card[data-status="executed"] {
  border-color: rgba(16, 185, 129, 0.55);
  background: color-mix(in srgb, #10b981 8%, var(--surface));
}

.dea-process-card[data-status="cancelled"] {
  border-color: rgba(148, 163, 184, 0.7);
  background: color-mix(in srgb, #94a3b8 8%, var(--surface));
}

.dea-process-card[data-status*="missing"] {
  border-color: rgba(245, 158, 11, 0.58);
  background: color-mix(in srgb, #f59e0b 8%, var(--surface));
}

.dea-process-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.dea-process-title {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
}

.dea-process-summary,
.dea-process-message,
.dea-process-list {
  margin: 0;
  color: var(--muted);
}

.dea-process-badge {
  flex: 0 0 auto;
  max-width: 46%;
  padding: 3px 7px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--text);
  background: var(--surface);
  font-size: 11px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.dea-process-fields {
  display: grid;
  gap: 6px;
}

.dea-process-field {
  display: grid;
  grid-template-columns: minmax(84px, 0.42fr) minmax(0, 1fr);
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
}

.dea-process-field-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.dea-process-field-value {
  min-width: 0;
  color: var(--text);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.dea-process-field-current {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
}

.dea-process-list {
  padding-left: 17px;
}

.dea-process-list.compact {
  display: grid;
  gap: 3px;
  margin-top: 3px;
}

.dea-process-suggestions {
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, #10b981 38%, var(--border));
  border-radius: 7px;
  background: color-mix(in srgb, #10b981 7%, var(--surface));
}

.dea-process-suggestions-title,
.dea-process-suggestions-copy {
  margin: 0;
}

.dea-process-suggestions-title {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.dea-process-suggestions-copy {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dea-process-suggestion-actions {
  display: grid;
  gap: 6px;
}

.dea-process-suggestion-btn {
  width: 100%;
  min-height: 34px;
  text-align: left;
  overflow-wrap: anywhere;
}

.dea-process-sync {
  display: grid;
  gap: 5px;
  padding: 7px 8px;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
  border-radius: 7px;
  background: color-mix(in srgb, var(--accent) 5%, var(--surface));
}

.dea-process-sync-label {
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
}

.dea-process-sync-summary {
  margin: 0;
  color: var(--muted);
}

.dea-process-sync-details {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.dea-process-sync-chip {
  display: inline-flex;
  max-width: 100%;
  padding: 2px 6px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.dea-agent-process-guidance {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, #0ea5e9 38%, var(--border));
  border-radius: 8px;
  background:
    linear-gradient(90deg, color-mix(in srgb, #0ea5e9 10%, transparent), transparent 62%),
    var(--surface);
}

.dea-agent-process-guidance[data-mode="full_agent"] {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 62%),
    var(--surface);
}

.dea-agent-process-guidance-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dea-agent-process-guidance-title {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.dea-agent-process-guidance-mode {
  flex: 0 0 auto;
  padding: 2px 7px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font-size: 11px;
  font-weight: 900;
}

.dea-agent-process-guidance-text,
.dea-agent-process-guidance-next {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dea-agent-process-guidance-next {
  color: var(--text);
  font-weight: 800;
}

.dea-process-similar {
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, #f59e0b 42%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, #f59e0b 8%, var(--surface));
}

.dea-process-similar-title,
.dea-process-similar-copy {
  margin: 0;
}

.dea-process-similar-title {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.dea-process-similar-copy,
.dea-process-similar-meta,
.dea-process-similar-reason {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dea-process-similar-list {
  display: grid;
  gap: 6px;
}

.dea-process-similar-item {
  display: grid;
  gap: 2px;
  padding: 6px 7px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
}

.dea-process-similar-name {
  color: var(--text);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.dea-process-guideline {
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
}

.dea-process-guideline-title {
  margin: 0;
  color: var(--text);
  font-weight: 800;
}

.dea-process-guideline-objective,
.dea-process-guideline-label {
  margin: 0;
  color: var(--muted);
}

.dea-process-guideline-label {
  font-size: 12px;
  font-weight: 800;
}

.dea-process-checklist {
  display: grid;
  gap: 5px;
}

.dea-process-checkitem {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
}

.dea-process-checkmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--text);
  background: color-mix(in srgb, #f59e0b 11%, var(--surface));
  font-size: 10px;
  font-weight: 800;
}

.dea-process-checkitem[data-item-status="ready"] .dea-process-checkmark {
  background: color-mix(in srgb, #10b981 13%, var(--surface));
}

.dea-process-checkitem[data-item-status="next"] .dea-process-checkmark {
  background: color-mix(in srgb, var(--accent) 11%, var(--surface));
}

.dea-process-checklabel {
  min-width: 0;
  color: var(--text);
  overflow-wrap: anywhere;
}

.dea-process-fulfillment {
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, #0ea5e9 36%, var(--border));
  border-radius: 7px;
  background: color-mix(in srgb, #0ea5e9 6%, var(--surface));
}

.dea-process-fulfillment-title {
  margin: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.dea-process-fulfillment-list {
  display: grid;
  gap: 6px;
}

.dea-process-fulfillment-item {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  padding: 6px 7px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
}

.dea-process-fulfillment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 22px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: color-mix(in srgb, #f59e0b 12%, var(--surface));
  color: var(--text);
  font-size: 10px;
  font-weight: 900;
}

.dea-process-fulfillment-item[data-plan-type="check"] .dea-process-fulfillment-badge {
  background: color-mix(in srgb, var(--accent) 12%, var(--surface));
}

.dea-process-fulfillment-item[data-plan-type="evidence"] .dea-process-fulfillment-badge {
  background: color-mix(in srgb, #0ea5e9 14%, var(--surface));
}

.dea-process-fulfillment-item[data-plan-type="acceptance"],
.dea-process-fulfillment-item[data-plan-type="review"] {
  border-color: color-mix(in srgb, #10b981 32%, var(--border));
}

.dea-process-fulfillment-item[data-plan-type="acceptance"] .dea-process-fulfillment-badge,
.dea-process-fulfillment-item[data-plan-type="review"] .dea-process-fulfillment-badge {
  background: color-mix(in srgb, #10b981 14%, var(--surface));
}

.dea-process-fulfillment-body {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.dea-process-fulfillment-instruction {
  color: var(--text);
  overflow-wrap: anywhere;
}

.dea-process-fulfillment-meta {
  color: var(--muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.dea-process-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dea-process-btn {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 7px 10px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.dea-process-btn.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.dea-process-btn:disabled {
  cursor: wait;
  opacity: 0.65;
}

.dea-process-btn:hover:not(:disabled),
.dea-process-btn:focus:not(:disabled) {
  transform: translateY(-1px);
}

.dea-agent-mode-control {
  display: none !important;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 58%),
    var(--surface);
}

.dea-agent-mode-control-input {
  flex: 0 0 auto;
  width: auto;
  padding: 0;
  border: 0;
  border-bottom: 0;
  background: transparent;
}

.dea-agent-mode-control-panel {
  flex: 0 0 auto;
  width: auto;
  padding: 0;
  border: 0;
  border-bottom: 0;
  background: transparent;
}

.dea-agent-mode-control-inline {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
  border-radius: 8px;
  border-bottom-color: color-mix(in srgb, var(--accent) 28%, var(--border));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 58%),
    color-mix(in srgb, var(--surface) 94%, #ffffff 6%);
}

.dea-agent-chat-overlay {
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 5505;
  width: var(--dea-chat-dock-width, 420px);
  max-height: calc(100vh - 140px);
  overflow: auto;
  display: grid;
  gap: 8px;
  padding: 0 12px 8px;
  pointer-events: none;
  scrollbar-gutter: stable;
}

body:not(.dea-chat-docked) .dea-agent-chat-overlay {
  display: none;
}

.dea-agent-chat-overlay > * {
  pointer-events: auto;
}

.dea-agent-chat-overlay .dea-agent-mode-control {
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
  border-radius: 8px;
  box-shadow: 0 16px 36px -30px color-mix(in srgb, var(--accent) 70%, #000);
}

.dea-agent-chat-overlay[data-agent-process-active="1"] {
  max-height: 104px;
  overflow: visible;
}

.dea-agent-chat-overlay[data-agent-process-active="1"] .dea-agent-start-actions {
  display: none;
}

.dea-agent-mode-copy {
  display: grid;
  gap: 2px;
}

.dea-agent-mode-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dea-agent-mode-eyebrow {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.dea-agent-mode-info-btn {
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--accent) 44%, var(--border));
  border-radius: 999px;
  background: var(--surface);
  color: var(--accent);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.dea-agent-mode-info-btn:hover,
.dea-agent-mode-info-btn:focus {
  background: var(--accent);
  color: #fff;
}

.dea-agent-mode-summary {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.3;
}

.dea-agent-mode-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.dea-agent-mode-control-input .dea-agent-mode-toggle,
.dea-agent-mode-control-panel .dea-agent-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1.5px solid var(--accent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 84%, var(--accent) 16%);
}

.dea-agent-mode-toggle button {
  min-height: 32px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.dea-agent-mode-control-input .dea-agent-mode-toggle button,
.dea-agent-mode-control-panel .dea-agent-mode-toggle button {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--accent);
  font-size: 0;
}

.dea-agent-mode-control-input .dea-agent-mode-toggle button svg,
.dea-agent-mode-control-panel .dea-agent-mode-toggle button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dea-agent-mode-toggle button[data-active="1"] {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.dea-agent-mode-control-input .dea-agent-mode-toggle button[data-active="1"],
.dea-agent-mode-control-panel .dea-agent-mode-toggle button[data-active="1"] {
  background: var(--accent);
  color: #fff;
}

.dea-agent-mode-info-popover {
  position: absolute;
  top: 34px;
  right: 10px;
  z-index: 3;
  width: min(340px, calc(100vw - 48px));
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 36%, var(--border));
  border-radius: 8px;
  background: var(--card);
  color: var(--text);
  box-shadow: 0 18px 40px -24px rgba(15, 23, 42, .42);
}

.dea-agent-mode-info-popover[hidden] {
  display: none;
}

.dea-agent-mode-info-popover p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.dea-agent-mode-info-popover strong,
.dea-agent-mode-info-popover .dea-agent-mode-info-title {
  color: var(--text);
}

.dea-agent-mode-info-popover .dea-agent-mode-info-title {
  font-weight: 900;
}

.dea-agent-start-actions {
  display: grid;
  gap: 8px;
  margin: 12px 0 4px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 36%, var(--border));
  border-radius: 8px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 56%),
    color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
  box-shadow: 0 16px 36px -30px color-mix(in srgb, var(--accent) 70%, #000);
}

.dea-agent-start-heading {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
}

.dea-agent-start-action {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border)) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  text-align: left;
  cursor: pointer;
  transition: transform .14s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.dea-agent-start-action:hover,
.dea-agent-start-action:focus {
  transform: translateY(-1px);
  border-color: var(--accent) !important;
  background: color-mix(in srgb, var(--accent) 10%, var(--surface)) !important;
  box-shadow: 0 14px 28px -24px color-mix(in srgb, var(--accent) 80%, #000);
}

.dea-agent-start-badge {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  background: var(--accent);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.dea-agent-start-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.dea-agent-start-label {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.dea-agent-start-detail {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
}

.dea-agent-field-highlight {
  outline: 3px solid var(--accent) !important;
  outline-offset: 3px;
  box-shadow:
    0 0 0 7px color-mix(in srgb, var(--accent) 14%, transparent),
    0 0 0 1px color-mix(in srgb, #0ea5e9 48%, transparent) inset !important;
  scroll-margin: 130px;
}

.dea-agent-required-missing {
  outline: 3px solid #f59e0b !important;
  outline-offset: 3px;
  box-shadow:
    0 0 0 7px color-mix(in srgb, #f59e0b 18%, transparent),
    0 0 0 1px color-mix(in srgb, #f59e0b 52%, transparent) inset !important;
  scroll-margin: 130px;
}

.dea-agent-mode-panel {
  position: absolute;
  left: var(--dea-agent-flow-left, calc(var(--dea3-rail-width, 100px) + 18px));
  top: var(--dea-agent-flow-top, 88px);
  z-index: 2100;
  display: grid;
  gap: 10px;
  width: var(--dea-agent-flow-width, min(560px, calc(100vw - var(--dea-chat-dock-width, 360px) - var(--dea3-rail-width, 100px) - 48px)));
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--border));
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow);
  font-size: 13px;
  line-height: 1.35;
}

.dea-agent-mode-reserved-container {
  margin-top: 0 !important;
}

.dea-agent-mode-static-host {
  clear: both;
  width: 100%;
  margin: 14px 0 22px;
  scroll-margin: 120px;
}

.dea-agent-wizard-back-top {
  width: fit-content;
  margin: 0 0 10px;
}

body.dea-chat-docked .dea-agent-mode-static-host {
  max-width: calc(100vw - var(--dea-chat-dock-width, 360px) - var(--sidebar-offset, 260px) - 56px);
}

.dea-agent-mode-static-host .dea-agent-mode-panel {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  width: 100%;
  max-width: none;
  margin: 0;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .12);
}

.dea-agent-mode-panel[data-layout="wizard-nav"] {
  gap: 8px;
}

.dea-agent-mode-static-host .dea-agent-mode-panel[data-layout="wizard-nav"] {
  width: 100%;
}

.dea-agent-mode-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dea-agent-mode-panel-title,
.dea-agent-mode-panel-summary,
.dea-agent-mode-panel-missing,
.dea-agent-mode-panel-status {
  margin: 0;
}

.dea-agent-mode-panel-title {
  font-weight: 900;
}

.dea-agent-mode-panel-summary,
.dea-agent-mode-panel-missing,
.dea-agent-mode-panel-status {
  color: var(--muted);
}

.dea-agent-mode-panel-status {
  padding: 7px 8px;
  border: 1px solid color-mix(in srgb, #10b981 38%, var(--border));
  border-radius: 7px;
  background: color-mix(in srgb, #10b981 8%, var(--surface));
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
}

.dea-agent-mode-steps {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, #0ea5e9 34%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, #0ea5e9 7%, var(--surface));
}

.dea-agent-mode-steps-title,
.dea-agent-mode-steps-note {
  margin: 0;
}

.dea-agent-mode-steps-title {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.dea-agent-mode-step-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 20px;
}

.dea-agent-mode-step {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.dea-agent-mode-step[data-step-status="current"] {
  color: var(--text);
  font-weight: 900;
}

.dea-agent-mode-step[data-step-status="done"] {
  color: #047857;
  font-weight: 800;
}

.dea-agent-mode-steps-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dea-agent-mode-panel-badge {
  flex: 0 0 auto;
  padding: 3px 7px;
  border: 1px solid color-mix(in srgb, #0ea5e9 45%, var(--border));
  border-radius: 999px;
  color: var(--text);
  background: color-mix(in srgb, #0ea5e9 9%, var(--surface));
  font-size: 11px;
  font-weight: 900;
}

.dea-agent-mode-field-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: var(--text);
}

.dea-agent-mode-result {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, #10b981 44%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, #10b981 10%, var(--surface));
}

.dea-agent-mode-result-title,
.dea-agent-mode-result-copy {
  margin: 0;
}

.dea-agent-mode-result-title {
  color: var(--text);
  font-weight: 900;
}

.dea-agent-mode-result-copy {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.dea-agent-mode-panel-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dea-agent-mode-panel-btn {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 7px 9px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}

.dea-agent-mode-panel-btn.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.dea-agent-mode-panel-btn.danger {
  border-color: color-mix(in srgb, #ef4444 55%, var(--border));
  background: color-mix(in srgb, #ef4444 12%, var(--surface));
  color: var(--text);
}

.dea-agent-mode-panel-btn:disabled {
  cursor: wait;
  opacity: 0.65;
}

.dea-wizard-chat-form {
  position: relative;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 10px;
  border: 1px solid color-mix(in srgb, #0ea5e9 36%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, #0ea5e9 6%, var(--surface));
}

.dea-wizard-chat-entry {
  scroll-margin: 16px;
}

.dea-wizard-chat-bubble {
  width: min(100%, 320px);
}

.dea-wizard-checklist-entry {
  scroll-margin: 16px;
}

.dea-wizard-checklist-bubble {
  width: min(100%, 320px);
}

.dea-wizard-checklist {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 6%, var(--surface));
}

.dea-wizard-checklist-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dea-wizard-checklist-title,
.dea-wizard-checklist-summary,
.dea-wizard-checklist-more {
  margin: 0;
}

.dea-wizard-checklist-title {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.dea-wizard-checklist-step {
  flex: 0 0 auto;
  padding: 2px 6px;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius: 999px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 7%, var(--surface));
  font-size: 10px;
  font-weight: 900;
}

.dea-wizard-checklist-summary,
.dea-wizard-checklist-more {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.3;
}

.dea-wizard-checklist-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dea-wizard-checklist-item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  color: var(--text);
  font-size: 12px;
  line-height: 1.3;
}

.dea-wizard-checklist-item[data-done="1"] {
  color: var(--muted);
}

.dea-wizard-checklist-box {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid color-mix(in srgb, var(--accent) 52%, var(--border));
  border-radius: 4px;
  color: #fff;
  background: transparent;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.dea-wizard-checklist-item[data-done="1"] .dea-wizard-checklist-box {
  border-color: #10b981;
  background: #10b981;
}

.dea-wizard-checklist-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dea-wizard-audit-entry {
  scroll-margin: 16px;
}

.dea-wizard-audit-bubble {
  width: min(100%, 320px);
  border: 1px solid color-mix(in srgb, #0ea5e9 32%, var(--border));
  background: color-mix(in srgb, #0ea5e9 6%, var(--surface));
}

.dea-wizard-audit-bubble[data-audit-kind="warning"] {
  border-color: color-mix(in srgb, #f59e0b 48%, var(--border));
  background: color-mix(in srgb, #f59e0b 8%, var(--surface));
}

.dea-wizard-audit-bubble p {
  margin: 0;
  font-size: 12px;
  line-height: 1.38;
}

.dea-wizard-chat-form-title,
.dea-wizard-chat-form-copy {
  margin: 0;
}

.dea-wizard-chat-form-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.dea-wizard-chat-form-title {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.3;
}

.dea-intended-purpose-info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--accent) 58%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 9%, var(--surface));
  color: var(--accent);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.dea-intended-purpose-info-btn:hover,
.dea-intended-purpose-info-btn:focus {
  background: var(--accent);
  color: #fff;
}

.dea-intended-purpose-info-popover {
  position: absolute;
  top: 36px;
  right: 8px;
  z-index: 4;
  width: min(292px, calc(100% - 16px));
  display: grid;
  gap: 7px;
  padding: 10px 11px;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius: 8px;
  background: var(--card);
  color: var(--text);
  box-shadow: 0 18px 40px -24px rgba(15, 23, 42, .42);
}

.dea-intended-purpose-info-popover[hidden] {
  display: none;
}

.dea-intended-purpose-info-popover p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.dea-intended-purpose-info-popover .dea-intended-purpose-info-title {
  color: var(--text);
  font-weight: 900;
}

.dea-wizard-chat-form-copy {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dea-wizard-chat-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 850;
}

.dea-wizard-chat-field span {
  overflow-wrap: anywhere;
}

.dea-wizard-chat-input {
  width: 100%;
  min-height: 50px;
  resize: vertical;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 9px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 12px;
  line-height: 1.35;
}

.dea-wizard-chat-input:focus {
  outline: 2px solid color-mix(in srgb, var(--accent) 48%, transparent);
  outline-offset: 1px;
  border-color: var(--accent);
}

[data-dea-intake-example="1"]::placeholder {
  color: color-mix(in srgb, var(--muted) 84%, transparent);
  opacity: 1;
}

.dea-intake-help-control {
  position: relative;
  display: flex;
  justify-content: flex-end;
  min-height: 20px;
  margin: 0 0 6px;
}

.dea-intake-help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--accent) 58%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 9%, var(--surface));
  color: var(--accent);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.dea-intake-help-button:hover,
.dea-intake-help-button:focus {
  background: var(--accent);
  color: #fff;
}

.dea-intake-help-popover {
  position: absolute;
  top: 26px;
  right: 0;
  z-index: 8;
  width: min(310px, calc(100vw - 40px));
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--border));
  border-radius: 8px;
  background: var(--card);
  color: var(--muted);
  box-shadow: 0 18px 40px -24px rgba(15, 23, 42, .46);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

.dea-intake-help-popover[hidden] {
  display: none;
}

.dea-question-help-floating-popover {
  position: fixed;
  right: auto;
  z-index: 6200;
  max-width: calc(100vw - 32px);
}

.dea-wizard-chat-form-actions {
  display: flex;
  justify-content: flex-end;
}

.dea-wizard-chat-form-submit {
  min-height: 32px;
  border: 1px solid var(--accent);
  border-radius: 8px;
  padding: 7px 10px;
  background: var(--accent);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.dea-wizard-chat-form-submit:disabled {
  cursor: wait;
  opacity: .72;
}

.dea-agent-mode-restore {
  position: fixed;
  left: calc(var(--dea3-rail-width, 100px) + 18px);
  bottom: 88px;
  z-index: 5461;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid color-mix(in srgb, var(--accent) 70%, var(--border));
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  box-shadow: var(--shadow);
  cursor: pointer;
}

.dea-open-processes-panel {
  position: fixed;
  left: calc(var(--dea3-rail-width, 100px) + 18px);
  bottom: 88px;
  z-index: 5458;
  width: min(360px, calc(100vw - var(--dea-chat-dock-width, 360px) - var(--dea3-rail-width, 100px) - 48px));
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow);
  font-size: 13px;
  line-height: 1.35;
}

.dea-open-processes-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dea-open-processes-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dea-open-processes-title {
  margin: 0;
  font-weight: 900;
}

.dea-open-processes-minimize {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.dea-open-processes-panel[data-minimized="1"] {
  width: min(260px, calc(100vw - var(--dea-chat-dock-width, 360px) - var(--dea3-rail-width, 100px) - 48px));
}

.dea-open-processes-count {
  min-width: 24px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius: 999px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, var(--surface));
  font-size: 11px;
  font-weight: 900;
}

.dea-open-processes-list {
  display: grid;
  gap: 7px;
}

.dea-open-processes-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
}

.dea-open-processes-copy {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.dea-open-processes-label {
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: 800;
}

.dea-open-processes-progress {
  gap: 6px;
}

.dea-open-processes-progress .dea-wizard-progress-track {
  height: 6px;
}

.dea-open-processes-progress .dea-wizard-progress-meta {
  font-size: 10px;
}

.dea-open-processes-actions {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.dea-open-processes-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.dea-open-processes-btn.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.dea-open-processes-btn svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.dea-start-open-processes-list {
  display: grid;
  gap: 8px;
}

.dea-start-open-processes-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 91%, var(--accent) 9%);
}

.dea-start-open-processes-copy {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.dea-start-open-processes-label {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--text);
  font-weight: 850;
}

.dea-start-open-processes-progress .dea-wizard-progress-track {
  height: 7px;
}

.dea-start-open-processes-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dea-start-open-processes-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.dea-start-open-processes-btn.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.dea-start-open-processes-btn svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.dea-agent-mode-restore-icon {
  width: 30px;
  height: 30px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dea-agent-prefill-notice {
  position: fixed;
  left: calc(var(--dea3-rail-width, 100px) + 18px);
  bottom: 22px;
  z-index: 5450;
  max-width: min(520px, calc(100vw - var(--dea-chat-dock-width, 360px) - var(--dea3-rail-width, 100px) - 48px));
  padding: 10px 12px;
  border: 1px solid rgba(226, 0, 116, .45);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow);
  font-size: 13px;
  line-height: 1.35;
}

body.dea-chat-docked {
  --dea-chat-dock-width: clamp(340px, 25vw, 460px);
}

body.dea-chat-docked .app-content:not(.app-content-public) {
  margin-right: var(--dea-chat-dock-width);
  max-width: calc(100vw - var(--dea-chat-dock-width));
  overflow-x: clip;
}

body.dea-chat-docked .chat-launcher {
  display: none;
}

body.dea-chat-docked .chat-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: var(--dea-chat-dock-width);
  height: 100vh;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  resize: none;
  z-index: 5400;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.dea-chat-docked .chat-panel.maximized {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: var(--dea-chat-dock-width);
  height: 100vh;
  max-width: none;
  max-height: none;
}

body.dea-chat-docked .chat-header {
  cursor: default;
}

body.dea-chat-docked .chat-output-window {
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

body.dea-chat-docked .chat-panel .chat-controls,
.chat-panel.dea-chat-simplified .chat-controls,
.chat-panel.dea-agent-wizard-chat .chat-controls {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

.dea-inline-process-start {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.dea-inline-process-start-btn {
  width: 100%;
  min-height: 36px;
  justify-content: flex-start;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  border-color: color-mix(in srgb, var(--accent) 36%, var(--border));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 64%),
    var(--surface);
}

.dea-inline-process-start-btn:hover,
.dea-inline-process-start-btn:focus {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, var(--surface));
}

body.dea-chat-docked .chat-panel.dea-agent-wizard-chat .chat-output-window {
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 8px;
}

body.dea-chat-docked .chat-body {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.dea-chat-docked .chat-input {
  min-height: 0;
  max-height: min(34vh, 260px);
  flex: 0 0 auto;
  padding: 8px 10px 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  background: var(--card);
}

body.dea-chat-docked .chat-input-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 132px;
  padding: 10px;
  border: 1.5px solid var(--accent);
  border-radius: 18px;
  background: color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);
}

body.dea-chat-docked .chat-input-row textarea {
  height: 108px !important;
  min-height: 108px !important;
  max-height: 168px !important;
  resize: vertical;
  flex: 1 1 auto;
  min-width: 0;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  background: var(--field-bg) !important;
  color: var(--text) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border) 72%, var(--accent) 28%) !important;
  font-size: 14px !important;
  font-weight: 650;
  line-height: 1.3;
}

body.dea-chat-docked .chat-input-row input[data-testid="dea-agent-chat-input"] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  background: var(--field-bg) !important;
  color: var(--text) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border) 72%, var(--accent) 28%) !important;
  font-size: 14px !important;
  font-weight: 650;
}

html[data-theme="dark"] body.dea-chat-docked .chat-input-row textarea,
html[data-theme="dark"] body.dea-chat-docked .chat-input-row input[data-testid="dea-agent-chat-input"] {
  background: #0b0b10 !important;
  color: #f8fafc !important;
}

html[data-theme="light"] body.dea-chat-docked .chat-input-row textarea,
:root:not([data-theme="dark"]) body.dea-chat-docked .chat-input-row textarea,
html[data-theme="light"] body.dea-chat-docked .chat-input-row input[data-testid="dea-agent-chat-input"],
:root:not([data-theme="dark"]) body.dea-chat-docked .chat-input-row input[data-testid="dea-agent-chat-input"] {
  background: #ffffff !important;
  color: #0f172a !important;
}

body.dea-chat-docked .chat-input-row textarea::placeholder {
  color: color-mix(in srgb, var(--muted) 82%, var(--accent) 18%);
  opacity: 1;
}

body.dea-chat-docked .chat-input-row textarea:focus {
  outline: none !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, var(--border)),
    0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

body.dea-chat-docked .chat-input-row input[data-testid="dea-agent-chat-input"]:focus {
  outline: none !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, var(--border)),
    0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

body.dea-chat-docked .chat-input-row .chat-icon-btn,
body.dea-chat-docked .chat-input-row button[data-testid="dea-agent-chat-send"] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 0 !important;
  border-radius: 999px;
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
}

body.dea-chat-docked .chat-input-row .chat-icon-btn {
  border: 1.5px solid var(--accent);
  background: color-mix(in srgb, var(--surface) 84%, var(--accent) 16%);
  color: var(--accent);
  font-weight: 700;
}

body.dea-chat-docked .chat-input-row button[data-testid="dea-agent-chat-send"] {
  border: 1.5px solid var(--accent);
  background: color-mix(in srgb, var(--surface) 82%, var(--accent) 18%);
  color: var(--accent);
}

body.dea-chat-docked .chat-input-row button[data-testid="dea-agent-chat-send"]:disabled {
  opacity: .68;
  cursor: not-allowed;
}

body.dea-chat-docked .chat-input-row .chat-icon-btn:hover,
body.dea-chat-docked .chat-input-row .chat-icon-btn:focus,
body.dea-chat-docked .chat-input-row button[data-testid="dea-agent-chat-send"]:hover:not(:disabled),
body.dea-chat-docked .chat-input-row button[data-testid="dea-agent-chat-send"]:focus:not(:disabled) {
  background: var(--accent);
  color: #ffffff;
}

body.dea-chat-docked .chat-input-row button[data-testid="dea-agent-chat-send"].active {
  background: var(--accent);
  color: #ffffff;
}

body.dea-chat-docked .chat-input-row button[data-testid="dea-agent-chat-send"] svg {
  width: 18px;
  height: 18px;
}

.dea-agent-legal-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex-wrap: wrap;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
}

.dea-agent-legal-notice a {
  color: var(--accent);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dea-agent-legal-notice a:hover,
.dea-agent-legal-notice a:focus {
  color: var(--accent-2);
}

body.dea-chat-docked .guided-tour-panel {
  right: calc(var(--dea-chat-dock-width) + 18px);
}

body.dea-chat-docked .log-panel {
  max-width: calc(100vw - var(--dea-chat-dock-width) - var(--sidebar-offset, 260px) - 44px);
}

@media (max-width: 1180px) {
  body.dea-chat-docked {
    --dea-chat-dock-width: 340px;
  }
}

@media (max-width: 520px) {
  .dea-process-field {
    grid-template-columns: 1fr;
  }

  .dea-process-badge {
    max-width: 56%;
  }
}

@media (max-width: 980px) {
  .dea-agent-prefill-notice {
    left: 12px;
    right: 12px;
    bottom: calc(62vh + 22px);
    max-width: none;
  }

  body.dea-chat-docked .app-content:not(.app-content-public) {
    margin-right: 0;
    max-width: 100%;
  }

  body.dea-chat-docked .chat-panel,
  body.dea-chat-docked .chat-panel.maximized {
    top: auto;
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: auto;
    height: 62vh;
    border: 1px solid var(--border);
    border-radius: 12px;
  }

  .dea-agent-chat-overlay {
    top: auto;
    left: 10px;
    right: 10px;
    bottom: calc(62vh - 8px);
    width: auto;
    max-height: min(34vh, 320px);
  }

  body.dea-chat-docked .guided-tour-panel {
    right: 10px;
  }

  .dea-agent-mode-panel {
    left: 12px;
    right: 12px;
    top: var(--dea-agent-flow-top, 86px);
    width: auto;
  }

  .dea-open-processes-panel {
    left: 12px;
    right: 12px;
    bottom: calc(62vh + 22px);
    width: auto;
  }

  body.dea-chat-docked .dea-agent-mode-static-host {
    max-width: 100%;
  }

  .dea-agent-mode-static-host .dea-agent-mode-panel,
  .dea-agent-mode-static-host .dea-agent-mode-panel[data-layout="wizard-nav"] {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
  }
}

/* END dea-chat-process.css */


/* BEGIN dea-requirement-evidence-forms.css */
.dea-requirement-evidence-route .shell > :not([data-dea-requirement-evidence-host]) {
  display: none !important;
}

.dea-req-evidence-section {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.dea-req-evidence-intro {
  margin: 0;
}

.dea-req-page-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 12px 12px;
}

.dea-req-action-link {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}

.dea-req-module-card {
  display: block;
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
  overflow: hidden;
}

.dea-req-module-card > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px;
  cursor: pointer;
}

.dea-req-module-title,
.dea-req-obligation-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}

.dea-req-info {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.dea-req-info > summary {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid color-mix(in srgb, var(--accent) 52%, var(--border));
  border-radius: 999px;
  color: var(--accent);
  background: color-mix(in srgb, var(--surface) 88%, var(--accent) 12%);
  cursor: help;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  list-style: none;
}

.dea-req-info > summary::-webkit-details-marker {
  display: none;
}

.dea-req-info > p {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  left: 0;
  width: min(420px, calc(100vw - 48px));
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--border));
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
  color: var(--text);
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
}

.dea-req-info:not([open]) > p {
  display: none;
}

.dea-req-module-title strong,
.dea-req-obligation-title strong {
  overflow-wrap: anywhere;
}

.dea-req-module-obligations {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
}

.dea-req-obligation-card {
  display: block;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
}

.dea-req-obligation-card > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  cursor: pointer;
}

.dea-req-obligation-requirements {
  display: grid;
  gap: 8px;
  padding: 0 12px 12px;
}

.dea-req-evidence-card {
  display: block;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
}

.dea-req-evidence-card summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  cursor: pointer;
}

.dea-req-obligation-requirements .dea-req-evidence-card {
  background: color-mix(in srgb, var(--surface) 96%, var(--accent) 4%);
}

.dea-req-evidence-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
  color: var(--text);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.dea-req-evidence-status {
  border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--border));
  border-radius: 999px;
  padding: 3px 8px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.dea-req-evidence-description {
  margin: 0;
  padding: 0 12px 10px;
  white-space: pre-wrap;
}

.dea-req-detail-section {
  max-width: 1180px;
}

.dea-req-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dea-req-detail-section > .dea-req-page-actions {
  padding: 0;
}

.dea-req-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dea-req-detail-panel {
  display: grid;
  gap: 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 94%, var(--accent) 6%);
  padding: 14px;
}

.dea-req-detail-panel h2 {
  margin: 0;
  font-size: 18px;
}

.dea-req-guidance-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

.dea-req-guidance-list li {
  line-height: 1.45;
}

.dea-req-guidance-body,
.dea-req-best-practice-body {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.dea-req-best-practice-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dea-req-best-practice-body {
  max-width: 880px;
}

.dea-req-best-practice-body h3,
.dea-req-best-practice-body h4 {
  margin: 8px 0 0;
  color: var(--text);
  line-height: 1.2;
}

.dea-req-best-practice-body h3 {
  font-size: 18px;
}

.dea-req-best-practice-body h4 {
  font-size: 15px;
}

.dea-req-best-practice-body p,
.dea-req-best-practice-body ul,
.dea-req-best-practice-body ol {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.dea-req-best-practice-body ul,
.dea-req-best-practice-body ol {
  display: grid;
  gap: 6px;
  padding-left: 22px;
}

.dea-req-best-practice-body strong {
  color: var(--text);
}

.dea-req-best-practice-body a {
  color: var(--accent);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.dea-req-form-guidance-host {
  display: grid;
  gap: 10px;
}

.dea-req-form-guidance {
  display: grid;
  gap: 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--border));
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 97%, var(--accent) 3%);
  padding: 12px;
}

.dea-req-form-guidance h3,
.dea-req-form-guidance h4 {
  margin: 0;
  color: var(--text);
}

.dea-req-form-guidance h3 {
  font-size: 16px;
}

.dea-req-form-guidance h4 {
  font-size: 13px;
}

.dea-req-form-guidance-block {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.dea-req-form-guidance-block .dea-req-best-practice-body {
  max-width: none;
  gap: 6px;
}

.dea-req-risk-list {
  display: grid;
  gap: 8px;
}

.dea-req-risk-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 8px 10px;
}

.dea-req-analysis-result {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  white-space: pre-wrap;
  overflow-x: auto;
}

.dea-req-evidence-form {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid var(--border);
}

.dea-req-evidence-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
}

.dea-req-evidence-field input,
.dea-req-evidence-field select,
.dea-req-evidence-field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 9px 10px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
}

.dea-req-evidence-field textarea {
  resize: vertical;
}

.dea-req-evidence-field input:focus,
.dea-req-evidence-field select:focus,
.dea-req-evidence-field textarea:focus {
  outline: 2px solid color-mix(in srgb, var(--accent) 48%, transparent);
  outline-offset: 1px;
  border-color: var(--accent);
}

.dea-req-evidence-field small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dea-req-evidence-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.dea-req-evidence-upload {
  position: relative;
  overflow: hidden;
}

.dea-req-evidence-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.dea-req-evidence-feedback {
  margin: 0;
  min-height: 18px;
}

.dea-req-evidence-files {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0 12px 12px 28px;
  color: var(--muted);
  font-size: 12px;
}

.dea-req-evidence-files a {
  color: var(--accent);
  font-weight: 850;
}

@media (max-width: 720px) {
  .dea-req-module-card > summary,
  .dea-req-obligation-card > summary,
  .dea-req-evidence-card summary {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .dea-req-evidence-actions {
    justify-content: stretch;
  }

  .dea-req-evidence-actions .btn {
    width: 100%;
  }

  .dea-req-detail-grid,
  .dea-req-risk-row {
    grid-template-columns: 1fr;
  }

  .dea-req-page-actions .btn {
    width: 100%;
  }

  .dea-req-info > p {
    left: auto;
    right: 0;
  }
}

/* END dea-requirement-evidence-forms.css */


/* BEGIN dea-model-ai-act-profile.css */
.dea-model-profile-inline {
  margin: 6px 0 2px;
  padding: 14px;
  border: 1px solid rgba(226, 0, 116, 0.35);
  border-radius: 8px;
  background: rgba(226, 0, 116, 0.06);
}

.dea-model-create-opening [data-tour-id="models-admin-create-button"]:not([data-dea-model-profile-enhanced="1"]) {
  opacity: 0;
  pointer-events: none;
}

.dea-model-profile-inline .pill {
  margin-bottom: 8px;
}

.dea-model-profile-inline h4 {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.25;
}

.dea-model-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dea-model-profile-field {
  display: grid;
  gap: 6px;
  color: var(--text, #f7f7f8);
  font-size: 0.86rem;
  line-height: 1.3;
}

.dea-model-profile-field select {
  width: 100%;
  border: 1px solid rgba(226, 0, 116, 0.45);
  border-radius: 8px;
  background: rgba(8, 8, 10, 0.84);
  color: inherit;
  min-height: 40px;
  padding: 9px 11px;
}

.dea-model-profile-field select:focus {
  outline: 2px solid rgba(226, 0, 116, 0.32);
  border-color: #e20074;
}

.dea-provider-cop-field {
  grid-column: 1 / -1;
}

.dea-provider-cop-readonly {
  width: 100%;
  border: 1px solid rgba(226, 0, 116, 0.26);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  color: inherit;
  min-height: 40px;
  padding: 9px 11px;
}

.dea-model-profile-feedback {
  margin: 10px 0 0;
}

.dea-model-profile-feedback[data-state="ok"] {
  color: #37d67a;
}

.dea-model-profile-feedback[data-state="error"] {
  color: #ff6b6b;
}

.dea-assessment-scope-backdrop {
  position: fixed;
  inset: 0;
  z-index: 7600;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.58);
}

body.dea-chat-docked .dea-assessment-scope-backdrop {
  right: var(--dea-chat-dock-width, 360px);
}

.dea-assessment-scope-modal {
  width: min(520px, 94vw);
  border: 1px solid rgba(226, 0, 116, 0.42);
  border-radius: 8px;
  background: var(--card, #111217);
  color: var(--text, #f7f7f8);
  box-shadow: 0 24px 80px -28px rgba(0, 0, 0, 0.85);
  padding: 18px;
}

.dea-assessment-scope-modal h3 {
  margin: 0 0 8px;
  font-size: 20px;
}

.dea-assessment-scope-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.dea-assessment-scope-choice {
  min-height: 108px;
  display: grid;
  align-content: center;
  gap: 8px;
  text-align: left;
  border: 1px solid rgba(226, 0, 116, 0.48);
  border-radius: 8px;
  background: rgba(226, 0, 116, 0.07);
  color: inherit;
  cursor: pointer;
  padding: 14px;
}

.dea-assessment-scope-choice strong {
  font-size: 18px;
}

.dea-assessment-scope-choice span {
  font-size: 13px;
  color: var(--muted, #a1a1aa);
}

.dea-assessment-scope-choice:hover,
.dea-assessment-scope-choice:focus {
  border-color: #e20074;
  outline: 2px solid rgba(226, 0, 116, 0.2);
}

.dea-assessment-scope-choice.is-optional-signed {
  border-color: rgba(34, 197, 94, 0.9);
  background: rgba(34, 197, 94, 0.11);
}

.dea-assessment-scope-choice.is-optional-signed span {
  color: #4ade80;
}

.dea-assessment-scope-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

.dea-scoped-assessment-modal {
  width: min(1120px, 96vw);
  max-height: min(900px, 92vh);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
}

.dea-scoped-assessment-list {
  display: grid;
  gap: 8px;
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
}

.dea-assessment-summary-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 14px;
}

.dea-assessment-summary-bar span {
  border: 1px solid var(--border, rgba(255, 255, 255, 0.16));
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 700;
}

.dea-assessment-summary-bar .is-fulfilled {
  border-color: rgba(34, 197, 94, 0.58);
  background: rgba(34, 197, 94, 0.12);
  color: #4ade80;
}

.dea-assessment-summary-bar .is-partial {
  border-color: rgba(234, 179, 8, 0.64);
  background: rgba(234, 179, 8, 0.14);
  color: #facc15;
}

.dea-assessment-summary-bar .is-not-fulfilled {
  border-color: rgba(248, 113, 113, 0.62);
  background: rgba(248, 113, 113, 0.12);
  color: #fb7185;
}

.dea-assessment-table-wrap {
  min-height: 0;
  overflow: auto;
  border: 1px solid var(--border, rgba(255, 255, 255, 0.15));
  border-radius: 8px;
  background: var(--surface, rgba(255, 255, 255, 0.05));
}

.dea-assessment-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  table-layout: fixed;
}

.dea-assessment-table th,
.dea-assessment-table td {
  border-bottom: 1px solid var(--border, rgba(255, 255, 255, 0.12));
  padding: 12px;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.38;
}

.dea-assessment-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--card, #111217);
  color: var(--muted, #a1a1aa);
  font-size: 12px;
  text-transform: uppercase;
}

.dea-assessment-table th:nth-child(1) {
  width: 19%;
}

.dea-assessment-table th:nth-child(2) {
  width: 25%;
}

.dea-assessment-table th:nth-child(3) {
  width: 27%;
}

.dea-assessment-table th:nth-child(4) {
  width: 15%;
}

.dea-assessment-table th:nth-child(5) {
  width: 14%;
}

.dea-assessment-table tr:last-child td {
  border-bottom: 0;
}

.dea-assessment-name-cell {
  font-weight: 700;
  color: var(--text, #f7f7f8);
}

.dea-assessment-evidence-cell {
  white-space: pre-line;
}

.dea-assessment-source-stack {
  display: grid;
  gap: 6px;
}

.dea-assessment-source-stack a {
  color: #e20074;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dea-assessment-status-wrap {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.dea-assessment-status-wrap strong {
  font-size: 12px;
}

.dea-assessment-status-badge {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.dea-assessment-status-badge.is-fulfilled {
  background: #16a34a;
}

.dea-assessment-status-badge.is-partial {
  background: #eab308;
  color: #111217;
}

.dea-assessment-status-badge.is-not-fulfilled {
  background: #dc2626;
}

.dea-import-scope-panel {
  display: grid;
  gap: 10px;
  margin: 10px 0 12px;
  border: 1px solid rgba(226, 0, 116, 0.34);
  border-radius: 8px;
  background: rgba(226, 0, 116, 0.06);
  padding: 12px;
}

.dea-import-scope-panel h4 {
  margin: 0;
  font-size: 15px;
}

.dea-import-scope-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dea-import-scope-tabs button {
  width: auto;
  border: 1px solid rgba(226, 0, 116, 0.42);
  border-radius: 8px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 7px 12px;
}

.dea-import-scope-tabs button.is-active {
  border-color: #e20074;
  background: rgba(226, 0, 116, 0.18);
}

.dea-import-example-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.dea-import-example-card[hidden],
.dea-import-original-hidden {
  display: none !important;
}

.dea-import-example-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  border: 1px solid var(--border, rgba(255, 255, 255, 0.15));
  border-radius: 8px;
  background: var(--surface, rgba(255, 255, 255, 0.04));
  padding: 10px;
}

.dea-import-example-header {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}

.dea-import-example-header strong {
  margin-right: auto;
}

.dea-import-copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  color: #e20074;
}

.dea-import-example-card pre {
  max-height: 240px;
  overflow: auto;
  margin: 0;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.28);
  padding: 10px;
  font-size: 11px;
  line-height: 1.35;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.dea-import-textarea-slot {
  display: grid;
  gap: 6px;
}

.dea-import-textarea-slot textarea {
  width: 100% !important;
  min-height: 260px !important;
  resize: vertical;
}

.dea-import-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: -2px;
}

.dea-import-actions button {
  width: auto;
}

.dea-model-status-board-limited > .grid {
  align-items: start;
}

.dea-model-status-board-limited > .grid > .card {
  max-height: min(520px, 72vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(226, 0, 116, 0.72) rgba(10, 10, 12, 0.92);
}

.dea-model-status-board-limited > .grid > .card::-webkit-scrollbar {
  width: 10px;
}

.dea-model-status-board-limited > .grid > .card::-webkit-scrollbar-track {
  background: rgba(10, 10, 12, 0.92);
  border-radius: 999px;
}

.dea-model-status-board-limited > .grid > .card::-webkit-scrollbar-thumb {
  border: 2px solid rgba(10, 10, 12, 0.92);
  border-radius: 999px;
  background: rgba(226, 0, 116, 0.72);
}

.dea-model-status-board-limited > .grid > .card::-webkit-scrollbar-thumb:hover {
  background: #e20074;
}

.dea-model-status-board-limited > .grid > .card > .row:first-child {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--card, #111217);
  padding-bottom: 8px;
}

.dea-assessment-scope-hint {
  position: fixed;
  right: 24px;
  top: 86px;
  z-index: 6500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(226, 0, 116, 0.36);
  border-radius: 8px;
  background: var(--card, #111217);
  color: var(--text, #f7f7f8);
  box-shadow: 0 16px 46px -28px rgba(0, 0, 0, 0.8);
  padding: 8px;
}

body.dea-chat-docked .dea-assessment-scope-hint {
  right: calc(var(--dea-chat-dock-width, 360px) + 24px);
}

.dea-assessment-scope-hint span {
  font-size: 12px;
  color: var(--muted, #a1a1aa);
}

.dea-assessment-scope-hint button {
  width: auto;
  min-height: 32px;
  border: 1px solid rgba(226, 0, 116, 0.38);
  border-radius: 8px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 6px 10px;
}

.dea-assessment-scope-hint button.is-active {
  border-color: #e20074;
  background: rgba(226, 0, 116, 0.18);
}

@media (max-width: 720px) {
  .dea-model-profile-grid {
    grid-template-columns: 1fr;
  }

  .dea-assessment-scope-choices {
    grid-template-columns: 1fr;
  }

  .dea-assessment-scope-hint {
    right: 12px;
    left: 12px;
    top: auto;
    bottom: 12px;
    justify-content: center;
  }

  .dea-import-example-grid {
    grid-template-columns: 1fr;
  }
}

/* END dea-model-ai-act-profile.css */


/* BEGIN dea-solution-blocks.css */
.dea-solution-blocks-page {
  display: grid;
  gap: 16px;
  width: min(1320px, calc(100% - 32px));
  max-width: calc(100% - 32px);
  margin: 0 auto;
  padding: 22px 24px 44px;
  color: var(--text);
}

body.dea-chat-docked .dea-solution-blocks-page {
  width: calc(100% - 32px);
  max-width: none;
  margin-left: 16px;
  margin-right: 16px;
}

.dea-sb-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 14px;
}

.dea-sb-kicker {
  margin: 0 0 6px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dea-sb-head h1 {
  margin: 0;
  color: var(--text);
  font-size: 34px;
  line-height: 1.1;
}

.dea-sb-head p:not(.dea-sb-kicker) {
  max-width: 780px;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.dea-sb-build {
  flex: 0 0 auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--muted);
  background: var(--surface);
  font-size: 12px;
  font-weight: 800;
}

.dea-sb-alert {
  border: 1px solid rgba(226, 0, 116, .32);
  border-radius: 8px;
  background: rgba(226, 0, 116, .08);
  color: var(--text);
  padding: 10px 12px;
  font-weight: 700;
}

.dea-sb-alert.error {
  border-color: rgba(239, 68, 68, .45);
  background: rgba(239, 68, 68, .1);
}

.dea-sb-library {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(220px, .8fr));
  gap: 10px;
}

.dea-sb-block {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
  min-height: 118px;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}

.dea-sb-block.active {
  border-color: rgba(226, 0, 116, .55);
  background:
    linear-gradient(135deg, rgba(226, 0, 116, .14), transparent 38%),
    var(--surface);
}

.dea-sb-block.muted {
  opacity: .72;
}

.dea-sb-block p {
  margin: 0 0 8px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.dea-sb-block h2 {
  margin: 0 0 14px;
  color: var(--text);
  font-size: 17px;
  line-height: 1.2;
}

.dea-sb-block span {
  display: inline-flex;
  margin: 0 6px 7px 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--muted);
  background: var(--card);
  font-size: 12px;
  font-weight: 800;
}

.dea-sb-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 14px;
  align-items: start;
}

.dea-sb-panel {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
}

.dea-sb-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.dea-sb-panel-title h2 {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  line-height: 1.2;
}

.dea-sb-panel button,
.dea-sb-phase {
  border: 1px solid var(--accent);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  min-height: 38px;
  padding: 8px 11px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.dea-sb-panel button:hover,
.dea-sb-panel button:focus,
.dea-sb-phase:hover,
.dea-sb-phase:focus {
  background: var(--accent);
  color: #fff;
}

.dea-sb-panel button:disabled,
.dea-sb-phase:disabled {
  cursor: wait;
  opacity: .65;
}

.dea-sb-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.dea-sb-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.dea-sb-field span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.dea-sb-field input,
.dea-sb-field select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--field-bg);
  color: var(--text);
  min-height: 40px;
  padding: 8px 10px;
  font: inherit;
}

.dea-sb-field input:focus,
.dea-sb-field select:focus {
  outline: 2px solid rgba(226, 0, 116, .28);
  border-color: var(--accent);
}

.dea-sb-segmented {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  min-height: 40px;
}

.dea-sb-segmented button {
  border: 0;
  border-radius: 0;
  min-height: 38px;
}

.dea-sb-segmented button.active {
  background: var(--accent);
  color: #fff;
}

.dea-sb-phase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.dea-sb-phase {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
  border-color: var(--border);
}

.dea-sb-phase.done {
  border-color: rgba(22, 163, 74, .5);
  background: rgba(22, 163, 74, .08);
}

.dea-sb-phase strong {
  flex: 0 0 auto;
  color: var(--accent);
  font-size: 12px;
}

.dea-sb-phase:hover strong,
.dea-sb-phase:focus strong {
  color: #fff;
}

.dea-sb-status-grid {
  display: grid;
  gap: 10px;
}

.dea-sb-status-grid div,
.dea-sb-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  border-bottom: 1px solid var(--border);
  padding: 8px 0;
}

.dea-sb-status-grid span,
.dea-sb-meta span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.dea-sb-status-grid strong,
.dea-sb-meta strong {
  color: var(--text);
  font-size: 13px;
  text-align: right;
}

.dea-sb-meta {
  margin-top: 14px;
}

.dea-sb-results {
  display: grid;
  gap: 10px;
}

.dea-sb-phase-detail {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
}

.dea-sb-phase-detail summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  cursor: pointer;
  color: var(--text);
  font-weight: 800;
}

.dea-sb-phase-detail summary strong {
  color: var(--muted);
  font-size: 12px;
}

.dea-sb-result-list {
  display: grid;
  gap: 8px;
  padding: 0 14px 14px;
}

.dea-sb-result-board,
.dea-sb-result-sections {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  padding: 0 14px 14px;
}

.dea-sb-result-item {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card);
  padding: 10px;
  color: var(--text);
}

.dea-sb-result-item strong {
  color: var(--accent);
}

.dea-sb-result-card,
.dea-sb-result-section {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--border) 76%, var(--accent));
  border-radius: 8px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--surface) 92%, var(--accent) 8%), var(--surface)),
    var(--surface);
  padding: 12px;
  overflow: hidden;
  box-shadow: 0 18px 44px -36px rgba(15, 23, 42, .55);
}

.dea-sb-result-card::before,
.dea-sb-result-section::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--accent), #38bdf8, #22c55e);
  opacity: .86;
}

.dea-sb-result-card-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.dea-sb-result-card-head > span {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-grid;
  place-items: center;
  background: color-mix(in srgb, var(--accent) 14%, var(--surface));
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.dea-sb-result-card h3,
.dea-sb-result-section h3 {
  margin: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.25;
}

.dea-sb-result-card p,
.dea-sb-result-section p {
  margin: 0;
  color: var(--muted);
  line-height: 1.48;
  white-space: pre-wrap;
}

.dea-sb-result-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dea-sb-result-card-head .dea-sb-result-chips {
  margin-top: 7px;
}

.dea-sb-result-chips span {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 9%, var(--surface));
  color: var(--text);
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.dea-sb-result-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 8px;
}

.dea-sb-result-facts div,
.dea-sb-result-evidence {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--card) 88%, transparent);
  padding: 8px;
}

.dea-sb-result-facts span,
.dea-sb-result-evidence span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dea-sb-result-facts strong {
  display: block;
  margin-top: 3px;
  color: var(--text);
  font-size: 14px;
}

.dea-sb-result-evidence ul {
  margin: 7px 0 0;
  padding-left: 16px;
  display: grid;
  gap: 4px;
}

.dea-sb-result-evidence li {
  color: var(--text);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.dea-sb-empty,
.dea-sb-text,
.dea-sb-json {
  margin: 0;
  padding: 0 14px 14px;
  color: var(--muted);
}

.dea-sb-json {
  max-height: 420px;
  overflow: auto;
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .dea-solution-blocks-page {
    width: min(100%, calc(100% - 32px));
    max-width: calc(100% - 32px);
  }

  body.dea-chat-docked .dea-solution-blocks-page {
    width: calc(100% - 32px);
  }

  .dea-sb-library,
  .dea-sb-workbench {
    grid-template-columns: 1fr;
  }

  .dea-sb-form,
  .dea-sb-phase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dea-solution-blocks-page {
    padding: 20px 14px 34px;
  }

  .dea-sb-head {
    display: grid;
  }

  .dea-sb-head h1 {
    font-size: 28px;
  }

  .dea-sb-form,
  .dea-sb-phase-grid {
    grid-template-columns: 1fr;
  }
}

.dea-sb-command-center {
  position: relative;
  display: grid;
  gap: 12px;
  border: 1px solid color-mix(in srgb, var(--border) 78%, var(--accent));
  border-radius: 8px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, var(--accent)), var(--surface)),
    var(--surface);
  overflow: hidden;
  box-shadow: var(--shadow);
}

.dea-sb-command-center::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(226, 0, 116, .055) 26px 27px),
    repeating-linear-gradient(0deg, transparent 0 28px, rgba(56, 189, 248, .045) 28px 29px);
  opacity: .45;
}

.dea-sb-command-center::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #38bdf8, var(--accent), transparent) -42% 0 / 34% 100% no-repeat;
  animation: dea-sb-scan 4.8s linear infinite;
  pointer-events: none;
}

.dea-sb-command-hero,
.dea-sb-command-metrics,
.dea-sb-command-grid,
.dea-sb-results {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
}

.dea-sb-command-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 126px;
  gap: 18px;
  align-items: center;
  padding: 20px 20px 8px;
}

.dea-sb-command-hero h1 {
  margin: 0;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1;
  letter-spacing: 0;
}

.dea-sb-command-hero p:not(.dea-sb-kicker) {
  max-width: 760px;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.48;
}

.dea-sb-command-ring {
  --dea-sb-progress: 0%;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  justify-self: end;
  background:
    radial-gradient(circle, var(--surface) 0 55%, transparent 56%),
    conic-gradient(var(--accent) var(--dea-sb-progress), rgba(56, 189, 248, .7) 0, color-mix(in srgb, var(--border) 78%, transparent) 0);
  border: 1px solid var(--border);
  box-shadow: inset 0 0 0 9px color-mix(in srgb, var(--surface) 88%, transparent);
  animation: dea-sb-breathe 2.8s ease-in-out infinite;
}

.dea-sb-command-ring span {
  font-size: 28px;
  font-weight: 900;
  color: var(--text);
  line-height: 1;
}

.dea-sb-command-ring small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.dea-sb-command-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 0 20px;
}

.dea-sb-command-metrics div {
  display: grid;
  gap: 7px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 86%, transparent);
  padding: 12px;
  overflow: hidden;
}

.dea-sb-command-metrics span,
.dea-sb-panel-title p,
.dea-sb-intel-stack span {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dea-sb-command-metrics strong {
  color: var(--text);
  font-size: 22px;
  line-height: 1;
}

.dea-sb-command-metrics i {
  display: block;
  height: 4px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--accent), #38bdf8) 0 / var(--dea-sb-meter, 0%) 100% no-repeat,
    color-mix(in srgb, var(--border) 70%, transparent);
}

.dea-sb-command-grid {
  display: grid;
  grid-template-columns: minmax(250px, .88fr) minmax(360px, 1.35fr) minmax(240px, .78fr);
  gap: 12px;
  align-items: stretch;
  padding: 0 20px 20px;
}

.dea-sb-command-panel {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  box-shadow: 0 16px 44px -34px rgba(0, 0, 0, .55);
  padding: 14px;
  backdrop-filter: blur(8px);
}

.dea-sb-command-panel .dea-sb-panel-title {
  margin-bottom: 12px;
}

.dea-sb-command-panel .dea-sb-panel-title h2 {
  margin-top: 2px;
}

.dea-sb-command-panel button {
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.dea-sb-command-panel button:hover,
.dea-sb-command-panel button:focus {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px -20px var(--accent);
}

.dea-sb-context-panel .dea-sb-form {
  grid-template-columns: 1fr;
}

.dea-sb-command-panel .dea-sb-field input,
.dea-sb-command-panel .dea-sb-field select {
  min-height: 42px;
  border-color: color-mix(in srgb, var(--border) 80%, var(--accent));
  background: color-mix(in srgb, var(--field-bg) 92%, transparent);
}

.dea-sb-live-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(34, 197, 94, .42);
  border-radius: 999px;
  padding: 6px 9px;
  color: #16a34a;
  background: rgba(34, 197, 94, .1);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dea-sb-live-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  animation: dea-sb-pulse 1.35s ease-in-out infinite;
}

.dea-sb-pulse-map {
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
  align-items: center;
  margin: 2px 0 12px;
  padding: 10px 0;
}

.dea-sb-pulse-map::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, var(--accent), #38bdf8, rgba(34, 197, 94, .8));
  transform: translateY(-50%);
  opacity: .45;
}

.dea-sb-pulse-map span {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  border: 2px solid var(--border);
  border-radius: 50%;
  background: var(--surface);
  justify-self: center;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.dea-sb-pulse-map span.done {
  border-color: #22c55e;
  background: #22c55e;
}

.dea-sb-pulse-map span.active {
  border-color: var(--accent);
  background: var(--accent);
  transform: scale(1.22);
  box-shadow: 0 0 0 7px rgba(226, 0, 116, .12);
}

.dea-sb-phase-grid {
  grid-template-columns: 1fr;
  gap: 8px;
}

.dea-sb-phase {
  position: relative;
  min-height: 54px;
  padding: 10px;
  border-color: color-mix(in srgb, var(--border) 82%, transparent);
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  overflow: hidden;
}

.dea-sb-phase::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: color-mix(in srgb, var(--border) 80%, transparent);
}

.dea-sb-phase.active::before {
  background: var(--accent);
  animation: dea-sb-signal 1.7s ease-in-out infinite;
}

.dea-sb-phase.done::before {
  background: #22c55e;
}

.dea-sb-phase.busy {
  border-color: var(--accent);
}

.dea-sb-phase-index {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-grid;
  place-items: center;
  color: var(--accent);
  background: rgba(226, 0, 116, .1);
  font-size: 12px;
  font-weight: 900;
}

.dea-sb-phase-copy {
  flex: 1 1 auto;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.dea-sb-phase-copy span {
  overflow: hidden;
  color: var(--text);
  text-overflow: ellipsis;
}

.dea-sb-phase-copy small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.dea-sb-phase.done .dea-sb-phase-index {
  color: #fff;
  background: #22c55e;
}

.dea-sb-phase.active .dea-sb-phase-index {
  color: #fff;
  background: var(--accent);
}

.dea-sb-intel-stack {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}

.dea-sb-intel-stack div {
  display: grid;
  gap: 5px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card);
  padding: 10px;
}

.dea-sb-intel-stack strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.dea-sb-command-center + .dea-sb-results {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
}

.dea-sb-command-center + .dea-sb-results::before {
  content: "Operations Log";
  display: block;
  padding: 2px 4px 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dea-sb-phase-detail {
  transition: border-color .16s ease, transform .16s ease;
}

.dea-sb-phase-detail[open] {
  border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
}

.dea-sb-phase-detail:hover {
  transform: translateY(-1px);
}

@keyframes dea-sb-scan {
  0% {
    background-position: -42% 0;
  }

  100% {
    background-position: 142% 0;
  }
}

@keyframes dea-sb-breathe {
  0%, 100% {
    filter: saturate(1);
  }

  50% {
    filter: saturate(1.25);
  }
}

@keyframes dea-sb-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: .82;
  }

  50% {
    transform: scale(1.55);
    opacity: .34;
  }
}

@keyframes dea-sb-signal {
  0%, 100% {
    opacity: .55;
  }

  50% {
    opacity: 1;
  }
}

@media (max-width: 1280px) {
  .dea-sb-command-grid {
    grid-template-columns: minmax(240px, .86fr) minmax(320px, 1.18fr);
  }

  .dea-sb-intel-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 920px) {
  .dea-sb-command-hero,
  .dea-sb-command-metrics,
  .dea-sb-command-grid {
    grid-template-columns: 1fr;
  }

  .dea-sb-command-ring {
    justify-self: start;
  }
}

/* END dea-solution-blocks.css */


/* BEGIN dea-agent-changelog.css */
.dea-changelog-overview-card {
  min-height: 160px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 8px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface));
}

.dea-changelog-page {
  display: grid;
  gap: 16px;
}

.dea-changelog-table-card {
  padding: 14px;
  overflow-x: auto;
}

.dea-changelog-table {
  min-width: 780px;
}

.dea-changelog-table td {
  vertical-align: top;
  line-height: 1.45;
}

.dea-changelog-table td:first-child {
  white-space: nowrap;
  font-weight: 800;
}

/* END dea-agent-changelog.css */


/* BEGIN dea-admin-reporting.css */
.dea-reporting-page {
  box-sizing: border-box;
  width: min(calc(100% - 48px), 1240px);
  margin: 0 auto;
  padding: 34px clamp(24px, 3vw, 48px) 64px;
  color: #111827;
}

body.dea-chat-docked .dea-reporting-page {
  width: min(calc(100% - 56px), 1180px);
  padding-left: clamp(24px, 3vw, 44px);
  padding-right: clamp(24px, 3vw, 44px);
}

.dea-reporting-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.dea-reporting-eyebrow {
  margin: 0 0 6px;
  color: #e20074;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dea-reporting-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: 0;
}

.dea-reporting-subtitle {
  max-width: 720px;
  margin: 8px 0 0;
  color: #5b6472;
  font-size: 15px;
  line-height: 1.5;
}

.dea-reporting-controls {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid #d9dee8;
  border-radius: 8px;
  background: #ffffff;
}

.dea-reporting-controls label {
  color: #5b6472;
  font-size: 13px;
  font-weight: 700;
}

.dea-reporting-controls select {
  min-width: 128px;
  height: 36px;
  border: 1px solid #cbd3df;
  border-radius: 6px;
  background: #ffffff;
  color: #111827;
  font-size: 14px;
}

.dea-reporting-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.dea-reporting-card {
  min-height: 104px;
  padding: 16px;
  border: 1px solid #dfe4ec;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px -24px rgba(17, 24, 39, .4);
}

.dea-reporting-card-label {
  margin: 0 0 8px;
  color: #5b6472;
  font-size: 13px;
  font-weight: 700;
}

.dea-reporting-card-value {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
}

.dea-reporting-card-note {
  margin: 8px 0 0;
  color: #737c8a;
  font-size: 12px;
}

.dea-reporting-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
}

.dea-reporting-panel {
  border: 1px solid #dfe4ec;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.dea-reporting-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #e7ebf1;
}

.dea-reporting-panel-head h2 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}

.dea-reporting-panel-head span {
  color: #737c8a;
  font-size: 13px;
}

.dea-reporting-table-wrap {
  overflow-x: auto;
}

.dea-reporting-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}

.dea-reporting-table th,
.dea-reporting-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #edf0f5;
  text-align: right;
  font-size: 13px;
  white-space: nowrap;
}

.dea-reporting-table th:first-child,
.dea-reporting-table td:first-child {
  text-align: left;
}

.dea-reporting-table th {
  color: #5b6472;
  background: #f8fafc;
  font-weight: 800;
}

.dea-reporting-user-name {
  display: block;
  color: #111827;
  font-weight: 800;
}

.dea-reporting-user-email {
  display: block;
  margin-top: 2px;
  color: #737c8a;
  font-size: 12px;
}

.dea-reporting-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #edf7f3;
  color: #166146;
  font-size: 12px;
  font-weight: 800;
}

.dea-reporting-feature-list {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.dea-reporting-feature {
  padding: 12px;
  border: 1px solid #e4e9f1;
  border-radius: 8px;
  background: #fbfcfe;
}

.dea-reporting-feature-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.dea-reporting-feature-name {
  color: #111827;
  font-size: 13px;
  font-weight: 800;
}

.dea-reporting-feature-value {
  color: #e20074;
  font-size: 13px;
  font-weight: 900;
}

.dea-reporting-feature-meta {
  margin-top: 6px;
  color: #737c8a;
  font-size: 12px;
}

.dea-reporting-state {
  padding: 26px;
  border: 1px solid #dfe4ec;
  border-radius: 8px;
  background: #ffffff;
  color: #5b6472;
}

html[data-theme="dark"] .dea-reporting-page {
  color: #f6f8fb;
}

html[data-theme="dark"] .dea-reporting-card,
html[data-theme="dark"] .dea-reporting-panel,
html[data-theme="dark"] .dea-reporting-controls,
html[data-theme="dark"] .dea-reporting-state {
  border-color: rgba(255, 255, 255, .12);
  background: #101722;
}

html[data-theme="dark"] .dea-reporting-subtitle,
html[data-theme="dark"] .dea-reporting-card-label,
html[data-theme="dark"] .dea-reporting-card-note,
html[data-theme="dark"] .dea-reporting-panel-head span,
html[data-theme="dark"] .dea-reporting-user-email,
html[data-theme="dark"] .dea-reporting-feature-meta {
  color: #a7b0bf;
}

html[data-theme="dark"] .dea-reporting-table th {
  background: #151f2d;
  color: #c5cedb;
}

html[data-theme="dark"] .dea-reporting-table td,
html[data-theme="dark"] .dea-reporting-panel-head {
  border-color: rgba(255, 255, 255, .1);
}

html[data-theme="dark"] .dea-reporting-user-name,
html[data-theme="dark"] .dea-reporting-feature-name {
  color: #f6f8fb;
}

html[data-theme="dark"] .dea-reporting-feature {
  border-color: rgba(255, 255, 255, .1);
  background: #0c121b;
}

@media (max-width: 1200px) {
  .dea-reporting-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .dea-reporting-page {
    width: calc(100% - 28px);
    padding: 22px 20px 48px;
  }

  .dea-reporting-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .dea-reporting-grid {
    grid-template-columns: 1fr;
  }
}

/* END dea-admin-reporting.css */


/* BEGIN dea3-headmenu.css */
:root {
  --dea3-headbar-height: 108px;
  --dea3-rail-width: 100px;
  --dea3-brand-width: 322px;
  --dea3-brand-logo-width: 252px;
  --dea3-brand-logo-height: 78px;
  --dea3-header-bg: #fff;
  --dea3-header-fg: #111;
  --dea3-rail-bg: #fff;
  font-family: "TeleNeo Office", "Tele Neo Office", TeleNeoWeb, TeleNeo, "Avenir Next", "Segoe UI", Arial, sans-serif;
}

html,
body,
body *:not(svg):not(path):not(circle):not(rect):not(line):not(polyline):not(polygon):not(ellipse),
button,
input,
textarea,
select {
  font-family: "TeleNeo Office", "Tele Neo Office", TeleNeoWeb, TeleNeo, "Avenir Next", "Segoe UI", Arial, sans-serif !important;
}

html:not(.dea3-nav-ready) .sidebar-nav {
  visibility: hidden;
}

.plasma-toggle {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  top: auto !important;
  left: auto !important;
  z-index: 2600 !important;
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(226, 0, 116, .72) !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: 0 14px 34px -22px rgba(0, 0, 0, .7) !important;
  pointer-events: auto !important;
}

.plasma-toggle:hover,
.plasma-toggle:focus {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.app-shell {
  display: block;
  min-height: 100vh;
  padding-top: var(--dea3-headbar-height);
  padding-left: var(--dea3-rail-width);
}

.app-content {
  width: 100%;
}

.sidebar {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 2200;
  width: 100%;
  height: var(--dea3-headbar-height);
  min-height: var(--dea3-headbar-height);
  padding: 0;
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: none;
}

.sidebar-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2250;
  width: var(--dea3-brand-width);
  height: var(--dea3-headbar-height);
  min-height: var(--dea3-headbar-height);
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: #ffffff;
  border-right: 1px solid rgba(17, 24, 39, 0.08);
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  pointer-events: auto;
}

.sidebar-brand-switcher,
.sidebar-brand {
  width: 100%;
  height: 100%;
  flex: none;
  border-radius: 0;
  position: relative;
}

.sidebar-brand-inner {
  width: 100%;
  height: 100%;
  min-height: var(--dea3-headbar-height);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

.sidebar-brand:hover .sidebar-brand-inner,
.sidebar-brand:focus .sidebar-brand-inner {
  border-color: transparent;
  transform: none;
}

.sidebar-brand-logo {
  display: none !important;
}

.sidebar-brand-inner::before {
  content: "";
  display: block;
  width: var(--dea3-brand-logo-width);
  height: var(--dea3-brand-logo-height);
  flex: 0 0 auto;
  background: url("/dea3-logo-light.png?v=20260618-enterprise1") left center / contain no-repeat;
}

html[data-theme="dark"] .sidebar-top,
html[data-theme="dark"] .sidebar-brand-inner {
  background: #080d15;
  border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .sidebar-brand-inner::before {
  background-image: url("/dea3-logo-dark.png?v=20260618-enterprise1");
}

.sidebar-brand-text,
.sidebar-brand-wordmark,
.sidebar-brand-caret,
.sidebar-brand-menu,
.sidebar-collapse,
.sidebar-mobile-toggle,
.sidebar-backdrop,
.sidebar-dot {
  display: none !important;
}

.sidebar-nav {
  position: fixed;
  top: 0;
  left: var(--dea3-brand-width);
  right: 0;
  z-index: 2220;
  height: var(--dea3-headbar-height);
  min-width: 0;
  padding: 0 280px 0 28px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 2.1rem;
  overflow: visible;
  scrollbar-width: none;
  background: var(--dea3-header-bg);
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
  pointer-events: auto;
}

.sidebar-nav::-webkit-scrollbar {
  display: none;
}

.sidebar-group {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  gap: 0;
}

.sidebar-item:not(.child),
.sidebar-group[data-dea3-zone="top"] .sidebar-item {
  min-height: var(--dea3-headbar-height);
  padding: 1.05rem 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  color: var(--dea3-header-fg);
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  box-shadow: none;
  transition: color .16s ease, border-color .16s ease;
}

.sidebar-icon {
  display: none !important;
}

.sidebar-group[data-dea3-zone="top"] .sidebar-item:hover,
.sidebar-group[data-dea3-zone="top"] .sidebar-item:focus,
.sidebar-group[data-dea3-zone="top"] .sidebar-item.active {
  color: var(--accent);
  background: transparent;
  border-bottom-color: var(--accent);
  transform: none;
}

.sidebar-group[data-dea3-zone="top"] .dea3-side-icon {
  display: none !important;
}

.sidebar-group[data-dea3-zone="side"] {
  position: fixed;
  left: 0;
  top: calc(var(--dea3-headbar-height) + var(--dea3-side-offset, 16px));
  z-index: 2240;
  width: var(--dea3-rail-width);
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

.sidebar::before {
  content: "";
  position: fixed;
  left: 0;
  top: var(--dea3-headbar-height);
  bottom: 0;
  z-index: 2210;
  width: var(--dea3-rail-width);
  background: var(--dea3-rail-bg);
  border-right: 1px solid rgba(0, 0, 0, .12);
  box-shadow: 8px 0 18px rgba(0, 0, 0, .12);
  pointer-events: none;
}

.sidebar-group[data-dea3-zone="side"] .sidebar-item {
  width: var(--dea3-rail-width);
  min-height: 58px;
  padding: 6px 4px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #203042;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  white-space: normal;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.15;
  transition: color .16s ease, background .16s ease;
}

.sidebar-group[data-dea3-zone="side"] .sidebar-item:hover,
.sidebar-group[data-dea3-zone="side"] .sidebar-item:focus,
.sidebar-group[data-dea3-zone="side"] .sidebar-item.active {
  color: var(--accent);
  background: rgba(226, 0, 116, .06);
  transform: none;
}

.sidebar-group[data-dea3-zone="side"] .sidebar-icon {
  display: none !important;
}

.dea3-side-icon {
  width: 22px;
  height: 22px;
  display: block;
  color: currentColor;
}

.sidebar-label {
  flex: 0 0 auto;
}

.sidebar-children {
  position: fixed;
  top: var(--dea3-headbar-height);
  left: var(--dea3-rail-width);
  right: 0;
  z-index: 2300;
  min-width: 0;
  margin: 0;
  padding: 30px 32px 38px;
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(220px, max-content));
  grid-auto-flow: row;
  grid-auto-columns: minmax(220px, max-content);
  align-content: start;
  justify-content: start;
  column-gap: 72px;
  row-gap: 14px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  border-radius: 0;
  background: #fff;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .12);
}

.sidebar-group[data-dea3-zone="side"] .sidebar-children {
  top: 0;
  left: var(--dea3-rail-width);
  right: auto;
  border-radius: 0 12px 12px 0;
}

.sidebar-group[data-dea3-zone="top"].is-open .sidebar-children {
  display: grid;
}

.sidebar-item.child {
  min-height: 32px;
  justify-content: flex-start;
  padding: 4px 0;
  color: #1b1b1b;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 17px;
  font-weight: 500;
  transform: none;
}

.sidebar-item.child:hover,
.sidebar-item.child:focus,
.sidebar-item.child.active {
  color: var(--accent);
  border-color: transparent;
  background: transparent;
}

.sidebar-footer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2260;
  height: var(--dea3-headbar-height);
  margin: 0;
  padding: 0 24px 0 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  background: var(--dea3-header-bg);
  pointer-events: auto;
}

.sidebar-footer::before {
  content: none;
  display: none;
  height: 36px;
  min-width: 44px;
  padding: 0 .75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3a6f4f;
  border-radius: 999px;
  color: #0f2417;
  background: #fff;
  font-size: .86rem;
  line-height: 1;
}

.sidebar-log-toggle,
.sidebar-locale .btn,
.sidebar-toggle,
.dea3-settings-button {
  width: auto;
  height: 44px;
  min-width: 44px;
  padding: 0 .72rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  color: #111;
  background: #fff;
  box-shadow: none;
}

.sidebar-log-toggle:hover,
.sidebar-log-toggle:focus,
.sidebar-locale .btn:hover,
.sidebar-locale .btn:focus,
.sidebar-toggle:hover,
.sidebar-toggle:focus,
.dea3-settings-button:hover,
.dea3-settings-button:focus {
  color: var(--accent);
  background: #fff;
  transform: none;
}

.sidebar-log-toggle,
.sidebar-locale {
  display: none;
}

.sidebar-toggle {
  padding: 0;
  font-size: 0;
}

.sidebar-toggle img {
  width: 22px !important;
  height: 22px !important;
  display: block;
  filter: brightness(0);
}

.sidebar-toggle:hover img,
.sidebar-toggle:focus img {
  filter: none;
}

.toggle-label,
.log-label {
  display: none !important;
}

.dea3-settings-button {
  padding: 0;
  text-decoration: none;
}

.dea3-settings-button.is-open,
.dea3-settings-button[aria-expanded="true"] {
  color: var(--accent);
}

.dea3-settings-button svg {
  width: 22px;
  height: 22px;
}

.dea3-settings-popover {
  position: fixed;
  top: calc(var(--dea3-headbar-height) + 12px);
  right: 16px;
  z-index: 2600;
  width: 260px;
  padding: 12px;
  display: none;
  gap: 12px;
  color: #111;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: 12px;
  box-shadow: 0 20px 48px -28px rgba(0, 0, 0, .65);
}

.dea3-settings-popover.is-open {
  display: grid;
}

.dea3-settings-section {
  display: grid;
  gap: 8px;
}

.dea3-settings-label {
  color: #5b5b5b;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dea3-segmented {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.dea3-segmented button {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, .26);
  border-radius: 999px;
  color: #111;
  background: #fff;
  cursor: pointer;
}

.dea3-segmented button:hover,
.dea3-segmented button:focus,
.dea3-segmented button.is-active {
  color: var(--accent);
  border-color: var(--accent);
}

.dea3-logout-button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(226, 0, 116, .55);
  border-radius: 999px;
  color: var(--accent);
  background: transparent;
  cursor: pointer;
  font-weight: 600;
}

.dea3-logout-button:hover,
.dea3-logout-button:focus {
  color: #fff;
  background: var(--accent);
}

.sidebar-locale {
  width: auto;
  display: none;
  align-items: center;
  gap: .4rem;
}

.page,
.shell {
  padding-top: 24px;
}

.log-panel {
  left: calc(var(--dea3-rail-width) + 20px);
  top: calc(var(--dea3-headbar-height) + 24px);
}

html[data-theme="dark"] {
  --dea3-header-bg: #0b0b0b;
  --dea3-header-fg: #fff;
  --dea3-rail-bg: #0b0b0b;
}

html[data-theme="dark"] .sidebar-nav {
  background: #0b0b0b;
  border-bottom-color: rgba(255, 255, 255, .14);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .34);
}

html[data-theme="dark"] .sidebar::before {
  background: #0b0b0b;
  border-right-color: rgba(255, 255, 255, .14);
  box-shadow: 8px 0 18px rgba(0, 0, 0, .34);
}

html[data-theme="dark"] .sidebar-footer {
  background: #0b0b0b;
}

html[data-theme="dark"] .sidebar-group[data-dea3-zone="top"] .sidebar-item {
  color: #fff;
}

html:not([data-theme="dark"]) .sidebar-nav,
html[data-theme="light"] .sidebar-nav {
  background: #fff;
}

html:not([data-theme="dark"]) .sidebar::before,
html[data-theme="light"] .sidebar::before {
  background: #fff;
}

html:not([data-theme="dark"]) .sidebar-footer,
html[data-theme="light"] .sidebar-footer {
  background: #fff;
}

html:not([data-theme="dark"]) .sidebar-group[data-dea3-zone="top"] .sidebar-item,
html[data-theme="light"] .sidebar-group[data-dea3-zone="top"] .sidebar-item {
  color: #111;
}

html:not([data-theme="dark"]) .sidebar-group[data-dea3-zone="side"] .sidebar-item,
html[data-theme="light"] .sidebar-group[data-dea3-zone="side"] .sidebar-item {
  color: #203042;
}

html[data-theme="dark"] .sidebar-group[data-dea3-zone="side"] .sidebar-item {
  color: #fff;
}

html[data-theme="dark"] .sidebar-group[data-dea3-zone="side"] .sidebar-item:hover,
html[data-theme="dark"] .sidebar-group[data-dea3-zone="side"] .sidebar-item:focus,
html[data-theme="dark"] .sidebar-group[data-dea3-zone="side"] .sidebar-item.active {
  color: var(--accent);
  background: rgba(226, 0, 116, .12);
}

html[data-theme="dark"] .sidebar-children,
html[data-theme="dark"] .dea3-settings-popover {
  color: #fff;
  background: #0b0b0b;
  border-color: rgba(255, 255, 255, .18);
}

html[data-theme="dark"] .sidebar-item.child,
html[data-theme="dark"] .dea3-segmented button,
html[data-theme="dark"] .dea3-logout-button {
  color: #fff;
  background: #111;
}

html[data-theme="dark"] .dea3-logout-button {
  color: var(--accent);
}

html[data-theme="dark"] .sidebar-footer::before,
html[data-theme="dark"] .sidebar-log-toggle,
html[data-theme="dark"] .sidebar-locale .btn,
html[data-theme="dark"] .sidebar-toggle,
html[data-theme="dark"] .dea3-settings-button {
  color: #fff;
  background: #0b0b0b;
}

html[data-theme="dark"] .plasma-toggle {
  background: #0b0b0b !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .36) !important;
}

html[data-theme="dark"] .plasma-toggle:hover,
html[data-theme="dark"] .plasma-toggle:focus {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}

html[data-theme="dark"] .sidebar-toggle img {
  filter: brightness(0) invert(1);
}

html[data-theme="dark"] .dea3-settings-label {
  color: rgba(255, 255, 255, .72);
}

@media (max-width: 1180px) {
  .sidebar-nav {
    gap: 1.2rem;
    padding-right: 230px;
  }

  .sidebar-group[data-dea3-zone="top"] .sidebar-item {
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  :root {
    --dea3-headbar-height: 76px;
    --dea3-rail-width: 76px;
    --dea3-brand-width: 76px;
  }

  .app-shell {
    padding-top: var(--dea3-headbar-height);
    padding-left: var(--dea3-rail-width);
  }

  .sidebar-brand-inner::before {
    width: 54px;
    height: 54px;
    background: url("/telekomlogo.png") center / contain no-repeat;
  }

  html[data-theme="dark"] .sidebar-brand-inner::before {
    background-image: url("/telekomlogo.png");
  }

  .sidebar-brand-inner {
    justify-content: center;
    padding: 0;
  }

  .sidebar-brand-inner::after,
  .sidebar-brand::after {
    display: none;
  }

  .sidebar-nav {
    height: var(--dea3-headbar-height);
    padding: 0 16px;
    gap: 1rem;
  }

  .sidebar-group[data-dea3-zone="top"] .sidebar-item {
    min-height: var(--dea3-headbar-height);
    font-size: 13px;
  }

  .sidebar-group[data-dea3-zone="side"] {
    top: calc(var(--dea3-headbar-height) + var(--dea3-side-offset, 10px));
    width: var(--dea3-rail-width);
    height: 54px;
  }

  .sidebar-group[data-dea3-zone="side"] .sidebar-item {
    width: var(--dea3-rail-width);
    min-height: 54px;
    font-size: 10.5px;
  }

  .dea3-side-icon {
    width: 20px;
    height: 20px;
  }

  .sidebar-footer {
    display: none;
  }
}

body.dea-chat-docked .app-shell {
  width: calc(100% - var(--dea-chat-dock-width, 25vw));
  max-width: calc(100% - var(--dea-chat-dock-width, 25vw));
}

body.dea-chat-docked .sidebar {
  right: var(--dea-chat-dock-width, 25vw);
  width: auto;
}

body.dea-chat-docked .sidebar-footer {
  right: var(--dea-chat-dock-width, 25vw);
}

body.dea-chat-docked .dea3-settings-popover {
  right: calc(var(--dea-chat-dock-width, 25vw) + 16px);
}

.plasma-toggle,
html[data-theme="dark"] .plasma-toggle {
  left: 24px !important;
  right: auto !important;
  bottom: 24px !important;
  top: auto !important;
  z-index: 2265 !important;
}

body.dea-chat-docked .plasma-toggle {
  left: 24px !important;
  right: auto !important;
  bottom: 24px !important;
}

body.dea-chat-docked .sidebar-group[data-dea3-zone="top"] .sidebar-children {
  max-width: calc(100% - var(--dea3-brand-width) - 32px);
}

@media (max-width: 980px) {
  body.dea-chat-docked .app-shell,
  body.dea-chat-docked .sidebar {
    width: 100vw;
    max-width: 100vw;
  }

  body.dea-chat-docked .sidebar {
    right: auto;
  }

  body.dea-chat-docked .sidebar-footer {
    right: 0;
  }

  body.dea-chat-docked .dea3-settings-popover {
    right: 16px;
  }
}

/* END dea3-headmenu.css */