/*
 Phase 10.3.4 — Beds Unit Mapping + Header Final Polish
 Visual-only layer. It assumes data comes from the executive summary table.
*/

body.page-dashboard .elite-title-block p{
    letter-spacing:.01em;
    color:#66718d;
}

body.page-dashboard .cmdx-mini-ring,
body.page-dashboard .cmdx-donut{
    filter:drop-shadow(0 12px 22px rgba(38, 17, 94, .08));
}

body.page-dashboard .cmdx-mini-ring span{
    background:rgba(255,255,255,.92);
    border-radius:999px;
    padding:2px 4px;
    min-width:34px;
    text-align:center;
}

body.page-dashboard .cmdx-donut{
    width:124px;
    min-width:124px;
    height:124px;
    display:flex;
    align-items:center;
    justify-content:center;
}

body.page-dashboard .cmdx-donut::after{
    inset:17px;
    background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(238,247,250,.96));
    box-shadow:inset 0 0 0 1px rgba(126, 98, 209, .05);
}

body.page-dashboard .cmdx-donut b,
body.page-dashboard .cmdx-donut small{
    position:relative;
    z-index:2;
    text-shadow:0 1px 0 rgba(255,255,255,.9);
}

body.page-dashboard .cmdx-donut b{
    font-size:22px;
    line-height:1;
    margin-bottom:3px;
}

body.page-dashboard .cmdx-donut small{
    max-width:76px;
    line-height:1.15;
    color:#60708d;
}

body.page-dashboard .cmdx-capacity-body{
    align-items:center;
    gap:24px;
}

body.page-dashboard .cmdx-units{
    min-width:0;
    flex:1;
}

body.page-dashboard .cmdx-units > div{
    grid-template-columns:minmax(78px, 116px) minmax(110px, 1fr) minmax(38px, auto);
    gap:14px;
    align-items:center;
}

body.page-dashboard .cmdx-units span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#182445;
}

body.page-dashboard .cmdx-units em{
    color:#5b6680;
    font-weight:900;
}

body.page-dashboard .cmdx-units b{
    height:12px;
    border-radius:999px;
    background:linear-gradient(90deg, #22c7bf 0%, #2f80ed 48%, #7b22ce 100%);
    position:relative;
    overflow:hidden;
}

body.page-dashboard .cmdx-units b::before{
    content:"";
    position:absolute;
    inset:0;
    width:var(--w,0%);
    border-radius:inherit;
    background:linear-gradient(90deg, rgba(31,181,174,.9), rgba(117,46,226,.95));
}

body.page-dashboard .cmdx-units b::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(255,255,255,.32), transparent 55%);
}

body.page-dashboard .cmdx-mini-tile strong,
body.page-dashboard .cmdx-pulse-card strong,
body.page-dashboard .cmdx-finance-grid strong{
    font-variant-numeric:tabular-nums;
}

body.page-dashboard .cmdx-section-head .cmdx-updated{
    box-shadow:0 12px 28px rgba(16, 24, 56, .08);
}

body.page-dashboard .cmdx-pulse-card,
body.page-dashboard .cmdx-panel{
    backdrop-filter:blur(10px);
}

@media (max-width: 1366px){
    body.page-dashboard .cmdx-donut{
        width:112px;
        min-width:112px;
        height:112px;
    }
    body.page-dashboard .cmdx-donut b{font-size:20px;}
    body.page-dashboard .cmdx-capacity-body{gap:18px;}
    body.page-dashboard .cmdx-units > div{
        grid-template-columns:minmax(70px, 96px) minmax(92px, 1fr) 34px;
        gap:10px;
    }
}

@media (max-width: 1180px){
    body.page-dashboard .cmdx-capacity-body{
        flex-direction:row;
    }
    body.page-dashboard .cmdx-units > div{
        grid-template-columns:minmax(72px, 90px) minmax(76px, 1fr) 34px;
    }
}
