/*
 * DEV-1.14B-1 | Icon / Logo / KPI Visual Refinement
 *
 * Four visual targets:
 * 1. Sidebar navigation SVG icons.
 * 2. Header calendar / reminder SVG icons.
 * 3. Rising Star slogan under the logo.
 * 4. KPI 22–26 semantic SVG icon chips.
 *
 * No route / API / business behavior changes.
 */

.v2-theme .v2-ui-icon {
    width: 1em;
    height: 1em;

    display: block;
    flex: 0 0 auto;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;

    overflow: visible;
}


/* ============================================================
   1 | Logo + slogan
   ============================================================ */

.v2-theme .app-sidebar__brand {
    flex-basis: 146px;

    padding:
        14px
        16px
        12px;
}

.v2-theme .app-sidebar__brand-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;

    padding: 0;

    border: 0;

    background: transparent;
}

.v2-theme .app-sidebar__logo {
    width: auto;
    max-width: 158px;
    max-height: 91px;

    object-fit: contain;
}

.v2-theme .app-sidebar__tagline {
    margin-top: 1px;

    color:
        var(--v2-color-brand-700);

    font-family:
        var(--v2-font-sans);
    font-size: 9px;
    font-weight:
        var(--v2-font-weight-medium);
    line-height: 1.1;
    letter-spacing: 0.01em;

    white-space: nowrap;
}


/* ============================================================
   2 | Sidebar SVG icon set
   ============================================================ */

.v2-theme .app-sidebar__item::before {
    display: none !important;
    content: none !important;
}

.v2-theme .app-sidebar__item {
    gap: 13px;

    padding:
        0
        14px
        0
        15px;
}

.v2-theme .app-sidebar__item-icon {
    width: 23px;
    height: 23px;

    color:
        rgba(255, 255, 255, 0.94);

    stroke-width: 1.75;
}

.v2-theme .app-sidebar__item.is-active
.app-sidebar__item-icon {
    color: #fff;

    stroke-width: 1.9;
}

.v2-theme .app-sidebar__item--danger
.app-sidebar__item-icon,
.v2-theme .app-sidebar__item--mode
.app-sidebar__item-icon {
    width: 24px;
    height: 24px;
}


/* ============================================================
   3 | Header calendar / reminder SVG icons
   ============================================================ */

.v2-theme .global-header__action::before {
    display: none !important;
    content: none !important;
}

.v2-theme .global-header__action {
    position: relative;

    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 4px;
}

.v2-theme .global-header__action-icon {
    width: 27px;
    height: 27px;

    color:
        var(--v2-color-ink-950);

    stroke-width: 1.75;
}

.v2-theme .global-header__action-label {
    color:
        var(--v2-color-ink-800);

    font-size:
        var(--v2-font-size-11);
    font-weight:
        var(--v2-font-weight-semibold);
    line-height: 1;
}


/* If the existing Header module renders its own badge, keep it above icon. */
.v2-theme .global-header__action[data-header-action="notifications"] {
    overflow: visible;
}


/* ============================================================
   4 | KPI 22–26 SVG icon chips
   ============================================================ */

.v2-theme .work-home__summary-card::after {
    display: none !important;
    content: none !important;
}

.v2-theme .v2-kpi-icon {
    position: absolute;
    top: 17px;
    right: 17px;

    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    pointer-events: none;
}

.v2-theme .v2-kpi-icon__svg {
    width: 26px;
    height: 26px;

    stroke-width: 1.75;
}

.v2-theme .v2-kpi-icon--blue {
    background:
        var(--v2-color-info-bg);
    color:
        #2468cf;
}

.v2-theme .v2-kpi-icon--green {
    background:
        var(--v2-color-success-bg);
    color:
        #18a45f;
}

.v2-theme .v2-kpi-icon--purple {
    background:
        var(--v2-color-purple-bg);
    color:
        #7545e8;
}

.v2-theme .v2-kpi-icon--orange {
    background:
        var(--v2-color-warning-bg);
    color:
        #f06f22;
}

.v2-theme .v2-kpi-icon--violet {
    background:
        #efedff;
    color:
        #6554ea;
}


/* ============================================================
   Small-width safeguard
   ============================================================ */

@media (max-width: 1180px) {
    .v2-theme .app-sidebar__item {
        gap: 10px;

        padding-left: 12px;
        padding-right: 10px;
    }

    .v2-theme .app-sidebar__item-icon {
        width: 21px;
        height: 21px;
    }

    .v2-theme .v2-kpi-icon {
        top: 14px;
        right: 12px;

        width: 41px;
        height: 41px;
    }

    .v2-theme .v2-kpi-icon__svg {
        width: 22px;
        height: 22px;
    }
}