/* Dashboard page styles extracted from maindashboard.html. */
.hover-svg svg { transition: transform .15s ease, opacity .15s ease; }
        .hover-svg:hover svg { transform: scale(1.08); }
        .dashboard-hero, .workspace-card, .quick-stat-card, .module-shortcut, .module-group-card { border-radius: 1.15rem; }
        .dashboard-hero {
            border: 1px solid rgba(var(--bs-primary-rgb), .14);
            background:
                radial-gradient(circle at 8% 0%, rgba(var(--bs-primary-rgb), .13), transparent 32%),
                radial-gradient(circle at 92% 18%, rgba(32, 201, 151, .12), transparent 28%),
                var(--bs-body-bg);
            box-shadow: 0 .35rem 1.2rem rgba(0,0,0,.05);
        }
        .hero-chip {
            display: inline-flex; align-items: center; gap: .45rem; border-radius: 999px; padding: .38rem .75rem;
            background: rgba(var(--bs-primary-rgb), .08); color: var(--bs-primary); font-size: .78rem; font-weight: 700;
        }
        .hero-chip strong { color: var(--bs-body-color); }
        .workspace-grid {
            display: grid;
            grid-template-columns: minmax(280px, 1.45fr) minmax(280px, 1.25fr) minmax(300px, .95fr);
            gap: 1rem;
            align-items: stretch;
        }
        .workspace-card {
            border: 1px solid rgba(var(--bs-primary-rgb), .13);
            background:
                linear-gradient(180deg, rgba(var(--bs-primary-rgb), .045), rgba(var(--bs-body-bg-rgb), .02)),
                var(--bs-body-bg);
            box-shadow: 0 .22rem .9rem rgba(0,0,0,.04);
            height: 100%;
            overflow: hidden;
        }
        .workspace-card .card-body { min-height: 0; }
        .workspace-card-lg { min-height: 390px; }
        .workspace-card-md { min-height: 285px; }
        .workspace-card-tall { grid-row: span 3; min-height: 100%; }
        .workspace-card-wide { grid-column: span 3; }
        .card-kicker { color: var(--bs-secondary-color); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .035em; }

        .dashboard-layout-toolbar { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .9rem; }
        .dashboard-layout-toolbar .btn { border-radius: 999px; font-weight: 700; font-size: .78rem; }
        .dashboard-layout-toolbar .btn[aria-pressed="true"] { background: var(--bs-dark); color: #fff; border-color: var(--bs-dark); }
        .dashboard-hero :focus-visible,
        .dashboard-layer-shell :focus-visible,
        .dashboard-command-center :focus-visible,
        .workspace-card :focus-visible {
            outline: .18rem solid rgba(var(--bs-primary-rgb), .32);
            outline-offset: .18rem;
            border-radius: .72rem;
        }
        .dashboard-card-actions { display: inline-flex; align-items: center; gap: .32rem; flex-wrap: wrap; justify-content: flex-end; }
        .dashboard-card-actions .btn { --bs-btn-padding-y: .2rem; --bs-btn-padding-x: .48rem; --bs-btn-font-size: .72rem; border-radius: 999px; line-height: 1.2; }
        .dashboard-drag-handle { cursor: grab; }
        .dashboard-drag-handle:active { cursor: grabbing; }
        .layout-edit-only { display: none !important; }
        body.dashboard-layout-editing .layout-edit-only { display: inline-flex !important; }
        body.dashboard-layout-editing .workspace-card { outline: 1px dashed rgba(var(--bs-primary-rgb), .28); outline-offset: -5px; }
        .workspace-card.dashboard-dragging { opacity: .45; transform: scale(.995); }
        .workspace-card.dashboard-drop-target { border-color: rgba(var(--bs-primary-rgb), .55); box-shadow: 0 0 0 .18rem rgba(var(--bs-primary-rgb), .08); }
        .workspace-card.layout-wide { grid-column: span 2; min-height: 430px; }
        .workspace-card.layout-full { grid-column: 1 / -1; min-height: 680px; }
        .workspace-card.layout-collapsed { min-height: auto !important; }
        .workspace-card.layout-collapsed .card-body > :not(:first-child) { display: none !important; }
        .workspace-card.layout-collapsed .dashboard-card-actions .layout-collapse-label::after { content: "Aç"; }
        .workspace-card:not(.layout-collapsed) .dashboard-card-actions .layout-collapse-label::after { content: "Daralt"; }
        .workspace-card.layout-wide .mebcool-command-messages { max-height: 520px; }
        .workspace-card.layout-full .mebcool-command-messages { max-height: 620px; }
        .dashboard-focus-backdrop { position: fixed; inset: 0; background: rgba(15,23,42,.48); backdrop-filter: blur(2px); z-index: 1079; display: none; }
        .dashboard-focus-backdrop.show { display: block; }
        body.dashboard-focus-open { overflow: hidden; }
        .workspace-card.mebcool-focus-mode {
            --mebcool-focus-x: clamp(16px, 4vw, 72px);
            --mebcool-focus-y: clamp(12px, 3dvh, 34px);
            position: fixed !important;
            top: var(--mebcool-focus-y);
            right: var(--mebcool-focus-x);
            bottom: var(--mebcool-focus-y);
            left: var(--mebcool-focus-x);
            z-index: 1080;
            width: auto !important;
            max-width: none !important;
            height: auto !important;
            max-height: none !important;
            margin: 0 !important;
            grid-column: auto !important;
            grid-row: auto !important;
            display: flex;
            box-sizing: border-box;
            box-shadow: 0 1.5rem 4rem rgba(0,0,0,.24);
            overflow: hidden;
        }
        .workspace-card.mebcool-focus-mode > .card-body {
            width: 100%;
            height: 100%;
            min-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            padding: clamp(.75rem, 1.35vw, 1.35rem) !important;
        }
        .workspace-card.mebcool-focus-mode > .card-body > .d-flex:first-child { flex: 0 0 auto; margin-bottom: clamp(.5rem, 1.2dvh, .85rem) !important; }
        .workspace-card.mebcool-focus-mode .mebcool-logo { width: clamp(32px, 3.2vw, 42px); height: clamp(32px, 3.2vw, 42px); }
        .workspace-card.mebcool-focus-mode .mini-muted { font-size: clamp(.74rem, 1.05vw, .86rem); }
        .workspace-card.mebcool-focus-mode .mebcool-command-shell { flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; }
        .workspace-card.mebcool-focus-mode .mebcool-dashboard-command { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
        .workspace-card.mebcool-focus-mode .mebcool-command-panel { flex: 1 1 0; min-height: 0; display: flex; overflow: hidden; margin-top: clamp(.35rem, 1dvh, .7rem); }
        .workspace-card.mebcool-focus-mode .mebcool-command-card { flex: 1 1 auto; min-height: 0; height: 100%; overflow: hidden; }
        .workspace-card.mebcool-focus-mode .mebcool-command-card > .card-body { height: 100%; min-height: 0; overflow: hidden; display: flex; flex-direction: column; padding: clamp(.7rem, 1.15vw, 1rem) !important; }
        .workspace-card.mebcool-focus-mode .mebcool-command-start-content { flex: 1 1 auto; min-height: 0; max-height: none !important; overflow: auto; padding-right: .15rem; }
        .workspace-card.mebcool-focus-mode .mebcool-command-messages { flex: 1 1 auto; min-height: 0; max-height: none !important; overflow: auto; }
        .workspace-card.mebcool-focus-mode .mebcool-command-form { flex: 0 0 auto; margin-top: clamp(.45rem, 1dvh, .75rem) !important; }
        .layout-save-state { font-size: .78rem; color: var(--bs-secondary-color); align-self: center; }
        .workspace-card .card-body > .d-flex:first-child {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto auto;
            align-items: start !important;
        }
        .workspace-card .card-body > .d-flex:first-child > div:first-child { min-width: 0; }
        .card-link { font-size: .82rem; font-weight: 700; text-decoration: none; justify-self: end; align-self: start; white-space: nowrap; text-align: right; }
        .workspace-card .dashboard-card-actions { justify-self: end; align-self: start; }
        .mini-muted { color: var(--bs-secondary-color); font-size: .86rem; }
        .soft-item {
            border: 1px solid rgba(0,0,0,.065);
            background: rgba(var(--bs-body-bg-rgb), .74);
            border-radius: .9rem;
            padding: .78rem .85rem;
        }
        .soft-item + .soft-item { margin-top: .65rem; }
        .soft-item.active { border-color: rgba(var(--bs-primary-rgb), .35); background: rgba(var(--bs-primary-rgb), .075); }
        .soft-icon {
            width: 38px; height: 38px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
            background: rgba(var(--bs-primary-rgb), .1); color: var(--bs-primary); flex: 0 0 auto;
        }
        .soft-icon.success { background: rgba(25,135,84,.12); color: #198754; }
        .soft-icon.warning { background: rgba(255,193,7,.16); color: #8a6d00; }
        .soft-icon.danger { background: rgba(220,53,69,.12); color: #dc3545; }
        .status-pill {
            display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: .27rem .62rem; font-size: .72rem; font-weight: 700;
            background: rgba(108,117,125,.12); color: #495057; white-space: nowrap;
        }
        .status-pill.pending, .status-pill.warning { background: rgba(255,193,7,.16); color: #8a6d00; }
        .status-pill.success, .status-pill.done { background: rgba(25,135,84,.12); color: #146c43; }
        .status-pill.danger, .status-pill.overdue { background: rgba(220,53,69,.12); color: #b02a37; }
        .status-pill.info { background: rgba(13,110,253,.12); color: #0d6efd; }
        .quick-stat-card {
            border: 1px solid rgba(0,0,0,.07); background: var(--bs-body-bg); padding: 1rem; height: 100%;
        }
        .quick-stat-label { color: var(--bs-secondary-color); font-size: .74rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
        .quick-stat-value { font-size: 1.65rem; font-weight: 800; line-height: 1.05; margin-top: .25rem; }
        .quick-stat-help { color: var(--bs-secondary-color); font-size: .82rem; margin-top: .24rem; }


        /* Üst kokpit: ikonlu operasyon özeti ve duyuru/bildirim akışı. */
        .dashboard-hero-main {
            display: flex;
            flex-direction: column;
            min-width: 0;
        }
        .dashboard-hero h3 {
            font-size: clamp(1.45rem, 2vw, 2.05rem);
            letter-spacing: -.02em;
        }
        .hero-chip-row { row-gap: .55rem !important; }
        .hero-chip {
            min-height: 34px;
            border: 1px solid rgba(var(--bs-primary-rgb), .08);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
        }
        .hero-chip-signal {
            background: rgba(255,193,7,.16);
            color: #8a6d00;
            border-color: rgba(255,193,7,.22);
        }
        .hero-metric-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: .72rem;
            margin-top: .95rem;
        }
        .hero-metric-card {
            position: relative;
            display: flex;
            align-items: center;
            gap: .72rem;
            min-width: 0;
            min-height: 78px;
            padding: .78rem .82rem;
            border-radius: 1.05rem;
            border: 1px solid rgba(0,0,0,.065);
            background: rgba(var(--bs-body-bg-rgb), .78);
            box-shadow: 0 .22rem .75rem rgba(15,23,42,.035);
            overflow: hidden;
        }
        .hero-metric-card > .min-w-0 {
            min-width: 0;
            max-width: 100%;
        }
        .hero-metric-card::after {
            content: "";
            position: absolute;
            inset: auto -.9rem -.9rem auto;
            width: 54px;
            height: 54px;
            border-radius: 999px;
            background: currentColor;
            opacity: .055;
        }
        .hero-metric-icon {
            width: 42px;
            height: 42px;
            border-radius: 1rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            background: rgba(var(--bs-primary-rgb), .1);
            color: var(--bs-primary);
        }
        .hero-metric-card.success .hero-metric-icon { background: rgba(25,135,84,.12); color: #198754; }
        .hero-metric-card.warning .hero-metric-icon { background: rgba(255,193,7,.17); color: #8a6d00; }
        .hero-metric-card.info .hero-metric-icon { background: rgba(13,110,253,.12); color: #0d6efd; }
        .hero-metric-label {
            color: var(--bs-secondary-color);
            font-size: .68rem;
            line-height: 1.14;
            text-transform: uppercase;
            letter-spacing: .045em;
            font-weight: 800;
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
            overflow-wrap: anywhere;
        }
        .hero-metric-value {
            font-size: 1.34rem;
            line-height: 1;
            font-weight: 850;
            margin-top: .18rem;
            overflow-wrap: anywhere;
        }
        .hero-metric-help {
            color: var(--bs-secondary-color);
            font-size: .76rem;
            line-height: 1.2;
            margin-top: .2rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            overflow: hidden;
            overflow-wrap: anywhere;
        }
        .hero-feed-card {
            display: flex;
            flex-direction: column;
            gap: .85rem;
            padding: 1rem;
            border-radius: 1.15rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            background:
                radial-gradient(circle at 100% 0%, rgba(32,201,151,.14), transparent 35%),
                linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), .92), rgba(var(--bs-body-bg-rgb), .72));
            box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 .25rem .9rem rgba(15,23,42,.035);
        }
        .hero-feed-card-compact {
            align-self: flex-start;
            min-height: auto;
            gap: .68rem;
            padding: .86rem;
        }
        .hero-feed-card-compact .mini-muted {
            font-size: .78rem;
            line-height: 1.32;
        }
        .hero-feed-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: .85rem;
        }
        .hero-feed-counts {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: .4rem;
            flex-wrap: wrap;
            flex: 0 0 auto;
        }
        .hero-feed-count {
            display: inline-flex;
            align-items: center;
            gap: .32rem;
            border-radius: 999px;
            padding: .3rem .55rem;
            background: rgba(var(--bs-primary-rgb), .08);
            color: var(--bs-primary);
            font-size: .72rem;
            font-weight: 800;
            white-space: nowrap;
        }
        .hero-feed-list {
            display: grid;
            gap: .55rem;
            min-height: 0;
            max-height: 240px;
            overflow: auto;
            padding-right: .15rem;
        }
        .hero-feed-card-compact .hero-feed-list {
            max-height: 158px;
        }
        .hero-feed-list::-webkit-scrollbar { width: 6px; }
        .hero-feed-list::-webkit-scrollbar-thumb { background: rgba(var(--bs-primary-rgb), .22); border-radius: 999px; }
        .hero-feed-item {
            display: flex;
            align-items: flex-start;
            gap: .68rem;
            padding: .68rem .72rem;
            border-radius: .95rem;
            border: 1px solid rgba(0,0,0,.055);
            background: rgba(var(--bs-body-bg-rgb), .72);
            color: inherit;
            text-decoration: none;
            transition: transform .15s ease, border-color .15s ease, background-color .15s ease;
        }
        .hero-feed-item:hover {
            color: inherit;
            transform: translateY(-1px);
            border-color: rgba(var(--bs-primary-rgb), .26);
            background: rgba(var(--bs-primary-rgb), .045);
        }
        .hero-feed-icon {
            width: 34px;
            height: 34px;
            border-radius: .85rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            background: rgba(var(--bs-primary-rgb), .1);
            color: var(--bs-primary);
        }
        .hero-feed-item.announcement .hero-feed-icon { background: rgba(111,66,193,.12); color: #6f42c1; }
        .hero-feed-item.notification .hero-feed-icon { background: rgba(13,110,253,.12); color: #0d6efd; }
        .hero-feed-item.action .hero-feed-icon { background: rgba(255,193,7,.17); color: #8a6d00; }
        .hero-feed-title {
            font-weight: 800;
            font-size: .86rem;
            line-height: 1.22;
        }
        .hero-feed-meta {
            color: var(--bs-secondary-color);
            font-size: .76rem;
            line-height: 1.28;
            margin-top: .14rem;
        }
        .hero-feed-badge {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: .16rem .42rem;
            background: rgba(var(--bs-primary-rgb), .08);
            color: var(--bs-primary);
            font-size: .66rem;
            font-weight: 800;
            white-space: nowrap;
        }
        .hero-feed-actions {
            display: flex;
            justify-content: flex-end;
            gap: .45rem;
            flex-wrap: wrap;
            margin-top: auto;
        }
        .hero-feed-card-compact .hero-feed-actions {
            margin-top: .12rem;
        }
        .hero-feed-actions .btn { font-weight: 800; }
        .hero-signal-strip {
            min-width: 0;
        }
        .hero-signal-strip .status-pill {
            max-width: 100%;
            white-space: normal;
            line-height: 1.16;
        }
        .hero-risk-guidance {
            display: grid;
            grid-template-columns: minmax(220px, .7fr) minmax(320px, 1.35fr) auto;
            gap: .62rem;
            align-items: center;
            padding: .68rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .10);
            border-radius: .92rem;
            background:
                radial-gradient(circle at 2% 50%, rgba(var(--bs-primary-rgb), .09), transparent 28%),
                rgba(var(--bs-body-bg-rgb), .76);
        }
        .hero-risk-guidance.warning { border-color: rgba(255,193,7,.22); background: rgba(255,193,7,.055); }
        .hero-risk-guidance.danger { border-color: rgba(220,53,69,.18); background: rgba(220,53,69,.045); }
        .hero-risk-guidance.success { border-color: rgba(25,135,84,.18); background: rgba(25,135,84,.055); }
        .hero-risk-guidance-copy {
            min-width: 0;
            display: grid;
            gap: .08rem;
        }
        .hero-risk-guidance-copy span {
            color: var(--bs-secondary-color);
            font-size: .68rem;
            font-weight: 850;
            letter-spacing: .03em;
            text-transform: uppercase;
        }
        .hero-risk-guidance-copy strong {
            min-width: 0;
            color: var(--bs-body-color);
            font-size: .95rem;
            line-height: 1.14;
        }
        .hero-risk-guidance-copy small {
            min-width: 0;
            color: var(--bs-secondary-color);
            font-size: .76rem;
            line-height: 1.2;
        }
        .hero-risk-group-list {
            min-width: 0;
            display: flex;
            flex-wrap: wrap;
            gap: .42rem;
            align-items: center;
        }
        .hero-risk-group {
            min-width: 132px;
            max-width: 210px;
            display: grid;
            grid-template-columns: 28px minmax(0, 1fr);
            gap: .38rem;
            align-items: center;
            padding: .38rem .48rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .10);
            border-radius: .72rem;
            color: inherit;
            text-decoration: none;
            background: rgba(var(--bs-body-bg-rgb), .72);
            transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
        }
        .hero-risk-group:hover,
        .hero-risk-group:focus-visible {
            color: inherit;
            transform: translateY(-1px);
            border-color: rgba(var(--bs-primary-rgb), .28);
            box-shadow: 0 .34rem .86rem rgba(15,23,42,.07);
            outline: none;
        }
        .hero-risk-group strong,
        .hero-risk-group small {
            display: block;
            min-width: 0;
        }
        .hero-risk-group strong {
            font-size: .76rem;
            line-height: 1.1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .hero-risk-group small {
            color: var(--bs-secondary-color);
            font-size: .66rem;
            line-height: 1.14;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .hero-risk-count {
            width: 28px;
            height: 28px;
            border-radius: .62rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: .78rem;
            font-weight: 900;
            background: rgba(var(--bs-primary-rgb), .10);
            color: var(--bs-primary);
        }
        .hero-risk-group.warning .hero-risk-count { background: rgba(255,193,7,.18); color: #8a6d00; }
        .hero-risk-group.danger .hero-risk-count { background: rgba(220,53,69,.12); color: #b02a37; }
        .hero-risk-group.info .hero-risk-count { background: rgba(13,110,253,.11); color: #0d6efd; }
        .hero-risk-more,
        .hero-risk-clear {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            padding: .26rem .56rem;
            border-radius: 999px;
            background: rgba(var(--bs-primary-rgb), .08);
            color: var(--bs-secondary-color);
            font-size: .72rem;
            font-weight: 800;
        }
        .hero-risk-primary-action {
            justify-self: end;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 34px;
            padding: .36rem .72rem;
            border-radius: 999px;
            background: var(--bs-primary);
            color: #fff;
            font-size: .76rem;
            font-weight: 850;
            text-decoration: none;
            box-shadow: 0 .45rem 1rem rgba(var(--bs-primary-rgb), .16);
        }
        .hero-risk-primary-action:hover,
        .hero-risk-primary-action:focus-visible {
            color: #fff;
            box-shadow: 0 .55rem 1.2rem rgba(var(--bs-primary-rgb), .22);
            outline: none;
        }

        .executive-command-brief {
            display: grid;
            grid-template-columns: minmax(220px, .92fr) minmax(260px, 1.08fr);
            gap: .78rem;
            align-items: stretch;
        }
        .executive-status-panel,
        .executive-action-panel,
        .dashboard-layer-shell {
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            background: rgba(var(--bs-body-bg-rgb), .82);
            border-radius: 1.05rem;
            box-shadow: 0 .24rem .85rem rgba(15,23,42,.04);
        }
        .executive-status-panel {
            display: grid;
            grid-template-columns: 116px minmax(0, 1fr);
            gap: .8rem;
            padding: .8rem;
            min-width: 0;
        }
        .executive-score {
            min-height: 126px;
            border-radius: .95rem;
            display: grid;
            place-items: center;
            align-content: center;
            gap: .12rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            background: rgba(var(--bs-primary-rgb), .08);
            color: var(--bs-primary);
            text-align: center;
        }
        .executive-score span,
        .executive-score small {
            font-size: .68rem;
            text-transform: uppercase;
            font-weight: 850;
            color: inherit;
            opacity: .78;
        }
        .executive-score strong {
            display: block;
            font-size: 2.35rem;
            line-height: .95;
            font-weight: 900;
            color: inherit;
        }
        .executive-score.success { background: rgba(25,135,84,.12); color: #146c43; border-color: rgba(25,135,84,.18); }
        .executive-score.warning { background: rgba(255,193,7,.17); color: #8a6d00; border-color: rgba(255,193,7,.22); }
        .executive-score.danger { background: rgba(220,53,69,.13); color: #b02a37; border-color: rgba(220,53,69,.22); }
        .executive-status-copy {
            min-width: 0;
            align-self: center;
        }
        .executive-next-action {
            display: inline-flex;
            align-items: center;
            gap: .48rem;
            flex-wrap: wrap;
            border-radius: 999px;
            padding: .35rem .6rem;
            background: rgba(var(--bs-primary-rgb), .07);
            color: var(--bs-secondary-color);
            font-size: .76rem;
            font-weight: 800;
        }
        .executive-next-action a,
        .executive-next-action strong {
            color: var(--bs-primary);
            text-decoration: none;
        }
        .executive-action-panel {
            padding: .8rem;
            min-width: 0;
        }
        .executive-action-list {
            display: grid;
            gap: .48rem;
            max-height: 232px;
            overflow: auto;
            padding-right: .12rem;
        }
        .executive-action-item {
            display: grid;
            grid-template-columns: 30px minmax(0, 1fr);
            gap: .56rem;
            align-items: start;
            color: inherit;
            text-decoration: none;
            border: 1px solid rgba(0,0,0,.06);
            border-radius: .9rem;
            padding: .55rem .62rem;
            background: rgba(var(--bs-body-bg-rgb), .72);
            transition: transform .14s ease, border-color .14s ease, background .14s ease;
        }
        .executive-action-item:hover,
        .executive-action-item:focus-visible {
            color: inherit;
            transform: translateY(-1px);
            border-color: rgba(var(--bs-primary-rgb), .28);
            background: rgba(var(--bs-primary-rgb), .045);
            outline: none;
        }
        .executive-action-rank {
            width: 30px;
            height: 30px;
            border-radius: .8rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            background: rgba(var(--bs-primary-rgb), .09);
            color: var(--bs-primary);
        }
        .executive-action-item.warning .executive-action-rank { background: rgba(255,193,7,.17); color: #8a6d00; }
        .executive-action-item.danger .executive-action-rank { background: rgba(220,53,69,.12); color: #b02a37; }
        .executive-action-item.info .executive-action-rank { background: rgba(13,110,253,.11); color: #0d6efd; }
        .executive-action-module {
            display: block;
            color: var(--bs-secondary-color);
            font-size: .64rem;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: .035em;
        }
        .executive-action-title {
            display: block;
            font-size: .84rem;
            line-height: 1.24;
            font-weight: 850;
            overflow-wrap: anywhere;
        }
        .executive-action-detail {
            display: block;
            color: var(--bs-secondary-color);
            font-size: .74rem;
            line-height: 1.28;
            margin-top: .08rem;
            overflow-wrap: anywhere;
        }
        .executive-action-reason {
            display: block;
            color: var(--bs-body-color);
            font-size: .74rem;
            line-height: 1.3;
            margin-top: .18rem;
            overflow-wrap: anywhere;
        }
        .executive-action-meta {
            display: flex;
            align-items: center;
            gap: .32rem;
            flex-wrap: wrap;
            margin-top: .38rem;
            color: var(--bs-secondary-color);
            font-size: .66rem;
            line-height: 1.2;
        }
        .executive-action-meta span {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: .18rem .42rem;
            background: rgba(var(--bs-primary-rgb), .06);
            max-width: 100%;
            overflow-wrap: anywhere;
        }
        .executive-action-meta .priority-score-badge {
            background: rgba(var(--bs-primary-rgb), .11);
            color: var(--bs-primary);
            font-weight: 900;
        }
        .executive-action-empty {
            border: 1px solid rgba(25,135,84,.16);
            background: rgba(25,135,84,.08);
            border-radius: .9rem;
            padding: .7rem .75rem;
            color: #146c43;
        }
        .executive-action-empty strong,
        .executive-action-empty span { display: block; }
        .executive-action-empty span { font-size: .78rem; margin-top: .12rem; }
        .dashboard-layer-shell {
            padding: .9rem;
        }
        .dashboard-layer-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1rem;
        }
        .dashboard-layer-tabs {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: .45rem;
            flex-wrap: wrap;
            flex: 0 0 auto;
        }
        .dashboard-layer-tab {
            display: inline-flex;
            align-items: center;
            gap: .42rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .13);
            background: rgba(var(--bs-body-bg-rgb), .76);
            color: var(--bs-body-color);
            border-radius: 999px;
            padding: .4rem .62rem;
            font-size: .78rem;
            font-weight: 850;
            transition: transform .14s ease, border-color .14s ease, background .14s ease;
        }
        .dashboard-layer-tab strong {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 1.35rem;
            height: 1.25rem;
            border-radius: 999px;
            padding: 0 .35rem;
            background: rgba(var(--bs-primary-rgb), .09);
            color: var(--bs-primary);
            font-size: .68rem;
        }
        .dashboard-layer-tab:hover,
        .dashboard-layer-tab:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(var(--bs-primary-rgb), .28);
            background: rgba(var(--bs-primary-rgb), .045);
            outline: none;
        }
        .dashboard-layer-tab.active {
            border-color: rgba(var(--bs-primary-rgb), .42);
            background: rgba(var(--bs-primary-rgb), .10);
            color: var(--bs-primary);
        }
        .dashboard-layer-summary {
            display: flex;
            align-items: center;
            gap: .5rem;
            flex-wrap: wrap;
            color: var(--bs-secondary-color);
            font-size: .82rem;
            margin-top: .75rem;
        }
        .dashboard-layer-summary strong {
            color: var(--bs-body-color);
        }
        .dashboard-layer-summary-pill {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: .25rem .55rem;
            background: rgba(var(--bs-primary-rgb), .08);
            color: var(--bs-primary);
            font-weight: 850;
        }
        .dashboard-role-mode-panel {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: .9rem;
            border-top: 1px solid rgba(var(--bs-primary-rgb), .10);
            padding-top: .85rem;
        }
        .dashboard-role-mode-tabs {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: .42rem;
            flex-wrap: wrap;
            flex: 0 0 auto;
        }
        .dashboard-role-mode-tab {
            display: inline-flex;
            align-items: center;
            gap: .38rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .13);
            background: rgba(var(--bs-body-bg-rgb), .76);
            color: var(--bs-body-color);
            border-radius: 999px;
            padding: .36rem .58rem;
            font-size: .76rem;
            font-weight: 850;
            transition: transform .14s ease, border-color .14s ease, background .14s ease;
        }
        .dashboard-role-mode-tab strong {
            display: inline-flex;
            align-items: center;
            min-height: 1.05rem;
            border-radius: 999px;
            padding: 0 .34rem;
            background: rgba(32,201,151,.13);
            color: #0f8f6a;
            font-size: .62rem;
            text-transform: uppercase;
        }
        .dashboard-role-mode-tab:hover,
        .dashboard-role-mode-tab:focus-visible {
            transform: translateY(-1px);
            border-color: rgba(var(--bs-primary-rgb), .28);
            background: rgba(var(--bs-primary-rgb), .045);
            outline: none;
        }
        .dashboard-role-mode-tab.active {
            border-color: rgba(var(--bs-primary-rgb), .42);
            background: rgba(var(--bs-primary-rgb), .10);
            color: var(--bs-primary);
        }
        .dashboard-role-mode-tab.resolved:not(.active) {
            border-color: rgba(32,201,151,.26);
            color: #0f8f6a;
        }
        .dashboard-role-mode-summary {
            display: flex;
            align-items: center;
            gap: .5rem;
            flex-wrap: wrap;
            color: var(--bs-secondary-color);
            font-size: .82rem;
            margin-top: .68rem;
        }
        .dashboard-role-mode-summary strong { color: var(--bs-body-color); }
        .dashboard-role-mode-pill {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            padding: .25rem .55rem;
            background: rgba(32,201,151,.11);
            color: #0f8f6a;
            font-weight: 850;
        }

        .visual-analytics-panel {
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            background: rgba(var(--bs-body-bg-rgb), .82);
            border-radius: 1.05rem;
            padding: .9rem;
            box-shadow: 0 .24rem .85rem rgba(15,23,42,.04);
        }
        .visual-analytics-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: .9rem;
            margin-bottom: .85rem;
        }
        .visual-analytics-focus {
            display: grid;
            grid-template-columns: minmax(260px, 1fr) auto auto;
            align-items: center;
            gap: .72rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            border-radius: .94rem;
            padding: .68rem .72rem;
            margin-bottom: .72rem;
            background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), .075), rgba(var(--bs-body-bg-rgb), .82));
        }
        .visual-analytics-focus.success { border-color: rgba(25,135,84,.18); background: linear-gradient(135deg, rgba(25,135,84,.10), rgba(var(--bs-body-bg-rgb), .82)); }
        .visual-analytics-focus.warning { border-color: rgba(255,193,7,.24); background: linear-gradient(135deg, rgba(255,193,7,.13), rgba(var(--bs-body-bg-rgb), .82)); }
        .visual-analytics-focus.danger { border-color: rgba(220,53,69,.22); background: linear-gradient(135deg, rgba(220,53,69,.10), rgba(var(--bs-body-bg-rgb), .82)); }
        .visual-analytics-focus-copy {
            display: grid;
            gap: .12rem;
            min-width: 0;
        }
        .visual-analytics-focus-copy span {
            color: var(--bs-secondary-color);
            font-size: .64rem;
            font-weight: 850;
            letter-spacing: .045em;
            text-transform: uppercase;
        }
        .visual-analytics-focus-copy strong {
            font-size: .94rem;
            line-height: 1.18;
            overflow-wrap: anywhere;
        }
        .visual-analytics-focus-copy small {
            color: var(--bs-secondary-color);
            font-size: .74rem;
            line-height: 1.28;
            overflow-wrap: anywhere;
        }
        .visual-analytics-focus-metrics {
            display: grid;
            grid-template-columns: repeat(3, minmax(58px, 1fr));
            gap: .42rem;
            min-width: 220px;
        }
        .visual-analytics-focus-metrics span {
            display: grid;
            gap: .1rem;
            border: 1px solid rgba(var(--bs-primary-rgb), .10);
            border-radius: .74rem;
            padding: .42rem .48rem;
            background: rgba(var(--bs-body-bg-rgb), .64);
            text-align: center;
        }
        .visual-analytics-focus-metrics strong {
            font-size: 1rem;
            line-height: 1;
        }
        .visual-analytics-focus-metrics small {
            color: var(--bs-secondary-color);
            font-size: .6rem;
            line-height: 1.05;
            font-weight: 850;
            text-transform: uppercase;
        }
        .visual-analytics-focus-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 34px;
            border-radius: 999px;
            padding: .34rem .68rem;
            background: var(--bs-primary);
            color: #fff;
            font-size: .74rem;
            font-weight: 850;
            text-decoration: none;
            white-space: nowrap;
        }
        .visual-analytics-focus-link:hover,
        .visual-analytics-focus-link:focus-visible {
            color: #fff;
            transform: translateY(-1px);
            box-shadow: 0 .35rem .9rem rgba(var(--bs-primary-rgb), .16);
            outline: none;
        }
        .visual-analytics-grid {
            display: grid;
            grid-template-columns: minmax(280px, 1.28fr) minmax(220px, .86fr) minmax(220px, .86fr);
            gap: .72rem;
            align-items: stretch;
        }
        .analytics-card,
        .card-analytics-strip {
            border: 1px solid rgba(0,0,0,.06);
            background: rgba(var(--bs-body-bg-rgb), .74);
            border-radius: .92rem;
            padding: .72rem;
            min-width: 0;
        }
        .analytics-card-title {
            display: block;
            color: var(--bs-secondary-color);
            font-size: .68rem;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: .045em;
            margin-bottom: .48rem;
        }
        .analytics-score {
            min-width: 66px;
            min-height: 58px;
            border-radius: .95rem;
            display: grid;
            place-items: center;
            align-content: center;
            border: 1px solid rgba(var(--bs-primary-rgb), .14);
            background: rgba(var(--bs-primary-rgb), .08);
            color: var(--bs-primary);
            font-size: 1.35rem;
            font-weight: 900;
            line-height: 1;
            flex: 0 0 auto;
        }
        .analytics-score small {
            display: block;
            font-size: .62rem;
            font-weight: 850;
            text-transform: uppercase;
            margin-top: .16rem;
            opacity: .76;
        }
        .analytics-score.success { background: rgba(25,135,84,.12); color: #146c43; border-color: rgba(25,135,84,.18); }
        .analytics-score.warning { background: rgba(255,193,7,.17); color: #8a6d00; border-color: rgba(255,193,7,.22); }
        .analytics-score.danger { background: rgba(220,53,69,.13); color: #b02a37; border-color: rgba(220,53,69,.22); }
        .module-health-grid {
            display: grid;
            grid-template-columns: repeat(7, minmax(64px, 1fr));
            gap: .52rem;
        }
        .module-health-node {
            min-width: 0;
            display: grid;
            justify-items: center;
            gap: .28rem;
            color: inherit;
            text-decoration: none;
            border-radius: .85rem;
            padding: .46rem .28rem;
            transition: transform .14s ease, background .14s ease;
        }
        .module-health-node:hover,
        .module-health-node:focus-visible {
            color: inherit;
            transform: translateY(-1px);
            background: rgba(var(--bs-primary-rgb), .045);
            outline: none;
        }
        .module-health-ring {
            width: 48px;
            height: 48px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background:
                radial-gradient(circle, var(--bs-body-bg) 55%, transparent 57%),
                conic-gradient(var(--bs-primary) var(--score, 0%), rgba(var(--bs-primary-rgb), .12) 0);
            color: var(--bs-primary);
            font-size: .82rem;
            font-weight: 900;
        }
        .module-health-node.success .module-health-ring { background: radial-gradient(circle, var(--bs-body-bg) 55%, transparent 57%), conic-gradient(#198754 var(--score, 0%), rgba(25,135,84,.13) 0); color: #146c43; }
        .module-health-node.warning .module-health-ring { background: radial-gradient(circle, var(--bs-body-bg) 55%, transparent 57%), conic-gradient(#ffc107 var(--score, 0%), rgba(255,193,7,.17) 0); color: #8a6d00; }
        .module-health-node.danger .module-health-ring { background: radial-gradient(circle, var(--bs-body-bg) 55%, transparent 57%), conic-gradient(#dc3545 var(--score, 0%), rgba(220,53,69,.13) 0); color: #b02a37; }
        .module-health-title {
            max-width: 100%;
            font-size: .72rem;
            font-weight: 850;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .module-health-node small {
            max-width: 100%;
            color: var(--bs-secondary-color);
            font-size: .64rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .mini-sparkline {
            width: 112px;
            height: 34px;
            flex: 0 0 auto;
            overflow: visible;
        }
        .mini-sparkline polyline {
            fill: none;
            stroke: currentColor;
            stroke-width: 3;
            stroke-linecap: round;
            stroke-linejoin: round;
            opacity: .9;
        }
        .mini-sparkline.info { color: #0d6efd; }
        .mini-sparkline.success { color: #198754; }
        .mini-sparkline.warning { color: #b58100; }
        .mini-sparkline.danger { color: #dc3545; }
        .analytics-stacked-bar {
            display: flex;
            width: 100%;
            height: 10px;
            border-radius: 999px;
            overflow: hidden;
            background: rgba(var(--bs-primary-rgb), .08);
        }
        .analytics-stacked-bar span { min-width: 2px; }
        .analytics-stacked-bar .info { background: #0d6efd; }
        .analytics-stacked-bar .success { background: #198754; }
        .analytics-stacked-bar .warning { background: #ffc107; }
        .analytics-stacked-bar .danger { background: #dc3545; }
        .analytics-stacked-bar.empty span { background: rgba(var(--bs-primary-rgb), .12); }
        .analytics-legend {
            display: flex;
            flex-wrap: wrap;
            gap: .34rem .48rem;
            margin-top: .5rem;
        }
        .analytics-legend-item {
            display: inline-flex;
            align-items: center;
            gap: .25rem;
            color: var(--bs-secondary-color);
            font-size: .68rem;
            font-weight: 750;
            white-space: nowrap;
        }
        .analytics-legend-item i {
            width: .46rem;
            height: .46rem;
            border-radius: 999px;
            background: currentColor;
        }
        .analytics-legend-item.info i { color: #0d6efd; }
        .analytics-legend-item.success i { color: #198754; }
        .analytics-legend-item.warning i { color: #ffc107; }
        .analytics-legend-item.danger i { color: #dc3545; }
        .analytics-legend-item strong { color: var(--bs-body-color); }
        .analytics-big-number {
            font-size: 1.65rem;
            line-height: 1;
            letter-spacing: -.02em;
        }
        .analytics-heatmap {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: .3rem;
            margin-top: .58rem;
        }
        .analytics-heatmap span {
            min-height: 28px;
            border-radius: .55rem;
            display: grid;
            place-items: center;
            background: rgba(var(--bs-primary-rgb), .06);
            color: var(--bs-secondary-color);
        }
        .analytics-heatmap small {
            font-size: .58rem;
            font-weight: 850;
            text-transform: uppercase;
        }
        .analytics-heatmap .level-1 { opacity: .58; }
        .analytics-heatmap .level-2 { opacity: .72; }
        .analytics-heatmap .level-3 { opacity: .88; }
        .analytics-heatmap .level-4 { opacity: 1; }
        .analytics-heatmap .info:not(.level-0) { background: rgba(13,110,253,.16); color: #0d6efd; }
        .analytics-heatmap .warning:not(.level-0) { background: rgba(255,193,7,.22); color: #8a6d00; }
        .analytics-heatmap .danger:not(.level-0) { background: rgba(220,53,69,.16); color: #b02a37; }
        .card-analytics-strip {
            margin-bottom: .62rem;
            padding: .62rem;
            border-radius: .85rem;
        }
        .card-analytics-strip .analytics-card-title { margin-bottom: 0; }
        .card-analytics-strip .mini-sparkline { width: 92px; height: 28px; }

        .dashboard-command-center {
            position: relative;
            display: grid;
            grid-template-columns: minmax(220px, .72fr) minmax(420px, 1.45fr) minmax(220px, .72fr);
            gap: .9rem;
            align-items: stretch;
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            border-radius: 1.05rem;
            padding: .9rem;
            background:
                radial-gradient(circle at 50% 10%, rgba(32,201,151,.12), transparent 28%),
                linear-gradient(180deg, rgba(var(--bs-primary-rgb), .045), rgba(var(--bs-body-bg-rgb), .78)),
                var(--bs-body-bg);
            box-shadow: 0 .24rem .85rem rgba(15,23,42,.04);
            overflow: hidden;
        }
        .dashboard-command-center::before {
            content: "";
            position: absolute;
            inset: -18% 18% auto;
            height: 180px;
            background: radial-gradient(circle, rgba(111,83,198,.13), transparent 68%);
            filter: blur(10px);
            pointer-events: none;
        }
        .dashboard-command-center > * {
            position: relative;
            z-index: 1;
        }
        .command-center-copy,
        .command-center-insight {
            min-width: 0;
            border: 1px solid rgba(0,0,0,.06);
            background: rgba(var(--bs-body-bg-rgb), .72);
            border-radius: .95rem;
            padding: .85rem;
        }
        .command-center-stage {
            position: relative;
            min-height: 340px;
            border-radius: 1rem;
            overflow: hidden;
            border: 1px solid rgba(var(--bs-primary-rgb), .10);
            background:
                radial-gradient(circle at 50% 50%, rgba(var(--bs-primary-rgb), .14), transparent 34%),
                radial-gradient(circle at 50% 50%, rgba(32,201,151,.10), transparent 52%),
                rgba(15,23,42,.035);
        }
        .command-center-stage::before,
        .command-center-stage::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
        }
        .command-center-stage::before {
            background:
                linear-gradient(rgba(var(--bs-primary-rgb), .07) 1px, transparent 1px),
                linear-gradient(90deg, rgba(var(--bs-primary-rgb), .07) 1px, transparent 1px);
            background-size: 38px 38px;
            mask-image: radial-gradient(circle at 50% 50%, #000 0 48%, transparent 78%);
            opacity: .52;
        }
        .command-center-stage::after {
            background:
                radial-gradient(circle at 50% 44%, rgba(255,255,255,.48), transparent 18%),
                radial-gradient(circle at 50% 50%, transparent 36%, rgba(var(--bs-primary-rgb), .11) 37%, transparent 38%),
                radial-gradient(circle at 50% 50%, transparent 58%, rgba(32,201,151,.13) 59%, transparent 60%);
            mix-blend-mode: screen;
            opacity: .7;
        }
        .command-center-viewport {
            position: absolute;
            inset: 0;
            min-height: 320px;
            z-index: 2;
        }
        .command-center-viewport canvas {
            display: block;
            width: 100% !important;
            height: 100% !important;
            filter: drop-shadow(0 1rem 1.6rem rgba(15,23,42,.14));
        }
        .command-center-fallback {
            position: absolute;
            inset: 0;
            padding: .75rem;
            z-index: 3;
        }
        [data-command-center-mode="three"] .command-center-fallback { opacity: 0; pointer-events: none; }
        [data-command-center-mode="fallback"] .command-center-viewport,
        [data-command-center-mode="loading"] .command-center-viewport { opacity: 0; pointer-events: none; }
        [data-command-center-mode="fallback"] .command-center-fallback,
        [data-command-center-mode="loading"] .command-center-fallback { opacity: 1; pointer-events: auto; }
        .command-center-map {
            position: relative;
            height: 100%;
            min-height: 300px;
            border-radius: .9rem;
            background:
                linear-gradient(rgba(var(--bs-primary-rgb), .08) 1px, transparent 1px),
                linear-gradient(90deg, rgba(var(--bs-primary-rgb), .08) 1px, transparent 1px);
            background-size: 34px 34px;
        }
        .command-center-map::before,
        .command-center-map::after {
            content: "";
            position: absolute;
            inset: 17% 12%;
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            border-radius: 999px;
            pointer-events: none;
        }
        .command-center-map::after {
            inset: 30% 25%;
            border-color: rgba(32,201,151,.16);
        }
        .command-center-core {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 86px;
            height: 86px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, #20c997, var(--bs-primary));
            color: #fff;
            font-size: .78rem;
            font-weight: 900;
            box-shadow: 0 .75rem 1.8rem rgba(var(--bs-primary-rgb), .20);
            z-index: 2;
        }
        .command-center-node {
            position: absolute;
            left: var(--node-x);
            top: var(--node-y);
            transform: translate(-50%, -50%);
            min-width: 112px;
            max-width: 138px;
            border: 1px solid rgba(var(--bs-primary-rgb), .14);
            border-radius: .95rem;
            padding: .48rem .58rem;
            display: grid;
            grid-template-columns: 18px minmax(0, 1fr);
            gap: .16rem .42rem;
            align-items: center;
            text-align: left;
            background: rgba(var(--bs-body-bg-rgb), .9);
            color: var(--bs-body-color);
            box-shadow: 0 .35rem .95rem rgba(15,23,42,.08);
            z-index: 3;
            transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
        }
        .command-center-node:hover,
        .command-center-node:focus-visible,
        .command-center-node.active {
            transform: translate(-50%, -52%);
            border-color: currentColor;
            box-shadow: 0 .65rem 1.45rem rgba(15,23,42,.13), 0 0 0 5px color-mix(in srgb, currentColor 9%, transparent);
            outline: none;
        }
        .command-center-node.active {
            background: color-mix(in srgb, var(--bs-body-bg) 88%, currentColor 12%);
        }
        .command-center-node-core {
            grid-row: span 2;
            width: 16px;
            height: 16px;
            border-radius: 999px;
            background: currentColor;
            box-shadow: 0 0 0 6px color-mix(in srgb, currentColor 16%, transparent);
        }
        .command-center-node.danger .command-center-node-core,
        .command-center-node.warning .command-center-node-core {
            animation: commandCenterPulse 1.8s ease-in-out infinite;
        }
        .command-center-node strong {
            min-width: 0;
            font-size: .74rem;
            line-height: 1.12;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .command-center-node small {
            grid-column: 2;
            min-width: 0;
            color: var(--bs-secondary-color);
            font-size: .66rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .command-center-node.info { color: #0d6efd; }
        .command-center-node.success { color: #198754; }
        .command-center-node.warning { color: #b58100; }
        .command-center-node.danger { color: #dc3545; }
        .command-center-kpis {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: .42rem;
            margin-bottom: .72rem;
        }
        .command-center-kpis span {
            border: 1px solid rgba(var(--bs-primary-rgb), .10);
            background: rgba(var(--bs-primary-rgb), .055);
            border-radius: .78rem;
            padding: .48rem;
            min-width: 0;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
        }
        .command-center-kpis strong {
            display: block;
            font-size: 1.08rem;
            line-height: 1;
        }
        .command-center-kpis small {
            display: block;
            color: var(--bs-secondary-color);
            font-size: .64rem;
            font-weight: 800;
            text-transform: uppercase;
            margin-top: .16rem;
        }
        .command-center-selected {
            display: grid;
            grid-template-columns: 22px minmax(0, 1fr);
            gap: .52rem;
            align-items: center;
            border: 1px solid rgba(var(--bs-primary-rgb), .12);
            border-radius: .86rem;
            padding: .62rem;
            margin-bottom: .72rem;
            color: var(--bs-primary);
            background: rgba(var(--bs-primary-rgb), .06);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.38);
        }
        .command-center-selected.warning { color: #8a6d00; background: rgba(255,193,7,.13); border-color: rgba(255,193,7,.20); }
        .command-center-selected.danger { color: #b02a37; background: rgba(220,53,69,.10); border-color: rgba(220,53,69,.18); }
        .command-center-selected.success { color: #146c43; background: rgba(25,135,84,.10); border-color: rgba(25,135,84,.18); }
        .command-center-dot {
            width: 18px;
            height: 18px;
            border-radius: 999px;
            background: currentColor;
            box-shadow: 0 0 0 7px color-mix(in srgb, currentColor 14%, transparent);
        }
        .command-center-selected strong,
        .command-center-selected small { display: block; min-width: 0; }
        .command-center-selected small { color: var(--bs-secondary-color); font-size: .72rem; margin-top: .08rem; }
        .dashboard-card-command-focus {
            box-shadow: 0 0 0 .22rem rgba(var(--bs-primary-rgb), .18), 0 .6rem 1.4rem rgba(var(--bs-primary-rgb), .10) !important;
            border-color: rgba(var(--bs-primary-rgb), .42) !important;
        }
        @keyframes commandCenterPulse {
            0%, 100% { box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 16%, transparent); }
            50% { box-shadow: 0 0 0 11px color-mix(in srgb, currentColor 4%, transparent); }
        }

                .dashboard-split { display: grid; grid-template-columns: minmax(150px, .9fr) minmax(220px, 1.25fr); gap: .85rem; min-height: 0; }
        .dashboard-list { max-height: 290px; overflow: auto; padding-right: .15rem; }
        .dashboard-list.tall { max-height: 620px; }
        .dashboard-list.compact { max-height: 230px; }
        .dashboard-list::-webkit-scrollbar { width: 6px; }
        .dashboard-list::-webkit-scrollbar-thumb { background: rgba(var(--bs-primary-rgb), .22); border-radius: 999px; }
        .dashboard-chat-grid {
            display: grid;
            grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
            gap: .85rem;
            min-height: 0;
            align-items: stretch;
        }
        .dashboard-chat-grid > * { min-width: 0; }
        .dashboard-chat-list { max-height: 290px; overflow-x: hidden; }
        .dashboard-chat-list .soft-item { padding: .65rem .68rem; }
        .dashboard-chat-list .soft-icon { width: 32px; height: 32px; font-size: .74rem; }
        .dashboard-chat-preview {
            min-width: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .dashboard-chat-preview-head { flex: 0 0 auto; min-width: 0; }
        .dashboard-chat-preview-members { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .dashboard-chat-preview-messages {
            min-height: 0;
            max-height: 170px;
            overflow-y: auto;
            overflow-x: hidden;
            padding-right: .15rem;
            display: grid;
            gap: .48rem;
        }
        .dashboard-chat-preview-messages::-webkit-scrollbar { width: 5px; }
        .dashboard-chat-preview-messages::-webkit-scrollbar-thumb { background: rgba(var(--bs-primary-rgb), .2); border-radius: 999px; }
        .dashboard-chat-message {
            max-width: 100%;
            border: 1px solid rgba(0,0,0,.055);
            border-radius: .9rem;
            padding: .55rem .65rem;
            font-size: .82rem;
            line-height: 1.32;
            overflow-wrap: anywhere;
            word-break: break-word;
            white-space: normal;
        }
        .dashboard-chat-message.inbound { margin-right: .65rem; background: rgba(32,201,151,.10); border-color: rgba(32,201,151,.16); }
        .dashboard-chat-message.outbound { margin-left: .65rem; background: rgba(var(--bs-primary-rgb), .10); border-color: rgba(var(--bs-primary-rgb), .16); }
        .dashboard-chat-message .small { overflow-wrap: anywhere; }
        .dashboard-chat-footer { flex: 0 0 auto; }
        .dashboard-focus-btn {
            width: 32px;
            height: 32px;
            padding: 0 !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px !important;
        }
        .dashboard-focus-btn svg { width: 15px; height: 15px; }
        .dashboard-focus-btn.is-active { background: rgba(220,53,69,.10) !important; border-color: rgba(220,53,69,.22) !important; color: #b02a37 !important; }
        @media (max-width: 1399.98px) {
            .dashboard-chat-grid { grid-template-columns: 1fr; }
            .dashboard-chat-list { max-height: 150px; }
            .dashboard-chat-preview-messages { max-height: 160px; }
        }
        .task-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: .45rem; }
        .task-tab {
            border: 1px solid rgba(0,0,0,.07); border-radius: .85rem; padding: .55rem .6rem; background: rgba(var(--bs-body-bg-rgb), .78);
        }
        .task-tab strong { display:block; font-size: 1rem; }
        .calendar-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: .45rem; margin-bottom: .75rem; }
        .calendar-day { border: 1px solid rgba(0,0,0,.07); border-radius: .8rem; padding: .48rem .3rem; text-align: center; background: rgba(var(--bs-body-bg-rgb), .76); }
        .calendar-day.active { border-color: rgba(var(--bs-primary-rgb), .38); background: rgba(var(--bs-primary-rgb), .1); color: var(--bs-primary); }
        .calendar-day small { display:block; color: var(--bs-secondary-color); font-weight: 700; font-size: .65rem; }
        .calendar-day strong { display:block; font-size: 1.05rem; }
        .leave-ring {
            width: 132px; height: 132px; border-radius: 999px; display: grid; place-items: center; margin: .2rem auto 1rem;
            background: conic-gradient(var(--bs-primary) var(--leave-percent, 0%), rgba(var(--bs-primary-rgb), .12) 0);
        }
        .leave-ring-inner { width: 92px; height: 92px; border-radius: 999px; display: grid; place-items: center; background: var(--bs-body-bg); text-align:center; }
        .leave-ring-inner strong { display: block; font-size: 2rem; line-height: 1; letter-spacing: -.03em; }
        .leave-ring-inner span { display: block; margin-top: .28rem; font-size:.72rem; line-height: 1.05; color: var(--bs-secondary-color); font-weight: 700; }
        .leave-ring.large-balance { background: rgba(var(--bs-primary-rgb), .09); }
        .leave-ring.large-balance .leave-ring-inner strong { font-size: 1.48rem; }
        .leave-ring.large-balance .leave-ring-inner span { max-width: 58px; margin-left: auto; margin-right: auto; }
        .leave-dashboard-signals { display: grid; gap: .5rem; }
        .leave-dashboard-signal { border: 1px solid rgba(0,0,0,.08); border-radius: .85rem; padding: .65rem .75rem; background: rgba(0,0,0,.018); }
        .leave-dashboard-signal.is-danger { border-color: rgba(220,53,69,.28); background: rgba(220,53,69,.045); }
        .leave-dashboard-signal.is-warning { border-color: rgba(255,193,7,.38); background: rgba(255,193,7,.075); }
        .leave-dashboard-signal.is-info { border-color: rgba(13,110,253,.22); background: rgba(13,110,253,.05); }
        .leave-dashboard-signal strong { display: block; font-size: .86rem; }
        .leave-dashboard-signal span { display: block; color: var(--bs-secondary-color); font-size: .76rem; margin-top: .1rem; }
        .mebcool-card {
            background:
                radial-gradient(circle at top left, rgba(32, 201, 151, .17), transparent 35%),
                radial-gradient(circle at bottom right, rgba(var(--bs-primary-rgb), .14), transparent 35%),
                var(--bs-body-bg);
        }
        .mebcool-logo {
            width: 42px; height: 42px; border-radius: 1rem; display:inline-flex; align-items:center; justify-content:center;
            background: rgba(32, 201, 151, .14); color: #20c997; font-weight: 900; font-size: 1.35rem;
        }
        .mebcool-messages { min-height: 228px; max-height: 340px; overflow:auto; }
        .mebcool-messages::-webkit-scrollbar { width: 6px; }
        .mebcool-messages::-webkit-scrollbar-thumb { background: rgba(32,201,151,.24); border-radius: 999px; }
        .mebcool-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
        .mebcool-insight { border: 1px solid rgba(32,201,151,.16); background: rgba(32,201,151,.075); border-radius: .9rem; padding: .65rem .7rem; }
        .mebcool-insight small { color: var(--bs-secondary-color); font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .035em; }
        .mebcool-insight strong { display: block; margin-top: .15rem; font-size: .98rem; }
        .mebcool-dashboard-command { min-height: 0; }
        .mebcool-dashboard-command .mebcool-command-form { order: 3; margin-top: .65rem !important; flex: 0 0 auto; }
        .mebcool-dashboard-command .mebcool-command-panel { order: 2; position: static; max-height: none; margin-top: .55rem; pointer-events: auto; flex: 0 0 auto; min-height: 0; display: flex; }
        .mebcool-dashboard-command .mebcool-command-panel.active { pointer-events: auto; }
        .mebcool-dashboard-command .mebcool-command-card { box-shadow: none; border: 1px solid rgba(32,201,151,.16); border-bottom-width: 4px; border-bottom-color: rgba(32,201,151,.36); background: rgba(var(--bs-body-bg-rgb), .78); flex: 1 1 auto; min-height: 0; }
        .mebcool-dashboard-command .mebcool-command-panel .card-body { max-height: none; display: flex; flex-direction: column; min-height: 0; }
        .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-panel,
        .workspace-card.mebcool-focus-mode .mebcool-dashboard-command .mebcool-command-panel { flex: 1 1 0; }
        .mebcool-dashboard-command .mebcool-command-input { min-height: 44px; border-radius: 999px !important; padding-left: 3.45rem !important; padding-right: 9.75rem !important; border-color: rgba(32,201,151,.22); background: linear-gradient(135deg, rgba(32,201,151,.045), rgba(var(--bs-primary-rgb), .035)), var(--bs-card-bg); }
        .mebcool-dashboard-command .mebcool-command-input:focus { box-shadow: 0 0 0 .22rem rgba(32,201,151,.14); }
        .mebcool-dashboard-command .mebcool-command-brand { left: .65rem; }
        .mebcool-dashboard-command .mebcool-command-suggestions-scroll { max-height: 230px; }
        .mebcool-dashboard-command .mebcool-history-list { max-height: 180px; }
        .mebcool-dashboard-command .mebcool-command-messages { min-height: 240px; max-height: 520px; }
        .mebcool-dashboard-command .mebcool-command-has-chat .mebcool-command-messages,
        .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-messages { flex: 1 1 auto; min-height: 548px; max-height: none; }
        .mebcool-dashboard-command .mebcool-command-start-content { flex: 0 0 auto; }
        .mebcool-dashboard-command-form { flex: 0 0 auto; }
        .mebcool-bubble { border-radius: 1rem; padding: .75rem .85rem; margin-bottom: .65rem; font-size: .9rem; white-space: pre-line; }
        .mebcool-bubble.user { margin-left: 2.1rem; background: rgba(var(--bs-primary-rgb), .12); border: 1px solid rgba(var(--bs-primary-rgb), .18); }
        .mebcool-bubble.assistant { margin-right: 2.1rem; background: rgba(32,201,151,.10); border: 1px solid rgba(32,201,151,.16); }
        .mebcool-bubble.assistant.rich { padding: .72rem; background: linear-gradient(180deg, rgba(32,201,151,.12), rgba(var(--bs-body-bg-rgb), .9)); border-color: rgba(32,201,151,.22); white-space: normal; box-shadow: 0 .45rem 1.2rem rgba(32,201,151,.07); }
        .mebcool-answer { display: grid; gap: .7rem; }
        .mebcool-answer-head { display: flex; align-items: center; gap: .65rem; padding: .15rem .1rem .05rem; }
        .mebcool-answer-mark { width: 34px; height: 34px; border-radius: .9rem; display: inline-flex; align-items: center; justify-content: center; background: rgba(32,201,151,.16); color: #0f8f6a; flex: 0 0 auto; }
        .mebcool-answer-title { font-weight: 850; line-height: 1.15; }
        .mebcool-answer-subtitle { color: var(--bs-secondary-color); font-size: .76rem; margin-top: .08rem; }
        .mebcool-answer-list { display: grid; gap: .48rem; }
        .mebcool-answer-item { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: .55rem; align-items: start; border: 1px solid rgba(0,0,0,.055); background: rgba(var(--bs-body-bg-rgb), .72); border-radius: .82rem; padding: .58rem .62rem; }
        .mebcool-answer-item-icon { width: 30px; height: 30px; border-radius: .75rem; display: inline-flex; align-items: center; justify-content: center; background: rgba(var(--bs-primary-rgb), .09); color: var(--bs-primary); }
        .mebcool-answer-item-icon svg { width: 16px; height: 16px; }
        .mebcool-answer-item-title { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .12rem; }
        .mebcool-answer-type { color: var(--bs-secondary-color); font-size: .64rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
        .mebcool-answer-text { color: var(--bs-body-color); font-size: .84rem; line-height: 1.35; }
        .mebcool-answer-advice { display: flex; gap: .55rem; align-items: flex-start; border: 1px solid rgba(var(--bs-primary-rgb), .16); background: rgba(var(--bs-primary-rgb), .07); border-radius: .85rem; padding: .62rem .68rem; font-size: .83rem; line-height: 1.35; }
        .mebcool-answer-advice strong { display: block; margin-bottom: .1rem; }
        .mebcool-answer-note { border-left: 3px solid rgba(255,193,7,.75); background: rgba(255,193,7,.08); color: var(--bs-secondary-color); border-radius: .55rem; padding: .52rem .62rem; font-size: .78rem; line-height: 1.35; }
        .mebcool-dashboard-result { display: grid; gap: .72rem; white-space: normal; }
        .mebcool-result-hero { display: flex; align-items: center; gap: .65rem; padding: .2rem .1rem .05rem; }
        .mebcool-result-hero-icon { width: 38px; height: 38px; border-radius: 1rem; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(32,201,151,.18), rgba(var(--bs-primary-rgb), .11)); color: #0f8f6a; flex: 0 0 auto; }
        .mebcool-result-hero-icon svg { width: 19px; height: 19px; }
        .mebcool-result-hero-title { font-size: .96rem; font-weight: 900; line-height: 1.16; }
        .mebcool-result-hero-subtitle { color: var(--bs-secondary-color); font-size: .76rem; margin-top: .08rem; }
        .mebcool-result-sections { display: grid; gap: .6rem; }
        .mebcool-result-section { border: 1px solid rgba(32,201,151,.16); background: linear-gradient(180deg, rgba(32,201,151,.06), rgba(var(--bs-body-bg-rgb), .84)); border-radius: 1rem; padding: .68rem; display: grid; gap: .55rem; box-shadow: 0 .35rem 1rem rgba(15,23,42,.035); }
        .mebcool-result-section-head { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: .55rem; align-items: start; }
        .mebcool-result-section-icon { width: 32px; height: 32px; border-radius: .8rem; display: inline-flex; align-items: center; justify-content: center; background: rgba(var(--bs-primary-rgb), .09); color: var(--bs-primary); }
        .mebcool-result-section-icon svg { width: 16px; height: 16px; }
        .mebcool-result-section-title { font-weight: 850; line-height: 1.18; }
        .mebcool-result-section-summary { color: var(--bs-secondary-color); font-size: .78rem; line-height: 1.34; margin-top: .08rem; }
        .mebcool-result-list { display: grid; gap: .45rem; }
        .mebcool-result-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: .52rem; align-items: center; border: 1px solid rgba(0,0,0,.055); background: rgba(var(--bs-body-bg-rgb), .78); border-radius: .85rem; padding: .52rem .56rem; }
        .mebcool-result-row-icon { width: 28px; height: 28px; border-radius: .72rem; display: inline-flex; align-items: center; justify-content: center; background: rgba(32,201,151,.10); color: #0f8f6a; }
        .mebcool-result-row-icon svg { width: 14px; height: 14px; }
        .mebcool-result-row-body { min-width: 0; }
        .mebcool-result-row-title { font-size: .83rem; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
        .mebcool-result-row-meta { color: var(--bs-secondary-color); font-size: .74rem; line-height: 1.3; margin-top: .08rem; overflow-wrap: anywhere; }
        .mebcool-result-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: .18rem .45rem; font-size: .66rem; font-weight: 800; white-space: nowrap; background: rgba(var(--bs-primary-rgb), .10); color: var(--bs-primary); }
        .mebcool-result-badge.warning { background: rgba(255,193,7,.18); color: #8a6d00; }
        .mebcool-result-badge.success { background: rgba(25,135,84,.13); color: #146c43; }
        .mebcool-result-badge.info { background: rgba(13,110,253,.10); color: #0d6efd; }
        .mebcool-result-advice { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: .52rem; align-items: start; border: 1px solid rgba(var(--bs-primary-rgb), .13); background: rgba(var(--bs-primary-rgb), .055); border-radius: .85rem; padding: .55rem .6rem; }
        .mebcool-result-advice > span { width: 28px; height: 28px; border-radius: .72rem; display: inline-flex; align-items: center; justify-content: center; background: rgba(var(--bs-primary-rgb), .10); color: var(--bs-primary); }
        .mebcool-result-advice svg { width: 14px; height: 14px; }
        .mebcool-result-advice strong { display: block; font-size: .78rem; line-height: 1.2; }
        .mebcool-result-advice small { display: block; color: var(--bs-secondary-color); font-size: .75rem; line-height: 1.32; margin-top: .06rem; }
        .mebcool-result-note { border-left: 3px solid rgba(255,193,7,.75); background: rgba(255,193,7,.08); color: var(--bs-secondary-color); border-radius: .55rem; padding: .48rem .58rem; font-size: .76rem; line-height: 1.35; }

        .mebcool-dashboard-command .mebcool-command-message.assistant { justify-content: stretch; }
        .mebcool-dashboard-command .mebcool-command-message.assistant .mebcool-command-bubble.dashboard-local { width: 100%; max-width: 100%; padding: .15rem; border: 0; background: transparent; }
        .mebcool-dashboard-command .mebcool-command-message.user .mebcool-command-bubble { max-width: min(520px, 78%); }
        .mebcool-dashboard-command .mebcool-dashboard-result { width: 100%; }
        .mebcool-dashboard-command .mebcool-result-sections { grid-template-columns: 1fr; }
        .mebcool-focus-mode .mebcool-dashboard-command .mebcool-result-sections,
        .workspace-card.layout-full .mebcool-dashboard-command .mebcool-result-sections,
        .workspace-card.layout-wide .mebcool-dashboard-command .mebcool-result-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
        .mebcool-focus-mode .mebcool-dashboard-command .mebcool-result-section:first-child:last-child,
        .workspace-card.layout-full .mebcool-dashboard-command .mebcool-result-section:first-child:last-child,
        .workspace-card.layout-wide .mebcool-dashboard-command .mebcool-result-section:first-child:last-child { grid-column: 1 / -1; }
        .mebcool-result-row.is-clickable { cursor: pointer; transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease; }
        .mebcool-result-row.is-clickable:hover,
        .mebcool-result-row.is-clickable:focus-visible { transform: translateY(-1px); border-color: rgba(var(--bs-primary-rgb), .28); box-shadow: 0 .35rem .9rem rgba(var(--bs-primary-rgb), .08); background: rgba(var(--bs-primary-rgb), .045); outline: none; }
        .mebcool-result-row-tail { display: inline-flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .32rem; min-width: 0; }
        .mebcool-result-open { display: inline-flex; align-items: center; border-radius: 999px; padding: .16rem .42rem; font-size: .64rem; font-weight: 800; background: rgba(32,201,151,.12); color: #0f8f6a; white-space: nowrap; }
        .mebcool-result-open::after { content: "›"; font-size: .86rem; line-height: 1; margin-left: .18rem; }
        @media (max-width: 991.98px) {
            .mebcool-focus-mode .mebcool-dashboard-command .mebcool-result-sections,
            .workspace-card.layout-full .mebcool-dashboard-command .mebcool-result-sections,
            .workspace-card.layout-wide .mebcool-dashboard-command .mebcool-result-sections { grid-template-columns: 1fr; }
            .mebcool-result-row { grid-template-columns: 28px minmax(0, 1fr); }
            .mebcool-result-row-tail { grid-column: 2; justify-content: flex-start; }
        }
        @media (max-width: 991.98px) {
            .workspace-card.mebcool-focus-mode {
                --mebcool-focus-x: clamp(10px, 2.5vw, 24px);
                --mebcool-focus-y: clamp(10px, 2dvh, 20px);
                border-radius: 1rem;
            }
            .workspace-card.mebcool-focus-mode .mini-muted { display: none !important; }
            .workspace-card.mebcool-focus-mode .mebcool-command-input { padding-left: 3rem !important; padding-right: 8.7rem !important; }
            .workspace-card.mebcool-focus-mode .mebcool-command-submit { padding-left: .75rem !important; padding-right: .75rem !important; }
        }
        @media (max-height: 780px) {
            .workspace-card.mebcool-focus-mode {
                --mebcool-focus-x: clamp(14px, 3vw, 56px);
                --mebcool-focus-y: clamp(10px, 2dvh, 20px);
                border-radius: 1rem;
            }
            .workspace-card.mebcool-focus-mode .mini-muted { display: none !important; }
            .workspace-card.mebcool-focus-mode .mebcool-command-input { min-height: 40px; font-size: .84rem; }
            .workspace-card.mebcool-focus-mode .mebcool-command-submit,
            .workspace-card.mebcool-focus-mode .mebcool-command-attach { min-height: 32px; }
            .workspace-card.mebcool-focus-mode .prompt-chip { padding: .26rem .56rem; font-size: .72rem; }
            .workspace-card.mebcool-focus-mode .mebcool-history-list { max-height: 96px; }
        }
        @media (max-height: 680px) {
            .workspace-card.mebcool-focus-mode {
                --mebcool-focus-x: 10px;
                --mebcool-focus-y: 8px;
            }
            .workspace-card.mebcool-focus-mode .card-kicker { display: none; }
            .workspace-card.mebcool-focus-mode h5 { font-size: .95rem; }
            .workspace-card.mebcool-focus-mode .mebcool-logo { width: 30px; height: 30px; }
        }

        .mebcool-bubble.thinking { display: flex; align-items: center; gap: .65rem; color: var(--bs-secondary-color); }
        .mebcool-thinking-dots { display: inline-flex; align-items: center; gap: .22rem; }
        .mebcool-thinking-dots span { width: .38rem; height: .38rem; border-radius: 999px; background: currentColor; opacity: .42; animation: mebcoolThinking 1s infinite ease-in-out; }
        .mebcool-thinking-dots span:nth-child(2) { animation-delay: .16s; }
        .mebcool-thinking-dots span:nth-child(3) { animation-delay: .32s; }
        @keyframes mebcoolThinking { 0%, 80%, 100% { transform: translateY(0); opacity: .35; } 40% { transform: translateY(-3px); opacity: .9; } }
        .mebcool-summary-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .85rem; margin-bottom: .75rem; }
        .mebcool-summary-subtitle { color: var(--bs-secondary-color); font-size: .78rem; line-height: 1.35; margin-top: .15rem; }
        .mebcool-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .72rem; }
        .mebcool-summary-group { border: 1px solid rgba(var(--bs-primary-rgb), .10); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), .035), rgba(var(--bs-body-bg-rgb), .74)); border-radius: 1rem; padding: .72rem; min-width: 0; }
        .mebcool-summary-group-title { color: var(--bs-secondary-color); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .045em; margin-bottom: .48rem; }
        .mebcool-summary-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
        .prompt-chip { border: 1px solid rgba(var(--bs-primary-rgb), .18); background: rgba(var(--bs-primary-rgb), .06); border-radius: 999px; padding: .32rem .62rem; font-size: .77rem; font-weight: 700; color: var(--bs-primary); transition: opacity .15s ease, transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease; }
        .prompt-chip:hover { transform: translateY(-1px); border-color: rgba(var(--bs-primary-rgb), .34); background: rgba(var(--bs-primary-rgb), .09); box-shadow: 0 .35rem .8rem rgba(var(--bs-primary-rgb), .08); }
        .prompt-chip:disabled { opacity: .55; cursor: wait; transform: none; }
        .mebcool-summary-chip, .mebcool-summary-feature { display: inline-flex; align-items: center; gap: .38rem; min-height: 32px; }
        .mebcool-summary-feature { flex: 0 0 auto; background: linear-gradient(135deg, rgba(32,201,151,.14), rgba(var(--bs-primary-rgb), .11)); color: #0f6f5a; border-color: rgba(32,201,151,.26); }
        .mebcool-chip-count { display: none; align-items: center; justify-content: center; min-width: 1.15rem; height: 1.15rem; padding: 0 .35rem; border-radius: 999px; background: rgba(var(--bs-primary-rgb), .13); color: var(--bs-primary); font-size: .64rem; font-weight: 900; line-height: 1; }
        .mebcool-chip-count:not(:empty) { display: inline-flex; }
        .mebcool-summary-feature .mebcool-chip-count { background: rgba(32,201,151,.17); color: #0f6f5a; }
        @media (max-width: 1199.98px) { .mebcool-summary-grid { grid-template-columns: 1fr 1fr; } }
        @media (max-width: 767.98px) { .mebcool-summary-head { flex-direction: column; align-items: stretch; } .mebcool-summary-grid { grid-template-columns: 1fr; } .mebcool-summary-feature { justify-content: center; } }
        .chat-open-btn { min-width: 112px; box-shadow: 0 .25rem .7rem rgba(var(--bs-primary-rgb), .14); }
        .mebcool-input-group { gap: .45rem; }
        .mebcool-input-group .form-control { min-height: 42px; border-radius: 999px !important; padding-left: 1rem; }
        .mebcool-input-group .btn { min-height: 42px; min-width: 86px; border-radius: 999px !important; }
        .module-shortcut {
            display:block; height:100%; padding: .9rem; text-decoration:none; color: inherit; border:1px solid rgba(0,0,0,.07); background: rgba(var(--bs-body-bg-rgb), .82);
            transition: transform .15s ease, border-color .15s ease, background .15s ease;
        }
        .module-shortcut:hover { color: inherit; transform: translateY(-2px); border-color: rgba(var(--bs-primary-rgb), .35); background: rgba(var(--bs-primary-rgb), .055); }
        .quick-section-title { display:flex; align-items:center; gap:.5rem; margin:.25rem 0 .75rem; font-weight:800; }
        .quick-section-title::before { content:""; width:8px; height:8px; border-radius:999px; background: var(--bs-primary); box-shadow:0 0 0 5px rgba(var(--bs-primary-rgb), .12); }
        .quick-section-subtitle { color: var(--bs-secondary-color); font-size:.84rem; margin-top:-.45rem; margin-bottom:.9rem; }
        .module-group-card { display:block; height:100%; padding: .95rem; text-decoration:none; color:inherit; border:1px solid rgba(0,0,0,.07); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), .055), rgba(var(--bs-body-bg-rgb), .82)); transition: transform .15s ease, border-color .15s ease; }
        .module-group-card:hover { color:inherit; transform: translateY(-2px); border-color: rgba(var(--bs-primary-rgb), .32); }
        .module-group-count { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:24px; padding:0 .45rem; border-radius:999px; background:rgba(var(--bs-primary-rgb), .1); color:var(--bs-primary); font-size:.75rem; font-weight:800; }
        .module-group-children { color: var(--bs-secondary-color); font-size:.78rem; margin-top:.45rem; }
        .module-icon {
            width: 40px; height: 40px; border-radius: 999px; display:inline-flex; align-items:center; justify-content:center;
            background: rgba(var(--bs-primary-rgb), .1); color: var(--bs-primary); margin-bottom:.65rem;
        }
        .empty-soft { color: var(--bs-secondary-color); font-size: .9rem; padding: .85rem 0; }
        .truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

        /* Dashboard kartlarını eski yerleşimi bozmadan daha kompakt ve okunur tutar. */
        [data-card-id="chat"] h5,
        [data-card-id="mebcool"] h5,
        [data-card-id="support"] h5 { font-size: .98rem; line-height: 1.18; }
        [data-card-id="chat"] .mini-muted,
        [data-card-id="mebcool"] .mini-muted,
        [data-card-id="support"] .mini-muted { font-size: .78rem; line-height: 1.28; }
        [data-card-id="chat"] .card-kicker,
        [data-card-id="mebcool"] .card-kicker,
        [data-card-id="support"] .card-kicker { font-size: .68rem; letter-spacing: .04em; }

        [data-card-id="chat"] .dashboard-chat-grid { gap: .62rem; }
        [data-card-id="chat"] .dashboard-chat-list { max-height: 278px; }
        [data-card-id="chat"] .dashboard-chat-list .soft-item { padding: .55rem .58rem; border-radius: .82rem; }
        [data-card-id="chat"] .dashboard-chat-list .fw-semibold { font-size: .82rem; line-height: 1.18; }
        [data-card-id="chat"] .dashboard-chat-list .small { font-size: .72rem; }
        [data-card-id="chat"] .dashboard-chat-preview { padding: .68rem; }
        [data-card-id="chat"] .dashboard-chat-preview .fw-semibold { font-size: .86rem; line-height: 1.2; }
        [data-card-id="chat"] .dashboard-chat-preview-members,
        [data-card-id="chat"] .dashboard-chat-footer { font-size: .72rem; }
        [data-card-id="chat"] .dashboard-chat-preview-messages { max-height: 162px; gap: .38rem; }
        [data-card-id="chat"] .dashboard-chat-message { font-size: .75rem; line-height: 1.25; padding: .45rem .52rem; border-radius: .76rem; }
        [data-card-id="chat"] .dashboard-chat-message.inbound { margin-right: .35rem; }
        [data-card-id="chat"] .dashboard-chat-message.outbound { margin-left: .35rem; }
        [data-card-id="chat"] .btn { --bs-btn-font-size: .72rem; --bs-btn-padding-y: .24rem; --bs-btn-padding-x: .6rem; }

        [data-card-id="mebcool"] > .card-body > .d-flex:first-child { grid-template-columns: minmax(0, 1fr) !important; gap: .55rem !important; }
        [data-card-id="mebcool"] > .card-body > .d-flex:first-child > .d-flex:last-child { justify-self: start; align-self: start; flex-wrap: wrap; }
        [data-card-id="mebcool"] .mebcool-logo { width: 34px; height: 34px; border-radius: .82rem; font-size: 1rem; }
        [data-card-id="mebcool"] .mebcool-command-card .card-body { padding: .72rem !important; }
        [data-card-id="mebcool"] .mebcool-command-start-content small { font-size: .66rem; letter-spacing: .035em; }
        [data-card-id="mebcool"] .prompt-chip { font-size: .68rem; padding: .28rem .48rem; }
        [data-card-id="mebcool"] .mebcool-history-list { max-height: 145px; font-size: .74rem; }
        [data-card-id="mebcool"] .mebcool-command-messages { min-height: 210px; }
        [data-card-id="mebcool"] .mebcool-command-input { min-height: 38px; font-size: .76rem; padding-left: 2.9rem !important; padding-right: 7.1rem !important; }
        [data-card-id="mebcool"] .mebcool-command-brand { left: .55rem; font-size: .68rem; }
        [data-card-id="mebcool"] .mebcool-dashboard-command-actions { gap: .25rem !important; padding-right: .35rem !important; }
        [data-card-id="mebcool"] .mebcool-command-attach { width: 30px; height: 30px; padding: 0; }
        [data-card-id="mebcool"] .mebcool-command-submit { --bs-btn-font-size: .7rem; --bs-btn-padding-y: .22rem; --bs-btn-padding-x: .55rem; min-width: 58px; }
        [data-card-id="mebcool"] .status-pill { font-size: .66rem; padding: .2rem .48rem; }

        [data-card-id="support"] #supportList .soft-item { padding: .62rem .72rem; border-radius: .84rem; }
        [data-card-id="support"] #supportList .soft-item + .soft-item { margin-top: .52rem; }
        [data-card-id="support"] #supportList .fw-semibold { font-size: .82rem; line-height: 1.22; white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        [data-card-id="support"] #supportList .small { font-size: .72rem; line-height: 1.2; }
        [data-card-id="support"] #supportList .status-pill { font-size: .66rem; padding: .2rem .48rem; }

        @media (min-width: 1400px) {
            [data-card-id="mebcool"] .mini-muted { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
        }
        @media (max-width: 1399.98px) {
            [data-card-id="chat"] .dashboard-chat-grid { gap: .55rem; }
            [data-card-id="mebcool"] .mebcool-command-input { padding-right: 7rem !important; }
        }
        @media (max-width: 575.98px) {
            [data-card-id="mebcool"] .mebcool-command-input { padding-right: 6.45rem !important; }
            [data-card-id="mebcool"] .mebcool-command-submit { min-width: 52px; }
        }

        .mebcool-floating-widget {
            position: fixed;
            inset: 0;
            z-index: 1090;
            pointer-events: none;
        }
        .mebcool-fab {
            position: fixed;
            right: clamp(1rem, 2vw, 1.6rem);
            bottom: clamp(1rem, 2vw, 1.6rem);
            width: 68px;
            height: 68px;
            border: 0;
            border-radius: 999px;
            color: #fff;
            background: linear-gradient(135deg, #20c997 0%, var(--bs-primary) 72%);
            box-shadow: 0 1rem 2.2rem rgba(var(--bs-primary-rgb), .28), 0 .45rem 1.2rem rgba(32,201,151,.22);
            display: inline-grid;
            place-items: center;
            pointer-events: auto;
            overflow: visible;
            transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease;
        }
        .mebcool-fab:hover,
        .mebcool-fab:focus-visible {
            transform: translateY(-2px) scale(1.03);
            filter: saturate(1.04);
            box-shadow: 0 1.2rem 2.6rem rgba(var(--bs-primary-rgb), .34), 0 .55rem 1.35rem rgba(32,201,151,.24);
        }
        .mebcool-fab:focus-visible { outline: 3px solid rgba(32,201,151,.28); outline-offset: 4px; }
        .mebcool-fab[aria-expanded="true"] { opacity: 0; transform: translateY(8px) scale(.88); pointer-events: none; }
        .mebcool-fab-halo {
            position: absolute;
            inset: -7px;
            border-radius: inherit;
            background: radial-gradient(circle, rgba(32,201,151,.26), rgba(var(--bs-primary-rgb), .12) 48%, transparent 70%);
            animation: mebcoolFabPulse 2.6s ease-in-out infinite;
            z-index: -1;
        }
        .mebcool-fab-icon svg { width: 30px; height: 30px; filter: drop-shadow(0 .15rem .22rem rgba(0,0,0,.18)); }
        .mebcool-fab-label {
            position: absolute;
            right: 76px;
            top: 50%;
            transform: translateY(-50%);
            border: 1px solid rgba(var(--bs-primary-rgb), .14);
            background: rgba(var(--bs-body-bg-rgb), .94);
            color: var(--bs-body-color);
            border-radius: 999px;
            padding: .44rem .72rem;
            font-weight: 800;
            font-size: .8rem;
            white-space: nowrap;
            box-shadow: 0 .45rem 1.2rem rgba(0,0,0,.10);
            backdrop-filter: blur(10px);
        }
        body.mebcool-floating-open { overflow: hidden; }
        .mebcool-floating-panel {
            position: fixed;
            inset: 0;
            width: 100vw;
            height: 100dvh;
            min-height: 0;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            overflow: hidden;
            pointer-events: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: clamp(1rem, 3vw, 2.25rem);
            background:
                radial-gradient(circle at 16% 16%, rgba(32,201,151,.18), transparent 30%),
                radial-gradient(circle at 84% 18%, rgba(var(--bs-primary-rgb), .18), transparent 28%),
                rgba(15, 23, 42, .48);
            backdrop-filter: blur(10px);
            transform-origin: center;
            animation: mebcoolOverlayIn .18s ease-out;
        }
        .mebcool-floating-panel[hidden] { display: none !important; }
        .mebcool-floating-card {
            width: min(1180px, calc(100vw - clamp(1.25rem, 5vw, 4.5rem)));
            height: min(860px, calc(100dvh - clamp(1.25rem, 5vw, 4rem)));
            max-height: calc(100dvh - clamp(1.25rem, 5vw, 4rem));
            min-height: 0;
            display: flex;
            flex-direction: column;
            border: 1px solid rgba(32,201,151,.20);
            border-radius: clamp(1.25rem, 2.1vw, 1.85rem);
            box-shadow: 0 2rem 5rem rgba(15,23,42,.34);
            overflow: hidden;
            background:
                radial-gradient(circle at top left, rgba(32, 201, 151, .17), transparent 35%),
                radial-gradient(circle at bottom right, rgba(var(--bs-primary-rgb), .14), transparent 35%),
                var(--bs-body-bg);
            animation: mebcoolDialogIn .2s ease-out;
        }
        .mebcool-floating-panel .card-body { min-height: 0; overflow: hidden; }
        .mebcool-floating-panel .mebcool-floating-card > .card-body { height: 100%; display: flex !important; flex-direction: column !important; }
        .mebcool-floating-panel .card-body > .d-flex:first-child { flex: 0 0 auto; min-height: 0; }
        .mebcool-floating-panel .mebcool-logo { width: 44px; height: 44px; border-radius: 1.05rem; font-size: 1.18rem; }
        .mebcool-floating-panel .mebcool-command-shell { flex: 1 1 0 !important; height: auto !important; min-height: 0 !important; overflow: hidden; display: flex !important; flex-direction: column !important; }
        .mebcool-floating-panel .mebcool-dashboard-command .mebcool-command-panel { flex: 1 1 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden; display: flex !important; margin-top: .75rem; }
        .mebcool-floating-panel .mebcool-dashboard-command .mebcool-command-card { flex: 1 1 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; border-radius: 1.25rem !important; overflow: hidden; }
        .mebcool-floating-panel .mebcool-dashboard-command .mebcool-command-card > .card-body { flex: 1 1 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden; padding: 1.1rem !important; display: flex !important; flex-direction: column !important; }
        .mebcool-floating-panel .mebcool-command-start-content { flex: 1 1 0 !important; min-height: 0; max-height: none; overflow: auto; padding-right: .25rem; }
        .mebcool-floating-panel .mebcool-command-chat-footer { flex: 0 0 auto !important; min-height: 0; margin-top: .85rem; }
        .mebcool-floating-panel .mebcool-command-chat-footer .mebcool-command-form { width: 100%; }
        .mebcool-floating-panel .mebcool-dashboard-command .mebcool-command-messages { flex: 1 1 0 !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; padding-right: .2rem; }
        .mebcool-floating-panel .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-card > .card-body { display: flex !important; flex-direction: column !important; align-content: normal !important; }
        .mebcool-floating-panel .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-start-content { display: none !important; }
        .mebcool-floating-panel .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-messages { height: auto !important; margin-bottom: 0 !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
        .mebcool-floating-panel .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-messages::before { content: ""; display: block; flex: 1 1 auto; min-height: 0; }
        .mebcool-floating-panel .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-messages > .mebcool-command-message { flex: 0 0 auto; }
        .mebcool-floating-panel .mebcool-dashboard-command.mebcool-command-has-chat .mebcool-command-messages > .mebcool-command-message:first-child { margin-top: 0 !important; }
        .mebcool-floating-panel .mebcool-command-form { overflow: visible; position: relative; z-index: 2; }
        .mebcool-floating-panel .mebcool-dashboard-command-actions { z-index: 7; pointer-events: auto; }
        .mebcool-floating-panel .mebcool-command-brand { z-index: 7; }
        .mebcool-floating-panel .mebcool-command-input { min-height: 48px; font-size: .95rem; position: relative; z-index: 1; }
        .mebcool-floating-panel .mebcool-command-input:focus { z-index: 1; }
        .mebcool-floating-panel .mini-muted { max-width: 760px; }
        .mebcool-floating-close {
            width: 38px;
            height: 38px;
            padding: 0 !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px !important;
        }
        @keyframes mebcoolFabPulse {
            0%, 100% { opacity: .75; transform: scale(.96); }
            50% { opacity: 1; transform: scale(1.08); }
        }
        @keyframes mebcoolOverlayIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes mebcoolDialogIn {
            from { opacity: 0; transform: translateY(14px) scale(.975); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        @media (max-width: 767.98px) {
            .mebcool-fab { width: 60px; height: 60px; }
            .mebcool-fab-icon svg { width: 27px; height: 27px; }
            .mebcool-fab-label { display: none; }
            .mebcool-floating-panel { padding: .65rem; align-items: stretch; }
            .mebcool-floating-card {
                width: 100%;
                height: 100%;
                max-height: 100%;
                min-height: 0;
                border-radius: 1.15rem;
            }
            .mebcool-floating-panel .card-body { padding: .9rem !important; }
            .mebcool-floating-panel .mebcool-dashboard-command .mebcool-command-input { padding-right: 6.45rem !important; }
            .mebcool-floating-panel .mebcool-command-submit { min-width: 52px; }
        }

        .section-hidden { display: none !important; }
        @page {
            size: A4 landscape;
            margin: 10mm;
        }
        @media print {
            *, *::before, *::after {
                print-color-adjust: exact;
                -webkit-print-color-adjust: exact;
            }
            html,
            body,
            .content-wrapper,
            .content-area {
                min-height: auto !important;
                height: auto !important;
                background: #fff !important;
                color: #111827 !important;
            }
            body { font-size: 10.25pt; }
            .content-wrapper { display: block !important; }
            .content-area {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
            }
            .content-area > .container-fluid {
                max-width: none !important;
                padding: 0 !important;
            }
            #appHeader,
            #appThemeSettings,
            #appFooter,
            .page-breadcrumbs,
            .left-sidebar,
            .sidebar-overlay,
            .dashboard-layout-toolbar,
            .hero-feed-actions,
            .dashboard-card-actions,
            .layout-edit-only,
            .mebcool-fab,
            .mebcool-floating-panel {
                display: none !important;
            }
            #pageAlert.d-none { display: none !important; }
            .dashboard-hero,
            .dashboard-command-center,
            .dashboard-layer-shell,
            .workspace-card {
                border: 1px solid rgba(17,24,39,.12) !important;
                box-shadow: none !important;
                break-inside: avoid;
                page-break-inside: avoid;
            }
            .dashboard-hero {
                margin-bottom: .32rem !important;
                border-radius: .6rem !important;
            }
            .dashboard-hero .card-body { padding: .55rem !important; }
            .dashboard-hero > .card-body > .row {
                display: grid !important;
                grid-template-columns: minmax(0, 2.35fr) minmax(210px, .65fr);
                gap: .45rem !important;
            }
            .dashboard-hero > .card-body > .row > [class*="col-"] {
                width: auto !important;
                max-width: none !important;
                flex: none !important;
            }
            .dashboard-hero h3 { font-size: 15pt; margin-bottom: .2rem !important; }
            .dashboard-hero .mini-muted { font-size: 8.5pt; }
            .hero-chip-row { gap: .25rem !important; margin-bottom: .42rem !important; }
            .hero-chip {
                padding: .28rem .4rem;
                border-radius: .45rem;
            }
            .hero-metric-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                gap: .28rem !important;
                margin-top: .42rem !important;
            }
            .hero-metric-card {
                min-height: 52px;
                padding: .36rem .4rem;
                border-radius: .52rem;
                gap: .32rem;
            }
            .hero-metric-icon {
                width: 28px;
                height: 28px;
                border-radius: .5rem;
            }
            .hero-metric-label { font-size: 7.2pt; }
            .hero-metric-value { font-size: 13pt; }
            .hero-metric-help { font-size: 7.5pt; -webkit-line-clamp: 1; }
            .executive-command-brief {
                grid-template-columns: minmax(190px, .86fr) minmax(0, 1.14fr) !important;
                gap: .36rem !important;
                margin-top: .45rem !important;
            }
            .executive-status-panel,
            .executive-action-panel,
            .visual-analytics-panel,
            .hero-feed-card {
                padding: .42rem !important;
                border-radius: .55rem !important;
                box-shadow: none !important;
            }
            .executive-score { min-height: 78px; }
            .executive-score strong { font-size: 18pt; }
            .executive-action-list,
            .hero-feed-list,
            .dashboard-list,
            .dashboard-list.tall,
            .dashboard-list.compact {
                max-height: none !important;
                overflow: visible !important;
            }
            .executive-action-item { padding: .28rem .34rem; }
            .visual-analytics-panel { margin-top: .45rem !important; }
            .visual-analytics-focus {
                grid-template-columns: minmax(0, 1fr) minmax(210px, auto) auto !important;
                gap: .34rem !important;
                padding: .38rem .42rem !important;
            }
            .visual-analytics-grid {
                grid-template-columns: minmax(0, 1.25fr) minmax(155px, .85fr) minmax(155px, .85fr) !important;
                gap: .34rem !important;
            }
            .visual-analytics-grid .analytics-card-wide { grid-column: auto !important; }
            .analytics-card,
            .card-analytics-strip {
                box-shadow: none !important;
                break-inside: avoid;
                page-break-inside: avoid;
            }
            .module-health-grid { grid-template-columns: repeat(7, minmax(34px, 1fr)) !important; }
            .module-health-ring { width: 44px; height: 44px; }
            .analytics-heatmap { grid-template-columns: repeat(7, minmax(22px, 1fr)) !important; }
            .hero-feed-card { min-height: 0; }
            .hero-feed-header { gap: .32rem; }
            .hero-feed-item {
                padding: .32rem .38rem;
                border-radius: .5rem;
            }
            .hero-signal-strip {
                margin-top: .42rem !important;
                padding: .38rem !important;
                break-inside: avoid;
                page-break-inside: avoid;
            }
            .hero-risk-guidance {
                grid-template-columns: minmax(160px, .7fr) minmax(0, 1.3fr) auto !important;
                gap: .34rem !important;
                padding: .42rem !important;
                border-radius: .55rem !important;
                box-shadow: none !important;
            }
            .hero-risk-guidance-copy strong { font-size: 9.5pt; }
            .hero-risk-guidance-copy small { font-size: 7.5pt; }
            .hero-risk-group-list { gap: .26rem !important; }
            .hero-risk-group {
                min-width: 98px;
                max-width: 150px;
                padding: .28rem .34rem;
                border-radius: .46rem;
                grid-template-columns: 22px minmax(0, 1fr);
            }
            .hero-risk-count {
                width: 22px;
                height: 22px;
                border-radius: .42rem;
                font-size: 7.5pt;
            }
            .hero-risk-group strong { font-size: 7.4pt; }
            .hero-risk-group small { font-size: 6.8pt; -webkit-line-clamp: 1; }
            .hero-risk-primary-action {
                min-height: 26px;
                padding: .22rem .48rem;
                font-size: 7.4pt;
                box-shadow: none !important;
            }
            .dashboard-command-center {
                grid-template-columns: minmax(160px, .75fr) minmax(300px, 1.3fr) minmax(170px, .82fr) !important;
                gap: .42rem !important;
                padding: .48rem !important;
                margin-bottom: .42rem !important;
            }
            .dashboard-command-center::before,
            .command-center-stage::before,
            .command-center-stage::after {
                display: none !important;
            }
            .command-center-copy,
            .command-center-insight {
                padding: .45rem !important;
                border-radius: .55rem !important;
                box-shadow: none !important;
            }
            .command-center-stage {
                min-height: 215px !important;
                border-radius: .55rem !important;
                background: rgba(13,110,253,.035) !important;
            }
            .command-center-viewport {
                display: none !important;
            }
            [data-command-center-mode="three"] .command-center-fallback,
            .command-center-fallback {
                position: relative !important;
                inset: auto !important;
                opacity: 1 !important;
                pointer-events: auto !important;
                padding: .35rem !important;
            }
            .command-center-map {
                min-height: 200px !important;
                height: 200px !important;
            }
            .command-center-node {
                min-width: 92px;
                max-width: 120px;
                padding: .3rem .36rem;
                border-radius: .55rem;
            }
            .command-center-node strong,
            .command-center-node small {
                white-space: normal;
            }
            .dashboard-layer-shell {
                padding: .55rem !important;
                margin-bottom: .42rem !important;
            }
            .dashboard-layer-tabs,
            .dashboard-role-mode-tabs {
                gap: .28rem !important;
            }
            .dashboard-layer-tab,
            .dashboard-role-mode-tab {
                padding: .34rem .42rem !important;
                border-radius: .5rem !important;
            }
            .workspace-grid {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: .42rem !important;
            }
            .workspace-card,
            .workspace-card-lg,
            .workspace-card-md,
            .workspace-card-tall,
            .workspace-card-wide {
                min-height: 0 !important;
                grid-column: auto !important;
                grid-row: auto !important;
            }
            .workspace-card .card-body { padding: .55rem !important; }
            .dashboard-chat-grid,
            .dashboard-split {
                grid-template-columns: 1fr !important;
            }
            a[href] { text-decoration: none !important; }
        }
        html[data-bs-theme="dark"] .soft-item,
        html[data-bs-theme="dark"] .quick-stat-card,
        html[data-bs-theme="dark"] .task-tab,
        html[data-bs-theme="dark"] .calendar-day,
        html[data-bs-theme="dark"] .module-shortcut,
        html[data-bs-theme="dark"] .module-group-card { border-color: rgba(255,255,255,.08); }
        @media (min-width: 1400px) {
            .mebcool-card { position: sticky; top: 92px; align-self: start; }
        }
        @media (max-width: 1399.98px) {
            .workspace-grid { grid-template-columns: repeat(2, minmax(280px, 1fr)); }
            .workspace-card-tall { grid-row: auto; min-height: 650px; }
            .workspace-card-wide { grid-column: span 2; }
        }
        @media (max-width: 991.98px) {
            .workspace-grid { grid-template-columns: 1fr; }
            .workspace-card-wide { grid-column: auto; }
            .dashboard-split { grid-template-columns: 1fr; }
            .dashboard-list, .dashboard-list.tall, .dashboard-list.compact { max-height: none; }
        }

/* Dashboard quick access refinement */
.quick-links-card .card-body { padding-bottom: 1rem !important; }
.quick-links-compact { align-items: stretch; }
.module-shortcut.compact,
.module-shortcut-button {
    display: flex;
    align-items: center;
    gap: .72rem;
    min-height: 74px;
    padding: .72rem .78rem;
    text-align: left;
}
.module-shortcut.compact .module-icon,
.module-shortcut-button .module-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-bottom: 0;
}
.module-shortcut-copy {
    display: grid;
    min-width: 0;
    gap: .12rem;
}
.module-shortcut-button {
    border: 1px dashed rgba(var(--bs-primary-rgb), .34);
    background: rgba(var(--bs-primary-rgb), .045);
    color: inherit;
}
.module-shortcut-button:hover,
.module-shortcut-button:focus-visible {
    color: inherit;
    transform: translateY(-2px);
    border-color: rgba(var(--bs-primary-rgb), .46);
    background: rgba(var(--bs-primary-rgb), .07);
}
.dashboard-module-catalog-toggle { white-space: nowrap; font-weight: 700; }
.dashboard-module-modal .modal-content {
    border: 1px solid rgba(var(--bs-primary-rgb), .12);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 4rem rgba(15,23,42,.18);
}
.module-catalog-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: .9rem;
    align-items: center;
}
.module-catalog-search {
    min-height: 42px;
    border-radius: 999px;
    padding-left: 1rem;
    border-color: rgba(var(--bs-primary-rgb), .16);
    background: rgba(var(--bs-body-bg-rgb), .84);
}
.module-catalog-search:focus {
    border-color: rgba(var(--bs-primary-rgb), .38);
    box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .10);
}
.module-catalog-summary {
    color: var(--bs-secondary-color);
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}
html[data-bs-theme="dark"] .module-shortcut-button { border-color: rgba(255,255,255,.16); }
@media (max-width: 767.98px) {
    .module-catalog-toolbar { grid-template-columns: 1fr; }
    .module-catalog-summary { white-space: normal; }
    .dashboard-module-catalog-toggle { width: 100%; }
}

/* Hero cockpit responsive and dark-mode refinements */
html[data-bs-theme="dark"] .hero-metric-card,
html[data-bs-theme="dark"] .hero-feed-card,
html[data-bs-theme="dark"] .hero-feed-item,
html[data-bs-theme="dark"] .hero-risk-guidance,
html[data-bs-theme="dark"] .hero-risk-group,
html[data-bs-theme="dark"] .executive-status-panel,
html[data-bs-theme="dark"] .executive-action-panel,
html[data-bs-theme="dark"] .dashboard-layer-shell,
html[data-bs-theme="dark"] .visual-analytics-panel,
html[data-bs-theme="dark"] .visual-analytics-focus,
html[data-bs-theme="dark"] .analytics-card,
html[data-bs-theme="dark"] .card-analytics-strip,
html[data-bs-theme="dark"] .dashboard-command-center,
html[data-bs-theme="dark"] .command-center-copy,
html[data-bs-theme="dark"] .command-center-insight,
html[data-bs-theme="dark"] .command-center-stage,
html[data-bs-theme="dark"] .command-center-node,
html[data-bs-theme="dark"] .dashboard-role-mode-tab,
html[data-bs-theme="dark"] .executive-action-item,
html[data-bs-theme="dark"] .dashboard-layer-tab { border-color: rgba(255,255,255,.08); }
html[data-bs-theme="dark"] .hero-metric-card,
html[data-bs-theme="dark"] .hero-feed-item,
html[data-bs-theme="dark"] .hero-risk-group,
html[data-bs-theme="dark"] .executive-status-panel,
html[data-bs-theme="dark"] .executive-action-panel,
html[data-bs-theme="dark"] .executive-action-item,
html[data-bs-theme="dark"] .dashboard-layer-shell,
html[data-bs-theme="dark"] .visual-analytics-panel,
html[data-bs-theme="dark"] .visual-analytics-focus,
html[data-bs-theme="dark"] .analytics-card,
html[data-bs-theme="dark"] .card-analytics-strip,
html[data-bs-theme="dark"] .command-center-copy,
html[data-bs-theme="dark"] .command-center-insight,
html[data-bs-theme="dark"] .command-center-node,
html[data-bs-theme="dark"] .dashboard-role-mode-tab,
html[data-bs-theme="dark"] .dashboard-layer-tab { background: rgba(255,255,255,.035); }
html[data-bs-theme="dark"] .hero-feed-card { background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)); }
html[data-bs-theme="dark"] .hero-risk-guidance {
    background:
        radial-gradient(circle at 2% 50%, rgba(13,110,253,.12), transparent 30%),
        rgba(255,255,255,.035);
}
html[data-bs-theme="dark"] .hero-risk-guidance.warning { background: rgba(255,193,7,.07); }
html[data-bs-theme="dark"] .hero-risk-guidance.danger { background: rgba(220,53,69,.06); }
html[data-bs-theme="dark"] .hero-risk-guidance.success { background: rgba(25,135,84,.07); }
html[data-bs-theme="dark"] .dashboard-command-center {
    background:
        radial-gradient(circle at 50% 10%, rgba(32,201,151,.11), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
}
html[data-bs-theme="dark"] .dashboard-command-center::before {
    background: radial-gradient(circle, rgba(111,83,198,.18), transparent 68%);
}
html[data-bs-theme="dark"] .command-center-stage {
    background:
        radial-gradient(circle at 50% 50%, rgba(13,110,253,.16), transparent 34%),
        radial-gradient(circle at 50% 50%, rgba(32,201,151,.13), transparent 52%),
        rgba(255,255,255,.03);
}
html[data-bs-theme="dark"] .command-center-stage::before { opacity: .32; }
html[data-bs-theme="dark"] .command-center-stage::after {
    background:
        radial-gradient(circle at 50% 44%, rgba(255,255,255,.10), transparent 18%),
        radial-gradient(circle at 50% 50%, transparent 36%, rgba(13,110,253,.18) 37%, transparent 38%),
        radial-gradient(circle at 50% 50%, transparent 58%, rgba(32,201,151,.17) 59%, transparent 60%);
    opacity: .82;
}
html[data-bs-theme="dark"] .command-center-viewport canvas {
    filter: drop-shadow(0 1rem 1.6rem rgba(0,0,0,.28));
}
html[data-bs-theme="dark"] .command-center-kpis span,
html[data-bs-theme="dark"] .command-center-selected {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-bs-theme="dark"] .module-health-ring {
    background:
        radial-gradient(circle, var(--bs-body-bg) 55%, transparent 57%),
        conic-gradient(var(--bs-primary) var(--score, 0%), rgba(255,255,255,.08) 0);
}

        /* Phase 20: compact desktop and low-height viewport density tuning */
        @media (min-width: 1400px) and (max-width: 1535.98px) {
            .dashboard-hero .card-body { padding: 1rem 1.1rem !important; }
            .dashboard-hero .row.g-4 { --bs-gutter-x: .95rem; --bs-gutter-y: .95rem; }
            .dashboard-hero h3 { font-size: 1.58rem; }
            .dashboard-hero-main .mini-muted { font-size: .82rem; }
            .hero-chip-row { margin-bottom: .68rem !important; }
            .hero-chip {
                min-height: 30px;
                padding-block: .22rem;
            }
            .hero-metric-grid {
                gap: .56rem;
                margin-top: .72rem;
            }
            .hero-metric-card {
                min-height: 66px;
                padding: .58rem .62rem;
                gap: .52rem;
                border-radius: .86rem;
            }
            .hero-metric-icon {
                width: 34px;
                height: 34px;
                border-radius: .78rem;
            }
            .hero-metric-label {
                font-size: .62rem;
                line-height: 1.1;
            }
            .hero-metric-value { font-size: 1.16rem; }
            .hero-metric-help {
                font-size: .68rem;
                line-height: 1.16;
                -webkit-line-clamp: 1;
            }
            .executive-command-brief {
                gap: .58rem;
                margin-top: .72rem !important;
            }
            .executive-status-panel {
                grid-template-columns: 90px minmax(0, 1fr);
                gap: .58rem;
                padding: .62rem;
            }
            .executive-score {
                min-height: 98px;
                border-radius: .78rem;
            }
            .executive-score strong { font-size: 1.82rem; }
            .executive-action-panel { padding: .62rem; }
            .executive-action-list { max-height: 176px; }
            .executive-action-item {
                grid-template-columns: 26px minmax(0, 1fr);
                gap: .46rem;
                padding: .46rem .52rem;
            }
            .visual-analytics-panel {
                padding: .72rem;
                margin-top: .72rem !important;
            }
            .visual-analytics-focus {
                gap: .52rem;
                padding: .54rem .58rem;
                grid-template-columns: minmax(220px, 1fr) minmax(188px, auto) auto;
            }
            .visual-analytics-focus-metrics {
                min-width: 188px;
                gap: .3rem;
            }
            .visual-analytics-focus-metrics span { padding: .32rem .36rem; }
            .visual-analytics-grid {
                grid-template-columns: minmax(270px, 1.2fr) minmax(175px, .9fr) minmax(175px, .9fr);
                gap: .54rem;
            }
            .visual-analytics-grid .analytics-card-wide { grid-column: auto; }
            .module-health-grid {
                grid-template-columns: repeat(7, minmax(42px, 1fr));
                gap: .3rem;
            }
            .module-health-ring {
                width: 38px;
                height: 38px;
                font-size: .7rem;
            }
            .module-health-title { font-size: .62rem; }
            .module-health-node small { font-size: .56rem; }
            .hero-feed-card-compact {
                padding: .72rem;
                gap: .58rem;
            }
            .hero-feed-card-compact .hero-feed-header {
                flex-direction: column;
                gap: .5rem;
            }
            .hero-feed-card-compact .hero-feed-counts { justify-content: flex-start; }
            .hero-feed-card-compact .hero-feed-list {
                max-height: 132px;
                gap: .4rem;
            }
            .hero-feed-card-compact .hero-feed-item {
                padding: .5rem .54rem;
                gap: .5rem;
                border-radius: .78rem;
            }
            .hero-feed-card-compact .hero-feed-icon {
                width: 30px;
                height: 30px;
                border-radius: .7rem;
            }
            .hero-feed-card-compact .hero-feed-title { font-size: .78rem; }
            .hero-feed-card-compact .hero-feed-meta { font-size: .69rem; }
            .hero-feed-card-compact .hero-feed-actions { justify-content: flex-start; }
            .hero-risk-guidance {
                grid-template-columns: minmax(190px, .68fr) minmax(0, 1.32fr);
                gap: .5rem;
                padding: .56rem;
                margin-top: .1rem;
            }
            .hero-risk-group-list { gap: .34rem; }
            .hero-risk-group {
                min-width: 116px;
                max-width: 176px;
                padding: .34rem .42rem;
            }
            .hero-risk-primary-action {
                grid-column: 1 / -1;
                justify-self: start;
                min-height: 30px;
            }
        }
        @media (min-width: 1200px) and (max-height: 900px) {
            .dashboard-hero { margin-bottom: .75rem !important; }
            .dashboard-hero .card-body { padding-block: .95rem !important; }
            .dashboard-hero h3 { margin-bottom: .35rem !important; }
            .dashboard-hero-main > .mini-muted { margin-bottom: .65rem !important; }
            .hero-chip-row { margin-bottom: .62rem !important; }
            .hero-metric-grid { margin-top: .62rem; }
            .executive-command-brief,
            .visual-analytics-panel {
                margin-top: .68rem !important;
            }
            .hero-signal-strip { margin-top: .62rem !important; }
        }

        @media (max-width: 1399.98px) {
            .hero-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .hero-feed-list { max-height: 260px; }
            .executive-command-brief { grid-template-columns: 1fr; }
    .dashboard-layer-head { flex-direction: column; }
    .dashboard-layer-tabs { justify-content: flex-start; }
    .dashboard-role-mode-panel { flex-direction: column; }
    .dashboard-role-mode-tabs { justify-content: flex-start; }
    .visual-analytics-grid { grid-template-columns: 1fr 1fr; }
    .visual-analytics-grid .analytics-card-wide { grid-column: 1 / -1; }
    .module-health-grid { grid-template-columns: repeat(4, minmax(64px, 1fr)); }
            .dashboard-command-center { grid-template-columns: 1fr; }
            .command-center-stage { min-height: 360px; }
        }
        @media (min-width: 1200px) and (max-width: 1399.98px) {
            .dashboard-hero .row.g-4 { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }
            .dashboard-hero h3 { font-size: 1.52rem; }
            .dashboard-hero-main .mini-muted { font-size: .8rem; }
            .hero-chip-row { margin-bottom: .7rem !important; }
            .hero-metric-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: .52rem;
                margin-top: .7rem;
            }
            .hero-metric-card {
                min-height: 68px;
                padding: .62rem .64rem;
                gap: .54rem;
                border-radius: .88rem;
            }
            .hero-metric-icon {
                width: 34px;
                height: 34px;
                border-radius: .78rem;
            }
            .hero-metric-label {
                white-space: normal;
                overflow: visible;
                text-overflow: clip;
                line-height: 1.12;
                font-size: .62rem;
            }
            .hero-metric-value { font-size: 1.15rem; }
            .hero-metric-help {
                white-space: normal;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                line-height: 1.18;
                font-size: .68rem;
            }
            .executive-command-brief {
                grid-template-columns: minmax(220px, .82fr) minmax(300px, 1.18fr);
                gap: .62rem;
            }
            .executive-status-panel {
                grid-template-columns: 92px minmax(0, 1fr);
                gap: .62rem;
                padding: .68rem;
            }
            .executive-score {
                min-height: 106px;
                border-radius: .82rem;
            }
            .executive-score strong { font-size: 1.9rem; }
            .executive-action-panel { padding: .68rem; }
            .executive-action-list { max-height: 190px; }
            .executive-action-item {
                grid-template-columns: 26px minmax(0, 1fr);
                gap: .48rem;
                padding: .48rem .54rem;
            }
            .executive-action-rank {
                width: 26px;
                height: 26px;
                border-radius: .68rem;
            }
            .visual-analytics-panel { padding: .74rem; }
            .visual-analytics-head {
                margin-bottom: .68rem;
            }
            .visual-analytics-focus {
                grid-template-columns: minmax(220px, 1fr) minmax(190px, auto);
                gap: .56rem;
                padding: .58rem .62rem;
            }
            .visual-analytics-focus-link {
                grid-column: 1 / -1;
                justify-self: start;
                min-height: 30px;
            }
            .visual-analytics-focus-metrics {
                min-width: 190px;
                gap: .32rem;
            }
            .visual-analytics-focus-metrics span { padding: .34rem .38rem; }
            .visual-analytics-grid {
                grid-template-columns: minmax(260px, 1.2fr) minmax(180px, .9fr) minmax(180px, .9fr);
                gap: .58rem;
            }
            .visual-analytics-grid .analytics-card-wide { grid-column: auto; }
            .module-health-grid {
                grid-template-columns: repeat(7, minmax(44px, 1fr));
                gap: .32rem;
            }
            .module-health-ring {
                width: 40px;
                height: 40px;
                font-size: .72rem;
            }
            .module-health-title { font-size: .64rem; }
            .module-health-node small { font-size: .58rem; }
            .hero-feed-card-compact .hero-feed-header {
                flex-direction: column;
                gap: .55rem;
            }
            .hero-feed-card-compact .hero-feed-counts {
                justify-content: flex-start;
            }
            .hero-feed-card-compact .hero-feed-list {
                max-height: 136px;
                gap: .42rem;
            }
            .hero-feed-card-compact .hero-feed-item {
                padding: .52rem .56rem;
                border-radius: .8rem;
            }
            .hero-feed-card-compact .hero-feed-icon {
                width: 30px;
                height: 30px;
                border-radius: .72rem;
            }
            .hero-feed-card-compact .hero-feed-title { font-size: .78rem; }
            .hero-feed-card-compact .hero-feed-meta { font-size: .7rem; }
            .hero-feed-card-compact .hero-feed-actions {
                justify-content: flex-start;
            }
            .hero-signal-strip {
                max-height: none;
                overflow: visible;
            }
            .hero-risk-guidance {
                grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr);
                gap: .52rem;
                padding: .58rem;
            }
            .hero-risk-primary-action {
                grid-column: 1 / -1;
                justify-self: start;
                min-height: 30px;
            }
            .hero-risk-group {
                min-width: 118px;
                max-width: 188px;
            }
        }
        @media (min-width: 992px) and (max-width: 1199.98px) {
            .dashboard-hero .row.g-4 { --bs-gutter-y: .9rem; }
            .hero-metric-grid {
                grid-template-columns: repeat(2, minmax(260px, 1fr));
                gap: .62rem;
                margin-top: .75rem;
            }
            .hero-metric-card {
                min-height: 72px;
                padding: .64rem .68rem;
            }
            .hero-metric-icon {
                width: 36px;
                height: 36px;
                border-radius: .82rem;
            }
            .hero-metric-label { font-size: .64rem; }
            .hero-metric-value { font-size: 1.18rem; }
            .hero-metric-help { font-size: .7rem; }
            .executive-status-panel {
                grid-template-columns: 104px minmax(0, 1fr);
            }
            .hero-feed-card-compact {
                display: grid;
                grid-template-columns: minmax(220px, .72fr) minmax(320px, 1fr) auto;
                align-items: start;
                gap: .72rem;
            }
            .hero-feed-card-compact .hero-feed-list {
                max-height: 122px;
            }
            .hero-feed-card-compact .hero-feed-actions {
                align-self: end;
                justify-content: flex-end;
                margin-top: 0;
            }
            .visual-analytics-focus {
                grid-template-columns: minmax(260px, 1fr) minmax(220px, auto) auto;
            }
            .hero-risk-guidance {
                grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);
                gap: .54rem;
                padding: .62rem;
            }
            .hero-risk-group-list { gap: .36rem; }
            .hero-risk-group {
                min-width: 124px;
                max-width: 190px;
            }
            .hero-risk-primary-action {
                grid-column: 1 / -1;
                justify-self: start;
            }
        }
        @media (min-width: 768px) and (max-width: 991.98px) {
            .hero-metric-grid {
                grid-template-columns: repeat(2, minmax(220px, 1fr));
                gap: .62rem;
            }
            .hero-feed-card-compact {
                gap: .62rem;
            }
            .hero-feed-card-compact .hero-feed-list {
                max-height: 150px;
            }
            .visual-analytics-focus {
                grid-template-columns: 1fr;
                align-items: stretch;
            }
            .visual-analytics-focus-metrics {
                min-width: 0;
            }
            .visual-analytics-focus-link {
                justify-self: start;
            }
            .hero-risk-guidance {
                grid-template-columns: 1fr;
                align-items: stretch;
                gap: .54rem;
                padding: .62rem;
            }
            .hero-risk-group-list {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: .42rem;
            }
            .hero-risk-group {
                min-width: 0;
                max-width: none;
            }
            .hero-risk-primary-action {
                justify-self: start;
            }
        }
        @media (max-width: 575.98px) {
            .dashboard-hero .card-body { padding: 1rem !important; }
            .hero-metric-grid { grid-template-columns: 1fr; }
    .hero-metric-card { min-height: 70px; }
    .hero-feed-header { flex-direction: column; }
    .hero-feed-counts { justify-content: flex-start; }
    .hero-feed-actions { justify-content: flex-start; }
    .executive-status-panel { grid-template-columns: 1fr; }
    .executive-score { min-height: 104px; }
    .dashboard-layer-tab { flex: 1 1 calc(50% - .45rem); justify-content: space-between; }
    .dashboard-role-mode-tab { flex: 1 1 calc(50% - .42rem); justify-content: center; }
            .visual-analytics-head { flex-direction: column; }
            .visual-analytics-focus {
                grid-template-columns: 1fr;
                align-items: stretch;
            }
            .visual-analytics-focus-metrics {
                min-width: 0;
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .visual-analytics-focus-link {
                width: 100%;
            }
            .hero-risk-guidance {
                grid-template-columns: 1fr;
                padding: .58rem;
                align-items: stretch;
                gap: .5rem;
            }
            .hero-risk-group-list {
                display: grid;
                grid-template-columns: 1fr;
                gap: .38rem;
            }
            .hero-risk-group {
                width: 100%;
                max-width: none;
                min-width: 0;
                padding: .36rem .42rem;
                border-radius: .62rem;
            }
            .hero-risk-group small {
                -webkit-line-clamp: 1;
            }
            .hero-risk-primary-action {
                width: 100%;
            }
            .hero-feed-card-compact .hero-feed-list {
                max-height: 132px;
            }
            .hero-feed-item {
                padding: .52rem .58rem;
                gap: .52rem;
            }
            .hero-feed-icon {
                width: 30px;
                height: 30px;
                border-radius: .72rem;
            }
            .hero-feed-title { font-size: .8rem; }
            .hero-feed-meta { font-size: .7rem; }
            .visual-analytics-grid { grid-template-columns: 1fr; }
    .visual-analytics-grid .analytics-card-wide { grid-column: auto; }
    .module-health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .analytics-score { width: 100%; }
    .dashboard-command-center { padding: .72rem; }
    .command-center-stage { min-height: 430px; }
    .command-center-map {
        display: grid;
        gap: .48rem;
        min-height: 0;
        height: auto;
        background: transparent;
    }
    .command-center-map::before,
    .command-center-map::after,
    .command-center-core { display: none; }
    .command-center-node {
        position: static;
        transform: none;
        min-width: 0;
        max-width: none;
        width: 100%;
    }
    .command-center-node:hover,
    .command-center-node:focus-visible,
    .command-center-node.active { transform: none; }
}

/* Corporate presentation quality */
body.dashboard-loading .dashboard-hero,
body.dashboard-loading .dashboard-layer-shell,
body.dashboard-loading .dashboard-command-center,
body.dashboard-loading .workspace-card {
    pointer-events: none;
}
body.dashboard-loading #heroMetricsRow,
body.dashboard-loading #visualAnalyticsPanel,
body.dashboard-loading #executiveCommandBrief,
body.dashboard-loading .dashboard-command-center,
body.dashboard-loading .workspace-card {
    position: relative;
    min-height: 118px;
    overflow: hidden;
}
body.dashboard-loading #heroMetricsRow > *,
body.dashboard-loading #visualAnalyticsPanel > *,
body.dashboard-loading #executiveCommandBrief > *,
body.dashboard-loading .dashboard-command-center > *,
body.dashboard-loading .workspace-card > * {
    opacity: .18;
}
body.dashboard-loading #heroMetricsRow::before,
body.dashboard-loading #visualAnalyticsPanel::before,
body.dashboard-loading #executiveCommandBrief::before,
body.dashboard-loading .dashboard-command-center::before,
body.dashboard-loading .workspace-card::before {
    content: "";
    position: absolute;
    inset: .75rem;
    z-index: 4;
    border-radius: 1rem;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.46), transparent),
        linear-gradient(180deg, rgba(var(--bs-primary-rgb), .08), rgba(var(--bs-primary-rgb), .035));
    background-size: 220% 100%, 100% 100%;
    animation: dashboardSkeleton 1.25s ease-in-out infinite;
}
@keyframes dashboardSkeleton {
    0% { background-position: 180% 0, 0 0; }
    100% { background-position: -80% 0, 0 0; }
}
body.dashboard-presentation-mode {
    background: var(--bs-body-bg);
}
body.dashboard-presentation-mode .page-breadcrumbs,
body.dashboard-presentation-mode .left-sidebar,
body.dashboard-presentation-mode .sidebar-overlay,
body.dashboard-presentation-mode #appHeader,
body.dashboard-presentation-mode #appThemeSettings,
body.dashboard-presentation-mode #appFooter {
    display: none !important;
}
body.dashboard-presentation-mode .content-wrapper,
body.dashboard-presentation-mode .content-area {
    width: 100%;
    min-height: 100dvh;
    margin: 0;
    border-radius: 0 !important;
}
body.dashboard-presentation-mode .content-area {
    padding: clamp(.75rem, 1.4vw, 1.4rem) !important;
}
body.dashboard-presentation-mode .content-area > .container-fluid {
    max-width: 1920px;
    margin: 0 auto;
    padding-inline: clamp(.35rem, 1vw, 1rem) !important;
}
body.dashboard-presentation-mode .dashboard-hero {
    margin-bottom: .8rem !important;
}
body.dashboard-presentation-mode .dashboard-hero .card-body {
    padding: clamp(1rem, 1.35vw, 1.45rem) !important;
}
body.dashboard-presentation-mode .dashboard-layout-toolbar {
    position: fixed;
    top: .75rem;
    right: .75rem;
    z-index: 1055;
    width: auto;
    max-width: min(520px, calc(100vw - 1.5rem));
    justify-content: flex-end;
    padding: .42rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--bs-primary-rgb), .14);
    background: rgba(var(--bs-body-bg-rgb), .86);
    box-shadow: 0 .55rem 1.4rem rgba(15,23,42,.10);
    backdrop-filter: blur(10px);
}
body.dashboard-presentation-mode .dashboard-layout-toolbar .layout-save-state,
body.dashboard-presentation-mode .dashboard-layout-toolbar #btnEditDashboardLayout,
body.dashboard-presentation-mode .dashboard-layout-toolbar #btnResetDashboardLayout {
    display: none !important;
}
body.dashboard-presentation-mode .dashboard-layout-toolbar .btn {
    min-height: 30px;
    padding: .26rem .58rem;
}
body.dashboard-presentation-mode .hero-feed-list,
body.dashboard-presentation-mode .dashboard-list,
body.dashboard-presentation-mode .dashboard-list.tall {
    max-height: 34dvh;
}
body.dashboard-presentation-mode .dashboard-command-center,
body.dashboard-presentation-mode .dashboard-layer-shell,
body.dashboard-presentation-mode .workspace-grid {
    margin-bottom: .75rem !important;
}
body.dashboard-presentation-mode .dashboard-command-center {
    min-height: 360px;
    grid-template-columns: minmax(260px, .74fr) minmax(520px, 1.45fr) minmax(260px, .78fr);
}
body.dashboard-presentation-mode .command-center-stage {
    min-height: 330px;
}
body.dashboard-presentation-mode .visual-analytics-panel,
body.dashboard-presentation-mode .executive-command-brief {
    break-inside: avoid;
}
body.dashboard-presentation-mode .workspace-grid {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    gap: .82rem;
}
body.dashboard-presentation-mode .workspace-card {
    box-shadow: 0 .18rem .7rem rgba(15,23,42,.04);
}
body.dashboard-presentation-mode .workspace-card-lg,
body.dashboard-presentation-mode .workspace-card-md {
    min-height: 275px;
}
body.dashboard-presentation-mode .workspace-card-tall {
    grid-row: span 2;
}
body.dashboard-presentation-mode .workspace-card-wide {
    grid-column: span 2;
}
html[data-bs-theme="dark"] body.dashboard-loading #heroMetricsRow::before,
html[data-bs-theme="dark"] body.dashboard-loading #visualAnalyticsPanel::before,
html[data-bs-theme="dark"] body.dashboard-loading #executiveCommandBrief::before,
html[data-bs-theme="dark"] body.dashboard-loading .dashboard-command-center::before,
html[data-bs-theme="dark"] body.dashboard-loading .workspace-card::before {
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent),
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}
@media (min-width: 1800px) {
    body.dashboard-presentation-mode .hero-metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.dashboard-presentation-mode .visual-analytics-grid { grid-template-columns: 1.1fr 1fr 1fr; }
}
@media (max-width: 1399.98px) {
    body.dashboard-presentation-mode .dashboard-command-center,
    body.dashboard-presentation-mode .workspace-grid {
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }
    body.dashboard-presentation-mode .command-center-stage { grid-column: 1 / -1; }
    body.dashboard-presentation-mode .workspace-card-wide { grid-column: span 2; }
}
@media (max-width: 767.98px) {
    body.dashboard-presentation-mode .content-area { padding: .65rem !important; }
    body.dashboard-presentation-mode .dashboard-layout-toolbar {
        left: .65rem;
        right: .65rem;
        justify-content: center;
        border-radius: .95rem;
    }
    body.dashboard-presentation-mode .dashboard-command-center,
    body.dashboard-presentation-mode .workspace-grid {
        grid-template-columns: 1fr;
    }
    body.dashboard-presentation-mode .workspace-card-wide,
    body.dashboard-presentation-mode .command-center-stage {
        grid-column: auto;
    }
}
@media (prefers-reduced-motion: reduce) {
    .hover-svg svg,
    .module-shortcut,
    .module-shortcut-button,
    .workspace-card,
    .command-center-node,
    .mebcool-fab,
    .mebcool-floating-card {
        transition: none !important;
        animation: none !important;
    }
    body.dashboard-loading #heroMetricsRow::before,
    body.dashboard-loading #visualAnalyticsPanel::before,
    body.dashboard-loading #executiveCommandBrief::before,
    body.dashboard-loading .dashboard-command-center::before,
    body.dashboard-loading .workspace-card::before {
        animation: none !important;
        background-position: 0 0;
    }
}

/* Phase 21: dashboard responsive closure and authoritative leave-state presentation. */
.dashboard-hero-detail-stack {
    display: grid;
    gap: .8rem;
    min-width: 0;
}
.dashboard-hero-detail-stack > .executive-command-brief,
.dashboard-hero-detail-stack > .visual-analytics-panel,
.dashboard-hero-detail-stack > .dashboard-layout-toolbar {
    margin-top: 0 !important;
    min-width: 0;
}
.dashboard-hero .hero-feed-card-compact {
    width: 100%;
    height: 100%;
}
.dashboard-hero .visual-analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}
.dashboard-hero .visual-analytics-grid .analytics-card-wide {
    grid-column: 1 / -1;
}
.dashboard-hero .analytics-card {
    min-width: 0;
    overflow: hidden;
}
.dashboard-hero .module-health-grid {
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: .5rem;
}
.dashboard-hero .module-health-node {
    min-width: 0;
    overflow: hidden;
}
.dashboard-hero .module-health-title,
.dashboard-hero .module-health-node small {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.leave-ring.leave-ring-unavailable {
    --leave-percent: 0% !important;
    background: rgba(var(--bs-secondary-rgb), .12);
}
.leave-ring.leave-ring-unavailable .leave-ring-inner strong {
    color: var(--bs-secondary-color);
}
.leave-balance-status {
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .35rem;
    border: 1px solid rgba(var(--bs-primary-rgb), .14);
    border-radius: 1rem;
    padding: .9rem 1rem;
    background: rgba(var(--bs-primary-rgb), .045);
}
.leave-balance-status strong {
    font-size: .92rem;
    line-height: 1.25;
}
.leave-balance-status span {
    color: var(--bs-secondary-color);
    font-size: .78rem;
    line-height: 1.4;
}
@media (max-width: 991.98px) {
    .dashboard-hero .visual-analytics-grid {
        grid-template-columns: 1fr;
    }
    .dashboard-hero .visual-analytics-grid .analytics-card-wide {
        grid-column: auto;
    }
    .dashboard-hero .module-health-grid {
        grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
    }
}
@media (max-width: 575.98px) {
    .dashboard-hero .module-health-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .dashboard-hero .module-health-title,
    .dashboard-hero .module-health-node small {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}