/* =====================================================
   CT Theatre Viewer
   Clinical Edition
   Dashboard V2
   -----------------------------------------------------
   A compact override layer on top of styles.css: tighter
   toolbar, footer and dashboard-card spacing, plus the
   Full Week View button.
   ===================================================== */

/* ---------- Toolbar ---------- */

.toolbar{
    display:grid;
    grid-template-columns:112px 1fr 112px;
    align-items:center;
    gap:12px !important;
    padding:10px 16px !important;
    box-shadow:none;
}

.toolbar button,
.toolbar select{
    height:44px;
    font-size:14.5px;
}

/* ---------- Footer ---------- */

footer{
    padding:14px 24px !important;
    font-size:13px;
}

/* ---------- Dashboard Cards ---------- */

.dashboard-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    width:100%;
    margin-top:12px;
}

.dashboard-panel{
    background:var(--surface, #fff);
    border-radius:var(--radius, 12px);
    overflow:hidden;
    border:1px solid var(--line, #E1E6EA);
    box-shadow:var(--shadow-sm, 0 1px 3px rgba(33,43,50,.08));
}

.full-week-view{
    width:100%;
    margin-top:12px;
    background:#fff;
    border:1px solid var(--line, #E1E6EA);
    border-radius:var(--radius, 12px);
    padding:14px;
    text-align:center;
    cursor:pointer;
}

.full-week-view h3{
    color:var(--nhs-blue, #005EB8);
    font-size:14.5px;
    margin-bottom:2px;
}

.full-week-view p{
    color:var(--ink-soft, #4C6272);
    font-size:12px;
}

/* ---------- Mobile ---------- */

@media (max-width:900px){

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

    .toolbar{
        grid-template-columns:auto 1fr auto;
        gap:8px !important;
        padding:10px 16px !important;
    }

    .nav-arrow{
        width:52px !important;
        justify-self:center;
    }

    #prevWeek{ justify-self:end; }
    #nextWeek{ justify-self:start; }
}