/*
|--------------------------------------------------------------------------
| GIZCU BLUSH PINK THEME
|--------------------------------------------------------------------------
| Tujuan:
| - background utama berubah dari putih/abu menjadi blush pink premium
| - card dan form tetap putih supaya clean & mudah dibaca
| - maroon + hijau tetap menjadi identitas Gizcu
|--------------------------------------------------------------------------
*/
:root{
    --gz-pink-page:#fff3f7;
    --gz-pink-page-2:#fceaf1;
    --gz-pink-page-3:#f8dfe9;
    --gz-pink-soft:#f9e8ef;
    --gz-pink-border:#f0d7e1;
    --gz-white:#ffffff;
    --gz-maroon:#8b2f55;
    --gz-green:#477f67;
    --gz-text:#22272b;
    --gz-muted:#707a75;
}

/* ==========================================================
   ADMIN
   ========================================================== */
body.admin-shell{
    background:linear-gradient(180deg,var(--gz-pink-page) 0%,#fff8fa 100%) !important;
}

body.admin-shell .admin-main,
body.admin-shell .admin-content{
    background:transparent !important;
}

body.admin-shell .admin-sidebar{
    background:#fffdfd !important;
    border-right-color:var(--gz-pink-border) !important;
}

body.admin-shell .admin-topbar{
    background:rgba(255,252,253,.96) !important;
    border-bottom-color:var(--gz-pink-border) !important;
    backdrop-filter:blur(12px);
}

body.admin-shell .admin-logo img{
    background:var(--gz-pink-page) !important;
    border-color:var(--gz-pink-border) !important;
}

body.admin-shell .admin-menu a:hover{
    background:#fff7fa !important;
    border-color:#f3e2e9 !important;
}

body.admin-shell .admin-menu a.active{
    background:#f8e7ee !important;
    border-color:#eccbd8 !important;
}

/* Dashboard / report / table surfaces stay white */
body.admin-shell .dash-card,
body.admin-shell .report-card,
body.admin-shell .kpi,
body.admin-shell .filter-bar,
body.admin-shell .report-filter,
body.admin-shell .action-panel,
body.admin-shell .activity-box,
body.admin-shell .card,
body.admin-shell .data-card,
body.admin-shell .table-card,
body.admin-shell .panel{
    background:#fff !important;
}

/* ==========================================================
   MOBILE APP
   ========================================================== */
body.mobile-page{
    background:#f5e3ea !important;
}

body.mobile-page .mobile-shell{
    background:var(--gz-pink-page) !important;
}

body.mobile-page .mobile-content{
    background:var(--gz-pink-page) !important;
}

body.mobile-page .app-topbar,
body.mobile-page .page-topbar{
    background:#fffdfd !important;
    border-bottom-color:var(--gz-pink-border) !important;
}

body.mobile-page .ui-card,
body.mobile-page .shortcut,
body.mobile-page .summary-box,
body.mobile-page .child-card-clean,
body.mobile-page .list-wrap,
body.mobile-page .list-card,
body.mobile-page .form-clean,
body.mobile-page .profile-clean,
body.mobile-page .z-box,
body.mobile-page .chart-card-clean,
body.mobile-page .history-clean,
body.mobile-page .metric-clean,
body.mobile-page .edu-filter,
body.mobile-page .edu-card-clean,
body.mobile-page .mobile-card{
    background:#fff !important;
}

body.mobile-page .welcome-card{
    background:linear-gradient(135deg,#fff8fb 0%,#f9e4ed 100%) !important;
    border-color:#efcedb !important;
}

body.mobile-page .mobile-bottom-nav{
    background:rgba(255,253,253,.98) !important;
    border-top-color:var(--gz-pink-border) !important;
}

body.mobile-page .search-input,
body.mobile-page .form-control,
body.mobile-page .form-select{
    background:#fff !important;
}

/* ==========================================================
   PUBLIC WEBSITE
   ========================================================== */
body.website-clean{
    background:var(--gz-pink-page) !important;
}

body.website-clean .wc-nav{
    background:rgba(255,253,253,.95) !important;
    border-bottom-color:var(--gz-pink-border) !important;
}

body.website-clean .wc-hero{
    background:
        radial-gradient(circle at 86% 15%,rgba(139,47,85,.07),transparent 30%),
        linear-gradient(180deg,#fffafb 0%,var(--gz-pink-page) 100%) !important;
}

body.website-clean .wc-section{
    background:#fff8fa !important;
}

body.website-clean .wc-section-soft{
    background:linear-gradient(180deg,#fdebf2 0%,#fff4f7 100%) !important;
}

body.website-clean .wc-feature,
body.website-clean .wc-about-intro,
body.website-clean .wc-about-panels,
body.website-clean .wc-edu-card,
body.website-clean .wc-contact,
body.website-clean .wc-article,
body.website-clean .wc-visual-card,
body.website-clean .wc-mini-card{
    background:#fff !important;
}

body.website-clean .wc-footer{
    background:#fffdfd !important;
    border-top-color:var(--gz-pink-border) !important;
}

body.website-clean .wc-mobile-bottom{
    background:rgba(255,253,253,.98) !important;
    border-top-color:var(--gz-pink-border) !important;
}

/* ==========================================================
   LOGIN DESKTOP + MOBILE
   ========================================================== */
body .login-page{
    background:var(--gz-pink-page) !important;
}

body .form-panel{
    background:
        radial-gradient(circle at 30px 30px,rgba(139,47,85,.08) 1px,transparent 1.4px),
        linear-gradient(180deg,#fff9fb 0%,var(--gz-pink-page) 100%) !important;
}

body .login-card{
    background:rgba(255,255,255,.985) !important;
    border-color:var(--gz-pink-border) !important;
}

body .mobile-topbar{
    background:#fffdfd !important;
    border-bottom-color:var(--gz-pink-border) !important;
}

/* ==========================================================
   ROLE CHOICE /APP
   ========================================================== */
body .app-shell{
    background:linear-gradient(180deg,#fffdfd 0%,var(--gz-pink-page) 100%) !important;
    border-color:var(--gz-pink-border) !important;
}

body .app-shell .topbar{
    background:#fffdfd !important;
    border-bottom-color:var(--gz-pink-border) !important;
}

body .app-shell .role-card{
    background:#fff !important;
    border-color:#ecdfe4 !important;
}

body .app-shell .info{
    background:#fff8fa !important;
    border-color:var(--gz-pink-border) !important;
}

/* Keep text readable */
body .text-white:not(.btn):not(.badge){
    text-shadow:none;
}

/* Nice scrollbar on desktop */
@media(min-width:981px){
    body.admin-shell::-webkit-scrollbar,
    body.website-clean::-webkit-scrollbar{
        width:10px;
    }

    body.admin-shell::-webkit-scrollbar-thumb,
    body.website-clean::-webkit-scrollbar-thumb{
        background:#e7c4d1;
        border-radius:999px;
        border:2px solid var(--gz-pink-page);
    }
}