/* V7.1 visual comfort: calmer light surfaces and coherent dark dashboard. */
:root:not([data-theme="dark"]):not(.v-universe){
  --bg:#edf2f5;--surface:#f8fafb;--surface-soft:#f1f5f7;
  --panel:#f8fafb;--soft:#f1f5f7;--soft-blue:#eef5f9;
  --line:#d5e0e7;--line2:#e5edf1;--shadow:0 9px 26px #25435d12;
}
:root:not([data-theme="dark"]):not(.v-universe) .main-content{background-color:var(--bg)}
:root:not([data-theme="dark"]):not(.v-universe) .sidebar,
:root:not([data-theme="dark"]):not(.v-universe) .topbar{background:#f5f8fa;border-color:var(--line)}
:root:not([data-theme="dark"]):not(.v-universe) .card,
:root:not([data-theme="dark"]):not(.v-universe) .panel,
:root:not([data-theme="dark"]):not(.v-universe) .note-card{background:var(--surface);border-color:var(--line)}
:root:not([data-theme="dark"]):not(.v-universe) .network-card{background:#f6f9fb}
:root:not([data-theme="dark"]):not(.v-universe) .graph-viewport{background:#f5f8fa!important}
:root:not([data-theme="dark"]):not(.v-universe) .command-stats>div{background:#f3f7f9;border-color:#dbe6eb}
:root:not([data-theme="dark"]):not(.v-universe) .empty{background:#f4f7f9}

/* A transparent wordmark and graph symbol replace the two white image tiles. */
.brand .brand-raster{display:none!important}
.brand-wordmark{display:inline-flex;flex-direction:column;gap:1px;margin:1px 3px 6px;color:#205079;line-height:1}
.brand-wordline{display:flex;align-items:center;gap:1px;font-size:21px;letter-spacing:-.8px;font-weight:600}
.brand-wordline strong{font-weight:900;color:#0e67b3;letter-spacing:-.9px}
.brand-wordmark small{font-size:10px;font-weight:650;letter-spacing:.035em;color:#627b90;margin-top:3px}
.brand-kite{display:inline-block;width:24px;height:24px;margin-left:6px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:conic-gradient(from 45deg,#ed0f68 0 25%,#f6b33a 25% 50%,#00b9ad 50% 75%,#1e86c8 75% 100%);transform:rotate(-11deg);filter:drop-shadow(0 2px 3px #1539541f)}
.topbar-hdft{width:40px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px #0b345323)}
[data-theme="dark"] .brand-wordmark{color:#d5e9f7}
[data-theme="dark"] .brand-wordline strong{color:#a8d9fa}
[data-theme="dark"] .brand-wordmark small{color:#a5c2d8}
[data-workspace="personal"] .brand-wordmark{display:none!important}

/* Nodes use colour as a rim and soft internal light, with readable labels. */
.project-node{background:radial-gradient(circle at 38% 24%,#fbfdfe 0%,color-mix(in srgb,var(--node) 12%,#f1f6f8) 69%,color-mix(in srgb,var(--node) 19%,#e9f2f6) 100%);color:#18324a;border-color:color-mix(in srgb,var(--node) 82%,#467692);box-shadow:0 9px 23px #17365519,0 3px 9px color-mix(in srgb,var(--node) 13%,transparent),inset 0 1px 3px #ffffffba!important}
.project-node:hover,.project-node:focus-visible{box-shadow:0 12px 26px #17365522,0 5px 13px color-mix(in srgb,var(--node) 19%,transparent),inset 0 1px 3px #ffffffba!important}
.project-node .title{font-size:clamp(12px,1.05vw,15px);font-weight:800;line-height:1.14;letter-spacing:-.2px;text-wrap:balance}
.project-node .status{font-size:10px;font-weight:700;background:#f8fbfce8;color:#294963;border-color:#ffffffa8;box-shadow:0 1px 5px #193a5c12}
.project-node.focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--node) 13%,transparent),0 10px 26px #17365521,inset 0 1px 3px #ffffffba!important}
.project-node.completed-node{filter:saturate(.78);box-shadow:0 5px 15px #17365512,inset 0 1px 3px #ffffff9c!important}

/* The activity rail and dots stay inside their own card at every width. */
.command-card .timeline.mini{padding:13px 18px 17px 36px;overflow:hidden}
.command-card .timeline.mini::before{left:26px;top:19px;bottom:18px;background:var(--line)}
.command-card .timeline.mini .timeline-item{padding:0 0 15px 10px;min-width:0}
.command-card .timeline.mini .timeline-item::before{left:-16px;top:4px;border-color:var(--surface)}
.command-card .timeline.mini .timeline-item strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.command-card .timeline.mini .timeline-item small{font-size:10px;line-height:1.4}

/* Dark mode has no stark white metric tiles or inverted node badges. */
:root[data-theme="dark"]{--bg:#172638;--surface:#203246;--surface-soft:#273d53;--panel:#203246;--soft:#273d53;--soft-blue:#273d53;--text:#eaf2f9;--muted:#b4c7d8;--line:#3a5267;--line2:#31495e;--ink:#eaf2f9}
[data-theme="dark"] .main-content{background-color:var(--bg)}
[data-theme="dark"] .graph-viewport{background:#1b2c3f!important}
[data-theme="dark"] .command-hero{background:linear-gradient(145deg,#283e54,#23384d)!important;border-color:#3e6881;color:var(--text)}
[data-theme="dark"] .command-stats>div{background:#30485e!important;border:1px solid #486077!important;color:#eef6fd;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff0a}
[data-theme="dark"] .command-stats b{color:#f4f9fd}
[data-theme="dark"] .command-stats span{color:#bdd1df}
[data-theme="dark"] .command-card .timeline.mini .timeline-item::before{background:#8abce3;border-color:#203246;box-shadow:0 0 0 1px #6489a8}
[data-theme="dark"] .project-node,
[data-theme="dark"] .project-node.health-stalled{background:radial-gradient(circle at 34% 22%,color-mix(in srgb,var(--node) 29%,#3b526a) 0%,color-mix(in srgb,var(--node) 15%,#22384d) 62%,#1d3043 100%);color:#f0f7fc;border-color:color-mix(in srgb,var(--node) 75%,#9cb8cb);box-shadow:0 10px 24px #06162665,0 3px 15px color-mix(in srgb,var(--node) 20%,transparent),inset 0 1px 1px #ffffff1e!important}
[data-theme="dark"] .project-node:hover,[data-theme="dark"] .project-node:focus-visible{box-shadow:0 13px 27px #06162683,0 4px 17px color-mix(in srgb,var(--node) 27%,transparent),inset 0 1px 1px #ffffff27!important}
[data-theme="dark"] .project-node.focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--node) 16%,transparent),0 12px 27px #06162676,inset 0 1px 1px #ffffff21!important}
[data-theme="dark"] .project-node.completed-node{box-shadow:0 6px 15px #06162652,inset 0 1px 1px #ffffff18!important}
[data-theme="dark"] .project-node .title{color:#f4f9fd;text-shadow:0 1px 2px #07152377}
[data-theme="dark"] .project-node .status,[data-theme="dark"] .project-node.future-node .status,[data-theme="dark"] .project-node.completed-node .status{background:#14283ecf!important;color:#e5f1fa!important;border:1px solid #7e9bb550!important;box-shadow:none}
[data-theme="dark"] .node-progress-caption{background:#21364a;color:#dcecf8;border-color:#506a7e}
[data-theme="dark"] .person-avatar{background:#d9eafa;color:#244767;border-color:#a8cde4}

@media(max-width:700px){.project-node .title{font-size:12px}.command-card .timeline.mini{padding-left:32px}.command-card .timeline.mini::before{left:22px}.command-card .timeline.mini .timeline-item::before{left:-16px}}
@media(prefers-reduced-motion:reduce){.project-node,.project-node:hover,.project-node:focus-visible{transition:none}}

/* Keep secondary dark controls and empty states within the same tonal range. */
[data-theme="dark"] .empty{background:#293e53!important;color:#b9cddd!important;border-color:#496277!important}
[data-theme="dark"] .topbar .btn,
[data-theme="dark"] .topbar .appearance-button,
[data-theme="dark"] .topbar .save-status,
[data-theme="dark"] .topbar .access-badge,
[data-theme="dark"] .sidebar .install-app,
[data-theme="dark"] .sidebar .drawer-capture{background:#2b4258!important;color:#e8f3fb!important;border-color:#496277!important}
[data-theme="dark"] .topbar .kbd{background:#344c61;color:#cbddeb;border-color:#567089}
[data-theme="dark"] .sidebar .btn:hover,[data-theme="dark"] .topbar .btn:hover{background:#35516a!important}
[data-theme="dark"] .focus-orb{background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--node) 35%,#38536a),#263c52);color:#f2f8fc;border-color:var(--node);box-shadow:0 4px 15px color-mix(in srgb,var(--node) 15%,transparent)}