/* =====================================================
   V2_DASH_GLOBAL.CSS
   Dashboard principale in stile V2, semplice e veloce.
===================================================== */

:root {
    --page-bg:#f4f7fb;
    --panel:#ffffff;
    --panel-soft:#f8fafc;
    --text:#172033;
    --muted:#657084;
    --line:#dce3ec;
    --blue:#2f80ed;
    --aqua:#45c7df;
    --orange:#f2994a;
    --green:#2eaf68;
    --yellow:#d99a16;
    --red:#d94b42;
}

* {
    box-sizing:border-box;
}

body.v2-dash-user.v2-dash-global {
    margin:0;
    padding:28px;
    min-height:100vh;
    background:var(--page-bg);
    color:var(--text);
    font-family:"Manrope", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

.v2-dash-global a {
    color:inherit;
    text-decoration:none;
}

.v2-dash-global .glass-card {
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:none;
}

.global-header {
    width:100%;
    margin-bottom:48px;
}

.global-header-card {
    display:grid;
    grid-template-columns:minmax(340px, .9fr) 1px minmax(360px, 1.1fr);
    gap:28px;
    align-items:start;
    padding:28px;
}

.global-identity {
    display:grid;
    grid-template-columns:68px minmax(0, 1fr);
    gap:16px;
    align-items:start;
    min-width:0;
}

.global-brand-icon {
    width:68px;
    height:68px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    object-fit:contain;
    object-position:center;
    display:block;
}

.global-title h1 {
    margin:0;
    color:var(--text);
    font-size:34px;
    line-height:1.02;
    font-weight:900;
    letter-spacing:0;
}

.global-subtitle {
    margin-top:12px;
    color:var(--muted);
    font-size:13px;
    font-weight:850;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.global-divider {
    width:1px;
    min-height:100%;
    background:var(--line);
}

.global-summary {
    padding:0;
}

.global-summary h2 {
    margin:0 0 12px;
    color:var(--text);
    font-size:18px;
    line-height:1.2;
    font-weight:900;
}

.global-separator {
    height:1px;
    margin:14px 0;
    background:var(--line);
    border:0;
}

.global-summary-copy {
    max-width:620px;
    margin:0;
    color:var(--muted);
    font-size:14px;
    font-weight:750;
    line-height:1.45;
}

.global-grid {
    display:grid;
    grid-template-columns:repeat(3, minmax(220px, 1fr));
    gap:18px;
    width:100%;
}

.global-card {
    display:flex;
    min-height:154px;
    flex-direction:column;
    justify-content:space-between;
    padding:20px;
    border-color:var(--line);
}

.global-card:hover {
    border-color:#bfd0e4;
    box-shadow:0 12px 28px rgba(23,32,51,.10);
    transform:translateY(-2px);
}

.global-card h2 {
    margin:0;
    color:var(--text);
    font-size:18px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:.02em;
    text-transform:uppercase;
}

.global-card .counter {
    margin-top:18px;
    color:var(--muted);
    font-size:13px;
    font-weight:800;
    line-height:1.35;
}

.global-card-tag {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    min-height:28px;
    padding:5px 10px;
    border-radius:999px;
    color:#174f9a;
    background:#eaf2ff;
    border:1px solid #bcd5ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
    white-space:nowrap;
}

.global-card[data-accent="projects"] .global-card-tag {
    color:#07343d;
    background:var(--aqua);
    border-color:var(--aqua);
}

.global-card[data-accent="tasks"] .global-card-tag {
    color:#ffffff;
    background:var(--orange);
    border-color:var(--orange);
}

.global-card[data-accent="quality"] .global-card-tag {
    color:#176339;
    background:#e8f7ef;
    border-color:#b9e6cd;
}

.global-card[data-accent="print"] .global-card-tag {
    color:#8b2721;
    background:#ffeded;
    border-color:#f1b8b5;
}

.global-card[data-accent="sticker"] .global-card-tag {
    color:#7a5200;
    background:#fff6df;
    border-color:#f2d48c;
}

@media(max-width:980px) {
    body.v2-dash-user.v2-dash-global {
        padding:14px;
    }

    .global-header-card,
    .global-grid {
        grid-template-columns:1fr;
    }

    .global-divider {
        display:none;
    }

    .global-brand-icon {
        width:60px;
        height:60px;
    }
}