/* =========================================================
   ASK STUDIO — GLOBAL LIGHT THEME
========================================================= */

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

html[data-theme="light"]{

    --ask-bg-main:#f3f6fb;
    --ask-bg-soft:#eef2f8;
    --ask-bg-card:#ffffff;
    --ask-bg-card-soft:#f8fafc;

    --ask-text-main:#182033;
    --ask-text-secondary:#4d5870;
    --ask-text-muted:#78839a;

    --ask-border:#dfe5ef;
    --ask-border-strong:#cfd7e5;

    --ask-gold:#b7891d;
    --ask-gold-soft:#d6b55a;

    --ask-shadow:
        0 18px 45px
        rgba(35,48,79,.10);

}


/* =========================
   PAGE BASE
========================= */

html[data-theme="light"] body{

    background:
        linear-gradient(
            145deg,
            #f5f7fb,
            #edf2f8
        );

    color:
        var(--ask-text-main);

}


/* =========================
   BACKGROUND EFFECTS
========================= */

html[data-theme="light"] .bg-image{

    opacity:.05;
    filter:
        grayscale(1)
        brightness(1.5);

}

html[data-theme="light"] .grid-bg{

    opacity:.10;

}


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

html[data-theme="light"] .sidebar{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(245,248,252,.98)
        ) !important;

    border-right:
        1px solid
        var(--ask-border) !important;

    box-shadow:
        10px 0 35px
        rgba(31,44,74,.08);

}

/* ==========================================
   SIDEBAR THEME BUTTON
========================================== */

.theme-toggle-btn{
    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;
    flex-shrink:0;

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

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

    color:#ffffff;

    cursor:pointer;

    transition:.25s ease;
}

.theme-toggle-btn i{
    font-size:20px;
    line-height:1;

    margin:0;
    padding:0;
}

.theme-toggle-btn:hover{
    transform:translateY(-2px);

    color:#f6de89;

    border-color:rgba(246,222,137,.28);

    background:rgba(246,222,137,.08);
}


/* =========================
   BRAND
========================= */

html[data-theme="light"] .brand h2{

    color:
        var(--ask-text-main) !important;

}

html[data-theme="light"] .brand p{

    color:
        var(--ask-text-muted) !important;

}

html[data-theme="light"] .brand-icon{

    background:
        linear-gradient(
            135deg,
            #d4ac45,
            #a87b12
        ) !important;

    color:#fff !important;

}


/* =========================
   SIDEBAR SEARCH
========================= */

html[data-theme="light"] .search-box{

    background:
        #ffffff !important;

    border:
        1px solid
        var(--ask-border) !important;

    box-shadow:
        0 8px 20px
        rgba(35,48,79,.05);

}

html[data-theme="light"] .search-box i{

    color:
        var(--ask-text-muted) !important;

}

html[data-theme="light"] .search-box input{

    color:
        var(--ask-text-main) !important;

}

html[data-theme="light"] .search-box input::placeholder{

    color:
        #9aa4b6 !important;

}


/* =========================
   NAVIGATION
========================= */

html[data-theme="light"] .nav-link,
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .submenu a{

    color:
        var(--ask-text-secondary) !important;

}

html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .menu-toggle:hover,
html[data-theme="light"] .submenu a:hover{

    background:
        rgba(183,137,29,.08) !important;

    color:
        var(--ask-gold) !important;

}

html[data-theme="light"]
.menu-group.active-group >
.menu-toggle{

    background:
        linear-gradient(
            135deg,
            rgba(214,181,90,.18),
            rgba(255,255,255,.92)
        ) !important;

    color:
        var(--ask-gold) !important;

    border-color:
        rgba(183,137,29,.18) !important;

    box-shadow:
        0 10px 24px
        rgba(183,137,29,.08) !important;

}

html[data-theme="light"]
.submenu a.active-sub{

    background:
        linear-gradient(
            135deg,
            rgba(214,181,90,.16),
            rgba(255,255,255,.90)
        ) !important;

    color:
        var(--ask-gold) !important;

    border-color:
        rgba(183,137,29,.18) !important;

}


/* =========================
   USER CARD
========================= */

html[data-theme="light"] .user-card{

    background:#ffffff !important;

    border:
        1px solid
        var(--ask-border) !important;

    box-shadow:
        0 10px 24px
        rgba(35,48,79,.06);

}

html[data-theme="light"] .user-card h4{

    color:
        var(--ask-text-main) !important;

}

html[data-theme="light"] .user-card p{

    color:
        var(--ask-text-muted) !important;

}

html[data-theme="light"] .sidebar-logout-btn{

    color:
        var(--ask-text-secondary) !important;

}


/* =========================
   CLOUD STATUS
========================= */

html[data-theme="light"] .cloud-status{

    color:
        #3c7a5d !important;

    background:
        rgba(74,155,112,.08) !important;

    border-color:
        rgba(74,155,112,.16) !important;

}


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

html[data-theme="light"] .main-content{

    color:
        var(--ask-text-main);

}


/* =========================
   COMMON HEADINGS
========================= */

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6{

    color:
        var(--ask-text-main);

}

html[data-theme="light"] p{

    color:
        var(--ask-text-secondary);

}


/* =========================
   COMMON GLASS CARDS
========================= */

html[data-theme="light"] .site-panel,
html[data-theme="light"] .site-kpi-card,
html[data-theme="light"] .visit-card,
html[data-theme="light"] .site-ai-card,
html[data-theme="light"] .dashboard-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .card{

    background:
        #ffffff !important;

    border:
        1px solid
        var(--ask-border) !important;

    box-shadow:
        var(--ask-shadow) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

}


/* =========================
   CARD TEXT
========================= */

html[data-theme="light"] .site-kpi-card span,
html[data-theme="light"] .site-kpi-card p,
html[data-theme="light"] .visit-card p,
html[data-theme="light"] .panel-head span{

    color:
        var(--ask-text-muted) !important;

}

html[data-theme="light"] .panel-head h2,
html[data-theme="light"] .visit-card h3{

    color:
        var(--ask-text-main) !important;

}


/* =========================
   COMMON INPUTS
========================= */

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{

    background:
        #ffffff !important;

    color:
        var(--ask-text-main) !important;

    border:
        1px solid
        var(--ask-border-strong) !important;

    box-shadow:none !important;

}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{

    color:
        #98a2b3 !important;

}

html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{

    border-color:
        rgba(183,137,29,.55) !important;

    box-shadow:
        0 0 0 4px
        rgba(183,137,29,.08) !important;

}


/* =========================
   LABELS
========================= */

html[data-theme="light"] label{

    color:
        var(--ask-text-main) !important;

}


/* =========================
   MODALS / DRAWERS
========================= */

html[data-theme="light"] .visit-modal-box,
html[data-theme="light"] .visit-drawer-panel,
html[data-theme="light"] .photo-viewer-box,
html[data-theme="light"] .modal-box,
html[data-theme="light"] .drawer-panel{

    background:
        #f8fafc !important;

    color:
        var(--ask-text-main) !important;

    border-color:
        var(--ask-border) !important;

    box-shadow:
        0 28px 80px
        rgba(35,48,79,.18) !important;

}

html[data-theme="light"] .visit-modal-head,
html[data-theme="light"] .modal-head{

    background:
        rgba(255,255,255,.97) !important;

    border-bottom:
        1px solid
        var(--ask-border) !important;

}

html[data-theme="light"] .visit-drawer-head p,
html[data-theme="light"] .visit-modal-head p{

    color:
        var(--ask-text-muted) !important;

}


/* =========================
   INNER MODAL CARDS
========================= */

html[data-theme="light"] .visit-info-grid div,
html[data-theme="light"] .visit-note-box,
html[data-theme="light"] .visit-issue-list div,
html[data-theme="light"] .visit-photo-grid div,
html[data-theme="light"] .visit-attendee-row,
html[data-theme="light"] .visit-issue-row{

    background:
        #ffffff !important;

    border:
        1px solid
        var(--ask-border) !important;

    color:
        var(--ask-text-secondary) !important;

}


/* =========================
   EMPTY STATES
========================= */

html[data-theme="light"] .site-empty-state,
html[data-theme="light"] .visit-dynamic-empty{

    background:
        #f8fafc !important;

    color:
        var(--ask-text-muted) !important;

    border-color:
        var(--ask-border) !important;

}


/* =========================
   TABLES
========================= */

html[data-theme="light"] table{

    color:
        var(--ask-text-main);

}

html[data-theme="light"] thead{

    background:
        #f3f6fa !important;

}

html[data-theme="light"] th{

    color:
        var(--ask-text-secondary) !important;

    border-bottom-color:
        var(--ask-border) !important;

}

html[data-theme="light"] td{

    color:
        var(--ask-text-main) !important;

    border-bottom-color:
        var(--ask-border) !important;

}

html[data-theme="light"] tbody tr:hover{

    background:
        rgba(183,137,29,.04) !important;

}


/* =========================
   BUTTONS
========================= */

html[data-theme="light"] button{

    border-color:
        var(--ask-border);

}

html[data-theme="light"] .new-visit-btn,
html[data-theme="light"] .visit-save-btn,
html[data-theme="light"] .primary-btn{

    background:
        linear-gradient(
            135deg,
            #d8b95f,
            #b48516
        ) !important;

    color:
        #1b1608 !important;

}


/* =========================
   SCROLLBARS
========================= */

html[data-theme="light"] *::-webkit-scrollbar-track{

    background:
        #edf1f6;

}

html[data-theme="light"] *::-webkit-scrollbar-thumb{

    background:
        linear-gradient(
            180deg,
            #d8b95f,
            #aa7d16
        );

}


/* =========================
   PHOTO VIEWER
========================= */

html[data-theme="light"] .photo-viewer-image{

    background:
        #ffffff !important;

    border-color:
        var(--ask-border) !important;

}


/* =========================
   TOASTS
========================= */

html[data-theme="light"] .site-visit-toast{

    box-shadow:
        0 18px 45px
        rgba(35,48,79,.18) !important;

}


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

@media(max-width:768px){

    html[data-theme="light"] .sidebar{

        box-shadow:
            10px 0 30px
            rgba(35,48,79,.12);

    }

}


/* =========================================================
   ASK STUDIO LOGIN — CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS UNCHANGED
========================================================= */

/* =========================
   CLEAN WHITE PAGE
========================= */

html[data-theme="light"] body{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] body::before,
html[data-theme="light"] body::after,
html[data-theme="light"] .grid-bg,
html[data-theme="light"] .main-layout::after{
    display:none !important;
}

html[data-theme="light"] .left-side,
html[data-theme="light"] .right-side,
html[data-theme="light"] .main-layout{
    background:#ffffff !important;
}

html[data-theme="light"] .left-side::before,
html[data-theme="light"] .left-side::after,
html[data-theme="light"] .right-side::before{
    display:none !important;
}


/* =========================
   GLOBAL LOGIN TEXT
========================= */

html[data-theme="light"] .logo-box h1,
html[data-theme="light"] .login-card h1,
html[data-theme="light"] .login-card h4,
html[data-theme="light"] .login-card h3,
html[data-theme="light"] .login-card label,
html[data-theme="light"] .wheel-label h2,
html[data-theme="light"] .active-role h3{
    color:#111111 !important;
}

html[data-theme="light"] .logo-box p,
html[data-theme="light"] .sub-title,
html[data-theme="light"] .wheel-label p,
html[data-theme="light"] .active-role small,
html[data-theme="light"] .card-footer,
html[data-theme="light"] .remember span{
    color:#666666 !important;
}


/* =========================
   COMPANY LOGO
========================= */

html[data-theme="light"] .logo-icon{
    background:
        linear-gradient(
            135deg,
            #f8df88,
            #c99725
        ) !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(173,126,20,.45) !important;

    box-shadow:
        0 12px 30px
        rgba(173,126,20,.18) !important;
}


/* =========================
   LIGHT MODE BUTTON
========================= */

html[data-theme="light"] .top-btn{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        #b8891f !important;

    box-shadow:
        0 10px 28px
        rgba(184,137,31,.12) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .top-btn i{
    color:#b8891f !important;
}

html[data-theme="light"] .top-btn:hover{
    background:#fffaf0 !important;
    color:#111111 !important;

    border-color:#9d7216 !important;

    box-shadow:
        0 14px 34px
        rgba(184,137,31,.20) !important;
}


/* =========================
   CLEAN LOGIN CARD
========================= */

html[data-theme="light"] .login-card,
html[data-theme="light"] .login-card.admin-theme,
html[data-theme="light"] .login-card.staff-theme,
html[data-theme="light"] .login-card.engineer-theme,
html[data-theme="light"] .login-card.client-theme{
    background:#ffffff !important;
    background-color:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.50) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    box-shadow:
        0 24px 65px
        rgba(26,32,44,.12),
        0 0 0 1px
        rgba(184,137,31,.05) !important;
}

html[data-theme="light"] .login-card::before,
html[data-theme="light"] .login-card::after{
    display:none !important;
}

html[data-theme="light"] .login-card:hover,
html[data-theme="light"] .login-card.admin-theme:hover,
html[data-theme="light"] .login-card.staff-theme:hover,
html[data-theme="light"] .login-card.engineer-theme:hover,
html[data-theme="light"] .login-card.client-theme:hover{
    transform:
        translateY(-4px)
        scale(1.006);

    box-shadow:
        0 30px 78px
        rgba(26,32,44,.15),
        0 0 30px
        rgba(184,137,31,.12) !important;
}


/* =========================
   ACTIVE ROLE
========================= */

html[data-theme="light"] .active-role{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.35) !important;

    box-shadow:
        0 10px 26px
        rgba(26,32,44,.06) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .role-icon,
html[data-theme="light"] .role-icon.staff-role,
html[data-theme="light"] .role-icon.engineer-role,
html[data-theme="light"] .role-icon.client-role{
    color:#b8891f !important;

    background:#fff9e8 !important;

    border:
        1px solid
        rgba(184,137,31,.42) !important;
}

html[data-theme="light"] .active-role > i{
    color:#b8891f !important;
}


/* =========================
   FORM INPUTS
========================= */

html[data-theme="light"] .input-box{
    background:#ffffff !important;

    border:
        1px solid
        #d8c28b !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    box-shadow:none !important;
}

html[data-theme="light"] .input-box:hover{
    background:#ffffff !important;

    border-color:
        #b8891f !important;
}

html[data-theme="light"] .input-box:focus-within{
    background:#ffffff !important;

    border-color:
        #b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.10) !important;
}

html[data-theme="light"] .input-box input{
    background:transparent !important;
    color:#111111 !important;
    caret-color:#b8891f !important;
}

html[data-theme="light"] .input-box input::placeholder{
    color:#8c8c8c !important;
}

html[data-theme="light"] .input-box i{
    color:#9b761f !important;
}

html[data-theme="light"] .options a{
    color:#9b7014 !important;
}


/* =========================
   CHECKBOX
========================= */

html[data-theme="light"] .remember input{
    accent-color:#b8891f;
}


/* =========================
   LOGIN BUTTON
========================= */

html[data-theme="light"] .login-btn,
html[data-theme="light"] .login-btn.admin-btn,
html[data-theme="light"] .login-btn.staff-btn,
html[data-theme="light"] .login-btn.engineer-btn,
html[data-theme="light"] .login-btn.client-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 14px 32px
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .login-btn:hover{
    box-shadow:
        0 18px 40px
        rgba(184,137,31,.30) !important;
}


/* =========================
   ROLE WHEEL — REMOVE COLORS
========================= */

html[data-theme="light"] .wheel-wrapper::before{
    display:none !important;
}

html[data-theme="light"] .wheel-ring-svg{
    stroke:
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .admin-seg,
html[data-theme="light"] .staff-seg,
html[data-theme="light"] .engineer-seg,
html[data-theme="light"] .client-seg{
    fill:
        rgba(255,255,255,.96) !important;

    stroke:
        #b8891f !important;

    filter:
        drop-shadow(
            0 8px 14px
            rgba(26,32,44,.08)
        );
}

html[data-theme="light"] .admin-seg:hover,
html[data-theme="light"] .staff-seg:hover,
html[data-theme="light"] .engineer-seg:hover,
html[data-theme="light"] .client-seg:hover,
html[data-theme="light"] .seg.active-slice{
    fill:#fff9e8 !important;

    stroke:#9b7014 !important;

    filter:
        drop-shadow(
            0 12px 22px
            rgba(184,137,31,.22)
        ) !important;
}


/* =========================
   WHEEL LABELS
========================= */

html[data-theme="light"] .admin-label,
html[data-theme="light"] .staff-label,
html[data-theme="light"] .engineer-label,
html[data-theme="light"] .client-label{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .wheel-label i{
    color:#b8891f !important;
}

html[data-theme="light"] .wheel-label.active-label{
    filter:none !important;
}

html[data-theme="light"] .wheel-label.active-label i{
    color:#9b7014 !important;
}


/* =========================
   CENTER CIRCLE
========================= */

html[data-theme="light"] .center-circle{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    box-shadow:
        0 18px 40px
        rgba(184,137,31,.22) !important;

    animation:none !important;
}

html[data-theme="light"] .inner-circle{
    background:#ffffff !important;

    border:
        2px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .inner-circle h1{
    color:#111111 !important;
}

html[data-theme="light"] .inner-circle span{
    color:#777777 !important;
}


/* =========================
   AUTOFILL FIX
========================= */

html[data-theme="light"]
.input-box input:-webkit-autofill,
html[data-theme="light"]
.input-box input:-webkit-autofill:hover,
html[data-theme="light"]
.input-box input:-webkit-autofill:focus,
html[data-theme="light"]
.input-box input:-webkit-autofill:active{
    -webkit-text-fill-color:
        #111111 !important;

    -webkit-box-shadow:
        0 0 0 1000px
        #ffffff inset !important;

    box-shadow:
        0 0 0 1000px
        #ffffff inset !important;
}


/* =========================
   FORGOT PASSWORD MODAL
========================= */

html[data-theme="light"] .forgot-popup,
html[data-theme="light"] .message-popup{
    background:
        rgba(25,30,40,.30) !important;
}

html[data-theme="light"] .forgot-box,
html[data-theme="light"] .message-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.42) !important;

    box-shadow:
        0 25px 75px
        rgba(26,32,44,.18) !important;
}

html[data-theme="light"] .forgot-box h2,
html[data-theme="light"] .message-box h3{
    color:#111111 !important;
}

html[data-theme="light"] .forgot-box p,
html[data-theme="light"] .message-box p{
    color:#666666 !important;
}

html[data-theme="light"] .forgot-close{
    color:#111111 !important;
}


/* =========================
   MOBILE BACK BUTTON
========================= */

html[data-theme="light"] .back-to-wheel{
    background:#ffffff !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.40) !important;
}


/* =========================================================
   SAAS ACCESS / DEMO / SUBSCRIPTION
   CLEAN PREMIUM LIGHT MODE
========================================================= */


/* =========================
   GET ACCESS TOP BUTTON
========================= */

html[data-theme="light"] .access-top-btn{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        #b8891f !important;

    box-shadow:
        0 10px 28px
        rgba(184,137,31,.12) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .access-top-btn i{
    color:#b8891f !important;
}

html[data-theme="light"] .access-top-btn:hover{
    background:#fffaf0 !important;

    color:#111111 !important;

    border-color:#9d7216 !important;

    box-shadow:
        0 14px 34px
        rgba(184,137,31,.20) !important;
}


/* =========================
   POPUP OVERLAY
========================= */

html[data-theme="light"] .access-popup{
    background:
        rgba(25,30,40,.30) !important;

    backdrop-filter:
        blur(12px) !important;

    -webkit-backdrop-filter:
        blur(12px) !important;
}


/* =========================
   MAIN ACCESS MODAL
========================= */

html[data-theme="light"] .access-modal,
html[data-theme="light"] .registration-modal{
    background:#ffffff !important;
    background-color:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.48) !important;

    box-shadow:
        0 25px 75px
        rgba(26,32,44,.18),
        0 0 0 1px
        rgba(184,137,31,.05) !important;

    color:#111111 !important;
}


/* =========================
   MODAL HEADER
========================= */

html[data-theme="light"] .access-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .access-modal-head p{
    color:#666666 !important;
}

html[data-theme="light"] .access-eyebrow{
    color:#9b7014 !important;
}


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

html[data-theme="light"] .access-main-icon,
html[data-theme="light"] .demo-main-icon,
html[data-theme="light"] .subscription-main-icon{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.42) !important;

    box-shadow:
        0 14px 32px
        rgba(184,137,31,.18) !important;
}


/* =========================
   CLOSE BUTTON
========================= */

html[data-theme="light"] .access-close{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.38) !important;

    box-shadow:
        0 6px 18px
        rgba(26,32,44,.06) !important;
}

html[data-theme="light"] .access-close i{
    color:#9b7014 !important;
}

html[data-theme="light"] .access-close:hover{
    background:#fff9e8 !important;

    color:#111111 !important;

    border-color:#b8891f !important;
}


/* =========================
   BACK BUTTON
========================= */

html[data-theme="light"] .access-back-btn{
    background:#ffffff !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.40) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .access-back-btn i{
    color:#9b7014 !important;
}

html[data-theme="light"] .access-back-btn:hover{
    background:#fff9e8 !important;

    border-color:#b8891f !important;
}


/* =========================
   ACCESS OPTION CARDS
========================= */

html[data-theme="light"] .access-option-card{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.38) !important;

    box-shadow:
        0 12px 30px
        rgba(26,32,44,.07) !important;
}

html[data-theme="light"] .access-option-card:hover{
    background:#fffaf0 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 18px 42px
        rgba(26,32,44,.11),
        0 0 24px
        rgba(184,137,31,.10) !important;
}


/* =========================
   OPTION ICONS
========================= */

html[data-theme="light"] .access-option-icon,
html[data-theme="light"] .demo-icon,
html[data-theme="light"] .subscription-icon{
    background:#fff9e8 !important;

    color:#b8891f !important;

    border:
        1px solid
        rgba(184,137,31,.42) !important;
}


/* =========================
   OPTION CONTENT
========================= */

html[data-theme="light"] .access-option-title span{
    color:#111111 !important;
}

html[data-theme="light"] .access-option-title strong{
    color:#9b7014 !important;

    background:#fff9e8 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .access-option-content p{
    color:#666666 !important;
}

html[data-theme="light"] .access-option-link{
    color:#9b7014 !important;
}

html[data-theme="light"] .access-option-link i{
    color:#b8891f !important;
}


/* =========================
   FORM LABELS
========================= */

html[data-theme="light"] .access-form-group label{
    color:#111111 !important;
}


/* =========================
   FORM INPUT BOX
========================= */

html[data-theme="light"] .access-input{
    background:#ffffff !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .access-input:hover{
    background:#ffffff !important;

    border-color:
        #b8891f !important;
}

html[data-theme="light"] .access-input:focus-within{
    background:#ffffff !important;

    border-color:
        #b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.10) !important;
}


/* =========================
   INPUT TEXT
========================= */

html[data-theme="light"] .access-input input{
    background:transparent !important;

    color:#111111 !important;

    caret-color:#b8891f !important;
}

html[data-theme="light"] .access-input input::placeholder{
    color:#8c8c8c !important;
}

html[data-theme="light"] .access-input i{
    color:#9b761f !important;
}


/* =========================
   BILLING OPTIONS
========================= */

html[data-theme="light"] .billing-option span{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .billing-option span:hover{
    background:#fffaf0 !important;

    border-color:#b8891f !important;
}

html[data-theme="light"]
.billing-option input:checked + span{
    background:#fff9e8 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 0 0 3px
        rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .billing-option i{
    color:#b8891f !important;
}

html[data-theme="light"] .billing-option strong{
    color:#111111 !important;
}

html[data-theme="light"] .billing-option small{
    color:#666666 !important;
}


/* =========================
   TRIAL INFORMATION
========================= */

html[data-theme="light"] .trial-info-strip{
    background:#fffaf0 !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .trial-info-strip i{
    color:#b8891f !important;
}


/* =========================
   MANUAL PAYMENT NOTE
========================= */

html[data-theme="light"] .manual-payment-note{
    background:#fffaf0 !important;

    color:#555555 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .manual-payment-note i{
    color:#b8891f !important;
}

html[data-theme="light"] .manual-payment-note strong{
    color:#9b7014 !important;
}


/* =========================
   SUBMIT BUTTON
========================= */

html[data-theme="light"] .access-submit-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    border:none !important;

    box-shadow:
        0 14px 32px
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .access-submit-btn i{
    color:#111111 !important;
}

html[data-theme="light"] .access-submit-btn:hover{
    box-shadow:
        0 18px 40px
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .access-submit-btn:disabled{
    opacity:.55 !important;
}


/* =========================
   AUTOFILL FIX
========================= */

html[data-theme="light"]
.access-input input:-webkit-autofill,

html[data-theme="light"]
.access-input input:-webkit-autofill:hover,

html[data-theme="light"]
.access-input input:-webkit-autofill:focus,

html[data-theme="light"]
.access-input input:-webkit-autofill:active{

    -webkit-text-fill-color:
        #111111 !important;

    -webkit-box-shadow:
        0 0 0 1000px
        #ffffff inset !important;

    box-shadow:
        0 0 0 1000px
        #ffffff inset !important;
}

/* =========================================================
   ASK STUDIO DASHBOARD — CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS UNCHANGED
========================================================= */

/* =========================
   WHITE PAGE BACKGROUND
========================= */

html[data-theme="light"] body{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .bg-image,
html[data-theme="light"] .grid-bg,
html[data-theme="light"] .dashboard-layout::before{
    display:none !important;
}

html[data-theme="light"] .dashboard-layout,
html[data-theme="light"] .main-content{
    background:#ffffff !important;
}


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

html[data-theme="light"] .sidebar{
    background:#ffffff !important;

    border-right:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        10px 0 34px
        rgba(28,34,44,.07) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .sidebar::before{
    display:none !important;
}

html[data-theme="light"] .brand h2,
html[data-theme="light"] .user-card h4{
    color:#111111 !important;
}

html[data-theme="light"] .brand p,
html[data-theme="light"] .user-card p{
    color:#666666 !important;
}

html[data-theme="light"] .brand-icon,
html[data-theme="light"] .user-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.38) !important;

    box-shadow:
        0 10px 25px
        rgba(184,137,31,.15) !important;
}


/* =========================
   SEARCH
========================= */

html[data-theme="light"] .search-box{
    background:#ffffff !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .search-box input{
    color:#111111 !important;
}

html[data-theme="light"] .search-box input::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .search-box i{
    color:#9b7014 !important;
}


/* =========================
   SIDEBAR NAVIGATION
========================= */

html[data-theme="light"] .nav-link,
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .submenu a{
    color:#333333 !important;
}

html[data-theme="light"] .menu-toggle{
    background:#ffffff !important;

    border:
        1px solid
        transparent !important;
}

html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .menu-toggle:hover,
html[data-theme="light"] .submenu a:hover{
    color:#9b7014 !important;

    background:#fff9e8 !important;

    box-shadow:none !important;
}

html[data-theme="light"]
.menu-group.active-group >
.menu-toggle,
html[data-theme="light"]
.nav-link.active,
html[data-theme="light"]
.submenu a.active-sub{
    color:#9b7014 !important;

    background:
        linear-gradient(
            135deg,
            #fff9e8,
            #ffffff
        ) !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 8px 22px
        rgba(184,137,31,.08) !important;
}

html[data-theme="light"]
.menu-group.active-group >
.menu-toggle::before,
html[data-theme="light"]
.nav-link.active::before{
    display:none !important;
}

html[data-theme="light"]
.menu-group.active-group >
.menu-toggle::after,
html[data-theme="light"]
.nav-link.active::after{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .nav-title{
    color:#666666 !important;
}

html[data-theme="light"] .nav-title::before{
    background:#b8891f !important;
    box-shadow:none !important;
}


/* =========================
   USER / CLOUD STATUS
========================= */

html[data-theme="light"] .user-card{
    border-top:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .sidebar-logout-btn,
html[data-theme="light"] .user-card i{
    color:#444444 !important;
}

html[data-theme="light"] .cloud-status{
    background:#ffffff !important;

    color:#31684d !important;

    border:
        1px solid
        rgba(49,104,77,.24) !important;

    box-shadow:none !important;
}


/* =========================
   TOPBAR
========================= */

html[data-theme="light"] .topbar h1{
    color:#111111 !important;
}

html[data-theme="light"] .topbar p{
    color:#666666 !important;
}

html[data-theme="light"] .top-icon,
html[data-theme="light"] .top-actions button,
html[data-theme="light"] .small-btn{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:
        0 8px 22px
        rgba(28,34,44,.07) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .top-icon i{
    color:#9b7014 !important;
}

html[data-theme="light"] .top-icon:hover,
html[data-theme="light"] .top-actions button:hover,
html[data-theme="light"] .small-btn:hover{
    background:#fff9e8 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.14) !important;
}

html[data-theme="light"] .top-actions .ask-ai{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   KPI CARDS — REMOVE COLORS
========================= */

html[data-theme="light"] .kpi-card,
html[data-theme="light"] .panel{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .kpi-card::before,
html[data-theme="light"] .panel::before{
    display:none !important;
}

html[data-theme="light"] .kpi-card:hover,
html[data-theme="light"] .panel:hover,
html[data-theme="light"] .kpi-card.gold:hover,
html[data-theme="light"] .kpi-card.green:hover,
html[data-theme="light"] .kpi-card.red:hover,
html[data-theme="light"] .kpi-card.blue:hover,
html[data-theme="light"] .kpi-card.orange:hover,
html[data-theme="light"] .kpi-card.purple:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11),
        0 0 25px
        rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .kpi-card.gold,
html[data-theme="light"] .kpi-card.green,
html[data-theme="light"] .kpi-card.red,
html[data-theme="light"] .kpi-card.blue,
html[data-theme="light"] .kpi-card.orange,
html[data-theme="light"] .kpi-card.purple{
    border-top:
        2px solid
        #b8891f !important;
}

html[data-theme="light"] .kpi-card h2,
html[data-theme="light"] .kpi-card p,
html[data-theme="light"] .kpi-card span{
    color:#111111 !important;
}

html[data-theme="light"] .kpi-card p,
html[data-theme="light"] .kpi-card span{
    color:#666666 !important;
}

html[data-theme="light"] .kpi-icon{
    background:#fff9e8 !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}


/* =========================
   SPARKLINES
========================= */

html[data-theme="light"] .sparkline polyline,
html[data-theme="light"] .gold-line polyline,
html[data-theme="light"] .green-line polyline,
html[data-theme="light"] .red-line polyline,
html[data-theme="light"] .blue-line polyline,
html[data-theme="light"] .orange-line polyline,
html[data-theme="light"] .purple-line polyline{
    stroke:#b8891f !important;
}


/* =========================
   PANEL TEXT
========================= */

html[data-theme="light"] .panel-head h3,
html[data-theme="light"] .panel h4,
html[data-theme="light"] .project-top h4,
html[data-theme="light"] .dashboard-meeting-item h4{
    color:#111111 !important;
}

html[data-theme="light"] .panel-head p,
html[data-theme="light"] .project-top p,
html[data-theme="light"] .project-bottom small,
html[data-theme="light"] .recent-project-item p,
html[data-theme="light"] .team-info p,
html[data-theme="light"] .dashboard-meeting-date span,
html[data-theme="light"] .dashboard-meeting-item p{
    color:#666666 !important;
}


/* =========================
   PROJECT COMMAND WHEEL
========================= */

html[data-theme="light"] .radar-widget{
    background:#ffffff !important;
}

html[data-theme="light"] .dash-wheel-ring{
    stroke:
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .dash-gold,
html[data-theme="light"] .dash-blue,
html[data-theme="light"] .dash-green,
html[data-theme="light"] .dash-purple{
    fill:#ffffff !important;
    stroke:#b8891f !important;
}

html[data-theme="light"] .dash-seg:hover{
    fill:#fff9e8 !important;

    stroke:#9b7014 !important;

    filter:
        drop-shadow(
            0 8px 18px
            rgba(184,137,31,.18)
        ) !important;
}

html[data-theme="light"] .dash-wheel-center{
    background:#ffffff !important;

    border:
        2px solid
        #b8891f !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.14) !important;

    animation:none !important;
}

html[data-theme="light"] .dash-wheel-center h2,
html[data-theme="light"] .dash-wheel-label h4{
    color:#111111 !important;
}

html[data-theme="light"] .dash-wheel-center span,
html[data-theme="light"] .dash-wheel-label small{
    color:#666666 !important;
}

html[data-theme="light"] .dash-wheel-label,
html[data-theme="light"] .dash-wheel-label i{
    color:#9b7014 !important;
}


/* =========================
   PROJECT CARDS
========================= */

html[data-theme="light"] .project-tabs{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .project-tab{
    color:#444444 !important;
}

html[data-theme="light"] .project-tab.active{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:none !important;
}

html[data-theme="light"] .project-box,
html[data-theme="light"] .recent-project-item{
    background:#ffffff !important;

    border-color:
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-top strong,
html[data-theme="light"] .project-bottom strong,
html[data-theme="light"] .status-blue,
html[data-theme="light"] .status-gold,
html[data-theme="light"] .status-green{
    color:#9b7014 !important;
}

html[data-theme="light"] .recent-project-img{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:none !important;
}


/* =========================
   PROGRESS / PIPELINE
========================= */

html[data-theme="light"] .progress-line,
html[data-theme="light"] .lead-row div,
html[data-theme="light"] .team-bar{
    background:#eee8d8 !important;
}

html[data-theme="light"] .progress-line span,
html[data-theme="light"] .lead-row small,
html[data-theme="light"] .team-bar span{
    background:
        linear-gradient(
            90deg,
            #f6de89,
            #b8891f
        ) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .progress-text,
html[data-theme="light"] .lead-row strong,
html[data-theme="light"] .pipeline-value strong,
html[data-theme="light"] .team-performance span{
    color:#9b7014 !important;
}


/* =========================
   REVENUE
========================= */

html[data-theme="light"] .bar-chart{
    border-bottom-color:
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .bar-chart div{
    background:
        linear-gradient(
            180deg,
            #d7b653,
            #f8edcb
        ) !important;
}

html[data-theme="light"] .bar-chart span,
html[data-theme="light"] .revenue-footer p{
    color:#666666 !important;
}

html[data-theme="light"] .revenue-footer strong,
html[data-theme="light"] .red-text{
    color:#9b7014 !important;
}

html[data-theme="light"] .revenue-filter{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .revenue-filter option{
    background:#ffffff !important;
    color:#111111 !important;
}


/* =========================
   ALERTS — REMOVE NEON COLORS
========================= */

html[data-theme="light"] .alert-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .alert-card strong,
html[data-theme="light"] .alert-card:nth-child(2) strong,
html[data-theme="light"] .alert-card:nth-child(3) strong,
html[data-theme="light"] .alert-card:nth-child(4) strong{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    box-shadow:none !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .alert-card p,
html[data-theme="light"] .alert-card span{
    color:#666666 !important;
}


/* =========================
   QUICK ACTIONS / OPERATIONS
========================= */

html[data-theme="light"] .quick-grid button,
html[data-theme="light"] .operations-grid button{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .quick-grid button:hover,
html[data-theme="light"] .operations-grid button:hover{
    background:#fff9e8 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.10) !important;
}

html[data-theme="light"] .operations-grid span{
    color:#666666 !important;
}

html[data-theme="light"] .operations-grid strong{
    color:#9b7014 !important;
}


/* =========================
   TEAM
========================= */

html[data-theme="light"] .team-member,
html[data-theme="light"] .dashboard-meeting-item{
    border-bottom-color:
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .team-avatar{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}


/* =========================
   WORKFLOW POPUP
========================= */

html[data-theme="light"] .workflow-popup-overlay{
    background:
        rgba(25,30,40,.28) !important;
}

html[data-theme="light"] .workflow-popup-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 75px
        rgba(28,34,44,.15) !important;
}

html[data-theme="light"] .workflow-popup-header h2,
html[data-theme="light"] .wf-stat strong,
html[data-theme="light"] .wf-item strong,
html[data-theme="light"] .wf-chain-content strong{
    color:#111111 !important;
}

html[data-theme="light"] .workflow-popup-header p,
html[data-theme="light"] .wf-stat span,
html[data-theme="light"] .wf-chain-content p,
html[data-theme="light"] #workflowPopupTaskList .wf-item small{
    color:#666666 !important;
}

html[data-theme="light"] .wf-stat,
html[data-theme="light"] .wf-item,
html[data-theme="light"] .workflow-chain-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .workflow-popup-section h3,
html[data-theme="light"] .workflow-chain-arrow{
    color:#9b7014 !important;
}

html[data-theme="light"] .wf-green,
html[data-theme="light"] .wf-blue,
html[data-theme="light"] .wf-yellow{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .workflow-popup-close{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}


/* =========================
   EMPTY / LOADING STATES
========================= */

html[data-theme="light"] .dashboard-loading-card,
html[data-theme="light"] .dashboard-chart-empty,
html[data-theme="light"] .dashboard-error-state,
html[data-theme="light"] .dashboard-empty-state{
    background:#ffffff !important;

    color:#666666 !important;

    border-color:
        rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .dashboard-empty-state h4{
    color:#111111 !important;
}

html[data-theme="light"] .dashboard-empty-state i{
    color:#9b7014 !important;
}


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

html[data-theme="light"] .footer{
    color:#666666 !important;

    border-top:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .footer::before{
    background:
        linear-gradient(
            90deg,
            transparent,
            #b8891f,
            transparent
        ) !important;
}

html[data-theme="light"] .main-content::-webkit-scrollbar-track,
html[data-theme="light"] .nav-menu::-webkit-scrollbar-track,
html[data-theme="light"] .team-list::-webkit-scrollbar-track,
html[data-theme="light"] .workflow-popup-box::-webkit-scrollbar-track{
    background:#f1eee6 !important;
}

html[data-theme="light"] .main-content::-webkit-scrollbar-thumb,
html[data-theme="light"] .nav-menu::-webkit-scrollbar-thumb,
html[data-theme="light"] .team-list::-webkit-scrollbar-thumb,
html[data-theme="light"] .workflow-popup-box::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;
}


/* =========================
   MOBILE BUTTON
========================= */

html[data-theme="light"] .mobile-menu-btn,
html[data-theme="light"] .sidebar-collapse{
    background:#ffffff !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:
        0 10px 24px
        rgba(28,34,44,.10) !important;
}


/* =========================
   COLLAPSED TOOLTIP
========================= */

html[data-theme="light"]
.dashboard-layout.sidebar-collapsed
.menu-toggle::after,
html[data-theme="light"]
.dashboard-layout.sidebar-collapsed
.single-link::after{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:
        0 10px 26px
        rgba(28,34,44,.12) !important;
}


/* =========================================================
   ASK STUDIO — ASK AI CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS UNCHANGED
========================================================= */

/* =========================
   PAGE BASE
========================= */

html[data-theme="light"] body{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-shell,
html[data-theme="light"] .ask-ai-main,
html[data-theme="light"] .ask-ai-chat-stage{
    background:#ffffff !important;
}


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

html[data-theme="light"] .ask-ai-sidebar{
    background:#ffffff !important;

    border-right:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        14px 0 34px
        rgba(28,34,44,.07) !important;
}

html[data-theme="light"] .ask-ai-brand-copy strong,
html[data-theme="light"] .ask-ai-user-copy strong{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-brand-copy span,
html[data-theme="light"] .ask-ai-user-copy span{
    color:#666666 !important;
}

html[data-theme="light"] .ask-ai-brand-mark,
html[data-theme="light"] .ask-ai-user-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 10px 26px
        rgba(184,137,31,.16) !important;
}


/* =========================
   COMMON ICON BUTTONS
========================= */

html[data-theme="light"] .ask-ai-back-btn,
html[data-theme="light"] .ask-ai-sidebar-close,
html[data-theme="light"] .ask-ai-mobile-menu-btn,
html[data-theme="light"] .ask-ai-icon-btn,
html[data-theme="light"] .ask-ai-attach-btn,
html[data-theme="light"] .ask-ai-scroll-bottom{
    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 8px 20px
        rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .ask-ai-back-btn:hover,
html[data-theme="light"] .ask-ai-sidebar-close:hover,
html[data-theme="light"] .ask-ai-mobile-menu-btn:hover,
html[data-theme="light"] .ask-ai-icon-btn:hover,
html[data-theme="light"] .ask-ai-attach-btn:hover,
html[data-theme="light"] .ask-ai-scroll-bottom:hover{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border-color:#b8891f !important;
}


/* =========================
   NEW CHAT BUTTON
========================= */

html[data-theme="light"] .ask-ai-new-chat{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 14px 30px
        rgba(184,137,31,.18) !important;
}


/* =========================
   HISTORY SEARCH
========================= */

html[data-theme="light"] .ask-ai-history-search{
    background:#ffffff !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .ask-ai-history-search input{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-history-search input::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .ask-ai-history-search i{
    color:#9b7014 !important;
}


/* =========================
   HISTORY LIST
========================= */

html[data-theme="light"] .ask-ai-history-group-title{
    color:#777777 !important;
}

html[data-theme="light"] .ask-ai-history-item{
    color:#333333 !important;
}

html[data-theme="light"] .ask-ai-history-item:hover{
    background:#fffaf0 !important;

    border-color:
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .ask-ai-history-item.active{
    background:
        linear-gradient(
            135deg,
            #fff9e8,
            #ffffff
        ) !important;

    border-color:
        rgba(184,137,31,.34) !important;

    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-history-item-icon{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .ask-ai-history-item-copy span,
html[data-theme="light"] .ask-ai-history-more{
    color:#777777 !important;
}

html[data-theme="light"] .ask-ai-history-more:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .ask-ai-history-loading,
html[data-theme="light"] .ask-ai-history-empty{
    color:#777777 !important;
}


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

html[data-theme="light"] .ask-ai-sidebar-footer{
    border-top:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .ask-ai-cloud-status{
    background:#ffffff !important;

    color:#31684d !important;

    border:
        1px solid
        rgba(49,104,77,.22) !important;
}


/* =========================
   TOPBAR
========================= */

html[data-theme="light"] .ask-ai-topbar{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .ask-ai-assistant-identity h1{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-assistant-identity p{
    color:#666666 !important;
}


/* =========================
   ASSISTANT ORB
========================= */

html[data-theme="light"] .ask-ai-orb{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 10px 28px
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .ask-ai-orb span{
    border-color:
        rgba(255,255,255,.55) !important;
}


/* =========================
   TOP ACTIONS
========================= */

html[data-theme="light"] .ask-ai-top-action{
    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .ask-ai-top-action:hover{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border-color:#b8891f !important;
}

html[data-theme="light"] .ask-ai-top-action.danger:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;
}


/* =========================
   WELCOME AREA
========================= */

html[data-theme="light"] .ask-ai-welcome-copy h2{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-welcome-copy p{
    color:#666666 !important;
}

html[data-theme="light"] .ask-ai-welcome-label{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .ask-ai-welcome-orbit{
    border-color:
        rgba(184,137,31,.24) !important;

    box-shadow:
        inset 0 0 35px
        rgba(184,137,31,.04),
        0 10px 30px
        rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .ask-ai-welcome-orbit::before,
html[data-theme="light"] .ask-ai-welcome-orbit::after{
    border-color:
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .ask-ai-welcome-core{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 14px 34px
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .orbit-dot{
    background:#b8891f !important;
    color:#b8891f !important;
    box-shadow:none !important;
}


/* =========================
   SNAPSHOT CARDS
========================= */

html[data-theme="light"] .ask-ai-snapshot-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:
        0 14px 32px
        rgba(28,34,44,.07) !important;
}

html[data-theme="light"] .ask-ai-snapshot-card i{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .ask-ai-snapshot-card span{
    color:#666666 !important;
}

html[data-theme="light"] .ask-ai-snapshot-card strong{
    color:#111111 !important;
}


/* =========================
   PROMPT CARDS
========================= */

html[data-theme="light"] .ask-ai-prompt-card{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:
        0 12px 28px
        rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .ask-ai-prompt-card:hover{
    background:#fff9e8 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 16px 34px
        rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .ask-ai-prompt-card i{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .ask-ai-prompt-card span{
    color:#666666 !important;
}


/* =========================
   CHAT MESSAGES
========================= */

html[data-theme="light"] .ask-ai-message-meta{
    color:#777777 !important;
}

html[data-theme="light"] .ask-ai-message-avatar,
html[data-theme="light"] .ask-ai-message-row.user
.ask-ai-message-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-message-bubble,
html[data-theme="light"] .ask-ai-message-row.user
.ask-ai-message-bubble{
    background:#ffffff !important;

    color:#222222 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:
        0 14px 30px
        rgba(28,34,44,.07) !important;
}

html[data-theme="light"] .ask-ai-message-bubble h1,
html[data-theme="light"] .ask-ai-message-bubble h2,
html[data-theme="light"] .ask-ai-message-bubble h3{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-message-bubble strong{
    color:#9b7014 !important;
}

html[data-theme="light"] .ask-ai-message-bubble code{
    background:#fff9e8 !important;
    color:#7b5710 !important;
}


/* =========================
   MESSAGE ACTIONS
========================= */

html[data-theme="light"] .ask-ai-message-action{
    color:#666666 !important;
}

html[data-theme="light"] .ask-ai-message-action:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   COMPOSER
========================= */

html[data-theme="light"] .ask-ai-composer-wrap{
    background:#ffffff !important;
}

html[data-theme="light"] .ask-ai-context-status{
    color:#777777 !important;
}

html[data-theme="light"] .ask-ai-live-chip{
    color:#9b7014 !important;
}

html[data-theme="light"] .ask-ai-composer{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:
        0 16px 38px
        rgba(28,34,44,.09) !important;
}

html[data-theme="light"] .ask-ai-composer:focus-within{
    border-color:#b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.09),
        0 16px 38px
        rgba(28,34,44,.09) !important;
}

html[data-theme="light"] .ask-ai-composer textarea{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-composer textarea::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .ask-ai-send-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 10px 26px
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .ask-ai-composer-note{
    color:#777777 !important;
}


/* =========================
   MODAL
========================= */

html[data-theme="light"] .ask-ai-modal-overlay{
    background:
        rgba(25,30,40,.28) !important;
}

html[data-theme="light"] .ask-ai-modal-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:
        0 24px 70px
        rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .ask-ai-modal-icon{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .ask-ai-modal-box h3{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-modal-box p{
    color:#666666 !important;
}

html[data-theme="light"] .ask-ai-modal-box input{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .ask-ai-modal-cancel{
    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .ask-ai-modal-confirm{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   TOASTS
========================= */

html[data-theme="light"] .ask-ai-toast{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 16px 36px
        rgba(28,34,44,.12) !important;
}

html[data-theme="light"] .ask-ai-toast i{
    color:#9b7014 !important;
}

html[data-theme="light"] .ask-ai-toast strong{
    color:#111111 !important;
}

html[data-theme="light"] .ask-ai-toast span{
    color:#666666 !important;
}


/* =========================
   SCROLLBARS
========================= */

html[data-theme="light"]
.ask-ai-history-list::-webkit-scrollbar-thumb,
html[data-theme="light"]
.ask-ai-messages::-webkit-scrollbar-thumb,
html[data-theme="light"]
.ask-ai-composer textarea::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;
}

/* =========================================================
   ASK STUDIO DRAWINGS — CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS COMPLETELY UNCHANGED
========================================================= */

/* =========================
   PAGE BASE
========================= */

html[data-theme="light"] .drawings-page{
    color:#111111 !important;
}

html[data-theme="light"] .drawings-topbar h1{
    color:#111111 !important;
}

html[data-theme="light"] .drawings-topbar p,
html[data-theme="light"] .file-count{
    color:#666666 !important;
}


/* =========================
   FILTER CHIPS
========================= */

html[data-theme="light"] .chip{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 7px 18px
        rgba(28,34,44,.05) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .chip:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .chip.active,
html[data-theme="light"] .chip.urgent{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.42) !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.16) !important;
}


/* =========================
   SEARCH
========================= */

html[data-theme="light"] .drawings-search{
    background:#ffffff !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .drawings-search i{
    color:#9b7014 !important;
}

html[data-theme="light"] .drawings-search input{
    color:#111111 !important;
}

html[data-theme="light"] .drawings-search input::placeholder{
    color:#888888 !important;
}


/* =========================
   FILTER DROPDOWN
========================= */

html[data-theme="light"] .premium-filter select{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .premium-filter i{
    color:#9b7014 !important;
}

html[data-theme="light"] .premium-filter option{
    background:#ffffff !important;
    color:#111111 !important;
}


/* =========================
   UPLOAD BUTTON
========================= */

html[data-theme="light"] .upload-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.18) !important;
}


/* =========================
   DRAWING CARDS
========================= */

html[data-theme="light"] .drawing-card,
html[data-theme="light"] .drawing-card.approved,
html[data-theme="light"] .drawing-card.overdue,
html[data-theme="light"] .drawing-card.draft{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .drawing-card::before,
html[data-theme="light"] .drawing-card::after{
    display:none !important;
}

html[data-theme="light"] .drawing-card:hover{
    border-color:
        rgba(184,137,31,.50) !important;

    box-shadow:
        0 25px 56px
        rgba(28,34,44,.11),
        0 0 24px
        rgba(184,137,31,.08) !important;
}


/* =========================
   CARD TEXT
========================= */

html[data-theme="light"] .drawing-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .drawing-card p,
html[data-theme="light"] .drawing-footer,
html[data-theme="light"] .drawing-footer.danger{
    color:#666666 !important;
}

html[data-theme="light"] .drawing-user span{
    color:#111111 !important;
}

html[data-theme="light"] .drawing-user small{
    color:#777777 !important;
}


/* =========================
   USER AVATAR
========================= */

html[data-theme="light"] .user-mini{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 8px 20px
        rgba(184,137,31,.14) !important;
}


/* =========================
   FILE TYPE + STATUS BADGES
   REMOVE EXTRA COLORS
========================= */

html[data-theme="light"] .file-type,
html[data-theme="light"] .file-type.dwg,
html[data-theme="light"] .file-type.pdf,
html[data-theme="light"] .file-type.image,
html[data-theme="light"] .status,
html[data-theme="light"] .approved-status,
html[data-theme="light"] .overdue-status,
html[data-theme="light"] .draft-status{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}


/* =========================
   CARD ACTIONS
========================= */

html[data-theme="light"] .card-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 7px 18px
        rgba(28,34,44,.06) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .card-actions button:hover,
html[data-theme="light"] .conversation-btn:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.12) !important;
}


/* =========================
   VIEW DRAWER
========================= */

html[data-theme="light"] .drawer-overlay{
    background:
        rgba(25,30,40,.28) !important;
}

html[data-theme="light"] .drawer-panel{
    background:#ffffff !important;

    border-left:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        -22px 0 60px
        rgba(28,34,44,.13) !important;
}

html[data-theme="light"] .drawer-top h2,
html[data-theme="light"] .preview-box h3,
html[data-theme="light"] .info-box h4,
html[data-theme="light"] .section-title,
html[data-theme="light"] .revision-item h4{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-top p,
html[data-theme="light"] .preview-box p,
html[data-theme="light"] .revision-item p{
    color:#666666 !important;
}

html[data-theme="light"] .close-drawer{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .close-drawer:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   DRAWER PREVIEW
========================= */

html[data-theme="light"] .preview-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 14px 32px
        rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .preview-glow{
    display:none !important;
}

html[data-theme="light"] .preview-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .preview-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .preview-actions button:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .preview-actions .approve-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   INFO BOXES
========================= */

html[data-theme="light"] .info-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    box-shadow:
        0 10px 26px
        rgba(28,34,44,.05) !important;
}

html[data-theme="light"] .info-box span{
    color:#666666 !important;
}


/* =========================
   REVISION TIMELINE
========================= */

html[data-theme="light"] .revision-item::before{
    background:
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .approved-line .revision-dot,
html[data-theme="light"] .upload-line .revision-dot{
    background:#b8891f !important;
    box-shadow:none !important;
}


/* =========================
   UPLOAD MODAL
========================= */

html[data-theme="light"] .upload-modal{
    background:
        rgba(25,30,40,.28) !important;

    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .upload-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 75px
        rgba(28,34,44,.16) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .upload-box::before{
    display:none !important;
}

html[data-theme="light"] .upload-head{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .upload-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .upload-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .upload-close:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   UPLOAD FORM INPUTS
========================= */

html[data-theme="light"] .upload-box input,
html[data-theme="light"] .upload-box select,
html[data-theme="light"] .upload-box textarea{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .upload-box input::placeholder,
html[data-theme="light"] .upload-box textarea::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .upload-box select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .form-group label{
    color:#333333 !important;
}


/* =========================
   DROPZONE
========================= */

html[data-theme="light"] .upload-dropzone{
    background:#fffdf7 !important;

    border:
        2px dashed
        rgba(184,137,31,.35) !important;
}

html[data-theme="light"] .upload-dropzone::before{
    display:none !important;
}

html[data-theme="light"] .upload-dropzone i{
    color:#9b7014 !important;
}

html[data-theme="light"] .upload-dropzone p{
    color:#666666 !important;
}


/* =========================
   MODAL BUTTONS
========================= */

html[data-theme="light"] .cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .save-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.18) !important;
}


/* =========================
   EDIT MODAL
========================= */

html[data-theme="light"] .edit-modal{
    background:
        rgba(25,30,40,.28) !important;
}

html[data-theme="light"] .edit-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 75px
        rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .edit-box::before{
    display:none !important;
}

html[data-theme="light"] .edit-head{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .edit-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .edit-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .edit-close:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   EDIT TABS
========================= */

html[data-theme="light"] .edit-tab{
    background:#ffffff !important;
    color:#444444 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .edit-tab.active{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:none !important;
}


/* =========================
   EDIT INPUTS
========================= */

html[data-theme="light"] .edit-box input,
html[data-theme="light"] .edit-box select,
html[data-theme="light"] .edit-box textarea{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .edit-box select option{
    background:#ffffff !important;
    color:#111111 !important;
}


/* =========================
   REVIEW BUTTONS
========================= */

html[data-theme="light"] .review-btn,
html[data-theme="light"] .review-btn.approve,
html[data-theme="light"] .review-btn.reject,
html[data-theme="light"] .review-btn.changes{
    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .review-btn:hover,
html[data-theme="light"] .review-btn.active-review{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.10) !important;
}


/* =========================
   DRAWING NOTE
========================= */

html[data-theme="light"] .drawing-note{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .drawing-note::before{
    display:none !important;
}

html[data-theme="light"] .note-label{
    color:#9b7014 !important;
}

html[data-theme="light"] .note-text{
    color:#444444 !important;
}


/* =========================
   CONVERSATION PANEL
========================= */

html[data-theme="light"] .conversation-panel{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .conversation-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .conversation-head p{
    color:#666666 !important;
}

html[data-theme="light"] .conversation-badge{
    background:#fff9e8 !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}


/* =========================
   CONVERSATION ITEMS
========================= */

html[data-theme="light"] .conversation-item,
html[data-theme="light"] .approved-msg,
html[data-theme="light"] .changes-msg{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .conversation-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .conversation-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .conversation-meta span{
    color:#777777 !important;
}

html[data-theme="light"] .conversation-body p{
    color:#444444 !important;
}


/* =========================
   CONVERSATION INPUT
========================= */

html[data-theme="light"] .conversation-input select,
html[data-theme="light"] .conversation-input input{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .conversation-input select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .conversation-attach-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .conversation-input button{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .comment-file-preview-btn{
    color:#9b7014 !important;
}


/* =========================
   DELETE BUTTON
========================= */

html[data-theme="light"] .delete-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .delete-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .comment-delete-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}


/* =========================
   PROOF VIEWER
========================= */

html[data-theme="light"] .proof-viewer{
    background:
        rgba(25,30,40,.40) !important;
}

html[data-theme="light"] .proof-viewer-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 80px
        rgba(28,34,44,.18) !important;
}

html[data-theme="light"] .proof-viewer-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .proof-thumb::after{
    background:
        rgba(255,255,255,.72) !important;

    color:#7b5710 !important;
}


/* =========================
   FULLSCREEN FILE VIEWER
========================= */

html[data-theme="light"] .file-full-viewer{
    background:
        rgba(25,30,40,.35) !important;

    backdrop-filter:blur(10px) !important;
}

html[data-theme="light"] .file-full-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:
        0 30px 90px
        rgba(28,34,44,.18) !important;
}

html[data-theme="light"] .file-full-box::before{
    display:none !important;
}

html[data-theme="light"] .file-full-head{
    border-bottom:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .file-full-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .file-full-head p{
    color:#666666 !important;
}

html[data-theme="light"] .file-full-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .dwg-full-preview{
    background:#fffdf7 !important;

    border:
        1px dashed
        rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .dwg-full-preview i{
    color:#9b7014 !important;
    filter:none !important;
}

html[data-theme="light"] .dwg-full-preview h3{
    color:#111111 !important;
}

html[data-theme="light"] .dwg-full-preview p{
    color:#666666 !important;
}

html[data-theme="light"] .file-full-actions{
    border-top:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .file-full-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .file-full-actions button:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .open-full-preview-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   SCROLLBARS
========================= */

html[data-theme="light"] .drawer-panel::-webkit-scrollbar-track,
html[data-theme="light"] .upload-box::-webkit-scrollbar-track,
html[data-theme="light"] .edit-box::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .drawer-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .upload-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .edit-box::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;
}

/* =========================================================
   ASK STUDIO SNAG LIST — CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS COMPLETELY UNCHANGED
========================================================= */

/* =========================
   PAGE HEADER
========================= */

html[data-theme="light"] .snag-page{
    color:#111111 !important;
}

html[data-theme="light"] .snag-topbar h1{
    color:#111111 !important;
}

html[data-theme="light"] .snag-topbar p{
    color:#666666 !important;
}


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

html[data-theme="light"] .premium-filter select{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .premium-filter option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .premium-filter i{
    color:#9b7014 !important;
}


/* =========================
   ADD SNAG BUTTON
========================= */

html[data-theme="light"] .add-snag-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.18) !important;
}


/* =========================
   KPI STATS
========================= */

html[data-theme="light"] .snag-stat,
html[data-theme="light"] .snag-stat.critical,
html[data-theme="light"] .snag-stat.open,
html[data-theme="light"] .snag-stat.progress,
html[data-theme="light"] .snag-stat.closed{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .snag-stat::before,
html[data-theme="light"] .snag-stat.critical::before,
html[data-theme="light"] .snag-stat.open::before,
html[data-theme="light"] .snag-stat.progress::before,
html[data-theme="light"] .snag-stat.closed::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .snag-stat:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11),
        0 0 24px
        rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .snag-stat span,
html[data-theme="light"] .snag-stat p{
    color:#666666 !important;
}

html[data-theme="light"] .snag-stat h3,
html[data-theme="light"] .snag-stat.critical h3,
html[data-theme="light"] .snag-stat.open h3,
html[data-theme="light"] .snag-stat.progress h3,
html[data-theme="light"] .snag-stat.closed h3{
    color:#111111 !important;
}


/* =========================
   SNAG CARDS
========================= */

html[data-theme="light"] .snag-card,
html[data-theme="light"] .critical-card,
html[data-theme="light"] .major-card,
html[data-theme="light"] .minor-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    border-left:
        4px solid
        #b8891f !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    animation:none !important;
}

html[data-theme="light"] .snag-card::after{
    display:none !important;
}

html[data-theme="light"] .snag-card:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    border-left-color:
        #9b7014 !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11),
        0 0 24px
        rgba(184,137,31,.08) !important;
}


/* =========================
   CARD TEXT
========================= */

html[data-theme="light"] .snag-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .snag-card-top small,
html[data-theme="light"] .snag-location,
html[data-theme="light"] .snag-footer span{
    color:#666666 !important;
}

html[data-theme="light"] .snag-desc{
    color:#333333 !important;
}


/* =========================
   STATUS / SEVERITY BADGES
========================= */

html[data-theme="light"] .severity,
html[data-theme="light"] .status,
html[data-theme="light"] .critical-badge,
html[data-theme="light"] .major-badge,
html[data-theme="light"] .minor-badge,
html[data-theme="light"] .open-badge,
html[data-theme="light"] .progress-badge,
html[data-theme="light"] .closed-badge{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}


/* =========================
   AREA CHIP
========================= */

html[data-theme="light"] .area-chip{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}


/* =========================
   CARD BUTTONS
========================= */

html[data-theme="light"] .snag-buttons button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 7px 18px
        rgba(28,34,44,.05) !important;
}

html[data-theme="light"] .snag-buttons button:hover,
html[data-theme="light"] .snag-conversation-btn:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .danger-btn{
    color:#9b7014 !important;

    border-color:
        rgba(184,137,31,.30) !important;
}


/* =========================
   ADD / EDIT SNAG MODAL
========================= */

html[data-theme="light"] .snag-modal{
    background:
        rgba(25,30,40,.28) !important;

    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .snag-modal-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 75px
        rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .snag-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .snag-modal-head{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .snag-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .snag-modal-head p{
    color:#666666 !important;
}

html[data-theme="light"] .snag-close-btn{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .snag-close-btn:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   FORM LABELS / INPUTS
========================= */

html[data-theme="light"] .snag-form .form-group label{
    color:#222222 !important;
}

html[data-theme="light"] .snag-form input,
html[data-theme="light"] .snag-form select,
html[data-theme="light"] .snag-form textarea{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;
}

html[data-theme="light"] .snag-form input::placeholder,
html[data-theme="light"] .snag-form textarea::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .snag-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .snag-form input:focus,
html[data-theme="light"] .snag-form select:focus,
html[data-theme="light"] .snag-form textarea:focus{
    border-color:#b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.09) !important;
}


/* =========================
   UPLOAD ZONE
========================= */

html[data-theme="light"] .snag-upload-zone{
    background:#fffdf7 !important;

    border:
        2px dashed
        rgba(184,137,31,.34) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .snag-upload-zone:hover{
    border-color:#b8891f !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.10) !important;
}

html[data-theme="light"] .snag-upload-zone i{
    color:#9b7014 !important;
}

html[data-theme="light"] .snag-upload-zone p{
    color:#666666 !important;
}


/* =========================
   MODAL ACTIONS
========================= */

html[data-theme="light"] .snag-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .snag-save-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   DELETE BUTTON
========================= */

html[data-theme="light"] .snag-delete-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .snag-delete-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.12) !important;
}


/* =========================
   ACTIVITY PANEL
========================= */

html[data-theme="light"] .snag-activity-panel{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .activity-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .activity-head p{
    color:#666666 !important;
}

html[data-theme="light"] .activity-badge{
    background:#fff9e8 !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}


/* =========================
   ACTIVITY ITEMS
========================= */

html[data-theme="light"] .activity-item,
html[data-theme="light"] .admin-activity,
html[data-theme="light"] .engineer-activity,
html[data-theme="light"] .client-activity{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .activity-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .activity-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .activity-meta span{
    color:#777777 !important;
}

html[data-theme="light"] .activity-content p{
    color:#444444 !important;
}


/* =========================
   PROOF GALLERY
========================= */

html[data-theme="light"] .proof-gallery{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .proof-head h3{
    color:#111111 !important;
}

html[data-theme="light"] .proof-head span{
    color:#9b7014 !important;
}

html[data-theme="light"] .proof-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .proof-card:hover{
    border-color:
        rgba(184,137,31,.42) !important;

    box-shadow:
        0 14px 30px
        rgba(28,34,44,.08) !important;
}

html[data-theme="light"] .proof-image{
    background:#fff9e8 !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .proof-info strong{
    color:#111111 !important;
}

html[data-theme="light"] .proof-info span{
    color:#666666 !important;
}


/* =========================
   PROOF STATUS
========================= */

html[data-theme="light"] .proof-status,
html[data-theme="light"] .proof-badge,
html[data-theme="light"] .proof-pending,
html[data-theme="light"] .proof-uploaded,
html[data-theme="light"] .proof-verified,
html[data-theme="light"] .proof-rejected{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}


/* =========================
   PROOF ACTION BUTTONS
========================= */

html[data-theme="light"] .proof-approve-btn,
html[data-theme="light"] .proof-reject-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .proof-approve-btn:hover,
html[data-theme="light"] .proof-reject-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;
}


/* =========================
   ACTIVITY INPUT
========================= */

html[data-theme="light"] .activity-input select,
html[data-theme="light"] .activity-input input{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .activity-input select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .activity-input button{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   UPLOAD NOTE
========================= */

html[data-theme="light"] .snag-upload-note{
    background:#fff9e8 !important;

    color:#444444 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .snag-upload-note i,
html[data-theme="light"] .snag-upload-note b{
    color:#9b7014 !important;
}


/* =========================
   LOCKED INPUT
========================= */

html[data-theme="light"] .locked-input{
    background:#fff9e8 !important;

    color:#7b5710 !important;

    border-color:
        rgba(184,137,31,.30) !important;
}


/* =========================
   COMMENT DELETE BUTTON
========================= */

html[data-theme="light"] .comment-delete-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .comment-delete-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;

    box-shadow:
        0 8px 20px
        rgba(184,137,31,.12) !important;
}


/* =========================
   PROOF FULLSCREEN VIEWER
========================= */

html[data-theme="light"] .proof-viewer{
    background:
        rgba(25,30,40,.38) !important;

    backdrop-filter:blur(10px) !important;
}

html[data-theme="light"] .proof-viewer-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 80px
        rgba(28,34,44,.18) !important;
}

html[data-theme="light"] .proof-viewer-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .proof-viewer-close:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   SCROLLBARS
========================= */

html[data-theme="light"] html::-webkit-scrollbar-track,
html[data-theme="light"] body::-webkit-scrollbar-track,
html[data-theme="light"] .main-content::-webkit-scrollbar-track,
html[data-theme="light"] .snag-modal-box::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] html::-webkit-scrollbar-thumb,
html[data-theme="light"] body::-webkit-scrollbar-thumb,
html[data-theme="light"] .main-content::-webkit-scrollbar-thumb,
html[data-theme="light"] .snag-modal-box::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;

    box-shadow:none !important;
}

/* =========================================================
   ASK STUDIO SITE DIARY — CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS COMPLETELY UNCHANGED
========================================================= */

/* =========================
   PAGE HEADER
========================= */

html[data-theme="light"] .site-diary-page{
    color:#111111 !important;
}

html[data-theme="light"] .topbar-left h1{
    color:#111111 !important;
}

html[data-theme="light"] .topbar-left p{
    color:#666666 !important;
}


/* =========================
   TOP FILTER + ADD BUTTON
========================= */

html[data-theme="light"] .premium-select{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .premium-select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .premium-select-wrap i{
    color:#9b7014 !important;
}

html[data-theme="light"] .add-entry-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.18) !important;
}


/* =========================
   KPI CARDS
========================= */

html[data-theme="light"] .diary-stat-card,
html[data-theme="light"] .diary-stat-card.red,
html[data-theme="light"] .diary-stat-card.orange,
html[data-theme="light"] .diary-stat-card.blue,
html[data-theme="light"] .diary-stat-card.green,
html[data-theme="light"] .diary-stat-card.gold{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .diary-stat-card::before,
html[data-theme="light"] .diary-stat-card.red::before,
html[data-theme="light"] .diary-stat-card.orange::before,
html[data-theme="light"] .diary-stat-card.blue::before,
html[data-theme="light"] .diary-stat-card.green::before,
html[data-theme="light"] .diary-stat-card.gold::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .diary-stat-card:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11),
        0 0 24px
        rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .diary-stat-card h2,
html[data-theme="light"] .diary-stat-card.red h2,
html[data-theme="light"] .diary-stat-card.orange h2,
html[data-theme="light"] .diary-stat-card.blue h2,
html[data-theme="light"] .diary-stat-card.green h2,
html[data-theme="light"] .diary-stat-card.gold h2{
    color:#111111 !important;
}

html[data-theme="light"] .diary-stat-card span,
html[data-theme="light"] .diary-stat-card p{
    color:#666666 !important;
}


/* =========================
   WEATHER SUMMARY
========================= */

html[data-theme="light"] .weather-summary-bar{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .weather-item,
html[data-theme="light"] .weather-item.milestone{
    background:#ffffff !important;
    color:#222222 !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .weather-item i{
    color:#9b7014 !important;
}


/* =========================
   DATE FILTER
========================= */

html[data-theme="light"] .diary-date-filter{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .date-filter-left h3{
    color:#111111 !important;
}

html[data-theme="light"] .date-filter-left p{
    color:#666666 !important;
}

html[data-theme="light"] .date-pill{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .date-pill.active,
html[data-theme="light"] .date-pill:hover{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .custom-date-box input{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .custom-date-box i{
    color:#9b7014 !important;
}


/* =========================
   TIMELINE
========================= */

html[data-theme="light"] .diary-timeline::before{
    background:
        linear-gradient(
            to bottom,
            rgba(184,137,31,.45),
            rgba(184,137,31,.08)
        ) !important;
}

html[data-theme="light"] .timeline-date span{
    background:#ffffff !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 10px 26px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .timeline-node{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 8px 20px
        rgba(184,137,31,.20) !important;
}


/* =========================
   DIARY CARDS
========================= */

html[data-theme="light"] .diary-card,
html[data-theme="light"] .diary-card.productive{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    box-shadow:
        0 20px 48px
        rgba(28,34,44,.09) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .diary-card::before{
    display:none !important;
}

html[data-theme="light"] .diary-card:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    box-shadow:
        0 26px 60px
        rgba(28,34,44,.12),
        0 0 24px
        rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .diary-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .diary-card-head small,
html[data-theme="light"] .diary-location{
    color:#666666 !important;
}

html[data-theme="light"] .diary-location i{
    color:#9b7014 !important;
}


/* =========================
   BADGES
========================= */

html[data-theme="light"] .diary-badge,
html[data-theme="light"] .diary-badge.green,
html[data-theme="light"] .diary-badge.gold,
html[data-theme="light"] .milestone-chip,
html[data-theme="light"] .approval-status{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:none !important;
}


/* =========================
   PRODUCTIVITY
========================= */

html[data-theme="light"] .productivity-score{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .productivity-score span{
    color:#666666 !important;
}

html[data-theme="light"] .productivity-score strong{
    color:#9b7014 !important;
}

html[data-theme="light"] .productivity-breakdown{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 16px 38px
        rgba(28,34,44,.12) !important;
}

html[data-theme="light"] .productivity-breakdown div{
    border-bottom-color:
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .productivity-breakdown span{
    color:#666666 !important;
}

html[data-theme="light"] .productivity-breakdown strong{
    color:#9b7014 !important;
}


/* =========================
   PROGRESS
========================= */

html[data-theme="light"] .progress-top span{
    color:#666666 !important;
}

html[data-theme="light"] .progress-top strong{
    color:#9b7014 !important;
}

html[data-theme="light"] .progress-track,
html[data-theme="light"] .voice-progress{
    background:#eee8d8 !important;
}

html[data-theme="light"] .progress-fill,
html[data-theme="light"] .voice-progress div{
    background:
        linear-gradient(
            90deg,
            #f6de89,
            #b8891f
        ) !important;

    box-shadow:none !important;
}


/* =========================
   INFO CARDS
========================= */

html[data-theme="light"] .diary-info,
html[data-theme="light"] .worker-chips span,
html[data-theme="light"] .material-box,
html[data-theme="light"] .material-list span{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .diary-info span{
    color:#666666 !important;
}

html[data-theme="light"] .diary-info strong,
html[data-theme="light"] .worker-chips span,
html[data-theme="light"] .material-list span{
    color:#222222 !important;
}

html[data-theme="light"] .material-box h4{
    color:#9b7014 !important;
}


/* =========================
   SUMMARY / RISK / AI BOXES
========================= */

html[data-theme="light"] .activity-summary-box,
html[data-theme="light"] .risk-alert-box,
html[data-theme="light"] .ai-summary-box,
html[data-theme="light"] .voice-output-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .summary-title,
html[data-theme="light"] .summary-title.risk,
html[data-theme="light"] .summary-title.ai{
    color:#9b7014 !important;
}

html[data-theme="light"] .activity-summary-box li,
html[data-theme="light"] .risk-alert-box p,
html[data-theme="light"] .ai-summary-box p{
    color:#444444 !important;
}


/* =========================
   VOICE OUTPUT
========================= */

html[data-theme="light"] .voice-icon,
html[data-theme="light"] .premium-voice-note .voice-icon{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .voice-content strong,
html[data-theme="light"] .premium-voice-note .voice-content strong{
    color:#111111 !important;
}

html[data-theme="light"] .voice-content span,
html[data-theme="light"] .premium-voice-note .voice-content span{
    color:#666666 !important;
}

html[data-theme="light"] .voice-output-box button{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .premium-voice-note{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:
        0 16px 38px
        rgba(28,34,44,.08) !important;
}


/* =========================
   GALLERY
========================= */

html[data-theme="light"] .gallery-more{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}


/* =========================
   CARD ACTIONS
========================= */

html[data-theme="light"] .diary-actions button,
html[data-theme="light"] .diary-quick-actions button,
html[data-theme="light"] .voice-note-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .diary-actions button:hover,
html[data-theme="light"] .diary-quick-actions button:hover,
html[data-theme="light"] .voice-note-actions button:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.10) !important;
}


/* =========================
   COLLAPSE SUMMARY
========================= */

html[data-theme="light"] .diary-card-summary{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .diary-card-summary strong{
    color:#111111 !important;
}

html[data-theme="light"] .diary-card-summary span{
    color:#666666 !important;
}

html[data-theme="light"] .diary-expand-btn{
    background:#fff9e8 !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}


/* =========================
   STICKY MOBILE SUMMARY
========================= */

html[data-theme="light"] .sticky-diary-summary{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 14px 32px
        rgba(28,34,44,.10) !important;
}

html[data-theme="light"] .sticky-diary-summary div{
    background:#fffdf7 !important;
}

html[data-theme="light"] .sticky-diary-summary span{
    color:#666666 !important;
}

html[data-theme="light"] .sticky-diary-summary strong{
    color:#9b7014 !important;
}


/* =========================
   ADD / EDIT DIARY MODAL
========================= */

html[data-theme="light"] .diary-modal{
    background:
        rgba(25,30,40,.28) !important;

    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .diary-modal-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 75px
        rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .diary-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .diary-modal-head{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .diary-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .diary-modal-head p{
    color:#666666 !important;
}

html[data-theme="light"] .diary-close-btn{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .diary-close-btn:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   FORM INPUTS
========================= */

html[data-theme="light"] .diary-form label{
    color:#222222 !important;
}

html[data-theme="light"] .diary-form input,
html[data-theme="light"] .diary-form select,
html[data-theme="light"] .diary-form textarea{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;
}

html[data-theme="light"] .diary-form input::placeholder,
html[data-theme="light"] .diary-form textarea::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .diary-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .diary-form input:focus,
html[data-theme="light"] .diary-form select:focus,
html[data-theme="light"] .diary-form textarea:focus{
    border-color:#b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.09) !important;
}


/* =========================
   UPLOAD + VOICE RECORDING
========================= */

html[data-theme="light"] .diary-upload-zone,
html[data-theme="light"] .voice-note-box{
    background:#fffdf7 !important;

    border:
        2px dashed
        rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .diary-upload-zone:hover,
html[data-theme="light"] .voice-note-box:hover{
    border-color:#b8891f !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.10) !important;
}

html[data-theme="light"] .diary-upload-zone i,
html[data-theme="light"] .voice-note-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .diary-upload-zone h4,
html[data-theme="light"] .voice-note-box span{
    color:#111111 !important;
}

html[data-theme="light"] .diary-upload-zone p{
    color:#666666 !important;
}


/* =========================
   REPEATABLE LABOUR / MATERIAL
========================= */

html[data-theme="light"] .material-section-title,
html[data-theme="light"] .diary-repeat-section{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .material-section-title,
html[data-theme="light"] .diary-repeat-head h4{
    color:#9b7014 !important;
}

html[data-theme="light"] .diary-repeat-head p{
    color:#666666 !important;
}

html[data-theme="light"] .diary-repeat-row{
    background:#fffdf7 !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .add-labour-row-btn,
html[data-theme="light"] .add-material-row-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .remove-repeat-row-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .remove-repeat-row-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;
}


/* =========================
   MODAL ACTIONS
========================= */

html[data-theme="light"] .diary-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .diary-save-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   CONVERSATION PANEL
========================= */

html[data-theme="light"] .diary-conversation-panel{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 16px 38px
        rgba(28,34,44,.08) !important;
}

html[data-theme="light"] .diary-conversation-head h3{
    color:#111111 !important;
}

html[data-theme="light"] .diary-conversation-head p{
    color:#666666 !important;
}

html[data-theme="light"] .diary-chat-item,
html[data-theme="light"] .diary-chat-item.engineer,
html[data-theme="light"] .diary-chat-item.admin,
html[data-theme="light"] .diary-chat-item.client{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .chat-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .chat-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .chat-meta span{
    color:#777777 !important;
}

html[data-theme="light"] .chat-body p{
    color:#444444 !important;
}

html[data-theme="light"] .diary-chat-input input{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .diary-chat-input button{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   DELETE COMMENT
========================= */

html[data-theme="light"] .delete-comment-btn{
    background:#ffffff !important;
    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .delete-comment-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;

    box-shadow:
        0 8px 20px
        rgba(184,137,31,.10) !important;
}


/* =========================
   IMAGE VIEWER
========================= */

html[data-theme="light"] .diary-image-viewer{
    background:
        rgba(25,30,40,.38) !important;

    backdrop-filter:blur(10px) !important;
}

html[data-theme="light"] .diary-image-viewer-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 80px
        rgba(28,34,44,.18) !important;
}

html[data-theme="light"] .diary-image-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .diary-preview-thumb::after{
    background:
        rgba(255,255,255,.72) !important;

    color:#7b5710 !important;
}


/* =========================
   LINKED ENTRY HIGHLIGHT
========================= */

html[data-theme="light"]
.diary-card.diary-highlighted-entry{
    border-color:
        rgba(184,137,31,.70) !important;

    box-shadow:
        0 0 0 3px
        rgba(184,137,31,.08),
        0 24px 55px
        rgba(28,34,44,.12),
        0 0 26px
        rgba(184,137,31,.12) !important;
}


/* =========================
   SCROLLBAR
========================= */

html[data-theme="light"]
.diary-modal-box::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"]
.diary-modal-box::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;

    box-shadow:none !important;
}

/* =========================================================
   ASK STUDIO TRANSMITTAL — CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS COMPLETELY UNCHANGED
========================================================= */

/* =========================
   PAGE HEADER
========================= */

html[data-theme="light"] .transmittals-page{
    color:#111111 !important;
}

html[data-theme="light"] .transmittals-topbar h1{
    color:#111111 !important;
}

html[data-theme="light"] .transmittals-topbar p{
    color:#666666 !important;
}


/* =========================
   NEW TRANSMITTAL BUTTON
========================= */

html[data-theme="light"] .new-transmittal-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.18) !important;
}


/* =========================
   STAT CARDS
========================= */

html[data-theme="light"] .tr-stat,
html[data-theme="light"] .tr-stat.pending,
html[data-theme="light"] .tr-stat.viewed,
html[data-theme="light"] .tr-stat.urgent,
html[data-theme="light"] .tr-stat.approved{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .tr-stat::before,
html[data-theme="light"] .pending::before,
html[data-theme="light"] .viewed::before,
html[data-theme="light"] .urgent::before,
html[data-theme="light"] .approved::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .tr-stat:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11),
        0 0 24px
        rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .tr-stat h2,
html[data-theme="light"] .tr-stat.pending h2,
html[data-theme="light"] .tr-stat.viewed h2,
html[data-theme="light"] .tr-stat.urgent h2,
html[data-theme="light"] .tr-stat.approved h2{
    color:#111111 !important;
}

html[data-theme="light"] .tr-stat span,
html[data-theme="light"] .tr-stat p{
    color:#666666 !important;
}


/* =========================
   FILTER BAR
========================= */

html[data-theme="light"] .transmittal-filter-bar{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .tr-search,
html[data-theme="light"] .transmittal-filter-bar select{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .tr-search input{
    color:#111111 !important;
}

html[data-theme="light"] .tr-search input::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .tr-search i{
    color:#9b7014 !important;
}

html[data-theme="light"] .transmittal-filter-bar select option{
    background:#ffffff !important;
    color:#111111 !important;
}


/* =========================
   TRANSMITTAL CARDS
========================= */

html[data-theme="light"] .transmittal-card,
html[data-theme="light"] .urgent-card,
html[data-theme="light"] .normal-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    border-left:
        4px solid
        #b8891f !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .transmittal-card::after{
    display:none !important;
}

html[data-theme="light"] .transmittal-card:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    border-left-color:
        #9b7014 !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11),
        0 0 24px
        rgba(184,137,31,.08) !important;
}


/* =========================
   CARD TEXT
========================= */

html[data-theme="light"] .transmittal-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .tr-ref{
    color:#9b7014 !important;
}

html[data-theme="light"] .tr-date,
html[data-theme="light"] .tr-project{
    color:#666666 !important;
}


/* =========================
   PRIORITY / META BADGES
========================= */

html[data-theme="light"] .tr-priority,
html[data-theme="light"] .tr-priority.urgent,
html[data-theme="light"] .tr-priority.normal,
html[data-theme="light"] .tr-meta-badge,
html[data-theme="light"] .purpose-badge,
html[data-theme="light"] .due-badge{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}


/* =========================
   RECIPIENT BOX
========================= */

html[data-theme="light"] .tr-recipient{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .tr-recipient span{
    color:#666666 !important;
}

html[data-theme="light"] .tr-recipient strong{
    color:#111111 !important;
}

html[data-theme="light"] .tr-recipient small{
    color:#9b7014 !important;
}


/* =========================
   ATTACHMENTS
========================= */

html[data-theme="light"] .tr-attachments span{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}


/* =========================
   WORKFLOW
========================= */

html[data-theme="light"] .tr-step{
    color:#666666 !important;
}

html[data-theme="light"] .tr-step.done span,
html[data-theme="light"] .tr-step.pending span{
    background:#b8891f !important;

    box-shadow:
        0 5px 14px
        rgba(184,137,31,.16) !important;
}


/* =========================
   CARD ACTIONS
========================= */

html[data-theme="light"] .tr-card-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 7px 18px
        rgba(28,34,44,.05) !important;
}

html[data-theme="light"] .tr-card-actions button:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .ack-btn,
html[data-theme="light"] .acknowledged{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   DRAWER
========================= */

html[data-theme="light"] .tr-drawer-overlay{
    background:
        rgba(25,30,40,.28) !important;
}

html[data-theme="light"] .tr-drawer-panel{
    background:#ffffff !important;

    border-left:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        -22px 0 60px
        rgba(28,34,44,.13) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .tr-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .tr-drawer-head p{
    color:#666666 !important;
}

html[data-theme="light"] .tr-drawer-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .tr-drawer-close:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   DRAWER PREVIEW
========================= */

html[data-theme="light"] .tr-preview-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 14px 32px
        rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .tr-preview-glow{
    display:none !important;
}

html[data-theme="light"] .tr-preview-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .tr-preview-box h3{
    color:#111111 !important;
}

html[data-theme="light"] .tr-preview-box p{
    color:#666666 !important;
}


/* =========================
   DRAWER INFO
========================= */

html[data-theme="light"] .drawer-info-box,
html[data-theme="light"] .drawer-attachments div,
html[data-theme="light"] .tr-drawer-file-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;

    color:#222222 !important;
}

html[data-theme="light"] .drawer-info-box span,
html[data-theme="light"] .tr-drawer-file-card span{
    color:#666666 !important;
}

html[data-theme="light"] .drawer-info-box strong,
html[data-theme="light"] .tr-drawer-file-card strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-attachments i,
html[data-theme="light"] .tr-drawer-file-card > i{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   DRAWER TIMELINE
========================= */

html[data-theme="light"] .drawer-section-title{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-timeline-item.done > span,
html[data-theme="light"] .drawer-timeline-item.pending > span{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .drawer-timeline-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-timeline-item p{
    color:#666666 !important;
}


/* =========================
   DRAWER NOTES
========================= */

html[data-theme="light"] .drawer-notes{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;

    color:#444444 !important;
}


/* =========================
   DRAWER ACTIONS
========================= */

html[data-theme="light"] .drawer-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .drawer-actions button:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .drawer-ack-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   MODAL
========================= */

html[data-theme="light"] .tr-modal{
    background:
        rgba(25,30,40,.28) !important;

    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .tr-modal-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 26px 75px
        rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .tr-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .tr-modal-head{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .tr-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .tr-modal-head p{
    color:#666666 !important;
}

html[data-theme="light"] .tr-modal-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .tr-modal-close:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   FORM INPUTS
========================= */

html[data-theme="light"] .tr-form .form-group label{
    color:#222222 !important;
}

html[data-theme="light"] .tr-form input,
html[data-theme="light"] .tr-form select,
html[data-theme="light"] .tr-form textarea{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;
}

html[data-theme="light"] .tr-form input::placeholder,
html[data-theme="light"] .tr-form textarea::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .tr-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .tr-form input:focus,
html[data-theme="light"] .tr-form select:focus,
html[data-theme="light"] .tr-form textarea:focus{
    border-color:#b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.09) !important;
}


/* =========================
   UPLOAD ZONE
========================= */

html[data-theme="light"] .tr-upload-zone{
    background:#fffdf7 !important;

    border:
        2px dashed
        rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .tr-upload-zone:hover{
    border-color:#b8891f !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.10) !important;
}

html[data-theme="light"] .tr-upload-zone i{
    color:#9b7014 !important;
}

html[data-theme="light"] .tr-upload-zone h4{
    color:#111111 !important;
}

html[data-theme="light"] .tr-upload-zone p{
    color:#666666 !important;
}


/* =========================
   MODAL BUTTONS
========================= */

html[data-theme="light"] .tr-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .tr-save-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.18) !important;
}


/* =========================
   REVISION HISTORY
========================= */

html[data-theme="light"] .revision-item,
html[data-theme="light"] .current-revision{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .revision-item:hover{
    border-color:
        rgba(184,137,31,.42) !important;

    box-shadow:
        0 12px 28px
        rgba(28,34,44,.08) !important;
}

html[data-theme="light"] .revision-dot,
html[data-theme="light"] .current-revision .revision-dot{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .revision-content strong{
    color:#111111 !important;
}

html[data-theme="light"] .revision-content p{
    color:#666666 !important;
}

html[data-theme="light"] .revision-item span{
    color:#9b7014 !important;
}


/* =========================
   CONVERSATION
========================= */

html[data-theme="light"] .tr-conversation-box,
html[data-theme="light"] .tr-chat-item,
html[data-theme="light"] .tr-chat-item.architect,
html[data-theme="light"] .tr-chat-item.contractor,
html[data-theme="light"] .tr-chat-item.admin{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .tr-chat-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .tr-chat-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .tr-chat-meta span{
    color:#777777 !important;
}

html[data-theme="light"] .tr-chat-body p{
    color:#444444 !important;
}

html[data-theme="light"] .tr-quick-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .tr-quick-actions button:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .tr-chat-input input{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .tr-chat-input button{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================
   FILE ACTION BUTTONS
========================= */

html[data-theme="light"] .tr-file-view-btn,
html[data-theme="light"] .tr-file-download-btn{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .tr-file-view-btn:hover,
html[data-theme="light"] .tr-file-download-btn:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   ACTIVITY LOG
========================= */

html[data-theme="light"] .activity-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .activity-icon,
html[data-theme="light"] .activity-item.created .activity-icon,
html[data-theme="light"] .activity-item.sent .activity-icon,
html[data-theme="light"] .activity-item.viewed .activity-icon,
html[data-theme="light"] .activity-item.pending .activity-icon{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .activity-content strong{
    color:#111111 !important;
}

html[data-theme="light"] .activity-content p,
html[data-theme="light"] .activity-item span{
    color:#666666 !important;
}


/* =========================
   FULLSCREEN VIEWER
========================= */

html[data-theme="light"] .file-full-viewer{
    background:
        rgba(25,30,40,.38) !important;

    backdrop-filter:blur(10px) !important;
}

html[data-theme="light"] .file-full-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:
        0 30px 90px
        rgba(28,34,44,.18) !important;
}

html[data-theme="light"] .file-full-box::before{
    display:none !important;
}

html[data-theme="light"] .file-full-head{
    border-bottom:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .file-full-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .file-full-head p{
    color:#666666 !important;
}

html[data-theme="light"] .file-full-close{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .file-full-close:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .dwg-full-preview{
    background:#fffdf7 !important;

    border:
        1px dashed
        rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .dwg-full-preview i{
    color:#9b7014 !important;
    filter:none !important;
}

html[data-theme="light"] .dwg-full-preview h3{
    color:#111111 !important;
}

html[data-theme="light"] .dwg-full-preview p{
    color:#666666 !important;
}

html[data-theme="light"] .file-full-actions{
    border-top:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .file-full-actions button{
    background:#ffffff !important;
    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .file-full-actions button:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}


/* =========================
   SCROLLBARS
========================= */

html[data-theme="light"] .tr-drawer-panel::-webkit-scrollbar-track,
html[data-theme="light"] .tr-modal-box::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .tr-drawer-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .tr-modal-box::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;

    box-shadow:none !important;
}

/* =========================================================
   ASK STUDIO — RFI REGISTER LIGHT THEME
   Dark theme remains unchanged
========================================================= */

html[data-theme="light"] .rfi-header h1,
html[data-theme="light"] .rfi-card h3,
html[data-theme="light"] .rfi-modal-head h2,
html[data-theme="light"] .rfi-drawer-head h2,
html[data-theme="light"] .rfi-section-title,
html[data-theme="light"] .rfi-closure-content h3,
html[data-theme="light"] .respond-rfi-head h2,
html[data-theme="light"] .rfi-file-viewer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .rfi-header p,
html[data-theme="light"] .rfi-card p,
html[data-theme="light"] .rfi-stat-card h4,
html[data-theme="light"] .rfi-stat-card p,
html[data-theme="light"] .rfi-drawer-head p,
html[data-theme="light"] .rfi-info-box span,
html[data-theme="light"] .rfi-track-step,
html[data-theme="light"] .rfi-activity-item p,
html[data-theme="light"] .rfi-chat-meta span,
html[data-theme="light"] .rfi-closure-content p,
html[data-theme="light"] .rfi-closure-grid span,
html[data-theme="light"] .respond-rfi-head p,
html[data-theme="light"] .rfi-file-viewer-head p{
    color:#666666 !important;
}

html[data-theme="light"] .raise-rfi-btn,
html[data-theme="light"] .save-btn,
html[data-theme="light"] .rfi-response-box button,
html[data-theme="light"] .rfi-chat-input button,
html[data-theme="light"] .rfi-close-action,
html[data-theme="light"] .respond-rfi-actions .primary-btn{
    background:linear-gradient(135deg,#f6de89,#c99a2d) !important;
    color:#111111 !important;
    box-shadow:0 12px 28px rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .rfi-stat-card,
html[data-theme="light"] .rfi-filter-bar,
html[data-theme="light"] .rfi-card,
html[data-theme="light"] .rfi-question,
html[data-theme="light"] .rfi-info-box,
html[data-theme="light"] .rfi-attachments div,
html[data-theme="light"] .rfi-conversation,
html[data-theme="light"] .rfi-chat-item,
html[data-theme="light"] .rfi-activity-item,
html[data-theme="light"] .rfi-closure-card,
html[data-theme="light"] .rfi-closure-grid div,
html[data-theme="light"] .respond-rfi-summary,
html[data-theme="light"] .rfi-response-file,
html[data-theme="light"] .rfi-attachment-file{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.07) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .rfi-stat-card::before,
html[data-theme="light"] .rfi-stat-card.open::before,
html[data-theme="light"] .rfi-stat-card.responded::before,
html[data-theme="light"] .rfi-stat-card.critical::before,
html[data-theme="light"] .rfi-stat-card.average::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .rfi-stat-card h2,
html[data-theme="light"] .rfi-stat-card.open h2,
html[data-theme="light"] .rfi-stat-card.responded h2,
html[data-theme="light"] .rfi-stat-card.critical h2,
html[data-theme="light"] .rfi-stat-card.average h2{
    color:#111111 !important;
}

html[data-theme="light"] .rfi-card,
html[data-theme="light"] .critical-card,
html[data-theme="light"] .normal-card,
html[data-theme="light"] .pending-card,
html[data-theme="light"] .responded-card{
    border-left:4px solid #b8891f !important;
    animation:none !important;
}

html[data-theme="light"] .rfi-card::after,
html[data-theme="light"] .rfi-modal-box::before,
html[data-theme="light"] .respond-rfi-box::before{
    display:none !important;
}

html[data-theme="light"] .rfi-card:hover,
html[data-theme="light"] .rfi-stat-card:hover{
    border-color:rgba(184,137,31,.48) !important;
    box-shadow:0 24px 55px rgba(28,34,44,.11),0 0 24px rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .rfi-ref,
html[data-theme="light"] .rfi-drawer-question span,
html[data-theme="light"] .rfi-section-title,
html[data-theme="light"] .rfi-activity-item span,
html[data-theme="light"] .sla-text{
    color:#9b7014 !important;
}

html[data-theme="light"] .rfi-priority,
html[data-theme="light"] .rfi-priority.high,
html[data-theme="light"] .status-badge,
html[data-theme="light"] .status-badge.open,
html[data-theme="light"] .impact-badge,
html[data-theme="light"] .impact-badge.stop,
html[data-theme="light"] .rfi-meta span,
html[data-theme="light"] .response-chip,
html[data-theme="light"] .sla-badge{
    background:#fff9e8 !important;
    color:#8c6514 !important;
    border:1px solid rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .rfi-question,
html[data-theme="light"] .rfi-drawer-question p,
html[data-theme="light"] .rfi-chat-item p,
html[data-theme="light"] .rfi-closure-grid strong,
html[data-theme="light"] .rfi-info-box strong,
html[data-theme="light"] .rfi-activity-item strong{
    color:#222222 !important;
}

html[data-theme="light"] .rfi-search,
html[data-theme="light"] .rfi-filter-bar select,
html[data-theme="light"] .rfi-form input,
html[data-theme="light"] .rfi-form select,
html[data-theme="light"] .rfi-form textarea,
html[data-theme="light"] .rfi-response-box textarea,
html[data-theme="light"] .rfi-chat-input input,
html[data-theme="light"] .respond-rfi-form input,
html[data-theme="light"] .respond-rfi-form select,
html[data-theme="light"] .respond-rfi-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .rfi-search input{
    color:#111111 !important;
}

html[data-theme="light"] .rfi-search input::placeholder,
html[data-theme="light"] .rfi-form input::placeholder,
html[data-theme="light"] .rfi-form textarea::placeholder,
html[data-theme="light"] .rfi-response-box textarea::placeholder,
html[data-theme="light"] .rfi-chat-input input::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .rfi-search i,
html[data-theme="light"] .rfi-attachments i,
html[data-theme="light"] .rfi-upload-zone i,
html[data-theme="light"] .respond-upload-zone i,
html[data-theme="light"] .rfi-response-file-icon{
    color:#9b7014 !important;
}

html[data-theme="light"] .rfi-filter-bar select option,
html[data-theme="light"] .rfi-form select option,
html[data-theme="light"] .respond-rfi-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .rfi-card-actions button,
html[data-theme="light"] .rfi-drawer-actions button,
html[data-theme="light"] .cancel-btn,
html[data-theme="light"] .respond-rfi-actions button,
html[data-theme="light"] .rfi-file-viewer-actions button,
html[data-theme="light"] .rfi-file-download-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .rfi-card-actions button:hover,
html[data-theme="light"] .rfi-drawer-actions button:hover,
html[data-theme="light"] .cancel-btn:hover,
html[data-theme="light"] .respond-rfi-actions button:hover,
html[data-theme="light"] .rfi-file-viewer-actions button:hover,
html[data-theme="light"] .rfi-file-download-btn:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .delete-rfi-btn{
    background:#ffffff !important;
    color:#9b7014 !important;
    border:1px solid rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .rfi-modal,
html[data-theme="light"] .rfi-drawer-overlay,
html[data-theme="light"] .respond-rfi-modal,
html[data-theme="light"] .rfi-file-viewer{
    background:rgba(25,30,40,.30) !important;
    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .rfi-modal-box,
html[data-theme="light"] .rfi-drawer-panel,
html[data-theme="light"] .respond-rfi-box,
html[data-theme="light"] .rfi-file-viewer-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.32) !important;
    box-shadow:0 26px 75px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .rfi-modal-head,
html[data-theme="light"] .respond-rfi-head,
html[data-theme="light"] .rfi-file-viewer-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.22) !important;
    backdrop-filter:none !important;
}

html[data-theme="light"] .rfi-modal-head button,
html[data-theme="light"] .rfi-drawer-close,
html[data-theme="light"] .rfi-file-viewer-head button{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .rfi-form label,
html[data-theme="light"] .respond-rfi-form label{
    color:#222222 !important;
}

html[data-theme="light"] .rfi-upload-zone,
html[data-theme="light"] .respond-upload-zone,
html[data-theme="light"] .rfi-file-preview-placeholder{
    background:#fffdf7 !important;
    border:2px dashed rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .rfi-upload-zone::before{
    display:none !important;
}

html[data-theme="light"] .rfi-upload-zone h4,
html[data-theme="light"] .respond-upload-zone h4,
html[data-theme="light"] .rfi-file-preview-placeholder h3{
    color:#111111 !important;
}

html[data-theme="light"] .rfi-upload-zone p,
html[data-theme="light"] .respond-upload-zone p,
html[data-theme="light"] .rfi-file-preview-placeholder p{
    color:#666666 !important;
}

html[data-theme="light"] .rfi-response-track::before{
    background:rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .rfi-track-step::before,
html[data-theme="light"] .rfi-track-step.done::before,
html[data-theme="light"] .rfi-track-step.active::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .rfi-chat-avatar,
html[data-theme="light"] .rfi-closure-seal{
    background:linear-gradient(135deg,#f6de89,#c99a2d) !important;
    color:#111111 !important;
}

html[data-theme="light"] .rfi-activity-icon,
html[data-theme="light"] .rfi-activity-item.sent .rfi-activity-icon,
html[data-theme="light"] .rfi-activity-item.pending .rfi-activity-icon{
    background:#fff9e8 !important;
    color:#9b7014 !important;
}

html[data-theme="light"] .rfi-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .rfi-drawer-panel::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .rfi-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .rfi-drawer-panel::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    box-shadow:none !important;
}


/* =========================================================
   ASK STUDIO — SUBMITTALS LIGHT THEME
   Dark theme remains unchanged
========================================================= */

html[data-theme="light"] .page-header h1,
html[data-theme="light"] .submittal-card h3,
html[data-theme="light"] .sub-modal-head h2,
html[data-theme="light"] .sub-drawer-head h2,
html[data-theme="light"] .sub-section-title,
html[data-theme="light"] .sub-approval-card h3,
html[data-theme="light"] .sub-file-viewer-head h2,
html[data-theme="light"] .sub-review-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .page-header p,
html[data-theme="light"] .submittal-card p,
html[data-theme="light"] .submittal-stat-card span,
html[data-theme="light"] .submittal-stat-card p,
html[data-theme="light"] .sub-drawer-head p,
html[data-theme="light"] .sub-info-box span,
html[data-theme="light"] .sub-track-step,
html[data-theme="light"] .sub-file-card span,
html[data-theme="light"] .sub-revision-content p,
html[data-theme="light"] .sub-chat-meta span,
html[data-theme="light"] .sub-approval-card p,
html[data-theme="light"] .sub-file-viewer-head p,
html[data-theme="light"] .sub-review-head p{
    color:#666666 !important;
}

html[data-theme="light"] .add-submittal-btn,
html[data-theme="light"] .sub-save-btn,
html[data-theme="light"] .sub-approved-action,
html[data-theme="light"] .sub-full-preview-btn,
html[data-theme="light"] .sub-chat-input button,
html[data-theme="light"] .sub-review-approve{
    background:linear-gradient(135deg,#f6de89,#c99a2d) !important;
    color:#111111 !important;
    box-shadow:0 12px 28px rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .submittal-stat-card,
html[data-theme="light"] .submittal-filter-bar,
html[data-theme="light"] .submittal-card,
html[data-theme="light"] .sub-brand,
html[data-theme="light"] .sub-info-box,
html[data-theme="light"] .sub-description-box,
html[data-theme="light"] .sub-comment-box,
html[data-theme="light"] .sub-file-card,
html[data-theme="light"] .sub-approval-card,
html[data-theme="light"] .sub-revision-item,
html[data-theme="light"] .sub-discussion-box,
html[data-theme="light"] .sub-chat-item,
html[data-theme="light"] .selected-submittal-files,
html[data-theme="light"] .selected-submittal-file{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.07) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .submittal-stat-card::before,
html[data-theme="light"] .submittal-stat-card.review::before,
html[data-theme="light"] .submittal-stat-card.approved::before,
html[data-theme="light"] .submittal-stat-card.rejected::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .submittal-stat-card h2,
html[data-theme="light"] .submittal-stat-card.review h2,
html[data-theme="light"] .submittal-stat-card.approved h2,
html[data-theme="light"] .submittal-stat-card.rejected h2{
    color:#111111 !important;
}

html[data-theme="light"] .submittal-card,
html[data-theme="light"] .approved-card,
html[data-theme="light"] .rejected-card,
html[data-theme="light"] .review-card{
    border-left:4px solid #b8891f !important;
}

html[data-theme="light"] .submittal-card::after,
html[data-theme="light"] .sub-modal-box::before,
html[data-theme="light"] .sub-file-viewer-box::before{
    display:none !important;
}

html[data-theme="light"] .submittal-card:hover,
html[data-theme="light"] .submittal-stat-card:hover{
    border-color:rgba(184,137,31,.48) !important;
    box-shadow:0 24px 55px rgba(28,34,44,.11),0 0 24px rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .sub-ref,
html[data-theme="light"] .sub-section-title,
html[data-theme="light"] .sub-revision-item span{
    color:#9b7014 !important;
}

html[data-theme="light"] .sub-status,
html[data-theme="light"] .sub-status.approved,
html[data-theme="light"] .sub-status.review,
html[data-theme="light"] .sub-meta span{
    background:#fff9e8 !important;
    color:#8c6514 !important;
    border:1px solid rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .sub-brand,
html[data-theme="light"] .sub-description-box,
html[data-theme="light"] .sub-comment-box,
html[data-theme="light"] .sub-info-box strong,
html[data-theme="light"] .sub-file-card strong,
html[data-theme="light"] .sub-revision-content strong,
html[data-theme="light"] .sub-chat-meta strong,
html[data-theme="light"] .sub-chat-body p{
    color:#222222 !important;
}

html[data-theme="light"] .submittal-search,
html[data-theme="light"] .submittal-filter-bar select,
html[data-theme="light"] .sub-form input,
html[data-theme="light"] .sub-form select,
html[data-theme="light"] .sub-form textarea,
html[data-theme="light"] .sub-chat-input input,
html[data-theme="light"] .sub-review-body textarea,
html[data-theme="light"] .sub-review-body input,
html[data-theme="light"] .sub-review-body select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .submittal-search input{
    color:#111111 !important;
}

html[data-theme="light"] .submittal-search input::placeholder,
html[data-theme="light"] .sub-form input::placeholder,
html[data-theme="light"] .sub-form textarea::placeholder,
html[data-theme="light"] .sub-chat-input input::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .submittal-search i,
html[data-theme="light"] .sub-upload-zone i,
html[data-theme="light"] .sub-file-preview-placeholder i{
    color:#9b7014 !important;
}

html[data-theme="light"] .submittal-filter-bar select option,
html[data-theme="light"] .sub-form select option,
html[data-theme="light"] .sub-review-body select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .sub-workflow::before,
html[data-theme="light"] .sub-drawer-track::before{
    background:rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .sub-step span,
html[data-theme="light"] .sub-step.completed span,
html[data-theme="light"] .sub-step.active span,
html[data-theme="light"] .sub-track-step::before,
html[data-theme="light"] .sub-track-step.done::before,
html[data-theme="light"] .sub-track-step.active::before,
html[data-theme="light"] .sub-revision-dot,
html[data-theme="light"] .sub-revision-item.warning .sub-revision-dot,
html[data-theme="light"] .sub-revision-item.approved .sub-revision-dot{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .sub-step small{
    color:#666666 !important;
}

html[data-theme="light"] .sub-card-actions button,
html[data-theme="light"] .approve-btn,
html[data-theme="light"] .review-btn,
html[data-theme="light"] .sub-drawer-actions button,
html[data-theme="light"] .sub-file-card button,
html[data-theme="light"] .sub-file-download-btn,
html[data-theme="light"] .sub-cancel-btn,
html[data-theme="light"] .sub-file-viewer-actions button,
html[data-theme="light"] .sub-review-reject{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .sub-card-actions button:hover,
html[data-theme="light"] .approve-btn:hover,
html[data-theme="light"] .review-btn:hover,
html[data-theme="light"] .sub-drawer-actions button:hover,
html[data-theme="light"] .sub-file-card button:hover,
html[data-theme="light"] .sub-file-download-btn:hover,
html[data-theme="light"] .sub-cancel-btn:hover,
html[data-theme="light"] .sub-file-viewer-actions button:hover,
html[data-theme="light"] .sub-review-reject:hover{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .delete-submittal-btn{
    background:#ffffff !important;
    color:#9b7014 !important;
    border:1px solid rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .sub-modal,
html[data-theme="light"] .sub-drawer-overlay,
html[data-theme="light"] .sub-file-viewer,
html[data-theme="light"] .sub-review-modal{
    background:rgba(25,30,40,.30) !important;
    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .sub-modal-box,
html[data-theme="light"] .sub-drawer-panel,
html[data-theme="light"] .sub-file-viewer-box,
html[data-theme="light"] .sub-review-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.32) !important;
    box-shadow:0 26px 75px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .sub-modal-head,
html[data-theme="light"] .sub-file-viewer-head,
html[data-theme="light"] .sub-review-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.22) !important;
    backdrop-filter:none !important;
}

html[data-theme="light"] .sub-modal-close,
html[data-theme="light"] .sub-drawer-close,
html[data-theme="light"] .sub-file-viewer-head button{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .sub-form label,
html[data-theme="light"] .sub-review-body label{
    color:#222222 !important;
}

html[data-theme="light"] .sub-upload-zone,
html[data-theme="light"] .sub-file-preview-placeholder{
    background:#fffdf7 !important;
    border:2px dashed rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .sub-upload-zone h4,
html[data-theme="light"] .sub-file-preview-placeholder h3{
    color:#111111 !important;
}

html[data-theme="light"] .sub-upload-zone p,
html[data-theme="light"] .sub-file-preview-placeholder p{
    color:#666666 !important;
}

html[data-theme="light"] .sub-preview-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.26) !important;
    box-shadow:0 14px 32px rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .sub-preview-glow{
    display:none !important;
}

html[data-theme="light"] .sub-preview-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .sub-preview-box h3{
    color:#111111 !important;
}

html[data-theme="light"] .sub-preview-box p{
    color:#666666 !important;
}

html[data-theme="light"] .sub-file-icon,
html[data-theme="light"] .sub-file-icon.image,
html[data-theme="light"] .sub-file-icon.pdf,
html[data-theme="light"] .sub-approval-seal,
html[data-theme="light"] .sub-chat-avatar{
    background:linear-gradient(135deg,#f6de89,#c99a2d) !important;
    color:#111111 !important;
}

html[data-theme="light"] .sub-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .sub-drawer-panel::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .sub-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .sub-drawer-panel::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    box-shadow:none !important;
}

/* =========================================================
   ASK STUDIO — INVENTORY & MATERIAL
   COMPLETE CLEAN PREMIUM LIGHT THEME
   Applies only when: html[data-theme="light"]
   Dark theme remains untouched.
========================================================= */

/* =========================================================
   1. PAGE BASE
========================================================= */

html[data-theme="light"] .inventory-page,
html[data-theme="light"] .main-content{
    color:#111111 !important;
}

html[data-theme="light"] .inventory-page{
    background:#ffffff !important;
}

html[data-theme="light"] .inventory-header h1,
html[data-theme="light"] .inventory-section-head h2,
html[data-theme="light"] .material-request-panel-head h2,
html[data-theme="light"] .panel-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .inventory-header p,
html[data-theme="light"] .inventory-section-head p,
html[data-theme="light"] .material-request-panel-head p,
html[data-theme="light"] .panel-head p{
    color:#666666 !important;
}

/* =========================================================
   2. PRIMARY BUTTONS
========================================================= */

html[data-theme="light"] .new-material-btn,
html[data-theme="light"] .create-material-master-btn,
html[data-theme="light"] .new-material-request-btn,
html[data-theme="light"] .material-save-btn,
html[data-theme="light"] .add-request-item-btn,
html[data-theme="light"] .add-warehouse-btn:hover,
html[data-theme="light"] .new-exchange-btn:hover,
html[data-theme="light"] #approveAllRequestedQtyBtn,
html[data-theme="light"] #issueAllRemainingQtyBtn,
html[data-theme="light"] #receiveAllPendingQtyBtn,
html[data-theme="light"] #returnAllDamagedQtyBtn,
html[data-theme="light"] #acceptAllDamageReturnBtn{
    background:linear-gradient(135deg,#f6de89,#c99a2d) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
    box-shadow:0 12px 28px rgba(184,137,31,.16) !important;
}

html[data-theme="light"] .add-warehouse-btn,
html[data-theme="light"] .new-exchange-btn,
html[data-theme="light"] .inventory-damage-refresh-btn,
html[data-theme="light"] .inventory-return-refresh-btn,
html[data-theme="light"] .quarantine-refresh-btn,
html[data-theme="light"] .consumption-refresh-btn,
html[data-theme="light"] .inventory-collapse-btn{
    background:#ffffff !important;
    color:#9b7014 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 8px 20px rgba(28,34,44,.05) !important;
}

html[data-theme="light"] .add-warehouse-btn:hover,
html[data-theme="light"] .new-exchange-btn:hover,
html[data-theme="light"] .inventory-damage-refresh-btn:hover,
html[data-theme="light"] .inventory-return-refresh-btn:hover,
html[data-theme="light"] .quarantine-refresh-btn:hover,
html[data-theme="light"] .consumption-refresh-btn:hover,
html[data-theme="light"] .inventory-collapse-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   3. KPI, CATEGORY, PANELS
========================================================= */

html[data-theme="light"] .inventory-kpi-card,
html[data-theme="light"] .material-category-card,
html[data-theme="light"] .inventory-panel,
html[data-theme="light"] .material-request-panel,
html[data-theme="light"] .request-summary-card,
html[data-theme="light"] .inventory-damage-kpi-card,
html[data-theme="light"] .inventory-return-kpi-card,
html[data-theme="light"] .quarantine-kpi-card,
html[data-theme="light"] .consumption-kpi-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.26) !important;
    box-shadow:0 18px 42px rgba(28,34,44,.08) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .inventory-kpi-card::after,
html[data-theme="light"] .material-category-card::after,
html[data-theme="light"] .inventory-panel::after,
html[data-theme="light"] .material-request-card::after,
html[data-theme="light"] .material-modal-box::before,
html[data-theme="light"] .large-material-request-modal::before{
    display:none !important;
}

html[data-theme="light"] .inventory-kpi-card::before,
html[data-theme="light"] .request-summary-card::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .inventory-kpi-card h2,
html[data-theme="light"] .inventory-kpi-card.available h2,
html[data-theme="light"] .inventory-kpi-card.low h2,
html[data-theme="light"] .inventory-kpi-card.value h2,
html[data-theme="light"] .request-summary-card strong,
html[data-theme="light"] .inventory-damage-kpi-card strong,
html[data-theme="light"] .inventory-return-kpi-card strong,
html[data-theme="light"] .quarantine-kpi-card strong,
html[data-theme="light"] .consumption-kpi-card strong{
    color:#111111 !important;
}

html[data-theme="light"] .inventory-kpi-card span,
html[data-theme="light"] .inventory-kpi-card p,
html[data-theme="light"] .request-summary-card span,
html[data-theme="light"] .inventory-damage-kpi-card span,
html[data-theme="light"] .inventory-return-kpi-card span,
html[data-theme="light"] .quarantine-kpi-card span,
html[data-theme="light"] .consumption-kpi-card span{
    color:#666666 !important;
}

html[data-theme="light"] .material-category-card i,
html[data-theme="light"] .inventory-ai-card i,
html[data-theme="light"] .consumption-kpi-icon{
    color:#9b7014 !important;
}

html[data-theme="light"] .material-category-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .material-category-card span{
    color:#666666 !important;
}

/* =========================================================
   4. COMMON TABLES
========================================================= */

html[data-theme="light"] .material-table-wrap,
html[data-theme="light"] .material-request-table-wrap,
html[data-theme="light"] .inventory-damage-table-wrap,
html[data-theme="light"] .inventory-return-table-wrap,
html[data-theme="light"] .quarantine-table-wrap,
html[data-theme="light"] .consumption-table-wrap{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .material-table thead,
html[data-theme="light"] .material-request-table thead,
html[data-theme="light"] .inventory-damage-table thead,
html[data-theme="light"] .inventory-return-table thead,
html[data-theme="light"] .quarantine-table thead,
html[data-theme="light"] .consumption-table thead{
    background:#fff9e8 !important;
}

html[data-theme="light"] .material-table th,
html[data-theme="light"] .material-request-table th,
html[data-theme="light"] .inventory-damage-table th,
html[data-theme="light"] .inventory-return-table th,
html[data-theme="light"] .quarantine-table th,
html[data-theme="light"] .consumption-table th{
    color:#7b5710 !important;
    border-bottom-color:rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .material-table td,
html[data-theme="light"] .material-request-table td,
html[data-theme="light"] .inventory-damage-table td,
html[data-theme="light"] .inventory-return-table td,
html[data-theme="light"] .quarantine-table td,
html[data-theme="light"] .consumption-table td{
    background:#ffffff !important;
    color:#333333 !important;
    border-color:rgba(184,137,31,.14) !important;
}

html[data-theme="light"] .material-table tbody tr:hover td,
html[data-theme="light"] .material-request-table tbody tr:hover,
html[data-theme="light"] .inventory-damage-table tbody tr:hover,
html[data-theme="light"] .inventory-return-table tbody tr:hover,
html[data-theme="light"] .quarantine-table tbody tr:hover,
html[data-theme="light"] .consumption-table tbody tr:hover{
    background:#fffaf0 !important;
}

html[data-theme="light"] .material-table td:first-child,
html[data-theme="light"] .request-no-text,
html[data-theme="light"] .inventory-damage-stock-before,
html[data-theme="light"] .consumption-balance-before{
    color:#9b7014 !important;
}

html[data-theme="light"] .material-request-table td strong,
html[data-theme="light"] .inventory-damage-material-cell strong,
html[data-theme="light"] .inventory-damage-location-cell strong,
html[data-theme="light"] .inventory-return-table strong,
html[data-theme="light"] .quarantine-material-cell strong,
html[data-theme="light"] .quarantine-location-cell strong,
html[data-theme="light"] .consumption-material-cell strong,
html[data-theme="light"] .consumption-project-cell strong{
    color:#111111 !important;
}

html[data-theme="light"] .material-request-table td small,
html[data-theme="light"] .inventory-damage-material-cell span,
html[data-theme="light"] .inventory-damage-location-cell span,
html[data-theme="light"] .inventory-return-table small,
html[data-theme="light"] .quarantine-material-cell span,
html[data-theme="light"] .quarantine-location-cell span,
html[data-theme="light"] .consumption-material-cell span,
html[data-theme="light"] .consumption-project-cell span{
    color:#777777 !important;
}

/* =========================================================
   5. COMMON BADGES
========================================================= */

html[data-theme="light"] .healthy,
html[data-theme="light"] .low-stock,
html[data-theme="light"] .critical-stock,
html[data-theme="light"] .request-priority-badge,
html[data-theme="light"] .request-status-badge,
html[data-theme="light"] .inventory-damage-qty-badge,
html[data-theme="light"] .inventory-damage-severity-badge,
html[data-theme="light"] .inventory-damage-recovery-badge,
html[data-theme="light"] .inventory-damage-status-badge,
html[data-theme="light"] .inventory-return-status,
html[data-theme="light"] .quarantine-source-badge,
html[data-theme="light"] .consumption-source-badge,
html[data-theme="light"] .request-item-number,
html[data-theme="light"] .inventory-return-card-available{
    background:#fff9e8 !important;
    color:#8c6514 !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:none !important;
}

/* =========================================================
   6. AI + MOVEMENT
========================================================= */

html[data-theme="light"] .inventory-ai-card p,
html[data-theme="light"] .movement-item,
html[data-theme="light"] .material-movement-item,
html[data-theme="light"] .ai-inventory-insight-item{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    color:#444444 !important;
}

html[data-theme="light"] .movement-item h3,
html[data-theme="light"] .material-movement-content strong,
html[data-theme="light"] .ai-inventory-insight-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .movement-item p,
html[data-theme="light"] .material-movement-content p,
html[data-theme="light"] .ai-inventory-insight-item p{
    color:#666666 !important;
}

html[data-theme="light"] .movement-dot,
html[data-theme="light"] .material-movement-icon,
html[data-theme="light"] .ai-inventory-insight-icon{
    background:#fff9e8 !important;
    color:#9b7014 !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:none !important;
}

/* =========================================================
   7. COMMON DRAWERS
========================================================= */

html[data-theme="light"] .material-drawer-overlay,
html[data-theme="light"] .transfer-view-overlay,
html[data-theme="light"] .material-request-view-overlay{
    background:rgba(25,30,40,.28) !important;
}

html[data-theme="light"] .material-drawer-panel,
html[data-theme="light"] .transfer-view-panel,
html[data-theme="light"] .material-request-view-panel,
html[data-theme="light"] .inventory-stock-drawer-panel{
    background:#ffffff !important;
    border-left:1px solid rgba(184,137,31,.28) !important;
    box-shadow:-22px 0 65px rgba(28,34,44,.14) !important;
}

html[data-theme="light"] .material-drawer-head h2,
html[data-theme="light"] .transfer-view-head h2,
html[data-theme="light"] .material-request-view-head h2,
html[data-theme="light"] .drawer-title,
html[data-theme="light"] .inventory-drawer-location-banner h3{
    color:#111111 !important;
}

html[data-theme="light"] .material-drawer-head p,
html[data-theme="light"] .transfer-view-head p,
html[data-theme="light"] .material-request-view-head p,
html[data-theme="light"] .inventory-drawer-location-banner p{
    color:#666666 !important;
}

html[data-theme="light"] .material-drawer-head button,
html[data-theme="light"] .transfer-view-head button,
html[data-theme="light"] .material-request-view-head button,
html[data-theme="light"] .request-view-close-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .material-info-grid div,
html[data-theme="light"] .transfer-info-grid div,
html[data-theme="light"] .transfer-view-section,
html[data-theme="light"] .request-view-section,
html[data-theme="light"] .request-view-info-grid div,
html[data-theme="light"] .request-view-material-card,
html[data-theme="light"] .inventory-drawer-info-card,
html[data-theme="light"] .inventory-drawer-flow-grid > div,
html[data-theme="light"] .inventory-drawer-meta-grid > div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .material-info-grid span,
html[data-theme="light"] .transfer-info-grid span,
html[data-theme="light"] .request-view-info-grid span,
html[data-theme="light"] .inventory-drawer-info-card span,
html[data-theme="light"] .inventory-drawer-meta-grid span{
    color:#666666 !important;
}

html[data-theme="light"] .material-info-grid strong,
html[data-theme="light"] .transfer-info-grid strong,
html[data-theme="light"] .request-view-info-grid strong,
html[data-theme="light"] .request-view-section-head h3,
html[data-theme="light"] .inventory-drawer-info-card strong,
html[data-theme="light"] .inventory-drawer-meta-grid strong{
    color:#111111 !important;
}

html[data-theme="light"] .stock-health-card{
    background:#fff9e8 !important;
    border:1px solid rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .stock-health-card h3,
html[data-theme="light"] .stock-health-card span{
    color:#9b7014 !important;
}

html[data-theme="light"] .stock-health-card p{
    color:#555555 !important;
}

html[data-theme="light"] .material-transaction-list div,
html[data-theme="light"] .inventory-drawer-transaction{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.18) !important;
    border-left:4px solid #b8891f !important;
}

html[data-theme="light"] .material-transaction-list strong,
html[data-theme="light"] .inventory-drawer-transaction-main strong{
    color:#111111 !important;
}

html[data-theme="light"] .material-transaction-list span,
html[data-theme="light"] .inventory-drawer-transaction-main span{
    color:#666666 !important;
}

html[data-theme="light"] .consumption-bars{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .consumption-bars span{
    color:#333333 !important;
}

/* =========================================================
   8. COMMON MODALS
========================================================= */

html[data-theme="light"] .material-modal,
html[data-theme="light"] #materialRequestModal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .material-modal-box,
html[data-theme="light"] .large-material-request-modal,
html[data-theme="light"] .request-approval-modal-box,
html[data-theme="light"] .request-reject-modal-box,
html[data-theme="light"] .request-issue-modal-box,
html[data-theme="light"] .material-receive-modal-box,
html[data-theme="light"] .material-damage-return-modal-box,
html[data-theme="light"] .admin-damage-confirm-modal-box,
html[data-theme="light"] .inventory-damage-modal-box,
html[data-theme="light"] .inventory-return-modal-box,
html[data-theme="light"] .material-return-confirm-box,
html[data-theme="light"] .quarantine-settlement-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .material-modal-head,
html[data-theme="light"] .material-modal-header,
html[data-theme="light"] #materialRequestModal .material-modal-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
}

html[data-theme="light"] .material-modal-head h2,
html[data-theme="light"] .material-modal-header h2,
html[data-theme="light"] #materialRequestModal .material-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .material-modal-head p,
html[data-theme="light"] .material-modal-header p,
html[data-theme="light"] #materialRequestModal .material-modal-head p{
    color:#666666 !important;
}

html[data-theme="light"] .material-modal-head button,
html[data-theme="light"] .material-modal-close,
html[data-theme="light"] #materialRequestModalClose{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

/* =========================================================
   9. ALL INVENTORY FORMS
========================================================= */

html[data-theme="light"] .material-form label,
html[data-theme="light"] .issue-material-form label,
html[data-theme="light"] .request-stock-form label,
html[data-theme="light"] .warehouse-form label,
html[data-theme="light"] .exchange-form label,
html[data-theme="light"] .material-request-form label,
html[data-theme="light"] .request-approval-form label,
html[data-theme="light"] .request-reject-form label,
html[data-theme="light"] .request-issue-form label,
html[data-theme="light"] .material-receive-form label,
html[data-theme="light"] .material-damage-return-form label,
html[data-theme="light"] .admin-damage-confirm-form label,
html[data-theme="light"] .inventory-damage-form label,
html[data-theme="light"] .inventory-return-form label,
html[data-theme="light"] .material-return-confirm-form label,
html[data-theme="light"] .quarantine-settlement-form label{
    color:#222222 !important;
}

html[data-theme="light"] .material-form input,
html[data-theme="light"] .material-form select,
html[data-theme="light"] .material-form textarea,
html[data-theme="light"] .issue-material-form input,
html[data-theme="light"] .issue-material-form select,
html[data-theme="light"] .issue-material-form textarea,
html[data-theme="light"] .request-stock-form input,
html[data-theme="light"] .request-stock-form select,
html[data-theme="light"] .request-stock-form textarea,
html[data-theme="light"] .warehouse-form input,
html[data-theme="light"] .warehouse-form select,
html[data-theme="light"] .warehouse-form textarea,
html[data-theme="light"] .exchange-form input,
html[data-theme="light"] .exchange-form select,
html[data-theme="light"] .exchange-form textarea,
html[data-theme="light"] #materialRequestModal input,
html[data-theme="light"] #materialRequestModal select,
html[data-theme="light"] #materialRequestModal textarea,
html[data-theme="light"] .request-approval-form input,
html[data-theme="light"] .request-approval-form select,
html[data-theme="light"] .request-approval-form textarea,
html[data-theme="light"] .request-reject-form input,
html[data-theme="light"] .request-reject-form select,
html[data-theme="light"] .request-reject-form textarea,
html[data-theme="light"] .request-issue-form input,
html[data-theme="light"] .request-issue-form select,
html[data-theme="light"] .request-issue-form textarea,
html[data-theme="light"] .material-receive-form input,
html[data-theme="light"] .material-receive-form select,
html[data-theme="light"] .material-receive-form textarea,
html[data-theme="light"] .material-damage-return-form input,
html[data-theme="light"] .material-damage-return-form select,
html[data-theme="light"] .material-damage-return-form textarea,
html[data-theme="light"] .admin-damage-confirm-form input,
html[data-theme="light"] .admin-damage-confirm-form select,
html[data-theme="light"] .admin-damage-confirm-form textarea,
html[data-theme="light"] .inventory-damage-form input,
html[data-theme="light"] .inventory-damage-form select,
html[data-theme="light"] .inventory-damage-form textarea,
html[data-theme="light"] .inventory-return-form input,
html[data-theme="light"] .inventory-return-form select,
html[data-theme="light"] .inventory-return-form textarea,
html[data-theme="light"] .material-return-confirm-form input,
html[data-theme="light"] .material-return-confirm-form select,
html[data-theme="light"] .material-return-confirm-form textarea,
html[data-theme="light"] .quarantine-settlement-form input,
html[data-theme="light"] .quarantine-settlement-form select,
html[data-theme="light"] .quarantine-settlement-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .material-form input::placeholder,
html[data-theme="light"] .material-form textarea::placeholder,
html[data-theme="light"] #materialRequestModal input::placeholder,
html[data-theme="light"] #materialRequestModal textarea::placeholder,
html[data-theme="light"] .inventory-damage-form input::placeholder,
html[data-theme="light"] .inventory-damage-form textarea::placeholder,
html[data-theme="light"] .inventory-return-form input::placeholder,
html[data-theme="light"] .inventory-return-form textarea::placeholder{
    color:#929292 !important;
}

html[data-theme="light"] .material-form select option,
html[data-theme="light"] .issue-material-form select option,
html[data-theme="light"] .request-stock-form select option,
html[data-theme="light"] .warehouse-form select option,
html[data-theme="light"] .exchange-form select option,
html[data-theme="light"] #materialRequestModal select option,
html[data-theme="light"] .request-approval-form select option,
html[data-theme="light"] .request-reject-form select option,
html[data-theme="light"] .request-issue-form select option,
html[data-theme="light"] .material-receive-form select option,
html[data-theme="light"] .inventory-damage-form select option,
html[data-theme="light"] .inventory-return-form select option,
html[data-theme="light"] .quarantine-settlement-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .material-form input:focus,
html[data-theme="light"] .material-form select:focus,
html[data-theme="light"] .material-form textarea:focus,
html[data-theme="light"] #materialRequestModal input:focus,
html[data-theme="light"] #materialRequestModal select:focus,
html[data-theme="light"] #materialRequestModal textarea:focus,
html[data-theme="light"] .inventory-damage-form input:focus,
html[data-theme="light"] .inventory-damage-form select:focus,
html[data-theme="light"] .inventory-damage-form textarea:focus,
html[data-theme="light"] .inventory-return-form input:focus,
html[data-theme="light"] .inventory-return-form select:focus,
html[data-theme="light"] .inventory-return-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] input[readonly],
html[data-theme="light"] input:disabled,
html[data-theme="light"] select:disabled{
    background:#f7f3e8 !important;
    color:#777777 !important;
    border-color:#ddd3ba !important;
}

/* Specific dark dropdown IDs */

html[data-theme="light"] #supplierSelect,
html[data-theme="light"] #projectSiteSelect,
html[data-theme="light"] #sourceWarehouseSelect,
html[data-theme="light"] #stockWarehouseSelect,
html[data-theme="light"] #exchangeMaterialSelect,
html[data-theme="light"] #exchangeFromProject,
html[data-theme="light"] #exchangeToProject,
html[data-theme="light"] #materialRequestStatusFilter{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
}

/* =========================================================
   10. MATERIAL REQUEST TRACKER
========================================================= */

html[data-theme="light"] .material-request-panel::before{
    display:none !important;
}

html[data-theme="light"] .material-request-filter-bar,
html[data-theme="light"] .request-search-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .request-search-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .request-search-box input{
    color:#111111 !important;
}

html[data-theme="light"] .request-search-box input::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .material-request-item,
html[data-theme="light"] .material-request-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:0 12px 28px rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .material-request-item::before{
    background:#b8891f !important;
}

html[data-theme="light"] .material-request-item-top h4,
html[data-theme="light"] .material-request-card h3,
html[data-theme="light"] .material-request-items-head h3{
    color:#111111 !important;
}

html[data-theme="light"] .material-request-item-top p,
html[data-theme="light"] .material-request-card p,
html[data-theme="light"] .request-meta span,
html[data-theme="light"] .material-request-items-head p{
    color:#666666 !important;
}

html[data-theme="light"] .material-request-flow-note,
html[data-theme="light"] .approval-flow-note,
html[data-theme="light"] .issue-flow-note,
html[data-theme="light"] .receive-flow-note,
html[data-theme="light"] .damage-return-flow-note,
html[data-theme="light"] .admin-damage-flow-note{
    background:#fff9e8 !important;
    border:1px solid rgba(184,137,31,.22) !important;
    color:#555555 !important;
}

html[data-theme="light"] .material-request-flow-note i,
html[data-theme="light"] .approval-flow-note i,
html[data-theme="light"] .issue-flow-note i,
html[data-theme="light"] .receive-flow-note i,
html[data-theme="light"] .damage-return-flow-note i,
html[data-theme="light"] .admin-damage-flow-note i{
    color:#9b7014 !important;
}

html[data-theme="light"] .remove-material-request-item,
html[data-theme="light"] .material-delete-btn,
html[data-theme="light"] .request-reject-btn{
    background:#ffffff !important;
    color:#9b7014 !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

/* =========================================================
   11. APPROVAL / REJECT / ISSUE / RECEIVE CARDS
========================================================= */

html[data-theme="light"] .approval-request-summary > div,
html[data-theme="light"] .reject-request-summary > div,
html[data-theme="light"] .issue-request-summary > div,
html[data-theme="light"] .receive-request-summary > div,
html[data-theme="light"] .damage-return-summary > div,
html[data-theme="light"] .admin-damage-confirm-summary > div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .approval-request-summary span,
html[data-theme="light"] .reject-request-summary span,
html[data-theme="light"] .issue-request-summary span,
html[data-theme="light"] .receive-request-summary span,
html[data-theme="light"] .damage-return-summary span,
html[data-theme="light"] .admin-damage-confirm-summary span{
    color:#666666 !important;
}

html[data-theme="light"] .approval-request-summary strong,
html[data-theme="light"] .reject-request-summary strong,
html[data-theme="light"] .issue-request-summary strong,
html[data-theme="light"] .receive-request-summary strong,
html[data-theme="light"] .damage-return-summary strong,
html[data-theme="light"] .admin-damage-confirm-summary strong{
    color:#111111 !important;
}

html[data-theme="light"] .approval-material-card,
html[data-theme="light"] .issue-material-card,
html[data-theme="light"] .receive-material-card,
html[data-theme="light"] .damage-return-card,
html[data-theme="light"] .admin-damage-confirm-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .approval-material-card::before,
html[data-theme="light"] .issue-material-card::before,
html[data-theme="light"] .receive-material-card::before,
html[data-theme="light"] .damage-return-card::before,
html[data-theme="light"] .admin-damage-confirm-card::before{
    background:#b8891f !important;
}

html[data-theme="light"] .approval-material-card-head h4,
html[data-theme="light"] .issue-material-card-head h4,
html[data-theme="light"] .receive-material-card-head h4,
html[data-theme="light"] .damage-return-card-top h4,
html[data-theme="light"] .admin-damage-card-head h4{
    color:#111111 !important;
}

html[data-theme="light"] .approval-material-card-head p,
html[data-theme="light"] .issue-material-card-head p,
html[data-theme="light"] .receive-material-card-head p,
html[data-theme="light"] .damage-return-card-top p,
html[data-theme="light"] .admin-damage-card-head p{
    color:#666666 !important;
}

html[data-theme="light"] .request-reject-warning,
html[data-theme="light"] .delete-warning{
    background:#fff9e8 !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .request-reject-warning h3,
html[data-theme="light"] .delete-warning i{
    color:#9b7014 !important;
}

html[data-theme="light"] .request-reject-warning p,
html[data-theme="light"] .delete-warning p{
    color:#555555 !important;
}

/* =========================================================
   12. DAMAGE MODULE
========================================================= */

html[data-theme="light"] .inventory-damage-section,
html[data-theme="light"] .inventory-damage-form-section,
html[data-theme="light"] .inventory-damage-detail-section,
html[data-theme="light"] .inventory-damage-details-banner,
html[data-theme="light"] .inventory-damage-impact-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:0 14px 32px rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .inventory-damage-filter-bar,
html[data-theme="light"] .inventory-damage-search-box input,
html[data-theme="light"] .inventory-damage-filter-bar select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .inventory-damage-search-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .inventory-damage-form-heading h3,
html[data-theme="light"] .inventory-damage-detail-heading h3,
html[data-theme="light"] .inventory-damage-details-banner h3{
    color:#111111 !important;
}

html[data-theme="light"] .inventory-damage-form-heading p,
html[data-theme="light"] .inventory-damage-detail-heading p,
html[data-theme="light"] .inventory-damage-details-banner p{
    color:#666666 !important;
}

html[data-theme="light"] .inventory-damage-material-result-item{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .inventory-damage-material-result-main strong{
    color:#111111 !important;
}

html[data-theme="light"] .inventory-damage-material-result-main span,
html[data-theme="light"] .inventory-damage-material-result-stock{
    color:#666666 !important;
}

html[data-theme="light"] .inventory-damage-form-note{
    background:#fff9e8 !important;
    color:#555555 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .inventory-damage-form-note i{
    color:#9b7014 !important;
}

/* =========================================================
   13. INVENTORY RETURN
========================================================= */

html[data-theme="light"] .inventory-return-section,
html[data-theme="light"] .inventory-return-modal-section,
html[data-theme="light"] .inventory-return-selected-section,
html[data-theme="light"] .material-return-confirm-summary,
html[data-theme="light"] .material-return-confirm-section{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .inventory-return-filter-bar,
html[data-theme="light"] .inventory-return-search-box input,
html[data-theme="light"] .inventory-return-picker-search input{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .inventory-return-picker-search i{
    color:#9b7014 !important;
}

html[data-theme="light"] .inventory-return-card{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:0 10px 24px rgba(28,34,44,.05) !important;
}

html[data-theme="light"] .inventory-return-card:hover,
html[data-theme="light"] .inventory-return-card.active{
    background:#fff9e8 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .inventory-return-card-title,
html[data-theme="light"] .inventory-return-card-grid strong,
html[data-theme="light"] .inventory-return-selected-head h3,
html[data-theme="light"] .inventory-return-selected-grid strong,
html[data-theme="light"] .material-return-confirm-summary strong{
    color:#111111 !important;
}

html[data-theme="light"] .inventory-return-card-project,
html[data-theme="light"] .inventory-return-selected-head span{
    color:#9b7014 !important;
}

html[data-theme="light"] .inventory-return-card-grid div,
html[data-theme="light"] .inventory-return-selected-grid div,
html[data-theme="light"] .material-return-confirm-summary > div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.16) !important;
}

html[data-theme="light"] .inventory-return-card-grid span,
html[data-theme="light"] .inventory-return-selected-grid span,
html[data-theme="light"] .material-return-confirm-summary span{
    color:#666666 !important;
}

html[data-theme="light"] .inventory-return-modal-note,
html[data-theme="light"] .material-return-confirm-note{
    background:#fff9e8 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .inventory-return-modal-note p,
html[data-theme="light"] .material-return-confirm-note p{
    color:#555555 !important;
}

html[data-theme="light"] .inventory-return-modal-note i,
html[data-theme="light"] .material-return-confirm-note i{
    color:#9b7014 !important;
}

/* =========================================================
   14. QUARANTINE MODULE
========================================================= */

html[data-theme="light"] .quarantine-management-section,
html[data-theme="light"] .quarantine-settlement-section,
html[data-theme="light"] .quarantine-settlement-summary > div,
html[data-theme="light"] .quarantine-action-option{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:0 14px 32px rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .quarantine-filter-bar,
html[data-theme="light"] .quarantine-search-box input,
html[data-theme="light"] .quarantine-filter-bar select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .quarantine-search-box i,
html[data-theme="light"] .quarantine-action-icon{
    color:#9b7014 !important;
}

html[data-theme="light"] .quarantine-settlement-heading h3,
html[data-theme="light"] .quarantine-action-option strong,
html[data-theme="light"] .quarantine-settlement-summary strong{
    color:#111111 !important;
}

html[data-theme="light"] .quarantine-settlement-heading p,
html[data-theme="light"] .quarantine-action-option span,
html[data-theme="light"] .quarantine-settlement-summary span{
    color:#666666 !important;
}

html[data-theme="light"] .quarantine-settlement-note{
    background:#fff9e8 !important;
    border:1px solid rgba(184,137,31,.22) !important;
    color:#555555 !important;
}

/* =========================================================
   15. CONSUMPTION MODULE
========================================================= */

html[data-theme="light"] .material-consumption-section,
html[data-theme="light"] .consumption-filter-bar{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:0 14px 32px rgba(28,34,44,.06) !important;
}

html[data-theme="light"] .consumption-search-box input,
html[data-theme="light"] .consumption-date-filter,
html[data-theme="light"] .consumption-filter-bar select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .consumption-search-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .consumption-qty-badge,
html[data-theme="light"] .consumption-source-badge{
    background:#fff9e8 !important;
    color:#8c6514 !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .consumption-balance-after,
html[data-theme="light"] .inventory-damage-stock-after{
    color:#7b5710 !important;
}

/* =========================================================
   16. EMPTY, LOADING, ERROR STATES
========================================================= */

html[data-theme="light"] .request-view-empty,
html[data-theme="light"] .request-view-error,
html[data-theme="light"] .inventory-drawer-empty,
html[data-theme="light"] .inventory-return-picker-empty,
html[data-theme="light"] .inventory-return-empty-cell,
html[data-theme="light"] .inventory-damage-empty-cell,
html[data-theme="light"] .quarantine-empty-cell,
html[data-theme="light"] .consumption-empty-cell,
html[data-theme="light"] .material-movement-empty,
html[data-theme="light"] .ai-inventory-insight-empty,
html[data-theme="light"] .ai-inventory-insight-error,
html[data-theme="light"] .ai-inventory-insight-loading{
    background:#ffffff !important;
    color:#777777 !important;
    border-color:rgba(184,137,31,.20) !important;
}

/* =========================================================
   17. FOOTERS AND STICKY ACTIONS
========================================================= */

html[data-theme="light"] .material-modal-footer,
html[data-theme="light"] .inventory-damage-form .material-modal-actions,
html[data-theme="light"] .inventory-return-form .material-modal-actions,
html[data-theme="light"] .material-return-confirm-form .material-modal-actions,
html[data-theme="light"] #materialRequestModal .material-modal-actions{
    background:#ffffff !important;
    border-top:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
}

html[data-theme="light"] .material-cancel-btn,
html[data-theme="light"] .inventory-damage-clear-btn,
html[data-theme="light"] .inventory-return-clear-btn,
html[data-theme="light"] .quarantine-clear-btn,
html[data-theme="light"] .consumption-clear-filter-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

/* =========================================================
   18. ACTION BUTTONS
========================================================= */

html[data-theme="light"] .material-drawer-actions button,
html[data-theme="light"] .request-actions button,
html[data-theme="light"] .request-view-actions button,
html[data-theme="light"] .inventory-damage-view-btn,
html[data-theme="light"] .inventory-return-view-btn,
html[data-theme="light"] .quarantine-view-btn,
html[data-theme="light"] .consumption-view-btn,
html[data-theme="light"] .view-material-request-btn,
html[data-theme="light"] .request-approve-btn,
html[data-theme="light"] .request-issue-btn,
html[data-theme="light"] .request-receive-btn,
html[data-theme="light"] .request-damage-return-btn,
html[data-theme="light"] .request-admin-damage-confirm-btn{
    background:#ffffff !important;
    color:#9b7014 !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .material-drawer-actions button:hover,
html[data-theme="light"] .request-actions button:hover,
html[data-theme="light"] .request-view-actions button:hover,
html[data-theme="light"] .inventory-damage-view-btn:hover,
html[data-theme="light"] .inventory-return-view-btn:hover,
html[data-theme="light"] .quarantine-view-btn:hover,
html[data-theme="light"] .consumption-view-btn:hover,
html[data-theme="light"] .view-material-request-btn:hover{
    background:#fff9e8 !important;
    color:#7b5710 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   19. COLLAPSIBLE SECTIONS
========================================================= */

html[data-theme="light"] .inventory-collapsible-section{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .inventory-collapsible-section.is-collapsed{
    background:#fffdf7 !important;
}

html[data-theme="light"] .inventory-collapse-btn{
    color:#9b7014 !important;
}

/* =========================================================
   20. SCROLLBARS
========================================================= */

html[data-theme="light"] .material-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] .material-request-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] .inventory-damage-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] .inventory-return-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] .quarantine-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] .consumption-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] .material-drawer-panel::-webkit-scrollbar-track,
html[data-theme="light"] .material-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .material-request-form::-webkit-scrollbar-track,
html[data-theme="light"] .material-request-view-panel::-webkit-scrollbar-track,
html[data-theme="light"] .inventory-return-form::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .material-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .material-request-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .inventory-damage-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .inventory-return-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .quarantine-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .consumption-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .material-drawer-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .material-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .material-request-form::-webkit-scrollbar-thumb,
html[data-theme="light"] .material-request-view-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .inventory-return-form::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    box-shadow:none !important;
}

/* =========================================================
   21. MOBILE SAFE OVERRIDES
========================================================= */

@media(max-width:768px){

    html[data-theme="light"] .inventory-header-actions,
    html[data-theme="light"] .inventory-damage-head-actions,
    html[data-theme="light"] .inventory-return-head-actions,
    html[data-theme="light"] .quarantine-head-actions,
    html[data-theme="light"] .inventory-tracker-head-actions,
    html[data-theme="light"] .material-request-head-actions{
        width:100%;
    }

    html[data-theme="light"] .inventory-header-actions > button,
    html[data-theme="light"] .inventory-damage-head-actions > button,
    html[data-theme="light"] .inventory-return-head-actions > button,
    html[data-theme="light"] .quarantine-head-actions > button{
        flex:1;
    }

}

/* =========================================================
   22. FINAL COLOR NEUTRALIZER FOR INVENTORY-ONLY ELEMENTS
========================================================= */

html[data-theme="light"] [class*="inventory-"] h1,
html[data-theme="light"] [class*="inventory-"] h2,
html[data-theme="light"] [class*="inventory-"] h3,
html[data-theme="light"] [class*="inventory-"] h4,
html[data-theme="light"] [class*="material-"] h1,
html[data-theme="light"] [class*="material-"] h2,
html[data-theme="light"] [class*="material-"] h3,
html[data-theme="light"] [class*="material-"] h4{
    text-shadow:none !important;
}

html[data-theme="light"] .gold-text,
html[data-theme="light"] .warning-text,
html[data-theme="light"] .request-item-stock,
html[data-theme="light"] .request-item-previous-issued,
html[data-theme="light"] .request-item-consumption,
html[data-theme="light"] .request-item-balance,
html[data-theme="light"] .approved-quantity-input,
html[data-theme="light"] .issue-quantity-input,
html[data-theme="light"] .receive-quantity-input,
html[data-theme="light"] .damaged-quantity-input,
html[data-theme="light"] .admin-accepted-quantity,
html[data-theme="light"] .admin-rejected-quantity{
    color:#9b7014 !important;
}

/* INVENTORY TABLE — STOCK AT TYPE TEXT */

html[data-theme="light"]
.inventory-stock-location-cell span{
    color:#333333 !important;
}

/* =========================================================
   MATERIAL REQUEST TRACKER — VIEW DRAWER EXACT LIGHT FIX
========================================================= */

/* Requested material outer card */

html[data-theme="light"]
.material-request-view-panel
.request-view-material-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    border-left:
        4px solid
        #b8891f !important;

    box-shadow:none !important;
}


/* Material title */

html[data-theme="light"]
.material-request-view-panel
.request-view-material-title h4{
    color:#111111 !important;
}


/* Category • Unit */

html[data-theme="light"]
.material-request-view-panel
.request-view-material-title p{
    color:#555555 !important;
}


/* Item status badge */

html[data-theme="light"]
.material-request-view-panel
.request-view-material-title > span{
    background:#fff9e8 !important;

    color:#8c6514 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}


/* Quantity grid boxes */

html[data-theme="light"]
.material-request-view-panel
.request-view-qty-grid > div{
    background:#fafafa !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}


/* Requested / Approved / Reserved etc labels */

html[data-theme="light"]
.material-request-view-panel
.request-view-qty-grid > div > span{
    color:#555555 !important;
}


/* Quantity values */

html[data-theme="light"]
.material-request-view-panel
.request-view-qty-grid > div > strong{
    color:#111111 !important;
}


/* Previous Issued / Previous Consumption boxes */

html[data-theme="light"]
.material-request-view-panel
.request-view-stock-snapshot > div{
    background:#fafafa !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}


/* Previous Issued / Previous Consumption labels */

html[data-theme="light"]
.material-request-view-panel
.request-view-stock-snapshot > div > span{
    color:#555555 !important;
}


/* Previous Issued / Previous Consumption values */

html[data-theme="light"]
.material-request-view-panel
.request-view-stock-snapshot > div > strong{
    color:#9b7014 !important;
}


/* Item remarks complete line */

html[data-theme="light"]
.material-request-view-panel
.request-view-material-remarks{
    color:#555555 !important;

    border-top-color:
        rgba(184,137,31,.18) !important;
}


/* Item Remarks label */

html[data-theme="light"]
.material-request-view-panel
.request-view-material-remarks > strong{
    color:#9b7014 !important;
}


/* Approval remarks */

html[data-theme="light"]
.material-request-view-panel
.request-view-material-remarks.approval{
    background:#fff9e8 !important;

    color:#555555 !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}


/* Empty / loading / error */

html[data-theme="light"]
.material-request-view-panel
.request-view-empty{
    background:#ffffff !important;

    color:#666666 !important;

    border:
        1px dashed
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"]
.material-request-view-panel
.request-view-error{
    color:#7b5710 !important;
}


/* =========================================================
   LIGHT THEME - ALL SELECT DROPDOWNS
========================================================= */

html[data-theme="light"] select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d9c07a !important;
}

html[data-theme="light"] select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] select optgroup{
    background:#ffffff !important;
    color:#111111 !important;
    font-weight:600;
}

html[data-theme="light"] select:focus{
    outline:none;
    border-color:#c89b27 !important;
    box-shadow:0 0 0 3px rgba(200,155,39,.15);
}

/* =========================================================
   INVENTORY DAMAGE DETAILS MODAL — EXACT LIGHT MODE FIX
========================================================= */

/* MAIN MODAL */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:
        0 28px 80px
        rgba(28,34,44,.16) !important;
}


/* MODAL HEADER */

html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-head,
html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-header{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-head h2,
html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-header h2{
    color:#111111 !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-head p,
html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-header p{
    color:#666666 !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-close{
    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.material-modal-close:hover{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border-color:#b8891f !important;
}


/* BODY */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-body{
    background:#ffffff !important;
}


/* TOP SUMMARY BANNER */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-banner > div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:
        0 10px 24px
        rgba(28,34,44,.05) !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-banner span{
    color:#666666 !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-banner strong{
    color:#111111 !important;
}


/* SECTION CONTAINERS */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-detail-section{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:
        0 12px 28px
        rgba(28,34,44,.05) !important;
}


/* SECTION HEADINGS */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-detail-heading h3{
    color:#111111 !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-detail-heading p{
    color:#666666 !important;
}


/* DETAIL INFO BOXES */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-detail-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;

    box-shadow:none !important;
}


/* LABELS */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-detail-item span{
    color:#666666 !important;
}


/* VALUES */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-detail-item strong{
    color:#111111 !important;
}


/* PARAGRAPH VALUES:
   Damage Reason / Remarks */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-detail-item p{
    color:#444444 !important;
}


/* STOCK IMPACT CARDS */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-impact-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    box-shadow:none !important;
}


/* REMOVE MULTICOLOR SIDE BORDERS */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-impact-card.before::before,
html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-impact-card.damaged::before,
html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-impact-card.after::before,
html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-impact-card.value::before{
    background:#b8891f !important;
}


/* STOCK IMPACT LABELS */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-impact-card span{
    color:#666666 !important;
}


/* STOCK IMPACT VALUES */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-impact-card strong{
    color:#111111 !important;
}


/* FOOTER */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-body
.material-modal-actions{
    background:#ffffff !important;

    border-top:
        1px solid
        rgba(184,137,31,.20) !important;
}


/* CLOSE BUTTON */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-body
.material-cancel-btn,
html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-body
button{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-body
button:hover{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border-color:#b8891f !important;
}


/* SCROLLBAR */

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-body::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"]
#inventoryDamageDetailsModal
.inventory-damage-details-body::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;

    box-shadow:none !important;
}


/* =========================================================
   INVENTORY STOCK DETAIL DRAWER — EXACT LIGHT MODE FIX
========================================================= */

/* MAIN DRAWER */

html[data-theme="light"]
.inventory-stock-drawer-panel{
    background:#ffffff !important;

    border-left:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        -24px 0 70px
        rgba(28,34,44,.14) !important;
}


/* HEADER */

html[data-theme="light"]
.inventory-stock-drawer-panel
.material-drawer-head{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.20) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"]
.inventory-drawer-kicker{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"]
.inventory-stock-drawer-panel
.material-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"]
.inventory-stock-drawer-panel
.material-drawer-head p{
    color:#666666 !important;
}

html[data-theme="light"]
.inventory-stock-drawer-panel
.material-drawer-head button{
    background:#ffffff !important;

    color:#222222 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"]
.inventory-stock-drawer-panel
.material-drawer-head button:hover{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border-color:#b8891f !important;
}


/* LOCATION BANNER */

html[data-theme="light"]
.inventory-drawer-location-banner{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:none !important;
}

html[data-theme="light"]
.inventory-drawer-location-banner span{
    color:#666666 !important;
}

html[data-theme="light"]
.inventory-drawer-location-banner strong{
    color:#9b7014 !important;
}

html[data-theme="light"]
.inventory-drawer-location-banner small{
    color:#666666 !important;
}


/* MAIN KPI CARDS */

html[data-theme="light"]
.inventory-drawer-main-grid > div,
html[data-theme="light"]
.inventory-drawer-info-card.available,
html[data-theme="light"]
.inventory-drawer-info-card.rate,
html[data-theme="light"]
.inventory-drawer-info-card.value,
html[data-theme="light"]
.inventory-drawer-info-card.status{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    box-shadow:none !important;
}

html[data-theme="light"]
.inventory-drawer-main-grid span{
    color:#666666 !important;
}

html[data-theme="light"]
.inventory-drawer-main-grid strong,
html[data-theme="light"]
.inventory-drawer-info-card.available strong,
html[data-theme="light"]
.inventory-drawer-info-card.rate strong,
html[data-theme="light"]
.inventory-drawer-info-card.value strong,
html[data-theme="light"]
.inventory-drawer-info-card.status strong{
    color:#111111 !important;
}


/* SECTION TITLES */

html[data-theme="light"]
.inventory-stock-drawer-panel
.drawer-title{
    color:#111111 !important;
}

html[data-theme="light"]
.inventory-stock-drawer-panel
.drawer-title::after{
    background:
        linear-gradient(
            90deg,
            #b8891f,
            transparent
        ) !important;
}


/* STOCK FLOW GRID */

html[data-theme="light"]
.inventory-drawer-flow-grid > div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"]
.inventory-drawer-flow-grid span{
    color:#666666 !important;
}

html[data-theme="light"]
.inventory-drawer-flow-grid strong,
html[data-theme="light"]
.inventory-drawer-flow-grid > div:nth-child(3) strong,
html[data-theme="light"]
.inventory-drawer-flow-grid > div:nth-child(4) strong,
html[data-theme="light"]
.inventory-drawer-flow-grid > div:nth-child(5) strong,
html[data-theme="light"]
.inventory-drawer-flow-grid > div:nth-child(6) strong,
html[data-theme="light"]
.inventory-drawer-flow-grid > div:nth-child(7) strong,
html[data-theme="light"]
.inventory-drawer-flow-grid > div:nth-child(8) strong,
html[data-theme="light"]
.inventory-drawer-flow-grid > div:nth-child(9) strong{
    color:#111111 !important;
}


/* MATERIAL META GRID */

html[data-theme="light"]
.inventory-drawer-meta-grid > div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"]
.inventory-drawer-meta-grid span{
    color:#666666 !important;
}

html[data-theme="light"]
.inventory-drawer-meta-grid strong{
    color:#111111 !important;
}


/* TRANSACTION CARDS */

html[data-theme="light"]
.inventory-drawer-transaction{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    border-left:
        3px solid
        #b8891f !important;

    box-shadow:none !important;
}

html[data-theme="light"]
.inventory-drawer-transaction.received,
html[data-theme="light"]
.inventory-drawer-transaction.issued{
    border-left-color:#b8891f !important;
}

html[data-theme="light"]
.inventory-drawer-transaction-icon{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"]
.inventory-drawer-transaction-main{
    background:#ffffff !important;
}

html[data-theme="light"]
.inventory-drawer-transaction-main strong{
    color:#111111 !important;
}

html[data-theme="light"]
.inventory-drawer-transaction-main span{
    color:#555555 !important;
}

html[data-theme="light"]
.inventory-drawer-transaction-main small{
    color:#777777 !important;
}


/* EMPTY STATE */

html[data-theme="light"]
.inventory-drawer-empty{
    background:#ffffff !important;

    color:#666666 !important;

    border:
        1px dashed
        rgba(184,137,31,.24) !important;
}


/* SCROLLBAR */

html[data-theme="light"]
.inventory-stock-drawer-panel::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"]
.inventory-stock-drawer-panel::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;
}


/* INVENTORY TABLE STOCK LOCATION */

html[data-theme="light"]
.inventory-stock-location-cell strong{
    color:#111111 !important;
}

html[data-theme="light"]
.inventory-stock-location-cell span{
    color:#555555 !important;
}

html[data-theme="light"]
.inventory-stock-row:hover{
    background:#fff9e8 !important;
}

/* =========================================================
   INVENTORY & MATERIAL — FINAL LIGHT MODE TEXT VISIBILITY FIX
   Layout change nahi hoga; sirf contrast clear hoga
========================================================= */

/* =========================
   GENERAL INVENTORY TEXT
========================= */

html[data-theme="light"] .inventory-page{
    color:#171717 !important;
}

html[data-theme="light"] .inventory-page h1,
html[data-theme="light"] .inventory-page h2,
html[data-theme="light"] .inventory-page h3,
html[data-theme="light"] .inventory-page h4,
html[data-theme="light"] .inventory-page h5,
html[data-theme="light"] .inventory-page strong{
    color:#171717 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .inventory-page p,
html[data-theme="light"] .inventory-page small{
    color:#5b5b5b !important;
    text-shadow:none !important;
}


/* =========================
   PANEL HEADINGS / SUBTITLES
========================= */

html[data-theme="light"] .inventory-section-head h2,
html[data-theme="light"] .material-request-panel-head h2,
html[data-theme="light"] .inventory-tracker-heading h2,
html[data-theme="light"] .inventory-damage-heading h2,
html[data-theme="light"] .quarantine-heading h2,
html[data-theme="light"] .inventory-return-heading h2,
html[data-theme="light"] .consumption-heading h2,
html[data-theme="light"] .panel-head h2{
    color:#151515 !important;
}

html[data-theme="light"] .inventory-section-head p,
html[data-theme="light"] .material-request-panel-head p,
html[data-theme="light"] .inventory-tracker-heading p,
html[data-theme="light"] .inventory-damage-heading p,
html[data-theme="light"] .quarantine-heading p,
html[data-theme="light"] .inventory-return-heading p,
html[data-theme="light"] .consumption-heading p,
html[data-theme="light"] .panel-head p,
html[data-theme="light"] .panel-head span{
    color:#555555 !important;
}


/* =========================
   SECTION RIGHT LABELS
   Recent Activity / Site Transfer etc.
========================= */

html[data-theme="light"] .inventory-section-head > span,
html[data-theme="light"] .panel-head > span,
html[data-theme="light"] .material-movement-head span,
html[data-theme="light"] .exchange-section-label,
html[data-theme="light"] .recent-activity-label{
    color:#76550f !important;
    font-weight:800 !important;
}


/* =========================
   KPI CARD SMALL LABELS
========================= */

html[data-theme="light"] .inventory-kpi-card span,
html[data-theme="light"] .inventory-kpi-card p,
html[data-theme="light"] .request-summary-card span,
html[data-theme="light"] .request-summary-card p,
html[data-theme="light"] .consumption-kpi-card span,
html[data-theme="light"] .consumption-kpi-card p,
html[data-theme="light"] .inventory-damage-kpi-card span,
html[data-theme="light"] .inventory-damage-kpi-card p,
html[data-theme="light"] .quarantine-kpi-card span,
html[data-theme="light"] .quarantine-kpi-card p,
html[data-theme="light"] .inventory-return-kpi-card span,
html[data-theme="light"] .inventory-return-kpi-card p{
    color:#515151 !important;
    opacity:1 !important;
}

html[data-theme="light"] .inventory-kpi-card h2,
html[data-theme="light"] .request-summary-card strong,
html[data-theme="light"] .consumption-kpi-card strong,
html[data-theme="light"] .inventory-damage-kpi-card strong,
html[data-theme="light"] .quarantine-kpi-card strong,
html[data-theme="light"] .inventory-return-kpi-card strong{
    color:#141414 !important;
    opacity:1 !important;
}


/* =========================
   MATERIAL MOVEMENT TIMELINE
========================= */

html[data-theme="light"] .material-movement-item{
    color:#171717 !important;
}

html[data-theme="light"] .material-movement-content strong{
    color:#171717 !important;
}

html[data-theme="light"] .material-movement-content p,
html[data-theme="light"] .material-movement-content span,
html[data-theme="light"] .material-movement-content small{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .material-movement-item .movement-type,
html[data-theme="light"] .material-movement-item .movement-badge{
    color:#76550f !important;
}


/* =========================
   INTERNAL EXCHANGE EMPTY CARD
========================= */

html[data-theme="light"] .exchange-empty-state,
html[data-theme="light"] .material-exchange-empty,
html[data-theme="light"] .exchange-empty-card{
    color:#171717 !important;
}

html[data-theme="light"] .exchange-empty-state h3,
html[data-theme="light"] .material-exchange-empty h3,
html[data-theme="light"] .exchange-empty-card h3{
    color:#171717 !important;
}

html[data-theme="light"] .exchange-empty-state p,
html[data-theme="light"] .material-exchange-empty p,
html[data-theme="light"] .exchange-empty-card p{
    color:#555555 !important;
}


/* =========================
   ALL INVENTORY TABLE TEXT
========================= */

html[data-theme="light"] .material-table th,
html[data-theme="light"] .material-request-table th,
html[data-theme="light"] .consumption-table th,
html[data-theme="light"] .inventory-damage-table th,
html[data-theme="light"] .quarantine-table th,
html[data-theme="light"] .inventory-return-table th{
    color:#704f0d !important;
    opacity:1 !important;
}

html[data-theme="light"] .material-table td,
html[data-theme="light"] .material-request-table td,
html[data-theme="light"] .consumption-table td,
html[data-theme="light"] .inventory-damage-table td,
html[data-theme="light"] .quarantine-table td,
html[data-theme="light"] .inventory-return-table td{
    color:#272727 !important;
    opacity:1 !important;
}

html[data-theme="light"] .material-table td strong,
html[data-theme="light"] .material-request-table td strong,
html[data-theme="light"] .consumption-table td strong,
html[data-theme="light"] .inventory-damage-table td strong,
html[data-theme="light"] .quarantine-table td strong,
html[data-theme="light"] .inventory-return-table td strong{
    color:#171717 !important;
}

html[data-theme="light"] .material-table td small,
html[data-theme="light"] .material-table td span:not([class*="badge"]),
html[data-theme="light"] .material-request-table td small,
html[data-theme="light"] .consumption-table td small,
html[data-theme="light"] .inventory-damage-table td small,
html[data-theme="light"] .quarantine-table td small,
html[data-theme="light"] .inventory-return-table td small{
    color:#5c5c5c !important;
    opacity:1 !important;
}


/* =========================
   SPECIFIC TABLE SUBTEXT
========================= */

html[data-theme="light"] .inventory-stock-location-cell span,
html[data-theme="light"] .consumption-project-cell span,
html[data-theme="light"] .consumption-material-cell span,
html[data-theme="light"] .inventory-damage-material-cell span,
html[data-theme="light"] .inventory-damage-location-cell span,
html[data-theme="light"] .quarantine-material-cell span,
html[data-theme="light"] .quarantine-location-cell span{
    color:#555555 !important;
    opacity:1 !important;
}


/* =========================
   TABLE FOOTERS
========================= */

html[data-theme="light"] .inventory-table-footer,
html[data-theme="light"] .consumption-table-footer,
html[data-theme="light"] .inventory-damage-table-footer,
html[data-theme="light"] .quarantine-table-footer,
html[data-theme="light"] .inventory-return-table-footer{
    color:#555555 !important;
}

html[data-theme="light"] .inventory-table-footer strong,
html[data-theme="light"] .consumption-table-footer strong,
html[data-theme="light"] .inventory-damage-table-footer strong,
html[data-theme="light"] .quarantine-table-footer strong,
html[data-theme="light"] .inventory-return-table-footer strong{
    color:#171717 !important;
}


/* =========================
   SEARCH PLACEHOLDERS
========================= */

html[data-theme="light"] .inventory-page input::placeholder,
html[data-theme="light"] .inventory-page textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}


/* =========================
   FILTERS
========================= */

html[data-theme="light"] .inventory-page select,
html[data-theme="light"] .inventory-page select option{
    color:#171717 !important;
}

html[data-theme="light"] .inventory-page select{
    background-color:#ffffff !important;
}

html[data-theme="light"] .inventory-page select option{
    background:#ffffff !important;
}


/* =========================
   STATUS BADGES
========================= */

html[data-theme="light"] .request-status-badge,
html[data-theme="light"] .request-priority-badge,
html[data-theme="light"] .consumption-source-badge,
html[data-theme="light"] .inventory-damage-severity-badge,
html[data-theme="light"] .inventory-damage-recovery-badge,
html[data-theme="light"] .inventory-damage-status-badge,
html[data-theme="light"] .quarantine-source-badge,
html[data-theme="light"] .inventory-return-status,
html[data-theme="light"] .healthy,
html[data-theme="light"] .low-stock,
html[data-theme="light"] .critical-stock{
    color:#6e4d0b !important;
    background:#fff8e3 !important;
    border-color:#dfc06c !important;
    opacity:1 !important;
}


/* =========================
   SMALL TOP KICKERS
========================= */

html[data-theme="light"] .site-diary-connected,
html[data-theme="light"] .stock-damage-control,
html[data-theme="light"] .damaged-stock-control,
html[data-theme="light"] .unused-material-control,
html[data-theme="light"] .inventory-section-kicker{
    color:#76550f !important;
    background:#fff8e3 !important;
    border-color:#dfc06c !important;
    opacity:1 !important;
}


/* =========================
   ACTION BUTTON TEXT
========================= */

html[data-theme="light"] .inventory-page button{
    opacity:1;
}

html[data-theme="light"] .inventory-page button:not(:disabled){
    color:#5f430b !important;
}

html[data-theme="light"] .inventory-page button i{
    opacity:1 !important;
}


/* =========================
   DISABLED REPORT DAMAGE BUTTON
========================= */

html[data-theme="light"] .inventory-page button:disabled{
    background:#f2f2f2 !important;
    color:#8a8a8a !important;
    border-color:#d7d7d7 !important;
    box-shadow:none !important;
    opacity:1 !important;
    cursor:not-allowed;
}

html[data-theme="light"] .inventory-page button:disabled i{
    color:#8a8a8a !important;
}


/* =========================
   REFRESH BUTTONS
========================= */

html[data-theme="light"] .inventory-damage-refresh-btn,
html[data-theme="light"] .inventory-return-refresh-btn,
html[data-theme="light"] .quarantine-refresh-btn,
html[data-theme="light"] .consumption-refresh-btn{
    color:#62460c !important;
    background:#ffffff !important;
}


/* =========================
   MATERIAL RETURN BUTTON
========================= */

html[data-theme="light"] .inventory-return-btn,
html[data-theme="light"] .return-material-btn{
    background:linear-gradient(135deg,#f6de89,#c99a2d) !important;
    color:#171717 !important;
    border-color:#bd8c1c !important;
    box-shadow:0 10px 24px rgba(184,137,31,.18) !important;
}


/* =========================
   COLLAPSE BUTTON
========================= */

html[data-theme="light"] .inventory-collapse-btn{
    color:#66490d !important;
    background:#ffffff !important;
}


/* =========================
   FORCE REMOVE LOW OPACITY
========================= */

html[data-theme="light"] .inventory-page span,
html[data-theme="light"] .inventory-page p,
html[data-theme="light"] .inventory-page small,
html[data-theme="light"] .inventory-page label{
    text-shadow:none !important;
}

/* Keep helper text readable without turning all badge text grey */

html[data-theme="light"] .inventory-page
:is(
    .inventory-kpi-card,
    .request-summary-card,
    .consumption-kpi-card,
    .inventory-damage-kpi-card,
    .quarantine-kpi-card,
    .inventory-return-kpi-card
)
:is(span,p,small){
    opacity:1 !important;
}

/* =========================================================
   MATERIAL CONSUMPTION KPI — DESCRIPTION TEXT FIX
========================================================= */

html[data-theme="light"]
.consumption-kpi-card small{
    display:block !important;

    margin-top:4px !important;

    color:#555555 !important;

    opacity:1 !important;

    font-size:10px !important;

    font-weight:500 !important;

    line-height:1.35 !important;

    text-shadow:none !important;
}

/* =========================================================
   MATERIAL CONSUMPTION KPI — COMPLETE TEXT VISIBILITY
========================================================= */

html[data-theme="light"]
.consumption-kpi-card span{
    color:#555555 !important;

    opacity:1 !important;

    font-weight:700 !important;

    text-shadow:none !important;
}

html[data-theme="light"]
.consumption-kpi-card strong{
    color:#111111 !important;

    opacity:1 !important;

    text-shadow:none !important;
}

html[data-theme="light"]
.consumption-kpi-card small{
    display:block !important;

    margin-top:4px !important;

    color:#555555 !important;

    opacity:1 !important;

    font-size:10px !important;

    font-weight:500 !important;

    line-height:1.35 !important;

    text-shadow:none !important;
}

/* =========================================================
   ALL INVENTORY KPI CARDS — DESCRIPTION TEXT FIX
========================================================= */

html[data-theme="light"]
:is(
    .inventory-kpi-card,
    .request-summary-card,
    .consumption-kpi-card,
    .inventory-damage-kpi-card,
    .quarantine-kpi-card,
    .inventory-return-kpi-card
)
small{
    display:block !important;
    margin-top:4px !important;

    color:#555555 !important;
    opacity:1 !important;

    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.35 !important;

    text-shadow:none !important;
}

/* =========================================================
   ALL INVENTORY KPI CARDS — COMPLETE TEXT VISIBILITY
========================================================= */

html[data-theme="light"]
:is(
    .inventory-kpi-card,
    .request-summary-card,
    .consumption-kpi-card,
    .inventory-damage-kpi-card,
    .quarantine-kpi-card,
    .inventory-return-kpi-card
)
span{
    color:#555555 !important;
    opacity:1 !important;
    font-weight:700 !important;
    text-shadow:none !important;
}

html[data-theme="light"]
:is(
    .inventory-kpi-card,
    .request-summary-card,
    .consumption-kpi-card,
    .inventory-damage-kpi-card,
    .quarantine-kpi-card,
    .inventory-return-kpi-card
)
strong,
html[data-theme="light"]
:is(
    .inventory-kpi-card,
    .request-summary-card,
    .consumption-kpi-card,
    .inventory-damage-kpi-card,
    .quarantine-kpi-card,
    .inventory-return-kpi-card
)
h2{
    color:#111111 !important;
    opacity:1 !important;
    text-shadow:none !important;
}

html[data-theme="light"]
:is(
    .inventory-kpi-card,
    .request-summary-card,
    .consumption-kpi-card,
    .inventory-damage-kpi-card,
    .quarantine-kpi-card,
    .inventory-return-kpi-card
)
small{
    display:block !important;
    margin-top:4px !important;

    color:#555555 !important;
    opacity:1 !important;

    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.35 !important;

    text-shadow:none !important;
}

/* =========================================================
   ASK STUDIO CRM / LEADS — CLEAN PREMIUM LIGHT MODE
   DARK MODE REMAINS UNCHANGED
========================================================= */

/* =========================
   PAGE HEADER
========================= */

html[data-theme="light"] .crm-page{
    color:#111111 !important;
}

html[data-theme="light"] .crm-header h1{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .crm-header p{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .add-lead-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.38) !important;

    box-shadow:
        0 12px 28px
        rgba(184,137,31,.16) !important;
}


/* =========================
   KPI CARDS
========================= */

html[data-theme="light"] .crm-stat-card,
html[data-theme="light"] .crm-stat-card.total,
html[data-theme="light"] .crm-stat-card.pipeline,
html[data-theme="light"] .crm-stat-card.won,
html[data-theme="light"] .crm-stat-card.follow{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    border-left:
        4px solid
        #b8891f !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .crm-stat-card::before{
    display:none !important;
}

html[data-theme="light"] .crm-stat-card:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    border-left-color:#9b7014 !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11) !important;
}

html[data-theme="light"] .crm-stat-card span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .crm-stat-card h2{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .crm-stat-card p{
    color:#5b5b5b !important;
    opacity:1 !important;
}


/* =========================
   FILTER BAR
========================= */

html[data-theme="light"] .crm-filter-bar{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;
}

html[data-theme="light"] .crm-search{
    background:#ffffff !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .crm-search i{
    color:#9b7014 !important;
}

html[data-theme="light"] .crm-search input{
    color:#111111 !important;
}

html[data-theme="light"] .crm-search input::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .crm-filter-bar select{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;
}

html[data-theme="light"] .crm-filter-bar select option,
html[data-theme="light"] .crm-filter-bar option{
    background:#ffffff !important;
    color:#111111 !important;
}


/* =========================
   LEAD CARDS
========================= */

html[data-theme="light"] .lead-card,
html[data-theme="light"] .hot-lead,
html[data-theme="light"] .warm-lead,
html[data-theme="light"] .lead-card.urgent-lead,
html[data-theme="light"] .lead-card.high-lead,
html[data-theme="light"] .lead-card.normal-lead{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    border-left:
        4px solid
        #b8891f !important;

    box-shadow:
        0 18px 42px
        rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .lead-card::after{
    display:none !important;
}

html[data-theme="light"] .lead-card:hover{
    border-color:
        rgba(184,137,31,.48) !important;

    border-left-color:#9b7014 !important;

    box-shadow:
        0 24px 55px
        rgba(28,34,44,.11) !important;
}

html[data-theme="light"] .lead-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .lead-card p,
html[data-theme="light"] .lead-card .lead-owner{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-value{
    color:#8c6514 !important;
}


/* =========================
   STAGE / META BADGES
========================= */

html[data-theme="light"] .lead-stage,
html[data-theme="light"] .lead-stage.new,
html[data-theme="light"] .lead-stage.proposal,
html[data-theme="light"] .lead-stage.contacted,
html[data-theme="light"] .lead-stage.meeting-scheduled,
html[data-theme="light"] .lead-stage.site-visit,
html[data-theme="light"] .lead-stage.proposal-sent,
html[data-theme="light"] .lead-stage.negotiation,
html[data-theme="light"] .lead-stage.won,
html[data-theme="light"] .lead-stage.lost,
html[data-theme="light"] .lead-stage.on-hold,
html[data-theme="light"] .hot-badge,
html[data-theme="light"] .warm-badge,
html[data-theme="light"] .lead-meta-chip{
    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-contact-box span{
    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}


/* =========================
   LEAD SCORE
========================= */

html[data-theme="light"] .lead-score-row{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .lead-score-row span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-score-row strong{
    color:#111111 !important;
}


/* =========================
   FOLLOW-UP ALERT
========================= */

html[data-theme="light"] .lead-follow-up,
html[data-theme="light"] .lead-follow-up.danger,
html[data-theme="light"] .lead-follow-up.warning{
    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}


/* =========================
   PIPELINE
========================= */

html[data-theme="light"] .lead-pipeline::before{
    background:
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .lead-step span,
html[data-theme="light"] .lead-step.completed span,
html[data-theme="light"] .lead-step.active span{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .lead-step small{
    color:#555555 !important;
    opacity:1 !important;
}


/* =========================
   LEAD ACTION BUTTONS
========================= */

html[data-theme="light"] .lead-actions button,
html[data-theme="light"] .whatsapp-btn,
html[data-theme="light"] .edit-lead-btn,
html[data-theme="light"] .delete-lead-btn{
    background:#ffffff !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-actions button:hover,
html[data-theme="light"] .whatsapp-btn:hover,
html[data-theme="light"] .edit-lead-btn:hover,
html[data-theme="light"] .delete-lead-btn:hover{
    background:#fff9e8 !important;

    color:#5f430b !important;

    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.12) !important;
}


/* =========================
   EMPTY STATE
========================= */

html[data-theme="light"] .crm-empty-state{
    background:#ffffff !important;

    color:#555555 !important;

    border:
        1px dashed
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .crm-empty-state i{
    color:#9b7014 !important;
}

html[data-theme="light"] .crm-empty-state h3{
    color:#111111 !important;
}


/* =========================
   ADD + EDIT LEAD MODALS
========================= */

html[data-theme="light"] .lead-modal,
html[data-theme="light"] .edit-lead-modal{
    background:
        rgba(25,30,40,.28) !important;

    backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .lead-modal-box,
html[data-theme="light"] .edit-lead-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:
        0 28px 80px
        rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .lead-modal-box::before,
html[data-theme="light"] .edit-lead-box::before{
    display:none !important;
}

html[data-theme="light"] .lead-modal-head,
html[data-theme="light"] .edit-lead-head{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.20) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .lead-modal-head h2,
html[data-theme="light"] .edit-lead-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .lead-modal-head p,
html[data-theme="light"] .edit-lead-head p{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-modal-close,
html[data-theme="light"] .edit-lead-close{
    background:#ffffff !important;

    color:#222222 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .lead-modal-close:hover,
html[data-theme="light"] .edit-lead-close:hover{
    background:#fff9e8 !important;
    color:#76550f !important;
    border-color:#b8891f !important;
}


/* =========================
   MODAL FORM FIELDS
========================= */

html[data-theme="light"] .lead-form label,
html[data-theme="light"] .edit-lead-form label{
    color:#222222 !important;
}

html[data-theme="light"] .lead-form input,
html[data-theme="light"] .lead-form select,
html[data-theme="light"] .lead-form textarea,
html[data-theme="light"] .edit-lead-form input,
html[data-theme="light"] .edit-lead-form select,
html[data-theme="light"] .edit-lead-form textarea{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-form input::placeholder,
html[data-theme="light"] .lead-form textarea::placeholder,
html[data-theme="light"] .edit-lead-form input::placeholder,
html[data-theme="light"] .edit-lead-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-form select option,
html[data-theme="light"] .edit-lead-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .lead-form input:focus,
html[data-theme="light"] .lead-form select:focus,
html[data-theme="light"] .lead-form textarea:focus,
html[data-theme="light"] .edit-lead-form input:focus,
html[data-theme="light"] .edit-lead-form select:focus,
html[data-theme="light"] .edit-lead-form textarea:focus{
    border-color:#b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .edit-section-title,
html[data-theme="light"] .attribution-title{
    color:#76550f !important;
}

html[data-theme="light"] .lead-attribution-block{
    background:#fffdf7 !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}


/* =========================
   MODAL ACTIONS
========================= */

html[data-theme="light"] .lead-cancel-btn,
html[data-theme="light"] .edit-cancel-btn{
    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .lead-save-btn,
html[data-theme="light"] .edit-save-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.38) !important;
}


/* =========================
   LEAD DRAWER
========================= */

html[data-theme="light"] .lead-drawer-overlay{
    background:
        rgba(25,30,40,.28) !important;
}

html[data-theme="light"] .lead-drawer-panel{
    background:#ffffff !important;

    border-left:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        -22px 0 70px
        rgba(28,34,44,.14) !important;
}

html[data-theme="light"] .lead-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .lead-drawer-head p{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-head button{
    background:#ffffff !important;

    color:#222222 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .lead-drawer-head button:hover{
    background:#fff9e8 !important;
    color:#76550f !important;
}


/* =========================
   DRAWER SCORE / HEALTH
========================= */

html[data-theme="light"] .lead-score-card,
html[data-theme="light"] .lead-health-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-score-card span,
html[data-theme="light"] .lead-health-item span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-score-card h3,
html[data-theme="light"] .lead-health-item strong{
    color:#111111 !important;
}


/* =========================
   DRAWER INFO BOXES
========================= */

html[data-theme="light"] .lead-info-box,
html[data-theme="light"] .drawer-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .lead-info-box span,
html[data-theme="light"] .drawer-box span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-info-box strong,
html[data-theme="light"] .drawer-box strong{
    color:#111111 !important;
}

html[data-theme="light"] .crm-drawer-title,
html[data-theme="light"] .drawer-section-title{
    color:#111111 !important;
}


/* =========================
   DRAWER TIMELINE
========================= */

html[data-theme="light"] .timeline-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .timeline-item::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .timeline-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .timeline-item p{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .timeline-item span{
    color:#76550f !important;
}


/* =========================
   NOTES
========================= */

html[data-theme="light"] .lead-notes-box,
html[data-theme="light"] .drawer-notes{
    background:#ffffff !important;

    color:#444444 !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}


/* =========================
   DRAWER ACTIONS
========================= */

html[data-theme="light"] .lead-drawer-actions button,
html[data-theme="light"] .drawer-actions button,
html[data-theme="light"] .drawer-actions a,
html[data-theme="light"] .lead-quick-actions button{
    background:#ffffff !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-primary-btn,
html[data-theme="light"] .drawer-actions .primary{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;

    border:none !important;
}


/* =========================
   PROPOSAL TRACKING
========================= */

html[data-theme="light"] .proposal-card,
html[data-theme="light"] .lead-attribution-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .proposal-main span,
html[data-theme="light"] .proposal-grid span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .proposal-main h3{
    color:#76550f !important;
}

html[data-theme="light"] .proposal-main p{
    color:#555555 !important;
}

html[data-theme="light"] .proposal-grid div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .proposal-grid strong{
    color:#111111 !important;
}

html[data-theme="light"] .proposal-pending,
html[data-theme="light"] .proposal-warning,
html[data-theme="light"] .reward-pending,
html[data-theme="light"] .reward-paid,
html[data-theme="light"] .reward-rejected{
    color:#76550f !important;
}


/* =========================
   FOLLOW-UP LIST
========================= */

html[data-theme="light"] .followup-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .followup-item:hover{
    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.10) !important;
}

html[data-theme="light"] .followup-icon,
html[data-theme="light"] .followup-item.call .followup-icon,
html[data-theme="light"] .followup-item.meeting .followup-icon,
html[data-theme="light"] .followup-item.proposal .followup-icon{
    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .followup-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .followup-item p{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .followup-item span{
    color:#76550f !important;
}


/* =========================
   TOAST
========================= */

html[data-theme="light"] .crm-toast,
html[data-theme="light"] .crm-toast.error{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 18px 55px
        rgba(28,34,44,.16) !important;
}


/* =========================
   SIDEBAR ACTIVE STATE
========================= */

html[data-theme="light"] .submenu a.active-sub,
html[data-theme="light"] .menu-group.active-group > .menu-toggle{
    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.08) !important;
}

html[data-theme="light"]
.menu-group.active-group > .menu-toggle::after{
    background:#b8891f !important;
    box-shadow:none !important;
}


/* =========================
   SCROLLBARS
========================= */

html[data-theme="light"] .lead-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .edit-lead-box::-webkit-scrollbar-track,
html[data-theme="light"] .lead-drawer-panel::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .lead-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .edit-lead-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .lead-drawer-panel::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #d8b95f,
            #a77a16
        ) !important;
}


/* =========================
   FINAL VISIBILITY FIX
========================= */

html[data-theme="light"] .crm-page p,
html[data-theme="light"] .crm-page small,
html[data-theme="light"] .crm-page label,
html[data-theme="light"] .lead-drawer-panel p,
html[data-theme="light"] .lead-drawer-panel small{
    text-shadow:none !important;
}

html[data-theme="light"] .crm-page :is(p,small,span){
    opacity:1;
}

/* =========================================================
   CRM LEAD VIEW DRAWER — COMPLETE LIGHT MODE VISIBILITY FIX
========================================================= */

/* MAIN DRAWER */

html[data-theme="light"] .lead-drawer-panel{
    background:#ffffff !important;
    color:#111111 !important;

    border-left:
        1px solid
        rgba(184,137,31,.32) !important;
}


/* =========================================================
   ALL DRAWER HEADINGS
========================================================= */

html[data-theme="light"] .lead-drawer-panel h1,
html[data-theme="light"] .lead-drawer-panel h2,
html[data-theme="light"] .lead-drawer-panel h3,
html[data-theme="light"] .lead-drawer-panel h4,
html[data-theme="light"] .lead-drawer-panel h5,
html[data-theme="light"] .lead-drawer-panel
.crm-drawer-title,
html[data-theme="light"] .lead-drawer-panel
.drawer-section-title{
    color:#111111 !important;
    opacity:1 !important;
    text-shadow:none !important;
}


/* HEADER SUBTITLE */

html[data-theme="light"] .lead-drawer-head p{
    color:#555555 !important;
    opacity:1 !important;
}


/* CLOSE BUTTON */

html[data-theme="light"] .lead-drawer-head button{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-head button i{
    color:#111111 !important;
}


/* =========================================================
   LEAD SCORE CARD
========================================================= */

html[data-theme="light"] .lead-score-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-score-card span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-score-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .lead-score-card .hot-badge,
html[data-theme="light"] .lead-score-card .warm-badge{
    background:#fff8e3 !important;
    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;
}


/* =========================================================
   TOP QUICK ACTION BUTTONS
   Add Activity / Schedule Follow-up / Create Proposal
========================================================= */

html[data-theme="light"] .lead-quick-actions button,
html[data-theme="light"] .lead-drawer-panel
.drawer-actions button,
html[data-theme="light"] .lead-drawer-panel
.drawer-actions a{
    min-height:52px;

    background:#ffffff !important;
    color:#5f430b !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:none !important;

    opacity:1 !important;
}

html[data-theme="light"] .lead-quick-actions button i,
html[data-theme="light"] .lead-quick-actions button span,
html[data-theme="light"] .lead-drawer-panel
.drawer-actions button i,
html[data-theme="light"] .lead-drawer-panel
.drawer-actions button span{
    color:#5f430b !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-quick-actions button:hover,
html[data-theme="light"] .lead-drawer-panel
.drawer-actions button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}


/* CREATE PROPOSAL / PRIMARY BUTTON */

html[data-theme="light"] .lead-quick-actions
button.primary,
html[data-theme="light"] .lead-primary-btn,
html[data-theme="light"] .drawer-actions .primary{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.42) !important;
}

html[data-theme="light"] .lead-quick-actions
button.primary i,
html[data-theme="light"] .lead-primary-btn i,
html[data-theme="light"] .drawer-actions .primary i{
    color:#111111 !important;
}


/* =========================================================
   LEAD INFORMATION BOXES
========================================================= */

html[data-theme="light"] .lead-info-box,
html[data-theme="light"] .drawer-box,
html[data-theme="light"] .lead-health-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-info-box span,
html[data-theme="light"] .drawer-box span,
html[data-theme="light"] .lead-health-item span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-info-box strong,
html[data-theme="light"] .drawer-box strong,
html[data-theme="light"] .lead-health-item strong{
    color:#111111 !important;
    opacity:1 !important;
}


/* =========================================================
   LEAD ATTRIBUTION
========================================================= */

html[data-theme="light"] .lead-attribution-card,
html[data-theme="light"] .lead-attribution-block{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-attribution-grid > div,
html[data-theme="light"] .attribution-grid > div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .lead-attribution-grid span,
html[data-theme="light"] .attribution-grid span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-attribution-grid strong,
html[data-theme="light"] .attribution-grid strong{
    color:#111111 !important;
}


/* =========================================================
   PIPELINE STATUS
========================================================= */

html[data-theme="light"] .lead-drawer-panel
.lead-pipeline::before{
    background:
        rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .lead-drawer-panel
.lead-step span,
html[data-theme="light"] .lead-drawer-panel
.lead-step.completed span,
html[data-theme="light"] .lead-drawer-panel
.lead-step.active span{
    background:#bd8b1d !important;
    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel
.lead-step small{
    color:#333333 !important;
    opacity:1 !important;
}


/* =========================================================
   UPCOMING FOLLOW-UP CARDS
========================================================= */

html[data-theme="light"] .lead-drawer-panel
.followup-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel
.followup-item.call,
html[data-theme="light"] .lead-drawer-panel
.followup-item.meeting,
html[data-theme="light"] .lead-drawer-panel
.followup-item.proposal{
    background:#ffffff !important;
    border-color:rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .lead-drawer-panel
.followup-icon,
html[data-theme="light"] .lead-drawer-panel
.followup-item.call .followup-icon,
html[data-theme="light"] .lead-drawer-panel
.followup-item.meeting .followup-icon,
html[data-theme="light"] .lead-drawer-panel
.followup-item.proposal .followup-icon{
    background:#fff8e3 !important;
    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .lead-drawer-panel
.followup-icon i{
    color:#76550f !important;
}

html[data-theme="light"] .lead-drawer-panel
.followup-item strong{
    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-panel
.followup-item p{
    color:#444444 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-panel
.followup-item span{
    color:#76550f !important;
    opacity:1 !important;
}


/* Dynamically created follow-up cards */

html[data-theme="light"] .lead-drawer-panel
[class*="followup-card"],
html[data-theme="light"] .lead-drawer-panel
[class*="follow-up-card"]{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel
[class*="followup-card"] *,
html[data-theme="light"] .lead-drawer-panel
[class*="follow-up-card"] *{
    opacity:1 !important;
}


/* =========================================================
   PROPOSAL TRACKING
========================================================= */

html[data-theme="light"] .lead-drawer-panel
.proposal-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel
.proposal-main span,
html[data-theme="light"] .lead-drawer-panel
.proposal-grid span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-panel
.proposal-main h3{
    color:#76550f !important;
}

html[data-theme="light"] .lead-drawer-panel
.proposal-main p{
    color:#444444 !important;
}

html[data-theme="light"] .lead-drawer-panel
.proposal-grid div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .lead-drawer-panel
.proposal-grid strong{
    color:#111111 !important;
}


/* PROPOSAL EMPTY BOX */

html[data-theme="light"] .lead-drawer-panel
.proposal-empty,
html[data-theme="light"] .lead-drawer-panel
.proposal-empty-state,
html[data-theme="light"] .lead-drawer-panel
[class*="proposal-empty"]{
    min-height:82px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    background:#fffdf7 !important;

    color:#555555 !important;

    border:
        1px dashed
        rgba(184,137,31,.34) !important;

    border-radius:18px;
}

html[data-theme="light"] .lead-drawer-panel
[class*="proposal-empty"] i{
    color:#9b7014 !important;
}

html[data-theme="light"] .lead-drawer-panel
[class*="proposal-empty"] p,
html[data-theme="light"] .lead-drawer-panel
[class*="proposal-empty"] span{
    color:#555555 !important;
    opacity:1 !important;
}


/* =========================================================
   ACTIVITY TIMELINE CARDS
========================================================= */

html[data-theme="light"] .lead-drawer-panel
.timeline-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 8px 20px
        rgba(28,34,44,.04) !important;
}

html[data-theme="light"] .lead-drawer-panel
.timeline-item::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel
.timeline-item strong{
    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-panel
.timeline-item p{
    color:#444444 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-panel
.timeline-item span,
html[data-theme="light"] .lead-drawer-panel
.timeline-item small{
    color:#5b5b5b !important;
    opacity:1 !important;
}


/* Dynamic activity card classes */

html[data-theme="light"] .lead-drawer-panel
[class*="activity-card"],
html[data-theme="light"] .lead-drawer-panel
[class*="timeline-card"],
html[data-theme="light"] .lead-drawer-panel
[class*="activity-item"]{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel
[class*="activity-card"] h4,
html[data-theme="light"] .lead-drawer-panel
[class*="activity-card"] strong,
html[data-theme="light"] .lead-drawer-panel
[class*="timeline-card"] h4,
html[data-theme="light"] .lead-drawer-panel
[class*="timeline-card"] strong,
html[data-theme="light"] .lead-drawer-panel
[class*="activity-item"] h4,
html[data-theme="light"] .lead-drawer-panel
[class*="activity-item"] strong{
    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-panel
[class*="activity-card"] p,
html[data-theme="light"] .lead-drawer-panel
[class*="activity-card"] small,
html[data-theme="light"] .lead-drawer-panel
[class*="timeline-card"] p,
html[data-theme="light"] .lead-drawer-panel
[class*="timeline-card"] small,
html[data-theme="light"] .lead-drawer-panel
[class*="activity-item"] p,
html[data-theme="light"] .lead-drawer-panel
[class*="activity-item"] small{
    color:#555555 !important;
    opacity:1 !important;
}


/* ACTIVITY TYPE BADGES */

html[data-theme="light"] .lead-drawer-panel
.timeline-item [class*="badge"],
html[data-theme="light"] .lead-drawer-panel
[class*="activity-card"] [class*="badge"],
html[data-theme="light"] .lead-drawer-panel
[class*="timeline-card"] [class*="badge"]{
    background:#fff8e3 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    opacity:1 !important;
}


/* =========================================================
   REQUIREMENT / INTERNAL NOTES
========================================================= */

html[data-theme="light"] .lead-notes-box,
html[data-theme="light"] .drawer-notes,
html[data-theme="light"] .lead-drawer-panel
[class*="requirement"],
html[data-theme="light"] .lead-drawer-panel
[class*="internal-note"]{
    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .lead-notes-box *,
html[data-theme="light"] .drawer-notes *,
html[data-theme="light"] .lead-drawer-panel
[class*="requirement"] *,
html[data-theme="light"] .lead-drawer-panel
[class*="internal-note"] *{
    color:#333333 !important;
    opacity:1 !important;
}


/* =========================================================
   BOTTOM CALL / WHATSAPP / EDIT / DELETE
========================================================= */

html[data-theme="light"] .lead-drawer-actions button{
    background:#ffffff !important;

    color:#5f430b !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:none !important;

    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-actions button i,
html[data-theme="light"] .lead-drawer-actions button span{
    color:#5f430b !important;
    opacity:1 !important;
}

html[data-theme="light"] .lead-drawer-actions
.lead-primary-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .lead-drawer-actions
.lead-primary-btn i{
    color:#111111 !important;
}

html[data-theme="light"] .lead-drawer-actions
button.danger,
html[data-theme="light"] .lead-drawer-actions
.delete-lead-btn{
    background:#ffffff !important;
    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .lead-drawer-actions
button.danger i,
html[data-theme="light"] .lead-drawer-actions
.delete-lead-btn i{
    color:#76550f !important;
}


/* =========================================================
   FINAL DRAWER TEXT VISIBILITY
========================================================= */

html[data-theme="light"] .lead-drawer-panel p,
html[data-theme="light"] .lead-drawer-panel small,
html[data-theme="light"] .lead-drawer-panel label{
    opacity:1 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel
:is(input,textarea,select){
    color:#111111 !important;
}

/* =========================================================
   CRM DRAWER TOP TOOLBAR — EXACT LIGHT FIX
========================================================= */

html[data-theme="light"] .crm-detail-toolbar button{
    background:#ffffff !important;
    color:#5f430b !important;

    border:1px solid rgba(184,137,31,.32) !important;

    box-shadow:none !important;
    opacity:1 !important;
}

html[data-theme="light"] .crm-detail-toolbar button i{
    color:#76550f !important;
    opacity:1 !important;
}

html[data-theme="light"] .crm-detail-toolbar button:hover{
    background:#fff9e8 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .crm-detail-toolbar button.primary{
    background:linear-gradient(
        135deg,
        #f6de89,
        #c89b2f
    ) !important;

    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .crm-detail-toolbar button.primary i{
    color:#111111 !important;
}

/* CRM DRAWER NOTES — EXACT LIGHT FIX */

html[data-theme="light"] .lead-drawer-panel .drawer-notes{
    min-height:130px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px;

    background:#ffffff !important;
    color:#333333 !important;

    border:1px solid rgba(184,137,31,.30) !important;
    border-radius:16px;

    box-shadow:none !important;

    opacity:1 !important;
    line-height:1.6;
}

/* CRM DRAWER BOTTOM ACTIONS — EXACT LIGHT FIX */

html[data-theme="light"] .lead-drawer-panel .drawer-actions a,
html[data-theme="light"] .lead-drawer-panel .drawer-actions button{
    background:#ffffff !important;
    color:#5f430b !important;

    border:1px solid rgba(184,137,31,.32) !important;

    opacity:1 !important;
    box-shadow:none !important;
}

html[data-theme="light"] .lead-drawer-panel .drawer-actions a i,
html[data-theme="light"] .lead-drawer-panel .drawer-actions button i{
    color:#76550f !important;
}

html[data-theme="light"] .lead-drawer-panel .drawer-actions button.primary{
    background:linear-gradient(
        135deg,
        #f6de89,
        #c89b2f
    ) !important;

    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .lead-drawer-panel .drawer-actions button.primary i{
    color:#111111 !important;
}

html[data-theme="light"] .lead-drawer-panel .drawer-actions button.danger{
    background:#ffffff !important;
    color:#76550f !important;
    border-color:rgba(184,137,31,.32) !important;
}

html[data-theme="light"] .lead-drawer-panel .drawer-actions button.danger i{
    color:#76550f !important;
}

/* =========================================================
   CRM DRAWER — ACTIVITY TIMELINE EXACT LIGHT MODE FIX
========================================================= */

/* Activity list spacing */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-list{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}


/* Complete activity card */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-item{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;

    padding:14px !important;

    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    border-radius:16px !important;

    box-shadow:
        0 8px 22px
        rgba(28,34,44,.05) !important;

    color:#111111 !important;
}


/* Activity icon box */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-icon{
    flex:0 0 auto !important;

    width:42px !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;

    border-radius:13px !important;

    box-shadow:none !important;
}

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-icon i{
    color:#9b7014 !important;
    opacity:1 !important;
}


/* Main activity content */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-main{
    flex:1 !important;
    min-width:0 !important;

    color:#111111 !important;
}


/* Title and badge row */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
}


/* Activity title */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-top strong{
    color:#111111 !important;

    font-weight:800 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


/* Activity type badge */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-type{
    flex:0 0 auto !important;

    padding:5px 9px !important;

    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;

    border-radius:999px !important;

    font-size:9px !important;
    font-weight:800 !important;

    opacity:1 !important;

    box-shadow:none !important;
}


/* Activity description */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-main > p{
    margin-top:9px !important;

    color:#444444 !important;

    opacity:1 !important;

    line-height:1.55 !important;

    text-shadow:none !important;
}


/* Metadata row */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px 14px !important;

    margin-top:11px !important;
}


/* Date / user / follow-up text */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-meta span{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;

    color:#5b5b5b !important;

    font-size:10px !important;
    font-weight:500 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


/* Metadata icons */

html[data-theme="light"]
.lead-drawer-panel
.crm-activity-meta span i{
    color:#9b7014 !important;
    opacity:1 !important;
}


/* Empty timeline state */

html[data-theme="light"]
.lead-drawer-panel
.crm-drawer-empty{
    min-height:100px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;

    padding:20px !important;

    background:#ffffff !important;

    color:#555555 !important;

    border:
        1px dashed
        rgba(184,137,31,.30) !important;

    border-radius:16px !important;

    opacity:1 !important;
}

html[data-theme="light"]
.lead-drawer-panel
.crm-drawer-empty i{
    color:#9b7014 !important;
    opacity:1 !important;
}

/* =========================================================
   CRM DRAWER — REQUIREMENT / INTERNAL NOTES ALIGNMENT FIX
========================================================= */

html[data-theme="light"]
.lead-drawer-panel
.drawer-notes{
    min-height:130px !important;

    display:block !important;

    padding:18px 20px !important;

    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    border-radius:16px !important;

    text-align:left !important;

    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;

    line-height:1.65 !important;

    opacity:1 !important;
}

/* =========================================================
   CRM DRAWER — UPCOMING FOLLOW-UPS EXACT LIGHT MODE FIX
========================================================= */

/* LIST */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-list{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}


/* ALL FOLLOW-UP CARDS */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-item{
    display:grid !important;

    grid-template-columns:
        42px
        minmax(0,1fr)
        auto !important;

    align-items:center !important;
    gap:12px !important;

    padding:13px 14px !important;

    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    border-radius:16px !important;

    box-shadow:
        0 8px 22px
        rgba(28,34,44,.05) !important;

    color:#111111 !important;
}


/* REMOVE OLD DARK / COLOR BACKGROUNDS */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-item.overdue,
html[data-theme="light"]
.lead-drawer-panel
.crm-followup-item.upcoming,
html[data-theme="light"]
.lead-drawer-panel
.crm-followup-item.today,
html[data-theme="light"]
.lead-drawer-panel
.crm-followup-item.due{
    background:#ffffff !important;

    border-color:
        rgba(184,137,31,.28) !important;
}


/* ICON BOX */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-icon{
    width:42px !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;

    border-radius:13px !important;

    box-shadow:none !important;
}

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-icon i{
    color:#9b7014 !important;
    opacity:1 !important;
}


/* CONTENT AREA */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-content{
    min-width:0 !important;
}


/* TITLE */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-content strong{
    display:block !important;

    color:#111111 !important;

    font-weight:800 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


/* DESCRIPTION */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-content p{
    margin-top:4px !important;

    color:#444444 !important;

    opacity:1 !important;

    line-height:1.45 !important;

    overflow-wrap:anywhere !important;
    word-break:break-word !important;

    text-shadow:none !important;
}


/* DATE COLUMN */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-date{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;

    min-width:125px !important;

    color:#76550f !important;

    font-size:10px !important;
    font-weight:800 !important;

    text-align:right !important;

    opacity:1 !important;

    text-shadow:none !important;
}


/* STATUS TEXT: Overdue / Upcoming / Today */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-date small{
    display:block !important;

    margin-top:5px !important;

    padding:3px 7px !important;

    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    border-radius:999px !important;

    font-size:8px !important;
    font-weight:800 !important;

    opacity:1 !important;
}


/* FORCE TEXT INSIDE ALL STATES */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-item
:is(
    strong,
    p,
    span,
    small
){
    opacity:1 !important;
    text-shadow:none !important;
}


/* HOVER */

html[data-theme="light"]
.lead-drawer-panel
.crm-followup-item:hover{
    background:#fffdf7 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 10px 26px
        rgba(184,137,31,.10) !important;
}


/* MOBILE / NARROW DRAWER SAFETY */

@media(max-width:600px){

    html[data-theme="light"]
    .lead-drawer-panel
    .crm-followup-item{
        grid-template-columns:
            40px
            minmax(0,1fr) !important;
    }

    html[data-theme="light"]
    .lead-drawer-panel
    .crm-followup-date{
        grid-column:2 !important;

        align-items:flex-start !important;

        min-width:0 !important;

        text-align:left !important;
    }

}

/* =========================================================
   CRM DRAWER — PROPOSAL TRACKING EXACT LIGHT MODE FIX
========================================================= */

/* Proposal list */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-list{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}


/* Main proposal card */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-item{
    padding:18px !important;

    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    border-radius:18px !important;

    box-shadow:
        0 10px 28px
        rgba(28,34,44,.06) !important;

    color:#111111 !important;
}


/* Top row */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
}


/* Proposal code */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-code{
    display:block !important;

    margin-bottom:5px !important;

    color:#666666 !important;

    font-size:10px !important;
    font-weight:700 !important;

    opacity:1 !important;
    text-shadow:none !important;
}


/* Proposal title */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-top h4{
    margin:0 !important;

    color:#111111 !important;

    font-size:16px !important;
    font-weight:800 !important;

    opacity:1 !important;
    text-shadow:none !important;
}


/* Proposal amount */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-value{
    flex:0 0 auto !important;

    color:#8c6514 !important;

    font-size:18px !important;
    font-weight:900 !important;

    opacity:1 !important;
    text-align:right !important;

    text-shadow:none !important;
}


/* Scope description */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-scope{
    margin-top:16px !important;
    padding:14px 15px !important;

    background:#fffdf7 !important;

    color:#333333 !important;

    border:
        1px solid
        rgba(184,137,31,.22) !important;

    border-radius:13px !important;

    line-height:1.6 !important;

    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;

    opacity:1 !important;
    text-shadow:none !important;
}


/* Metadata grid */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-meta{
    display:grid !important;

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

    gap:10px !important;

    margin-top:16px !important;
}


/* Metadata boxes */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-meta > div{
    min-width:0 !important;

    padding:13px 14px !important;

    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.24) !important;

    border-radius:13px !important;

    box-shadow:none !important;
}


/* Metadata labels */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-meta > div > span{
    display:block !important;

    margin-bottom:6px !important;

    color:#666666 !important;

    font-size:9px !important;
    font-weight:700 !important;

    opacity:1 !important;
    text-shadow:none !important;
}


/* Metadata values */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-meta > div > strong{
    display:block !important;

    color:#111111 !important;

    font-size:12px !important;
    font-weight:800 !important;

    line-height:1.45 !important;

    opacity:1 !important;

    overflow-wrap:anywhere !important;
    word-break:break-word !important;

    text-shadow:none !important;
}


/* Proposal status badge */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-status{
    display:inline-flex !important;
    align-items:center !important;

    padding:5px 9px !important;

    background:#fff9e8 !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;

    border-radius:999px !important;

    font-size:9px !important;
    font-weight:800 !important;

    opacity:1 !important;
    box-shadow:none !important;
}


/* All proposal status classes use one premium gold style */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-status.draft,
html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-status.awaiting-decision,
html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-status.sent,
html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-status.accepted,
html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-status.rejected,
html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-status.revision-required{
    background:#fff9e8 !important;
    color:#76550f !important;

    border-color:
        rgba(184,137,31,.27) !important;
}


/* Inline View / Download buttons */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-item button{
    background:#ffffff !important;

    color:#76550f !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:none !important;

    opacity:1 !important;
}

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-item button i{
    color:#76550f !important;
    opacity:1 !important;
}

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-item button:hover{
    background:#fff9e8 !important;

    color:#111111 !important;

    border-color:#b8891f !important;
}


/* Missing attachment message
   Inline dark color ko override karega */

html[data-theme="light"]
.lead-drawer-panel
.crm-proposal-item > div[style*="margin-top:13px"]{
    color:#555555 !important;

    opacity:1 !important;

    font-size:11px !important;

    text-shadow:none !important;
}


/* Narrow drawer safety */

@media(max-width:600px){

    html[data-theme="light"]
    .lead-drawer-panel
    .crm-proposal-top{
        flex-direction:column !important;
    }

    html[data-theme="light"]
    .lead-drawer-panel
    .crm-proposal-value{
        text-align:left !important;
    }

    html[data-theme="light"]
    .lead-drawer-panel
    .crm-proposal-meta{
        grid-template-columns:1fr !important;
    }

}

/* =========================================================
   ASK STUDIO — PROJECTS PAGE COMPLETE LIGHT MODE
   Paste this at the END of theme-light.css
   Dark mode remains unchanged.
========================================================= */

/* =========================================================
   1. PAGE BASE / HEADER
========================================================= */

html[data-theme="light"] .projects-page{
    color:#111111 !important;
}

html[data-theme="light"] .projects-header h1{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .projects-header p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .add-project-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.42) !important;
    box-shadow:0 12px 28px rgba(184,137,31,.17) !important;
}

html[data-theme="light"] .add-project-btn:hover{
    color:#111111 !important;
    box-shadow:0 16px 34px rgba(184,137,31,.22) !important;
}

/* =========================================================
   2. SUMMARY / KPI CARDS
========================================================= */

html[data-theme="light"] .project-stat-card,
html[data-theme="light"] .project-stat-card.active,
html[data-theme="light"] .project-stat-card.value,
html[data-theme="light"] .project-stat-card.delayed,
html[data-theme="light"] .project-stat-card.profit{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.075) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .project-stat-card::before,
html[data-theme="light"] .project-stat-card.active::before,
html[data-theme="light"] .project-stat-card.value::before,
html[data-theme="light"] .project-stat-card.delayed::before,
html[data-theme="light"] .project-stat-card.profit::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-stat-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    box-shadow:0 22px 48px rgba(28,34,44,.10) !important;
}

html[data-theme="light"] .project-stat-card span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-stat-card h2,
html[data-theme="light"] .project-stat-card.active h2,
html[data-theme="light"] .project-stat-card.delayed h2,
html[data-theme="light"] .project-stat-card.profit h2{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .project-stat-card p{
    color:#5f5f5f !important;
    opacity:1 !important;
}

/* =========================================================
   3. FILTER BAR / SEARCH / DROPDOWNS
========================================================= */

html[data-theme="light"] .project-filter-bar{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.075) !important;
}

html[data-theme="light"] .project-search{
    background:#ffffff !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .project-search i{
    color:#9b7014 !important;
}

html[data-theme="light"] .project-search input{
    color:#111111 !important;
}

html[data-theme="light"] .project-search input::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-filter-bar select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-filter-bar select option{
    background:#ffffff !important;
    color:#111111 !important;
}

/* =========================================================
   4. PROJECT CARDS
========================================================= */

html[data-theme="light"] .project-card,
html[data-theme="light"] .project-card.healthy-project,
html[data-theme="light"] .project-card.risk-project{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    border-left:4px solid #b8891f !important;
    box-shadow:0 18px 42px rgba(28,34,44,.08) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .project-card::after{
    display:none !important;
}

html[data-theme="light"] .project-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    border-left-color:#9b7014 !important;
    box-shadow:0 24px 52px rgba(28,34,44,.11) !important;
}

html[data-theme="light"] .project-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .project-card p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-value{
    color:#8c6514 !important;
}

/* Status and health badges */

html[data-theme="light"] .project-status,
html[data-theme="light"] .project-status.active,
html[data-theme="light"] .project-status.delayed,
html[data-theme="light"] .health-badge,
html[data-theme="light"] .health-badge.excellent,
html[data-theme="light"] .health-badge.warning{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.26) !important;
    box-shadow:none !important;
}

/* Health row */

html[data-theme="light"] .project-health-row{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-health-row span{
    color:#5b5b5b !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-health-row strong{
    color:#111111 !important;
}

/* Progress */

html[data-theme="light"] .progress-top{
    color:#555555 !important;
}

html[data-theme="light"] .progress-top span{
    color:#555555 !important;
}

html[data-theme="light"] .progress-top strong{
    color:#76550f !important;
}

html[data-theme="light"] .project-progress{
    background:#eee7d6 !important;
}

html[data-theme="light"] .project-progress div,
html[data-theme="light"] .project-progress.danger div{
    background:linear-gradient(90deg,#d7b653,#a97912) !important;
    box-shadow:none !important;
}

/* KPI strip */

html[data-theme="light"] .project-kpi-strip div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-kpi-strip strong{
    color:#111111 !important;
}

html[data-theme="light"] .project-kpi-strip span{
    color:#595959 !important;
    opacity:1 !important;
}

/* Finance row */

html[data-theme="light"] .project-finance-row div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-finance-row span{
    color:#595959 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-finance-row strong,
html[data-theme="light"] .project-finance-row .profit-text,
html[data-theme="light"] .project-finance-row .loss-text{
    color:#111111 !important;
}

/* Card actions */

html[data-theme="light"] .project-actions button,
html[data-theme="light"] .view-project-btn,
html[data-theme="light"] .edit-project-btn,
html[data-theme="light"] .files-project-btn,
html[data-theme="light"] .delete-project-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-actions button i{
    color:#76550f !important;
}

html[data-theme="light"] .project-actions button:hover,
html[data-theme="light"] .view-project-btn:hover,
html[data-theme="light"] .edit-project-btn:hover,
html[data-theme="light"] .files-project-btn:hover,
html[data-theme="light"] .delete-project-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
    box-shadow:0 10px 24px rgba(184,137,31,.11) !important;
}

html[data-theme="light"] .project-actions button:hover i{
    color:#111111 !important;
}

/* Dynamic empty project state created with inline white text */

html[data-theme="light"] .project-grid > div[style*="color:white"],
html[data-theme="light"] .project-grid > div[style*="color: white"]{
    grid-column:1/-1 !important;
    background:#ffffff !important;
    color:#555555 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
    border-radius:18px !important;
}

/* =========================================================
   5. ADD PROJECT MODAL
========================================================= */

html[data-theme="light"] .project-modal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .project-modal-box{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .project-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .project-modal-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .project-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .project-modal-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-modal-close{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .project-modal-close i{
    color:#222222 !important;
}

html[data-theme="light"] .project-modal-close:hover{
    background:#fff8e3 !important;
    color:#76550f !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .project-form label{
    color:#222222 !important;
}

html[data-theme="light"] .project-form input,
html[data-theme="light"] .project-form select,
html[data-theme="light"] .project-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-form input::placeholder,
html[data-theme="light"] .project-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .project-form input:focus,
html[data-theme="light"] .project-form select:focus,
html[data-theme="light"] .project-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .project-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .project-save-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* =========================================================
   6. EDIT PROJECT MODAL
========================================================= */

html[data-theme="light"] .edit-project-modal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .edit-project-box{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .edit-project-box::before{
    display:none !important;
}

html[data-theme="light"] .edit-project-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .edit-project-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .edit-project-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .edit-project-close{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .edit-project-close i{
    color:#222222 !important;
}

html[data-theme="light"] .edit-project-section-title{
    color:#76550f !important;
    border-bottom-color:rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .edit-project-form label{
    color:#222222 !important;
}

html[data-theme="light"] .edit-project-form input,
html[data-theme="light"] .edit-project-form select,
html[data-theme="light"] .edit-project-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .edit-project-form input::placeholder,
html[data-theme="light"] .edit-project-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .edit-project-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .edit-project-form input:focus,
html[data-theme="light"] .edit-project-form select:focus,
html[data-theme="light"] .edit-project-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .edit-project-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .edit-project-save-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* =========================================================
   7. PROJECT LOCATION / MAP — ADD + EDIT
========================================================= */

html[data-theme="light"] .project-location-section,
html[data-theme="light"] .edit-project-location-section{
    background:#fffdf8 !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-location-heading span{
    color:#76550f !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-location-heading h3{
    color:#111111 !important;
}

html[data-theme="light"] .project-location-heading p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .location-required-badge{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .location-required-badge i{
    color:#76550f !important;
}

html[data-theme="light"] .project-current-location-btn,
html[data-theme="light"] .project-location-search-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-current-location-btn i,
html[data-theme="light"] .project-location-search-btn i{
    color:#76550f !important;
}

html[data-theme="light"] .project-current-location-btn:hover,
html[data-theme="light"] .project-location-search-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .project-map{
    background:#f3efe5 !important;
    border:1px solid rgba(184,137,31,.26) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .radius-input-wrap{
    background:#ffffff !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .radius-input-wrap input{
    border:none !important;
}

html[data-theme="light"] .radius-input-wrap span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-location-help{
    background:#fff8e3 !important;
    color:#555555 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .project-location-help i{
    color:#9b7014 !important;
}

html[data-theme="light"] .project-location-help span{
    color:#555555 !important;
    opacity:1 !important;
}

/* Leaflet controls */

html[data-theme="light"] .project-map .leaflet-control-zoom a{
    background:#ffffff !important;
    color:#111111 !important;
    border-color:rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .project-map .leaflet-control-zoom a:hover{
    background:#fff8e3 !important;
    color:#76550f !important;
}

html[data-theme="light"] .project-map .leaflet-control-attribution{
    background:rgba(255,255,255,.92) !important;
    color:#555555 !important;
}

html[data-theme="light"] .project-map .leaflet-control-attribution a{
    color:#76550f !important;
}

html[data-theme="light"] .project-location-marker{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:2px solid #ffffff !important;
    box-shadow:0 8px 22px rgba(28,34,44,.18) !important;
}

/* =========================================================
   8. PROJECT VIEW DRAWER
========================================================= */

html[data-theme="light"] .project-drawer-overlay{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .project-drawer-panel{
    background:#ffffff !important;
    color:#111111 !important;
    border-left:1px solid rgba(184,137,31,.30) !important;
    box-shadow:-24px 0 70px rgba(28,34,44,.15) !important;
}

html[data-theme="light"] .project-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .project-drawer-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-drawer-close{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .project-drawer-close i{
    color:#222222 !important;
}

/* Health card */

html[data-theme="light"] .project-health-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-health-score{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-health-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .project-health-card p{
    color:#565656 !important;
    opacity:1 !important;
}

/* Financial snapshot */

html[data-theme="light"] .project-finance-grid div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-finance-grid span{
    color:#595959 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-finance-grid strong,
html[data-theme="light"] .project-finance-grid .profit-text,
html[data-theme="light"] .project-finance-grid .loss-text{
    color:#111111 !important;
}

/* Drawer section titles */

html[data-theme="light"] .project-drawer-title{
    color:#111111 !important;
}

/* Timeline */

html[data-theme="light"] .project-timeline-track::before{
    background:#d9cda9 !important;
}

html[data-theme="light"] .project-track-step span,
html[data-theme="light"] .project-track-step.completed span,
html[data-theme="light"] .project-track-step.active span{
    background:#b8891f !important;
    border:2px solid #ffffff !important;
    box-shadow:0 0 0 1px rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .project-track-step small{
    color:#444444 !important;
    opacity:1 !important;
}

/* Team and deadlines */

html[data-theme="light"] .project-team-item,
html[data-theme="light"] .project-deadline-item{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .team-avatar,
html[data-theme="light"] .project-deadline-item i{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
}

html[data-theme="light"] .project-team-item strong,
html[data-theme="light"] .project-deadline-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .project-team-item span,
html[data-theme="light"] .project-deadline-item span{
    color:#565656 !important;
    opacity:1 !important;
}

/* Module buttons */

html[data-theme="light"] .project-module-grid button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-module-grid button i{
    color:#76550f !important;
}

html[data-theme="light"] .project-module-grid button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* Drawer bottom actions */

html[data-theme="light"] .project-drawer-actions button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-drawer-actions button i{
    color:#76550f !important;
}

html[data-theme="light"] .project-drawer-actions button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .project-primary-action{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .project-primary-action i{
    color:#111111 !important;
}

/* =========================================================
   9. PROJECT FILES DRAWER
========================================================= */

html[data-theme="light"] .project-files-overlay{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .project-files-panel{
    background:#ffffff !important;
    color:#111111 !important;
    border-left:1px solid rgba(184,137,31,.30) !important;
    box-shadow:-24px 0 70px rgba(28,34,44,.15) !important;
}

html[data-theme="light"] .project-files-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-files-head h2,
html[data-theme="light"] .project-files-head h3{
    color:#111111 !important;
}

html[data-theme="light"] .project-files-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-files-close{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .project-files-close i{
    color:#222222 !important;
}

html[data-theme="light"] .project-files-summary{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .project-files-summary span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-files-summary strong{
    color:#111111 !important;
}

html[data-theme="light"] .project-files-section-title{
    color:#111111 !important;
}

html[data-theme="light"] .project-file-item{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-file-item:hover{
    background:#fffdf8 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .project-file-icon{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .project-file-icon i{
    color:#76550f !important;
}

html[data-theme="light"] .project-file-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .project-file-item span,
html[data-theme="light"] .project-file-item small{
    color:#565656 !important;
    opacity:1 !important;
}

/* File type accents reduced to gold */

html[data-theme="light"] .project-file-item.pdf,
html[data-theme="light"] .project-file-item.dwg,
html[data-theme="light"] .project-file-item.image,
html[data-theme="light"] .project-file-item.invoice,
html[data-theme="light"] .project-file-item.contract{
    border-left-color:#b8891f !important;
}

/* =========================================================
   10. PROJECT FILE VIEWER
========================================================= */

html[data-theme="light"] .project-file-viewer{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .project-file-viewer-box{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .project-file-viewer-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-file-viewer-head h2,
html[data-theme="light"] .project-file-viewer-head h3{
    color:#111111 !important;
}

html[data-theme="light"] .project-file-viewer-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .project-file-preview-area,
html[data-theme="light"] .project-file-preview-placeholder{
    background:#fffdf8 !important;
    color:#555555 !important;
    border:1px dashed rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .project-file-preview-placeholder i{
    color:#9b7014 !important;
}

html[data-theme="light"] .project-file-viewer-actions button,
html[data-theme="light"] .project-file-viewer-actions a{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .project-file-viewer-actions button i,
html[data-theme="light"] .project-file-viewer-actions a i{
    color:#76550f !important;
}

html[data-theme="light"] .project-file-viewer-actions button:hover,
html[data-theme="light"] .project-file-viewer-actions a:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   11. SCROLLBARS
========================================================= */

html[data-theme="light"] .project-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .edit-project-box::-webkit-scrollbar-track,
html[data-theme="light"] .project-drawer-panel::-webkit-scrollbar-track,
html[data-theme="light"] .project-files-panel::-webkit-scrollbar-track,
html[data-theme="light"] .project-file-viewer-box::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .project-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .edit-project-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .project-drawer-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .project-files-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .project-file-viewer-box::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    border-radius:999px !important;
}

/* =========================================================
   12. FINAL TEXT VISIBILITY / SELECT OPTIONS
========================================================= */

html[data-theme="light"] .projects-page :is(h1,h2,h3,h4,h5,strong){
    text-shadow:none !important;
}

html[data-theme="light"] .projects-page :is(p,small,label){
    opacity:1 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .project-modal-box select option,
html[data-theme="light"] .edit-project-box select option,
html[data-theme="light"] .project-filter-bar select option{
    background:#ffffff !important;
    color:#111111 !important;
}

/* =========================================================
   13. LIGHT SIDEBAR ACTIVE STATE FOR PROJECTS PAGE
========================================================= */

html[data-theme="light"] .submenu a.active-sub,
html[data-theme="light"] .menu-group.active-group > .menu-toggle{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:0 10px 24px rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .submenu a.active-sub i,
html[data-theme="light"] .menu-group.active-group > .menu-toggle i{
    color:#76550f !important;
}

/* =========================================================
   14. NARROW SCREEN SAFETY
========================================================= */

@media(max-width:768px){

    html[data-theme="light"] .project-modal-box,
    html[data-theme="light"] .edit-project-box{
        background:#ffffff !important;
    }

    html[data-theme="light"] .project-drawer-panel,
    html[data-theme="light"] .project-files-panel{
        background:#ffffff !important;
    }

}

/* PROJECT FILE VIEW BUTTON - LIGHT MODE */

html[data-theme="light"] .project-file-view-btn{

    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#ffffff;
    color:#b8891f;

    border:1px solid rgba(184,137,31,.28);
    border-radius:12px;

    cursor:pointer;

    transition:.25s;
}

html[data-theme="light"] .project-file-view-btn i{

    color:#b8891f !important;
    font-size:16px;
}

html[data-theme="light"] .project-file-view-btn:hover{

    background:#b8891f;
    border-color:#b8891f;
    color:#fff;
}

html[data-theme="light"] .project-file-view-btn:hover i{

    color:#fff !important;
}


/* =========================================================
   ASK STUDIO — CLIENTS PAGE COMPLETE LIGHT MODE
   Paste at the END of theme-light.css
   Dark mode remains unchanged.
========================================================= */

/* =========================================================
   1. PAGE BASE / HEADER
========================================================= */

html[data-theme="light"] .clients-page{
    color:#111111 !important;
}

html[data-theme="light"] .clients-header h1{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .clients-header p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .add-client-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.40) !important;
    box-shadow:0 12px 28px rgba(184,137,31,.17) !important;
}

html[data-theme="light"] .add-client-btn:hover{
    color:#111111 !important;
    box-shadow:0 16px 34px rgba(184,137,31,.22) !important;
}

/* =========================================================
   2. KPI CARDS
========================================================= */

html[data-theme="light"] .client-stat-card,
html[data-theme="light"] .client-stat-card.total,
html[data-theme="light"] .client-stat-card.active,
html[data-theme="light"] .client-stat-card.portal,
html[data-theme="light"] .client-stat-card.due{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.075) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .client-stat-card::before{
    display:none !important;
}

html[data-theme="light"] .client-stat-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    box-shadow:0 22px 48px rgba(28,34,44,.10) !important;
}

html[data-theme="light"] .client-stat-card span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-stat-card h2,
html[data-theme="light"] .client-stat-card.active h2,
html[data-theme="light"] .client-stat-card.portal h2,
html[data-theme="light"] .client-stat-card.due h2{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .client-stat-card p{
    color:#5f5f5f !important;
    opacity:1 !important;
}

/* =========================================================
   3. INFO STRIP
========================================================= */

html[data-theme="light"] .client-info-strip{
    background:#fff8e3 !important;
    color:#555555 !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-info-strip i{
    color:#9b7014 !important;
}

html[data-theme="light"] .client-info-strip span{
    color:#555555 !important;
    opacity:1 !important;
}

/* =========================================================
   4. FILTER BAR / SEARCH / DROPDOWNS
========================================================= */

html[data-theme="light"] .client-filter-bar{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.075) !important;
}

html[data-theme="light"] .client-search{
    background:#ffffff !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .client-search i{
    color:#9b7014 !important;
}

html[data-theme="light"] .client-search input{
    color:#111111 !important;
}

html[data-theme="light"] .client-search input::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-filter-bar select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-filter-bar select option,
html[data-theme="light"] .client-filter-bar option{
    background:#ffffff !important;
    color:#111111 !important;
}

/* =========================================================
   5. CLIENT CARDS
========================================================= */

html[data-theme="light"] .client-card,
html[data-theme="light"] .client-card.portal-active,
html[data-theme="light"] .client-card.payment-due{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    border-left:4px solid #b8891f !important;
    box-shadow:0 18px 42px rgba(28,34,44,.08) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .client-card::after{
    display:none !important;
}

html[data-theme="light"] .client-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    border-left-color:#9b7014 !important;
    box-shadow:0 24px 52px rgba(28,34,44,.11) !important;
}

html[data-theme="light"] .client-avatar{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-status,
html[data-theme="light"] .client-status.active,
html[data-theme="light"] .client-status.due{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .client-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .client-card p{
    color:#565656 !important;
    opacity:1 !important;
}

/* Contact chips */

html[data-theme="light"] .client-contact-row span{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .client-contact-row span i{
    color:#76550f !important;
}

/* Project / finance cards */

html[data-theme="light"] .client-project-box,
html[data-theme="light"] .client-finance-row div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-project-box span,
html[data-theme="light"] .client-finance-row span{
    color:#595959 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-project-box strong,
html[data-theme="light"] .client-finance-row strong,
html[data-theme="light"] .client-finance-row .good-text,
html[data-theme="light"] .client-finance-row .due-text{
    color:#111111 !important;
}

/* Payment due block */

html[data-theme="light"] .payment-due-head span{
    color:#595959 !important;
}

html[data-theme="light"] .payment-due-head strong{
    color:#111111 !important;
}

html[data-theme="light"] .payment-due-bar,
html[data-theme="light"] .client-progress{
    background:#eee7d6 !important;
}

html[data-theme="light"] .payment-due-bar div,
html[data-theme="light"] .client-progress div,
html[data-theme="light"] .client-progress.warning div{
    background:linear-gradient(90deg,#d7b653,#a97912) !important;
    box-shadow:none !important;
}

/* Card buttons */

html[data-theme="light"] .client-actions button,
html[data-theme="light"] .whatsapp-client-btn,
html[data-theme="light"] .view-client-btn,
html[data-theme="light"] .portal-client-btn,
html[data-theme="light"] .edit-client-btn,
html[data-theme="light"] .delete-client-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-actions button i{
    color:#76550f !important;
}

html[data-theme="light"] .client-actions button:hover,
html[data-theme="light"] .whatsapp-client-btn:hover,
html[data-theme="light"] .view-client-btn:hover,
html[data-theme="light"] .portal-client-btn:hover,
html[data-theme="light"] .edit-client-btn:hover,
html[data-theme="light"] .delete-client-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
    box-shadow:0 10px 24px rgba(184,137,31,.11) !important;
}

html[data-theme="light"] .client-actions button:hover i{
    color:#111111 !important;
}

/* Empty state rendered as a client card */

html[data-theme="light"] .client-grid > .client-card:only-child{
    background:#ffffff !important;
    color:#555555 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
}

/* =========================================================
   6. ADD CLIENT MODAL
========================================================= */

html[data-theme="light"] .client-modal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .client-modal-box{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .client-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .client-modal-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .client-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .client-modal-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-modal-close{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .client-modal-close i{
    color:#222222 !important;
}

html[data-theme="light"] .client-modal-close:hover{
    background:#fff8e3 !important;
    color:#76550f !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .client-form label{
    color:#222222 !important;
}

html[data-theme="light"] .client-form input,
html[data-theme="light"] .client-form select,
html[data-theme="light"] .client-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-form input::placeholder,
html[data-theme="light"] .client-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .client-form input:focus,
html[data-theme="light"] .client-form select:focus,
html[data-theme="light"] .client-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .client-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .client-save-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* Password lock box */

html[data-theme="light"] .locked-password-view{
    background:#ffffff !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .locked-password-view span{
    color:#111111 !important;
}

html[data-theme="light"] .locked-password-view b{
    color:#76550f !important;
}

html[data-theme="light"] .locked-password-view b i{
    color:#76550f !important;
}

html[data-theme="light"] .locked-password-view button{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* =========================================================
   7. EDIT CLIENT MODAL
========================================================= */

html[data-theme="light"] .edit-client-modal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .edit-client-box{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .edit-client-box::before{
    display:none !important;
}

html[data-theme="light"] .edit-client-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .edit-client-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .edit-client-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .edit-client-close{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .edit-client-close i{
    color:#222222 !important;
}

html[data-theme="light"] .edit-client-section-title{
    color:#76550f !important;
    border-bottom-color:rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .edit-client-form label{
    color:#222222 !important;
}

html[data-theme="light"] .edit-client-form input,
html[data-theme="light"] .edit-client-form select,
html[data-theme="light"] .edit-client-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .edit-client-form input::placeholder,
html[data-theme="light"] .edit-client-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .edit-client-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .edit-client-form input:focus,
html[data-theme="light"] .edit-client-form select:focus,
html[data-theme="light"] .edit-client-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .edit-client-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .edit-client-save-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* =========================================================
   8. CLIENT VIEW DRAWER
========================================================= */

html[data-theme="light"] .client-drawer-overlay{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .client-drawer-panel{
    background:#ffffff !important;
    color:#111111 !important;
    border-left:1px solid rgba(184,137,31,.30) !important;
    box-shadow:-24px 0 70px rgba(28,34,44,.15) !important;
}

html[data-theme="light"] .client-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .client-drawer-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-drawer-head button{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .client-drawer-head button i{
    color:#222222 !important;
}

html[data-theme="light"] .client-drawer-head button:hover{
    background:#fff8e3 !important;
    color:#76550f !important;
    border-color:#b8891f !important;
}

/* Profile card */

html[data-theme="light"] .client-profile-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-profile-avatar{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
}

html[data-theme="light"] .client-profile-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .client-profile-card p,
html[data-theme="light"] .client-profile-card p span{
    color:#565656 !important;
    opacity:1 !important;
}

/* Drawer titles */

html[data-theme="light"] .client-drawer-title{
    color:#111111 !important;
}

/* Snapshot cards */

html[data-theme="light"] .client-linked-project div,
html[data-theme="light"] .client-finance-grid div,
html[data-theme="light"] .portal-access-card div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-linked-project span,
html[data-theme="light"] .client-finance-grid span,
html[data-theme="light"] .portal-access-card span{
    color:#595959 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-linked-project strong,
html[data-theme="light"] .client-finance-grid strong,
html[data-theme="light"] .portal-access-card strong,
html[data-theme="light"] .client-finance-grid .due-text,
html[data-theme="light"] .client-finance-grid .good-text,
html[data-theme="light"] .portal-access-card .due-text,
html[data-theme="light"] .portal-access-card .good-text{
    color:#111111 !important;
}

/* Timeline */

html[data-theme="light"] .client-timeline-item{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-timeline-item::before{
    background:#b8891f !important;
    box-shadow:0 0 0 4px #fff8e3 !important;
}

html[data-theme="light"] .client-timeline-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .client-timeline-item p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-timeline-item span{
    color:#76550f !important;
    opacity:1 !important;
}

/* Notes if added later */

html[data-theme="light"] .client-notes-box{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

/* Drawer actions */

html[data-theme="light"] .client-drawer-actions button,
html[data-theme="light"] #drawerCallBtn,
html[data-theme="light"] #drawerWhatsappBtn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-drawer-actions button::before{
    display:none !important;
}

html[data-theme="light"] .client-drawer-actions button i{
    color:#76550f !important;
}

html[data-theme="light"] .client-drawer-actions button:hover,
html[data-theme="light"] #drawerCallBtn:hover,
html[data-theme="light"] #drawerWhatsappBtn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
    box-shadow:0 10px 24px rgba(184,137,31,.11) !important;
}

html[data-theme="light"] .client-drawer-actions button:hover i{
    color:#111111 !important;
}

/* =========================================================
   9. SCROLLBARS
========================================================= */

html[data-theme="light"] .client-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .edit-client-box::-webkit-scrollbar-track,
html[data-theme="light"] .client-drawer-panel::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .client-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .edit-client-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .client-drawer-panel::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    border-radius:999px !important;
}

html[data-theme="light"] .client-modal-box,
html[data-theme="light"] .edit-client-box,
html[data-theme="light"] .client-drawer-panel{
    scrollbar-color:#c89b2f #f2eee4 !important;
}

/* =========================================================
   10. FINAL TEXT VISIBILITY
========================================================= */

html[data-theme="light"] .clients-page :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .client-modal-box :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .edit-client-box :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .client-drawer-panel :is(h1,h2,h3,h4,h5,strong){
    text-shadow:none !important;
}

html[data-theme="light"] .clients-page :is(p,small,label),
html[data-theme="light"] .client-modal-box :is(p,small,label),
html[data-theme="light"] .edit-client-box :is(p,small,label),
html[data-theme="light"] .client-drawer-panel :is(p,small,label){
    opacity:1 !important;
    text-shadow:none !important;
}

/* =========================================================
   11. SIDEBAR ACTIVE STATE
========================================================= */

html[data-theme="light"] .submenu a.active-sub,
html[data-theme="light"] .menu-group.active-group > .menu-toggle{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:0 10px 24px rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .submenu a.active-sub i,
html[data-theme="light"] .menu-group.active-group > .menu-toggle i{
    color:#76550f !important;
}

html[data-theme="light"] .menu-group.active-group > .menu-toggle::after{
    background:#b8891f !important;
    box-shadow:none !important;
}

/* =========================================================
   12. MOBILE SAFETY
========================================================= */

@media(max-width:768px){

    html[data-theme="light"] .client-modal-box,
    html[data-theme="light"] .edit-client-box,
    html[data-theme="light"] .client-drawer-panel{
        background:#ffffff !important;
    }

    html[data-theme="light"] .client-drawer-actions{
        flex-direction:column;
    }

    html[data-theme="light"] .client-drawer-actions button{
        width:100%;
    }

}


/* =========================================================
   ASK STUDIO — FINANCE & GST COMPLETE LIGHT MODE
   Paste at the END of theme-light.css
   Dark mode remains unchanged.
========================================================= */

/* =========================================================
   1. PAGE HEADER
========================================================= */

html[data-theme="light"] .finance-page{
    color:#111111 !important;
}

html[data-theme="light"] .finance-header h1{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .finance-header p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .add-expense-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .add-invoice-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.40) !important;
    box-shadow:0 12px 28px rgba(184,137,31,.17) !important;
}

html[data-theme="light"] .add-expense-btn:hover,
html[data-theme="light"] .add-invoice-btn:hover{
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   2. KPI CARDS
========================================================= */

html[data-theme="light"] .finance-kpi-card,
html[data-theme="light"] .finance-kpi-card.value,
html[data-theme="light"] .finance-kpi-card.collected,
html[data-theme="light"] .finance-kpi-card.outstanding,
html[data-theme="light"] .finance-kpi-card.gst,
html[data-theme="light"] .finance-kpi-card.profit,
html[data-theme="light"] .finance-kpi-card.health{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.075) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .finance-kpi-card::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .finance-kpi-card::after{
    display:none !important;
}

html[data-theme="light"] .finance-kpi-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    box-shadow:0 22px 48px rgba(28,34,44,.10) !important;
}

html[data-theme="light"] .finance-kpi-card span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-kpi-card h2,
html[data-theme="light"] .finance-kpi-card.collected h2,
html[data-theme="light"] .finance-kpi-card.outstanding h2,
html[data-theme="light"] .finance-kpi-card.gst h2,
html[data-theme="light"] .finance-kpi-card.profit h2,
html[data-theme="light"] .finance-kpi-card.health h2{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .finance-kpi-card p{
    color:#5f5f5f !important;
    opacity:1 !important;
}

/* =========================================================
   3. COMMON PANELS / HEADERS
========================================================= */

html[data-theme="light"] .finance-panel{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 18px 42px rgba(28,34,44,.08) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .finance-panel::after{
    display:none !important;
}

html[data-theme="light"] .panel-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .panel-head span,
html[data-theme="light"] #financeCompanyGstin{
    color:#76550f !important;
    opacity:1 !important;
}

/* =========================================================
   4. REVENUE PIPELINE / INSIGHTS
========================================================= */

html[data-theme="light"] .pipeline-item,
html[data-theme="light"] .insight-item{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .pipeline-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .pipeline-item span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .pipeline-item b{
    color:#76550f !important;
}

html[data-theme="light"] .insight-item i,
html[data-theme="light"] .insight-item.warning i,
html[data-theme="light"] .insight-item.danger i,
html[data-theme="light"] .insight-item.success i{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .insight-item p{
    color:#444444 !important;
    opacity:1 !important;
}

/* =========================================================
   5. PAYMENT TRACKER SWITCH
========================================================= */

html[data-theme="light"] .payment-view-switch{
    background:#fffdf8 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .payment-view-btn,
html[data-theme="light"] .show-all-projects-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.26) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .payment-view-btn.active,
html[data-theme="light"] .payment-view-btn:hover,
html[data-theme="light"] .show-all-projects-btn:hover{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   6. TABLES
========================================================= */

html[data-theme="light"] .finance-table-wrap{
    background:#ffffff !important;
}

html[data-theme="light"] .finance-table thead th{
    color:#704f0d !important;
    background:#fff8e3 !important;
    border-bottom:1px solid rgba(184,137,31,.25) !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-table tbody td{
    color:#222222 !important;
    border-bottom:1px solid rgba(184,137,31,.14) !important;
}

html[data-theme="light"] .finance-table tbody tr:hover{
    background:#fffdf8 !important;
}

html[data-theme="light"] .finance-table .client-name{
    color:#111111 !important;
}

html[data-theme="light"] .finance-table .green-text,
html[data-theme="light"] .finance-table .red-text,
html[data-theme="light"] .finance-table .orange-text{
    color:#76550f !important;
}

html[data-theme="light"] .finance-status,
html[data-theme="light"] .finance-status.paid,
html[data-theme="light"] .finance-status.partial,
html[data-theme="light"] .finance-status.overdue,
html[data-theme="light"] .finance-status.pending,
html[data-theme="light"] .finance-status.cancelled{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .small-action-btn,
html[data-theme="light"] .view-finance-btn,
html[data-theme="light"] .edit-invoice-btn,
html[data-theme="light"] .invoice-pdf-btn,
html[data-theme="light"] .delete-invoice-btn,
html[data-theme="light"] .delete-expense-btn,
html[data-theme="light"] .receipt-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .small-action-btn i{
    color:#76550f !important;
}

html[data-theme="light"] .small-action-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .small-action-btn:hover i{
    color:#111111 !important;
}

/* =========================================================
   7. INVOICE CENTER
========================================================= */

html[data-theme="light"] .invoice-type-card{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .invoice-type-card::after{
    display:none !important;
}

html[data-theme="light"] .invoice-type-card i{
    color:#76550f !important;
}

html[data-theme="light"] .invoice-type-card:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
    box-shadow:0 10px 24px rgba(184,137,31,.10) !important;
}

/* =========================================================
   8. EXPENSE INTELLIGENCE / CHART / LEGEND
========================================================= */

html[data-theme="light"] .expense-category strong{
    color:#111111 !important;
}

html[data-theme="light"] .expense-category span{
    color:#76550f !important;
}

html[data-theme="light"] .expense-bar{
    background:#eee7d6 !important;
}

html[data-theme="light"] .expense-bar div{
    background:linear-gradient(90deg,#d7b653,#a97912) !important;
}

html[data-theme="light"] .chart-center-text strong{
    color:#76550f !important;
}

html[data-theme="light"] .chart-center-text span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .chart-legend-list div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .chart-legend-list p{
    color:#444444 !important;
    opacity:1 !important;
}

html[data-theme="light"] .chart-legend-list strong{
    color:#111111 !important;
}

html[data-theme="light"] .legend-dot,
html[data-theme="light"] [class*="finance-legend-"]{
    background:#b8891f !important;
    box-shadow:none !important;
}

/* =========================================================
   9. PROFITABILITY
========================================================= */

html[data-theme="light"] .project-profitability-container{
    color:#111111 !important;
}

html[data-theme="light"] .profit-card,
html[data-theme="light"] .profit-card.best,
html[data-theme="light"] .profit-card.risk,
html[data-theme="light"] .project-profitability-card,
html[data-theme="light"] .profitability-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .profit-card span,
html[data-theme="light"] .project-profitability-card span,
html[data-theme="light"] .profitability-card span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .profit-card strong,
html[data-theme="light"] .project-profitability-card strong,
html[data-theme="light"] .profitability-card strong{
    color:#111111 !important;
}

html[data-theme="light"] .profit-card p,
html[data-theme="light"] .project-profitability-card p,
html[data-theme="light"] .profitability-card p{
    color:#76550f !important;
}

/* =========================================================
   10. CASH FLOW / FORECAST
========================================================= */

html[data-theme="light"] .cashflow-chart-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .forecast-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .forecast-card > span,
html[data-theme="light"] .forecast-card p,
html[data-theme="light"] .forecast-card small{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .forecast-card h3,
html[data-theme="light"] .forecast-card strong{
    color:#111111 !important;
}

html[data-theme="light"] .forecast-mini-grid div{
    background:#fffdf8 !important;
    border:1px solid rgba(184,137,31,.18) !important;
}

/* =========================================================
   11. GST COMMAND CENTER / FILING
========================================================= */

html[data-theme="light"] .gst-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .gst-box span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .gst-box strong,
html[data-theme="light"] .gst-box.payable strong,
html[data-theme="light"] .gst-box .green-text,
html[data-theme="light"] .gst-box .red-text,
html[data-theme="light"] .gst-box .orange-text{
    color:#111111 !important;
}

html[data-theme="light"] .gst-filing-card,
html[data-theme="light"] .gst-filing-item,
html[data-theme="light"] .filing-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .gst-filing-card :is(span,p,small),
html[data-theme="light"] .gst-filing-item :is(span,p,small),
html[data-theme="light"] .filing-card :is(span,p,small){
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .gst-filing-card :is(h3,h4,strong),
html[data-theme="light"] .gst-filing-item :is(h3,h4,strong),
html[data-theme="light"] .filing-card :is(h3,h4,strong){
    color:#111111 !important;
}

/* =========================================================
   12. BOQ / REPORT TABLE SECTIONS
========================================================= */

html[data-theme="light"] .boq-finance-panel,
html[data-theme="light"] .boq-actual-panel,
html[data-theme="light"] .finance-report-panel{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] #boqActualTableBody td{
    color:#222222 !important;
}

/* =========================================================
   13. EMPTY STATES
========================================================= */

html[data-theme="light"] .finance-empty-state,
html[data-theme="light"] .finance-chart-empty{
    background:#ffffff !important;
    color:#565656 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
    border-radius:16px !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-empty-state i{
    color:#9b7014 !important;
}

html[data-theme="light"] .finance-empty-state h3{
    color:#111111 !important;
}

html[data-theme="light"] .finance-empty-state p{
    color:#565656 !important;
}

/* =========================================================
   14. ALL FINANCE MODALS
========================================================= */

html[data-theme="light"] .finance-modal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .finance-modal-box,
html[data-theme="light"] .finance-modal-box.wide{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .finance-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .finance-modal-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .finance-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .finance-modal-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-modal-head button{
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
    border-radius:13px !important;
}

html[data-theme="light"] .finance-modal-head button i{
    color:#222222 !important;
}

html[data-theme="light"] .finance-form .form-group label{
    color:#222222 !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-form input,
html[data-theme="light"] .finance-form select,
html[data-theme="light"] .finance-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .finance-form input::placeholder,
html[data-theme="light"] .finance-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .finance-form input:focus,
html[data-theme="light"] .finance-form select:focus,
html[data-theme="light"] .finance-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .finance-form input[readonly],
html[data-theme="light"] .finance-form input:disabled,
html[data-theme="light"] .finance-form select:disabled{
    background:#f6f3eb !important;
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .finance-save-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* Dynamic invoice-type sections */

html[data-theme="light"] #proformaInvoiceFields,
html[data-theme="light"] #advanceInvoiceFields,
html[data-theme="light"] #finalInvoiceFields,
html[data-theme="light"] #creditNoteFields,
html[data-theme="light"] .invoice-special-fields,
html[data-theme="light"] .gst-calculation-box,
html[data-theme="light"] .finance-calculation-box{
    background:#fffdf8 !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .gst-calculation-box span,
html[data-theme="light"] .finance-calculation-box span{
    color:#565656 !important;
}

html[data-theme="light"] .gst-calculation-box strong,
html[data-theme="light"] .finance-calculation-box strong{
    color:#111111 !important;
}

/* File inputs */

html[data-theme="light"] .finance-form input[type="file"]{
    background:#ffffff !important;
    color:#555555 !important;
}

html[data-theme="light"] .finance-form input[type="file"]::file-selector-button{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
    border-radius:9px !important;
}

/* =========================================================
   15. FINANCE VIEW DRAWER
========================================================= */

html[data-theme="light"] .finance-drawer-overlay{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .finance-drawer-panel{
    background:#ffffff !important;
    color:#111111 !important;
    border-left:1px solid rgba(184,137,31,.30) !important;
    box-shadow:-24px 0 70px rgba(28,34,44,.15) !important;
}

html[data-theme="light"] .finance-drawer-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .finance-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .finance-drawer-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .finance-drawer-head button{
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
    border-radius:13px !important;
}

html[data-theme="light"] .finance-drawer-head button i{
    color:#222222 !important;
}

html[data-theme="light"] .client-money-grid div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .client-money-grid span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .client-money-grid strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-title{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-list div{
    border-bottom:1px solid rgba(184,137,31,.16) !important;
}

html[data-theme="light"] .drawer-list strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-list span{
    color:#565656 !important;
    opacity:1 !important;
}

/* Drawer dynamic cards and actions */

html[data-theme="light"] .finance-drawer-panel [class*="invoice-detail"],
html[data-theme="light"] .finance-drawer-panel [class*="expense-detail"],
html[data-theme="light"] .finance-drawer-panel [class*="payment-detail"],
html[data-theme="light"] .finance-drawer-panel [class*="summary-card"]{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    color:#111111 !important;
}

html[data-theme="light"] .finance-drawer-panel button,
html[data-theme="light"] .finance-drawer-panel a{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .finance-drawer-panel button i,
html[data-theme="light"] .finance-drawer-panel a i{
    color:#76550f !important;
}

/* =========================================================
   16. TOAST — INLINE JS COLORS OVERRIDE
========================================================= */

html[data-theme="light"] #financeToast{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 18px 50px rgba(28,34,44,.15) !important;
}

/* =========================================================
   17. SCROLLBARS
========================================================= */

html[data-theme="light"] .finance-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .finance-drawer-panel::-webkit-scrollbar-track,
html[data-theme="light"] .finance-table-wrap::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .finance-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .finance-drawer-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .finance-table-wrap::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    border-radius:999px !important;
}

/* =========================================================
   18. FINAL TEXT VISIBILITY
========================================================= */

html[data-theme="light"] .finance-page :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .finance-modal-box :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .finance-drawer-panel :is(h1,h2,h3,h4,h5,strong){
    text-shadow:none !important;
}

html[data-theme="light"] .finance-page :is(p,small,label),
html[data-theme="light"] .finance-modal-box :is(p,small,label),
html[data-theme="light"] .finance-drawer-panel :is(p,small,label){
    opacity:1 !important;
    text-shadow:none !important;
}

/* =========================================================
   19. SIDEBAR ACTIVE STATE
========================================================= */

html[data-theme="light"] .submenu a.active-sub,
html[data-theme="light"] .menu-group.active-group > .menu-toggle{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:0 10px 24px rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .submenu a.active-sub i,
html[data-theme="light"] .menu-group.active-group > .menu-toggle i{
    color:#76550f !important;
}

/* =========================================================
   20. MOBILE SAFETY
========================================================= */

@media(max-width:768px){

    html[data-theme="light"] .finance-modal-box,
    html[data-theme="light"] .finance-drawer-panel{
        background:#ffffff !important;
    }

    html[data-theme="light"] .finance-header-actions{
        width:100%;
    }

    html[data-theme="light"] .finance-header-actions button{
        flex:1;
    }

}

/* =========================================================
   ASK STUDIO — BOQ MANAGER COMPLETE LIGHT MODE
   Paste at the END of theme-light.css
   Dark mode remains unchanged.
========================================================= */

/* =========================================================
   1. PAGE HEADER
========================================================= */

html[data-theme="light"] .boq-page{
    color:#111111 !important;
}

html[data-theme="light"] .boq-header h1{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .boq-header p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-header-actions select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-header-actions select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .add-boq-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.40) !important;
    box-shadow:0 12px 28px rgba(184,137,31,.17) !important;
}

html[data-theme="light"] .add-boq-btn:hover{
    color:#111111 !important;
    box-shadow:0 16px 34px rgba(184,137,31,.22) !important;
}

/* =========================================================
   2. KPI CARDS
========================================================= */

html[data-theme="light"] .boq-kpi-card,
html[data-theme="light"] .boq-kpi-card.approved,
html[data-theme="light"] .boq-kpi-card.spend,
html[data-theme="light"] .boq-kpi-card.variance,
html[data-theme="light"] .boq-kpi-card.items,
html[data-theme="light"] .boq-kpi-card.health{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.075) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .boq-kpi-card::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-kpi-card::after{
    display:none !important;
}

html[data-theme="light"] .boq-kpi-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    box-shadow:0 22px 48px rgba(28,34,44,.10) !important;
}

html[data-theme="light"] .boq-kpi-card span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-kpi-card h2,
html[data-theme="light"] .boq-kpi-card.approved h2,
html[data-theme="light"] .boq-kpi-card.spend h2,
html[data-theme="light"] .boq-kpi-card.variance h2,
html[data-theme="light"] .boq-kpi-card.items h2,
html[data-theme="light"] .boq-kpi-card.health h2{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .boq-kpi-card p{
    color:#5f5f5f !important;
    opacity:1 !important;
}

/* =========================================================
   3. COMMON PANELS
========================================================= */

html[data-theme="light"] .boq-panel{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 18px 42px rgba(28,34,44,.08) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .boq-panel::after{
    display:none !important;
}

html[data-theme="light"] .boq-panel .panel-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .boq-panel .panel-head span{
    color:#76550f !important;
    opacity:1 !important;
}

/* =========================================================
   4. BOQ VS ACTUAL / COST ALERTS
========================================================= */

html[data-theme="light"] .cost-compare-item,
html[data-theme="light"] .boq-alert{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .cost-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .cost-meta span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .cost-compare-item :is(.green-text,.red-text,.gold-text),
html[data-theme="light"] .boq-page :is(.green-text,.red-text,.gold-text){
    color:#76550f !important;
}

html[data-theme="light"] .cost-bar{
    background:#eee7d6 !important;
}

html[data-theme="light"] .cost-bar div,
html[data-theme="light"] .cost-bar.over div{
    background:linear-gradient(90deg,#d7b653,#a97912) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-alert i,
html[data-theme="light"] .boq-alert.warning i,
html[data-theme="light"] .boq-alert.danger i,
html[data-theme="light"] .boq-alert.success i{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .boq-alert p{
    color:#444444 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-alert-content strong{
    color:#111111 !important;
}

html[data-theme="light"] .boq-alert-content span{
    color:#76550f !important;
}

html[data-theme="light"] .boq-alert-content small{
    color:#666666 !important;
    opacity:1 !important;
}

/* =========================================================
   5. CATEGORY STRIP
========================================================= */

html[data-theme="light"] .boq-category-strip{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-category-strip button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-category-strip button:hover,
html[data-theme="light"] .boq-category-strip button.active{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   6. BOQ TABLE
========================================================= */

html[data-theme="light"] .boq-table-wrap{
    background:#ffffff !important;
}

html[data-theme="light"] .boq-table th{
    color:#704f0d !important;
    background:#fff8e3 !important;
    border-bottom:1px solid rgba(184,137,31,.25) !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-table td{
    color:#222222 !important;
    border-bottom:1px solid rgba(184,137,31,.14) !important;
}

html[data-theme="light"] .boq-table tbody tr:hover,
html[data-theme="light"] .boq-data-row:hover{
    background:#fffdf8 !important;
}

html[data-theme="light"] .boq-data-row.selected-boq-row{
    background:#fff8e3 !important;
    box-shadow:inset 3px 0 0 #b8891f !important;
}

html[data-theme="light"] .boq-table td strong{
    color:#111111 !important;
}

html[data-theme="light"] .boq-table td small{
    color:#5f5f5f !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-cat,
html[data-theme="light"] .boq-cat.civil,
html[data-theme="light"] .boq-cat.structural,
html[data-theme="light"] .boq-cat.electrical,
html[data-theme="light"] .boq-cat.plumbing,
html[data-theme="light"] .boq-cat.finishing,
html[data-theme="light"] .boq-cat.landscape,
html[data-theme="light"] .boq-cat.interior,
html[data-theme="light"] .boq-cat.other{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .boq-status,
html[data-theme="light"] .boq-status.approved,
html[data-theme="light"] .boq-status.review,
html[data-theme="light"] .boq-status.draft,
html[data-theme="light"] .boq-status.submitted,
html[data-theme="light"] .boq-status.revision-required,
html[data-theme="light"] .boq-status.rejected,
html[data-theme="light"] .boq-status.locked{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .boq-actions button,
html[data-theme="light"] .view-boq-btn,
html[data-theme="light"] .edit-boq-btn,
html[data-theme="light"] .delete-boq-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-actions button i{
    color:#76550f !important;
}

html[data-theme="light"] .boq-actions button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .boq-actions button:hover i{
    color:#111111 !important;
}

/* =========================================================
   7. QUANTITY TRACKER
========================================================= */

html[data-theme="light"] .quantity-item{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .quantity-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .quantity-item span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .quantity-item b{
    color:#76550f !important;
}

html[data-theme="light"] .quantity-progress{
    background:#eee7d6 !important;
}

html[data-theme="light"] .quantity-progress div{
    background:linear-gradient(90deg,#d7b653,#a97912) !important;
    box-shadow:none !important;
}

/* =========================================================
   8. VENDOR COMPARISON
========================================================= */

html[data-theme="light"] .boq-comparison-preview,
html[data-theme="light"] .vendor-compare-card,
html[data-theme="light"] .recommended-vendor-card,
html[data-theme="light"] .vendor-notes{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-comparison-empty{
    background:#ffffff !important;
    color:#565656 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .vendor-comparison-empty i{
    color:#9b7014 !important;
}

html[data-theme="light"] .vendor-comparison-empty strong{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-comparison-empty span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-compare-card,
html[data-theme="light"] .vendor-row,
html[data-theme="light"] .vendor-compare-row,
html[data-theme="light"] .recommended-vendor-card,
html[data-theme="light"] .vendor-notes{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-item-head h3,
html[data-theme="light"] .vendor-row strong,
html[data-theme="light"] .vendor-compare-row strong,
html[data-theme="light"] .recommended-vendor-card h3{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-item-head span,
html[data-theme="light"] .vendor-row span,
html[data-theme="light"] .vendor-compare-row span,
html[data-theme="light"] .vendor-notes{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-row small,
html[data-theme="light"] .vendor-compare-row small{
    color:#76550f !important;
}

html[data-theme="light"] .vendor-row.best,
html[data-theme="light"] .vendor-compare-row.best{
    background:#fff8e3 !important;
    border-color:rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .vendor-row.best strong{
    color:#111111 !important;
}

html[data-theme="light"] .open-vendor-drawer-btn,
html[data-theme="light"] .create-pr-btn,
html[data-theme="light"] .create-rfq-from-boq-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .open-vendor-drawer-btn i,
html[data-theme="light"] .create-pr-btn i,
html[data-theme="light"] .create-rfq-from-boq-btn i{
    color:#111111 !important;
}

/* =========================================================
   9. PROCUREMENT CARDS
========================================================= */

html[data-theme="light"] .procurement-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .procurement-card i{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .procurement-card strong{
    color:#111111 !important;
}

html[data-theme="light"] .procurement-card span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .procurement-card button{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
}

/* =========================================================
   10. ADD / EDIT BOQ MODALS
========================================================= */

html[data-theme="light"] .boq-modal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .boq-modal-box{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .boq-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .boq-modal-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .boq-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .boq-modal-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-modal-head button{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .boq-modal-head button i{
    color:#222222 !important;
}

html[data-theme="light"] .boq-form label{
    color:#222222 !important;
}

html[data-theme="light"] .boq-form label small{
    color:#666666 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-form input,
html[data-theme="light"] .boq-form select,
html[data-theme="light"] .boq-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-form input::placeholder,
html[data-theme="light"] .boq-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .boq-form input:focus,
html[data-theme="light"] .boq-form select:focus,
html[data-theme="light"] .boq-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .boq-form input:disabled,
html[data-theme="light"] .boq-form select:disabled{
    background:#f6f3eb !important;
    color:#666666 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-total-preview,
html[data-theme="light"] .boq-total-preview.variance-preview{
    background:#fff8e3 !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .boq-total-preview span{
    color:#565656 !important;
}

html[data-theme="light"] .boq-total-preview strong{
    color:#111111 !important;
}

html[data-theme="light"] .boq-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .boq-save-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* =========================================================
   11. BOQ / VENDOR DRAWERS
========================================================= */

html[data-theme="light"] .boq-drawer-overlay{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .boq-drawer-panel{
    background:#ffffff !important;
    color:#111111 !important;
    border-left:1px solid rgba(184,137,31,.30) !important;
    box-shadow:-24px 0 70px rgba(28,34,44,.15) !important;
}

html[data-theme="light"] .boq-drawer-panel::before{
    display:none !important;
}

html[data-theme="light"] .boq-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .boq-drawer-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-drawer-head button{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .boq-drawer-head button i{
    color:#222222 !important;
}

html[data-theme="light"] .boq-drawer-grid div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .boq-drawer-grid span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .boq-drawer-grid strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-title{
    color:#111111 !important;
}

html[data-theme="light"] .boq-workflow div,
html[data-theme="light"] .boq-workflow .done,
html[data-theme="light"] .boq-workflow .active{
    background:#ffffff !important;
    color:#565656 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .boq-workflow .done,
html[data-theme="light"] .boq-workflow .active{
    background:#fff8e3 !important;
    color:#76550f !important;
}

html[data-theme="light"] .boq-related-grid button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .boq-related-grid button i{
    color:#76550f !important;
}

html[data-theme="light"] .boq-related-grid button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .drawer-list div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .drawer-list strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-list span{
    color:#565656 !important;
    opacity:1 !important;
}

/* =========================================================
   12. EMPTY STATES
========================================================= */

html[data-theme="light"] .boq-empty-state,
html[data-theme="light"] .vendor-comparison-empty,
html[data-theme="light"] .cost-compare-list > div:only-child,
html[data-theme="light"] .quantity-list > div:only-child{
    color:#565656 !important;
}

html[data-theme="light"] .boq-empty-state i{
    color:#9b7014 !important;
}

html[data-theme="light"] .boq-empty-state h3{
    color:#111111 !important;
}

/* =========================================================
   13. SCROLLBARS
========================================================= */

html[data-theme="light"] .boq-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .boq-drawer-panel::-webkit-scrollbar-track,
html[data-theme="light"] .boq-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] .boq-category-strip::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .boq-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .boq-drawer-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .boq-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .boq-category-strip::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    border-radius:999px !important;
}

/* =========================================================
   14. FINAL TEXT VISIBILITY
========================================================= */

html[data-theme="light"] .boq-page :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .boq-modal-box :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .boq-drawer-panel :is(h1,h2,h3,h4,h5,strong){
    text-shadow:none !important;
}

html[data-theme="light"] .boq-page :is(p,small,label),
html[data-theme="light"] .boq-modal-box :is(p,small,label),
html[data-theme="light"] .boq-drawer-panel :is(p,small,label){
    opacity:1 !important;
    text-shadow:none !important;
}

/* =========================================================
   15. SIDEBAR ACTIVE STATE
========================================================= */

html[data-theme="light"] .submenu a.active-sub,
html[data-theme="light"] .menu-group.active-group > .menu-toggle{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:0 10px 24px rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .submenu a.active-sub i,
html[data-theme="light"] .menu-group.active-group > .menu-toggle i{
    color:#76550f !important;
}

html[data-theme="light"] .menu-group.active-group > .menu-toggle::after{
    background:#b8891f !important;
    box-shadow:none !important;
}

/* =========================================================
   16. MOBILE SAFETY
========================================================= */

@media(max-width:768px){

    html[data-theme="light"] .boq-modal-box,
    html[data-theme="light"] .boq-drawer-panel{
        background:#ffffff !important;
    }

    html[data-theme="light"] .boq-header-actions{
        width:100%;
    }

    html[data-theme="light"] .boq-header-actions select,
    html[data-theme="light"] .add-boq-btn{
        width:100%;
    }

}

/* =========================================================
   ASK STUDIO — VENDORS & PROCUREMENT COMPLETE LIGHT MODE
   Paste at the END of theme-light.css
   Dark mode remains unchanged.
========================================================= */

/* =========================================================
   1. PAGE HEADER
========================================================= */

html[data-theme="light"] .vendors-page{
    color:#111111 !important;
}

html[data-theme="light"] .vendors-header h1{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .vendors-header p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .create-pr-btn,
html[data-theme="light"] .create-rfq-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .add-vendor-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.40) !important;
    box-shadow:0 12px 28px rgba(184,137,31,.17) !important;
}

html[data-theme="light"] .vendors-header-actions button i{
    color:inherit !important;
}

html[data-theme="light"] .create-pr-btn:hover,
html[data-theme="light"] .create-rfq-btn:hover,
html[data-theme="light"] .add-vendor-btn:hover{
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   2. KPI CARDS
========================================================= */

html[data-theme="light"] .vendor-kpi-card,
html[data-theme="light"] .vendor-kpi-card.active,
html[data-theme="light"] .vendor-kpi-card.pending,
html[data-theme="light"] .vendor-kpi-card.procurement,
html[data-theme="light"] .vendor-kpi-card.rating,
html[data-theme="light"] .vendor-kpi-card.delivery{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 16px 38px rgba(28,34,44,.075) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .vendor-kpi-card::before{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-kpi-card::after{
    display:none !important;
}

html[data-theme="light"] .vendor-kpi-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    box-shadow:0 22px 48px rgba(28,34,44,.10) !important;
}

html[data-theme="light"] .vendor-kpi-card span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-kpi-card h2,
html[data-theme="light"] .vendor-kpi-card.active h2,
html[data-theme="light"] .vendor-kpi-card.pending h2,
html[data-theme="light"] .vendor-kpi-card.procurement h2,
html[data-theme="light"] .vendor-kpi-card.rating h2,
html[data-theme="light"] .vendor-kpi-card.delivery h2{
    color:#111111 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .vendor-kpi-card p{
    color:#5f5f5f !important;
    opacity:1 !important;
}

/* =========================================================
   3. COMMON PANELS
========================================================= */

html[data-theme="light"] .vendor-panel{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    box-shadow:0 18px 42px rgba(28,34,44,.08) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .vendor-panel::after{
    display:none !important;
}

html[data-theme="light"] .vendor-panel .panel-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-panel .panel-head span{
    color:#76550f !important;
    opacity:1 !important;
}

/* =========================================================
   4. PROCUREMENT SEARCH / TABLE
========================================================= */

html[data-theme="light"] .procurement-search-box{
    background:#ffffff !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .procurement-search-box i{
    color:#9b7014 !important;
}

html[data-theme="light"] .procurement-search-box input{
    background:transparent !important;
    color:#111111 !important;
}

html[data-theme="light"] .procurement-search-box input::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .procurement-table th{
    color:#704f0d !important;
    background:#fff8e3 !important;
    border-bottom:1px solid rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .procurement-table td{
    color:#222222 !important;
    border-bottom:1px solid rgba(184,137,31,.14) !important;
}

html[data-theme="light"] .procurement-table tbody tr:hover{
    background:#fffdf8 !important;
}

html[data-theme="light"] .procurement-table td strong{
    color:#111111 !important;
}

html[data-theme="light"] .procurement-table td small{
    color:#5f5f5f !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendors-page :is(.green-text,.red-text,.orange-text){
    color:#76550f !important;
}

html[data-theme="light"] .vendor-status,
html[data-theme="light"] .vendor-status.ok,
html[data-theme="light"] .vendor-status.low,
html[data-theme="light"] .vendor-status.medium,
html[data-theme="light"] .vendor-status.high,
html[data-theme="light"] .vendor-status.urgent,
html[data-theme="light"] .vendor-status.pending{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .small-action-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .small-action-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   5. PROCUREMENT INSIGHTS
========================================================= */

html[data-theme="light"] .vendor-insight{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-insight i,
html[data-theme="light"] .vendor-insight.danger i,
html[data-theme="light"] .vendor-insight.warning i,
html[data-theme="light"] .vendor-insight.success i{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .vendor-insight p{
    color:#444444 !important;
    opacity:1 !important;
}

/* =========================================================
   6. DIRECTORY HEADER / FILTERS
========================================================= */

html[data-theme="light"] .vendor-directory-header h2{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-directory-header p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-filters input,
html[data-theme="light"] .vendor-filters select{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-filters input::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-filters select option{
    background:#ffffff !important;
    color:#111111 !important;
}

/* =========================================================
   7. VENDOR SLIDER / CARDS
========================================================= */

html[data-theme="light"] .vendor-slide-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:0 10px 24px rgba(28,34,44,.08) !important;
}

html[data-theme="light"] .vendor-slide-btn i{
    color:#76550f !important;
}

html[data-theme="light"] .vendor-slide-btn:hover{
    background:#fff8e3 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .vendor-card,
html[data-theme="light"] .vendor-card.inactive-vendor-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.25) !important;
    border-left:4px solid #b8891f !important;
    box-shadow:0 18px 42px rgba(28,34,44,.08) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .vendor-card::after{
    display:none !important;
}

html[data-theme="light"] .vendor-card:hover{
    border-color:rgba(184,137,31,.45) !important;
    box-shadow:0 24px 52px rgba(28,34,44,.11) !important;
}

html[data-theme="light"] .inactive-vendor-card{
    opacity:.78 !important;
}

html[data-theme="light"] .vendor-logo{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
}

html[data-theme="light"] .vendor-card-top h3{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-card-top p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-card-top p i{
    color:#76550f !important;
}

html[data-theme="light"] .rating-badge{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] .vendor-tags span,
html[data-theme="light"] [class^="vendor-tag-"],
html[data-theme="light"] [class*=" vendor-tag-"]{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .vendor-stats-grid div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-stats-grid span{
    color:#595959 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-stats-grid strong{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-performance span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-performance div{
    background:#eee7d6 !important;
}

html[data-theme="light"] .vendor-performance b{
    background:linear-gradient(90deg,#d7b653,#a97912) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-actions button,
html[data-theme="light"] .whatsapp-vendor-btn,
html[data-theme="light"] .view-vendor-btn,
html[data-theme="light"] .edit-vendor-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-actions button i{
    color:#76550f !important;
}

html[data-theme="light"] .vendor-actions button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .vendor-actions button:hover i{
    color:#111111 !important;
}

/* =========================================================
   8. RFQ CENTER
========================================================= */

html[data-theme="light"] .rfq-item,
html[data-theme="light"] .rfq-vendor-item,
html[data-theme="light"] .rfq-vendor-card,
html[data-theme="light"] .rfq-vendor-box{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .rfq-item strong,
html[data-theme="light"] .rfq-vendor-item strong,
html[data-theme="light"] .rfq-vendor-card strong,
html[data-theme="light"] .rfq-vendor-info strong{
    color:#111111 !important;
}

html[data-theme="light"] .rfq-item span,
html[data-theme="light"] .rfq-vendor-item span,
html[data-theme="light"] .rfq-vendor-card span,
html[data-theme="light"] .rfq-vendor-info span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .view-rfq-btn,
html[data-theme="light"] .enter-quotation-btn,
html[data-theme="light"] .select-quote-vendor-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .view-rfq-btn:hover,
html[data-theme="light"] .enter-quotation-btn:hover,
html[data-theme="light"] .select-quote-vendor-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

html[data-theme="light"] .rfq-empty-vendor,
html[data-theme="light"] .loading-rfq{
    background:#ffffff !important;
    color:#565656 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .rfq-vendor-search input{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
}

html[data-theme="light"] .rfq-vendor-check-ui{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .rfq-vendor-checkbox:checked + .rfq-vendor-check-ui{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    border-color:#b8891f !important;
}

/* =========================================================
   9. COMPARISON ENGINE
========================================================= */

html[data-theme="light"] .comparison-card,
html[data-theme="light"] .comparison-row,
html[data-theme="light"] .comparison-matrix,
html[data-theme="light"] .matrix-row,
html[data-theme="light"] .recommendation-box,
html[data-theme="light"] .decision-note{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .comparison-head h3,
html[data-theme="light"] .comparison-row strong,
html[data-theme="light"] .matrix-row strong,
html[data-theme="light"] .recommendation-box strong{
    color:#111111 !important;
}

html[data-theme="light"] .comparison-head span,
html[data-theme="light"] .comparison-row span,
html[data-theme="light"] .matrix-row span,
html[data-theme="light"] .recommendation-box span,
html[data-theme="light"] .decision-note{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .comparison-row b,
html[data-theme="light"] .matrix-row b{
    color:#76550f !important;
}

html[data-theme="light"] .comparison-row.best,
html[data-theme="light"] .recommendation-box{
    background:#fff8e3 !important;
    border-color:rgba(184,137,31,.34) !important;
}

html[data-theme="light"] .open-comparison-drawer-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
}

/* =========================================================
   10. PURCHASE REQUEST CENTER
========================================================= */

html[data-theme="light"] .pr-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .pr-card-head strong{
    color:#111111 !important;
}

html[data-theme="light"] .pr-card p,
html[data-theme="light"] .pr-meta span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .pr-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .pr-card-actions button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .pr-card-actions button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   11. PURCHASE ORDERS
========================================================= */

html[data-theme="light"] .po-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .po-head strong{
    color:#111111 !important;
}

html[data-theme="light"] .po-card p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .po-meta div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .po-meta span{
    color:#595959 !important;
    opacity:1 !important;
}

html[data-theme="light"] .po-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .delivery-steps span,
html[data-theme="light"] .delivery-progress-line span{
    background:#e9e1cf !important;
    box-shadow:none !important;
}

html[data-theme="light"] .delivery-steps span.done,
html[data-theme="light"] .delivery-steps span.active,
html[data-theme="light"] .delivery-progress-line span.done,
html[data-theme="light"] .delivery-progress-line span.active{
    background:#b8891f !important;
    box-shadow:none !important;
}

html[data-theme="light"] .po-actions button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .po-actions button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   12. DELIVERY TRACKING
========================================================= */

html[data-theme="light"] .delivery-track-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.22) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .delivery-track-head strong{
    color:#111111 !important;
}

html[data-theme="light"] .delivery-track-head span,
html[data-theme="light"] .delivery-material,
html[data-theme="light"] .delivery-progress-labels span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .delivery-meta-grid div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .delivery-meta-grid small{
    color:#595959 !important;
    opacity:1 !important;
}

html[data-theme="light"] .delivery-meta-grid strong{
    color:#111111 !important;
}

html[data-theme="light"] .track-shipment-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .track-shipment-btn i{
    color:#76550f !important;
}

html[data-theme="light"] .track-shipment-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* =========================================================
   13. ALL VENDOR MODALS
========================================================= */

html[data-theme="light"] .vendor-modal{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .vendor-modal-box,
html[data-theme="light"] .vendor-modal-box.large-modal{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.30) !important;
    box-shadow:0 28px 80px rgba(28,34,44,.16) !important;
}

html[data-theme="light"] .vendor-modal-box::before{
    display:none !important;
}

html[data-theme="light"] .vendor-modal-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .vendor-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-modal-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-modal-head button{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .vendor-modal-head button i{
    color:#222222 !important;
}

html[data-theme="light"] .vendor-form label{
    color:#222222 !important;
}

html[data-theme="light"] .vendor-form label small{
    color:#666666 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-form input,
html[data-theme="light"] .vendor-form select,
html[data-theme="light"] .vendor-form textarea{
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid #d8c28b !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-form input::placeholder,
html[data-theme="light"] .vendor-form textarea::placeholder{
    color:#777777 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-form select option{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .vendor-form input:focus,
html[data-theme="light"] .vendor-form select:focus,
html[data-theme="light"] .vendor-form textarea:focus{
    border-color:#b8891f !important;
    box-shadow:0 0 0 4px rgba(184,137,31,.09) !important;
}

html[data-theme="light"] .vendor-form input:disabled,
html[data-theme="light"] .vendor-form select:disabled,
html[data-theme="light"] .vendor-form input[readonly]{
    background:#f6f3eb !important;
    color:#666666 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-cancel-btn{
    background:#ffffff !important;
    color:#333333 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .vendor-save-btn{
    background:linear-gradient(135deg,#f6de89,#c89b2f) !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.38) !important;
}

/* Material / service multiselect */

html[data-theme="light"] .vendor-material-service-section,
html[data-theme="light"] .vendor-materials-box,
html[data-theme="light"] .vendor-services-box,
html[data-theme="light"] .vendor-material-row,
html[data-theme="light"] .vendor-multiselect,
html[data-theme="light"] .vendor-select-dropdown{
    background:#fffdf8 !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .vendor-materials-head strong{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-materials-head span,
html[data-theme="light"] .vendor-select-toolbar span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .add-vendor-material-btn,
html[data-theme="light"] .remove-vendor-material-btn,
html[data-theme="light"] .vendor-select-trigger,
html[data-theme="light"] .vendor-select-actions button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .vendor-chip,
html[data-theme="light"] .selected-vendor-chips span{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

/* Upload and quotation preview */

html[data-theme="light"] .upload-doc-box,
html[data-theme="light"] .quote-preview-box,
html[data-theme="light"] .quote-preview-area,
html[data-theme="light"] .quote-preview-empty{
    background:#fffdf8 !important;
    color:#565656 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .upload-doc-box i,
html[data-theme="light"] .quote-preview-empty i{
    color:#9b7014 !important;
}

html[data-theme="light"] .upload-doc-btn,
html[data-theme="light"] .view-quote-file-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

/* =========================================================
   14. VENDOR DRAWER / DETAIL DRAWERS
========================================================= */

html[data-theme="light"] .vendor-drawer-overlay{
    background:rgba(25,30,40,.28) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
}

html[data-theme="light"] .vendor-drawer-panel{
    background:#ffffff !important;
    color:#111111 !important;
    border-left:1px solid rgba(184,137,31,.30) !important;
    box-shadow:-24px 0 70px rgba(28,34,44,.15) !important;
}

html[data-theme="light"] .vendor-drawer-panel::before{
    display:none !important;
}

html[data-theme="light"] .vendor-drawer-head{
    background:#ffffff !important;
    border-bottom:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .vendor-drawer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .vendor-drawer-head p{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-drawer-head button{
    background:#ffffff !important;
    color:#222222 !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] .vendor-drawer-head button i{
    color:#222222 !important;
}

html[data-theme="light"] .drawer-kpi-grid div,
html[data-theme="light"] .vendor-ledger-summary div,
html[data-theme="light"] .po-detail-box,
html[data-theme="light"] .driver-contact-card,
html[data-theme="light"] .delivery-photo-card,
html[data-theme="light"] .compliance-doc-card{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.20) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .drawer-kpi-grid span,
html[data-theme="light"] .vendor-ledger-summary span,
html[data-theme="light"] .po-detail-box span,
html[data-theme="light"] .driver-info span,
html[data-theme="light"] .driver-meta span,
html[data-theme="light"] .compliance-doc-card span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .drawer-kpi-grid strong,
html[data-theme="light"] .vendor-ledger-summary strong,
html[data-theme="light"] .po-detail-box strong,
html[data-theme="light"] .driver-info strong,
html[data-theme="light"] .driver-meta strong,
html[data-theme="light"] .compliance-doc-card strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-title{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-list div,
html[data-theme="light"] .vendor-ledger-list div,
html[data-theme="light"] .vendor-timeline div,
html[data-theme="light"] .delivery-drawer-timeline div{
    background:#ffffff !important;
    border:1px solid rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .drawer-list strong,
html[data-theme="light"] .vendor-ledger-list strong,
html[data-theme="light"] .vendor-timeline strong,
html[data-theme="light"] .delivery-drawer-timeline strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawer-list span,
html[data-theme="light"] .vendor-ledger-list span,
html[data-theme="light"] .vendor-timeline span,
html[data-theme="light"] .delivery-drawer-timeline span{
    color:#565656 !important;
    opacity:1 !important;
}

html[data-theme="light"] .vendor-drawer-actions button,
html[data-theme="light"] .vendor-action-btn,
html[data-theme="light"] .drawer-main-btn,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .doc-actions button,
html[data-theme="light"] .driver-action-grid button,
html[data-theme="light"] .delivery-contact-actions button{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
    box-shadow:none !important;
}

html[data-theme="light"] .vendor-drawer-actions button i,
html[data-theme="light"] .vendor-action-btn i,
html[data-theme="light"] .drawer-main-btn i,
html[data-theme="light"] .icon-btn i{
    color:#76550f !important;
}

html[data-theme="light"] .vendor-drawer-actions button:hover,
html[data-theme="light"] .vendor-action-btn:hover,
html[data-theme="light"] .drawer-main-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;
    border-color:#b8891f !important;
}

/* PO detail / delivery */

html[data-theme="light"] .po-document-ribbon{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .driver-avatar,
html[data-theme="light"] .doc-icon,
html[data-theme="light"] .workflow-icon{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .shipment-journey,
html[data-theme="light"] .journey-step,
html[data-theme="light"] .workflow-next-step,
html[data-theme="light"] .delivery-status-options{
    background:#fffdf8 !important;
    color:#111111 !important;
    border:1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .journey-step span,
html[data-theme="light"] .workflow-next-step span{
    color:#565656 !important;
}

html[data-theme="light"] .delivery-photo-placeholder,
html[data-theme="light"] .delivery-photo-view-area{
    background:#fffdf8 !important;
    color:#565656 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .view-delivery-photo-btn{
    background:#ffffff !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.28) !important;
}

/* =========================================================
   15. EMPTY STATES
========================================================= */

html[data-theme="light"] .empty-state-card,
html[data-theme="light"] .rfq-empty-vendor,
html[data-theme="light"] .quote-preview-empty,
html[data-theme="light"] .loading-rfq{
    background:#ffffff !important;
    color:#565656 !important;
    border:1px dashed rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .empty-state-card i{
    color:#9b7014 !important;
}

html[data-theme="light"] .empty-state-card h3{
    color:#111111 !important;
}

/* =========================================================
   16. SCROLLBARS
========================================================= */

html[data-theme="light"] .vendor-modal-box::-webkit-scrollbar-track,
html[data-theme="light"] .vendor-drawer-panel::-webkit-scrollbar-track,
html[data-theme="light"] .procurement-table-wrapper::-webkit-scrollbar-track,
html[data-theme="light"] .rfq-table-wrapper::-webkit-scrollbar-track,
html[data-theme="light"] .vendor-insight-list::-webkit-scrollbar-track{
    background:#f2eee4 !important;
}

html[data-theme="light"] .vendor-modal-box::-webkit-scrollbar-thumb,
html[data-theme="light"] .vendor-drawer-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] .procurement-table-wrapper::-webkit-scrollbar-thumb,
html[data-theme="light"] .rfq-table-wrapper::-webkit-scrollbar-thumb,
html[data-theme="light"] .vendor-insight-list::-webkit-scrollbar-thumb{
    background:linear-gradient(#d8b95f,#a77a16) !important;
    border-radius:999px !important;
}

/* =========================================================
   17. FINAL TEXT VISIBILITY
========================================================= */

html[data-theme="light"] .vendors-page :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .vendor-modal-box :is(h1,h2,h3,h4,h5,strong),
html[data-theme="light"] .vendor-drawer-panel :is(h1,h2,h3,h4,h5,strong){
    text-shadow:none !important;
}

html[data-theme="light"] .vendors-page :is(p,small,label),
html[data-theme="light"] .vendor-modal-box :is(p,small,label),
html[data-theme="light"] .vendor-drawer-panel :is(p,small,label){
    opacity:1 !important;
    text-shadow:none !important;
}

/* =========================================================
   18. SIDEBAR ACTIVE STATE
========================================================= */

html[data-theme="light"] .submenu a.active-sub,
html[data-theme="light"] .menu-group.active-group > .menu-toggle{
    background:#fff8e3 !important;
    color:#76550f !important;
    border:1px solid rgba(184,137,31,.24) !important;
    box-shadow:0 10px 24px rgba(184,137,31,.08) !important;
}

html[data-theme="light"] .submenu a.active-sub i,
html[data-theme="light"] .menu-group.active-group > .menu-toggle i{
    color:#76550f !important;
}

/* =========================================================
   19. MOBILE SAFETY
========================================================= */

@media(max-width:768px){

    html[data-theme="light"] .vendor-modal-box,
    html[data-theme="light"] .vendor-drawer-panel{
        background:#ffffff !important;
    }

    html[data-theme="light"] .vendors-header-actions{
        width:100%;
        flex-wrap:wrap;
    }

    html[data-theme="light"] .vendors-header-actions button{
        flex:1;
        min-width:140px;
    }

    html[data-theme="light"] .vendor-filters{
        width:100%;
        flex-direction:column;
    }

    html[data-theme="light"] .vendor-filters input,
    html[data-theme="light"] .vendor-filters select{
        width:100%;
    }

}


/* =========================================================
   VENDOR PAGE — PR CARDS + DELIVERY STATUS LIGHT MODE FIX
   Add at the END of theme-light.css
========================================================= */

/* =========================================================
   1. PURCHASE REQUEST CARD
========================================================= */

html[data-theme="light"] .pr-card{

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.28) !important;

    border-radius:20px !important;

    padding:20px !important;

    box-shadow:
        0 14px 34px rgba(28,34,44,.06) !important;
}


/* PR HEADER */

html[data-theme="light"] .pr-card-head{

    display:flex !important;

    align-items:flex-start !important;

    justify-content:space-between !important;

    gap:14px !important;

    margin-bottom:18px !important;
}


html[data-theme="light"] .pr-card-head strong{

    color:#111111 !important;

    font-size:20px !important;

    font-weight:800 !important;
}


html[data-theme="light"] .pr-card-head span,
html[data-theme="light"] .pr-card-head small{

    color:#76550f !important;

    opacity:1 !important;
}


/* VENDOR AND MATERIAL TEXT */

html[data-theme="light"] .pr-card > p,
html[data-theme="light"] .pr-card-head + p{

    color:#555555 !important;

    opacity:1 !important;
}


html[data-theme="light"] .pr-card > p:last-of-type{

    color:#333333 !important;
}


/* =========================================================
   2. PR QUANTITY / PRIORITY / DATE / PROJECT BOXES
========================================================= */

html[data-theme="light"] .pr-meta{

    display:grid !important;

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

    gap:0 !important;

    margin-top:18px !important;

    overflow:hidden !important;

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.26) !important;

    border-radius:15px !important;
}


html[data-theme="light"] .pr-meta > div{

    min-width:0 !important;

    min-height:74px !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    padding:13px 15px !important;

    background:#ffffff !important;

    border:0 !important;

    border-right:
        1px solid rgba(184,137,31,.20) !important;

    border-bottom:
        1px solid rgba(184,137,31,.20) !important;
}


/* Right column */

html[data-theme="light"] .pr-meta > div:nth-child(even){

    border-right:0 !important;
}


/* Last row */

html[data-theme="light"] .pr-meta > div:nth-last-child(-n+2){

    border-bottom:0 !important;
}


html[data-theme="light"] .pr-meta span,
html[data-theme="light"] .pr-meta small{

    display:block !important;

    margin-bottom:5px !important;

    color:#555555 !important;

    font-size:11px !important;

    font-weight:500 !important;

    opacity:1 !important;
}


html[data-theme="light"] .pr-meta strong{

    display:block !important;

    color:#111111 !important;

    font-size:15px !important;

    font-weight:800 !important;

    opacity:1 !important;
}


/* Priority text */

html[data-theme="light"] .pr-meta .urgent,
html[data-theme="light"] .pr-meta .high,
html[data-theme="light"] .pr-meta .medium,
html[data-theme="light"] .pr-meta .normal,
html[data-theme="light"] .pr-priority{

    color:#76550f !important;
}


/* =========================================================
   3. PR STATUS BADGE
========================================================= */

html[data-theme="light"] .pr-status,
html[data-theme="light"] .pr-status.approved,
html[data-theme="light"] .pr-status.pending,
html[data-theme="light"] .pr-status.rejected,
html[data-theme="light"] .pr-status.cancelled{

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-height:30px !important;

    padding:0 13px !important;

    background:#fff8e3 !important;

    color:#76550f !important;

    border:
        1px solid rgba(184,137,31,.30) !important;

    border-radius:999px !important;

    font-weight:800 !important;

    opacity:1 !important;
}




/* =========================================================
   5. DELIVERY STATUS MODAL
========================================================= */

html[data-theme="light"] .delivery-status-options{

    display:grid !important;

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

    gap:12px !important;

    padding:16px !important;

    background:#fffdf8 !important;

    border:
        1px solid rgba(184,137,31,.25) !important;

    border-radius:16px !important;
}


/* Each status label/button */

html[data-theme="light"] .delivery-status-options label,
html[data-theme="light"] .delivery-status-option{

    min-height:58px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    margin:0 !important;

    padding:10px 14px !important;

    background:#ffffff !important;

    color:#222222 !important;

    border:
        1px solid rgba(184,137,31,.25) !important;

    border-radius:14px !important;

    font-size:15px !important;

    font-weight:800 !important;

    opacity:1 !important;

    cursor:pointer !important;

    transition:.2s ease !important;
}


/* Text inside label */

html[data-theme="light"]
.delivery-status-options label span,

html[data-theme="light"]
.delivery-status-option span{

    color:#222222 !important;

    font-weight:800 !important;

    opacity:1 !important;
}


/* Hide actual radio only */

html[data-theme="light"]
.delivery-status-options input[type="radio"]{

    position:absolute !important;

    opacity:0 !important;

    pointer-events:none !important;
}


/* Selected status */

html[data-theme="light"]
.delivery-status-options
input[type="radio"]:checked + label,

html[data-theme="light"]
.delivery-status-options
input[type="radio"]:checked + span,

html[data-theme="light"]
.delivery-status-option.active,

html[data-theme="light"]
.delivery-status-option.selected{

    background:
        linear-gradient(
            135deg,
            #fff8df,
            #f5d77a
        ) !important;

    color:#111111 !important;

    border-color:#c8941c !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.14) !important;
}


/* Selected text */

html[data-theme="light"]
.delivery-status-options
input[type="radio"]:checked + label span,

html[data-theme="light"]
.delivery-status-option.active span,

html[data-theme="light"]
.delivery-status-option.selected span{

    color:#111111 !important;

    opacity:1 !important;
}


/* Hover */

html[data-theme="light"]
.delivery-status-options label:hover,

html[data-theme="light"]
.delivery-status-option:hover{

    background:#fff8e3 !important;

    color:#111111 !important;

    border-color:#b8891f !important;
}


/* =========================================================
   6. STATUS MODAL FOOTER BUTTONS
========================================================= */

html[data-theme="light"]
#deliveryStatusModal .vendor-cancel-btn{

    background:#ffffff !important;

    color:#333333 !important;

    border:
        1px solid rgba(184,137,31,.30) !important;
}


html[data-theme="light"]
#deliveryStatusModal .vendor-save-btn{

    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;

    border:
        1px solid rgba(184,137,31,.40) !important;
}


/* =========================================================
   7. MOBILE
========================================================= */

@media(max-width:600px){

    html[data-theme="light"] .pr-meta,
    html[data-theme="light"] .delivery-status-options{

        grid-template-columns:1fr !important;
    }


    html[data-theme="light"] .pr-meta > div{

        border-right:0 !important;

        border-bottom:
            1px solid rgba(184,137,31,.20) !important;
    }


    html[data-theme="light"]
    .pr-meta > div:last-child{

        border-bottom:0 !important;
    }

}

/* DELIVERY STATUS MODAL — FULL WIDTH SELECTED OPTION */

html[data-theme="light"] #deliveryStatusModal
.delivery-status-options{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}

html[data-theme="light"] #deliveryStatusModal
.delivery-status-options > *{
    width:100% !important;
    min-width:0 !important;
}

html[data-theme="light"] #deliveryStatusModal
.delivery-status-options label,
html[data-theme="light"] #deliveryStatusModal
.delivery-status-option{
    width:100% !important;
    min-height:78px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:14px !important;

    background:#ffffff !important;
    color:#222222 !important;

    border:1px solid rgba(184,137,31,.28) !important;
    border-radius:15px !important;

    box-sizing:border-box !important;
}

/* Radio input label ke andar ho */
html[data-theme="light"] #deliveryStatusModal
.delivery-status-options label:has(input[type="radio"]:checked){

    width:100% !important;
    min-height:78px !important;

    background:
        linear-gradient(
            135deg,
            #fff8df,
            #f5d77a
        ) !important;

    color:#111111 !important;

    border-color:#c8941c !important;

    box-shadow:
        0 10px 24px rgba(184,137,31,.14) !important;
}

/* Input ke turant baad label ho */
html[data-theme="light"] #deliveryStatusModal
.delivery-status-options input[type="radio"]:checked + label{

    width:100% !important;
    min-height:78px !important;

    background:
        linear-gradient(
            135deg,
            #fff8df,
            #f5d77a
        ) !important;

    color:#111111 !important;

    border-color:#c8941c !important;

    box-shadow:
        0 10px 24px rgba(184,137,31,.14) !important;
}

/* Label ke andar selected span ho */
html[data-theme="light"] #deliveryStatusModal
.delivery-status-options label:has(input[type="radio"]:checked) span,

html[data-theme="light"] #deliveryStatusModal
.delivery-status-options input[type="radio"]:checked + label span{

    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#111111 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Radio hidden rahe */
html[data-theme="light"] #deliveryStatusModal
.delivery-status-options input[type="radio"]{

    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}



/* =====================================================
   PROCUREMENT EXECUTIVE DASHBOARD
   LIGHT MODE
===================================================== */

html[data-theme="light"] .procurement-dashboard-card,
html[data-theme="light"] .procurement-mini-kpi,
html[data-theme="light"] .procurement-dashboard-heading{

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.22) !important;

    box-shadow:
        0 18px 42px rgba(28,34,44,.08) !important;

    backdrop-filter:none !important;
}

html[data-theme="light"] .procurement-dashboard-card::before,
html[data-theme="light"] .procurement-mini-kpi::after{

    display:none !important;
}

html[data-theme="light"] .procurement-dashboard-heading h2,
html[data-theme="light"] .procurement-card-head h3,
html[data-theme="light"] .procurement-mini-kpi strong{

    color:#111111 !important;
}

html[data-theme="light"] .procurement-dashboard-heading p,
html[data-theme="light"] .procurement-mini-kpi span,
html[data-theme="light"] .procurement-mini-kpi small,
html[data-theme="light"] .procurement-card-head span,
html[data-theme="light"] .procurement-chart-total small{

    color:#565656 !important;

    opacity:1 !important;
}

html[data-theme="light"] .procurement-health-pill{

    background:#fff8e3 !important;

    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .procurement-health-pill strong{

    color:#111111 !important;
}

html[data-theme="light"] .procurement-refresh-btn{

    background:linear-gradient(
        135deg,
        #f6de89,
        #c89b2f
    ) !important;

    color:#111111 !important;

    border:1px solid rgba(184,137,31,.35) !important;
}

html[data-theme="light"] .procurement-mini-icon{

    background:#fff8e3 !important;

    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .procurement-card-head-icon{

    background:#fff8e3 !important;

    border:1px solid rgba(184,137,31,.22) !important;

    color:#76550f !important;
}

html[data-theme="light"] .procurement-mini-icon i,
html[data-theme="light"] .procurement-card-head-icon i{

    color:#76550f !important;
}

html[data-theme="light"] .procurement-dashboard-empty{

    background:#fffdf8 !important;

    border:1px dashed rgba(184,137,31,.25) !important;

    color:#666666 !important;
}

html[data-theme="light"] .procurement-funnel-row,
html[data-theme="light"] .procurement-vendor-spend-item,
html[data-theme="light"] .procurement-top-vendor-item,
html[data-theme="light"] .procurement-activity-item,
html[data-theme="light"] .procurement-delayed-item{

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.18) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .procurement-funnel-row b,
html[data-theme="light"] .procurement-vendor-spend-item h4,
html[data-theme="light"] .procurement-top-vendor-item h4,
html[data-theme="light"] .procurement-activity-item h4,
html[data-theme="light"] .procurement-delayed-item strong{

    color:#111111 !important;
}

html[data-theme="light"] .procurement-funnel-row span,
html[data-theme="light"] .procurement-vendor-spend-item p,
html[data-theme="light"] .procurement-top-vendor-meta,
html[data-theme="light"] .procurement-activity-item p,
html[data-theme="light"] .procurement-delayed-item p{

    color:#565656 !important;

    opacity:1 !important;
}

html[data-theme="light"] .procurement-horizontal-track{

    background:#ece7d8 !important;
}

html[data-theme="light"] .procurement-spend-bar{

    background:linear-gradient(
        180deg,
        #f6de89,
        #c89b2f
    ) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .procurement-horizontal-fill{

    background:linear-gradient(
        90deg,
        #d8b95f,
        #b8891f
    ) !important;
}


/* ==========================================================
   PROCUREMENT LIGHT MODE
   FINAL TEXT VISIBILITY FIX
========================================================== */

html[data-theme="light"] .procurement-dashboard *{

    -webkit-text-fill-color:unset !important;

}

/* All headings */

html[data-theme="light"] .procurement-dashboard h1,
html[data-theme="light"] .procurement-dashboard h2,
html[data-theme="light"] .procurement-dashboard h3,
html[data-theme="light"] .procurement-dashboard h4,
html[data-theme="light"] .procurement-dashboard h5,
html[data-theme="light"] .procurement-dashboard strong,
html[data-theme="light"] .procurement-dashboard b{

    color:#111111 !important;

    opacity:1 !important;

}

/* Normal text */

html[data-theme="light"] .procurement-dashboard p,
html[data-theme="light"] .procurement-dashboard span,
html[data-theme="light"] .procurement-dashboard small,
html[data-theme="light"] .procurement-dashboard label,
html[data-theme="light"] .procurement-dashboard div{

    color:#5d5d5d !important;

    opacity:1 !important;

}

/* Numbers */

html[data-theme="light"] .procurement-dashboard .amount,
html[data-theme="light"] .procurement-dashboard .value,
html[data-theme="light"] .procurement-dashboard .count,
html[data-theme="light"] .procurement-dashboard .metric,
html[data-theme="light"] .procurement-dashboard .price{

    color:#111111 !important;

    font-weight:700;

}

/* Success */

html[data-theme="light"] .procurement-dashboard .green-text,
html[data-theme="light"] .procurement-dashboard .positive,
html[data-theme="light"] .procurement-dashboard .success{

    color:#0fbe64 !important;

}

/* Warning */

html[data-theme="light"] .procurement-dashboard .orange-text,
html[data-theme="light"] .procurement-dashboard .warning{

    color:#c88511 !important;

}

/* Danger */

html[data-theme="light"] .procurement-dashboard .red-text,
html[data-theme="light"] .procurement-dashboard .danger{

    color:#dc4d4d !important;

}

/* Icons */

html[data-theme="light"] .procurement-dashboard i{

    color:inherit !important;

}

/* ASK STUDIO — MEETINGS COMPLETE LIGHT MODE */
html[data-theme="light"] .meetings-page{color:#111!important}
html[data-theme="light"] .meetings-header h1,html[data-theme="light"] .meeting-panel :is(h2,h3,h4),html[data-theme="light"] :is(.meeting-modal-box,.meeting-detail-panel,.mom-modal-box,.mom-view-box,.meeting-record-modal-box,.meeting-record-folder-box) :is(h2,h3,h4){color:#111!important;text-shadow:none!important}
html[data-theme="light"] .meetings-header p,html[data-theme="light"] .meeting-panel p,html[data-theme="light"] :is(.meeting-modal-box,.meeting-detail-panel,.mom-modal-box,.mom-view-box,.meeting-record-modal-box,.meeting-record-folder-box) p{color:#565656!important;opacity:1!important}
html[data-theme="light"] :is(.meetings-eyebrow,.panel-label,.modal-eyebrow,.drawer-eyebrow){color:#8b650f!important}
html[data-theme="light"] .meeting-filter-btn{background:#fff!important;color:#76550f!important;border:1px solid rgba(184,137,31,.3)!important;box-shadow:none!important}
html[data-theme="light"] :is(.new-meeting-btn,.meeting-save-btn,.mom-save-btn,.meeting-record-save-btn,.generate-meeting-summary-btn,.add-meeting-record-btn,.empty-add-record-btn,.apply-filter-btn,#meetingConfirmAction){background:linear-gradient(135deg,#f6de89,#c89b2f)!important;color:#111!important;border:1px solid rgba(184,137,31,.4)!important;box-shadow:0 12px 28px rgba(184,137,31,.16)!important}
html[data-theme="light"] .meeting-kpi-card{background:#fff!important;border:1px solid rgba(184,137,31,.25)!important;box-shadow:0 16px 38px rgba(28,34,44,.075)!important;backdrop-filter:none!important}
html[data-theme="light"] .meeting-kpi-card::before{background:#b8891f!important;box-shadow:none!important}html[data-theme="light"] .meeting-kpi-card::after{display:none!important}
html[data-theme="light"] .meeting-kpi-icon{background:#fff8e3!important;color:#76550f!important;border:1px solid rgba(184,137,31,.22)!important}
html[data-theme="light"] .meeting-kpi-card span{color:#555!important;opacity:1!important}html[data-theme="light"] .meeting-kpi-card h2{color:#111!important}html[data-theme="light"] .meeting-kpi-card p{color:#5f5f5f!important;opacity:1!important}
html[data-theme="light"] :is(.meeting-search-bar,.meeting-record-filter-bar,.ai-meeting-control-bar){background:#fff!important;border:1px solid rgba(184,137,31,.24)!important;box-shadow:0 14px 34px rgba(28,34,44,.06)!important}
html[data-theme="light"] :is(.meeting-search-box,.meeting-record-search,.ai-meeting-select-wrap){background:#fff!important;border:1px solid #d8c28b!important}
html[data-theme="light"] :is(.meeting-search-box,.meeting-record-search,.ai-meeting-select-wrap) i{color:#9b7014!important}
html[data-theme="light"] :is(.meeting-search-box,.meeting-record-search) input{color:#111!important;background:transparent!important}
html[data-theme="light"] :is(.meeting-search-box,.meeting-record-search) input::placeholder{color:#777!important;opacity:1!important}
html[data-theme="light"] :is(.meeting-search-bar,.meeting-record-filter-bar) select,html[data-theme="light"] #aiMeetingSelect,html[data-theme="light"] .calendar-controls select{background:#fff!important;color:#111!important;border:1px solid #d8c28b!important}
html[data-theme="light"] :is(.meeting-search-bar,.meeting-record-filter-bar) select option,html[data-theme="light"] #aiMeetingSelect option,html[data-theme="light"] .calendar-controls select option{background:#fff!important;color:#111!important}
html[data-theme="light"] .meeting-panel{background:#fff!important;border:1px solid rgba(184,137,31,.25)!important;box-shadow:0 18px 42px rgba(28,34,44,.08)!important;backdrop-filter:none!important}
html[data-theme="light"] .meeting-panel::after{display:none!important}html[data-theme="light"] .panel-head h2{color:#111!important}html[data-theme="light"] .panel-head>span{color:#76550f!important;opacity:1!important}
html[data-theme="light"] .calendar-controls button{background:#fff!important;color:#76550f!important;border:1px solid rgba(184,137,31,.28)!important}
html[data-theme="light"] .calendar-week span{color:#555!important;opacity:1!important}
html[data-theme="light"] .calendar-days button{background:#fff!important;color:#222!important;border:1px solid rgba(184,137,31,.2)!important;box-shadow:none!important}
html[data-theme="light"] .calendar-days button:hover:not(:disabled){background:#fff8e3!important;border-color:#b8891f!important}
html[data-theme="light"] .calendar-days button.active-day{background:linear-gradient(135deg,#f6de89,#c89b2f)!important;color:#111!important;border-color:#b8891f!important;box-shadow:0 10px 24px rgba(184,137,31,.16)!important}
html[data-theme="light"] .calendar-meeting-dots i{background:#8b650f!important}
html[data-theme="light"] .timeline-item,html[data-theme="light"] .upcoming-meeting-card,html[data-theme="light"] .mom-card,html[data-theme="light"] .action-item,html[data-theme="light"] .meeting-record-card,html[data-theme="light"] .record-folder-file-card,html[data-theme="light"] .ai-meeting-summary,html[data-theme="light"] .followup-command-item{background:#fff!important;border:1px solid rgba(184,137,31,.2)!important;box-shadow:none!important}
html[data-theme="light"] .timeline-item::before{background:#b8891f!important}html[data-theme="light"] .timeline-time{color:#76550f!important}html[data-theme="light"] .timeline-info h4{color:#111!important}html[data-theme="light"] .timeline-info p{color:#565656!important;opacity:1!important}
html[data-theme="light"] :is(.timeline-mode-badge,.meeting-type,.meeting-status-badge,.mom-status,.mom-preview-type,.action-status,.meeting-record-type-badge,.record-folder-file-kind,.ai-summary-generated-label,.followup-command-badge){background:#fff8e3!important;color:#76550f!important;border:1px solid rgba(184,137,31,.22)!important}
html[data-theme="light"] .upcoming-meeting-card::after{display:none!important}html[data-theme="light"] .upcoming-meeting-card h3{color:#111!important}html[data-theme="light"] .meeting-card-date{color:#565656!important;opacity:1!important}
html[data-theme="light"] .meeting-mini-meta span{background:#fff!important;color:#444!important;border:1px solid rgba(184,137,31,.2)!important}html[data-theme="light"] .meeting-mini-meta span i{color:#76550f!important}
html[data-theme="light"] .meeting-card-agenda{background:#fffdf8!important;color:#565656!important;border:1px solid rgba(184,137,31,.18)!important}
html[data-theme="light"] :is(.meeting-card-actions,.mom-actions,.mom-preview-actions,.mom-view-file-actions,.meeting-record-actions,.record-folder-file-actions,.meeting-detail-actions,.ai-summary-result-actions) :is(button,a),html[data-theme="light"] :is(.mom-view-attachment-btn,.open-record-upload-btn,.delete-record-folder-file,.ai-summary-retry-btn){background:#fff!important;color:#76550f!important;border:1px solid rgba(184,137,31,.28)!important}
html[data-theme="light"] :is(.mom-summary-box,.mom-document-preview,.mom-preview-section,.mom-view-section,.mom-view-document-card,.mom-view-next-meeting,.meeting-form-section,.meeting-record-form-section,.meeting-detail-section,.meeting-detail-status-card,.meeting-detail-box,.meeting-detail-note,.mom-action-row){background:#fff!important;border:1px solid rgba(184,137,31,.2)!important;box-shadow:none!important}
html[data-theme="light"] :is(.mom-meta-grid,.mom-overview-grid,.meeting-detail-grid)>div{background:#fff!important;border:1px solid rgba(184,137,31,.18)!important}
html[data-theme="light"] :is(.mom-meta-grid,.mom-overview-grid,.meeting-detail-grid) span{color:#565656!important;opacity:1!important}html[data-theme="light"] :is(.mom-meta-grid,.mom-overview-grid,.meeting-detail-grid) strong{color:#111!important}
html[data-theme="light"] .action-progress>div{background:#eee7d6!important}html[data-theme="light"] .action-progress span{background:linear-gradient(90deg,#d7b653,#a97912)!important;box-shadow:none!important}
html[data-theme="light"] :is(.meeting-record-preview,.record-folder-file-preview,.meeting-record-preview-icon,.record-folder-file-icon,.record-dropzone-icon,.meeting-record-section-icon,.ai-summary-icon,.followup-kpi-icon,.followup-command-icon,.meeting-confirm-icon,.record-prompt-success-icon){background:#fff8e3!important;color:#76550f!important;border:1px solid rgba(184,137,31,.22)!important}
html[data-theme="light"] :is(.meeting-record-dropzone,.meeting-file-upload){background:#fffdf8!important;color:#565656!important;border:1px dashed rgba(184,137,31,.34)!important}
html[data-theme="light"] .selected-meeting-file-item{background:#fff!important;border:1px solid rgba(184,137,31,.18)!important}
html[data-theme="light"] :is(.meeting-modal-overlay,.mom-modal-overlay,.mom-view-overlay,.meeting-record-modal-overlay,.meeting-record-folder-overlay,.meeting-record-prompt-overlay,.meeting-filter-overlay,.meeting-detail-overlay){background:rgba(25,30,40,.28)!important;backdrop-filter:blur(8px)!important}
html[data-theme="light"] :is(.meeting-modal-box,.mom-modal-box,.mom-view-box,.meeting-record-modal-box,.meeting-record-folder-box,.meeting-confirm-box,.meeting-record-prompt-box,.meeting-filter-panel,.meeting-detail-panel){background:#fff!important;color:#111!important;border:1px solid rgba(184,137,31,.3)!important;box-shadow:0 28px 80px rgba(28,34,44,.16)!important}
html[data-theme="light"] :is(.meeting-modal-head,.mom-modal-head,.mom-view-head,.meeting-record-modal-head,.meeting-filter-head,.meeting-detail-head){background:#fff!important;border-bottom:1px solid rgba(184,137,31,.2)!important}
html[data-theme="light"] :is(.meeting-modal-close,.meeting-record-modal-close,.meeting-detail-head button,.meeting-filter-head button,.mom-view-head button){background:#fff!important;color:#222!important;border:1px solid rgba(184,137,31,.28)!important}
html[data-theme="light"] :is(.meeting-form,.mom-form,.meeting-record-form) label,html[data-theme="light"] .filter-form-group label{color:#222!important}
html[data-theme="light"] :is(.form-help,.record-field-help,.meeting-record-upload-note){color:#666!important;opacity:1!important}
html[data-theme="light"] :is(.meeting-form,.mom-form,.meeting-record-form) :is(input,select,textarea),html[data-theme="light"] .filter-form-group :is(input,select){background:#fff!important;color:#111!important;border:1px solid #d8c28b!important;box-shadow:none!important}
html[data-theme="light"] :is(.meeting-form,.mom-form,.meeting-record-form) :is(input,textarea)::placeholder{color:#777!important;opacity:1!important}
html[data-theme="light"] :is(.meeting-form,.mom-form,.meeting-record-form,.filter-form-group) select option{background:#fff!important;color:#111!important}
html[data-theme="light"] .input-with-icon i{color:#9b7014!important}
html[data-theme="light"] :is(.meeting-cancel-btn,.mom-cancel-btn,.meeting-record-cancel-btn,.clear-filter-btn,#meetingConfirmCancel,.skip-record-btn){background:#fff!important;color:#333!important;border:1px solid rgba(184,137,31,.28)!important}
html[data-theme="light"] :is(.meeting-empty-state,.meeting-loading,.mom-view-empty-state,.mom-view-empty-attachment,#recordFolderEmpty){background:#fffdf8!important;color:#565656!important;border:1px dashed rgba(184,137,31,.3)!important}
html[data-theme="light"] :is(.meeting-empty-state,.meeting-loading,.mom-view-empty-state) i{color:#9b7014!important}
html[data-theme="light"] .meeting-toast{background:#fff!important;color:#111!important;border:1px solid rgba(184,137,31,.28)!important;box-shadow:0 18px 45px rgba(28,34,44,.16)!important}
html[data-theme="light"] :is(.submenu a.active-sub,.menu-group.active-group>.menu-toggle){background:#fff8e3!important;color:#76550f!important;border:1px solid rgba(184,137,31,.24)!important;box-shadow:0 10px 24px rgba(184,137,31,.08)!important}
html[data-theme="light"] :is(.submenu a.active-sub,.menu-group.active-group>.menu-toggle) i{color:#76550f!important}
html[data-theme="light"] :is(.today-timeline,.meeting-detail-panel,.meeting-filter-panel,.meeting-modal-box,.mom-modal-box,.mom-view-box,.meeting-record-modal-box,.meeting-record-folder-box)::-webkit-scrollbar-track{background:#f2eee4!important}
html[data-theme="light"] :is(.today-timeline,.meeting-detail-panel,.meeting-filter-panel,.meeting-modal-box,.mom-modal-box,.mom-view-box,.meeting-record-modal-box,.meeting-record-folder-box)::-webkit-scrollbar-thumb{background:linear-gradient(#d8b95f,#a77a16)!important;border-radius:999px!important}


/* =========================================================
   MEETINGS — TODAY'S TIMELINE DRAWER LIGHT MODE FIX
========================================================= */

/* Location, Meeting Agenda, Preparation Notes boxes */

html[data-theme="light"] .meeting-detail-panel .meeting-detail-box,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-note,
html[data-theme="light"] .meeting-detail-panel [class*="location"],
html[data-theme="light"] .meeting-detail-panel [class*="agenda"],
html[data-theme="light"] .meeting-detail-panel [class*="preparation"]{

    background:#ffffff !important;

    color:#222222 !important;

    border:
        1px solid rgba(184,137,31,.24) !important;

    box-shadow:none !important;
}


/* Heading / label inside boxes */

html[data-theme="light"] .meeting-detail-panel .meeting-detail-box span,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-box label,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-note span,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-note label{

    color:#555555 !important;

    opacity:1 !important;
}


/* Actual box text */

html[data-theme="light"] .meeting-detail-panel .meeting-detail-box strong,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-box p,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-note strong,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-note p,
html[data-theme="light"] .meeting-detail-panel .meeting-detail-note div{

    color:#222222 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


/* =========================================================
   DRAWER ACTION BUTTONS
========================================================= */

html[data-theme="light"] .meeting-detail-actions button,
html[data-theme="light"] .meeting-detail-actions a{

    background:#ffffff !important;

    color:#76550f !important;

    border:
        1px solid rgba(184,137,31,.30) !important;

    box-shadow:none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


html[data-theme="light"] .meeting-detail-actions button i,
html[data-theme="light"] .meeting-detail-actions a i{

    color:#76550f !important;

    transition:color .2s ease !important;
}


/* Normal hover */

html[data-theme="light"] .meeting-detail-actions button:hover,
html[data-theme="light"] .meeting-detail-actions a:hover{

    background:#fff8e3 !important;

    color:#111111 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px rgba(184,137,31,.12) !important;

    transform:translateY(-1px) !important;
}


html[data-theme="light"] .meeting-detail-actions button:hover i,
html[data-theme="light"] .meeting-detail-actions a:hover i{

    color:#111111 !important;
}


/* Mark Completed primary hover */

html[data-theme="light"] .meeting-detail-actions .primary:hover,
html[data-theme="light"] .meeting-detail-actions [data-action="complete"]:hover,
html[data-theme="light"] .meeting-detail-actions [data-meeting-action="complete"]:hover{

    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;

    border-color:#b8891f !important;
}


/* Delete button hover */

html[data-theme="light"] .meeting-detail-actions .danger:hover,
html[data-theme="light"] .meeting-detail-actions [data-action="delete"]:hover,
html[data-theme="light"] .meeting-detail-actions [data-meeting-action="delete"]:hover{

    background:#fff1f1 !important;

    color:#9d2020 !important;

    border-color:rgba(180,40,40,.38) !important;

    box-shadow:
        0 10px 24px rgba(180,40,40,.10) !important;
}


html[data-theme="light"] .meeting-detail-actions .danger:hover i,
html[data-theme="light"] .meeting-detail-actions [data-action="delete"]:hover i,
html[data-theme="light"] .meeting-detail-actions [data-meeting-action="delete"]:hover i{

    color:#9d2020 !important;
}


/* =========================================================
   VIEW MOM POPUP — EXACT LIGHT MODE FIX
========================================================= */

/* MAIN POPUP */

html[data-theme="light"] .mom-view-box{
    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.30) !important;

    box-shadow:
        0 28px 80px rgba(28,34,44,.18) !important;
}


/* HEADER */

html[data-theme="light"] .mom-view-head{
    background:#ffffff !important;

    border-bottom:
        1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .mom-view-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .mom-view-head p{
    color:#444444 !important;
    opacity:1 !important;
}

html[data-theme="light"] .mom-view-head .modal-eyebrow{
    color:#76550f !important;
    opacity:1 !important;
}

html[data-theme="light"] .mom-view-head button{
    background:#ffffff !important;
    color:#111111 !important;

    border:
        1px solid rgba(184,137,31,.30) !important;
}


/* CONTENT AREA */

html[data-theme="light"] .mom-view-content{
    background:#ffffff !important;
    color:#111111 !important;
}


/* =========================================================
   MEETING OVERVIEW
========================================================= */

html[data-theme="light"] .mom-view-overview{
    background:#ffffff !important;
}

html[data-theme="light"] .mom-view-overview > h3{
    color:#111111 !important;
}

html[data-theme="light"] .mom-overview-grid article{
    background:#ffffff !important;

    border:
        1px solid rgba(184,137,31,.25) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .mom-overview-grid article span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .mom-overview-grid article strong{
    color:#111111 !important;
    opacity:1 !important;
}


/* =========================================================
   ALL SECTION HEADINGS
========================================================= */

html[data-theme="light"] .mom-view-section{
    background:#ffffff !important;
}

html[data-theme="light"] .mom-view-section > h3,
html[data-theme="light"] .mom-view-section-head h3{
    color:#111111 !important;
}

html[data-theme="light"] .mom-view-section-head > span{
    color:#76550f !important;
    opacity:1 !important;
}


/* =========================================================
   DISCUSSION SUMMARY
========================================================= */

html[data-theme="light"] .mom-summary-box{
    min-height:120px !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    padding:18px !important;

    background:#ffffff !important;
    color:#222222 !important;

    border:
        1px solid rgba(184,137,31,.25) !important;

    line-height:1.65 !important;

    text-align:left !important;

    opacity:1 !important;

    white-space:pre-wrap !important;

    box-shadow:none !important;
}


/* =========================================================
   KEY DECISIONS
========================================================= */

html[data-theme="light"] .mom-decision-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

html[data-theme="light"] .mom-decision-list article{
    display:flex !important;
    align-items:flex-start !important;
    gap:11px !important;

    padding:14px 15px !important;

    background:#ffffff !important;

    border:
        1px solid rgba(184,137,31,.23) !important;

    border-radius:14px !important;
}

html[data-theme="light"] .mom-decision-list article i{
    width:24px !important;
    height:24px !important;

    flex:0 0 24px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#76550f !important;

    background:#fff8e3 !important;

    border:
        1px solid rgba(184,137,31,.24) !important;

    border-radius:50% !important;
}

html[data-theme="light"] .mom-decision-list article span{
    color:#222222 !important;
    opacity:1 !important;

    line-height:1.55 !important;
}


/* =========================================================
   ACTION ITEMS
========================================================= */

html[data-theme="light"] .mom-view-action-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

html[data-theme="light"] .mom-view-action-list article{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;

    padding:15px !important;

    background:#ffffff !important;

    border:
        1px solid rgba(184,137,31,.23) !important;

    border-radius:14px !important;
}

html[data-theme="light"] .mom-view-action-list article > div{
    min-width:0 !important;
}

html[data-theme="light"] .mom-view-action-list article strong{
    display:block !important;

    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] .mom-view-action-list article p{
    margin-top:5px !important;

    color:#444444 !important;
    opacity:1 !important;

    line-height:1.5 !important;
}

html[data-theme="light"] .mom-view-action-list article > span{
    flex:0 0 auto !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:28px !important;

    padding:5px 11px !important;

    color:#76550f !important;

    background:#fff8e3 !important;

    border:
        1px solid rgba(184,137,31,.25) !important;

    border-radius:999px !important;

    font-weight:800 !important;
    opacity:1 !important;
}


/* =========================================================
   NEXT MEETING
========================================================= */

html[data-theme="light"] .mom-view-next-meeting{
    display:flex !important;
    align-items:center !important;
    gap:13px !important;

    padding:16px !important;

    background:#ffffff !important;

    border:
        1px solid rgba(184,137,31,.24) !important;

    border-radius:16px !important;
}

html[data-theme="light"] .mom-view-next-meeting > div{
    width:42px !important;
    height:42px !important;

    flex:0 0 42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#fff8e3 !important;

    border:
        1px solid rgba(184,137,31,.22) !important;

    border-radius:13px !important;
}

html[data-theme="light"] .mom-view-next-meeting i{
    color:#76550f !important;
}

html[data-theme="light"] .mom-view-next-meeting section{
    min-width:0 !important;
}

html[data-theme="light"] .mom-view-next-meeting section span{
    display:block !important;

    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] .mom-view-next-meeting section strong{
    display:block !important;

    margin-top:4px !important;

    color:#111111 !important;
    opacity:1 !important;
}


/* =========================================================
   MOM ATTACHMENT SECTION
========================================================= */

html[data-theme="light"] .mom-view-attachment-section{
    padding:18px !important;

    background:#ffffff !important;

    border:
        1px solid rgba(184,137,31,.24) !important;

    border-radius:18px !important;
}

html[data-theme="light"] .mom-view-attachment-section h3,
html[data-theme="light"] .mom-view-attachment-section h4{
    color:#111111 !important;
}

html[data-theme="light"] .mom-view-attachment-section p,
html[data-theme="light"] .mom-view-attachment-section small{
    color:#444444 !important;
    opacity:1 !important;
}

html[data-theme="light"] .mom-view-attachment-section .mom-view-file-type,
html[data-theme="light"] .mom-view-attachment-section .mom-preview-type{
    background:#fff8e3 !important;
    color:#76550f !important;

    border:
        1px solid rgba(184,137,31,.23) !important;
}


/* IMAGE / PDF FRAME */

html[data-theme="light"] .mom-view-file-frame,
html[data-theme="light"] .mom-view-file-frame.image,
html[data-theme="light"] .mom-view-file-frame.pdf{
    background:#fffdf8 !important;

    border:
        1px solid rgba(184,137,31,.22) !important;

    border-radius:16px !important;
}

html[data-theme="light"] .mom-view-file-frame img{
    border-radius:14px !important;
}


/* =========================================================
   OPEN FULLSCREEN + DOWNLOAD BUTTONS
========================================================= */

html[data-theme="light"] .mom-view-file-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}

html[data-theme="light"] .mom-view-file-actions a{
    min-height:48px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    background:#ffffff !important;
    color:#76550f !important;

    border:
        1px solid rgba(184,137,31,.30) !important;

    border-radius:13px !important;

    font-weight:800 !important;
    text-decoration:none !important;

    transition:.2s ease !important;
}

html[data-theme="light"] .mom-view-file-actions a i{
    color:#76550f !important;
}

html[data-theme="light"] .mom-view-file-actions a:hover{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c89b2f
        ) !important;

    color:#111111 !important;

    border-color:#b8891f !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 10px 24px rgba(184,137,31,.14) !important;
}

html[data-theme="light"] .mom-view-file-actions a:hover i{
    color:#111111 !important;
}


/* =========================================================
   EMPTY STATES
========================================================= */

html[data-theme="light"] .mom-view-empty-state,
html[data-theme="light"] .mom-view-empty-attachment{
    background:#fffdf8 !important;
    color:#555555 !important;

    border:
        1px dashed rgba(184,137,31,.32) !important;

    opacity:1 !important;
}

html[data-theme="light"] .mom-view-empty-state i,
html[data-theme="light"] .mom-view-empty-attachment i{
    color:#76550f !important;
}


/* MOBILE */

@media(max-width:600px){

    html[data-theme="light"] .mom-view-file-actions{
        grid-template-columns:1fr !important;
    }

    html[data-theme="light"] .mom-view-action-list article{
        align-items:flex-start !important;
        flex-direction:column !important;
    }
}


/* =========================================================
   EDIT / PREPARE MOM POPUP — EXACT LIGHT MODE FIX
========================================================= */

/* CROSS X BUTTON — EXACT ATTRIBUTE SELECTOR */

html[data-theme="light"]
#momModal
.mom-modal-head
button[data-close-mom-modal]{

    width:42px !important;
    height:42px !important;

    flex:0 0 42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.34) !important;
    border-radius:13px !important;

    box-shadow:none !important;

    opacity:1 !important;
    visibility:visible !important;

    cursor:pointer !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* X ICON */

html[data-theme="light"]
#momModal
.mom-modal-head
button[data-close-mom-modal] i{

    color:#111111 !important;

    font-size:16px !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* X BUTTON HOVER */

html[data-theme="light"]
#momModal
.mom-modal-head
button[data-close-mom-modal]:hover{

    background:#fff4d3 !important;

    color:#111111 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px rgba(184,137,31,.14) !important;

    transform:rotate(4deg) !important;
}


html[data-theme="light"]
#momModal
.mom-modal-head
button[data-close-mom-modal]:hover i{

    color:#111111 !important;
}


/* =========================================================
   ADD ACTION ITEM BUTTON — EXACT CLASS
========================================================= */

html[data-theme="light"]
#momModal
.add-mom-action-btn{

    width:100% !important;
    min-height:46px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    margin-top:12px !important;

    padding:0 18px !important;

    background:#fff8e3 !important;

    color:#5f4308 !important;

    border:1px dashed #b8891f !important;
    border-radius:14px !important;

    box-shadow:none !important;

    font-size:13px !important;
    font-weight:900 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;

    cursor:pointer !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* ADD ACTION ICON */

html[data-theme="light"]
#momModal
.add-mom-action-btn i{

    color:#76550f !important;

    font-size:14px !important;

    opacity:1 !important;
}


/* ADD ACTION HOVER */

html[data-theme="light"]
#momModal
.add-mom-action-btn:hover{

    background:
        linear-gradient(
            135deg,
            #f6de89,
            #d4a633
        ) !important;

    color:#111111 !important;

    border-color:#a87810 !important;
    border-style:solid !important;

    box-shadow:
        0 12px 28px rgba(184,137,31,.16) !important;

    transform:translateY(-1px) !important;
}


html[data-theme="light"]
#momModal
.add-mom-action-btn:hover i{

    color:#111111 !important;
}


/* BUTTON DISABLED STATE */

html[data-theme="light"]
#momModal
.add-mom-action-btn:disabled{

    background:#f2f2f2 !important;
    color:#777777 !important;

    border-color:#cccccc !important;

    opacity:.7 !important;

    cursor:not-allowed !important;

    transform:none !important;
}


/* =========================================================
   ADD MEETING RECORD MODAL — COMPLETE LIGHT MODE FIX
========================================================= */

/* Main modal */

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-box{
    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.30) !important;

    box-shadow:
        0 28px 80px rgba(20,24,32,.18) !important;
}


/* Modal header */

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-head{
    background:#ffffff !important;

    border-bottom:
        1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] #meetingRecordModal .modal-eyebrow{
    color:#7a5708 !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-head h2{
    color:#111111 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-head p{
    color:#444444 !important;
    opacity:1 !important;
}


/* Close X */

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-close{
    width:42px !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.30) !important;
    border-radius:13px !important;

    opacity:1 !important;

    transition:.2s ease !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-close i{
    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-close:hover{
    background:#fff4d3 !important;
    border-color:#b8891f !important;

    transform:rotate(4deg) !important;
}


/* Form background */

html[data-theme="light"] #meetingRecordModal .meeting-record-form{
    background:#ffffff !important;
    color:#111111 !important;
}


/* Section cards */

html[data-theme="light"] #meetingRecordModal .meeting-record-form-section{
    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.24) !important;

    box-shadow:none !important;
}


/* Section icon */

html[data-theme="light"] #meetingRecordModal .meeting-record-section-icon{
    background:#fff8e3 !important;
    color:#76550f !important;

    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-section-icon i{
    color:#76550f !important;
}


/* Section headings */

html[data-theme="light"] #meetingRecordModal .meeting-record-section-head h3{
    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-section-head p{
    color:#444444 !important;
    opacity:1 !important;
}


/* Labels */

html[data-theme="light"] #meetingRecordModal .meeting-record-form-group label{
    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-form-group label span{
    color:#d83030 !important;
}


/* Inputs, select, textarea */

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group input,

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group select,

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group textarea{

    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.42) !important;

    caret-color:#111111 !important;

    box-shadow:none !important;
}

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group input::placeholder,

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group textarea::placeholder{

    color:#6b6b6b !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group select option{

    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group input:focus,

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group select:focus,

html[data-theme="light"] #meetingRecordModal
.meeting-record-form-group textarea:focus{

    border-color:#b8891f !important;

    box-shadow:
        0 0 0 3px rgba(184,137,31,.10) !important;
}


/* Field helper text */

html[data-theme="light"] #meetingRecordModal .record-field-help{
    color:#555555 !important;
    opacity:1 !important;

    font-weight:500 !important;
}


/* =========================================================
   UPLOAD DROPZONE
========================================================= */

html[data-theme="light"] #meetingRecordModal .meeting-record-dropzone{
    min-height:150px !important;

    background:#fffdf8 !important;

    border:
        1px dashed rgba(184,137,31,.52) !important;

    box-shadow:none !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-dropzone:hover,
html[data-theme="light"] #meetingRecordModal .meeting-record-dropzone.drag-active{

    background:#fff8e3 !important;

    border-color:#a9790f !important;

    box-shadow:
        0 12px 28px rgba(184,137,31,.10) !important;
}


/* Dropzone icon box */

html[data-theme="light"] #meetingRecordModal .record-dropzone-icon{
    background:#fff4d3 !important;
    color:#76550f !important;

    border:1px solid rgba(184,137,31,.28) !important;
}

html[data-theme="light"] #meetingRecordModal .record-dropzone-icon i{
    color:#76550f !important;
    opacity:1 !important;
}


/* Main upload text */

html[data-theme="light"] #meetingRecordModal .record-dropzone-copy strong{
    color:#111111 !important;

    font-weight:800 !important;

    opacity:1 !important;
    text-shadow:none !important;
}


/* Supported file types text */

html[data-theme="light"] #meetingRecordModal .record-dropzone-copy span{
    color:#555555 !important;

    opacity:1 !important;
    text-shadow:none !important;
}


/* Generic direct text fallback inside dropzone */

html[data-theme="light"] #meetingRecordModal .meeting-record-dropzone strong{
    color:#111111 !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-dropzone span,
html[data-theme="light"] #meetingRecordModal .meeting-record-dropzone small{
    color:#555555 !important;
    opacity:1 !important;
}


/* =========================================================
   BLUE SECURITY / INFORMATION NOTE
========================================================= */

html[data-theme="light"] #meetingRecordModal .meeting-record-upload-note,
html[data-theme="light"] #meetingRecordModal .record-upload-note,
html[data-theme="light"] #meetingRecordModal .meeting-record-info-note{

    background:#f7faff !important;
    color:#29415f !important;

    border:1px solid #d4e3f7 !important;

    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-upload-note i,
html[data-theme="light"] #meetingRecordModal .record-upload-note i,
html[data-theme="light"] #meetingRecordModal .meeting-record-info-note i{

    color:#467bc0 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-upload-note p,
html[data-theme="light"] #meetingRecordModal .meeting-record-upload-note span,
html[data-theme="light"] #meetingRecordModal .record-upload-note p,
html[data-theme="light"] #meetingRecordModal .record-upload-note span,
html[data-theme="light"] #meetingRecordModal .meeting-record-info-note p,
html[data-theme="light"] #meetingRecordModal .meeting-record-info-note span{

    color:#29415f !important;
    opacity:1 !important;
}


/* Fallback for note immediately after dropzone */

html[data-theme="light"] #meetingRecordModal
.meeting-record-dropzone + div{

    color:#29415f !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal
.meeting-record-dropzone + div span,

html[data-theme="light"] #meetingRecordModal
.meeting-record-dropzone + div p{

    color:#29415f !important;
    opacity:1 !important;
}


/* =========================================================
   SELECTED FILES
========================================================= */

html[data-theme="light"] #meetingRecordModal .meeting-selected-files{
    background:#fffdf8 !important;

    border:1px solid rgba(184,137,31,.24) !important;
}

html[data-theme="light"] #meetingRecordModal .selected-files-head strong{
    color:#111111 !important;
}

html[data-theme="light"] #meetingRecordModal .selected-files-head span{
    color:#555555 !important;
    opacity:1 !important;
}

html[data-theme="light"] #meetingRecordModal .selected-meeting-file-item{
    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.22) !important;
}

html[data-theme="light"] #meetingRecordModal .selected-meeting-file-info strong{
    color:#111111 !important;
}

html[data-theme="light"] #meetingRecordModal .selected-meeting-file-info span{
    color:#555555 !important;
    opacity:1 !important;
}


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

html[data-theme="light"] #meetingRecordModal .meeting-record-modal-actions{
    background:#ffffff !important;

    border-top:
        1px solid rgba(184,137,31,.20) !important;
}


/* Cancel */

html[data-theme="light"] #meetingRecordModal .meeting-record-cancel-btn{
    background:#ffffff !important;
    color:#222222 !important;

    border:1px solid rgba(184,137,31,.32) !important;

    opacity:1 !important;

    transition:.2s ease !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-cancel-btn:hover{
    background:#fff8e3 !important;
    color:#111111 !important;

    border-color:#b8891f !important;

    transform:translateY(-1px) !important;
}


/* Upload Records */

html[data-theme="light"] #meetingRecordModal .meeting-record-save-btn,
html[data-theme="light"] #meetingRecordModal #meetingRecordSaveBtn{

    background:
        linear-gradient(
            135deg,
            #f6de89,
            #d5a933
        ) !important;

    color:#111111 !important;

    border:1px solid #c39525 !important;

    font-weight:900 !important;

    opacity:1 !important;

    box-shadow:
        0 10px 24px rgba(184,137,31,.16) !important;

    transition:.2s ease !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-save-btn i,
html[data-theme="light"] #meetingRecordModal #meetingRecordSaveBtn i{
    color:#111111 !important;
}

html[data-theme="light"] #meetingRecordModal .meeting-record-save-btn:hover,
html[data-theme="light"] #meetingRecordModal #meetingRecordSaveBtn:hover{

    background:
        linear-gradient(
            135deg,
            #ffe99a,
            #c89520
        ) !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 14px 30px rgba(184,137,31,.22) !important;
}


/* Scrollbar */

html[data-theme="light"] #meetingRecordModal
.meeting-record-modal-box::-webkit-scrollbar-track{

    background:#f4efe3 !important;
}

html[data-theme="light"] #meetingRecordModal
.meeting-record-modal-box::-webkit-scrollbar-thumb{

    background:
        linear-gradient(
            #dfc36b,
            #a97810
        ) !important;

    border-radius:999px !important;
}

/* =========================================================
   MEETING RECORDS VAULT — LIGHT MODE FINAL FIX
========================================================= */

/* MAIN VAULT PANEL */

html[data-theme="light"] .meeting-records-panel,
html[data-theme="light"] .meeting-record-vault-panel{
    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.28) !important;

    box-shadow:
        0 18px 42px rgba(28,34,44,.08) !important;
}


/* PANEL HEADER */

html[data-theme="light"] .meeting-records-panel h2,
html[data-theme="light"] .meeting-record-vault-panel h2{
    color:#111111 !important;
}

html[data-theme="light"] .meeting-records-panel .panel-label,
html[data-theme="light"] .meeting-record-vault-panel .panel-label{
    color:#76550f !important;
    opacity:1 !important;
}

html[data-theme="light"] .meeting-records-panel .panel-head > span,
html[data-theme="light"] .meeting-record-vault-panel .panel-head > span{
    color:#76550f !important;
    opacity:1 !important;
}


/* ADD RECORD BUTTON */

html[data-theme="light"] .add-meeting-record-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #d4a633
        ) !important;

    color:#111111 !important;

    border:1px solid #c39220 !important;

    font-weight:800 !important;

    box-shadow:
        0 10px 24px rgba(184,137,31,.16) !important;
}

html[data-theme="light"] .add-meeting-record-btn i{
    color:#111111 !important;
}

html[data-theme="light"] .add-meeting-record-btn:hover{
    background:
        linear-gradient(
            135deg,
            #ffe99b,
            #c7921d
        ) !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 14px 30px rgba(184,137,31,.22) !important;
}


/* =========================================================
   SEARCH + FILTER BAR
========================================================= */

html[data-theme="light"] .meeting-record-filter-bar{
    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;
}

html[data-theme="light"] .meeting-record-search{
    min-height:52px !important;

    display:flex !important;
    align-items:center !important;

    padding:0 15px !important;

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.34) !important;
    border-radius:15px !important;

    box-shadow:none !important;
}

html[data-theme="light"] .meeting-record-search i{
    color:#9b7014 !important;
    opacity:1 !important;
}

html[data-theme="light"] .meeting-record-search input{
    width:100% !important;

    background:transparent !important;
    color:#111111 !important;

    border:0 !important;
    outline:0 !important;

    box-shadow:none !important;
}

html[data-theme="light"] .meeting-record-search input::placeholder{
    color:#666666 !important;
    opacity:1 !important;
}

html[data-theme="light"] .meeting-record-filter-bar select{
    min-height:52px !important;

    padding:0 16px !important;

    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.34) !important;
    border-radius:15px !important;

    box-shadow:none !important;
}

html[data-theme="light"] .meeting-record-filter-bar select option{
    background:#ffffff !important;
    color:#111111 !important;
}


/* =========================================================
   RECORD CARD
========================================================= */

html[data-theme="light"] .meeting-record-card{
    overflow:hidden !important;

    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.28) !important;
    border-radius:20px !important;

    box-shadow:
        0 14px 34px rgba(28,34,44,.07) !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}

html[data-theme="light"] .meeting-record-card:hover{
    transform:translateY(-2px) !important;

    border-color:rgba(184,137,31,.48) !important;

    box-shadow:
        0 20px 42px rgba(28,34,44,.11) !important;
}


/* PREVIEW IMAGE */

html[data-theme="light"] .meeting-record-preview{
    background:#fffdf8 !important;

    border-bottom:
        1px solid rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .meeting-record-preview img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
}


/* FILE COUNT BADGE */

html[data-theme="light"] .meeting-record-type-badge,
html[data-theme="light"] .meeting-record-preview-badge,
html[data-theme="light"] .meeting-record-file-count{
    background:#fff8e3 !important;
    color:#76550f !important;

    border:1px solid rgba(184,137,31,.28) !important;

    opacity:1 !important;
}

html[data-theme="light"] .meeting-record-type-badge i,
html[data-theme="light"] .meeting-record-preview-badge i,
html[data-theme="light"] .meeting-record-file-count i{
    color:#76550f !important;
}


/* CARD BODY */

html[data-theme="light"] .meeting-record-body{
    background:#ffffff !important;
    color:#111111 !important;
}

html[data-theme="light"] .meeting-record-body > strong,
html[data-theme="light"] .meeting-record-body h3,
html[data-theme="light"] .meeting-record-body h4{
    color:#111111 !important;

    font-weight:800 !important;

    opacity:1 !important;
    text-shadow:none !important;
}

html[data-theme="light"] .meeting-record-body > span,
html[data-theme="light"] .meeting-record-body > p{
    color:#555555 !important;

    opacity:1 !important;
    text-shadow:none !important;
}


/* =========================================================
   CARD METADATA — MAIN PROBLEM FIX
========================================================= */

html[data-theme="light"] .meeting-record-meta{
    color:#444444 !important;
    opacity:1 !important;
}

html[data-theme="light"] .meeting-record-meta > div,
html[data-theme="light"] .meeting-record-meta > span{
    background:#fffdf8 !important;
    color:#333333 !important;

    border:1px solid rgba(184,137,31,.22) !important;

    opacity:1 !important;
}

html[data-theme="light"] .meeting-record-meta strong,
html[data-theme="light"] .meeting-record-meta span,
html[data-theme="light"] .meeting-record-meta small,
html[data-theme="light"] .meeting-record-meta p{
    color:#333333 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;
}

html[data-theme="light"] .meeting-record-meta i{
    color:#9b7014 !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* Fallback: direct metadata rows inside card */

html[data-theme="light"] .meeting-record-card
:is(
    .record-meeting-name,
    .record-created-date,
    .record-file-total,
    .meeting-record-meeting,
    .meeting-record-date,
    .meeting-record-files
){
    color:#333333 !important;

    opacity:1 !important;
    visibility:visible !important;
}

html[data-theme="light"] .meeting-record-card
:is(
    .record-meeting-name,
    .record-created-date,
    .record-file-total,
    .meeting-record-meeting,
    .meeting-record-date,
    .meeting-record-files
) i{
    color:#9b7014 !important;
}


/* =========================================================
   VIEW FILES + DELETE BUTTONS
========================================================= */

html[data-theme="light"] .meeting-record-actions{
    display:grid !important;

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

    gap:10px !important;
}

html[data-theme="light"] .meeting-record-actions button{
    min-height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    background:#ffffff !important;
    color:#76550f !important;

    border:1px solid rgba(184,137,31,.32) !important;
    border-radius:12px !important;

    font-weight:800 !important;

    opacity:1 !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}

html[data-theme="light"] .meeting-record-actions button i{
    color:#76550f !important;
    opacity:1 !important;
}


/* View Files hover */

html[data-theme="light"] .meeting-record-actions button:hover{
    background:#fff8e3 !important;
    color:#111111 !important;

    border-color:#b8891f !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 9px 20px rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .meeting-record-actions button:hover i{
    color:#111111 !important;
}


/* Delete hover */

html[data-theme="light"] .meeting-record-actions
:is(
    .delete-meeting-record-btn,
    [data-record-action="delete"],
    [data-action="delete"]
):hover{
    background:#fff1f1 !important;
    color:#9d2020 !important;

    border-color:rgba(180,40,40,.38) !important;

    box-shadow:
        0 9px 20px rgba(180,40,40,.10) !important;
}

html[data-theme="light"] .meeting-record-actions
:is(
    .delete-meeting-record-btn,
    [data-record-action="delete"],
    [data-action="delete"]
):hover i{
    color:#9d2020 !important;
}


/* =========================================================
   VAULT EMPTY STATE
========================================================= */

html[data-theme="light"] .meeting-records-empty,
html[data-theme="light"] .meeting-record-empty-state{
    background:#fffdf8 !important;
    color:#555555 !important;

    border:1px dashed rgba(184,137,31,.32) !important;
}

html[data-theme="light"] .meeting-records-empty h3,
html[data-theme="light"] .meeting-record-empty-state h3{
    color:#111111 !important;
}

html[data-theme="light"] .meeting-records-empty i,
html[data-theme="light"] .meeting-record-empty-state i{
    color:#9b7014 !important;
}

/* =========================================================
   MEETING RECORD FOLDER / VIEW FILES POPUP
   COMPLETE LIGHT MODE FIX
========================================================= */

/* MAIN POPUP */

html[data-theme="light"]
.meeting-record-folder-box{

    background:#ffffff !important;

    color:#111111 !important;

    border:1px solid rgba(184,137,31,.30) !important;

    box-shadow:
        0 28px 80px rgba(28,34,44,.18) !important;
}


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

html[data-theme="light"]
.meeting-record-folder-head{

    background:#ffffff !important;

    border-bottom:
        1px solid rgba(184,137,31,.22) !important;
}


html[data-theme="light"]
.meeting-record-folder-head .modal-eyebrow{

    color:#76550f !important;

    opacity:1 !important;
}


html[data-theme="light"]
.meeting-record-folder-head h2{

    color:#111111 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


html[data-theme="light"]
.meeting-record-folder-head p{

    color:#444444 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


/* CLOSE X */

html[data-theme="light"]
.meeting-record-folder-head button{

    width:42px !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid rgba(184,137,31,.32) !important;

    border-radius:13px !important;

    opacity:1 !important;

    transition:.2s ease !important;
}


html[data-theme="light"]
.meeting-record-folder-head button i{

    color:#111111 !important;

    opacity:1 !important;
}


html[data-theme="light"]
.meeting-record-folder-head button:hover{

    background:#fff4d3 !important;

    border-color:#b8891f !important;

    transform:rotate(4deg) !important;
}


/* =========================================================
   RECORD SUMMARY STRIP
========================================================= */

html[data-theme="light"]
.meeting-record-folder-summary{

    background:#fffdf8 !important;

    border:
        1px solid rgba(184,137,31,.24) !important;

    box-shadow:none !important;
}


/* EACH SUMMARY CARD */

html[data-theme="light"]
.meeting-record-folder-summary > div{

    background:#ffffff !important;

    border:
        1px solid rgba(184,137,31,.20) !important;

    box-shadow:none !important;
}


/* FIRST LARGE SUMMARY CARD */

html[data-theme="light"]
.meeting-record-folder-summary > div:first-child{

    background:#fff8e3 !important;

    border-color:
        rgba(184,137,31,.28) !important;
}


/* SUMMARY ICON */

html[data-theme="light"]
.meeting-record-folder-summary i{

    color:#76550f !important;

    opacity:1 !important;
}


html[data-theme="light"]
.meeting-record-folder-summary
.record-folder-summary-icon{

    background:#fff1bd !important;

    color:#76550f !important;

    border:
        1px solid rgba(184,137,31,.24) !important;
}


/* LABELS */

html[data-theme="light"]
.meeting-record-folder-summary span,

html[data-theme="light"]
.meeting-record-folder-summary small{

    color:#555555 !important;

    opacity:1 !important;

    visibility:visible !important;

    text-shadow:none !important;
}


/* VALUES */

html[data-theme="light"]
.meeting-record-folder-summary strong{

    color:#111111 !important;

    opacity:1 !important;

    visibility:visible !important;

    text-shadow:none !important;
}


/* NUMBER VALUES */

html[data-theme="light"]
.meeting-record-folder-summary
> div:not(:first-child) strong{

    color:#76550f !important;

    font-weight:900 !important;
}


/* =========================================================
   FILE GRID
========================================================= */

html[data-theme="light"]
.record-folder-file-grid{

    background:#ffffff !important;
}


/* FILE CARD */

html[data-theme="light"]
.record-folder-file-card{

    overflow:hidden !important;

    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid rgba(184,137,31,.27) !important;

    border-radius:18px !important;

    box-shadow:
        0 14px 34px rgba(28,34,44,.07) !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


html[data-theme="light"]
.record-folder-file-card:hover{

    transform:translateY(-2px) !important;

    border-color:
        rgba(184,137,31,.48) !important;

    box-shadow:
        0 20px 42px rgba(28,34,44,.11) !important;
}


/* FILE PREVIEW */

html[data-theme="light"]
.record-folder-file-preview{

    background:#fffdf8 !important;

    border-bottom:
        1px solid rgba(184,137,31,.20) !important;
}


html[data-theme="light"]
.record-folder-file-preview img{

    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
}


/* FILE TYPE BADGE */

html[data-theme="light"]
.record-folder-file-kind{

    background:#fff8e3 !important;

    color:#76550f !important;

    border:
        1px solid rgba(184,137,31,.28) !important;

    opacity:1 !important;
}


/* =========================================================
   FILE CARD BODY
========================================================= */

html[data-theme="light"]
.record-folder-file-body{

    background:#ffffff !important;

    color:#111111 !important;
}


html[data-theme="light"]
.record-folder-file-body strong{

    color:#111111 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


html[data-theme="light"]
.record-folder-file-body span,

html[data-theme="light"]
.record-folder-file-body small,

html[data-theme="light"]
.record-folder-file-body p{

    color:#555555 !important;

    opacity:1 !important;

    text-shadow:none !important;
}


/* FILE META BADGES */

html[data-theme="light"]
.record-folder-file-meta{

    color:#444444 !important;

    opacity:1 !important;
}


html[data-theme="light"]
.record-folder-file-meta > span,

html[data-theme="light"]
.record-folder-file-meta > div{

    background:#fffdf8 !important;

    color:#333333 !important;

    border:
        1px solid rgba(184,137,31,.22) !important;

    opacity:1 !important;
}


html[data-theme="light"]
.record-folder-file-meta i{

    color:#9b7014 !important;

    opacity:1 !important;
}


/* =========================================================
   PREVIEW / DOWNLOAD / DELETE BUTTONS
========================================================= */

html[data-theme="light"]
.record-folder-file-actions{

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:8px !important;
}


html[data-theme="light"]
.record-folder-file-actions button,

html[data-theme="light"]
.record-folder-file-actions a{

    min-height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;

    padding:0 9px !important;

    background:#ffffff !important;

    color:#76550f !important;

    border:
        1px solid rgba(184,137,31,.32) !important;

    border-radius:11px !important;

    font-weight:800 !important;

    opacity:1 !important;

    text-decoration:none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


html[data-theme="light"]
.record-folder-file-actions button i,

html[data-theme="light"]
.record-folder-file-actions a i{

    color:#76550f !important;

    opacity:1 !important;
}


/* NORMAL HOVER */

html[data-theme="light"]
.record-folder-file-actions button:hover,

html[data-theme="light"]
.record-folder-file-actions a:hover{

    background:#fff8e3 !important;

    color:#111111 !important;

    border-color:#b8891f !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 9px 20px rgba(184,137,31,.12) !important;
}


html[data-theme="light"]
.record-folder-file-actions button:hover i,

html[data-theme="light"]
.record-folder-file-actions a:hover i{

    color:#111111 !important;
}


/* DELETE HOVER */

html[data-theme="light"]
.record-folder-file-actions
:is(
    .delete-record-folder-file,
    [data-file-action="delete"],
    [data-action="delete"]
):hover{

    background:#fff1f1 !important;

    color:#9d2020 !important;

    border-color:
        rgba(180,40,40,.38) !important;

    box-shadow:
        0 9px 20px rgba(180,40,40,.10) !important;
}


html[data-theme="light"]
.record-folder-file-actions
:is(
    .delete-record-folder-file,
    [data-file-action="delete"],
    [data-action="delete"]
):hover i{

    color:#9d2020 !important;
}


/* =========================================================
   EMPTY STATE
========================================================= */

html[data-theme="light"]
#recordFolderEmpty,

html[data-theme="light"]
.record-folder-empty{

    background:#fffdf8 !important;

    color:#555555 !important;

    border:
        1px dashed rgba(184,137,31,.32) !important;

    opacity:1 !important;
}


html[data-theme="light"]
#recordFolderEmpty h3,

html[data-theme="light"]
.record-folder-empty h3{

    color:#111111 !important;
}


html[data-theme="light"]
#recordFolderEmpty i,

html[data-theme="light"]
.record-folder-empty i{

    color:#9b7014 !important;
}


/* =========================================================
   POPUP SCROLLBAR
========================================================= */

html[data-theme="light"]
.meeting-record-folder-box::-webkit-scrollbar-track{

    background:#f3eee2 !important;
}


html[data-theme="light"]
.meeting-record-folder-box::-webkit-scrollbar-thumb{

    background:
        linear-gradient(
            #dec269,
            #a97810
        ) !important;

    border-radius:999px !important;
}


/* MOBILE */

@media(max-width:700px){

    html[data-theme="light"]
    .meeting-record-folder-summary{

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


    html[data-theme="light"]
    .meeting-record-folder-summary
    > div:first-child{

        grid-column:1/-1 !important;
    }


    html[data-theme="light"]
    .record-folder-file-actions{

        grid-template-columns:1fr !important;
    }

}

/* =========================================================
   MEETING RECORD FOLDER SUMMARY — HARD EXACT FIX
========================================================= */

/* Images card */

html[data-theme="light"] #recordFolderImages{
    color:#9a6d08 !important;
    opacity:1 !important;
    visibility:visible !important;
}

html[data-theme="light"] #recordFolderImages::before{
    content:"Images";
    display:block;
    margin-bottom:8px;
    color:#222222 !important;
    font-size:12px;
    font-weight:700;
    opacity:1 !important;
}


/* Videos card */

html[data-theme="light"] #recordFolderVideos{
    color:#9a6d08 !important;
    opacity:1 !important;
    visibility:visible !important;
}

html[data-theme="light"] #recordFolderVideos::before{
    content:"Videos";
    display:block;
    margin-bottom:8px;
    color:#222222 !important;
    font-size:12px;
    font-weight:700;
    opacity:1 !important;
}


/* Audio card */

html[data-theme="light"] #recordFolderAudio{
    color:#9a6d08 !important;
    opacity:1 !important;
    visibility:visible !important;
}

html[data-theme="light"] #recordFolderAudio::before{
    content:"Audio";
    display:block;
    margin-bottom:8px;
    color:#222222 !important;
    font-size:12px;
    font-weight:700;
    opacity:1 !important;
}


/* Documents card */

html[data-theme="light"] #recordFolderDocuments{
    color:#9a6d08 !important;
    opacity:1 !important;
    visibility:visible !important;
}

html[data-theme="light"] #recordFolderDocuments::before{
    content:"Documents";
    display:block;
    margin-bottom:8px;
    color:#222222 !important;
    font-size:12px;
    font-weight:700;
    opacity:1 !important;
}


/* Total files / Record Summary */

html[data-theme="light"] #recordFolderTotalText{
    color:#111111 !important;
    opacity:1 !important;
    visibility:visible !important;
}

html[data-theme="light"] #recordFolderTotalText::before{
    content:"Record Summary";
    display:block;
    margin-bottom:7px;
    color:#222222 !important;
    font-size:12px;
    font-weight:700;
    opacity:1 !important;
}


/* Exact parent boxes of all summary values */

html[data-theme="light"] #recordFolderTotalText,
html[data-theme="light"] #recordFolderImages,
html[data-theme="light"] #recordFolderVideos,
html[data-theme="light"] #recordFolderAudio,
html[data-theme="light"] #recordFolderDocuments{
    position:relative !important;
    z-index:2 !important;
}


/* Parent card outlines */

html[data-theme="light"] #recordFolderTotalText{
    display:block !important;
}

html[data-theme="light"] #recordFolderTotalText{
    color:#111111 !important;
}


/* Use parent selector support */

html[data-theme="light"] *:has(> #recordFolderTotalText),
html[data-theme="light"] *:has(> #recordFolderImages),
html[data-theme="light"] *:has(> #recordFolderVideos),
html[data-theme="light"] *:has(> #recordFolderAudio),
html[data-theme="light"] *:has(> #recordFolderDocuments){

    min-height:100px !important;

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

    padding:16px !important;

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.34) !important;
    border-radius:16px !important;

    box-shadow:none !important;

    color:#111111 !important;

    opacity:1 !important;
}


/* First Record Summary card slightly highlighted */

html[data-theme="light"] *:has(> #recordFolderTotalText){

    background:#fff8e3 !important;

    border-color:rgba(184,137,31,.42) !important;
}


/* Hide old white labels to prevent duplicate text */

html[data-theme="light"] *:has(> #recordFolderTotalText) > span:not(#recordFolderTotalText),
html[data-theme="light"] *:has(> #recordFolderTotalText) > small,

html[data-theme="light"] *:has(> #recordFolderImages) > span:not(#recordFolderImages),
html[data-theme="light"] *:has(> #recordFolderImages) > small,

html[data-theme="light"] *:has(> #recordFolderVideos) > span:not(#recordFolderVideos),
html[data-theme="light"] *:has(> #recordFolderVideos) > small,

html[data-theme="light"] *:has(> #recordFolderAudio) > span:not(#recordFolderAudio),
html[data-theme="light"] *:has(> #recordFolderAudio) > small,

html[data-theme="light"] *:has(> #recordFolderDocuments) > span:not(#recordFolderDocuments),
html[data-theme="light"] *:has(> #recordFolderDocuments) > small{

    display:none !important;
}

/* =========================================================
   FOLLOW-UP COMMAND CENTER — COMPLETE LIGHT MODE FIX
========================================================= */

/* MAIN PANEL */

html[data-theme="light"] .followup-command-center,
html[data-theme="light"] .follow-up-command-center,
html[data-theme="light"] .meeting-followup-center{

    background:#ffffff !important;
    color:#111111 !important;

    border:1px solid rgba(184,137,31,.28) !important;

    box-shadow:
        0 18px 42px rgba(28,34,44,.08) !important;
}


/* HEADER */

html[data-theme="light"] .followup-command-center h2,
html[data-theme="light"] .follow-up-command-center h2,
html[data-theme="light"] .meeting-followup-center h2{

    color:#111111 !important;
    opacity:1 !important;
}


html[data-theme="light"] .followup-command-center .panel-eyebrow,
html[data-theme="light"] .follow-up-command-center .panel-eyebrow,
html[data-theme="light"] .meeting-followup-center .panel-eyebrow{

    color:#76550f !important;
    opacity:1 !important;
}


html[data-theme="light"] .followup-command-center .live-monitoring,
html[data-theme="light"] .follow-up-command-center .live-monitoring,
html[data-theme="light"] .meeting-followup-center .live-monitoring{

    color:#76550f !important;
    opacity:1 !important;
}


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

html[data-theme="light"] .followup-kpi-grid,
html[data-theme="light"] .follow-up-kpi-grid,
html[data-theme="light"] .meeting-followup-kpi-grid{

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
}


/* KPI CARD */

html[data-theme="light"] .followup-kpi-card,
html[data-theme="light"] .follow-up-kpi-card,
html[data-theme="light"] .meeting-followup-kpi-card{

    min-height:140px !important;

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

    padding:18px !important;

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.26) !important;
    border-radius:18px !important;

    box-shadow:none !important;
}


/* KPI ICON */

html[data-theme="light"] .followup-kpi-card i,
html[data-theme="light"] .follow-up-kpi-card i,
html[data-theme="light"] .meeting-followup-kpi-card i{

    color:#76550f !important;
    opacity:1 !important;
}


html[data-theme="light"] .followup-kpi-icon,
html[data-theme="light"] .follow-up-kpi-icon,
html[data-theme="light"] .meeting-followup-kpi-icon{

    width:48px !important;
    height:48px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-bottom:12px !important;

    background:#fff8e3 !important;

    border:1px solid rgba(184,137,31,.28) !important;
    border-radius:14px !important;

    color:#76550f !important;
}


/* KPI NUMBER */

html[data-theme="light"] .followup-kpi-card strong,
html[data-theme="light"] .follow-up-kpi-card strong,
html[data-theme="light"] .meeting-followup-kpi-card strong{

    display:block !important;

    margin-top:2px !important;

    color:#111111 !important;

    font-size:28px !important;
    font-weight:900 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;
}


/* KPI LABEL */

html[data-theme="light"] .followup-kpi-card span,
html[data-theme="light"] .follow-up-kpi-card span,
html[data-theme="light"] .meeting-followup-kpi-card span,

html[data-theme="light"] .followup-kpi-card small,
html[data-theme="light"] .follow-up-kpi-card small,
html[data-theme="light"] .meeting-followup-kpi-card small{

    display:block !important;

    margin-top:6px !important;

    color:#444444 !important;

    font-size:12px !important;
    font-weight:600 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;
}


/* =========================================================
   FOLLOW-UP LIST
========================================================= */

html[data-theme="light"] .followup-command-list,
html[data-theme="light"] .follow-up-command-list,
html[data-theme="light"] .meeting-followup-list{

    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}


/* EACH ROW */

html[data-theme="light"] .followup-command-item,
html[data-theme="light"] .follow-up-command-item,
html[data-theme="light"] .meeting-followup-item{

    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:14px !important;

    min-height:100px !important;

    padding:16px !important;

    background:#ffffff !important;

    border:1px solid rgba(184,137,31,.25) !important;
    border-radius:17px !important;

    box-shadow:none !important;

    color:#111111 !important;
}


/* OVERDUE ROW */

html[data-theme="light"] .followup-command-item.overdue,
html[data-theme="light"] .follow-up-command-item.overdue,
html[data-theme="light"] .meeting-followup-item.overdue{

    background:#fffafa !important;

    border-color:rgba(190,52,52,.26) !important;
}


/* ROW ICON */

html[data-theme="light"] .followup-item-icon,
html[data-theme="light"] .follow-up-item-icon,
html[data-theme="light"] .meeting-followup-item-icon{

    width:44px !important;
    height:44px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#fff8e3 !important;

    border:1px solid rgba(184,137,31,.25) !important;
    border-radius:13px !important;
}


html[data-theme="light"] .followup-item-icon i,
html[data-theme="light"] .follow-up-item-icon i,
html[data-theme="light"] .meeting-followup-item-icon i{

    color:#76550f !important;
    opacity:1 !important;
}


/* ROW CONTENT */

html[data-theme="light"] .followup-item-content,
html[data-theme="light"] .follow-up-item-content,
html[data-theme="light"] .meeting-followup-item-content{

    min-width:0 !important;
}


html[data-theme="light"] .followup-item-content > strong,
html[data-theme="light"] .follow-up-item-content > strong,
html[data-theme="light"] .meeting-followup-item-content > strong{

    display:block !important;

    color:#111111 !important;

    font-size:14px !important;
    font-weight:800 !important;

    opacity:1 !important;
}


html[data-theme="light"] .followup-item-content h3,
html[data-theme="light"] .follow-up-item-content h3,
html[data-theme="light"] .meeting-followup-item-content h3{

    margin-top:3px !important;

    color:#111111 !important;

    font-size:16px !important;
    font-weight:700 !important;

    opacity:1 !important;
}


html[data-theme="light"] .followup-item-content p,
html[data-theme="light"] .follow-up-item-content p,
html[data-theme="light"] .meeting-followup-item-content p{

    margin-top:4px !important;

    color:#333333 !important;

    line-height:1.5 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;
}


html[data-theme="light"] .followup-item-content small,
html[data-theme="light"] .follow-up-item-content small,
html[data-theme="light"] .meeting-followup-item-content small,

html[data-theme="light"] .followup-item-content span,
html[data-theme="light"] .follow-up-item-content span,
html[data-theme="light"] .meeting-followup-item-content span{

    color:#555555 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;
}


/* Project / Client line */

html[data-theme="light"] .followup-item-content a,
html[data-theme="light"] .follow-up-item-content a,
html[data-theme="light"] .meeting-followup-item-content a{

    color:#222222 !important;

    font-weight:700 !important;
    text-decoration:none !important;
}


/* =========================================================
   ROW ACTION BUTTONS
========================================================= */

html[data-theme="light"] .followup-command-item button,
html[data-theme="light"] .follow-up-command-item button,
html[data-theme="light"] .meeting-followup-item button,

html[data-theme="light"] .followup-command-item a.button,
html[data-theme="light"] .follow-up-command-item a.button,
html[data-theme="light"] .meeting-followup-item a.button{

    min-height:36px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 14px !important;

    background:#fff8e3 !important;
    color:#5f4308 !important;

    border:1px solid rgba(184,137,31,.30) !important;
    border-radius:999px !important;

    font-weight:800 !important;

    opacity:1 !important;

    transition:.2s ease !important;
}


html[data-theme="light"] .followup-command-item button:hover,
html[data-theme="light"] .follow-up-command-item button:hover,
html[data-theme="light"] .meeting-followup-item button:hover,

html[data-theme="light"] .followup-command-item a.button:hover,
html[data-theme="light"] .follow-up-command-item a.button:hover,
html[data-theme="light"] .meeting-followup-item a.button:hover{

    background:
        linear-gradient(
            135deg,
            #f6de89,
            #d4a633
        ) !important;

    color:#111111 !important;

    border-color:#b8891f !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 8px 20px rgba(184,137,31,.14) !important;
}


/* OVERDUE BADGE */

html[data-theme="light"] .followup-status.overdue,
html[data-theme="light"] .follow-up-status.overdue,
html[data-theme="light"] .meeting-followup-status.overdue{

    background:#fff1f1 !important;

    color:#9d2020 !important;

    border:1px solid rgba(180,40,40,.28) !important;

    opacity:1 !important;
}


/* =========================================================
   STRONG FALLBACK FOR CURRENT HTML
========================================================= */

html[data-theme="light"]
.followup-command-center
:is(
    h1,
    h2,
    h3,
    h4,
    strong
){

    color:#111111 !important;

    opacity:1 !important;
}


html[data-theme="light"]
.followup-command-center
:is(
    p,
    span,
    small,
    label
){

    color:#444444 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;
}


/* Do not override highlighted badges/buttons */

html[data-theme="light"]
.followup-command-center
button,

html[data-theme="light"]
.followup-command-center
[class*="badge"]{

    opacity:1 !important;
}


/* RESPONSIVE */

@media(max-width:900px){

    html[data-theme="light"] .followup-kpi-grid,
    html[data-theme="light"] .follow-up-kpi-grid,
    html[data-theme="light"] .meeting-followup-kpi-grid{

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

}


@media(max-width:600px){

    html[data-theme="light"] .followup-kpi-grid,
    html[data-theme="light"] .follow-up-kpi-grid,
    html[data-theme="light"] .meeting-followup-kpi-grid{

        grid-template-columns:1fr !important;
    }


    html[data-theme="light"] .followup-command-item,
    html[data-theme="light"] .follow-up-command-item,
    html[data-theme="light"] .meeting-followup-item{

        grid-template-columns:44px minmax(0,1fr) !important;
    }


    html[data-theme="light"] .followup-command-item button,
    html[data-theme="light"] .follow-up-command-item button,
    html[data-theme="light"] .meeting-followup-item button{

        grid-column:1/-1 !important;

        width:100% !important;
    }

}

/* =========================================================
   CLIENT PROJECTS + CLIENT PORTAL
   PREMIUM LIGHT MODE
========================================================= */


/* =========================================================
   COMMON PAGE BACKGROUND
========================================================= */

html[data-theme="light"] body{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:#111111 !important;
}


/* =========================================================
   CLIENT PROJECTS PAGE
========================================================= */

html[data-theme="light"] .client-projects-page{
    color:#111111 !important;
}


/* HEADER */

html[data-theme="light"] .projects-header h1{
    color:#111111 !important;
}

html[data-theme="light"] .projects-header p{
    color:#5f5f5f !important;
}


/* CLIENT NAME PILL */

html[data-theme="light"] .client-info-pill{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        #b8891f !important;

    box-shadow:
        0 10px 28px
        rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .client-info-pill i{
    color:#b8891f !important;
}

html[data-theme="light"] .client-info-pill span{
    color:#111111 !important;
}


/* =========================================================
   PROJECT STAT CARDS
========================================================= */

html[data-theme="light"] .project-stat-card{
    background:#ffffff !important;
    background-image:none !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:
        0 12px 32px
        rgba(26,32,44,.07) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .project-stat-card:hover{
    border-color:#b8891f !important;

    box-shadow:
        0 16px 38px
        rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .project-stat-card span{
    color:#555555 !important;
}

html[data-theme="light"] .project-stat-card h2,
html[data-theme="light"] .project-stat-card.active h2,
html[data-theme="light"] .project-stat-card.completed h2{
    color:#111111 !important;
}


/* =========================================================
   CLIENT PROJECT CARDS
========================================================= */

html[data-theme="light"] .project-card{
    background:#ffffff !important;
    background-image:none !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:
        0 14px 34px
        rgba(26,32,44,.07) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .project-card::before{
    display:none !important;
}

html[data-theme="light"] .project-card:hover{
    background:#ffffff !important;

    border-color:#b8891f !important;

    box-shadow:
        0 20px 46px
        rgba(184,137,31,.13) !important;
}

html[data-theme="light"] .project-card-top h3{
    color:#111111 !important;
}

html[data-theme="light"] .project-card-top p{
    color:#626262 !important;
}


/* STATUS BADGES */

html[data-theme="light"] .project-status,
html[data-theme="light"] .project-status.active,
html[data-theme="light"] .project-status.completed,
html[data-theme="light"] .project-status.hold{
    background:#fff9e8 !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}


/* PROJECT INFORMATION */

html[data-theme="light"] .project-info-grid div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .project-info-grid span{
    color:#666666 !important;
}

html[data-theme="light"] .project-info-grid strong{
    color:#111111 !important;
}

html[data-theme="light"] .due-text,
html[data-theme="light"] .good-text{
    color:#111111 !important;
}


/* PAYMENT DUE */

html[data-theme="light"] .project-payment-due-head span{
    color:#666666 !important;
}

html[data-theme="light"] .project-payment-due-head strong{
    color:#111111 !important;
}

html[data-theme="light"] .project-payment-due-bar{
    background:#eee8db !important;

    border:
        1px solid
        rgba(184,137,31,.20) !important;
}

html[data-theme="light"] .project-payment-due-bar div{
    background:
        linear-gradient(
            90deg,
            #f6de89,
            #b8891f
        ) !important;

    box-shadow:none !important;
}


/* PROJECT FOOTER */

html[data-theme="light"] .project-footer span{
    color:#666666 !important;
}


/* OPEN PORTAL BUTTON */

html[data-theme="light"] .open-project-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.16) !important;
}

html[data-theme="light"] .open-project-btn i{
    color:#111111 !important;
}

html[data-theme="light"] .open-project-btn:hover{
    box-shadow:
        0 14px 30px
        rgba(184,137,31,.24) !important;
}



/* =========================================================
   CLIENT PORTAL
========================================================= */


/* =========================================================
   PORTAL HEADER
========================================================= */

html[data-theme="light"] .portal-header{
    background:#ffffff !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 8px 30px
        rgba(26,32,44,.06) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .portal-brand h2{
    color:#111111 !important;
}

html[data-theme="light"] .portal-brand h2 span{
    color:#111111 !important;
}

html[data-theme="light"] .portal-brand p{
    color:#606060 !important;
}


/* PORTAL LOGO */

html[data-theme="light"] .portal-logo{
    border:
        1px solid
        rgba(184,137,31,.38) !important;

    box-shadow:
        0 10px 26px
        rgba(184,137,31,.16) !important;
}


/* PROJECTS / LOGOUT */

html[data-theme="light"] .switch-project-btn,
html[data-theme="light"] .logout-btn{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.38) !important;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .switch-project-btn i{
    color:#b8891f !important;
}

html[data-theme="light"] .switch-project-btn:hover,
html[data-theme="light"] .logout-btn:hover{
    background:#fff9e8 !important;

    color:#111111 !important;

    border-color:#b8891f !important;
}


/* =========================================================
   PORTAL STATS
========================================================= */

html[data-theme="light"] .portal-stat-card{
    background:#ffffff !important;
    background-image:none !important;

    border:
        1px solid
        rgba(184,137,31,.34) !important;

    box-shadow:
        0 12px 32px
        rgba(26,32,44,.07) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .portal-stat-card::before{
    display:none !important;
    animation:none !important;
}

html[data-theme="light"] .portal-stat-card span{
    color:#626262 !important;
}

html[data-theme="light"] .portal-stat-card h2,
html[data-theme="light"] .portal-stat-card.warning h2{
    color:#111111 !important;
}

html[data-theme="light"] .portal-stat-card p{
    color:#6a6a6a !important;
}


/* =========================================================
   COMMON PORTAL CARDS
========================================================= */

html[data-theme="light"] .portal-card{
    background:#ffffff !important;
    background-image:none !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;

    box-shadow:
        0 12px 34px
        rgba(26,32,44,.065) !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

html[data-theme="light"] .section-title{
    color:#111111 !important;
}


/* =========================================================
   PROJECT HEALTH
========================================================= */

html[data-theme="light"] .health-score{
    background:#fff9e8 !important;

    color:#111111 !important;

    border:
        2px solid
        #b8891f !important;

    box-shadow:
        0 10px 28px
        rgba(184,137,31,.15) !important;
}

html[data-theme="light"] .health-content h3{
    color:#111111 !important;
}

html[data-theme="light"] .health-content p{
    color:#626262 !important;
}


/* =========================================================
   PAYMENT SUMMARY
========================================================= */

html[data-theme="light"] .payment-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .payment-box span{
    color:#666666 !important;
}

html[data-theme="light"] .payment-box strong,
html[data-theme="light"] .paid-text,
html[data-theme="light"] .pending-text{
    color:#111111 !important;
}

html[data-theme="light"] .payment-progress{
    background:#eee8dc !important;
}

html[data-theme="light"] .payment-progress div{
    background:
        linear-gradient(
            90deg,
            #f6de89,
            #b8891f
        ) !important;

    box-shadow:none !important;
}


/* PAY NOW */

html[data-theme="light"] .pay-now-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;

    box-shadow:
        0 10px 28px
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .pay-now-btn i{
    color:#111111 !important;
}

html[data-theme="light"] .pay-now-btn:hover{
    box-shadow:
        0 15px 34px
        rgba(184,137,31,.25) !important;
}


/* =========================================================
   UPCOMING ACTIVITIES
========================================================= */

html[data-theme="light"] .timeline-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.27) !important;
}

html[data-theme="light"] .timeline-item strong{
    color:#9b7014 !important;
}

html[data-theme="light"] .timeline-item span{
    color:#111111 !important;
}


/* =========================================================
   PROJECT MILESTONES
========================================================= */

html[data-theme="light"] .milestone-track::before{
    background:
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .milestone-step span{
    background:#ffffff !important;

    border:
        2px solid
        #d8c28b !important;
}

html[data-theme="light"] .milestone-step.completed span,
html[data-theme="light"] .milestone-step.active span{
    background:#f6de89 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 0 14px
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .milestone-step small{
    color:#333333 !important;
}


/* =========================================================
   PORTAL TABS
========================================================= */

html[data-theme="light"] .portal-tab-btn{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;

    box-shadow:none !important;
}

html[data-theme="light"] .portal-tab-btn i{
    color:#9b7014 !important;
}

html[data-theme="light"] .portal-tab-btn:hover,
html[data-theme="light"] .portal-tab-btn.active{
    background:#fff9e8 !important;

    color:#111111 !important;

    border-color:#b8891f !important;

    box-shadow:
        0 10px 24px
        rgba(184,137,31,.12) !important;
}

html[data-theme="light"] .portal-tab-btn:hover i,
html[data-theme="light"] .portal-tab-btn.active i{
    color:#9b7014 !important;
}


/* =========================================================
   OVERVIEW BOXES
========================================================= */

html[data-theme="light"] .overview-box{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .overview-box span{
    color:#666666 !important;
}

html[data-theme="light"] .overview-box strong{
    color:#111111 !important;
}


/* =========================================================
   DRAWINGS
========================================================= */

html[data-theme="light"] .drawing-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .drawing-icon,
html[data-theme="light"] .drawing-icon.dwg{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .drawing-item strong{
    color:#111111 !important;
}

html[data-theme="light"] .drawing-item span{
    color:#666666 !important;
}

html[data-theme="light"] .drawing-item button,
html[data-theme="light"] .invoice-download-btn{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;
}

html[data-theme="light"] .drawing-item button:hover,
html[data-theme="light"] .invoice-download-btn:hover{
    background:#fff9e8 !important;

    color:#111111 !important;

    border-color:#b8891f !important;
}


/* =========================================================
   INVOICES
========================================================= */

html[data-theme="light"] .invoice-table th{
    color:#555555 !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .invoice-table td{
    color:#111111 !important;

    border-bottom:
        1px solid
        rgba(184,137,31,.17) !important;
}

html[data-theme="light"] .invoice-status.paid,
html[data-theme="light"] .invoice-status.due{
    background:#fff9e8 !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;
}


/* =========================================================
   SITE PHOTOS
========================================================= */

html[data-theme="light"] .photo-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.28) !important;

    box-shadow:
        0 10px 26px
        rgba(26,32,44,.06) !important;
}

html[data-theme="light"] .photo-card:hover{
    border-color:#b8891f !important;

    box-shadow:
        0 16px 34px
        rgba(184,137,31,.13) !important;
}

html[data-theme="light"] .photo-info strong{
    color:#111111 !important;
}

html[data-theme="light"] .photo-info span{
    color:#666666 !important;
}


/* =========================================================
   SITE DIARY
========================================================= */

html[data-theme="light"] .site-diary-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .site-diary-item::before{
    background:#b8891f !important;

    box-shadow:
        0 0 12px
        rgba(184,137,31,.18) !important;
}

html[data-theme="light"] .site-diary-item strong{
    color:#9b7014 !important;
}

html[data-theme="light"] .site-diary-item p{
    color:#444444 !important;
}


/* =========================================================
   PROJECT CONVERSATION
========================================================= */

html[data-theme="light"] .message-item,
html[data-theme="light"] .message-item.client{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .message-item.client{
    background:#fffaf0 !important;
}

html[data-theme="light"] .message-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .message-meta strong{
    color:#111111 !important;
}

html[data-theme="light"] .message-meta span{
    color:#707070 !important;
}

html[data-theme="light"] .message-body p{
    color:#333333 !important;
}


/* MESSAGE INPUT */

html[data-theme="light"] .message-input-area input{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        #d8c28b !important;
}

html[data-theme="light"] .message-input-area input::placeholder{
    color:#888888 !important;
}

html[data-theme="light"] .message-input-area input:focus{
    border-color:#b8891f !important;

    box-shadow:
        0 0 0 4px
        rgba(184,137,31,.10) !important;
}

html[data-theme="light"] .attach-btn{
    background:#ffffff !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;
}

html[data-theme="light"] .send-message-btn{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}


/* =========================================================
   TEAM DIRECTORY
========================================================= */

html[data-theme="light"] .team-member-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.26) !important;
}

html[data-theme="light"] .team-member-avatar{
    background:
        linear-gradient(
            135deg,
            #f6de89,
            #c99a2d
        ) !important;

    color:#111111 !important;
}

html[data-theme="light"] .team-member-card h4{
    color:#111111 !important;
}

html[data-theme="light"] .team-member-card p{
    color:#666666 !important;
}

html[data-theme="light"] .team-actions button{
    background:#ffffff !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .team-actions button:hover{
    background:#fff9e8 !important;

    color:#111111 !important;

    border-color:#b8891f !important;
}


/* =========================================================
   LATEST UPDATES
========================================================= */

html[data-theme="light"] .update-item{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .update-icon{
    background:#fff9e8 !important;

    color:#9b7014 !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .update-item h4{
    color:#111111 !important;
}

html[data-theme="light"] .update-item p{
    color:#666666 !important;
}


/* =========================================================
   PORTAL FILE VIEWER
========================================================= */

html[data-theme="light"] .portal-file-viewer{
    background:
        rgba(30,30,30,.28) !important;

    backdrop-filter:
        blur(12px) !important;
}

html[data-theme="light"] .portal-file-viewer-box{
    background:#ffffff !important;
    background-image:none !important;

    border:
        1px solid
        rgba(184,137,31,.40) !important;

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.16) !important;
}

html[data-theme="light"] .portal-file-viewer-box::before{
    display:none !important;
    animation:none !important;
}

html[data-theme="light"] .portal-file-viewer-head{
    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .portal-file-viewer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .portal-file-viewer-head p{
    color:#666666 !important;
}

html[data-theme="light"] .portal-file-viewer-head button{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;
}

html[data-theme="light"] .portal-file-preview-placeholder{
    background:#ffffff !important;
    background-image:none !important;

    border:
        1px dashed
        rgba(184,137,31,.45) !important;
}

html[data-theme="light"] .portal-file-preview-placeholder i{
    color:#b8891f !important;

    filter:none !important;
}

html[data-theme="light"] .portal-file-preview-placeholder h3{
    color:#111111 !important;
}

html[data-theme="light"] .portal-file-preview-placeholder p{
    color:#666666 !important;
}

html[data-theme="light"] .portal-file-viewer-actions{
    border-top:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .portal-file-viewer-actions button{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.30) !important;
}

html[data-theme="light"] .portal-file-viewer-actions button:hover{
    background:#fff9e8 !important;

    border-color:#b8891f !important;
}


/* =========================================================
   PHOTO VIEWER
========================================================= */

html[data-theme="light"] .photo-viewer{
    background:
        rgba(30,30,30,.28) !important;

    backdrop-filter:
        blur(12px) !important;
}

html[data-theme="light"] .photo-viewer-box{
    background:#ffffff !important;
    background-image:none !important;

    border:
        1px solid
        rgba(184,137,31,.40) !important;

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.16) !important;
}

html[data-theme="light"] .photo-viewer-box::before{
    display:none !important;
    animation:none !important;
}

html[data-theme="light"] .photo-viewer-head{
    border-bottom:
        1px solid
        rgba(184,137,31,.22) !important;
}

html[data-theme="light"] .photo-viewer-head h2{
    color:#111111 !important;
}

html[data-theme="light"] .photo-viewer-head p{
    color:#666666 !important;
}

html[data-theme="light"] .photo-viewer-head button{
    background:#ffffff !important;

    color:#111111 !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;
}

html[data-theme="light"] .before-after-card{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.32) !important;
}

html[data-theme="light"] .photo-viewer-info div{
    background:#ffffff !important;

    border:
        1px solid
        rgba(184,137,31,.25) !important;
}

html[data-theme="light"] .photo-viewer-info span{
    color:#666666 !important;
}

html[data-theme="light"] .photo-viewer-info strong{
    color:#111111 !important;
}


/* =========================================================
   LIGHT MODE SCROLLBARS
========================================================= */

html[data-theme="light"] .photo-viewer-body,
html[data-theme="light"] .portal-file-preview-area,
html[data-theme="light"] .invoice-table-wrap{
    scrollbar-width:thin;

    scrollbar-color:
        #b8891f
        #f5f0e4;
}

html[data-theme="light"]
.photo-viewer-body::-webkit-scrollbar-thumb,

html[data-theme="light"]
.portal-file-preview-area::-webkit-scrollbar-thumb,

html[data-theme="light"]
.invoice-table-wrap::-webkit-scrollbar-thumb{
    background:#b8891f !important;

    border-radius:999px;
}


/* =========================================================
   REMOVE DARK-MODE DECORATIVE EFFECTS
========================================================= */

html[data-theme="light"] .portal-stat-card::before,
html[data-theme="light"] .portal-file-viewer-box::before,
html[data-theme="light"] .photo-viewer-box::before,
html[data-theme="light"] .project-card::before{
    display:none !important;

    animation:none !important;
}


/* =========================================================
   LIGHT MODE — GENERAL FONT SAFETY
========================================================= */

html[data-theme="light"]
.client-projects-page strong,

html[data-theme="light"]
.client-projects-page h1,

html[data-theme="light"]
.client-projects-page h2,

html[data-theme="light"]
.client-projects-page h3,

html[data-theme="light"]
.client-projects-page h4,

html[data-theme="light"]
.portal-wrapper strong,

html[data-theme="light"]
.portal-wrapper h1,

html[data-theme="light"]
.portal-wrapper h2,

html[data-theme="light"]
.portal-wrapper h3,

html[data-theme="light"]
.portal-wrapper h4{
    color:#111111;
}



/* =========================================================
   SUBSCRIPTION — TEMPORARILY LOCKED
========================================================= */
html[data-theme="light"] .access-option-card.subscription-locked-card,
html[data-theme="light"] .access-option-card.subscription-locked-card:disabled,
html[data-theme="light"] .access-option-card.subscription-locked-card:hover,
html[data-theme="light"] .access-option-card.subscription-locked-card:disabled:hover{
    cursor:not-allowed !important;
    opacity:.82;
    transform:none !important;
    background:#fffdf7 !important;
    border-color:rgba(184,137,31,.24) !important;
    box-shadow:none !important;
}
html[data-theme="light"] .subscription-locked-card .subscription-icon{
    color:#9b7014 !important;
    background:#fff9e8 !important;
    border-color:rgba(184,137,31,.30) !important;
}
html[data-theme="light"] .subscription-locked-card .coming-soon-badge{
    color:#9b7014 !important;
    background:#fff9e8 !important;
    border-color:rgba(184,137,31,.30) !important;
}
html[data-theme="light"] .subscription-locked-card .access-option-content p{
    color:#687080 !important;
}
html[data-theme="light"] .subscription-locked-link{
    color:#9b7014 !important;
}
/* ========================================================================
   ADESYNC — LIGHT THEME COMPLETION LAYER
   Full-project audit: neutral surfaces, text, borders, forms, tables,
   drawers, modals and pages that previously had no dedicated light section.
   Keep this section at the END of theme-light.css.
======================================================================== */

/* ---------- GLOBAL SAFETY TOKENS ---------- */
html[data-theme="light"]{
    color-scheme:light;
    --lt-page:#f4f7fb;
    --lt-surface:#ffffff;
    --lt-surface-2:#f8fafc;
    --lt-surface-3:#f1f5f9;
    --lt-text:#172033;
    --lt-text-2:#46536a;
    --lt-muted:#738096;
    --lt-line:#dce3ed;
    --lt-line-strong:#cbd5e1;
    --lt-gold:#b7891d;
    --lt-gold-soft:#f8efd5;
    --lt-success:#087f5b;
    --lt-danger:#b42318;
    --lt-warning:#a16207;
    --lt-info:#1d4ed8;
    --lt-shadow:0 14px 34px rgba(31,45,70,.09);
}

html[data-theme="light"] body,
html[data-theme="light"] .main-content{
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
){
    background:#fff;
    color:var(--lt-text);
    border-color:var(--lt-line-strong);
    caret-color:var(--lt-text);
}

html[data-theme="light"] :where(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
):focus{
    background:#fff;
    color:var(--lt-text);
    border-color:rgba(183,137,29,.62);
    box-shadow:0 0 0 3px rgba(183,137,29,.10);
}

html[data-theme="light"] :where(input,textarea)::placeholder{
    color:#94a0b2;
    opacity:1;
}

html[data-theme="light"] select option{
    background:#fff;
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .modal,
    .drawer,
    .popup,
    .overlay
) input:disabled,
html[data-theme="light"] :where(
    .modal,
    .drawer,
    .popup,
    .overlay
) textarea:disabled,
html[data-theme="light"] :where(
    .modal,
    .drawer,
    .popup,
    .overlay
) select:disabled,
html[data-theme="light"] :where(input,textarea,select):disabled{
    background:#eef2f6;
    color:#6b778c;
    border-color:#d9e0e9;
    opacity:1;
}

html[data-theme="light"] :where(input,textarea)[readonly]{
    background:#f1f5f9;
    color:#4b586d;
    border-color:#dce3ed;
}

html[data-theme="light"] :where(
    table
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    table thead,
    table th
){
    color:#536077;
}

html[data-theme="light"] :where(
    table td
){
    border-color:#e5eaf1;
}

html[data-theme="light"] :where(
    .empty-state,
    [class*="-empty-state"],
    [class*="-empty-card"]
){
    color:var(--lt-muted);
}

/* ---------- SETTINGS / APPEARANCE / SECURITY ---------- */
html[data-theme="light"] :where(
    .settings-page,
    .settings-main,
    .settings-page-header,
    .glass-panel,
    .settings-savebar,
    .account-grid > *,
    .toggle-grid > *,
    .security-card,
    .appearance-card,
    .settings-card
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .glass-panel,
    .settings-savebar,
    .account-grid > *,
    .toggle-grid > *,
    .security-card,
    .appearance-card,
    .settings-card
){
    background:var(--lt-surface);
    border-color:var(--lt-line);
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .settings-page p,
    .settings-main p,
    .settings-page small,
    .settings-main small,
    .settings-page label,
    .settings-main label
){
    color:var(--lt-text-2);
}

/* ---------- COMPANY PROFILE ---------- */
html[data-theme="light"] :where(
    .company-final-settings,
    .company-form-section,
    .company-location-information,
    .company-location-search-results,
    .company-logo-wrap,
    .company-confirm-box,
    .company-loader-content
){
    background:var(--lt-surface);
    color:var(--lt-text);
    border-color:var(--lt-line);
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .company-form-group label,
    .company-header-label,
    .company-location-validity,
    .company-form-section p,
    .company-final-section p
){
    color:var(--lt-text-2);
}

html[data-theme="light"] :where(
    .company-header-title,
    .company-form-section h2,
    .company-form-section h3
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .company-input-wrap,
    .company-checkbox-option,
    .company-location-search-result,
    .company-integration-chip
){
    background:var(--lt-surface-2);
    color:var(--lt-text);
    border-color:var(--lt-line);
}

/* ---------- APPROVALS ---------- */
html[data-theme="light"] :where(
    .approvals-page,
    .approvals-header,
    .approval-panel,
    .approval-kpi-card,
    .approval-table-wrap,
    .approval-pipeline,
    .approval-comments,
    .approval-comment,
    .approval-attachments,
    .approval-modal-box,
    .approval-drawer-panel,
    .add-comment-box
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .approval-panel,
    .approval-kpi-card,
    .approval-table-wrap,
    .approval-pipeline,
    .approval-comment,
    .approval-modal-box,
    .approval-drawer-panel,
    .add-comment-box
){
    background:var(--lt-surface);
    border-color:var(--lt-line);
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .approval-table th,
    .approval-form label,
    .approval-form-grid label,
    .approval-comment small,
    .approval-kpi-card p,
    .delay-item p
){
    color:var(--lt-text-2);
}

/* ---------- ATTENDANCE + ATTENDANCE POLICY ---------- */
html[data-theme="light"] :where(
    .attendance-page,
    .attendance-header,
    .attendance-kpi-card,
    .attendance-modal-box,
    .attendance-drawer-panel,
    .attendance-generated-qr-card,
    .attendance-empty-state,
    .attendance-location-option,
    .assignment-modal-box,
    .attendance-policy-page,
    .policy-panel,
    .policy-modal-box,
    .holiday-summary-card,
    .holiday-table-wrapper,
    .holiday-placeholder-panel,
    .policy-info-banner
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .attendance-kpi-card,
    .attendance-modal-box,
    .attendance-drawer-panel,
    .attendance-generated-qr-card,
    .attendance-empty-state,
    .attendance-location-option,
    .assignment-modal-box,
    .policy-panel,
    .policy-modal-box,
    .holiday-summary-card,
    .holiday-table-wrapper,
    .holiday-placeholder-panel
){
    background:var(--lt-surface);
    border-color:var(--lt-line);
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .attendance-form-group label,
    .attendance-detail-grid span,
    .attendance-kpi-card p,
    .policy-form-group label,
    .policy-page-kicker,
    .policy-panel-head p,
    .holiday-summary-card p
){
    color:var(--lt-text-2);
}

html[data-theme="light"] .policy-info-banner,
html[data-theme="light"] .assignment-info-banner{
    background:#f7f2e4;
    border-color:#ead9a5;
    color:#66511b;
}

/* ---------- CONSULTANTS ---------- */
html[data-theme="light"] :where(
    .consultant-card,
    .consultant-drawer,
    .consultant-ai-box,
    .assign-modal-box,
    .assignment-detail-modal-box,
    .assignment-detail-hero,
    .assignment-detail-section,
    .assignment-review-section,
    .assignment-table-wrap,
    .assignment-row,
    .ai-score-grid > *
){
    background:var(--lt-surface);
    color:var(--lt-text);
    border-color:var(--lt-line);
}

html[data-theme="light"] :where(
    .consultant-card,
    .assign-modal-box,
    .assignment-detail-modal-box
){
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .consultant-contact,
    .consultant-contact-line,
    .assignment-detail-label,
    .assignment-detail-remarks,
    .assignment-head p
){
    color:var(--lt-text-2);
}

/* ---------- LEAVE REQUESTS ---------- */
html[data-theme="light"] :where(
    .leave-page,
    .leave-panel,
    .leave-kpi-card,
    .leave-modal-box,
    .allocate-leave-modal-box,
    .leave-drawer-panel,
    .drawer-content-box,
    .employee-wallet-card,
    .employee-wallet-row,
    .allocation-row,
    .allocation-employee-preview,
    .balance-empty-state,
    .compact-empty-state
){
    background:var(--lt-surface);
    color:var(--lt-text);
    border-color:var(--lt-line);
}

html[data-theme="light"] :where(
    .leave-panel,
    .leave-kpi-card,
    .leave-modal-box,
    .allocate-leave-modal-box,
    .leave-drawer-panel,
    .employee-wallet-card
){
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .leave-page label,
    .leave-page small,
    .leave-applied-date,
    .employee-wallet-year,
    .allocation-row-info,
    .drawer-detail-grid span
){
    color:var(--lt-text-2);
}

/* ---------- PAYROLL ---------- */
html[data-theme="light"] :where(
    .payroll-page,
    .payroll-panel,
    .payroll-kpi-card,
    .payroll-table-wrap,
    .payroll-drawer,
    .payroll-drawer-body,
    .payroll-calculation-card,
    .calculation-card-head,
    .earnings-card,
    .deductions-card,
    .generate-payroll-modal-box,
    .payment-confirmation-modal,
    .payment-confirmation-card,
    .payment-employee-summary,
    .payroll-attendance-summary-grid > *
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .payroll-panel,
    .payroll-kpi-card,
    .payroll-table-wrap,
    .payroll-drawer,
    .payroll-calculation-card,
    .earnings-card,
    .deductions-card,
    .generate-payroll-modal-box,
    .payment-confirmation-card,
    .payment-employee-summary,
    .payroll-attendance-summary-grid > *
){
    background:var(--lt-surface);
    border-color:var(--lt-line);
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .payroll-page label,
    .payroll-page small,
    .page-kicker,
    .modal-kicker,
    .payment-employee-details,
    .payroll-calculation-note
){
    color:var(--lt-text-2);
}

html[data-theme="light"] .payment-confirmation-warning{
    background:#fff7e6;
    border-color:#efd49a;
    color:#7a5710;
}

/* ---------- PROJECT TIMELINE ---------- */
html[data-theme="light"] :where(
    .timeline-page,
    .timeline-panel,
    .milestone-item,
    .stage-drawer-panel,
    .stage-edit-modal-card,
    .milestone-modal-box,
    .responsibility-item,
    .delay-radar-item,
    .roadmap-step
){
    background:var(--lt-surface);
    color:var(--lt-text);
    border-color:var(--lt-line);
}

html[data-theme="light"] :where(
    .timeline-panel,
    .stage-drawer-panel,
    .stage-edit-modal-card,
    .milestone-modal-box
){
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .stage-edit-field label,
    .milestone-form label,
    .responsibility-item p,
    .delay-radar-item p
){
    color:var(--lt-text-2);
}

/* ---------- SITE PRESENCE ---------- */
html[data-theme="light"] :where(
    .site-presence-page,
    .presence-panel,
    .presence-card,
    .presence-drawer-panel,
    .presence-history-panel,
    .presence-empty-card,
    .presence-exception-item,
    .presence-device-list,
    .presence-detail-grid > *
){
    background:var(--lt-surface);
    color:var(--lt-text);
    border-color:var(--lt-line);
}

html[data-theme="light"] :where(
    .presence-panel,
    .presence-card,
    .presence-drawer-panel,
    .presence-history-panel
){
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .presence-form-group label,
    .presence-history-date,
    .presence-history-location,
    .history-location-text,
    .presence-detail-grid span
){
    color:var(--lt-text-2);
}

html[data-theme="light"] :where(
    .presence-history-search,
    .presence-history-date-field
){
    background:#fff;
    color:var(--lt-text);
    border-color:var(--lt-line-strong);
}

/* ---------- SITE VISIT LOGS ---------- */
html[data-theme="light"] :where(
    .site-visit-page,
    .site-visit-header,
    .site-kpi-card,
    .site-panel,
    .site-ai-card,
    .site-empty-state,
    .visit-drawer-panel,
    .site-visit-drawer-panel,
    .visit-modal-box,
    .site-visit-modal-box,
    .photo-upload-box,
    .photo-evidence-item,
    .critical-item,
    .photo-viewer-box
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .site-kpi-card,
    .site-panel,
    .site-ai-card,
    .site-empty-state,
    .visit-drawer-panel,
    .site-visit-drawer-panel,
    .visit-modal-box,
    .site-visit-modal-box,
    .photo-upload-box,
    .photo-evidence-item,
    .critical-item,
    .photo-viewer-box
){
    background:var(--lt-surface);
    border-color:var(--lt-line);
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .site-kpi-card p,
    .site-panel p,
    .photo-viewer-info,
    .drawer-title + p
){
    color:var(--lt-text-2);
}

/* ---------- TEAM ---------- */
html[data-theme="light"] :where(
    .team-page,
    .team-card,
    .team-activity-panel,
    .member-modal-box,
    .profile-panel,
    .profile-info-grid > *,
    .profile-stats-grid > *,
    .password-security-box,
    .performance-score-box,
    .assignment-list,
    .profile-activity-list
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .team-card,
    .team-activity-panel,
    .member-modal-box,
    .profile-panel,
    .profile-info-grid > *,
    .profile-stats-grid > *,
    .password-security-box,
    .performance-score-box
){
    background:var(--lt-surface);
    border-color:var(--lt-line);
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .member-form label,
    .team-card p,
    .profile-info-grid span,
    .profile-stats-grid span,
    .team-activity-list p
){
    color:var(--lt-text-2);
}

/* ---------- WORKFLOW CENTER ---------- */
html[data-theme="light"] :where(
    .workflow-page,
    .workflow-panel,
    .workflow-card,
    .assign-task-box,
    .assign-task-popup,
    .assign-summary-card,
    .assign-form-section,
    .wf-detail-box,
    .wf-popup-content,
    .wf-popup-section,
    .wf-chain-view,
    .wf-user,
    .approval-box
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .workflow-panel,
    .workflow-card,
    .assign-task-box,
    .assign-task-popup,
    .assign-summary-card,
    .assign-form-section,
    .wf-detail-box,
    .wf-popup-content,
    .wf-popup-section,
    .wf-chain-view,
    .wf-user,
    .approval-box
){
    background:var(--lt-surface);
    border-color:var(--lt-line);
}

html[data-theme="light"] :where(
    .assign-task-popup,
    .workflow-card,
    .workflow-panel
){
    box-shadow:var(--lt-shadow);
}

html[data-theme="light"] :where(
    .assign-task-form label,
    .assign-form-grid label,
    .wf-detail-grid span,
    .wf-user small,
    .progress-top span
){
    color:var(--lt-text-2);
}

/* ---------- MODAL / DRAWER FALLBACK FOR ALL MODULES ---------- */
html[data-theme="light"] :where(
    [class$="-modal-box"],
    [class$="-modal-card"],
    [class$="-drawer-panel"],
    [class$="-popup"],
    [class$="-popup-content"]
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    [class$="-modal-box"],
    [class$="-modal-card"],
    [class$="-drawer-panel"]
){
    background:#fff;
    border-color:var(--lt-line);
}

html[data-theme="light"] :where(
    [class$="-modal-head"],
    [class$="-drawer-head"],
    [class$="-popup-top"]
){
    border-color:var(--lt-line);
}

html[data-theme="light"] :where(
    [class$="-modal-head"] h2,
    [class$="-modal-head"] h3,
    [class$="-drawer-head"] h2,
    [class$="-drawer-head"] h3,
    [class$="-popup-top"] h2,
    [class$="-popup-top"] h3
){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    [class$="-modal-head"] p,
    [class$="-drawer-head"] p,
    [class$="-popup-top"] p
){
    color:var(--lt-text-2);
}

/* ---------- TEXT VISIBILITY FINAL PASS ---------- */
html[data-theme="light"] :where(
    .settings-page,
    .company-final-settings,
    .approvals-page,
    .attendance-page,
    .attendance-policy-page,
    .consultant-card,
    .leave-page,
    .payroll-page,
    .timeline-page,
    .site-presence-page,
    .site-visit-page,
    .team-page,
    .workflow-page
) :where(h1,h2,h3,h4,h5,h6,strong){
    color:var(--lt-text);
}

html[data-theme="light"] :where(
    .settings-page,
    .company-final-settings,
    .approvals-page,
    .attendance-page,
    .attendance-policy-page,
    .consultant-card,
    .leave-page,
    .payroll-page,
    .timeline-page,
    .site-presence-page,
    .site-visit-page,
    .team-page,
    .workflow-page
) :where(label,p,small,.muted,.subtitle,.description){
    color:var(--lt-text-2);
}

/* Preserve semantic/status colors instead of flattening them. */
html[data-theme="light"] :where(
    .status-approved,.approved-card,.approved-dot,
    .status-active,.active-text,.timeline-ok
){ color:var(--lt-success); }

html[data-theme="light"] :where(
    .status-rejected,.status-cancelled,.priority-critical,
    .severity-critical,.timeline-late
){ color:var(--lt-danger); }

html[data-theme="light"] :where(
    .status-pending,.status-hold,.priority-high,.severity-high
){ color:var(--lt-warning); }

/* ---------- LIGHT SCROLLBAR COMPLETION ---------- */
html[data-theme="light"] :where(
    .main-content,
    [class*="-drawer-panel"],
    [class*="-modal-box"],
    [class*="-table-wrap"],
    [class*="-list"]
){
    scrollbar-color:#b9c4d3 #eef2f7;
}

html[data-theme="light"] :where(
    .main-content,
    [class*="-drawer-panel"],
    [class*="-modal-box"],
    [class*="-table-wrap"],
    [class*="-list"]
)::-webkit-scrollbar-track{
    background:#eef2f7;
}

html[data-theme="light"] :where(
    .main-content,
    [class*="-drawer-panel"],
    [class*="-modal-box"],
    [class*="-table-wrap"],
    [class*="-list"]
)::-webkit-scrollbar-thumb{
    background:#b9c4d3;
    border:3px solid #eef2f7;
}

/* ========================================================================
   END — ADESYNC LIGHT THEME COMPLETION LAYER
======================================================================== */