/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-y1dw4xx5g7],
.components-reconnect-repeated-attempt-visible[b-y1dw4xx5g7],
.components-reconnect-failed-visible[b-y1dw4xx5g7],
.components-pause-visible[b-y1dw4xx5g7],
.components-resume-failed-visible[b-y1dw4xx5g7],
.components-rejoining-animation[b-y1dw4xx5g7] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-retrying[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-failed[b-y1dw4xx5g7],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-y1dw4xx5g7] {
    display: block;
}


#components-reconnect-modal[b-y1dw4xx5g7] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-y1dw4xx5g7 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-y1dw4xx5g7 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-y1dw4xx5g7 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-y1dw4xx5g7]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-y1dw4xx5g7 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-y1dw4xx5g7 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-y1dw4xx5g7 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-y1dw4xx5g7 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-y1dw4xx5g7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-y1dw4xx5g7] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-y1dw4xx5g7] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-y1dw4xx5g7] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-y1dw4xx5g7] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-y1dw4xx5g7] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-y1dw4xx5g7] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-y1dw4xx5g7 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-y1dw4xx5g7] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-y1dw4xx5g7 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Activities.razor.rz.scp.css */
/* ── ACTIVITIES SCROLL HOST ────────────────────────────────── */
.act-scroll-host[b-cqtoxkb35b] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.act-scroll-host[b-cqtoxkb35b]::-webkit-scrollbar { width: 7px; }
.act-scroll-host[b-cqtoxkb35b]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.act-scroll-host[b-cqtoxkb35b]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.act-scroll-host[b-cqtoxkb35b]::-webkit-scrollbar-thumb:hover { background: #5f6368; }

/* ── CALENDAR SCROLL WRAPPER ─────────────────────────────── */
.act-calendar-scroll[b-cqtoxkb35b] {
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
    padding-bottom: 4px;
}
.act-calendar-scroll[b-cqtoxkb35b]::-webkit-scrollbar { height: 8px; }
.act-calendar-scroll[b-cqtoxkb35b]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.act-calendar-scroll[b-cqtoxkb35b]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.act-calendar-scroll[b-cqtoxkb35b]::-webkit-scrollbar-corner { background: #e8eaed; }

.act-calendar-inner[b-cqtoxkb35b] {
    min-width: 0;
}
.act-calendar-inner .calendar-grid[b-cqtoxkb35b] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-auto-rows: minmax(70px, auto);
}
.act-calendar-inner .calendar-day[b-cqtoxkb35b] {
    height: auto;
    min-height: 70px;
}
.act-cal-placeholder[b-cqtoxkb35b] {
    min-height: 70px;
}

/* ── TABLE SCROLL WRAPPER ────────────────────────────────── */
.act-table-scroll[b-cqtoxkb35b] {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.act-table-scroll[b-cqtoxkb35b]::-webkit-scrollbar { width: 7px; height: 8px; }
.act-table-scroll[b-cqtoxkb35b]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.act-table-scroll[b-cqtoxkb35b]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.act-table-scroll[b-cqtoxkb35b]::-webkit-scrollbar-thumb:hover { background: #5f6368; }
.act-table-scroll[b-cqtoxkb35b]::-webkit-scrollbar-corner { background: #e8eaed; }

.act-table-inner[b-cqtoxkb35b] {
    min-width: 700px;
    width: 100%;
}
/* /Components/Pages/Announcements.razor.rz.scp.css */
/* ── SCROLL HOST ───────────────────────────────────────────── */
.ann-scroll-host[b-hk1jhnxm6p] {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.ann-scroll-host[b-hk1jhnxm6p]::-webkit-scrollbar { width: 7px; height: 8px; }
.ann-scroll-host[b-hk1jhnxm6p]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.ann-scroll-host[b-hk1jhnxm6p]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.ann-scroll-host[b-hk1jhnxm6p]::-webkit-scrollbar-thumb:hover { background: #5f6368; }
.ann-scroll-host[b-hk1jhnxm6p]::-webkit-scrollbar-corner { background: #e8eaed; }

.ann-table-inner[b-hk1jhnxm6p] {
    min-width: 700px;
    width: 100%;
}

/* ── Ellipsis truncation ──────────────────────────────────── */
.text-truncate-cell[b-hk1jhnxm6p] {
    max-width: 120px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
}

.body-cell.text-truncate-cell[b-hk1jhnxm6p] {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    max-width: 160px;
}

@media (max-width: 768px) {
    .text-truncate-cell[b-hk1jhnxm6p] {
        max-width: 80px;
    }

    .body-cell.text-truncate-cell[b-hk1jhnxm6p] {
        max-width: 90px;
    }
}
/* /Components/Pages/EmployeeScoringTab.razor.rz.scp.css */
/* EmployeeScoringTab: flex chain so scroll host is height-constrained */
.emp-score-host[b-vy1aejie4z] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
.emp-score-scroll[b-vy1aejie4z] {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
    margin-top: 0;
}
.emp-score-scroll[b-vy1aejie4z]::-webkit-scrollbar { width: 7px; height: 8px; }
.emp-score-scroll[b-vy1aejie4z]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.emp-score-scroll[b-vy1aejie4z]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.emp-score-scroll[b-vy1aejie4z]::-webkit-scrollbar-thumb:hover { background: #5f6368; }
.emp-score-scroll[b-vy1aejie4z]::-webkit-scrollbar-corner { background: #e8eaed; }

/* Table must be wide enough to trigger horizontal scroll */
.emp-score-scroll .table[b-vy1aejie4z] {
    min-width: 620px;
    width: 100%;
}
/* /Components/Pages/KraManagementTab.razor.rz.scp.css */
/* KraManagementTab: always-visible scrollbars */
.kra-body-scroll[b-hbj3m5upch] {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.kra-body-scroll[b-hbj3m5upch]::-webkit-scrollbar { width: 7px; height: 8px; }
.kra-body-scroll[b-hbj3m5upch]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.kra-body-scroll[b-hbj3m5upch]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.kra-body-scroll[b-hbj3m5upch]::-webkit-scrollbar-thumb:hover { background: #5f6368; }
.kra-body-scroll[b-hbj3m5upch]::-webkit-scrollbar-corner { background: #e8eaed; }

/* Per-year table: own horizontal scroll so bar is always visible */
.kra-tab-scroll[b-hbj3m5upch] {
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
    margin-bottom: 4px;
}
.kra-tab-scroll[b-hbj3m5upch]::-webkit-scrollbar { height: 8px; }
.kra-tab-scroll[b-hbj3m5upch]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.kra-tab-scroll[b-hbj3m5upch]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.kra-tab-scroll[b-hbj3m5upch]::-webkit-scrollbar-corner { background: #e8eaed; }
.kra-tab-scroll table[b-hbj3m5upch] { min-width: 500px; width: 100%; }
/* /Components/Pages/Login.razor.rz.scp.css */


/* ═══════════════════════════════════════════════════════════════
   AGOS-ADMIN LOGIN v5 — PH Gov Style
   Strategy: NO blanket * reset. Target only conflicting classes.
   ═══════════════════════════════════════════════════════════════ */

/* ── TOKENS ─────────────────────────────────────────────────── */
.agos-login-root[b-4k12sink7z] {
    --lp-navy:        #0038A8;
    --lp-navy-dark:   #002580;
    --lp-navy-deeper: #001040;
    --lp-red:         #CE1126;
    --lp-gold:        #FCD116;
    --lp-white:       #ffffff;
    --lp-panel-bg:    #f0f4fa;
    --lp-muted:       rgba(255,255,255,.55);
    --lp-muted-dark:  #5a6a85;
    --lp-border-form: #c8d3e8;
    --lp-text:        #1a2744;
    --lp-error:       #c0392b;
    --lp-success:     #1a7a4a;
    --lp-radius:      6px;
    --lp-radius-md:   8px;
    --lp-radius-lg:   12px;
    --lp-font-serif:  'Source Serif 4', Georgia, serif;
    --lp-font-sans:   'IBM Plex Sans', 'Segoe UI', sans-serif;
    --lp-shadow-btn:  0 4px 16px rgba(0,56,168,.38);
    --lp-transition:  all 0.2s cubic-bezier(.4,0,.2,1);
}

/* ── PAGE SHELL ─────────────────────────────────────────────── */
.agos-login-root[b-4k12sink7z] {
    display: flex !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    font-family: var(--lp-font-sans) !important;
    font-size: 14px !important;
    background: var(--lp-navy-deeper) !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 9000 !important;
    color: var(--lp-text) !important;
    box-sizing: border-box !important;
}

/* ════════ LEFT BRAND PANEL ════════ */
.agos-login-root .lp-brand[b-4k12sink7z] {
    flex: 1 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--lp-navy-deeper) !important;
    min-width: 0 !important;
}

.agos-login-root .lp-brand[b-4k12sink7z]::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(ellipse 80% 60% at 20% 20%, rgba(0,56,168,.55) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 80% 80%, rgba(206,17,38,.18) 0%, transparent 55%),
        linear-gradient(175deg, #001a5e 0%, #001040 50%, #000d30 100%) !important;
    z-index: 0 !important;
}

/* PH Flag stripe */
.agos-login-root .lp-ph-stripe[b-4k12sink7z] {
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 5px !important;
    display: flex !important;
    z-index: 10 !important;
    margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-ph-blue[b-4k12sink7z] { flex: 1 !important; background: var(--lp-navy) !important; padding: 0 !important; margin: 0 !important; }
.agos-login-root .lp-ph-red[b-4k12sink7z]  { flex: 1 !important; background: var(--lp-red) !important; padding: 0 !important; margin: 0 !important; }
.agos-login-root .lp-ph-sun[b-4k12sink7z] {
    position: absolute !important; left: 50% !important; top: -14px !important;
    transform: translateX(-50%) !important;
    width: 32px !important; height: 32px !important;
    background: var(--lp-gold) !important; border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    border: 2px solid rgba(255,255,255,.2) !important; z-index: 11 !important;
    box-shadow: 0 0 16px rgba(252,209,22,.4) !important;
    padding: 0 !important; margin: 0 !important;
}
.agos-login-root .lp-ph-sun svg[b-4k12sink7z] { width: 24px !important; height: 24px !important; }

/* Grid mesh */
.agos-login-root .lp-bg-mesh[b-4k12sink7z] {
    position: absolute !important; inset: 0 !important; z-index: 1 !important;
    pointer-events: none !important;
    background-image:
        linear-gradient(rgba(0,56,168,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,56,168,.06) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    animation: lp-mesh-drift-b-4k12sink7z 20s ease-in-out infinite !important;
}
@keyframes lp-mesh-drift-b-4k12sink7z {
    0%, 100% { transform: translate(0,0); }
    50%       { transform: translate(-10px,-8px); }
}

.agos-login-root .lp-bg-pattern[b-4k12sink7z] {
    position: absolute !important; inset: 0 !important; z-index: 1 !important;
    pointer-events: none !important;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 60px,
        rgba(252,209,22,.018) 60px, rgba(252,209,22,.018) 61px) !important;
}

/* Watermark */
.agos-login-root .lp-watermark[b-4k12sink7z] {
    position: absolute !important; bottom: -40px !important; right: 40px !important;
    width: 320px !important; height: 320px !important;
    z-index: 1 !important; opacity: .075 !important; pointer-events: none !important;
    margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-watermark img[b-4k12sink7z] {
    width: 100% !important; height: 100% !important;
    object-fit: contain !important; filter: brightness(10) !important;
    margin: 0 !important; padding: 0 !important;
}

/* Nodes */
.agos-login-root .lp-nodes[b-4k12sink7z] { position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; }
.agos-login-root .lp-node[b-4k12sink7z] {
    position: absolute !important; border-radius: 50% !important;
    background: rgba(252,209,22,.15) !important; border: 1px solid rgba(252,209,22,.25) !important;
    animation: lp-node-pulse-b-4k12sink7z 5s ease-in-out infinite !important;
    padding: 0 !important; margin: 0 !important;
}
.agos-login-root .lp-nd-1[b-4k12sink7z] { width: 6px !important; height: 6px !important; top: 18% !important; left: 72% !important; }
.agos-login-root .lp-nd-2[b-4k12sink7z] { width: 4px !important; height: 4px !important; top: 35% !important; left: 85% !important; animation-delay: 1s !important; }
.agos-login-root .lp-nd-3[b-4k12sink7z] { width: 8px !important; height: 8px !important; top: 55% !important; left: 78% !important; animation-delay: 2s !important; }
.agos-login-root .lp-nd-4[b-4k12sink7z] { width: 5px !important; height: 5px !important; top: 72% !important; left: 65% !important; animation-delay: 1.5s !important; }
.agos-login-root .lp-nd-5[b-4k12sink7z] { width: 3px !important; height: 3px !important; top: 24% !important; left: 60% !important; animation-delay: .7s !important; }
.agos-login-root .lp-nd-6[b-4k12sink7z] { width: 6px !important; height: 6px !important; top: 80% !important; left: 40% !important; animation-delay: 2.5s !important; }
@keyframes lp-node-pulse-b-4k12sink7z {
    0%, 100% { opacity: .3; transform: scale(1); }
    50%       { opacity: 1;  transform: scale(1.5); }
}

/* Brand content area */
.agos-login-root .lp-brand-content[b-4k12sink7z] {
    position: relative !important; z-index: 5 !important;
    display: flex !important; flex-direction: column !important;
    align-items: flex-start !important;
    padding: 52px 52px 32px !important;
    flex: 1 !important; margin-top: 5px !important;
}

.agos-login-root .lp-gov-header[b-4k12sink7z] {
    display: flex !important; align-items: center !important;
    gap: 18px !important; margin-bottom: 24px !important;
}

.agos-login-root .lp-gov-seal[b-4k12sink7z] {
    width: 90px !important; height: 90px !important; flex-shrink: 0 !important;
    border-radius: 50% !important; background: rgba(255,255,255,.06) !important;
    border: 1.5px solid rgba(255,255,255,.14) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    padding: 8px !important; box-sizing: border-box !important;
}
.agos-login-root .lp-seal-img[b-4k12sink7z] {
    width: 80% !important; height: 80% !important;
    object-fit: contain !important; filter: brightness(10) opacity(.92) !important;
    display: block !important;
}

.agos-login-root .lp-gov-title[b-4k12sink7z] { display: flex !important; flex-direction: column !important; gap: 2px !important; }

/* These divs look like labels — force correct styles against app.css label rule */
.agos-login-root .lp-republic[b-4k12sink7z] {
    font-family: var(--lp-font-serif) !important;
    font-size: 11px !important; font-weight: 600 !important;
    letter-spacing: .12em !important; text-transform: uppercase !important;
    color: var(--lp-gold) !important; opacity: .9 !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-dept[b-4k12sink7z] {
    font-size: 13.5px !important; font-weight: 600 !important;
    color: var(--lp-white) !important; line-height: 1.3 !important;
    text-transform: none !important; letter-spacing: normal !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-fo[b-4k12sink7z] {
    font-size: 12px !important; color: var(--lp-muted) !important; font-weight: 400 !important;
    text-transform: none !important; letter-spacing: normal !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}

.agos-login-root .lp-divider-line[b-4k12sink7z] {
    width: 100% !important; height: 1px !important;
    background: linear-gradient(90deg, rgba(252,209,22,.45), rgba(252,209,22,.08) 70%, transparent) !important;
    display: flex !important; align-items: center !important;
    margin: 0 0 22px 0 !important; padding: 0 !important; position: relative !important;
}
.agos-login-root .lp-divider-star[b-4k12sink7z] {
    position: absolute !important; right: 0 !important; top: -7px !important;
    color: var(--lp-gold) !important; font-size: 14px !important; opacity: .5 !important;
}

.agos-login-root .lp-system-badge[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 8px !important;
    background: rgba(252,209,22,.1) !important; border: 1px solid rgba(252,209,22,.22) !important;
    border-radius: 4px !important; padding: 5px 12px !important; margin: 0 0 18px 0 !important;
    width: fit-content !important;
}
.agos-login-root .lp-badge-icon[b-4k12sink7z] { width: 14px !important; height: 14px !important; color: var(--lp-gold) !important; flex-shrink: 0 !important; }
.agos-login-root .lp-badge-icon svg[b-4k12sink7z] { width: 100% !important; height: 100% !important; display: block !important; }
.agos-login-root .lp-badge-text[b-4k12sink7z] {
    font-size: 10.5px !important; font-weight: 600 !important; color: var(--lp-gold) !important;
    letter-spacing: .08em !important; text-transform: uppercase !important;
    margin: 0 !important; padding: 0 !important;
}

/* The big AGOS text */
.agos-login-root .lp-system-name[b-4k12sink7z] {
    font-family: var(--lp-font-serif) !important;
    font-size: 72px !important; font-weight: 700 !important;
    color: var(--lp-white) !important; line-height: .9 !important;
    letter-spacing: -.02em !important; margin: 0 0 4px 0 !important;
    text-transform: none !important; display: block !important; padding: 0 !important;
}
.agos-login-root .lp-system-sub[b-4k12sink7z] {
    font-size: 22px !important; font-weight: 600 !important;
    color: var(--lp-gold) !important; letter-spacing: .04em !important;
    text-transform: uppercase !important; margin: 0 0 10px 0 !important;
    display: block !important; padding: 0 !important;
}
.agos-login-root .lp-system-long[b-4k12sink7z] {
    font-size: 13px !important; color: rgba(255,255,255,.55) !important;
    line-height: 1.6 !important; font-style: italic !important;
    margin: 0 0 32px 0 !important; font-family: var(--lp-font-serif) !important;
    text-transform: none !important; display: block !important; padding: 0 !important;
}

/* Feature boxes */
.agos-login-root .lp-features[b-4k12sink7z] {
    display: grid !important; grid-template-columns: 1fr 1fr !important;
    gap: 10px !important; width: 100% !important; max-width: 420px !important;
    margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-feature[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 9px !important;
    padding: 10px 14px !important; background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: var(--lp-radius) !important; transition: var(--lp-transition) !important;
    margin: 0 !important;
}
.agos-login-root .lp-feature:hover[b-4k12sink7z] {
    background: rgba(255,255,255,.08) !important; border-color: rgba(252,209,22,.3) !important;
}
.agos-login-root .lp-feature-icon[b-4k12sink7z] {
    width: 16px !important; height: 16px !important; color: var(--lp-gold) !important;
    flex-shrink: 0 !important; opacity: .85 !important; padding: 0 !important; margin: 0 !important;
}
.agos-login-root .lp-feature-icon svg[b-4k12sink7z] { width: 100% !important; height: 100% !important; display: block !important; }
.agos-login-root .lp-feature-label[b-4k12sink7z] {
    font-size: 11.5px !important; font-weight: 500 !important;
    color: rgba(255,255,255,.78) !important; line-height: 1.3 !important;
    text-transform: none !important; letter-spacing: normal !important;
    margin: 0 !important; padding: 0 !important;
}

/* Brand footer */
.agos-login-root .lp-brand-footer[b-4k12sink7z] {
    position: relative !important; z-index: 5 !important;
    padding: 14px 52px !important; font-size: 10.5px !important;
    color: rgba(255,255,255,.32) !important; border-top: 1px solid rgba(255,255,255,.06) !important;
    display: flex !important; align-items: center !important; gap: 10px !important;
    width: 100% !important; text-transform: none !important; letter-spacing: .01em !important;
    margin: 0 !important; box-sizing: border-box !important;
}
.agos-login-root .lp-ph-flag-mini[b-4k12sink7z] {
    display: flex !important; width: 18px !important; height: 12px !important;
    border-radius: 2px !important; overflow: hidden !important; flex-shrink: 0 !important;
    border: 1px solid rgba(255,255,255,.1) !important; padding: 0 !important; margin: 0 !important;
}
.agos-login-root .lp-flag-blue[b-4k12sink7z] { flex: 1 !important; display: block !important; background: var(--lp-navy) !important; }
.agos-login-root .lp-flag-red[b-4k12sink7z]  { flex: 1 !important; display: block !important; background: var(--lp-red) !important; }

/* ════════ RIGHT FORM PANEL ════════ */
.agos-login-root .lp-form-panel[b-4k12sink7z] {
    width: 460px !important; min-width: 460px !important;
    background: var(--lp-panel-bg) !important;
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; overflow-y: auto !important;
}

/* ── GOV STRIP — the navy top bar ──────────────────────────── */
.agos-login-root .lp-form-gov-strip[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 12px !important;
    padding: 14px 32px !important;
    background: var(--lp-navy) !important;
    border-bottom: 3px solid var(--lp-gold) !important;
    flex-shrink: 0 !important; margin: 0 !important;
    box-sizing: border-box !important;
}
.agos-login-root .lp-form-seal[b-4k12sink7z] {
    width: 100px !important; height: 100px !important; object-fit: contain !important;
    flex-shrink: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-form-gov-text[b-4k12sink7z] { flex: 1 !important; }
.agos-login-root .lp-form-gov-republic[b-4k12sink7z] {
    font-size: 9.5px !important; font-weight: 600 !important;
    text-transform: uppercase !important; letter-spacing: .1em !important;
    color: var(--lp-gold) !important; display: block !important;
    margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-form-gov-dept[b-4k12sink7z] {
    font-size: 12px !important; font-weight: 600 !important; color: var(--lp-white) !important;
    text-transform: none !important; letter-spacing: normal !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-form-gov-right[b-4k12sink7z] { text-align: right !important; }
.agos-login-root .lp-form-gov-version[b-4k12sink7z] {
    font-size: 10px !important; font-weight: 600 !important; color: var(--lp-gold) !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
    text-transform: none !important;
}
.agos-login-root .lp-form-gov-official[b-4k12sink7z] {
    font-size: 9px !important; color: rgba(255,255,255,.45) !important;
    text-transform: uppercase !important; letter-spacing: .08em !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}

/* ── CARD — kills app.css .card styles ──────────────────────── */
.agos-login-root .lp-card[b-4k12sink7z] {
    flex: 1 !important; display: flex !important; flex-direction: column !important;
    padding: 36px 40px !important; justify-content: center !important;
    background: transparent !important; border: none !important;
    border-radius: 0 !important; box-shadow: none !important; margin: 0 !important;
}

.agos-login-root .lp-card-title-block[b-4k12sink7z] {
    display: flex !important; align-items: flex-start !important;
    gap: 14px !important; margin: 0 0 24px 0 !important; padding: 0 !important;
}
.agos-login-root .lp-card-accent-bar[b-4k12sink7z] {
    width: 4px !important; height: 52px !important; border-radius: 2px !important;
    background: linear-gradient(180deg, var(--lp-navy) 0%, var(--lp-red) 100%) !important;
    flex-shrink: 0 !important; margin: 2px 0 0 0 !important; padding: 0 !important;
}
.agos-login-root .lp-card-title-text[b-4k12sink7z] { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.agos-login-root .lp-card-heading[b-4k12sink7z] {
    font-family: var(--lp-font-serif) !important;
    font-size: 26px !important; font-weight: 700 !important; color: var(--lp-text) !important;
    line-height: 1.15 !important; text-transform: none !important; letter-spacing: normal !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-card-sub[b-4k12sink7z] {
    font-size: 12.5px !important; color: var(--lp-muted-dark) !important;
    line-height: 1.5 !important; text-transform: none !important;
    font-weight: 400 !important; letter-spacing: normal !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}

/* Alert */
.agos-login-root .lp-alert-error[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 10px !important;
    padding: 10px 14px !important; background: rgba(192,57,43,.07) !important;
    border: 1px solid rgba(192,57,43,.2) !important; border-left: 3px solid var(--lp-error) !important;
    border-radius: var(--lp-radius) !important; font-size: 13px !important;
    color: var(--lp-error) !important; margin: 0 0 18px 0 !important; font-weight: 500 !important;
}
.agos-login-root .lp-alert-error svg[b-4k12sink7z] { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; }

/* Field stack */
.agos-login-root .lp-field-stack[b-4k12sink7z] {
    display: flex !important; flex-direction: column !important;
    gap: 14px !important; margin: 0 0 12px 0 !important; padding: 0 !important;
}
.agos-login-root .lp-field[b-4k12sink7z] {
    display: flex !important; flex-direction: column !important; gap: 5px !important;
    margin: 0 !important; padding: 0 !important;
}

/* Override app.css: label { display:block; font-size:10.5px; color:text-muted; uppercase; margin-bottom:2px } */
.agos-login-root .lp-field > label[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 6px !important;
    font-size: 12px !important; font-weight: 600 !important; color: var(--lp-text) !important;
    text-transform: uppercase !important; letter-spacing: .07em !important;
    margin: 0 0 2px 0 !important; padding: 0 !important;
    font-family: var(--lp-font-sans) !important;
}
.agos-login-root .lp-field > label svg[b-4k12sink7z] {
    width: 13px !important; height: 13px !important;
    color: var(--lp-navy) !important; flex-shrink: 0 !important;
}

/* Override app.css: .form-control { height:30px; padding:3px 7px; font-size:12px } */
.agos-login-root .lp-input[b-4k12sink7z] {
    width: 100% !important; height: 44px !important; padding: 0 14px !important;
    border: 1.5px solid var(--lp-border-form) !important;
    border-radius: var(--lp-radius-md) !important;
    background: #ffffff !important; font-size: 14px !important;
    font-family: var(--lp-font-sans) !important; color: var(--lp-text) !important;
    outline: none !important; box-shadow: none !important;
    appearance: none !important; -webkit-appearance: none !important;
    display: block !important; box-sizing: border-box !important; margin: 0 !important;
    transition: border-color .2s, box-shadow .2s !important;
}
.agos-login-root .lp-input:focus[b-4k12sink7z] {
    border-color: var(--lp-navy) !important;
    box-shadow: 0 0 0 3px rgba(0,56,168,.12) !important;
}
.agos-login-root .lp-input[b-4k12sink7z]::placeholder { color: #a8b4c8 !important; }

/* Show password — override label rule */
.agos-login-root label.lp-show-pw[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 7px !important;
    font-size: 12.5px !important; color: var(--lp-muted-dark) !important;
    cursor: pointer !important; user-select: none !important;
    margin: 0 0 20px 0 !important; padding: 0 !important;
    text-transform: none !important; letter-spacing: normal !important; font-weight: 400 !important;
    font-family: var(--lp-font-sans) !important;
}
.agos-login-root label.lp-show-pw input[type="checkbox"][b-4k12sink7z] {
    accent-color: var(--lp-navy) !important;
    width: 14px !important; height: 14px !important; margin: 0 !important; padding: 0 !important;
    cursor: pointer !important;
}
.agos-login-root label.lp-show-pw span[b-4k12sink7z] {
    font-size: 12.5px !important; color: var(--lp-muted-dark) !important;
    text-transform: none !important; letter-spacing: normal !important;
}

/* Submit button — override all app.css btn rules */
.agos-login-root button.lp-submit[b-4k12sink7z] {
    width: 100% !important; height: 48px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    gap: 10px !important; background: var(--lp-navy) !important; color: #ffffff !important;
    border: none !important; border-radius: var(--lp-radius-md) !important;
    font-size: 14.5px !important; font-weight: 700 !important; font-family: var(--lp-font-sans) !important;
    cursor: pointer !important; box-shadow: var(--lp-shadow-btn) !important;
    letter-spacing: .03em !important; margin: 0 0 18px 0 !important; padding: 0 16px !important;
    position: relative !important; overflow: hidden !important;
    transition: background .2s, box-shadow .2s, transform .2s !important;
    box-sizing: border-box !important;
}
.agos-login-root button.lp-submit[b-4k12sink7z]::after {
    content: '' !important; position: absolute !important; bottom: 0 !important;
    left: 0 !important; right: 0 !important; height: 3px !important;
    background: var(--lp-gold) !important; transform: scaleX(0) !important;
    transform-origin: left !important; transition: transform .3s ease !important;
}
.agos-login-root button.lp-submit:hover:not(:disabled)[b-4k12sink7z]::after { transform: scaleX(1) !important; }
.agos-login-root button.lp-submit:hover:not(:disabled)[b-4k12sink7z] {
    background: var(--lp-navy-dark) !important;
    box-shadow: 0 6px 24px rgba(0,56,168,.48) !important; transform: translateY(-1px) !important;
}
.agos-login-root button.lp-submit:disabled[b-4k12sink7z] { opacity: .6 !important; cursor: not-allowed !important; }
.agos-login-root button.lp-submit svg[b-4k12sink7z] { width: 18px !important; height: 18px !important; flex-shrink: 0 !important; }
.agos-login-root button.lp-submit span[b-4k12sink7z] {
    font-size: 14.5px !important; font-weight: 700 !important; color: #ffffff !important;
    text-transform: none !important; letter-spacing: .03em !important;
}

.agos-login-root .lp-spinner[b-4k12sink7z] {
    width: 18px !important; height: 18px !important;
    border: 2px solid rgba(255,255,255,.3) !important; border-top-color: #fff !important;
    border-radius: 50% !important; animation: lp-spin-b-4k12sink7z .7s linear infinite !important;
    flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important;
}
@keyframes lp-spin-b-4k12sink7z { to { transform: rotate(360deg); } }

/* Links */
.agos-login-root .lp-links[b-4k12sink7z] {
    display: flex !important; align-items: center !important; justify-content: center !important;
    gap: 10px !important; margin: 0 0 22px 0 !important; flex-wrap: wrap !important; padding: 0 !important;
}
.agos-login-root .lp-links a[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 5px !important;
    font-size: 12.5px !important; color: var(--lp-navy) !important;
    text-decoration: none !important; cursor: pointer !important;
    font-weight: 500 !important; margin: 0 !important; padding: 0 !important;
    transition: color .2s !important;
}
.agos-login-root .lp-links a:hover[b-4k12sink7z] { color: var(--lp-red) !important; text-decoration: underline !important; }
.agos-login-root .lp-links a svg[b-4k12sink7z] { width: 13px !important; height: 13px !important; }
.agos-login-root .lp-links-sep[b-4k12sink7z] { color: var(--lp-border-form) !important; font-size: 14px !important; }

/* Security strip */
.agos-login-root .lp-security-strip[b-4k12sink7z] {
    display: flex !important; align-items: center !important; justify-content: center !important;
    gap: 10px !important; padding: 12px 16px !important;
    background: rgba(0,56,168,.04) !important; border: 1px solid rgba(0,56,168,.1) !important;
    border-radius: var(--lp-radius) !important; flex-wrap: wrap !important; margin: 0 !important;
}
.agos-login-root .lp-security-item[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 5px !important;
    font-size: 11px !important; color: var(--lp-muted-dark) !important; font-weight: 500 !important;
    text-transform: none !important; letter-spacing: normal !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-security-item svg[b-4k12sink7z] { width: 12px !important; height: 12px !important; color: var(--lp-navy) !important; }
.agos-login-root .lp-security-item span[b-4k12sink7z] { font-size: 11px !important; color: var(--lp-muted-dark) !important; text-transform: none !important; }
.agos-login-root .lp-security-dot[b-4k12sink7z] {
    width: 3px !important; height: 3px !important; border-radius: 50% !important;
    background: var(--lp-border-form) !important; padding: 0 !important; margin: 0 !important;
}

/* ════════ MODALS ════════ */
.agos-login-root.lp-modal-overlay[b-4k12sink7z] {
    position: fixed !important; inset: 0 !important;
    background: rgba(0,10,30,.75) !important; backdrop-filter: blur(4px) !important;
    z-index: 99000 !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    padding: 24px !important; width: 100vw !important; height: 100vh !important;
    box-sizing: border-box !important;
}
/* Override app.css .card on .lp-modal */
.agos-login-root .lp-modal[b-4k12sink7z] {
    background: #ffffff !important; border-radius: var(--lp-radius-lg) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.3) !important;
    width: 100% !important; max-width: 580px !important; max-height: 90vh !important;
    overflow: hidden !important; display: flex !important; flex-direction: column !important;
    border-top: 4px solid var(--lp-navy) !important; border-left: none !important;
    border-right: none !important; border-bottom: none !important;
    padding: 0 !important; min-width: unset !important;
    animation: lp-modal-in-b-4k12sink7z .22s cubic-bezier(.34,1.2,.64,1) !important;
    box-sizing: border-box !important;
}
.agos-login-root .lp-modal-sm[b-4k12sink7z] { max-width: 440px !important; }
@keyframes lp-modal-in-b-4k12sink7z {
    from { opacity: 0; transform: scale(.94) translateY(-10px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

.agos-login-root .lp-modal-header[b-4k12sink7z] {
    display: flex !important; align-items: center !important;
    justify-content: space-between !important; padding: 20px 24px 16px !important;
    border-bottom: 1px solid #eaeff8 !important; background: #f7f9fd !important;
    gap: 12px !important; position: static !important; z-index: auto !important;
    font-size: unset !important; font-weight: normal !important; margin: 0 !important;
}
.agos-login-root .lp-modal-header-left[b-4k12sink7z] { display: flex !important; align-items: center !important; gap: 12px !important; }
.agos-login-root .lp-modal-gov-flag[b-4k12sink7z] {
    display: flex !important; width: 24px !important; height: 16px !important;
    border-radius: 3px !important; overflow: hidden !important; flex-shrink: 0 !important;
    border: 1px solid #dde4f0 !important; padding: 0 !important; margin: 0 !important;
}
.agos-login-root .lp-mflag-blue[b-4k12sink7z] { flex: 1 !important; background: var(--lp-navy) !important; }
.agos-login-root .lp-mflag-red[b-4k12sink7z]  { flex: 1 !important; background: var(--lp-red) !important; }
.agos-login-root .lp-modal-title[b-4k12sink7z] {
    font-family: var(--lp-font-serif) !important; font-size: 18px !important;
    font-weight: 700 !important; color: var(--lp-text) !important;
    text-transform: none !important; letter-spacing: normal !important;
    display: block !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-modal-subtitle[b-4k12sink7z] {
    font-size: 12px !important; color: var(--lp-muted-dark) !important;
    text-transform: none !important; font-weight: 400 !important;
    display: block !important; margin: 2px 0 0 0 !important; padding: 0 !important;
}

/* Override app.css .close-btn */
.agos-login-root button.lp-close-btn[b-4k12sink7z] {
    width: 32px !important; height: 32px !important; border-radius: 50% !important;
    border: 1.5px solid #dde4f0 !important; background: #ffffff !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 20px !important; line-height: 1 !important; cursor: pointer !important;
    color: var(--lp-muted-dark) !important; flex-shrink: 0 !important;
    padding: 0 !important; margin: 0 !important; box-sizing: border-box !important;
    transition: background .2s, border-color .2s, color .2s !important;
}
.agos-login-root button.lp-close-btn:hover[b-4k12sink7z] {
    background: #f0f4fa !important; border-color: var(--lp-navy) !important; color: var(--lp-navy) !important;
}

.agos-login-root .lp-modal-body[b-4k12sink7z] { padding: 24px !important; overflow-y: auto !important; flex: 1 !important; }

/* Override .modal-footer / .modal-actions */
.agos-login-root .lp-modal-footer[b-4k12sink7z] {
    display: flex !important; align-items: center !important; justify-content: flex-end !important;
    gap: 10px !important; padding: 16px 24px !important;
    border-top: 1px solid #eaeff8 !important; background: #f7f9fd !important; margin: 0 !important;
}

/* Register grid */
.agos-login-root .lp-reg-grid[b-4k12sink7z] {
    display: grid !important; grid-template-columns: 1fr 1fr !important;
    gap: 14px !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root .lp-reg-field[b-4k12sink7z] {
    display: flex !important; flex-direction: column !important; gap: 5px !important;
    margin: 0 !important; padding: 0 !important;
}
/* Override app.css label rule inside modal */
.agos-login-root .lp-reg-field > label[b-4k12sink7z] {
    font-size: 11.5px !important; font-weight: 600 !important; color: var(--lp-text) !important;
    text-transform: uppercase !important; letter-spacing: .06em !important;
    display: block !important; margin: 0 0 2px 0 !important; padding: 0 !important;
    font-family: var(--lp-font-sans) !important;
}
/* Override app.css .form-control / .form-select inside modal */
.agos-login-root .lp-reg-field .form-control[b-4k12sink7z],
.agos-login-root .lp-reg-field .form-select[b-4k12sink7z] {
    height: 40px !important; font-size: 13.5px !important;
    border-radius: var(--lp-radius) !important; border: 1.5px solid var(--lp-border-form) !important;
    padding: 0 12px !important; font-family: var(--lp-font-sans) !important;
    color: var(--lp-text) !important; background: #ffffff !important;
    outline: none !important; box-shadow: none !important;
    appearance: none !important; -webkit-appearance: none !important;
    background-image: none !important; width: 100% !important;
    display: block !important; box-sizing: border-box !important; margin: 0 !important;
    transition: border-color .2s, box-shadow .2s !important;
}
.agos-login-root .lp-reg-field .form-select[b-4k12sink7z] {
    background-image: url("data:image/svg+xml;utf8,<svg fill='%235a6a85' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important; background-position: right 8px center !important;
    padding-right: 28px !important; cursor: pointer !important;
}
.agos-login-root .lp-reg-field .form-control:focus[b-4k12sink7z],
.agos-login-root .lp-reg-field .form-select:focus[b-4k12sink7z] {
    border-color: var(--lp-navy) !important; box-shadow: 0 0 0 3px rgba(0,56,168,.09) !important;
}

/* Show pw small — inside modal, override label */
.agos-login-root label.lp-show-pw-sm[b-4k12sink7z] {
    display: flex !important; align-items: center !important; gap: 7px !important;
    font-size: 12px !important; color: var(--lp-muted-dark) !important;
    cursor: pointer !important; user-select: none !important;
    text-transform: none !important; letter-spacing: normal !important; font-weight: 400 !important;
    margin: 0 !important; padding: 0 !important; font-family: var(--lp-font-sans) !important;
}
.agos-login-root label.lp-show-pw-sm input[type="checkbox"][b-4k12sink7z] {
    accent-color: var(--lp-navy) !important; width: 13px !important; height: 13px !important;
    cursor: pointer !important; margin: 0 !important; padding: 0 !important;
}
.agos-login-root label.lp-show-pw-sm span[b-4k12sink7z] {
    font-size: 12px !important; color: var(--lp-muted-dark) !important; text-transform: none !important;
}

.agos-login-root .lp-hint-text[b-4k12sink7z] {
    font-size: 13px !important; color: var(--lp-muted-dark) !important;
    line-height: 1.6 !important; margin: 0 0 18px 0 !important; font-weight: 400 !important;
    text-transform: none !important; display: block !important;
}

/* Override .hint-success */
.agos-login-root .lp-hint-success[b-4k12sink7z] {
    display: flex !important; align-items: flex-start !important; gap: 12px !important;
    padding: 16px !important; background: rgba(26,122,74,.07) !important;
    border: 1px solid rgba(26,122,74,.2) !important; border-left: 3px solid var(--lp-success) !important;
    border-radius: var(--lp-radius) !important; font-size: 13.5px !important;
    color: var(--lp-success) !important; line-height: 1.6 !important;
    text-transform: none !important; font-weight: 400 !important; margin: 0 !important;
}
.agos-login-root .lp-hint-success svg[b-4k12sink7z] { width: 20px !important; height: 20px !important; flex-shrink: 0 !important; margin-top: 2px !important; }
.agos-login-root .lp-hint-success strong[b-4k12sink7z] { font-weight: 700 !important; }

/* Modal buttons — override app.css btn height/padding/font */
.agos-login-root button.lp-btn-cancel[b-4k12sink7z] {
    height: 38px !important; padding: 0 18px !important;
    border: 1.5px solid var(--lp-border-form) !important; border-radius: var(--lp-radius) !important;
    background: #ffffff !important; font-size: 13.5px !important; font-weight: 600 !important;
    color: var(--lp-muted-dark) !important; cursor: pointer !important;
    font-family: var(--lp-font-sans) !important; white-space: nowrap !important; margin: 0 !important;
    transition: background .2s, border-color .2s, color .2s !important;
}
.agos-login-root button.lp-btn-cancel:hover[b-4k12sink7z] {
    border-color: var(--lp-navy) !important; color: var(--lp-navy) !important; background: #f0f4fa !important;
}
.agos-login-root button.lp-btn-primary[b-4k12sink7z] {
    height: 38px !important; padding: 0 18px !important;
    display: flex !important; align-items: center !important; gap: 7px !important;
    border: none !important; border-radius: var(--lp-radius) !important;
    background: var(--lp-navy) !important; color: #ffffff !important;
    font-size: 13.5px !important; font-weight: 700 !important; font-family: var(--lp-font-sans) !important;
    cursor: pointer !important; white-space: nowrap !important; margin: 0 !important;
    box-shadow: 0 2px 8px rgba(0,56,168,.25) !important;
    text-transform: none !important; letter-spacing: normal !important;
    transition: background .2s, box-shadow .2s, transform .2s !important;
}
.agos-login-root button.lp-btn-primary:hover[b-4k12sink7z] {
    background: var(--lp-navy-dark) !important; box-shadow: 0 4px 14px rgba(0,56,168,.35) !important;
    transform: translateY(-1px) !important;
}
.agos-login-root button.lp-btn-primary svg[b-4k12sink7z] { width: 14px !important; height: 14px !important; }
.agos-login-root button.lp-btn-primary span[b-4k12sink7z] { font-size: 13.5px !important; color: #ffffff !important; text-transform: none !important; }

/* ════════ TOAST ════════ */
.lp-toast[b-4k12sink7z] {
    position: fixed !important; bottom: 28px !important; right: 28px !important;
    background: #1a2744 !important; color: #ffffff !important; padding: 13px 20px !important;
    border-radius: 8px !important; font-size: 13.5px !important; font-weight: 500 !important;
    font-family: 'IBM Plex Sans', 'Segoe UI', sans-serif !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.22) !important; z-index: 99999 !important;
    opacity: 0 !important; transform: translateY(16px) !important;
    pointer-events: none !important; transition: opacity .22s ease, transform .22s ease !important;
    border-left: 3px solid #FCD116 !important;
}
.lp-toast.show[b-4k12sink7z] { opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; }

/* ════════ RESPONSIVE ════════ */
@media (max-width: 900px) {
    .agos-login-root .lp-brand[b-4k12sink7z] { display: none !important; }
    .agos-login-root .lp-form-panel[b-4k12sink7z] { width: 100% !important; min-width: 0 !important; }
}
@media (max-width: 480px) {
    .agos-login-root .lp-card[b-4k12sink7z] { padding: 24px 20px !important; }
    .agos-login-root .lp-form-gov-strip[b-4k12sink7z] { padding: 12px 20px !important; }
    .agos-login-root .lp-card-heading[b-4k12sink7z] { font-size: 22px !important; }
    .agos-login-root .lp-reg-grid[b-4k12sink7z] { grid-template-columns: 1fr !important; }
}
/* /Components/Pages/Support.razor.rz.scp.css */
/* ── PAGE CONTAINER ────────────────────────────────────────── */
.sc-page-container[b-2sfte1vj9o] {
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.sc-card-fill[b-2sfte1vj9o] {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── CHAT LAYOUT ──────────────────────────────────────────── */
.sc-layout[b-2sfte1vj9o] {
    flex: 1;
    min-height: 0;
    display: flex;
    overflow: hidden;
}

/* ── SIDEBAR ──────────────────────────────────────────────── */
.sc-sidebar[b-2sfte1vj9o] {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.sc-sidebar[b-2sfte1vj9o]::-webkit-scrollbar { width: 5px; }
.sc-sidebar[b-2sfte1vj9o]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.sc-sidebar[b-2sfte1vj9o]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }

/* ── CONTENT PANEL ────────────────────────────────────────── */
.sc-content[b-2sfte1vj9o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

/* ── CHAT MESSAGES ────────────────────────────────────────── */
[b-2sfte1vj9o] .chat-messages {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
[b-2sfte1vj9o] .chat-messages::-webkit-scrollbar { width: 7px; }
[b-2sfte1vj9o] .chat-messages::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
[b-2sfte1vj9o] .chat-messages::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
[b-2sfte1vj9o] .chat-messages::-webkit-scrollbar-thumb:hover { background: #5f6368; }

/* ── DETAIL HEADER ────────────────────────────────────────── */
.sc-detail-header[b-2sfte1vj9o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

/* ── BACK BUTTON ──────────────────────────────────────────── */
.sc-back-btn[b-2sfte1vj9o] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: var(--color-primary-light);
    color: var(--color-primary);
    cursor: pointer;
    flex-shrink: 0;
    transition: background .15s;
}
.sc-back-btn:hover[b-2sfte1vj9o] { background: var(--color-primary); color: white; }
.sc-back-btn .icon[b-2sfte1vj9o] {
    font-size: 18px;
    font-family: 'Material Symbols Outlined', sans-serif;
    line-height: 1;
}

/* ── EMPTY STATE ──────────────────────────────────────────── */
.sc-empty-state[b-2sfte1vj9o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 8px;
    color: var(--text-muted);
}

/* ── MOBILE ───────────────────────────────────────────────── */
@media (max-width: 768px) {
    .sc-layout[b-2sfte1vj9o] {
        position: relative;
        overflow: hidden;
    }
    .sc-sidebar[b-2sfte1vj9o] {
        width: 100% !important;
        border-right: none !important;
        flex-shrink: 0;
    }
    .sc-content[b-2sfte1vj9o] {
        position: absolute;
        inset: 0;
        background: white;
        z-index: 10;
    }
    .sc-mobile-hidden[b-2sfte1vj9o] {
        display: none !important;
    }
    .sc-mobile-visible[b-2sfte1vj9o] {
        display: flex !important;
    }
    .sc-back-btn[b-2sfte1vj9o] {
        display: inline-flex !important;
    }
    .sc-empty-state[b-2sfte1vj9o] {
        display: none;
    }
}
/* /Components/Pages/Trainings.razor.rz.scp.css */
/* ── TRAININGS SCROLL HOST ─────────────────────────────────── */
.trn-scroll-host[b-jqd6fzwkhs] {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.trn-scroll-host[b-jqd6fzwkhs]::-webkit-scrollbar { width: 7px; height: 8px; }
.trn-scroll-host[b-jqd6fzwkhs]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.trn-scroll-host[b-jqd6fzwkhs]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.trn-scroll-host[b-jqd6fzwkhs]::-webkit-scrollbar-thumb:hover { background: #5f6368; }

.trn-table-inner[b-jqd6fzwkhs] { min-width: 900px; width: 100%; }

.trn-row-active[b-jqd6fzwkhs] { background: var(--color-background-secondary) !important; }

.trn-child-row[b-jqd6fzwkhs] { background: var(--color-background-secondary); }
.trn-child-row td[b-jqd6fzwkhs] { border-top: none !important; padding-top: 4px !important; padding-bottom: 4px !important; }

.text-truncate-cell[b-jqd6fzwkhs] {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* /Components/Pages/Users/TechnicalAssistance.razor.rz.scp.css */
/* ── OVERALL RATING badge in header ──────────────────── */
.ta-overall-rating[b-dfk1jmy6ra] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #fff8e6;
    border: 1px solid #ffcc80;
    border-radius: 8px;
    padding: 5px 12px;
    font-size: 12px;
}
.ta-overall-label[b-dfk1jmy6ra] { font-weight: 600; color: #854d0e; }
.ta-overall-num[b-dfk1jmy6ra]   { font-size: 14px; font-weight: 700; color: #f59e0b; }
.ta-overall-sub[b-dfk1jmy6ra]   { font-size: 10.5px; color: var(--text-muted); }

/* ── STATUS PILLS ─────────────────────────────────────── */
.ta-status-pill[b-dfk1jmy6ra] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}
.ta-pill-pending[b-dfk1jmy6ra] { background: #fff3e0; color: #e37400; border: 1px solid #ffcc80; }
.ta-pill-done[b-dfk1jmy6ra]    { background: var(--color-success-light); color: var(--color-success); border: 1px solid #a8dab5; }

/* ── ACTION PILL BUTTONS ──────────────────────────────── */
.ta-action-pill[b-dfk1jmy6ra] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    transition: opacity .15s, transform .1s;
}
.ta-action-pill:hover[b-dfk1jmy6ra] { opacity: .8; transform: translateY(-1px); }
.ta-pill-pending-btn[b-dfk1jmy6ra] { background: #fff3e0; color: #e37400; border-color: #ffcc80; }
.ta-pill-pending-btn:hover[b-dfk1jmy6ra] { background: #ffe0b2; }
.ta-pill-done-btn[b-dfk1jmy6ra] { background: var(--color-success-light); color: var(--color-success); border-color: #a8dab5; }
.ta-pill-done-btn:hover[b-dfk1jmy6ra] { background: #c8e6c9; }

/* ── STARS ────────────────────────────────────────────── */
.ta-star-display-sm[b-dfk1jmy6ra] { display: flex; align-items: center; gap: 1px; }
.ta-star-sm[b-dfk1jmy6ra]         { font-size: 12px; line-height: 1; }
.ta-star-sm.full[b-dfk1jmy6ra]    { color: #f59e0b; }
.ta-star-sm.half[b-dfk1jmy6ra]    { color: #f59e0b; opacity: .6; }
.ta-star-sm.empty[b-dfk1jmy6ra]   { color: #d1d5db; }
.ta-star-lg .ta-star-sm[b-dfk1jmy6ra] { font-size: 18px; }
.ta-rating-num[b-dfk1jmy6ra] { font-size: 11px; font-weight: 600; color: var(--text-muted); margin-left: 4px; }

/* ── MODAL ────────────────────────────────────────────── */
.ta-modal[b-dfk1jmy6ra] { max-width: min(94vw, 560px) !important; }

/* ── DETAIL GRID ──────────────────────────────────────── */
.ta-detail-grid[b-dfk1jmy6ra] { display: grid; grid-template-columns: 130px 1fr; gap: 8px 12px; align-items: start; }
.ta-detail-label[b-dfk1jmy6ra] { font-size: 10.5px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: .4px; padding-top: 1px; }
.ta-detail-value[b-dfk1jmy6ra] { font-size: 12.5px; color: #1f2937; }

/* ── RATING DISPLAY ───────────────────────────────────── */
.ta-rating-display-block[b-dfk1jmy6ra] { background: #f8f9fa; border: 1px solid var(--border); border-radius: 8px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.ta-rating-display-label[b-dfk1jmy6ra] { font-size: 10.5px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .4px; }
.ta-rating-answers[b-dfk1jmy6ra] { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.ta-rating-answer-row[b-dfk1jmy6ra] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 0; border-bottom: 1px solid var(--border); }
.ta-rating-answer-row:last-child[b-dfk1jmy6ra] { border-bottom: none; }
.ta-rating-answer-q[b-dfk1jmy6ra] { font-size: 11.5px; color: #1f2937; flex: 1; }
.ta-rating-answer-stars[b-dfk1jmy6ra] { display: flex; align-items: center; gap: 3px; flex-shrink: 0; }
.ta-rating-comment[b-dfk1jmy6ra] { font-size: 12px; color: var(--text-muted); font-style: italic; padding-top: 4px; }
/* /Components/Pages/Users/UserProfiles.razor.rz.scp.css */
/* ── UserProfiles layout ──────────────────────────────────── */
.users-container[b-0qyw27mzqs] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
.up-body-host[b-0qyw27mzqs] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Employee table scroll ───────────────────────────────── */
.up-emp-scroll[b-0qyw27mzqs] {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.up-emp-scroll[b-0qyw27mzqs]::-webkit-scrollbar { width: 7px; height: 8px; }
.up-emp-scroll[b-0qyw27mzqs]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.up-emp-scroll[b-0qyw27mzqs]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.up-emp-scroll[b-0qyw27mzqs]::-webkit-scrollbar-thumb:hover { background: #5f6368; }
.up-emp-scroll[b-0qyw27mzqs]::-webkit-scrollbar-corner { background: #e8eaed; }
.up-emp-scroll table[b-0qyw27mzqs] { min-width: 560px; width: max-content; }

/* ── Vacancy host ────────────────────────────────────────── */
.up-vacancy-host[b-0qyw27mzqs] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Vacancy table scroll ────────────────────────────────── */
.up-vacancy-scroll[b-0qyw27mzqs] {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #9aa0a6 #e8eaed;
}
.up-vacancy-scroll[b-0qyw27mzqs]::-webkit-scrollbar { width: 7px; height: 8px; }
.up-vacancy-scroll[b-0qyw27mzqs]::-webkit-scrollbar-track { background: #e8eaed; border-radius: 4px; }
.up-vacancy-scroll[b-0qyw27mzqs]::-webkit-scrollbar-thumb { background: #9aa0a6; border-radius: 4px; }
.up-vacancy-scroll[b-0qyw27mzqs]::-webkit-scrollbar-thumb:hover { background: #5f6368; }
.up-vacancy-scroll[b-0qyw27mzqs]::-webkit-scrollbar-corner { background: #e8eaed; }
.up-vacancy-scroll .position-table[b-0qyw27mzqs] { min-width: 900px; width: 100%; }