/* ============================================================
   IT CSO TICKET DASHBOARD
   EXECUTIVE UI V3
   ============================================================ */

:root {

    --v3-sidebar:
        225px;

    --v3-bg:
        #f5f7fb;

    --v3-card:
        #ffffff;

    --v3-card-soft:
        #f8fafc;

    --v3-border:
        #e5eaf2;

    --v3-text:
        #172033;

    --v3-muted:
        #667085;

    --v3-blue:
        #2563eb;

    --v3-blue-2:
        #3b82f6;

    --v3-green:
        #16a34a;

    --v3-green-2:
        #22c55e;

    --v3-amber:
        #d97706;

    --v3-amber-2:
        #f59e0b;

    --v3-gray:
        #94a3b8;

    --v3-radius:
        14px;

    --v3-shadow:
        0 8px 30px
        rgba(15,23,42,.06);

}


/* ============================================================
   DARK VARIABLES
   ============================================================ */

body.dark-mode {

    --v3-bg:
        #06111f;

    --v3-card:
        #0b1a2c;

    --v3-card-soft:
        #0e2035;

    --v3-border:
        rgba(148,163,184,.15);

    --v3-text:
        #f1f5f9;

    --v3-muted:
        #94a3b8;

    --v3-shadow:
        0 10px 32px
        rgba(0,0,0,.27);

}


/* ============================================================
   GLOBAL
   ============================================================ */

body.executive-v3 {

    background:

        radial-gradient(
            circle at 82% -10%,
            rgba(37,99,235,.10),
            transparent 30%
        ),

        var(--v3-bg);

    color:
        var(--v3-text);

    min-height:
        100vh;

}


body.executive-v3.dark-mode {

    background:

        radial-gradient(
            circle at 76% -4%,
            rgba(37,99,235,.18),
            transparent 31%
        ),

        linear-gradient(
            180deg,
            #06111f 0%,
            #071321 100%
        );

}


body.executive-v3 *,
body.executive-v3 *::before,
body.executive-v3 *::after {

    box-sizing:
        border-box;

}


body.executive-v3 button,
body.executive-v3 input,
body.executive-v3 select {

    font-family:
        inherit;

}


/* ============================================================
   LEFT SIDEBAR
   ============================================================ */

#executiveSidebar {

    position:
        fixed;

    left:
        0;

    top:
        0;

    bottom:
        0;

    width:
        var(--v3-sidebar);

    z-index:
        1000;

    display:
        none;

    flex-direction:
        column;

    overflow:
        hidden;

    background:

        radial-gradient(
            circle at 5% 5%,
            rgba(37,99,235,.24),
            transparent 26%
        ),

        linear-gradient(
            180deg,
            #07172f 0%,
            #061426 55%,
            #04101e 100%
        );

    border-right:
        1px solid
        rgba(148,163,184,.12);

    box-shadow:
        10px 0 35px
        rgba(0,0,0,.16);

    transition:
        width .2s ease;

}


body.executive-v3.v3-authenticated
#executiveSidebar {

    display:
        flex;

}


.v3-sidebar-brand {

    min-height:
        89px;

    padding:
        18px 16px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    border-bottom:
        1px solid
        rgba(148,163,184,.10);

}


.v3-logo {

    width:
        41px;

    height:
        41px;

    min-width:
        41px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        12px;

    color:
        white;

    background:

        linear-gradient(
            135deg,
            #2563eb,
            #1d4ed8
        );

    box-shadow:
        0 8px 22px
        rgba(37,99,235,.35);

}


.v3-logo svg {

    width:
        23px;

    height:
        23px;

}


.v3-brand-copy {

    min-width:
        0;

    white-space:
        nowrap;

}


.v3-brand-copy strong {

    display:
        block;

    color:
        #ffffff;

    font-size:
        13px;

    font-weight:
        800;

    letter-spacing:
        .04em;

}


.v3-brand-copy span {

    display:
        block;

    margin-top:
        3px;

    color:
        #64748b;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

}


.v3-sidebar-nav {

    flex:
        1;

    overflow-y:
        auto;

    padding:
        17px 12px;

}


.v3-nav-section {

    padding:
        11px 11px 7px;

    color:
        #64748b;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;

}


.v3-nav-btn {

    width:
        100%;

    min-height:
        43px;

    margin-bottom:
        4px;

    padding:
        10px 12px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    border:
        0;

    border-radius:
        10px;

    background:
        transparent;

    color:
        #cbd5e1;

    font-size:
        12px;

    font-weight:
        600;

    cursor:
        pointer;

    text-align:
        left;

    transition:
        .16s ease;

}


.v3-nav-btn svg {

    width:
        18px;

    height:
        18px;

    min-width:
        18px;

}


.v3-nav-btn:hover {

    color:
        white;

    background:
        rgba(37,99,235,.13);

}


.v3-nav-btn.active {

    color:
        white;

    background:

        linear-gradient(
            90deg,
            rgba(37,99,235,.78),
            rgba(37,99,235,.34)
        );

    box-shadow:
        0 7px 22px
        rgba(37,99,235,.20);

}


.v3-sidebar-footer {

    padding:
        13px 12px 17px;

    border-top:
        1px solid
        rgba(148,163,184,.10);

}


#v3CollapseBtn {

    width:
        100%;

    padding:
        10px 12px;

    border:
        0;

    border-radius:
        9px;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    background:
        transparent;

    color:
        #94a3b8;

    cursor:
        pointer;

}


#v3CollapseBtn:hover {

    color:
        white;

    background:
        rgba(148,163,184,.08);

}


/* ============================================================
   COLLAPSED SIDEBAR
   ============================================================ */

body.executive-v3.v3-sidebar-collapsed {

    --v3-sidebar:
        72px;

}


body.v3-sidebar-collapsed
.v3-brand-copy,

body.v3-sidebar-collapsed
.v3-nav-section,

body.v3-sidebar-collapsed
.v3-nav-btn span,

body.v3-sidebar-collapsed
#v3CollapseBtn span {

    display:
        none;

}


body.v3-sidebar-collapsed
.v3-sidebar-brand,
body.v3-sidebar-collapsed
.v3-nav-btn,
body.v3-sidebar-collapsed
#v3CollapseBtn {

    justify-content:
        center;

}


/* ============================================================
   MAIN APP OFFSET
   ============================================================ */

body.executive-v3.v3-authenticated
.topbar,

body.executive-v3.v3-authenticated
main,

body.executive-v3.v3-authenticated
footer {

    margin-left:
        var(--v3-sidebar);

    transition:
        margin-left .2s ease;

}


/* ============================================================
   TOP HEADER
   ============================================================ */

body.executive-v3 .topbar {

    min-height:
        89px;

    position:
        sticky;

    top:
        0;

    z-index:
        300;

    padding:
        17px 26px;

    background:

        radial-gradient(
            circle at 83% 5%,
            rgba(37,99,235,.16),
            transparent 31%
        ),

        linear-gradient(
            100deg,
            #08172f,
            #071b37
        );

    border-bottom:
        1px solid
        rgba(148,163,184,.12);

    box-shadow:
        0 5px 20px
        rgba(15,23,42,.15);

}


body.executive-v3
.topbar h1 {

    font-size:
        23px;

    font-weight:
        760;

    letter-spacing:
        -.025em;

}


body.executive-v3
.topbar p {

    color:
        #94a3b8;

    font-size:
        12px;

}


body.executive-v3
.account-area {

    gap:
        9px;

}


body.executive-v3
.account-area button {

    min-height:
        37px;

    padding:
        8px 14px;

    border-radius:
        9px;

    font-size:
        11px;

    font-weight:
        700;

}


body.executive-v3
#themeToggleBtn {

    color:
        #e2e8f0;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.14);

}


body.executive-v3
#signOutBtn {

    color:
        #172033;

    background:
        #f8fafc;

}


/* ============================================================
   MAIN
   ============================================================ */

body.executive-v3 main {

    max-width:
        1700px;

    margin-right:
        auto;

    padding:
        25px 28px 45px;

}


/* ============================================================
   TOOLBAR
   ============================================================ */

body.executive-v3
.toolbar {

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    min-height:
        44px;

    margin-bottom:
        15px;

}


body.executive-v3
#lastUpdated {

    color:
        var(--v3-text);

    font-size:
        12px;

    font-weight:
        650;

}


body.executive-v3
#loadStatus {

    position:
        absolute !important;

    width:
        1px !important;

    height:
        1px !important;

    padding:
        0 !important;

    margin:
        -1px !important;

    overflow:
        hidden !important;

    clip:
        rect(0,0,0,0) !important;

    white-space:
        nowrap !important;

    border:
        0 !important;

}


.v3-live {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    padding:
        4px 9px;

    border-radius:
        999px;

    color:
        #22c55e;

    background:
        rgba(34,197,94,.12);

    font-size:
        10px;

    font-weight:
        800;

}


.v3-live-dot {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #22c55e;

    box-shadow:
        0 0 0 4px
        rgba(34,197,94,.09);

}


body.executive-v3
#refreshBtn,

body.executive-v3
#exportUnassignedBtn {

    min-height:
        38px;

    padding:
        9px 15px;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        9px;

    background:
        var(--v3-card);

    color:
        var(--v3-text);

    font-size:
        11px;

    font-weight:
        750;

    box-shadow:
        0 2px 8px
        rgba(15,23,42,.04);

    transition:
        .16s ease;

}


body.executive-v3
#refreshBtn:hover,

body.executive-v3
#exportUnassignedBtn:hover {

    transform:
        translateY(-1px);

    border-color:
        rgba(37,99,235,.45);

    box-shadow:
        0 8px 20px
        rgba(37,99,235,.11);

}


/* ============================================================
   KPI GRID
   ============================================================ */

body.executive-v3
.kpis {

    display:
        grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:
        15px;

    margin-bottom:
        16px;

}


body.executive-v3
.kpi {

    min-height:
        119px;

    position:
        relative;

    overflow:
        hidden;

    padding:
        19px 105px 17px 69px;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        var(--v3-radius);

    background:

        linear-gradient(
            145deg,
            var(--v3-card),
            var(--v3-card-soft)
        );

    box-shadow:
        var(--v3-shadow);

    transition:
        transform .17s ease,
        box-shadow .17s ease;

}


body.executive-v3
.kpi:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 15px 38px
        rgba(15,23,42,.11);

}


body.executive-v3
.kpi span {

    color:
        var(--v3-muted);

    font-size:
        11px;

    font-weight:
        650;

}


body.executive-v3
.kpi strong {

    display:
        block;

    margin-top:
        7px;

    color:
        var(--v3-text);

    font-size:
        28px;

    font-weight:
        820;

    letter-spacing:
        -.035em;

    font-variant-numeric:
        tabular-nums;

}


body.executive-v3
#resolvedTickets {

    color:
        var(--v3-green-2);

}


body.executive-v3
#progressTickets {

    color:
        var(--v3-blue-2);

}


body.executive-v3
#unassignedTickets {

    color:
        var(--v3-amber-2);

}


.v3-kpi-icon {

    position:
        absolute;

    left:
        18px;

    top:
        19px;

    width:
        39px;

    height:
        39px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        12px;

}


.v3-kpi-icon svg {

    width:
        21px;

    height:
        21px;

}


.kpi[data-kpi="all"]
.v3-kpi-icon {

    color:
        #6366f1;

    background:
        rgba(99,102,241,.12);

}


.kpi[data-kpi="resolved"]
.v3-kpi-icon {

    color:
        #22c55e;

    background:
        rgba(34,197,94,.12);

}


.kpi[data-kpi="progress"]
.v3-kpi-icon {

    color:
        #3b82f6;

    background:
        rgba(59,130,246,.12);

}


.kpi[data-kpi="unassigned"]
.v3-kpi-icon {

    color:
        #f59e0b;

    background:
        rgba(245,158,11,.13);

}


.v3-kpi-meta {

    margin-top:
        5px;

    color:
        var(--v3-muted);

    font-size:
        10px;

    font-weight:
        600;

}


.v3-sparkline {

    position:
        absolute;

    right:
        15px;

    bottom:
        20px;

    width:
        82px;

    height:
        38px;

    opacity:
        .95;

}


.v3-sparkline path {

    fill:
        none;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.kpi[data-kpi="resolved"]
.v3-sparkline path {

    stroke:
        #22c55e;

}


.kpi[data-kpi="progress"]
.v3-sparkline path {

    stroke:
        #3b82f6;

}


.kpi[data-kpi="unassigned"]
.v3-sparkline path {

    stroke:
        #f59e0b;

}


/* ============================================================
   DONUT + FILTER ROW
   ============================================================ */

#v3InsightsRow {

    display:
        grid;

    grid-template-columns:
        minmax(0,2fr)
        minmax(310px,1fr);

    gap:
        15px;

    align-items:
        stretch;

    margin-bottom:
        16px;

}


#v3InsightsRow
.digital-donuts {

    display:
        grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        15px;

    margin:
        0;

}


body.executive-v3
.digital-card {

    min-height:
        250px;

    padding:
        18px;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        var(--v3-radius);

    background:

        linear-gradient(
            145deg,
            var(--v3-card),
            var(--v3-card-soft)
        );

    box-shadow:
        var(--v3-shadow);

}


body.executive-v3
.digital-card-title {

    margin-bottom:
        12px;

}


body.executive-v3
.digital-title {

    color:
        var(--v3-text);

    font-size:
        14px;

    font-weight:
        760;

}


body.executive-v3
.digital-period {

    display:
        block;

    margin-top:
        3px;

    color:
        var(--v3-muted);

    font-size:
        10px;

}


body.executive-v3
.digital-card-content {

    min-height:
        172px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        28px;

}


body.executive-v3
.digital-donut {

    position:
        relative;

    width:
        145px;

    height:
        145px;

    min-width:
        145px;

    flex:
        0 0 145px;

    border-radius:
        50%;

    background:
        conic-gradient(
            #334155 0deg 360deg
        );

    box-shadow:
        0 10px 25px
        rgba(37,99,235,.15);

}


body.executive-v3
.digital-donut::after {

    content:
        "";

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    width:
        90px;

    height:
        90px;

    transform:
        translate(-50%,-50%);

    border-radius:
        50%;

    background:
        var(--v3-card);

    border:
        1px solid
        var(--v3-border);

    z-index:
        1;

}


body.executive-v3
.digital-donut-center {

    position:
        absolute;

    inset:
        0;

    z-index:
        2;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    align-items:
        center;

    pointer-events:
        none;

}


body.executive-v3
.digital-donut-center strong {

    color:
        var(--v3-text);

    font-size:
        27px;

    font-weight:
        820;

    letter-spacing:
        -.04em;

}


body.executive-v3
.digital-donut-center span {

    margin-top:
        4px;

    color:
        var(--v3-muted);

    font-size:
        9px;

    font-weight:
        700;

    text-transform:
        uppercase;

}


body.executive-v3
.digital-legend {

    min-width:
        170px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        9px;

}


body.executive-v3
.digital-legend-row {

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap:
        14px;

    border:
        0;

    padding:
        0;

    min-height:
        24px;

}


body.executive-v3
.digital-legend-name {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    color:
        var(--v3-muted);

    font-size:
        10px;

}


body.executive-v3
.digital-legend-row strong {

    color:
        var(--v3-text);

    font-size:
        10px;

    font-weight:
        750;

}


.legend-dot {

    width:
        8px;

    height:
        8px;

    display:
        inline-block;

    border-radius:
        2px;

}


.active-dot {

    background:
        #3b82f6;

}


.resolved-dot {

    background:
        #22c55e;

}


.unassigned-dot {

    background:
        #f59e0b;

}


.no-status-dot {

    background:
        #94a3b8;

}


.v3-donut-trend {

    margin-top:
        10px;

    padding-top:
        8px;

    border-top:
        1px solid
        var(--v3-border);

    color:
        var(--v3-muted);

    font-size:
        9px;

}


.v3-trend-up {

    color:
        #22c55e;

    font-weight:
        750;

}


.v3-trend-down {

    color:
        #ef4444;

    font-weight:
        750;

}


/* ============================================================
   FILTER CARD
   ============================================================ */

body.executive-v3
.filters {

    display:
        grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        10px;

    align-content:
        center;

    margin:
        0;

    min-height:
        250px;

    padding:
        18px;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        var(--v3-radius);

    background:

        linear-gradient(
            145deg,
            var(--v3-card),
            var(--v3-card-soft)
        );

    box-shadow:
        var(--v3-shadow);

}


body.executive-v3
.filters::before {

    content:
        "Filter Tickets";

    grid-column:
        1 / -1;

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--v3-text);

    font-size:
        14px;

    font-weight:
        760;

}


body.executive-v3
.filters input {

    grid-column:
        1 / -1;

}


body.executive-v3
.filters input,

body.executive-v3
.filters select {

    width:
        100%;

    height:
        39px;

    padding:
        8px 11px;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        8px;

    outline:
        0;

    background:
        var(--v3-card-soft);

    color:
        var(--v3-text);

    font-size:
        10px;

}


body.executive-v3
.filters input:focus,

body.executive-v3
.filters select:focus {

    border-color:
        rgba(37,99,235,.58);

    box-shadow:
        0 0 0 3px
        rgba(37,99,235,.09);

}


body.executive-v3
#clearFiltersBtn {

    min-height:
        38px;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        8px;

    background:
        var(--v3-card-soft);

    color:
        var(--v3-text);

    font-size:
        10px;

    font-weight:
        700;

}


#v3ApplyFilters {

    min-height:
        38px;

    border:
        0;

    border-radius:
        8px;

    color:
        white;

    background:

        linear-gradient(
            135deg,
            #2563eb,
            #1d4ed8
        );

    font-size:
        10px;

    font-weight:
        750;

    cursor:
        pointer;

    box-shadow:
        0 7px 18px
        rgba(37,99,235,.25);

}


/* ============================================================
   ANALYTICS - 4 CARDS
   ============================================================ */

body.executive-v3
.analytics {

    display:
        grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:
        14px;

    margin-bottom:
        16px;

}


body.executive-v3
.panel {

    min-height:
        185px;

    padding:
        17px;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        var(--v3-radius);

    background:

        linear-gradient(
            145deg,
            var(--v3-card),
            var(--v3-card-soft)
        );

    box-shadow:
        var(--v3-shadow);

}


body.executive-v3
.panel h3 {

    margin:
        0 0 15px;

    color:
        var(--v3-text);

    font-size:
        13px;

    font-weight:
        760;

}


body.executive-v3
.bar-row {

    display:
        grid;

    grid-template-columns:
        minmax(95px,125px)
        1fr
        38px;

    gap:
        8px;

    align-items:
        center;

    min-height:
        24px;

}


body.executive-v3
.bar-name {

    overflow:
        hidden;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;

    color:
        var(--v3-text);

    font-size:
        9px;

}


body.executive-v3
.bar-track {

    height:
        7px;

    overflow:
        hidden;

    border-radius:
        999px;

    background:
        rgba(148,163,184,.15);

}


body.executive-v3
.bar-fill {

    height:
        100%;

    border-radius:
        999px;

    background:

        linear-gradient(
            90deg,
            #2563eb,
            #3b82f6
        );

    box-shadow:
        0 2px 7px
        rgba(37,99,235,.20);

}


body.executive-v3
.bar-fill.bar-resolved {

    background:

        linear-gradient(
            90deg,
            #16a34a,
            #22c55e
        );

}


body.executive-v3
.bar-value {

    color:
        var(--v3-text);

    text-align:
        right;

    font-size:
        9px;

    font-weight:
        750;

}


/* ============================================================
   RECENT TICKETS
   ============================================================ */

body.executive-v3
.tickets-panel {

    overflow:
        hidden;

    padding:
        0;

    border:
        1px solid
        var(--v3-border);

    border-radius:
        var(--v3-radius);

    background:
        var(--v3-card);

    box-shadow:
        var(--v3-shadow);

}


body.executive-v3
.table-heading {

    padding:
        16px 19px;

    border-bottom:
        1px solid
        var(--v3-border);

    background:

        linear-gradient(
            90deg,
            var(--v3-card),
            var(--v3-card-soft)
        );

}


body.executive-v3
.table-heading h3 {

    color:
        var(--v3-text);

    font-size:
        13px;

    font-weight:
        760;

}


body.executive-v3
.table-heading p {

    color:
        var(--v3-muted);

    font-size:
        9px;

}


body.executive-v3
table {

    width:
        100%;

    color:
        var(--v3-text);

}


body.executive-v3
th {

    padding:
        10px 12px;

    border-bottom:
        1px solid
        var(--v3-border);

    background:
        var(--v3-card-soft);

    color:
        var(--v3-muted);

    font-size:
        9px;

    font-weight:
        760;

    text-transform:
        uppercase;

    letter-spacing:
        .03em;

}


body.executive-v3
td {

    padding:
        10px 12px;

    border-bottom:
        1px solid
        var(--v3-border);

    color:
        var(--v3-text);

    font-size:
        9px;

}


body.executive-v3
tbody tr:hover td {

    background:
        rgba(37,99,235,.045);

}


body.executive-v3
.status {

    display:
        inline-block;

    padding:
        4px 8px;

    border-radius:
        999px;

    font-size:
        8px;

    font-weight:
        750;

}


/* ============================================================
   FOOTER
   ============================================================ */

body.executive-v3.v3-authenticated
footer {

    display:
        none;

}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1350px) {

    body.executive-v3 {

        --v3-sidebar:
            72px;

    }


    .v3-brand-copy,
    .v3-nav-section,
    .v3-nav-btn span,
    #v3CollapseBtn span {

        display:
            none;

    }


    .v3-sidebar-brand,
    .v3-nav-btn,
    #v3CollapseBtn {

        justify-content:
            center;

    }


    body.executive-v3
    .analytics {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }

}


@media (max-width: 1050px) {

    #v3InsightsRow {

        grid-template-columns:
            1fr;

    }


    body.executive-v3
    .filters {

        min-height:
            auto;

    }

}


@media (max-width: 850px) {

    #executiveSidebar {

        display:
            none !important;

    }


    body.executive-v3.v3-authenticated
    .topbar,

    body.executive-v3.v3-authenticated
    main {

        margin-left:
            0;

    }


    body.executive-v3
    .kpis {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }


    #v3InsightsRow
    .digital-donuts {

        grid-template-columns:
            1fr;

    }

}


@media (max-width: 600px) {

    body.executive-v3 main {

        padding:
            15px 12px 35px;

    }


    body.executive-v3
    .kpis,

    body.executive-v3
    .analytics,

    body.executive-v3
    .filters {

        grid-template-columns:
            1fr;

    }


    body.executive-v3
    .filters input {

        grid-column:
            1;

    }


    body.executive-v3
    .digital-card-content {

        flex-direction:
            column;

    }

}