@import url("runtime/knowledge-vault.css");
@import url("runtime/mission-feed.css");
*{box-sizing:border-box}

body{
margin:0;
min-height:100vh;
background:
radial-gradient(circle at top left,#1e3a8a 0,#0f172a 30%,#020617 100%);
color:#f8fafc;
font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}

body:before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background:
linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
background-size:44px 44px;
mask-image:linear-gradient(to bottom,black,transparent 75%);
}

.app-shell{
display:grid;
grid-template-columns:280px 1fr;
min-height:100vh;
position:relative;
z-index:1;
}

.sidebar{
padding:28px;
border-right:1px solid rgba(148,163,184,.18);
background:rgba(2,6,23,.62);
backdrop-filter:blur(18px);
display:flex;
flex-direction:column;
gap:28px;
}

.badge{
display:inline-block;
padding:7px 12px;
border:1px solid rgba(125,211,252,.35);
border-radius:999px;
font-size:12px;
letter-spacing:.14em;
text-transform:uppercase;
color:#7dd3fc;
}

.brand h1{
font-size:42px;
margin:18px 0 6px;
letter-spacing:-.06em;
}

.brand p,.muted{
color:#94a3b8;
line-height:1.5;
}

.nav{
display:grid;
gap:10px;
}

.nav-item{
padding:13px 14px;
border-radius:16px;
color:#cbd5e1;
text-decoration:none;
cursor:pointer;
transition:.2s ease;
}

.nav-item:hover,.nav-item.active{
background:rgba(30,41,59,.78);
color:white;
}

.founder{
margin-top:auto;
padding-top:22px;
border-top:1px solid rgba(148,163,184,.18);
display:grid;
gap:5px;
}

.founder span{
font-size:11px;
letter-spacing:.16em;
text-transform:uppercase;
color:#94a3b8;
}

.founder strong{
font-size:22px;
}

.founder small{
color:#7dd3fc;
}

.main-workspace{
padding:32px;
}

.topbar{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:24px;
}

.topbar h2{
font-size:34px;
margin:0 0 8px;
letter-spacing:-.04em;
}

.topbar p{
margin:0;
color:#94a3b8;
}

.topbar-status{
padding:10px 14px;
border-radius:999px;
background:rgba(15,23,42,.72);
border:1px solid rgba(148,163,184,.18);
color:#7dd3fc;
font-size:13px;
}

.workspace-grid{
display:grid;
grid-template-columns:340px 1fr 280px;
gap:22px;
align-items:start;
}

.left-column,.center-column{
display:grid;
gap:22px;
}

.panel,.pipeline-panel,.history-panel,.mission-dock{
background:rgba(15,23,42,.72);
border:1px solid rgba(148,163,184,.18);
box-shadow:0 30px 80px rgba(0,0,0,.28);
backdrop-filter:blur(18px);
border-radius:26px;
padding:24px;
position:relative;
overflow:hidden;
}

.panel:after,.pipeline-panel:after,.history-panel:after,.mission-dock:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 38%);
opacity:.45;
}

h3{
margin:0 0 12px;
font-size:22px;
}

textarea{
width:100%;
height:230px;
resize:vertical;
border:none;
outline:none;
border-radius:18px;
padding:18px;
margin-top:16px;
background:rgba(30,41,59,.95);
color:#f8fafc;
font-size:15px;
line-height:1.45;
}

button{
width:100%;
margin-top:16px;
border:none;
border-radius:16px;
padding:15px 18px;
font-size:15px;
font-weight:800;
color:#020617;
background:linear-gradient(135deg,#38bdf8,#a78bfa);
cursor:pointer;
transition:.22s ease;
}

button:hover{
transform:translateY(-2px);
box-shadow:0 18px 40px rgba(56,189,248,.25);
}

.empty-state{
color:#64748b;
padding:42px;
border:1px dashed rgba(148,163,184,.25);
border-radius:18px;
text-align:center;
}

.card{
background:rgba(30,41,59,.82);
padding:22px;
border-radius:22px;
margin-top:16px;
border:1px solid rgba(148,163,184,.16);
position:relative;
overflow:hidden;
}

.card:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
background:linear-gradient(90deg,transparent,#7dd3fc,transparent);
opacity:.45;
}

.card h2{
font-size:13px;
letter-spacing:.12em;
text-transform:uppercase;
color:#7dd3fc;
margin:0 0 12px;
}

.card p{
font-size:20px;
line-height:1.35;
margin:0;
}

.hero-card{
background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(167,139,250,.16));
}

.clean-list{
display:grid;
gap:10px;
color:#dbeafe;
font-size:15px;
line-height:1.5;
}

.progress{
background:#334155;
height:12px;
border-radius:999px;
overflow:hidden;
margin:14px 0;
}

.progress-bar{
height:100%;
background:linear-gradient(90deg,#38bdf8,#a78bfa);
transition:width .8s ease;
}

.gauge{
width:118px;
height:118px;
border-radius:50%;
margin:12px 0;
display:flex;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at center,#0f172a 52%,transparent 54%),
conic-gradient(#38bdf8 0deg,#a78bfa 270deg,#334155 270deg);
box-shadow:0 0 40px rgba(56,189,248,.2);
}

.gauge span{
font-size:26px;
font-weight:800;
}

.pipeline{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px;
margin-top:14px;
}

.stage{
padding:14px 10px;
border-radius:16px;
text-align:center;
background:rgba(30,41,59,.8);
border:1px solid rgba(148,163,184,.18);
color:#94a3b8;
font-weight:800;
transition:.3s ease;
}

.stage.active{
background:linear-gradient(135deg,rgba(56,189,248,.32),rgba(167,139,250,.28));
color:#f8fafc;
border-color:#38bdf8;
box-shadow:0 0 30px rgba(56,189,248,.18);
}

.stage.complete{
background:linear-gradient(135deg,rgba(34,197,94,.35),rgba(56,189,248,.25));
color:#dcfce7;
border-color:#22c55e;
box-shadow:0 0 28px rgba(34,197,94,.18);
}

.history-list{
display:grid;
gap:12px;
}

.history-item{
background:rgba(30,41,59,.8);
border:1px solid rgba(148,163,184,.14);
border-radius:18px;
padding:16px;
cursor:pointer;
transition:.2s ease;
position:relative;
overflow:hidden;
}

.history-item:before{
content:"";
position:absolute;
left:0;
top:0;
width:4px;
height:100%;
background:linear-gradient(#38bdf8,#a78bfa);
}

.history-item:hover{
transform:translateY(-2px);
border-color:#38bdf8;
}

.history-title{
font-weight:800;
margin-bottom:8px;
padding-left:8px;
}

.history-meta{
font-size:13px;
color:#7dd3fc;
padding-left:8px;
}

.loading-card{
padding:52px;
text-align:center;
border-radius:24px;
background:rgba(30,41,59,.82);
border:1px solid rgba(148,163,184,.18);
}

.orb{
width:72px;
height:72px;
margin:0 auto 24px;
border-radius:50%;
background:radial-gradient(circle,#38bdf8,#7c3aed,#020617);
box-shadow:0 0 60px rgba(56,189,248,.55);
animation:orbPulse 1.2s infinite ease-in-out;
}

@keyframes orbPulse{
0%{transform:scale(.92);opacity:.65}
50%{transform:scale(1.08);opacity:1}
100%{transform:scale(.92);opacity:.65}
}

.timeline{
display:grid;
gap:14px;
}

.timeline-item{
display:grid;
grid-template-columns:34px 1fr;
gap:12px;
align-items:start;
}

.timeline-item span{
width:28px;
height:28px;
border-radius:50%;
background:linear-gradient(135deg,#38bdf8,#a78bfa);
display:flex;
align-items:center;
justify-content:center;
font-size:13px;
font-weight:800;
color:#020617;
}

.timeline-item strong{
display:block;
color:#f8fafc;
}

.timeline-item p{
margin:4px 0 0;
color:#94a3b8;
font-size:13px;
}

.secondary-button{
margin-top:18px;
background:rgba(30,41,59,.9);
color:#e0f2fe;
border:1px solid rgba(125,211,252,.35);
}

.mission-dock{
display:grid;
gap:14px;
}

.mission-card{
background:rgba(30,41,59,.72);
border:1px solid rgba(148,163,184,.14);
border-radius:18px;
padding:16px;
display:grid;
gap:8px;
}

.mission-card span{
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:#94a3b8;
}

.mission-card strong{
font-size:16px;
}

.mission-card p{
margin:0;
color:#cbd5e1;
font-size:14px;
line-height:1.5;
}

.mission-progress{
height:10px;
background:#334155;
border-radius:999px;
overflow:hidden;
}

.mission-progress div{
height:100%;
width:0%;
background:linear-gradient(90deg,#38bdf8,#a78bfa);
}

@media(max-width:1180px){
.app-shell{
grid-template-columns:1fr;
}

.sidebar{
position:relative;
border-right:none;
border-bottom:1px solid rgba(148,163,184,.18);
}

.workspace-grid{
grid-template-columns:1fr;
}

.pipeline{
grid-template-columns:1fr;
}
}

.pipeline{
grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
overflow:visible;
}

.stage{
min-width:0;
white-space:nowrap;
font-size:14px;
}

.center-column{
min-width:0;
}

.output-panel,.pipeline-panel{
min-width:0;
}

.history-search{
width:100%;
border:none;
outline:none;
border-radius:14px;
padding:13px 14px;
margin:8px 0 16px;
background:rgba(30,41,59,.9);
color:#f8fafc;
font-size:14px;
}

.history-search::placeholder{
color:#64748b;
}

.workspace-status-stack {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}

.workspace-status-stack small {
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
}

.dgx-toast {
    position: fixed;
    right: 24px;
    bottom: 24px;
    padding: 14px 18px;
    border-radius: 16px;
    background: rgba(20, 24, 34, 0.96);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    transform: translateY(24px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
    z-index: 9999;
}

.dgx-toast.show {
    transform: translateY(0);
    opacity: 1;
}

/* DGxOne UI v2 - Chat Center + Engineering Report */
body.dgx-v2 {
    margin: 0;
    background: radial-gradient(circle at top left, rgba(86, 105, 255, 0.16), transparent 34%),
                linear-gradient(135deg, #050914 0%, #071120 45%, #050914 100%);
    color: #f7f9ff;
    overflow: hidden;
}

.dgx-app {
    display: grid;
    grid-template-columns: 280px minmax(560px, 1fr) 390px;
    height: 100vh;
    width: 100vw;
}

.dgx-sidebar,
.dgx-main,
.dgx-report-panel {
    border-color: rgba(255, 255, 255, 0.08);
}

.dgx-sidebar {
    padding: 24px 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(4, 9, 22, 0.72);
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.dgx-logo {
    display: flex;
    gap: 12px;
    align-items: center;
}

.dgx-logo-mark,
.dgx-avatar,
.dgx-orb,
.dgx-message-avatar {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #38bdf8, #7c3aed);
    box-shadow: 0 0 24px rgba(92, 120, 255, 0.35);
}

.dgx-logo-mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-weight: 800;
}

.dgx-logo h1 {
    margin: 0;
    font-size: 25px;
}

.dgx-logo p,
.dgx-project-card span,
.dgx-user-card small,
.dgx-topbar span,
.dgx-chat-header p {
    margin: 0;
    color: rgba(236, 241, 255, 0.64);
}

.dgx-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dgx-nav-item {
    border: 0;
    text-align: left;
    padding: 16px 18px;
    border-radius: 16px;
    background: transparent;
    color: #f7f9ff;
    font-size: 16px;
    cursor: pointer;
}

.dgx-nav-item.active {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.95), rgba(124, 58, 237, 0.95));
    box-shadow: 0 16px 42px rgba(83, 102, 255, 0.28);
}

.dgx-project-card,
.dgx-user-card,
.dgx-report-card,
.dgx-chat-input,
.dgx-message-body,
.dgx-quick-actions button {
    background: rgba(15, 24, 42, 0.76);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
}

.dgx-project-card {
    margin-top: auto;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dgx-project-card small {
    color: #c4b5fd;
    text-transform: uppercase;
    font-size: 11px;
}

.dgx-user-card {
    padding: 16px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.dgx-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.dgx-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dgx-topbar {
    height: 76px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dgx-system-status {
    display: flex;
    gap: 12px;
    align-items: center;
}

.dgx-system-status span {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(15, 24, 42, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.dgx-chat-shell {
    padding: 34px 42px 24px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    height: calc(100vh - 76px);
    min-height: 0;
}

.dgx-chat-header {
    display: flex;
    gap: 22px;
    align-items: center;
}

.dgx-orb {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    font-size: 42px;
}

.dgx-chat-header h2 {
    margin: 0 0 8px;
    font-size: 34px;
}

.dgx-quick-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.dgx-quick-actions button {
    color: #f7f9ff;
    padding: 13px 16px;
    cursor: pointer;
}

.dgx-chat-messages {
    flex: 1;
    overflow: auto;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dgx-message {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.dgx-message-user {
    justify-content: flex-end;
}

.dgx-message-avatar {
    min-width: 42px;
    height: 42px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
}

.dgx-message-body {
    padding: 18px 20px;
    max-width: 820px;
    line-height: 1.55;
}

.dgx-message-user .dgx-message-body {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.72), rgba(124, 58, 237, 0.72));
}

.dgx-message-body p {
    margin: 6px 0 0;
}

.dgx-chat-input {
    display: flex;
    gap: 12px;
    padding: 14px;
}

.dgx-chat-input textarea {
    flex: 1;
    min-height: 52px;
    max-height: 120px;
    resize: none;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-size: 15px;
}

.dgx-chat-input button {
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #38bdf8, #7c3aed);
    cursor: pointer;
    font-size: 20px;
}

.dgx-report-panel {
    padding: 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(4, 9, 22, 0.78);
    overflow: auto;
}

.dgx-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.dgx-panel-header h2 {
    margin: 0;
}

.dgx-panel-header span {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(124, 58, 237, 0.25);
    color: #c4b5fd;
}

.dgx-report-card {
    padding: 18px;
    margin-bottom: 14px;
}

.dgx-report-card h3 {
    margin: 0 0 12px;
}

.dgx-report-card p,
.dgx-report-card li {
    color: rgba(236, 241, 255, 0.72);
    line-height: 1.5;
}

.dgx-report-card ul {
    padding-left: 20px;
}

.dgx-confidence-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.dgx-confidence-track {
    height: 8px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    overflow: hidden;
}

.dgx-confidence-track div {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #7c3aed, #38bdf8);
    transition: width 260ms ease;
}

.dgx-report-card ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dgx-report-card ol li {
    display: flex;
    justify-content: space-between;
    padding: 9px 0;
}

.dgx-report-card ol span {
    color: #86efac;
    font-size: 12px;
}

.dgx-mini-card {
    margin-top: 14px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,0.06);
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .dgx-app {
        grid-template-columns: 230px 1fr;
    }

    .dgx-report-panel {
        display: none;
    }
}

/* DGxOne UI v2.1 Optimization */
.dgx-orb {
    position: relative;
    isolation: isolate;
    font-size: 0;
}

.dgx-orb span {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.dgx-orb::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: inherit;
    background: conic-gradient(from 180deg, #38bdf8, #7c3aed, #22c55e, #38bdf8);
    filter: blur(18px);
    opacity: 0.65;
    z-index: -1;
    animation: dgxPulse 3.8s ease-in-out infinite;
}

@keyframes dgxPulse {
    0%, 100% {
        transform: scale(0.96);
        opacity: 0.42;
    }
    50% {
        transform: scale(1.04);
        opacity: 0.78;
    }
}

.dgx-chat-header {
    padding-bottom: 6px;
}

.dgx-chat-header h2 {
    font-size: 31px;
    letter-spacing: -0.04em;
}

.dgx-chip-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dgx-chip-actions button {
    width: auto;
    min-width: 0;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    background: rgba(15, 24, 42, 0.58);
    color: rgba(247, 249, 255, 0.88);
}

.dgx-chip-actions button:hover {
    background: rgba(56, 189, 248, 0.14);
    border-color: rgba(56, 189, 248, 0.28);
}

.dgx-message-body {
    border-radius: 22px;
}

.dgx-message-ai .dgx-message-body {
    background: rgba(15, 24, 42, 0.58);
}

.dgx-message-user .dgx-message-body {
    border: 1px solid rgba(124, 58, 237, 0.45);
}

.dgx-report-panel {
    padding: 22px;
}

.dgx-report-card {
    padding: 16px;
    margin-bottom: 12px;
    border-radius: 20px;
}

.dgx-report-card h3 {
    font-size: 17px;
    letter-spacing: -0.02em;
}

.dgx-report-card p,
.dgx-report-card li {
    font-size: 14px;
}

.dgx-report-card:nth-of-type(4) {
    display: none;
}

.dgx-report-card:nth-of-type(5) {
    border-color: rgba(56, 189, 248, 0.18);
}

.dgx-nav {
    gap: 8px;
}

.dgx-nav-item {
    padding: 14px 16px;
    border-radius: 14px;
}

.dgx-project-card,
.dgx-user-card {
    border-radius: 16px;
}

/* DGxOne UI v2.2 Premium Polish */
body.dgx-v2 {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}

.dgx-app {
    grid-template-columns: 270px minmax(680px, 1fr) 380px;
}

.dgx-sidebar {
    background:
        linear-gradient(180deg, rgba(9, 18, 38, 0.92), rgba(4, 8, 18, 0.98)),
        radial-gradient(circle at top left, rgba(124, 58, 237, 0.18), transparent 38%);
}

.dgx-logo-mark {
    font-size: 13px;
    letter-spacing: -0.02em;
}

.dgx-logo h1 {
    letter-spacing: -0.05em;
}

.dgx-logo p {
    font-size: 13px;
}

.dgx-nav-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.dgx-nav-item.active::after {
    content: "";
    position: absolute;
    right: -26px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #60a5fa;
    box-shadow: 0 0 18px rgba(96, 165, 250, 0.9);
}

.dgx-topbar {
    display: grid;
    grid-template-columns: 1fr 220px 180px auto;
    gap: 24px;
    height: 84px;
}

.dgx-topbar-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dgx-topbar-block span {
    font-size: 12px;
    color: rgba(236, 241, 255, 0.48);
}

.dgx-topbar-block strong {
    font-size: 15px;
    letter-spacing: -0.02em;
}

.dgx-system-status span {
    background: rgba(15, 24, 42, 0.58);
    backdrop-filter: blur(18px);
}

.dgx-chat-shell {
    padding: 36px 48px 26px;
}

.dgx-chat-header {
    max-width: 900px;
}

.dgx-orb {
    background: #060b18;
    border: 2px solid rgba(96, 165, 250, 0.72);
}

.dgx-orb::after {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: inherit;
    border: 1px solid rgba(167, 139, 250, 0.55);
    box-shadow: inset 0 0 32px rgba(124, 58, 237, 0.4);
}

.dgx-orb span {
    z-index: 2;
}

.dgx-chip-actions {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding-bottom: 22px;
}

.dgx-chip-actions button::before {
    content: "+";
    margin-right: 8px;
    color: #93c5fd;
    font-size: 18px;
    line-height: 0;
}

.dgx-chat-messages {
    padding-top: 4px;
    gap: 22px;
}

.dgx-message {
    animation: dgxMessageIn 220ms ease both;
}

@keyframes dgxMessageIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dgx-message-ai .dgx-message-avatar {
    border: 2px solid rgba(56, 189, 248, 0.42);
    background: radial-gradient(circle at 40% 35%, #38bdf8, #4f46e5 62%, #111827);
}

.dgx-message-user .dgx-message-avatar {
    background: radial-gradient(circle at 40% 35%, #60a5fa, #7c3aed);
}

.dgx-message-body {
    box-shadow: 0 18px 70px rgba(0,0,0,0.2);
}

.dgx-message-ai .dgx-message-body {
    border-left: 1px solid rgba(56, 189, 248, 0.16);
}

.dgx-message-user .dgx-message-body {
    max-width: 620px;
}

.dgx-chat-input {
    margin-top: 6px;
    min-height: 76px;
    background: rgba(15, 24, 42, 0.84);
    box-shadow: 0 -18px 60px rgba(0,0,0,0.18);
}

.dgx-chat-input::before {
    content: "⌘";
    color: rgba(236,241,255,.34);
    align-self: center;
    padding-left: 6px;
}

.dgx-report-panel {
    background:
        linear-gradient(180deg, rgba(7, 13, 28, 0.96), rgba(3, 7, 16, 0.98)),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%);
}

.dgx-panel-header {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.dgx-panel-header h2 {
    letter-spacing: -0.04em;
}

.dgx-panel-header span {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.dgx-report-card {
    background: rgba(15, 24, 42, 0.62);
    backdrop-filter: blur(14px);
}

.dgx-report-card:hover {
    border-color: rgba(96, 165, 250, 0.22);
}

.dgx-report-card h3 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dgx-report-card:nth-of-type(1) h3::before {
    content: "▣";
    color: #a78bfa;
}

.dgx-report-card:nth-of-type(2) h3::before {
    content: "•";
    color: #38bdf8;
}

.dgx-report-card:nth-of-type(3) h3::before {
    content: "◆";
    color: #22c55e;
}

.dgx-report-card:nth-of-type(5) h3::before {
    content: "➜";
    color: #38bdf8;
}

.dgx-confidence-track {
    height: 10px;
}

.dgx-user-card {
    margin-bottom: 4px;
}

.dgx-user-card strong {
    display: block;
}

.dgx-user-card::after {
    content: "Online";
    margin-left: auto;
    color: #86efac;
    font-size: 12px;
}

@media (max-width: 1400px) {
    .dgx-app {
        grid-template-columns: 240px minmax(560px, 1fr) 340px;
    }

    .dgx-topbar {
        grid-template-columns: 1fr auto;
    }

    .dgx-topbar-block:nth-of-type(2),
    .dgx-topbar-block:nth-of-type(3) {
        display: none;
    }
}


.brain-orb{

width:82px;
height:82px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#4F8CFF,#7953FF);
transition:.35s;
box-shadow:0 0 30px rgba(79,140,255,.45);

}

.brain-orb.idle{

opacity:.6;

}

.brain-orb.thinking{

animation:dgxPulse 1.2s infinite;

}

.brain-orb.searching{

animation:dgxRotate 2s linear infinite;

}

.brain-orb.complete{

box-shadow:
0 0 55px rgba(0,255,160,.65);

}

.thinking-line{

padding:6px 0;
font-size:13px;
color:#94A3B8;
animation:fadeIn .35s;

}

@keyframes dgxPulse{

0%{transform:scale(1);}
50%{transform:scale(1.08);}
100%{transform:scale(1);}

}

@keyframes dgxRotate{

0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}

}

@keyframes fadeIn{

from{

opacity:0;
transform:translateY(8px);

}

to{

opacity:1;
transform:translateY(0);

}

}

/* DGxOne v0.24 Mission Control Runtime */
.mission-control-panel {
    background:
        linear-gradient(180deg, rgba(5, 12, 25, 0.98), rgba(2, 6, 14, 0.98)),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.16), transparent 34%);
}

.mission-control-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    margin-bottom: 16px;
}

.mission-control-header span,
.mission-card-live > span {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    color: #c4b5fd;
}

.mission-control-header h2 {
    margin: 4px 0 0;
    letter-spacing: -.04em;
}

.mission-control-header strong {
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(34,197,94,.12);
    color: #86efac;
}

.mission-card-live {
    padding: 18px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: rgba(15, 24, 42, .62);
    border: 1px solid rgba(255,255,255,.09);
    box-shadow: 0 24px 70px rgba(0,0,0,.18);
}

.mission-card-live h3 {
    margin: 8px 0;
    font-size: 18px;
}

.mission-card-live p,
.mission-card-live li {
    color: rgba(236,241,255,.72);
    line-height: 1.5;
}

.skill-monitor {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 14px;
}

.skill-row > div:first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 13px;
}

.skill-row span {
    color: rgba(236,241,255,.6);
}

.skill-track {
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    overflow: hidden;
}

.skill-track div {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#22c55e,#38bdf8,#a855f7);
    transition: width .45s ease;
}

.mission-confidence-row {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 12px 0;
}

.mission-confidence-row strong {
    font-size: 38px;
    letter-spacing: -.06em;
    color: #38bdf8;
}

.mission-confidence-row small {
    color: rgba(236,241,255,.66);
}

.mission-timeline {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

.mission-timeline-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.mission-timeline-item > span {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(34,197,94,.18);
    color: #86efac;
    font-size: 11px;
}

.mission-timeline-item strong {
    display: block;
    font-size: 13px;
}

.mission-timeline-item small,
.timeline-empty {
    color: rgba(236,241,255,.46);
    font-size: 12px;
}

.thinking-stream {
    min-height: 0;
    max-height: 168px;
    overflow: auto;
    margin-top: -6px;
    margin-bottom: 4px;
}

.thinking-line {
    padding: 7px 0;
    font-size: 13px;
    color: #93c5fd;
    animation: fadeIn .35s ease both;
}

.dgx-profile-avatar {
    width: 76px;
    height: 76px;
    min-width: 76px;
    font-size: 46px;
    border-radius: 22px;
    background: radial-gradient(circle at 40% 30%, #fef3c7, #fb923c 46%, #111827 47%);
    box-shadow: 0 18px 55px rgba(251,146,60,.22);
}

.dgx-user-card {
    align-items: center;
}

.dgx-user-card::after {
    content: "";
}


/* DGxOne v0.25 Streaming Brain Response */
.streaming-text {
    color: rgba(236, 241, 255, 0.82);
}

.streaming-text::after {
    content: " ▋";
    color: #38bdf8;
    animation: dgxCaretBlink 0.8s infinite;
}

@keyframes dgxCaretBlink {
    0%, 45% { opacity: 1; }
    46%, 100% { opacity: 0; }
}

.dgx-message-ai[id^="stream-"] .dgx-message-body {
    border-color: rgba(56, 189, 248, 0.24);
    box-shadow:
        0 0 32px rgba(56, 189, 248, 0.08),
        0 18px 70px rgba(0,0,0,0.22);
}

.dgx-message-ai[id^="stream-"] .dgx-message-avatar {
    animation: dgxPulse 1.1s infinite;
}

/* ---------- Mission Canvas ---------- */

.dgx-mission-canvas{

padding:30px;

display:flex;

flex-direction:column;

gap:28px;

animation:fadeIn .4s;

}

.dgx-mission-header{

display:flex;

justify-content:space-between;

align-items:center;

}

.dgx-progress-ring{

width:90px;

height:90px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:linear-gradient(135deg,#3b82f6,#8b5cf6);

font-size:22px;

font-weight:700;

color:white;

box-shadow:0 0 35px rgba(80,120,255,.35);

}

.dgx-reasoning-stack{

display:flex;

flex-direction:column;

gap:18px;

}

.dgx-reason-card{

background:rgba(255,255,255,.04);

border:1px solid rgba(255,255,255,.08);

border-radius:16px;

padding:20px;

animation:fadeIn .35s;

}

.reason-head{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:10px;

}

.reason-body{

color:#cbd5e1;

line-height:1.7;

}


/* DGxOne v0.27 Mission Canvas */
.dgx-mission-canvas {
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(15,24,42,.66), rgba(8,13,28,.5)),
        radial-gradient(circle at top right, rgba(56,189,248,.10), transparent 34%);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 24px 70px rgba(0,0,0,.18);
}

.dgx-mission-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.dgx-mission-title h2 {
    margin: 8px 0 6px;
    font-size: 24px;
    letter-spacing: -0.04em;
}

.dgx-mission-title p {
    margin: 0;
    color: rgba(236,241,255,.62);
}

.dgx-badge {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    color: #93c5fd;
}

.dgx-progress-ring {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at center, rgba(15,24,42,1) 48%, transparent 49%),
        conic-gradient(#38bdf8, #7c3aed, #22c55e, #38bdf8);
    box-shadow: 0 0 35px rgba(80,120,255,.32);
    font-size: 20px;
    font-weight: 900;
}

.dgx-reasoning-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dgx-reason-card {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 17px;
    animation: fadeIn .35s ease both;
}

.reason-head {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.reason-head .icon {
    font-size: 22px;
}

.reason-head .status {
    font-size: 11px;
    color: #86efac;
    background: rgba(34,197,94,.12);
    padding: 6px 9px;
    border-radius: 999px;
}

.reason-body {
    color: rgba(236,241,255,.72);
    line-height: 1.55;
}

/* DGxOne v0.28 Cognitive Cards */
.hypothesis-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hypothesis-list div {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.055);
}

.hypothesis-list span {
    color: #93c5fd;
    font-weight: 800;
}

/* DGxOne v0.29 Reasoning Card Polish */
.reasoning-section strong {
    display: block;
    font-size: 17px;
    margin-bottom: 8px;
    color: #f8fafc;
}

.reasoning-section p {
    margin: 0;
    color: rgba(236,241,255,.72);
}

.evidence-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.evidence-list div {
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(56,189,248,.07);
    border: 1px solid rgba(56,189,248,.12);
    color: rgba(236,241,255,.78);
}

.hypothesis-list.enhanced div {
    position: relative;
    overflow: hidden;
}

.hypothesis-list.enhanced div::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70%;
    background: linear-gradient(90deg,#38bdf8,#7c3aed);
    opacity: .7;
}

.decision-card {
    padding: 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(56,189,248,.08));
    border: 1px solid rgba(34,197,94,.18);
}

.decision-card strong {
    display: block;
    color: #86efac;
    margin-bottom: 8px;
}

.decision-card p {
    margin: 0;
    color: rgba(236,241,255,.8);
}

/* DGxOne v0.30 Workspace Layout Fix */
.dgx-chat-shell {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    height: calc(100vh - 84px);
    overflow: hidden;
}

#missionCanvasHost {
    min-height: 0;
    overflow-y: auto;
    padding-right: 8px;
}

#missionCanvasHost::-webkit-scrollbar {
    width: 8px;
}

#missionCanvasHost::-webkit-scrollbar-thumb {
    background: rgba(96, 165, 250, 0.32);
    border-radius: 999px;
}

.dgx-mission-canvas {
    max-height: none;
    margin-bottom: 18px;
}

.dgx-chat-messages {
    display: none;
}

.dgx-chat-input {
    position: sticky;
    bottom: 0;
    z-index: 20;
    margin-top: 12px;
    backdrop-filter: blur(18px);
}

.dgx-main {
    min-height: 100vh;
    overflow: hidden;
}

.dgx-report-panel {
    height: 100vh;
    overflow-y: auto;
}

.dgx-report-panel::-webkit-scrollbar {
    width: 8px;
}

.dgx-report-panel::-webkit-scrollbar-thumb {
    background: rgba(96, 165, 250, 0.28);
    border-radius: 999px;
}


/* ---------- DGX Cognitive Graph ---------- */

.dgx-graph{

display:flex;
align-items:center;
justify-content:center;
gap:18px;
padding:24px 0;

}

.dgx-node{

width:110px;
height:110px;

border-radius:24px;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

background:#141b2f;

border:1px solid rgba(255,255,255,.08);

transition:.35s;

}

.dgx-node-icon{

font-size:34px;

}

.dgx-node-title{

margin-top:10px;

font-weight:600;

}

.dgx-edge{

height:4px;

width:42px;

background:#2f3d59;

border-radius:99px;

transition:.35s;

}

.pending{

opacity:.45;

}

.active{

box-shadow:0 0 35px rgba(59,130,246,.65);

transform:scale(1.08);

opacity:1;

}

.complete{

background:linear-gradient(135deg,#22c55e,#2563eb);

opacity:1;

}


/* ---------- DGX Graph Host ---------- */

#dgxReasoningGraph{

margin-bottom:26px;

padding-bottom:20px;

border-bottom:1px solid rgba(255,255,255,.06);

}

.dgx-node.active{

animation:dgxPulse 1.2s infinite;

}

.dgx-node.complete{

box-shadow:0 0 28px rgba(34,197,94,.45);

}


/* DGxOne v0.32 Live Cognitive Graph */
.dgx-edge {
    position: relative;
    overflow: hidden;
}

.dgx-edge span {
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, #38bdf8, #a855f7, transparent);
    opacity: 0;
}

.dgx-edge.flowing span {
    opacity: 1;
    animation: dgxEdgeFlow .52s ease forwards;
}

.dgx-edge.complete {
    background: linear-gradient(90deg, rgba(56,189,248,.75), rgba(168,85,247,.75));
    box-shadow: 0 0 18px rgba(56,189,248,.25);
}

.dgx-node.running {
    opacity: 1;
    transform: scale(1.08);
    border-color: rgba(56,189,248,.55);
    box-shadow:
        0 0 0 1px rgba(56,189,248,.2),
        0 0 36px rgba(56,189,248,.38);
    animation: dgxNodeBreathe 1.1s ease-in-out infinite;
}

.dgx-node.complete {
    opacity: 1;
    transform: scale(1);
    border-color: rgba(34,197,94,.45);
    background:
        linear-gradient(135deg, rgba(34,197,94,.22), rgba(37,99,235,.22)),
        rgba(15,24,42,.88);
    box-shadow:
        0 0 0 1px rgba(34,197,94,.14),
        0 0 30px rgba(34,197,94,.28);
}

.dgx-node.complete .dgx-node-title::after {
    content: " ✓";
    color: #86efac;
}

@keyframes dgxEdgeFlow {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}

@keyframes dgxNodeBreathe {
    0%, 100% { box-shadow: 0 0 28px rgba(56,189,248,.28); }
    50% { box-shadow: 0 0 52px rgba(168,85,247,.48); }
}


/* DGxOne v0.33 Branching Cognitive Network */
.dgx-network-graph {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px 0 28px;
}

.graph-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    width: 100%;
}

.dgx-network-graph .dgx-node {
    width: 104px;
    height: 92px;
    border-radius: 22px;
}

.dgx-network-graph .dgx-node-icon {
    font-size: 30px;
}

.dgx-network-graph .dgx-node-title {
    font-size: 13px;
}

.graph-branch-lines {
    display: flex;
    justify-content: center;
    gap: 80px;
    height: 24px;
}

.graph-branch-lines span,
.graph-funnel-line {
    display: block;
    width: 4px;
    height: 24px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .26);
    position: relative;
    overflow: hidden;
}

.graph-branch-lines-wide {
    gap: 62px;
}

.graph-funnel-line {
    height: 30px;
}

.graph-branch-lines span::after,
.graph-funnel-line::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateY(-100%);
    background: linear-gradient(180deg, transparent, #38bdf8, #a855f7, transparent);
    opacity: 0;
}

.graph-branch-lines span.flowing::after,
.graph-funnel-line.flowing::after {
    opacity: 1;
    animation: dgxGraphVerticalFlow .52s ease forwards;
}

.graph-branch-lines span.complete,
.graph-funnel-line.complete {
    background: linear-gradient(180deg, rgba(56,189,248,.75), rgba(168,85,247,.75));
    box-shadow: 0 0 18px rgba(56,189,248,.25);
}

.dgx-node.winner {
    border-color: rgba(250, 204, 21, .64);
    box-shadow:
        0 0 0 1px rgba(250,204,21,.25),
        0 0 42px rgba(250,204,21,.38);
}

.dgx-node.winner .dgx-node-title::after {
    content: " ★";
    color: #fde68a;
}

@keyframes dgxGraphVerticalFlow {
    from { transform: translateY(-100%); }
    to { transform: translateY(100%); }
}

/* DGxOne Report Viewer */
.dgx-node[data-node="report"] {
    cursor: pointer;
}

.dgx-node[data-node="report"].complete {
    outline: 1px solid rgba(147,197,253,.45);
}

.dgx-node[data-node="report"].complete::after {
    content: "Click to open";
    position: absolute;
    margin-top: 104px;
    font-size: 10px;
    color: #93c5fd;
}

.report-viewer-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(2,6,14,.82);
    backdrop-filter: blur(18px);
    display: grid;
    place-items: center;
}

.report-viewer {
    width: min(920px, 92vw);
    max-height: 88vh;
    overflow: auto;
    border-radius: 24px;
    background: #f8fafc;
    color: #0f172a;
    box-shadow: 0 40px 120px rgba(0,0,0,.55);
}

.report-viewer header,
.report-viewer footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 30px;
    border-bottom: 1px solid #e2e8f0;
}

.report-viewer footer {
    border-top: 1px solid #e2e8f0;
    border-bottom: none;
}

.report-viewer header span {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    color: #2563eb;
}

.report-viewer header h1 {
    margin: 6px 0 0;
}

.report-viewer header button {
    font-size: 30px;
    border: none;
    background: transparent;
    cursor: pointer;
}

#printableReport {
    padding: 30px;
    line-height: 1.65;
}

#printableReport h2 {
    margin-top: 28px;
    border-bottom: 1px solid #cbd5e1;
    padding-bottom: 8px;
}

#printableReport table {
    width: 100%;
    border-collapse: collapse;
}

#printableReport td {
    padding: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.report-viewer footer button {
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    background: #2563eb;
    color: white;
    font-weight: 700;
    cursor: pointer;
}

@media print {
    body * {
        visibility: hidden;
    }

    #reportViewerOverlay,
    #reportViewerOverlay * {
        visibility: visible;
    }

    #reportViewerOverlay {
        position: absolute;
        inset: 0;
        background: white;
    }

    .report-viewer {
        box-shadow: none;
        width: 100%;
        max-height: none;
    }

    .report-viewer header button,
    .report-viewer footer {
        display: none;
    }
}

/* DGxOne v0.35 Guided Engineering Procedure */
.dgx-procedure {
    margin-top: 26px;
    padding: 22px;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(15,24,42,.72), rgba(8,13,28,.62)),
        radial-gradient(circle at top right, rgba(34,197,94,.10), transparent 34%);
    border: 1px solid rgba(255,255,255,.08);
}

.procedure-header span {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    color: #86efac;
}

.procedure-header h2 {
    margin: 8px 0;
}

.procedure-header p {
    color: rgba(236,241,255,.68);
}

.procedure-equipment {
    margin: 18px 0;
    padding: 16px;
    border-radius: 16px;
    background: rgba(34,197,94,.07);
    border: 1px solid rgba(34,197,94,.12);
}

.procedure-equipment strong {
    display: block;
    margin-bottom: 10px;
}

.procedure-equipment div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.procedure-equipment span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: rgba(236,241,255,.82);
    font-size: 13px;
}

.procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.procedure-step {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 14px;
    padding: 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
}

.step-index {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg,#38bdf8,#7c3aed);
    font-weight: 900;
}

.procedure-step h3 {
    margin: 0 0 8px;
}

.procedure-step p {
    margin: 0 0 10px;
    color: rgba(236,241,255,.72);
}

.procedure-step details {
    margin-top: 8px;
    color: rgba(236,241,255,.68);
}

.procedure-step summary {
    cursor: pointer;
    color: #93c5fd;
    font-weight: 700;
}

.procedure-measurement {
    margin-top: 14px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(56,189,248,.07);
    border: 1px solid rgba(56,189,248,.12);
}

.procedure-measurement label {
    display: block;
    margin-bottom: 8px;
    font-weight: 800;
}

.procedure-measurement div {
    display: flex;
    gap: 8px;
}

.procedure-measurement input {
    flex: 1;
    min-width: 0;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(2,6,14,.55);
    color: white;
}

.procedure-measurement button {
    padding: 12px 14px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg,#38bdf8,#7c3aed);
    color: white;
    font-weight: 900;
    cursor: pointer;
}

.procedure-feedback {
    margin-top: 18px;
    padding: 16px;
    border-radius: 16px;
    background: rgba(15,24,42,.82);
    border: 1px solid rgba(255,255,255,.08);
    color: rgba(236,241,255,.72);
}

.procedure-feedback strong {
    display: block;
    color: #f8fafc;
    margin-bottom: 8px;
}

.procedure-feedback small {
    color: #86efac;
    font-weight: 800;
}

/* DGxOne v0.35.1 Procedure Compact Polish */
.dgx-procedure {
    padding: 18px;
    border-radius: 18px;
}

.procedure-steps {
    gap: 10px;
}

.procedure-step {
    grid-template-columns: 30px 1fr;
    gap: 12px;
    padding: 13px 15px;
    border-radius: 14px;
    background: rgba(15, 24, 42, .58);
}

.step-index {
    width: 26px;
    height: 26px;
    font-size: 13px;
}

.procedure-step h3 {
    font-size: 16px;
    margin-bottom: 4px;
}

.procedure-step p {
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: 6px;
}

.procedure-step summary {
    font-size: 13px;
}

.procedure-measurement {
    margin-top: 10px;
    padding: 12px;
    border-radius: 12px;
}

.procedure-measurement label {
    font-size: 13px;
}

.procedure-measurement div {
    display: grid;
    grid-template-columns: minmax(160px, 260px) 120px;
    gap: 10px;
    align-items: center;
}

.procedure-measurement input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    background: rgba(2, 6, 14, .95);
    border: 1px solid rgba(147, 197, 253, .35);
    color: #f8fafc;
    font-size: 15px;
    font-weight: 700;
}

.procedure-measurement input::placeholder {
    color: rgba(226, 232, 240, .45);
}

.procedure-measurement input:focus {
    outline: none;
    border-color: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, .14);
}

.procedure-measurement button {
    height: 42px;
    padding: 0 14px;
    border-radius: 10px;
    font-size: 13px;
}

.procedure-feedback {
    margin-top: 12px;
    padding: 13px;
    border-radius: 13px;
    font-size: 13px;
}

/* DGxOne v0.36 Mission Control Polish */
.mission-console {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mission-console div {
    padding: 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
}

.mission-console span {
    display: block;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 10px;
    color: #93c5fd;
    margin-bottom: 6px;
}

.mission-console strong {
    display: block;
    color: #f8fafc;
    line-height: 1.35;
}

.mini-action-button {
    margin-top: 12px;
    padding: 9px 12px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg,#38bdf8,#7c3aed);
    color: white;
    font-weight: 800;
    cursor: pointer;
}

.mini-action-button:hover {
    filter: brightness(1.08);
}

/* DGxOne v1.1 Knowledge Vault Foundation */
.vault-panel {
    margin-top: 14px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(15,24,42,.62);
    border: 1px solid rgba(255,255,255,.08);
}

.vault-panel span {
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 10px;
    color: #93c5fd;
}

.vault-panel h3 {
    margin: 7px 0;
    font-size: 16px;
}

.vault-panel p {
    margin: 0 0 12px;
    color: rgba(236,241,255,.62);
    font-size: 12px;
    line-height: 1.4;
}

.vault-upload {
    display: grid;
    place-items: center;
    gap: 4px;
    padding: 14px;
    border-radius: 14px;
    border: 1px dashed rgba(147,197,253,.34);
    background: rgba(56,189,248,.06);
    cursor: pointer;
}

.vault-upload input {
    display: none;
}

.vault-upload strong {
    color: #f8fafc;
}

.vault-upload small {
    color: rgba(236,241,255,.5);
}

.vault-documents {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgba(236,241,255,.58);
    font-size: 12px;
}

.vault-doc {
    padding: 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.06);
}

.vault-doc strong {
    display: block;
    color: #f8fafc;
    font-size: 12px;
}

.vault-doc small {
    color: #86efac;
}

/* DGxOne v2.5 Workspace Router */
[data-workspace] {
    cursor: pointer;
}

[data-workspace].active {
    background: linear-gradient(135deg, #38bdf8, #7c3aed);
    color: #fff;
    box-shadow: 0 12px 32px rgba(124, 58, 237, .28);
}

body[data-active-workspace="communication"] #dgxReasoningGraph,
body[data-active-workspace="communication"] #dgxProcedureHost {
    display: none;
}

body[data-active-workspace="knowledge"] #dgxReasoningGraph,
body[data-active-workspace="knowledge"] #dgxProcedureHost {
    display: none;
}

body[data-active-workspace="vision"] #dgxReasoningGraph,
body[data-active-workspace="vision"] #dgxProcedureHost {
    display: none;
}

/* DGxOne v2.7 Workspace Panels */
#workspacePanelHost {
    margin-bottom: 18px;
}

.workspace-panel {
    padding: 22px;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(15,24,42,.72), rgba(8,13,28,.58)),
        radial-gradient(circle at top right, rgba(56,189,248,.10), transparent 34%);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 22px 60px rgba(0,0,0,.16);
}

.workspace-panel-header span {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    color: #93c5fd;
}

.workspace-panel-header h2 {
    margin: 8px 0;
}

.workspace-panel-header p {
    margin: 0 0 18px;
    color: rgba(236,241,255,.65);
}

.workspace-textarea {
    width: 100%;
    min-height: 150px;
    resize: vertical;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(147,197,253,.22);
    background: rgba(2,6,14,.58);
    color: #f8fafc;
    font-size: 15px;
    line-height: 1.55;
}

.workspace-textarea::placeholder,
.workspace-search input::placeholder {
    color: rgba(226,232,240,.45);
}

.workspace-actions,
.workspace-search {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.workspace-actions button,
.workspace-search button {
    padding: 11px 14px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg,#38bdf8,#7c3aed);
    color: white;
    font-weight: 900;
    cursor: pointer;
}

.workspace-actions button.secondary {
    background: rgba(255,255,255,.08);
}

.workspace-search input {
    flex: 1;
    padding: 13px 14px;
    border-radius: 12px;
    border: 1px solid rgba(147,197,253,.22);
    background: rgba(2,6,14,.58);
    color: #f8fafc;
}

.workspace-empty {
    margin-top: 16px;
    padding: 16px;
    border-radius: 14px;
    background: rgba(255,255,255,.045);
    color: rgba(236,241,255,.62);
}

.workspace-upload {
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 150px;
    border-radius: 18px;
    border: 1px dashed rgba(147,197,253,.34);
    background: rgba(56,189,248,.06);
    cursor: pointer;
}

.workspace-upload input {
    display: none;
}

.workspace-upload small {
    color: rgba(236,241,255,.52);
}

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

.agent-grid div,
.settings-grid div {
    padding: 15px;
    border-radius: 15px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
}

.agent-grid small,
.settings-grid span {
    display: block;
    margin-top: 6px;
    color: #86efac;
    font-size: 12px;
}

/* DGX UI Fix: prevent mission canvas from clipping under action toolbar */
.mission-canvas,
.mission-panel,
#missionCanvas,
#workspacePanelHost {
    overflow: visible !important;
}

.mission-actions,
.quick-actions,
.action-row,
.hero-actions {
    margin-bottom: 28px !important;
}

.mission-card,
.mission-output,
.investigation-card,
.cognitive-graph,
.graph-canvas {
    margin-top: 24px !important;
}

/* DGX UI Fix: hide clipped legacy animated status text above mission graph */
.mission-canvas > p,
.mission-canvas > .status-text,
.mission-canvas > .animated-status,
.mission-canvas > .thinking-status,
#missionCanvas > p,
#missionCanvas > .status-text,
#missionCanvas > .animated-status,
#missionCanvas > .thinking-status {
    display: none !important;
}

/* DGX UI Fix: remove clipped legacy thinking/status list above mission card */
.thinking-stream,
.thinking-lines,
.thinking-status,
.status-stream,
.status-lines,
.animated-status,
.pipeline-status,
.pipeline-stream,
.mission-thinking,
#thinkingStream,
#pipelineStatus {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* DGX OS v7.2.5 Runtime UI State Cleanup */
.brain-error,
.runtime-error,
.error-state,
.status-error {
    display: none !important;
}

#brainStatus,
#missionStatus,
.status-label {
    color: #86efac !important;
}

/* DGX OS v7.3.1 Functional Settings Workspace */
.settings-workspace {
    padding: 28px;
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.settings-card {
    padding: 20px;
    border-radius: 22px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
}

.settings-card h3 {
    margin-top: 0;
}

.settings-card label {
    display: block;
    margin-top: 12px;
    color: rgba(226,232,240,.78);
    font-size: 13px;
}

.settings-card select {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(2,6,14,.65);
    color: white;
}

.dgx-button.danger {
    margin-left: 8px;
    background: rgba(239,68,68,.16);
    color: #fecaca;
}

/* DGX OS v7.4 Functional Agents Workspace */
.agents-workspace {
    padding: 28px;
}

.agents-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.agent-workspace-card {
    padding: 20px;
    border-radius: 22px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    transition: 280ms ease;
}

.agent-workspace-card:hover {
    transform: translateY(-2px);
    border-color: rgba(147,197,253,.22);
    box-shadow: 0 18px 42px rgba(0,0,0,.20);
}

.agent-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
}

.agent-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    font-size: 22px;
}

.agent-workspace-card h3 {
    margin: 0;
    font-size: 17px;
}

.agent-status {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    color: #86efac;
    background: rgba(34,197,94,.10);
}

.agent-workspace-card p {
    margin: 15px 0;
    color: rgba(226,232,240,.70);
    font-size: 13px;
    line-height: 1.45;
}

.agent-confidence {
    display: grid;
    grid-template-columns: 1fr 42px;
    gap: 10px;
    align-items: center;
}

.agent-confidence-bar {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}

.agent-confidence-bar div {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #38bdf8, #7c3aed);
}

.agent-confidence strong {
    font-size: 12px;
    color: rgba(226,232,240,.78);
    text-align: right;
}

/*==================================================
 DGX OS v9.3 Frost Blue Theme
==================================================*/

:root{

--dgx-bg:#07111d;
--dgx-panel:#0d1a2b;
--dgx-panel-2:#132238;

--dgx-border:#24415f;

--dgx-text:#f3f8ff;
--dgx-muted:#97abc3;

--dgx-frost:#8FD8FF;
--dgx-frost-2:#6EBEFF;
--dgx-frost-3:#4EA7FF;

--dgx-glow:
0 0 8px rgba(111,214,255,.18),
0 0 24px rgba(111,214,255,.15),
0 0 48px rgba(111,214,255,.10);

--dgx-gradient:
linear-gradient(
135deg,
#8FD8FF 0%,
#74C8FF 35%,
#5BB8FF 70%,
#479DFF 100%
);

}

body{

background:

radial-gradient(
circle at top,
rgba(111,214,255,.08),
transparent 45%
),

#07111d;

color:var(--dgx-text);

}

/*=========================================================
 DGX OS v9.3 Frost Blue Design System
=========================================================*/

:root{

--dgx-bg:#07111D;
--dgx-surface:#0C1626;
--dgx-surface-2:#132238;

--dgx-border:#284560;

--dgx-text:#F5FAFF;
--dgx-muted:#9CB2C8;

--dgx-frost:#8FD8FF;
--dgx-frost-light:#A8E5FF;
--dgx-frost-mid:#6EC5FF;
--dgx-frost-dark:#419EFF;

--dgx-gradient:
linear-gradient(
135deg,
#A8E5FF 0%,
#89D4FF 28%,
#6BC3FF 55%,
#55B2FF 78%,
#419EFF 100%
);

--dgx-glow:
0 0 12px rgba(143,216,255,.22),
0 0 40px rgba(143,216,255,.12);

}

body{

background:

radial-gradient(
circle at top,
rgba(143,216,255,.08),
transparent 42%
),

#07111D;

color:var(--dgx-text);

transition:
background .35s,
color .35s;

}

button,
.dgx-button,
.primary-button{

background:var(--dgx-gradient);

border:none;

color:white;

box-shadow:var(--dgx-glow);

transition:
all .25s ease;

}

button:hover,
.dgx-button:hover,
.primary-button:hover{

transform:translateY(-2px);

filter:brightness(1.08);

box-shadow:

0 0 18px rgba(143,216,255,.35),

0 0 48px rgba(143,216,255,.20);

}

.workspace-card,
.dgx-card,
.report-card{

background:

linear-gradient(
180deg,
rgba(18,32,50,.97),
rgba(10,20,35,.96)
);

border:

1px solid rgba(143,216,255,.10);

transition:
all .25s ease;

}

.workspace-card:hover,
.dgx-card:hover,
.report-card:hover{

border-color:#8FD8FF;

box-shadow:

0 0 20px rgba(143,216,255,.12);

transform:translateY(-2px);

}

.sidebar .active,
.sidebar-item.active{

background:var(--dgx-gradient);

box-shadow:

0 0 20px rgba(143,216,255,.35);

}

.dgx-orb{

animation:

dgxOrbFloat 6s ease-in-out infinite,

dgxOrbPulse 3.5s ease-in-out infinite;

box-shadow:

0 0 25px rgba(143,216,255,.45),

0 0 60px rgba(143,216,255,.18);

}

@keyframes dgxOrbPulse{

0%{transform:scale(1)}

50%{transform:scale(1.05)}

100%{transform:scale(1)}

}

@keyframes dgxOrbFloat{

0%{transform:translateY(0)}

50%{transform:translateY(-6px)}

100%{transform:translateY(0)}

}


/*=========================================================
 DGX OS v9.3 Frost Blue Design System
=========================================================*/

:root{

--dgx-bg:#07111D;
--dgx-surface:#0C1626;
--dgx-surface-2:#132238;

--dgx-border:#284560;

--dgx-text:#F5FAFF;
--dgx-muted:#9CB2C8;

--dgx-frost:#8FD8FF;
--dgx-frost-light:#A8E5FF;
--dgx-frost-mid:#6EC5FF;
--dgx-frost-dark:#419EFF;

--dgx-gradient:
linear-gradient(
135deg,
#A8E5FF 0%,
#89D4FF 28%,
#6BC3FF 55%,
#55B2FF 78%,
#419EFF 100%
);

--dgx-glow:
0 0 12px rgba(143,216,255,.22),
0 0 40px rgba(143,216,255,.12);

}

body{

background:

radial-gradient(
circle at top,
rgba(143,216,255,.08),
transparent 42%
),

#07111D;

color:var(--dgx-text);

transition:
background .35s,
color .35s;

}

button,
.dgx-button,
.primary-button{

background:var(--dgx-gradient);

border:none;

color:white;

box-shadow:var(--dgx-glow);

transition:
all .25s ease;

}

button:hover,
.dgx-button:hover,
.primary-button:hover{

transform:translateY(-2px);

filter:brightness(1.08);

box-shadow:

0 0 18px rgba(143,216,255,.35),

0 0 48px rgba(143,216,255,.20);

}

.workspace-card,
.dgx-card,
.report-card{

background:

linear-gradient(
180deg,
rgba(18,32,50,.97),
rgba(10,20,35,.96)
);

border:

1px solid rgba(143,216,255,.10);

transition:
all .25s ease;

}

.workspace-card:hover,
.dgx-card:hover,
.report-card:hover{

border-color:#8FD8FF;

box-shadow:

0 0 20px rgba(143,216,255,.12);

transform:translateY(-2px);

}

.sidebar .active,
.sidebar-item.active{

background:var(--dgx-gradient);

box-shadow:

0 0 20px rgba(143,216,255,.35);

}

.dgx-orb{

animation:

dgxOrbFloat 6s ease-in-out infinite,

dgxOrbPulse 3.5s ease-in-out infinite;

box-shadow:

0 0 25px rgba(143,216,255,.45),

0 0 60px rgba(143,216,255,.18);

}

@keyframes dgxOrbPulse{

0%{transform:scale(1)}

50%{transform:scale(1.05)}

100%{transform:scale(1)}

}

@keyframes dgxOrbFloat{

0%{transform:translateY(0)}

50%{transform:translateY(-6px)}

100%{transform:translateY(0)}

}


/*=========================================================
 DGX OS v9.3 Frost Blue Design System
=========================================================*/

:root{

--dgx-bg:#07111D;
--dgx-surface:#0C1626;
--dgx-surface-2:#132238;

--dgx-border:#284560;

--dgx-text:#F5FAFF;
--dgx-muted:#9CB2C8;

--dgx-frost:#8FD8FF;
--dgx-frost-light:#A8E5FF;
--dgx-frost-mid:#6EC5FF;
--dgx-frost-dark:#419EFF;

--dgx-gradient:
linear-gradient(
135deg,
#A8E5FF 0%,
#89D4FF 28%,
#6BC3FF 55%,
#55B2FF 78%,
#419EFF 100%
);

--dgx-glow:
0 0 12px rgba(143,216,255,.22),
0 0 40px rgba(143,216,255,.12);

}

body{

background:

radial-gradient(
circle at top,
rgba(143,216,255,.08),
transparent 42%
),

#07111D;

color:var(--dgx-text);

transition:
background .35s,
color .35s;

}

button,
.dgx-button,
.primary-button{

background:var(--dgx-gradient);

border:none;

color:white;

box-shadow:var(--dgx-glow);

transition:
all .25s ease;

}

button:hover,
.dgx-button:hover,
.primary-button:hover{

transform:translateY(-2px);

filter:brightness(1.08);

box-shadow:

0 0 18px rgba(143,216,255,.35),

0 0 48px rgba(143,216,255,.20);

}

.workspace-card,
.dgx-card,
.report-card{

background:

linear-gradient(
180deg,
rgba(18,32,50,.97),
rgba(10,20,35,.96)
);

border:

1px solid rgba(143,216,255,.10);

transition:
all .25s ease;

}

.workspace-card:hover,
.dgx-card:hover,
.report-card:hover{

border-color:#8FD8FF;

box-shadow:

0 0 20px rgba(143,216,255,.12);

transform:translateY(-2px);

}

.sidebar .active,
.sidebar-item.active{

background:var(--dgx-gradient);

box-shadow:

0 0 20px rgba(143,216,255,.35);

}

.dgx-orb{

animation:

dgxOrbFloat 6s ease-in-out infinite,

dgxOrbPulse 3.5s ease-in-out infinite;

box-shadow:

0 0 25px rgba(143,216,255,.45),

0 0 60px rgba(143,216,255,.18);

}

@keyframes dgxOrbPulse{

0%{transform:scale(1)}

50%{transform:scale(1.05)}

100%{transform:scale(1)}

}

@keyframes dgxOrbFloat{

0%{transform:translateY(0)}

50%{transform:translateY(-6px)}

100%{transform:translateY(0)}

}


/*=========================================================
 DGX OS v9.4 Living Workspace Engine
=========================================================*/

body {
    --dgx-live-glow: var(--dgx-frost);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 18% 16%,
            color-mix(in srgb, var(--dgx-live-glow) 18%, transparent),
            transparent 34%
        ),
        radial-gradient(
            circle at 82% 10%,
            color-mix(in srgb, var(--dgx-live-glow) 10%, transparent),
            transparent 32%
        );
    opacity: .55;
    z-index: 0;
}

body[data-living-workspace="settings"] .settings-card,
body[data-living-workspace="agents"] .agent-workspace-card,
body[data-living-workspace="brain"] .dgx-report-card {
    box-shadow:
        0 0 18px color-mix(in srgb, var(--dgx-live-glow) 16%, transparent),
        inset 0 0 24px rgba(255,255,255,.015);
}

body[data-orb-mode="thinking"] .dgx-orb,
body[data-orb-mode="system"] .dgx-orb,
body[data-orb-mode="agents"] .dgx-orb,
body[data-orb-mode="knowledge"] .dgx-orb,
body[data-orb-mode="vision"] .dgx-orb,
body[data-orb-mode="communication"] .dgx-orb {
    box-shadow:
        0 0 28px color-mix(in srgb, var(--dgx-live-glow) 60%, transparent),
        0 0 72px color-mix(in srgb, var(--dgx-live-glow) 24%, transparent);
}

body[data-orb-mode="vision"] .dgx-orb {
    animation:
        dgxOrbFloat 5s ease-in-out infinite,
        dgxOrbScan 2.2s linear infinite;
}

body[data-orb-mode="agents"] .dgx-orb {
    animation:
        dgxOrbFloat 5s ease-in-out infinite,
        dgxOrbNetwork 2.4s ease-in-out infinite;
}

body[data-orb-mode="system"] .dgx-orb {
    animation:
        dgxOrbFloat 6s ease-in-out infinite,
        dgxOrbPulse 2.8s ease-in-out infinite;
}

@keyframes dgxOrbScan {
    0% { filter: brightness(1); }
    50% { filter: brightness(1.35) saturate(1.2); }
    100% { filter: brightness(1); }
}

@keyframes dgxOrbNetwork {
    0% { transform: scale(1); }
    33% { transform: scale(1.035) rotate(.4deg); }
    66% { transform: scale(1.015) rotate(-.4deg); }
    100% { transform: scale(1); }
}

.workspace-entering {
    animation: dgxWorkspaceEnter .32s ease both;
}

@keyframes dgxWorkspaceEnter {
    from {
        opacity: .35;
        transform: translateY(8px) scale(.992);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* DGX OS v12.1 Brain Workspace Layout Repair */
.workspace-grid[data-workspace-panel="brain"] {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(360px, 1.25fr);
    gap: 24px;
    padding: 30px;
    align-items: start;
}

.workspace-grid[data-workspace-panel="brain"] .left-column,
.workspace-grid[data-workspace-panel="brain"] .center-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.workspace-grid[data-workspace-panel="brain"] .mission-dock {
    display: none !important;
}

.workspace-grid[data-workspace-panel="brain"] .panel,
.workspace-grid[data-workspace-panel="brain"] .history-panel,
.workspace-grid[data-workspace-panel="brain"] .pipeline-panel {
    width: 100%;
    max-width: none;
}

.workspace-grid[data-workspace-panel="brain"] button[type="submit"] {
    width: 100%;
    margin-top: 16px;
}

.workspace-grid[data-workspace-panel="brain"] .output-panel {
    min-height: 300px;
}

.workspace-grid[data-workspace-panel="brain"] .pipeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    gap: 10px;
}

@media (max-width: 1100px) {
    .workspace-grid[data-workspace-panel="brain"] {
        grid-template-columns: 1fr;
    }
}

/* DGX OS Brain Lab Premium Restore */
.dgx-brain-home {
    padding: 34px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 100%;
}

.dgx-brain-hero {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 24px;
    align-items: center;
    padding: 32px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(143,216,255,.22), transparent 38%),
        linear-gradient(135deg, rgba(16,38,62,.96), rgba(8,18,32,.96));
    border: 1px solid rgba(143,216,255,.18);
    box-shadow: 0 0 55px rgba(143,216,255,.10);
}

.dgx-brain-orb {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 900;
    color: white;
    background: linear-gradient(135deg, #a8e5ff, #57b7ff, #5c8bff);
    box-shadow:
        0 0 28px rgba(143,216,255,.55),
        0 0 80px rgba(143,216,255,.22);
    animation: dgxOrbFloat 5s ease-in-out infinite, dgxOrbPulse 3s ease-in-out infinite;
}

.dgx-brain-hero h1 {
    margin: 6px 0;
    font-size: 46px;
    letter-spacing: -.04em;
}

.dgx-brain-hero p {
    margin: 0;
    max-width: 720px;
    color: rgba(226,232,240,.76);
    font-size: 15px;
}

.dgx-brain-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 14px;
}

.dgx-brain-actions button {
    min-height: 52px;
    border-radius: 18px;
    font-weight: 800;
}

.dgx-thinking-stream {
    padding: 22px 26px;
    border-radius: 24px;
    background: rgba(8,18,32,.68);
    border: 1px solid rgba(143,216,255,.12);
    display: grid;
    gap: 10px;
}

.dgx-thinking-stream p {
    margin: 0;
    color: rgba(226,232,240,.78);
    animation: dgxThinkingFade 2.8s ease-in-out infinite;
}

.dgx-thinking-stream p:nth-child(2) { animation-delay: .2s; }
.dgx-thinking-stream p:nth-child(3) { animation-delay: .4s; }
.dgx-thinking-stream p:nth-child(4) { animation-delay: .6s; }
.dgx-thinking-stream p:nth-child(5) { animation-delay: .8s; }

@keyframes dgxThinkingFade {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

.dgx-brain-mission {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    padding: 28px;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(18,32,50,.95), rgba(10,20,34,.95));
    border: 1px solid rgba(143,216,255,.14);
}

.dgx-brain-mission h2 {
    margin: 6px 0;
    font-size: 28px;
}

.dgx-brain-mission p {
    margin: 0;
    color: rgba(226,232,240,.72);
}

.dgx-mission-percent {
    font-size: 38px;
    font-weight: 900;
    color: #8fd8ff;
    text-shadow: 0 0 24px rgba(143,216,255,.45);
}

.dgx-brain-console form {
    display: grid;
    grid-template-columns: 1fr 58px;
    gap: 14px;
    align-items: end;
}

.dgx-brain-console textarea {
    min-height: 82px;
    resize: vertical;
    border-radius: 22px;
    padding: 18px;
    border: 1px solid rgba(143,216,255,.14);
    background: rgba(5,12,24,.82);
    color: white;
    font-size: 15px;
}

.dgx-brain-console button {
    height: 58px;
    border-radius: 20px;
    font-size: 20px;
}

@media (max-width: 1100px) {
    .dgx-brain-actions {
        grid-template-columns: repeat(2, 1fr);
    }

    .dgx-brain-hero {
        grid-template-columns: 1fr;
    }
}

/* DGX OS v13.2 Brain Lab Premium UI */
.dgx-brain-os {
    padding: 34px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dgx-brain-hero {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 26px;
    align-items: center;
    padding: 34px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 8% 10%, rgba(143,216,255,.28), transparent 34%),
        linear-gradient(135deg, rgba(15,35,58,.96), rgba(7,16,30,.96));
    border: 1px solid rgba(143,216,255,.16);
    box-shadow: 0 0 60px rgba(143,216,255,.10);
}

.dgx-orb-large {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 900;
    font-size: 22px;
    color: white;
    background: linear-gradient(135deg, #a8e5ff, #57b7ff, #6b5dff);
    box-shadow: 0 0 28px rgba(143,216,255,.55), 0 0 90px rgba(143,216,255,.25);
    animation: dgxOrbFloat 5s ease-in-out infinite, dgxOrbPulse 3s ease-in-out infinite;
}

.dgx-brain-hero h1 {
    margin: 4px 0 8px;
    font-size: 42px;
    letter-spacing: -.04em;
}

.dgx-brain-hero p {
    color: rgba(226,232,240,.76);
    margin: 0 0 22px;
}

.dgx-brain-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.dgx-brain-actions button {
    padding: 12px 18px;
    border-radius: 999px;
    font-weight: 800;
}

.dgx-thinking-stream {
    padding: 20px 24px;
    border-radius: 24px;
    border: 1px solid rgba(143,216,255,.12);
    background: rgba(8,18,32,.62);
    display: grid;
    gap: 9px;
}

.dgx-thinking-stream p {
    margin: 0;
    color: #a8dfff;
}

.dgx-brain-mission-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 30px;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(18,32,50,.96), rgba(10,20,34,.96));
    border: 1px solid rgba(143,216,255,.14);
}

.dgx-brain-mission-card h2 {
    font-size: 30px;
    margin: 6px 0;
}

.dgx-brain-mission-card p {
    margin: 0;
    color: rgba(226,232,240,.72);
}

.dgx-progress-ring {
    min-width: 92px;
    height: 92px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 26px;
    font-weight: 900;
    background: conic-gradient(#8fd8ff 0deg, #6b5dff 0deg, rgba(255,255,255,.08) 0deg);
    box-shadow: 0 0 30px rgba(143,216,255,.18);
}

.dgx-brain-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(360px, 1.1fr);
    gap: 22px;
}

.dgx-brain-panel {
    padding: 26px;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(18,32,50,.96), rgba(10,20,34,.96));
    border: 1px solid rgba(143,216,255,.13);
}

.dgx-brain-panel h3 {
    margin-top: 0;
    font-size: 24px;
}

.dgx-brain-panel textarea {
    width: 100%;
    min-height: 190px;
    border-radius: 20px;
    padding: 18px;
    background: rgba(5,12,24,.75);
    border: 1px solid rgba(143,216,255,.14);
    color: white;
}

.dgx-brain-panel button[type="submit"] {
    width: 100%;
    margin-top: 16px;
    height: 54px;
    border-radius: 18px;
    font-weight: 900;
}

.dgx-brain-panel .pipeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: 12px;
}

.dgx-brain-panel .stage {
    text-align: center;
    padding: 14px;
    border-radius: 16px;
    background: rgba(143,216,255,.08);
    border: 1px solid rgba(143,216,255,.12);
    font-weight: 800;
}

@media (max-width: 1100px) {
    .dgx-brain-hero,
    .dgx-brain-grid {
        grid-template-columns: 1fr;
    }
}

/* DGX OS v13.3 Brain Visual Polish — CSS only */
.dgx-brain-os {
    gap: 18px !important;
    padding-top: 26px !important;
}

.dgx-brain-hero {
    grid-template-columns: 92px 1fr !important;
    padding: 28px 34px !important;
    min-height: 260px;
}

.dgx-brain-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dgx-brain-actions {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin-top: 18px;
}

.dgx-brain-actions button {
    width: auto !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    box-shadow: 0 0 22px rgba(143,216,255,.16) !important;
}

.dgx-thinking-stream,
.dgx-brain-mission-card,
.dgx-brain-panel {
    border-color: rgba(143,216,255,.18) !important;
    box-shadow: 0 0 26px rgba(143,216,255,.07) !important;
}

.dgx-brain-mission-card {
    padding: 24px 30px !important;
}

.dgx-progress-ring {
    background:
        radial-gradient(circle, #152238 58%, transparent 59%),
        conic-gradient(#8fd8ff 0deg, #5c8bff 0deg, rgba(255,255,255,.08) 0deg) !important;
}

.dgx-brain-grid {
    margin-top: 0 !important;
}

.dgx-brain-panel {
    padding: 24px !important;
}

#brainPanelHost .dgx-panel-header h2,
#brainPanelHost h2 {
    color: #f5fbff;
}

#brainPanelHost .dgx-report-card {
    border-color: rgba(143,216,255,.16) !important;
}

@media (max-width: 1250px) {
    .dgx-brain-actions {
        flex-wrap: wrap !important;
    }
}

/* DGX OS v13.3 Brain Visual Polish — CSS only */
.dgx-brain-os {
    gap: 18px !important;
    padding-top: 26px !important;
}

.dgx-brain-hero {
    grid-template-columns: 92px 1fr !important;
    padding: 28px 34px !important;
    min-height: 260px;
}

.dgx-brain-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dgx-brain-actions {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin-top: 18px;
}

.dgx-brain-actions button {
    width: auto !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    box-shadow: 0 0 22px rgba(143,216,255,.16) !important;
}

.dgx-thinking-stream,
.dgx-brain-mission-card,
.dgx-brain-panel {
    border-color: rgba(143,216,255,.18) !important;
    box-shadow: 0 0 26px rgba(143,216,255,.07) !important;
}

.dgx-brain-mission-card {
    padding: 24px 30px !important;
}

.dgx-progress-ring {
    background:
        radial-gradient(circle, #152238 58%, transparent 59%),
        conic-gradient(#8fd8ff 0deg, #5c8bff 0deg, rgba(255,255,255,.08) 0deg) !important;
}

.dgx-brain-grid {
    margin-top: 0 !important;
}

.dgx-brain-panel {
    padding: 24px !important;
}

#brainPanelHost .dgx-panel-header h2,
#brainPanelHost h2 {
    color: #f5fbff;
}

#brainPanelHost .dgx-report-card {
    border-color: rgba(143,216,255,.16) !important;
}

@media (max-width: 1250px) {
    .dgx-brain-actions {
        flex-wrap: wrap !important;
    }
}

/* DGX OS v13.3 Brain Visual Polish — CSS only */
.dgx-brain-os {
    gap: 18px !important;
    padding-top: 26px !important;
}

.dgx-brain-hero {
    grid-template-columns: 92px 1fr !important;
    padding: 28px 34px !important;
    min-height: 260px;
}

.dgx-brain-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dgx-brain-actions {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin-top: 18px;
}

.dgx-brain-actions button {
    width: auto !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    box-shadow: 0 0 22px rgba(143,216,255,.16) !important;
}

.dgx-thinking-stream,
.dgx-brain-mission-card,
.dgx-brain-panel {
    border-color: rgba(143,216,255,.18) !important;
    box-shadow: 0 0 26px rgba(143,216,255,.07) !important;
}

.dgx-brain-mission-card {
    padding: 24px 30px !important;
}

.dgx-progress-ring {
    background:
        radial-gradient(circle, #152238 58%, transparent 59%),
        conic-gradient(#8fd8ff 0deg, #5c8bff 0deg, rgba(255,255,255,.08) 0deg) !important;
}

.dgx-brain-grid {
    margin-top: 0 !important;
}

.dgx-brain-panel {
    padding: 24px !important;
}

#brainPanelHost .dgx-panel-header h2,
#brainPanelHost h2 {
    color: #f5fbff;
}

#brainPanelHost .dgx-report-card {
    border-color: rgba(143,216,255,.16) !important;
}

@media (max-width: 1250px) {
    .dgx-brain-actions {
        flex-wrap: wrap !important;
    }
}

/* DGX OS v13.4 Brain Workflow Layout Fix */
.dgx-brain-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
}

.dgx-brain-grid .dgx-brain-panel:first-child {
    width: 100% !important;
}

.dgx-brain-grid .dgx-brain-panel:first-child textarea {
    min-height: 230px !important;
}

.dgx-brain-grid .dgx-brain-panel:first-child button[type="submit"] {
    max-width: 280px !important;
    margin-left: auto !important;
    display: block !important;
}

.dgx-brain-grid .dgx-brain-panel:nth-child(2) {
    width: 100% !important;
    min-height: 260px !important;
}

.dgx-brain-grid .dgx-brain-panel:nth-child(2) #result {
    min-height: 180px !important;
}

.dgx-brain-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.dgx-brain-actions button {
    flex: 0 1 auto !important;
    min-width: 165px !important;
}

/* DGX OS v13.5 Clean Brain Mission Console */
.dgx-brain-clean {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.dgx-brain-clean-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 28px;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(15,35,58,.92), rgba(7,16,30,.96));
    border: 1px solid rgba(143,216,255,.14);
}

.dgx-brain-clean-header h1 {
    margin: 6px 0;
    font-size: 34px;
    letter-spacing: -.035em;
}

.dgx-brain-clean-header p {
    margin: 0;
    color: rgba(226,232,240,.72);
    max-width: 760px;
}

.dgx-brain-status-pill {
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(34,197,94,.14);
    color: #86efac;
    font-weight: 900;
}

.dgx-brain-panel {
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(18,32,50,.95), rgba(10,20,34,.95));
    border: 1px solid rgba(143,216,255,.14);
    box-shadow: 0 0 26px rgba(143,216,255,.06);
}

.dgx-panel-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.dgx-panel-title-row h2,
.dgx-brain-panel h2 {
    margin: 0 0 14px;
    font-size: 24px;
}

.dgx-panel-title-row span {
    color: #8fd8ff;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dgx-primary-input textarea {
    width: 100%;
    min-height: 230px;
    border-radius: 20px;
    padding: 18px;
    background: rgba(5,12,24,.78);
    border: 1px solid rgba(143,216,255,.14);
    color: white;
    font-size: 15px;
}

.dgx-primary-input button[type="submit"] {
    display: block;
    width: 280px;
    margin: 16px 0 0 auto;
    height: 54px;
    border-radius: 18px;
    font-weight: 900;
}

.dgx-quick-actions-clean {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.dgx-quick-actions-clean button {
    width: auto !important;
    min-height: 40px !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 850;
}

.dgx-brain-panel #result {
    min-height: 180px;
}

.dgx-brain-panel .pipeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(100px, 1fr));
    gap: 12px;
}

.dgx-brain-panel .stage {
    text-align: center;
    padding: 14px;
    border-radius: 16px;
    background: rgba(143,216,255,.08);
    border: 1px solid rgba(143,216,255,.12);
    font-weight: 800;
}

@media (max-width: 1100px) {
    .dgx-brain-clean-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .dgx-primary-input button[type="submit"] {
        width: 100%;
    }

    .dgx-brain-panel .pipeline {
        grid-template-columns: 1fr 1fr;
    }
}


.dgx-main{
    display:flex;
    flex-direction:column;
    height:100vh;
    overflow:hidden;
}

.dgx-workspace-canvas{
    flex:1;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:48px;
}

#brainPanelHost{
    height:100vh;
    overflow-y:auto;
}

/* DGX OS v15 Mission Workspace */
.dgx-os-mission {
    display: grid;
    gap: 14px;
    max-width: 100%;
}

.dgx-os-command-strip,
.dgx-os-canvas,
.dgx-os-runtime,
.dgx-os-analysis,
.dgx-os-history {
    background: rgba(5, 10, 24, .72);
    border: 1px solid rgba(125, 211, 252, .14);
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 18px 50px rgba(0,0,0,.22);
}

.dgx-os-command-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 68px;
}

.dgx-os-command-strip h1 {
    margin: 2px 0 0;
    font-size: 30px;
    letter-spacing: -.05em;
}

.dgx-os-strip-metrics {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dgx-os-strip-metrics span {
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(15,23,42,.58);
    border-radius: 999px;
    padding: 7px 10px;
    color: #94a3b8;
    font-size: 12px;
}

.dgx-os-strip-metrics b {
    color: #7dd3fc;
    margin-right: 5px;
}

.dgx-os-section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.dgx-os-section-head span {
    color: #7dd3fc;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .14em;
}

.dgx-os-section-head small {
    color: #64748b;
    font-size: 12px;
}

.dgx-os-mission-form {
    display: grid;
    gap: 10px;
}

.dgx-os-mission button {
    width: auto;
    margin: 0;
    padding: 11px 15px;
    border-radius: 11px;
    justify-self: start;
}

.dgx-os-command-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.dgx-os-command-row button {
    width: auto;
    margin: 0;
    padding: 9px 11px;
    border-radius: 999px;
    font-size: 12px;
    color: #dbeafe;
    background: rgba(15,23,42,.74);
    border: 1px solid rgba(125,211,252,.20);
}

.dgx-os-runtime #brainRuntimeStream,
.dgx-os-analysis #result {
    background: rgba(2,6,23,.54);
    border: 1px solid rgba(148,163,184,.12);
    border-radius: 12px;
    padding: 14px;
    color: #cbd5e1;
    min-height: 72px;
}

.dgx-os-pipeline {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

.dgx-os-pipeline .stage {
    padding: 9px 8px;
    border-radius: 10px;
    font-size: 12px;
}

.dgx-os-history {
    max-height: 260px;
    overflow: auto;
}

.dgx-brain-clean-header,
.dgx-brain-panel,
.dgx-quick-actions-clean,
.dgx-runtime-stream {
    display: none !important;
}

.dgx-os-topbar-status {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(2,6,23,.62);
    border: 1px solid rgba(125,211,252,.18);
    color: #7dd3fc;
    font-size: 12px;
}

.dgx-os-topbar-status small {
    color: #64748b;
}

.dgx-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 18px rgba(34,197,94,.7);
}

@media(max-width: 900px) {
    .dgx-os-command-strip {
        align-items: flex-start;
        flex-direction: column;
    }

    .dgx-os-pipeline {
        grid-template-columns: 1fr;
    }
}

/* DGX OS v15.1 topbar overlap fix + runtime graph */
.dgx-topbar-search,
.dgx-topbar-status,
#dgxTopbarStatus {
    display: none !important;
}

.dgx-os-mission {
    padding-top: 18px;
}

.dgx-os-command-strip {
    margin-top: 14px;
}

.dgx-os-runtime-body {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 18px;
    align-items: center;
}

.dgx-os-runtime-events {
    display: grid;
    gap: 7px;
    font-size: 12px;
    color: #cbd5e1;
}

.dgx-os-runtime-events span {
    color: #64748b;
    margin-right: 8px;
}

.dgx-os-runtime-events b {
    color: #22c55e;
    margin-right: 8px;
}

.dgx-os-wave {
    height: 128px;
    border-radius: 12px;
    border: 1px solid rgba(125,211,252,.14);
    background:
        linear-gradient(rgba(125,211,252,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(125,211,252,.08) 1px, transparent 1px),
        radial-gradient(circle at 60% 50%, rgba(56,189,248,.18), transparent 38%);
    background-size: 100% 32px, 54px 100%, 100% 100%;
    position: relative;
    overflow: hidden;
}

.dgx-os-wave::before {
    content: "";
    position: absolute;
    inset: 18px 10px;
    background:
        linear-gradient(135deg,
            transparent 0 8%,
            #38bdf8 10%,
            transparent 12% 22%,
            #22d3ee 24%,
            transparent 26% 38%,
            #38bdf8 40%,
            transparent 42% 54%,
            #60a5fa 56%,
            transparent 58% 70%,
            #38bdf8 72%,
            transparent 74%);
    filter: drop-shadow(0 0 10px rgba(56,189,248,.9));
    animation: dgxWaveMove 2.8s linear infinite;
    opacity: .95;
}

.dgx-os-wave::after {
    content: "";
    position: absolute;
    left: -35%;
    top: 0;
    width: 35%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(125,211,252,.22), transparent);
    animation: dgxScan 3.2s ease-in-out infinite;
}

@keyframes dgxWaveMove {
    from { transform: translateX(-8%); }
    to { transform: translateX(8%); }
}

@keyframes dgxScan {
    0% { left: -35%; }
    55% { left: 105%; }
    100% { left: 105%; }
}

.dgx-os-runtime-metrics {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 8px;
    margin-top: 10px;
}

.dgx-os-runtime-metrics div {
    border: 1px solid rgba(125,211,252,.14);
    background: rgba(2,6,23,.56);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 11px;
    color: #94a3b8;
}

.dgx-os-runtime-metrics strong {
    display: block;
    color: #f8fafc;
    font-size: 13px;
    margin-top: 2px;
}

@media(max-width:900px){
    .dgx-os-runtime-body {
        grid-template-columns: 1fr;
    }
}

/* DGX OS real runtime telemetry graph */
.dgx-telemetry-graph {
    display: grid;
    grid-template-columns: repeat(7, minmax(92px, 1fr));
    gap: 10px;
    position: relative;
}

.dgx-telemetry-node {
    min-height: 96px;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(2,6,23,.52);
    padding: 12px;
    display: grid;
    align-content: space-between;
    position: relative;
    overflow: hidden;
}

.dgx-telemetry-node::after {
    content: "";
    position: absolute;
    inset: auto 12px 10px 12px;
    height: 2px;
    border-radius: 999px;
    background: rgba(148,163,184,.22);
}

.dgx-telemetry-node b {
    color: #64748b;
    font-size: 11px;
}

.dgx-telemetry-node span {
    color: #f8fafc;
    font-weight: 800;
    font-size: 13px;
}

.dgx-telemetry-node small {
    color: #94a3b8;
    font-size: 11px;
}

.dgx-telemetry-node.active {
    border-color: rgba(56,189,248,.7);
    box-shadow: 0 0 28px rgba(56,189,248,.18);
}

.dgx-telemetry-node.active::after {
    background: linear-gradient(90deg,#38bdf8,#a78bfa);
    box-shadow: 0 0 18px rgba(56,189,248,.8);
}

.dgx-telemetry-node.complete {
    border-color: rgba(34,197,94,.48);
}

.dgx-telemetry-node.complete::after {
    background: #22c55e;
    box-shadow: 0 0 16px rgba(34,197,94,.55);
}

.dgx-telemetry-readout {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.dgx-telemetry-readout div {
    border: 1px solid rgba(148,163,184,.14);
    background: rgba(2,6,23,.48);
    border-radius: 12px;
    padding: 9px 10px;
    color: #64748b;
    font-size: 11px;
}

.dgx-telemetry-readout strong {
    display: block;
    color: #f8fafc;
    font-size: 13px;
    margin-top: 3px;
    text-transform: capitalize;
}

@media(max-width:1100px) {
    .dgx-telemetry-graph {
        grid-template-columns: repeat(2, 1fr);
    }

    .dgx-telemetry-readout {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* DGX OS Mission Intelligence */
.dgx-mission-story {
    padding: 18px;
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(56,189,248,.10), rgba(15,23,42,.35));
    border: 1px solid rgba(125,211,252,.18);
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
}

.dgx-mission-story::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(167,139,250,.16), transparent 35%);
    pointer-events: none;
}

.dgx-mission-story h3 {
    position: relative;
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #f8fafc;
}

.dgx-mission-story p {
    position: relative;
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.6;
}

.dgx-os-discoveries{

margin-bottom:18px;

}

#dgxMissionDiscoveries{

display:grid;

gap:12px;

}

.dgx-discovery-card{

display:grid;

grid-template-columns:54px 1fr;

gap:14px;

padding:16px;

border-radius:14px;

background:rgba(8,15,30,.70);

border:1px solid rgba(125,211,252,.16);

animation:dgxDiscovery .35s ease;

}

.dgx-discovery-icon{

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

border-radius:12px;

background:rgba(56,189,248,.12);

}

.dgx-discovery-body strong{

display:block;

font-size:15px;

margin-bottom:6px;

color:#f8fafc;

}

.dgx-discovery-body p{

margin:0;

font-size:13px;

line-height:1.5;

color:#94a3b8;

}

@keyframes dgxDiscovery{

from{

opacity:0;

transform:translateY(14px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* DGX OS AI Operations Center */
.dgx-ai-ops-center {
    position: sticky;
    top: 18px;
    max-height: calc(100vh - 36px);
    overflow: auto;
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 18px;
    background: rgba(5,10,24,.76);
    border: 1px solid rgba(125,211,252,.16);
    box-shadow: 0 24px 70px rgba(0,0,0,.32);
}

.dgx-ops-header {
    display: grid;
    gap: 4px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(148,163,184,.14);
}

.dgx-ops-header span,
.dgx-ops-block small,
.dgx-ops-grid small {
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.dgx-ops-header strong {
    font-size: 20px;
    letter-spacing: -.04em;
}

.dgx-ops-status,
.dgx-ops-block,
.dgx-ops-grid div {
    background: rgba(2,6,23,.48);
    border: 1px solid rgba(148,163,184,.13);
    border-radius: 14px;
    padding: 13px;
}

.dgx-ops-status {
    display: flex;
    align-items: center;
    gap: 11px;
}

.dgx-ops-status strong,
.dgx-ops-block strong,
.dgx-ops-grid strong {
    display: block;
    margin-top: 4px;
    color: #f8fafc;
    font-size: 15px;
}

.dgx-ops-block p {
    margin: 7px 0 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.45;
}

.dgx-ops-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}

.dgx-ops-meter {
    height: 8px;
    margin-top: 10px;
    border-radius: 999px;
    background: rgba(51,65,85,.72);
    overflow: hidden;
}

.dgx-ops-meter div {
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(90deg,#38bdf8,#a78bfa);
    transition: width .35s ease;
}

.dgx-ops-events {
    display: grid;
    gap: 7px;
    margin-top: 8px;
}

.dgx-ops-events span {
    color: #cbd5e1;
    font-size: 12px;
    padding-left: 10px;
    border-left: 2px solid rgba(125,211,252,.35);
}

/* DGX OS Mission Map */
.dgx-mission-map-panel {
    overflow: hidden;
}

.dgx-mission-map-shell {
    position: relative;
    min-height: 500px;
    border-radius: 18px;
    border: 1px solid rgba(125,211,252,.14);
    background:
        radial-gradient(circle at 50% 38%, rgba(56,189,248,.13), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.52), rgba(2,6,23,.42));
    padding: 22px;
}

.dgx-mission-map-copy span {
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.dgx-mission-map-copy h2 {
    margin: 8px 0 6px;
    font-size: 24px;
    letter-spacing: -.05em;
}

.dgx-mission-map-copy p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
}

.dgx-mission-confidence-ring {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 84px;
    height: 84px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at center, rgba(2,6,23,.96) 48%, transparent 50%),
        conic-gradient(#38bdf8 0deg, #a78bfa 260deg, rgba(51,65,85,.7) 260deg);
    box-shadow: 0 0 34px rgba(56,189,248,.22);
}

.dgx-mission-confidence-ring strong {
    font-size: 20px;
}

.dgx-mission-map {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 28px;
    margin-top: 40px;
}

.dgx-mission-map::before {
    content: "";
    position: absolute;
    top: 92px;
    bottom: 70px;
    left: 50%;
    width: 3px;
    transform: translateX(-50%);
    background: linear-gradient(#38bdf8, #a78bfa, #22c55e);
    opacity: .55;
    border-radius: 999px;
}

.mission-branch {
    display: grid;
    grid-template-columns: repeat(3, 118px);
    gap: 24px;
    position: relative;
}

.mission-branch::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 58px;
    right: 58px;
    height: 3px;
    background: linear-gradient(90deg,#38bdf8,#a78bfa,#38bdf8);
    opacity: .55;
    border-radius: 999px;
}

.mission-node {
    width: 118px;
    min-height: 104px;
    border-radius: 18px;
    border: 1px solid rgba(148,163,184,.18);
    background: rgba(8,15,30,.84);
    display: grid;
    place-items: center;
    padding: 12px;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: .25s ease;
}

.mission-node b {
    font-size: 26px;
    line-height: 1;
}

.mission-node span {
    display: block;
    margin-top: 8px;
    color: #f8fafc;
    font-size: 13px;
    font-weight: 900;
}

.mission-node small {
    display: block;
    margin-top: 5px;
    color: #94a3b8;
    font-size: 11px;
}

.mission-node.active {
    border-color: rgba(56,189,248,.82);
    background: rgba(12,45,70,.78);
    box-shadow:
        0 0 24px rgba(56,189,248,.28),
        inset 0 0 22px rgba(56,189,248,.08);
    transform: translateY(-2px);
}

.mission-node.active small {
    color: #7dd3fc;
}

.mission-node.complete {
    border-color: rgba(34,197,94,.65);
    background: rgba(12,60,45,.62);
    box-shadow:
        0 0 24px rgba(34,197,94,.20),
        inset 0 0 22px rgba(34,197,94,.08);
}

.mission-node.complete small::after {
    content: " ✓";
    color: #86efac;
    font-weight: 900;
}

@media(max-width:900px) {
    .dgx-mission-map-shell {
        min-height: auto;
    }

    .dgx-mission-confidence-ring {
        position: static;
        margin: 18px 0 0;
    }

    .mission-branch {
        grid-template-columns: 1fr;
    }

    .mission-branch::before,
    .dgx-mission-map::before {
        display: none;
    }
}

/* ---------- DGX OS Horizontal Mission Map ---------- */

.dgx-mission-map-horizontal{

display:flex;

align-items:center;

justify-content:space-between;

gap:18px;

margin-top:36px;

padding:20px 0;

overflow-x:auto;

}

.dgx-mission-map-horizontal::before{

display:none;

}

.dgx-mission-map-horizontal .mission-branch{

display:flex;

gap:18px;

align-items:center;

}

.dgx-mission-map-horizontal .mission-branch::before{

display:none;

}

.dgx-mission-map-horizontal .mission-node{

width:132px;

height:150px;

flex:none;

position:relative;

}

.dgx-mission-map-horizontal .mission-node:not(:last-child)::after{

content:"";

position:absolute;

top:50%;

left:100%;

width:22px;

height:3px;

background:linear-gradient(90deg,#38bdf8,#8b5cf6);

transform:translateY(-50%);

opacity:.7;

}

.dgx-mission-map-horizontal .mission-node.complete::after{

background:linear-gradient(90deg,#22c55e,#38bdf8);

}

.dgx-mission-map-horizontal .mission-node:last-child::after{

display:none;

}

EOFcat >> Sources/DGXWeb/Public/css/style.css <<'EOF'

/* ---------- DGX OS Horizontal Mission Map ---------- */

.dgx-mission-map-horizontal{

display:flex;

align-items:center;

justify-content:space-between;

gap:18px;

margin-top:36px;

padding:20px 0;

overflow-x:auto;

}

.dgx-mission-map-horizontal::before{

display:none;

}

.dgx-mission-map-horizontal .mission-branch{

display:flex;

gap:18px;

align-items:center;

}

.dgx-mission-map-horizontal .mission-branch::before{

display:none;

}

.dgx-mission-map-horizontal .mission-node{

width:132px;

height:150px;

flex:none;

position:relative;

}

.dgx-mission-map-horizontal .mission-node:not(:last-child)::after{

content:"";

position:absolute;

top:50%;

left:100%;

width:22px;

height:3px;

background:linear-gradient(90deg,#38bdf8,#8b5cf6);

transform:translateY(-50%);

opacity:.7;

}

.dgx-mission-map-horizontal .mission-node.complete::after{

background:linear-gradient(90deg,#22c55e,#38bdf8);

}

.dgx-mission-map-horizontal .mission-node:last-child::after{

display:none;

}


/* DGX OS Live Mission Runner */
.mission-node[data-runtime-stage="explanation"] {
    cursor: pointer;
}

.mission-node[data-runtime-stage="explanation"]:hover {
    transform: translateY(-4px);
    border-color: rgba(167,139,250,.85);
    box-shadow: 0 0 34px rgba(167,139,250,.26);
}

.dgx-live-report {
    display: grid;
    gap: 14px;
    background: rgba(2,6,23,.58);
    border: 1px solid rgba(125,211,252,.18);
    border-radius: 14px;
    padding: 16px;
}

.dgx-report-header {
    display: grid;
    gap: 6px;
}

.dgx-report-header span,
.dgx-report-section span,
.dgx-report-confidence span {
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.dgx-report-header strong {
    color: #f8fafc;
    font-size: 20px;
    line-height: 1.25;
}

.dgx-report-confidence {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(15,23,42,.72);
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 12px;
    padding: 12px;
}

.dgx-report-confidence strong {
    color: #22c55e;
    font-size: 22px;
}

.dgx-report-section {
    display: grid;
    gap: 8px;
}

.dgx-report-section ul {
    margin: 0;
    padding-left: 18px;
    color: #cbd5e1;
    line-height: 1.55;
}

.dgx-report-section p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.55;
}

.dgx-report-focus {
    animation: dgxReportFocus 1.2s ease;
}

@keyframes dgxReportFocus {
    0% { box-shadow: 0 0 0 rgba(56,189,248,0); }
    35% { box-shadow: 0 0 42px rgba(56,189,248,.35); }
    100% { box-shadow: 0 0 0 rgba(56,189,248,0); }
}

/* DGX OS Live Mission Report */
.mission-node[data-runtime-stage="explanation"] {
    cursor: pointer;
}

.mission-node[data-runtime-stage="explanation"]:hover {
    border-color: rgba(167,139,250,.85);
    box-shadow: 0 0 34px rgba(167,139,250,.26);
}

.dgx-live-report {
    display: grid;
    gap: 14px;
    background: rgba(2,6,23,.58);
    border: 1px solid rgba(125,211,252,.18);
    border-radius: 14px;
    padding: 16px;
}

.dgx-report-header,
.dgx-report-section {
    display: grid;
    gap: 8px;
}

.dgx-report-header span,
.dgx-report-section span,
.dgx-report-confidence span {
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.dgx-report-header strong {
    color: #f8fafc;
    font-size: 20px;
    line-height: 1.25;
}

.dgx-report-confidence {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(15,23,42,.72);
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 12px;
    padding: 12px;
}

.dgx-report-confidence strong {
    color: #22c55e;
    font-size: 22px;
}

.dgx-report-section ul {
    margin: 0;
    padding-left: 18px;
    color: #cbd5e1;
    line-height: 1.55;
}

.dgx-report-section p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.55;
}

.dgx-report-focus {
    animation: dgxReportFocus 1.2s ease;
}

@keyframes dgxReportFocus {
    0% { box-shadow: 0 0 0 rgba(56,189,248,0); }
    35% { box-shadow: 0 0 42px rgba(56,189,248,.35); }
    100% { box-shadow: 0 0 0 rgba(56,189,248,0); }
}

/* DGX OS v16.5 AI Operations Center Agent Bars */
.dgx-ai-ops-center {
    gap: 14px !important;
    align-content: start !important;
    min-height: auto !important;
    padding: 18px !important;
    overflow-y: auto;
}

.dgx-ai-ops-center::after {
    display: none !important;
}

.dgx-ops-top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(148,163,184,.16);
}

.dgx-ops-top span,
.dgx-ops-section-title {
    color: #7dd3fc;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.dgx-ops-top strong {
    display: block;
    margin-top: 4px;
    color: #f8fafc;
    font-size: 18px;
}

.dgx-ops-top b {
    color: #22c55e;
    font-size: 14px;
}

.dgx-ops-card,
.dgx-agent-meter {
    border: 1px solid rgba(125,211,252,.16);
    background: rgba(2,6,23,.48);
    border-radius: 16px;
    padding: 14px;
}

.dgx-ops-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dgx-ops-card-head span {
    color: #f8fafc;
    font-size: 18px;
    font-weight: 900;
}

.dgx-ops-card-head strong,
#opsConfidence {
    color: #f8fafc;
    font-size: 24px;
}

.dgx-ops-card p {
    margin: 10px 0 0;
    color: #cbd5e1;
    line-height: 1.45;
}

.dgx-ops-meter {
    height: 9px;
    margin-top: 12px;
    border-radius: 999px;
    background: rgba(51,65,85,.78);
    overflow: hidden;
}

.dgx-ops-meter div {
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(90deg,#38bdf8,#8b5cf6);
    transition: width .35s ease;
}

.dgx-ops-agents {
    display: grid;
    gap: 12px;
    padding-top: 4px;
}

.dgx-agent-meter {
    display: grid;
    grid-template-columns: 46px 1fr 52px;
    gap: 12px;
    align-items: center;
}

.dgx-agent-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    font-size: 24px;
    background: rgba(15,23,42,.82);
}

.dgx-agent-meter strong {
    color: #f8fafc;
    font-size: 14px;
}

.dgx-agent-meter p {
    margin: 5px 0 9px;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.35;
}

.dgx-agent-meter > b {
    text-align: right;
    font-size: 20px;
    font-weight: 900;
}

.dgx-agent-bar {
    height: 8px;
    border-radius: 999px;
    background: rgba(51,65,85,.78);
    overflow: hidden;
}

.dgx-agent-bar div {
    width: 0%;
    height: 100%;
    border-radius: 999px;
    transition: width .35s ease;
}

.dgx-agent-meter.green {
    border-color: rgba(34,197,94,.28);
}

.dgx-agent-meter.green .dgx-agent-bar div {
    background: #22c55e;
}

.dgx-agent-meter.green > b {
    color: #22c55e;
}

.dgx-agent-meter.purple {
    border-color: rgba(139,92,246,.30);
}

.dgx-agent-meter.purple .dgx-agent-bar div {
    background: #8b5cf6;
}

.dgx-agent-meter.purple > b {
    color: #a855f7;
}

.dgx-agent-meter.blue {
    border-color: rgba(59,130,246,.30);
}

.dgx-agent-meter.blue .dgx-agent-bar div {
    background: #3b82f6;
}

.dgx-agent-meter.blue > b {
    color: #3b82f6;
}

.dgx-agent-meter.orange {
    border-color: rgba(249,115,22,.30);
}

.dgx-agent-meter.orange .dgx-agent-bar div {
    background: #f97316;
}

.dgx-agent-meter.orange > b {
    color: #f97316;
}

.dgx-ops-events {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.dgx-ops-events span {
    color: #cbd5e1;
    font-size: 12px;
    padding-left: 10px;
    border-left: 2px solid rgba(125,211,252,.35);
}

.dgx-ops-events b {
    color: #7dd3fc;
}

#opsTimelineButton {
    width: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    color: #7dd3fc;
    font-size: 12px;
    box-shadow: none;
}

/* DGX OS v16.6 right panel targeting + horizontal map fix */
.sidebar:not(.dgx-ai-ops-center),
.left-panel:not(.dgx-ai-ops-center) {
    flex-shrink: 0;
}

.right-panel.dgx-ai-ops-center,
.dgx-right-panel.dgx-ai-ops-center,
[data-panel="right"].dgx-ai-ops-center,
aside.dgx-ai-ops-center {
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
}

.dgx-mission-map-shell {
    overflow: hidden;
}

.dgx-mission-map-horizontal {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(92px, 1fr));
    gap: 12px !important;
    overflow: visible !important;
}

.dgx-mission-map-horizontal .mission-branch {
    display: contents !important;
}

.dgx-mission-map-horizontal .mission-node {
    width: auto !important;
    min-width: 0 !important;
    height: 132px !important;
}

.dgx-mission-map-horizontal .mission-node::after {
    display: none !important;
}

@media(max-width:1200px) {
    .dgx-mission-map-horizontal {
        grid-template-columns: repeat(4, minmax(92px, 1fr));
    }
}

/* DGX OS compact mission status + issue workspace */
.dgx-mission-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(5,10,24,.74);
    border: 1px solid rgba(125,211,252,.16);
    box-shadow: 0 18px 50px rgba(0,0,0,.20);
}

.dgx-status-left h2 {
    margin: 4px 0 4px;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -.04em;
}

.dgx-status-left p {
    margin: 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.4;
}

.dgx-status-right {
    min-width: 170px;
    display: grid;
    gap: 10px;
}

.dgx-live-indicator {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    color: #7dd3fc;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.dgx-live-indicator span {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 18px rgba(34,197,94,.7);
}

.dgx-mini-progress {
    height: 8px;
    border-radius: 999px;
    background: rgba(51,65,85,.76);
    overflow: hidden;
}

.dgx-mini-progress div {
    width: 0%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg,#38bdf8,#8b5cf6,#22c55e);
    transition: width .35s ease;
}

.dgx-os-canvas {
    padding: 16px !important;
}

.dgx-os-canvas .dgx-os-section-head {
    margin-bottom: 12px;
}

.dgx-os-mission-form button {
    padding: 12px 18px !important;
}

@media(max-width:900px) {
    .dgx-mission-status {
        align-items: flex-start;
        flex-direction: column;
    }

    .dgx-status-right {
        width: 100%;
        min-width: 0;
    }
}

/* DGX OS v16.7 brain workspace alignment fix */
.dgx-brain-clean.dgx-os-mission {
    padding-top: 18px !important;
}

.dgx-mission-status,
.dgx-os-canvas,
.dgx-os-runtime,
.dgx-os-discoveries,
.dgx-os-analysis,
.dgx-os-history {
    width: 100%;
    max-width: 100%;
}

.dgx-mission-status {
    min-height: 82px !important;
    padding: 14px 18px !important;
    margin-bottom: 14px !important;
}

.dgx-status-left h2 {
    font-size: 21px !important;
}

.dgx-status-left p {
    font-size: 13px !important;
}

.dgx-os-canvas {
    margin-top: 0 !important;
    padding: 18px !important;
}

.dgx-os-command-row {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.dgx-mission-map-shell {
    min-height: 390px !important;
}

.dgx-mission-map-horizontal {
    grid-template-columns: repeat(7, minmax(82px, 1fr)) !important;
}

.dgx-mission-map-horizontal .mission-node {
    height: 126px !important;
    padding: 10px !important;
}

.dgx-mission-map-horizontal .mission-node span {
    font-size: 12px !important;
}

/* DGX OS v16.8 unified runtime polish */
.dgx-os-topbar-status,
#dgxOsTopbarStatus {
    display: none !important;
}

.dgx-brain-clean.dgx-os-mission {
    padding-top: 22px !important;
}

.dgx-mission-status {
    position: relative !important;
    z-index: 2 !important;
    overflow: hidden !important;
    align-items: center !important;
    padding: 16px 20px !important;
    margin-top: 4px !important;
    margin-bottom: 18px !important;
}

.dgx-mission-status .dgx-eyebrow {
    display: block !important;
    margin-bottom: 6px !important;
}

.dgx-status-left h2 {
    margin-top: 0 !important;
}

.dgx-status-right {
    align-self: center !important;
}

.dgx-live-indicator {
    margin-bottom: 2px !important;
}

.dgx-ai-ops-center {
    gap: 14px !important;
    align-content: start !important;
}

.dgx-ai-ops-center .dgx-ops-card,
.dgx-ai-ops-center .dgx-agent-meter {
    margin: 0 !important;
}

.dgx-agent-bar div,
.dgx-ops-meter div {
    min-width: 0;
}

.dgx-live-report li {
    margin-bottom: 4px;
}

/* DGX OS printable engineering report */
.dgx-print-report-button {
    width: fit-content !important;
    margin: 8px 0 0 !important;
    padding: 9px 13px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg,#38bdf8,#8b5cf6) !important;
    color: #020617 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

@media print {
    body {
        background: white !important;
        color: black !important;
    }

    body * {
        visibility: hidden !important;
    }

    #result,
    #result * {
        visibility: visible !important;
    }

    #result {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        padding: 32px !important;
        background: white !important;
        color: black !important;
        border: none !important;
        box-shadow: none !important;
    }

    .dgx-print-report-button {
        display: none !important;
    }

    .dgx-report-header span,
    .dgx-report-section span,
    .dgx-report-confidence span {
        color: #111827 !important;
    }

    .dgx-report-header strong,
    .dgx-report-confidence strong,
    .dgx-report-section,
    .dgx-report-section li,
    .dgx-report-section p {
        color: black !important;
    }

    .dgx-report-confidence {
        border: 1px solid #d1d5db !important;
        background: #f9fafb !important;
    }
}

/* Disable old print isolation; report printing now uses dedicated window */
@media print {
    body * {
        visibility: visible !important;
    }
}

/* DGX OS hide inline report shell after report is generated */
.dgx-live-report {
    display: none !important;
}

/* ===== DGX OS v16.9 Mission Map spacing ===== */

.dgx-mission-map-horizontal {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(120px, 1fr)) !important;
    align-items: start !important;
    justify-items: center !important;
    column-gap: 18px !important;
    row-gap: 18px !important;
    width: 100% !important;
    padding: 26px 12px !important;
}

.dgx-mission-map-horizontal .mission-branch {
    display: contents !important;
}

.dgx-mission-map-horizontal .mission-node {
    width: 100% !important;
    max-width: 140px !important;
    min-width: 120px !important;
    height: 132px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 14px !important;
    margin: 0 !important;

    box-sizing: border-box !important;
}

.dgx-mission-map-horizontal .mission-node span {
    margin-top: 10px;
    text-align: center;
    line-height: 1.2;
}

.dgx-mission-map-horizontal .mission-node small {
    margin-top: 8px;
    text-align: center;
    line-height: 1.25;
    min-height: 30px;
}

/* keep report card same width as others */
.dgx-mission-map-horizontal .mission-node[data-runtime-stage="completed"] {
    max-width: 140px !important;
}

@media (max-width:1400px){

    .dgx-mission-map-horizontal{

        grid-template-columns:repeat(4,minmax(120px,1fr)) !important;

    }

}

@media (max-width:900px){

    .dgx-mission-map-horizontal{

        grid-template-columns:repeat(2,minmax(120px,1fr)) !important;

    }

}

/* ==========================================================
   DGX OS v17
   Living Mission Graph
   ========================================================== */

.dgx-mission-map{

    position:relative;
    overflow:visible;

}

.mission-node{

    position:relative;
    transition:.35s;
    cursor:pointer;

}

.mission-node:hover{

    transform:translateY(-6px) scale(1.02);

}

.mission-node.active{

    animation:dgxNodePulse 1.6s infinite;

}

.mission-node.complete{

    box-shadow:
        0 0 28px rgba(34,197,94,.35),
        inset 0 0 24px rgba(34,197,94,.08);

}

@keyframes dgxNodePulse{

0%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

50%{

box-shadow:
0 0 32px rgba(56,189,248,.45);

}

100%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

}

/* glowing connection */

.mission-wire{

    position:absolute;
    height:3px;
    border-radius:99px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #4ade80,
    #38bdf8,
    #a855f7,
    transparent);

    background-size:300% 100%;

    animation:dgxWire 2s linear infinite;

}

@keyframes dgxWire{

from{

background-position:0%;

}

to{

background-position:300%;

}

}


/* ==========================================================
   DGX OS v17
   Living Mission Graph
   ========================================================== */

.dgx-mission-map{

    position:relative;
    overflow:visible;

}

.mission-node{

    position:relative;
    transition:.35s;
    cursor:pointer;

}

.mission-node:hover{

    transform:translateY(-6px) scale(1.02);

}

.mission-node.active{

    animation:dgxNodePulse 1.6s infinite;

}

.mission-node.complete{

    box-shadow:
        0 0 28px rgba(34,197,94,.35),
        inset 0 0 24px rgba(34,197,94,.08);

}

@keyframes dgxNodePulse{

0%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

50%{

box-shadow:
0 0 32px rgba(56,189,248,.45);

}

100%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

}

/* glowing connection */

.mission-wire{

    position:absolute;
    height:3px;
    border-radius:99px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #4ade80,
    #38bdf8,
    #a855f7,
    transparent);

    background-size:300% 100%;

    animation:dgxWire 2s linear infinite;

}

@keyframes dgxWire{

from{

background-position:0%;

}

to{

background-position:300%;

}

}


.dgx-response-panel {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(125, 211, 252, .18);
    border-radius: 16px;
    background: rgba(15, 23, 42, .55);
    box-shadow: inset 0 0 28px rgba(56, 189, 248, .05);
}

.dgx-response-label {
    color: #67e8f9;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

#dgxResponseIntent {
    color: #a78bfa;
    font-weight: 800;
    margin-bottom: 8px;
}

#dgxResponseText {
    color: #e5e7eb;
    line-height: 1.5;
}

/* ==========================================================
   DGX OS v17
   Living Mission Graph
   ========================================================== */

.dgx-mission-map{

    position:relative;
    overflow:visible;

}

.mission-node{

    position:relative;
    transition:.35s;
    cursor:pointer;

}

.mission-node:hover{

    transform:translateY(-6px) scale(1.02);

}

.mission-node.active{

    animation:dgxNodePulse 1.6s infinite;

}

.mission-node.complete{

    box-shadow:
        0 0 28px rgba(34,197,94,.35),
        inset 0 0 24px rgba(34,197,94,.08);

}

@keyframes dgxNodePulse{

0%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

50%{

box-shadow:
0 0 32px rgba(56,189,248,.45);

}

100%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

}

/* glowing connection */

.mission-wire{

    position:absolute;
    height:3px;
    border-radius:99px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #4ade80,
    #38bdf8,
    #a855f7,
    transparent);

    background-size:300% 100%;

    animation:dgxWire 2s linear infinite;

}

@keyframes dgxWire{

from{

background-position:0%;

}

to{

background-position:300%;

}

}




to{

opacity:1;

transform:none;

}

}


/* ==========================================================
   DGX OS v17
   Living Mission Graph
   ========================================================== */

.dgx-mission-map{

    position:relative;
    overflow:visible;

}

.mission-node{

    position:relative;
    transition:.35s;
    cursor:pointer;

}

.mission-node:hover{

    transform:translateY(-6px) scale(1.02);

}

.mission-node.active{

    animation:dgxNodePulse 1.6s infinite;

}

.mission-node.complete{

    box-shadow:
        0 0 28px rgba(34,197,94,.35),
        inset 0 0 24px rgba(34,197,94,.08);

}

@keyframes dgxNodePulse{

0%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

50%{

box-shadow:
0 0 32px rgba(56,189,248,.45);

}

100%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

}

/* glowing connection */

.mission-wire{

    position:absolute;
    height:3px;
    border-radius:99px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #4ade80,
    #38bdf8,
    #a855f7,
    transparent);

    background-size:300% 100%;

    animation:dgxWire 2s linear infinite;

}

@keyframes dgxWire{

from{

background-position:0%;

}

to{

background-position:300%;

}

}

/* ==========================================================
   DGX OS v17
   Living Mission Graph
   ========================================================== */

.dgx-mission-map{

    position:relative;
    overflow:visible;

}

.mission-node{

    position:relative;
    transition:.35s;
    cursor:pointer;

}

.mission-node:hover{

    transform:translateY(-6px) scale(1.02);

}

.mission-node.active{

    animation:dgxNodePulse 1.6s infinite;

}

.mission-node.complete{

    box-shadow:
        0 0 28px rgba(34,197,94,.35),
        inset 0 0 24px rgba(34,197,94,.08);

}

@keyframes dgxNodePulse{

0%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

50%{

box-shadow:
0 0 32px rgba(56,189,248,.45);

}

100%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

}

/* glowing connection */

.mission-wire{

    position:absolute;
    height:3px;
    border-radius:99px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #4ade80,
    #38bdf8,
    #a855f7,
    transparent);

    background-size:300% 100%;

    animation:dgxWire 2s linear infinite;

}

@keyframes dgxWire{

from{

background-position:0%;

}

to{

background-position:300%;

}

}


/* ==========================================================
   DGX OS v17
   Living Mission Graph
   ========================================================== */

.dgx-mission-map{

    position:relative;
    overflow:visible;

}

.mission-node{

    position:relative;
    transition:.35s;
    cursor:pointer;

}

.mission-node:hover{

    transform:translateY(-6px) scale(1.02);

}

.mission-node.active{

    animation:dgxNodePulse 1.6s infinite;

}

.mission-node.complete{

    box-shadow:
        0 0 28px rgba(34,197,94,.35),
        inset 0 0 24px rgba(34,197,94,.08);

}

@keyframes dgxNodePulse{

0%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

50%{

box-shadow:
0 0 32px rgba(56,189,248,.45);

}

100%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

}

/* glowing connection */

.mission-wire{

    position:absolute;
    height:3px;
    border-radius:99px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #4ade80,
    #38bdf8,
    #a855f7,
    transparent);

    background-size:300% 100%;

    animation:dgxWire 2s linear infinite;

}

@keyframes dgxWire{

from{

background-position:0%;

}

to{

background-position:300%;

}

}


/* ==========================================================
   DGX OS v17
   Living Mission Graph
   ========================================================== */

.dgx-mission-map{

    position:relative;
    overflow:visible;

}

.mission-node{

    position:relative;
    transition:.35s;
    cursor:pointer;

}

.mission-node:hover{

    transform:translateY(-6px) scale(1.02);

}

.mission-node.active{

    animation:dgxNodePulse 1.6s infinite;

}

.mission-node.complete{

    box-shadow:
        0 0 28px rgba(34,197,94,.35),
        inset 0 0 24px rgba(34,197,94,.08);

}

@keyframes dgxNodePulse{

0%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

50%{

box-shadow:
0 0 32px rgba(56,189,248,.45);

}

100%{

box-shadow:
0 0 0 rgba(56,189,248,.25);

}

}

/* glowing connection */

.mission-wire{

    position:absolute;
    height:3px;
    border-radius:99px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #4ade80,
    #38bdf8,
    #a855f7,
    transparent);

    background-size:300% 100%;

    animation:dgxWire 2s linear infinite;

}

@keyframes dgxWire{

from{

background-position:0%;

}

to{

background-position:300%;

}

}



/* ---------- v62 Premium Shell ---------- */

.dgx-premium-topbar{

backdrop-filter:blur(28px);

border-bottom:1px solid rgba(95,180,255,.12);

background:

linear-gradient(
180deg,
rgba(9,15,27,.88),
rgba(7,11,20,.74));

}


.dgx-os-brand{

display:flex;

align-items:center;

gap:14px;

}


.dgx-os-logo{

position:relative;

width:42px;

height:42px;

}


.dgx-core-ring{

position:absolute;

inset:0;

border-radius:50%;

border:1px solid rgba(92,210,255,.45);

animation:dgxRotate 12s linear infinite;

}


.dgx-core-dot{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

width:12px;

height:12px;

border-radius:50%;

background:#5ed7ff;

box-shadow:

0 0 18px #59d4ff,

0 0 42px rgba(96,104,255,.55);

}


.dgx-os-label{

font-size:9px;

letter-spacing:.25em;

color:#73dfff;

}


.dgx-os-brand strong{

display:block;

font-size:18px;

font-weight:700;

color:white;

}


.dgx-topbar-center{

display:flex;

gap:12px;

}


.dgx-top-chip{

padding:8px 14px;

border-radius:12px;

background:rgba(255,255,255,.03);

border:1px solid rgba(255,255,255,.06);

}


.dgx-top-chip span{

display:block;

font-size:9px;

letter-spacing:.14em;

text-transform:uppercase;

opacity:.55;

}


.dgx-top-chip strong{

font-size:12px;

}


.status-pulse{

width:8px;

height:8px;

border-radius:50%;

background:#39ff89;

display:inline-block;

margin-right:8px;

box-shadow:0 0 14px #39ff89;

animation:dgxPulse 1.6s infinite;

}



.dgx-founder-card{

margin-top:auto;

padding:18px;

display:flex;

align-items:center;

gap:16px;

border-radius:18px;

background:

linear-gradient(
180deg,
rgba(255,255,255,.03),
rgba(255,255,255,.015));

border:1px solid rgba(255,255,255,.05);

}


.dgx-founder-orb{

position:relative;

width:54px;

height:54px;

}


.dgx-founder-ring{

position:absolute;

inset:0;

border-radius:50%;

border:1px solid rgba(90,212,255,.45);

animation:dgxRotate 10s linear infinite;

}


.dgx-founder-core{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

width:36px;

height:36px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:13px;

font-weight:700;

color:white;

background:

linear-gradient(
135deg,
#2ac7ff,
#7a52ff);

box-shadow:

0 0 20px rgba(64,208,255,.45);

}


.dgx-founder-info strong{

display:block;

color:white;

font-size:13px;

}


.dgx-founder-info small{

color:#8fb8d9;

}


@keyframes dgxRotate{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}


@keyframes dgxPulse{

0%,100%{

transform:scale(1);

}

50%{

transform:scale(1.35);

}

}