/* AHQ ERP UI V2.4 — ICON + VISUAL UPGRADE */

.ahq-sidebar{
    background:
        radial-gradient(circle at 20% 0%,rgba(255,255,255,.055),transparent 28%),
        linear-gradient(180deg,#183153 0%,#10233f 100%) !important;
}

.ahq-sidebar nav{
    gap:7px !important;
}

.ahq-sidebar nav a{
    min-height:48px;
    box-sizing:border-box;
    padding:7px 10px !important;
    gap:11px !important;
    border-radius:13px !important;
    transition:.18s ease !important;
}

.ahq-sidebar nav a:hover{
    transform:translateX(2px);
    background:rgba(255,255,255,.09) !important;
}

.ahq-sidebar nav a.active{
    background:rgba(255,255,255,.13) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}

.ahq-sidebar nav a > .dashicons{
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    font-size:18px !important;
    line-height:34px !important;
    color:#E5EAF1 !important;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;
}

.ahq-sidebar nav a.active > .dashicons{
    color:#fff !important;
    background:linear-gradient(145deg,#C39A45,#A8781F);
    border-color:rgba(255,255,255,.15);
    box-shadow:0 5px 14px rgba(0,0,0,.18);
}

.ahq-app-logo-img{
    width:46px !important;
    height:46px !important;
    object-fit:cover;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.ahq-topbar{
    box-shadow:0 2px 12px rgba(24,49,83,.035);
}

.ahq-topbar h1{
    color:#183153 !important;
    font-weight:780 !important;
    letter-spacing:-.45px;
}

.ahq-stats > div{
    min-height:132px;
    box-sizing:border-box;
    padding:21px 68px 20px 21px !important;
    border-radius:18px !important;
    transition:.18s ease;
}

.ahq-stats > div:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(24,49,83,.08) !important;
}

.ahq-stats > div > i{
    right:18px !important;
    top:18px !important;
    width:46px !important;
    height:46px !important;
    display:grid !important;
    place-items:center !important;
    font-size:23px !important;
    line-height:46px !important;
    background:#EFF4F9 !important;
    color:#183153 !important;
    border-radius:14px !important;
    box-shadow:inset 0 0 0 1px #E2E8F0;
}

.ahq-stats > div.stat-monitor > i{
    background:#FDECEC !important;
    color:#C62828 !important;
}

.ahq-panel{
    border-radius:18px !important;
}

.ahq-quick{
    gap:14px !important;
}

.ahq-quick a{
    min-height:125px;
    box-sizing:border-box;
    padding:17px !important;
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    border-radius:16px !important;
    background:linear-gradient(180deg,#fff 0%,#FAFBFC 100%) !important;
    transition:.18s ease !important;
}

.ahq-quick a:hover{
    transform:translateY(-3px) !important;
    border-color:#D8C28F !important;
    box-shadow:0 13px 28px rgba(24,49,83,.09) !important;
}

.ahq-quick a > .dashicons{
    width:43px !important;
    height:43px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 0 13px !important;
    font-size:22px !important;
    line-height:43px !important;
    color:#183153 !important;
    background:#F0F4F8;
    border:1px solid #E1E7EF;
    border-radius:13px;
}

.ahq-quick a:hover > .dashicons{
    color:#fff !important;
    background:linear-gradient(145deg,#B88A2A,#9D711F);
    border-color:transparent;
}

.ahq-pro-control-card > .dashicons,
.ahq-pro-control-card > span.dashicons{
    width:46px !important;
    height:46px !important;
    flex:0 0 46px;
    display:grid !important;
    place-items:center !important;
    font-size:23px !important;
    line-height:46px !important;
    color:#183153 !important;
    background:#EEF3F8;
    border:1px solid #E1E7EF;
    border-radius:14px;
}

.ahq-zoom-card{
    transition:.18s ease;
}

.ahq-zoom-card:hover{
    transform:translateY(-2px);
    box-shadow:0 13px 30px rgba(24,49,83,.075);
}

@media(max-width:760px){
    .ahq-sidebar nav a{
        min-height:48px !important;
        padding:7px 9px !important;
    }

    .ahq-sidebar nav a > .dashicons{
        width:34px !important;
        height:34px !important;
        flex-basis:34px !important;
    }

    .ahq-stats > div{
        min-height:112px !important;
        padding:14px 49px 14px 14px !important;
    }

    .ahq-stats > div > i{
        width:34px !important;
        height:34px !important;
        right:12px !important;
        top:13px !important;
        font-size:17px !important;
        line-height:34px !important;
        border-radius:10px !important;
    }

    .ahq-quick a{
        min-height:105px !important;
        padding:13px !important;
    }

    .ahq-quick a > .dashicons{
        width:38px !important;
        height:38px !important;
        font-size:19px !important;
        line-height:38px !important;
        margin-bottom:10px !important;
    }
}

/* =========================================================
   AHQ ERP UI V2.4.1
   SOFT MODULE COLORS
   ========================================================= */

/* PENDAFTARAN */
.ahq-quick a[href*="erp=registration"] > .dashicons,
.ahq-sidebar nav a[href*="erp=registration"] > .dashicons{
    color:#2563EB !important;
    background:#EFF6FF !important;
    border-color:#DBEAFE !important;
}

/* PEMBAYARAN */
.ahq-quick a[href*="erp=payment"] > .dashicons,
.ahq-sidebar nav a[href*="erp=payment"] > .dashicons{
    color:#059669 !important;
    background:#ECFDF5 !important;
    border-color:#D1FAE5 !important;
}

/* MEMBER */
.ahq-quick a[href*="erp=member"] > .dashicons,
.ahq-sidebar nav a[href*="erp=member"] > .dashicons{
    color:#0891B2 !important;
    background:#ECFEFF !important;
    border-color:#CFFAFE !important;
}

/* LOGIN MY GSM */
.ahq-quick a[href*="erp=login-mygsm"] > .dashicons,
.ahq-sidebar nav a[href*="erp=login-mygsm"] > .dashicons{
    color:#4F46E5 !important;
    background:#EEF2FF !important;
    border-color:#E0E7FF !important;
}

/* PROGRAM */
.ahq-quick a[href*="erp=program"] > .dashicons,
.ahq-sidebar nav a[href*="erp=program"] > .dashicons{
    color:#D97706 !important;
    background:#FFFBEB !important;
    border-color:#FEF3C7 !important;
}

/* MATERI */
.ahq-quick a[href*="erp=material"] > .dashicons,
.ahq-sidebar nav a[href*="erp=material"] > .dashicons{
    color:#B88A2A !important;
    background:#FFF8E7 !important;
    border-color:#F4E5B8 !important;
}

/* MONITORING */
.ahq-quick a[href*="erp=monitoring"] > .dashicons,
.ahq-sidebar nav a[href*="erp=monitoring"] > .dashicons{
    color:#16A34A !important;
    background:#F0FDF4 !important;
    border-color:#DCFCE7 !important;
}

/* JEJAK ASMA */
.ahq-quick a[href*="erp=asma-journey"] > .dashicons,
.ahq-sidebar nav a[href*="erp=asma-journey"] > .dashicons{
    color:#7C3AED !important;
    background:#F5F3FF !important;
    border-color:#EDE9FE !important;
}

/* SAPAAN JIWA */
.ahq-quick a[href*="erp=soul-greeting"] > .dashicons,
.ahq-sidebar nav a[href*="erp=soul-greeting"] > .dashicons{
    color:#E11D48 !important;
    background:#FFF1F2 !important;
    border-color:#FFE4E6 !important;
}

/* BOOK JOURNEY */
.ahq-quick a[href*="erp=book-journey"] > .dashicons,
.ahq-sidebar nav a[href*="erp=book-journey"] > .dashicons{
    color:#A16207 !important;
    background:#FEFCE8 !important;
    border-color:#FEF9C3 !important;
}

/* LAPORAN */
.ahq-quick a[href*="erp=reports"] > .dashicons,
.ahq-sidebar nav a[href*="erp=reports"] > .dashicons{
    color:#475569 !important;
    background:#F1F5F9 !important;
    border-color:#E2E8F0 !important;
}

/* AGENDA */
.ahq-quick a[href*="erp=events"] > .dashicons,
.ahq-sidebar nav a[href*="erp=events"] > .dashicons{
    color:#DC2626 !important;
    background:#FEF2F2 !important;
    border-color:#FEE2E2 !important;
}

/* ZOOM */
.ahq-quick a[href*="erp=zoom"] > .dashicons,
.ahq-sidebar nav a[href*="erp=zoom"] > .dashicons{
    color:#7C3AED !important;
    background:#F5F3FF !important;
    border-color:#EDE9FE !important;
}

/* PIC & MENTOR */
.ahq-quick a[href*="erp=team"] > .dashicons,
.ahq-sidebar nav a[href*="erp=team"] > .dashicons{
    color:#0F766E !important;
    background:#F0FDFA !important;
    border-color:#CCFBF1 !important;
}

/* CONTROL CENTER */
.ahq-sidebar nav a[href*="erp=admin"] > .dashicons{
    color:#334155 !important;
    background:#F1F5F9 !important;
    border-color:#E2E8F0 !important;
}

/* MENU AKTIF TETAP GOLD */
.ahq-sidebar nav a.active > .dashicons{
    color:#FFFFFF !important;
    background:linear-gradient(145deg,#C39A45,#A8781F) !important;
    border-color:rgba(255,255,255,.16) !important;
}

/* HOVER QUICK ACCESS */
.ahq-quick a:hover > .dashicons{
    color:#FFFFFF !important;
    background:linear-gradient(145deg,#B88A2A,#9D711F) !important;
    border-color:transparent !important;
}


/* =========================================================
   AHQ ERP UI V2.4.2
   KPI + TYPOGRAPHY + SPACING POLISH
   ========================================================= */


/* ---------------------------------------------------------
   SIDEBAR TYPOGRAPHY
   --------------------------------------------------------- */

.ahq-sidebar nav a{
    font-weight:650 !important;
    letter-spacing:-.05px;
}

.ahq-sidebar nav a > span:not(.dashicons){
    line-height:1.25;
}


/* ---------------------------------------------------------
   KPI CARDS
   --------------------------------------------------------- */

.ahq-stats > div{
    position:relative;
}

.ahq-stats > div > span{
    font-size:12px !important;
    font-weight:750 !important;
    color:#64748B !important;
}

.ahq-stats > div > b{
    font-size:34px !important;
    line-height:1 !important;
    margin:11px 0 10px !important;
    color:#172033 !important;
}

.ahq-stats > div > small{
    font-size:10.5px !important;
    line-height:1.4;
    color:#8491A3 !important;
}


/* MEMBER AKTIF */
.ahq-stats > .stat-members > i{
    color:#0284C7 !important;
    background:#EFF9FF !important;
    box-shadow:inset 0 0 0 1px #D7F0FC !important;
}

.ahq-stats > .stat-members:before{
    background:#0EA5E9 !important;
}


/* BATCH AKTIF */
.ahq-stats > .stat-batch > i{
    color:#D97706 !important;
    background:#FFF9E8 !important;
    box-shadow:inset 0 0 0 1px #FCE9B6 !important;
}

.ahq-stats > .stat-batch:before{
    background:#D6A437 !important;
}


/* MENTOR */
.ahq-stats > .stat-mentor > i{
    color:#7C3AED !important;
    background:#F5F1FF !important;
    box-shadow:inset 0 0 0 1px #E7DDFE !important;
}

.ahq-stats > .stat-mentor:before{
    background:#8B5CF6 !important;
}


/* MONITORING */
.ahq-stats > .stat-monitor > i{
    color:#DC2626 !important;
    background:#FFF0F0 !important;
    box-shadow:inset 0 0 0 1px #FEDADA !important;
}

.ahq-stats > .stat-monitor:before{
    background:#DC2626 !important;
}


/* subtle card background */
.ahq-stats > div{
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FCFDFE 100%
        ) !important;
}


/* ---------------------------------------------------------
   DASHBOARD GRID
   jangan paksa panel kanan setinggi panel kiri
   --------------------------------------------------------- */

.ahq-dashboard-grid{
    align-items:start !important;
}

.ahq-dashboard-grid > .ahq-panel{
    align-self:start;
}


/* ---------------------------------------------------------
   PANEL HEADINGS
   --------------------------------------------------------- */

.ahq-panel-head h3,
.ahq-panel > h3{
    color:#172F50 !important;
    font-weight:800 !important;
    letter-spacing:-.35px;
}

.ahq-panel-head p{
    color:#7B8798 !important;
    font-size:11px !important;
}


/* ---------------------------------------------------------
   QUICK ACCESS
   --------------------------------------------------------- */

.ahq-quick a b{
    font-size:13.5px !important;
    line-height:1.25;
    font-weight:780 !important;
    color:#172033 !important;
    letter-spacing:-.15px;
}

.ahq-quick a small{
    font-size:10.5px !important;
    line-height:1.3;
    color:#738095 !important;
    margin-top:6px !important;
}

.ahq-quick a em{
    font-size:15px;
    color:#94A3B8;
}

.ahq-quick a:hover b{
    color:#183153 !important;
}

.ahq-quick a:hover small{
    color:#5F6D80 !important;
}


/* ---------------------------------------------------------
   MONITORING CARD
   --------------------------------------------------------- */

.ahq-progress-ring{
    margin-top:12px !important;
    margin-bottom:20px !important;
}

.ahq-progress-ring b{
    font-weight:820 !important;
    letter-spacing:-.8px;
}

.ahq-progress-meta{
    margin-top:4px;
    padding-top:4px;
}


/* ---------------------------------------------------------
   WELCOME CARD
   --------------------------------------------------------- */

.ahq-welcome h2{
    font-weight:800 !important;
    letter-spacing:-.65px;
}

.ahq-welcome p{
    line-height:1.55;
}

.ahq-welcome-art{
    opacity:.92;
}


/* ---------------------------------------------------------
   GENERAL CARD DEPTH
   --------------------------------------------------------- */

.ahq-panel,
.ahq-stats > div{
    border-color:#E3E8EF !important;
}

.ahq-panel{
    box-shadow:
        0 8px 28px rgba(24,49,83,.052) !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

    .ahq-sidebar nav a{
        font-weight:650 !important;
    }

    .ahq-stats > div > b{
        font-size:27px !important;
        margin:9px 0 8px !important;
    }

    .ahq-stats > div > span{
        font-size:10px !important;
    }

    .ahq-stats > div > small{
        font-size:9px !important;
    }

    .ahq-quick a b{
        font-size:12.5px !important;
    }

    .ahq-quick a small{
        font-size:9.5px !important;
    }

}


/* =========================================================
   AHQ ERP UI V2.5
   MODULE PAGES POLISH
   ========================================================= */


/* ---------------------------------------------------------
   GENERAL MODULE PANELS
   --------------------------------------------------------- */

.ahq-content > .ahq-panel,
.ahq-content .ahq-panel{
    border:1px solid #E4E9F0 !important;
    border-radius:18px !important;
    box-shadow:0 8px 26px rgba(24,49,83,.05) !important;
}

.ahq-content .ahq-panel > h2,
.ahq-content .ahq-panel > h3{
    color:#183153 !important;
    font-weight:800 !important;
    letter-spacing:-.35px;
}


/* ---------------------------------------------------------
   FILTER / SEARCH BAR
   --------------------------------------------------------- */

.ahq-filter{
    display:flex !important;
    gap:10px !important;
    align-items:flex-end !important;

    padding:14px !important;
    margin-bottom:18px !important;

    background:#F8FAFC;
    border:1px solid #E5EAF0;
    border-radius:14px;
}

.ahq-filter label{
    color:#64748B !important;
    font-size:11px !important;
    font-weight:700 !important;
}

.ahq-filter input,
.ahq-filter select{
    min-height:42px;
    border:1px solid #DCE3EA !important;
    border-radius:11px !important;
    background:#FFFFFF !important;
    color:#1F2937 !important;

    padding:9px 12px !important;
    box-shadow:none !important;
}

.ahq-filter input:focus,
.ahq-filter select:focus{
    outline:none !important;
    border-color:#B88A2A !important;
    box-shadow:0 0 0 3px rgba(184,138,42,.10) !important;
}

.ahq-filter button{
    min-height:42px;
    border-radius:11px !important;
    background:#183153 !important;
    color:#FFFFFF !important;
    font-weight:750 !important;
    padding:9px 17px !important;
    box-shadow:none !important;
}

.ahq-filter button:hover{
    background:#24456F !important;
}


/* ---------------------------------------------------------
   FORMS
   --------------------------------------------------------- */

.ahq-content input[type="text"],
.ahq-content input[type="email"],
.ahq-content input[type="tel"],
.ahq-content input[type="url"],
.ahq-content input[type="date"],
.ahq-content input[type="time"],
.ahq-content input[type="number"],
.ahq-content input[type="password"],
.ahq-content select,
.ahq-content textarea{
    border:1px solid #DCE3EA;
    border-radius:11px;
    background:#FFFFFF;
    color:#1F2937;

    padding:10px 12px;
    transition:.16s ease;
}

.ahq-content textarea{
    line-height:1.5;
}

.ahq-content input:focus,
.ahq-content select:focus,
.ahq-content textarea:focus{
    outline:none;
    border-color:#B88A2A;
    box-shadow:0 0 0 3px rgba(184,138,42,.10);
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.ahq-content .button,
.ahq-content .ahq-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:38px;
    box-sizing:border-box;

    padding:8px 14px;
    border:1px solid #D7DEE7;
    border-radius:10px;

    background:#FFFFFF;
    color:#183153 !important;

    font-size:12px;
    font-weight:750;
    line-height:1;

    text-decoration:none !important;
    cursor:pointer;

    transition:.16s ease;
}

.ahq-content .button:hover,
.ahq-content .ahq-btn:hover{
    background:#F7F9FC;
    border-color:#C7D0DB;
    transform:translateY(-1px);
}

.ahq-content .button-primary{
    background:#183153 !important;
    border-color:#183153 !important;
    color:#FFFFFF !important;
}

.ahq-content .button-primary:hover{
    background:#24456F !important;
    border-color:#24456F !important;
}


/* ---------------------------------------------------------
   TABLES
   --------------------------------------------------------- */

.ahq-table-wrap{
    border:1px solid #E6EAF0;
    border-radius:14px;
    overflow:auto;
    background:#FFFFFF;
}

.ahq-table-wrap table{
    border-collapse:separate !important;
    border-spacing:0 !important;
    width:100%;
}

.ahq-table-wrap thead{
    background:#F8FAFC !important;
}

.ahq-table-wrap th{
    padding:12px 13px !important;
    color:#64748B !important;

    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.7px !important;
    text-transform:uppercase;

    border-bottom:1px solid #E3E8EF !important;
}

.ahq-table-wrap td{
    padding:13px !important;
    color:#1F2937 !important;

    border-bottom:1px solid #EEF1F4 !important;
    vertical-align:middle !important;
}

.ahq-table-wrap tbody tr{
    transition:.14s ease;
}

.ahq-table-wrap tbody tr:hover td{
    background:#FBFCFE !important;
}

.ahq-table-wrap tbody tr:last-child td{
    border-bottom:0 !important;
}

.ahq-table-wrap td b,
.ahq-table-wrap td strong{
    color:#183153 !important;
    font-weight:750 !important;
}

.ahq-table-wrap td small{
    color:#8491A3 !important;
}


/* ---------------------------------------------------------
   BADGES
   --------------------------------------------------------- */

.ahq-badge{
    padding:6px 10px !important;
    border-radius:999px !important;
    font-size:10px !important;
    font-weight:800 !important;
}

.ahq-badge.complete{
    background:#ECFDF3 !important;
    color:#15803D !important;
}

.ahq-badge.pending{
    background:#FFF7E6 !important;
    color:#B45309 !important;
}

.ahq-badge.permission{
    background:#EEF2FF !important;
    color:#4F46E5 !important;
}

.ahq-badge.not_filled{
    background:#F1F5F9 !important;
    color:#64748B !important;
}


/* ---------------------------------------------------------
   PAGINATION
   --------------------------------------------------------- */

.ahq-content .ahq-badge + .ahq-btn,
.ahq-content .ahq-btn{
    margin:2px;
}

.ahq-content .ahq-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
}


/* ---------------------------------------------------------
   ZOOM FORMS
   --------------------------------------------------------- */

.ahq-zoom-manage-panel{
    border-left:4px solid #7C3AED !important;
}

.ahq-zoom-manage-panel summary{
    color:#183153 !important;
    font-size:14px !important;
    font-weight:800 !important;
}

.ahq-zoom-front-form{
    gap:15px !important;
}

.ahq-zoom-front-form label{
    color:#475569 !important;
    font-weight:750 !important;
}


/* ---------------------------------------------------------
   MODULE COLOR ACCENTS
   --------------------------------------------------------- */

body.ahq-erp-portal-page .ahq-content .ahq-panel:first-child{
    position:relative;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

    .ahq-filter{
        flex-direction:column !important;
        align-items:stretch !important;
        padding:12px !important;
    }

    .ahq-filter input,
    .ahq-filter select,
    .ahq-filter button{
        width:100% !important;
        min-width:0 !important;
    }

    .ahq-table-wrap{
        border:0;
        background:transparent;
        overflow:visible;
    }

    .ahq-table-wrap table,
    .ahq-table-wrap tbody{
        display:block;
    }

    .ahq-table-wrap tr{
        display:block;
        background:#FFFFFF !important;
        border:1px solid #E4E9EF !important;
        border-radius:14px !important;
        padding:10px 12px !important;
        margin-bottom:10px !important;
        box-shadow:0 5px 16px rgba(24,49,83,.035);
    }

    .ahq-table-wrap td{
        display:block !important;
        padding:6px 0 !important;
        border:0 !important;
    }

    .ahq-content .button,
    .ahq-content .ahq-btn{
        min-height:40px;
    }
}


/* =========================================================
   AHQ ERP UI V2.6
   REPORT CENTER POLISH
   ========================================================= */


/* ---------------------------------------------------------
   QUICK REPORT CARDS
   --------------------------------------------------------- */

.ahq-quick-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px !important;
    margin-top:16px !important;
}

.ahq-quick-card{
    position:relative;
    display:grid !important;
    grid-template-columns:44px 1fr;
    grid-template-rows:auto auto;
    column-gap:12px;
    align-items:center;

    min-height:84px;
    padding:15px !important;

    border:1px solid #E3E8EF !important;
    border-radius:14px !important;
    background:#FFFFFF !important;

    text-decoration:none !important;
    transition:.16s ease;
}

.ahq-quick-card:hover{
    transform:translateY(-2px);
    border-color:#D6DEE8 !important;
    box-shadow:0 8px 22px rgba(24,49,83,.07);
}

.ahq-quick-card .dashicons{
    grid-row:1 / span 2;

    width:42px !important;
    height:42px !important;

    display:grid !important;
    place-items:center;

    border-radius:12px;
    font-size:20px !important;
}

.ahq-quick-card strong{
    color:#183153 !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.ahq-quick-card small{
    color:#7B8798 !important;
    font-size:10.5px !important;
    line-height:1.35;
}


/* monitoring */
.ahq-quick-card:nth-child(1) .dashicons{
    color:#16A34A !important;
    background:#ECFDF3 !important;
    box-shadow:inset 0 0 0 1px #D6F5DF;
}

/* attendance */
.ahq-quick-card:nth-child(2) .dashicons{
    color:#4F46E5 !important;
    background:#EEF2FF !important;
    box-shadow:inset 0 0 0 1px #E0E7FF;
}

/* book */
.ahq-quick-card:nth-child(3) .dashicons{
    color:#B7791F !important;
    background:#FFF8E8 !important;
    box-shadow:inset 0 0 0 1px #F7E9BE;
}


/* ---------------------------------------------------------
   REPORT FILTER
   --------------------------------------------------------- */

.ahq-content form[method="get"] label{
    color:#475569;
    font-size:11px;
    font-weight:750;
}

.ahq-content form[method="get"] select{
    min-width:180px;
}

.ahq-content .ahq-primary{
    min-height:40px !important;
    padding:9px 16px !important;

    border:0 !important;
    border-radius:10px !important;

    background:#0F766E !important;
    color:#FFFFFF !important;

    font-weight:800 !important;
}

.ahq-content .ahq-primary:hover{
    background:#115E59 !important;
}

.ahq-content a.ahq-inline{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:38px;
    padding:8px 13px;

    border-radius:9px;
    color:#2563EB !important;

    font-weight:700;
    text-decoration:none !important;
}

.ahq-content a.ahq-inline:hover{
    background:#EFF6FF;
}


/* ---------------------------------------------------------
   REPORT KPI
   --------------------------------------------------------- */

.ahq-stats-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px !important;
}

.ahq-stat-card{
    position:relative;
    overflow:hidden;

    min-height:105px;
    padding:17px 18px !important;

    border:1px solid #E4E9F0 !important;
    border-radius:15px !important;

    background:#FFFFFF !important;
    box-shadow:0 7px 20px rgba(24,49,83,.045);
}

.ahq-stat-card:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:4px;
}

.ahq-stat-card span{
    display:block;

    color:#64748B !important;
    font-size:11px !important;
    font-weight:750 !important;

    margin-bottom:9px;
}

.ahq-stat-card strong{
    display:block;

    color:#172033 !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:850 !important;
}


/* total */
.ahq-stat-card:nth-child(1):before{
    background:#0EA5E9;
}

/* paripurna */
.ahq-stat-card:nth-child(2):before{
    background:#B88A2A;
}

/* sangat baik */
.ahq-stat-card:nth-child(3):before{
    background:#16A34A;
}

/* bertumbuh */
.ahq-stat-card:nth-child(4):before{
    background:#8B5CF6;
}


/* ---------------------------------------------------------
   REPORT TABLE
   --------------------------------------------------------- */

.ahq-content .ahq-table-wrap td:nth-child(4){
    min-width:160px;
}

.ahq-content .ahq-table-wrap td:nth-child(4) > strong{
    font-size:12px !important;
}


/* progress */
.ahq-content .ahq-table-wrap td:nth-child(4) > div{
    height:9px !important;
    margin-top:7px !important;

    background:#EAF0EE !important;
    border-radius:999px !important;
}

.ahq-content .ahq-table-wrap td:nth-child(4) > div > div{
    border-radius:999px !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}


/* hasil perjalanan */
.ahq-content .ahq-table-wrap td:nth-child(5){
    font-weight:700;
    color:#475569 !important;
}


/* journey report button */
.ahq-content .ahq-table-wrap td:last-child a.ahq-inline{
    min-height:34px;
    padding:7px 11px;

    border:1px solid #D9E2EC;
    border-radius:9px;

    background:#F8FAFC;
    color:#183153 !important;

    font-size:10.5px;
    font-weight:800;
    white-space:nowrap;
}

.ahq-content .ahq-table-wrap td:last-child a.ahq-inline:hover{
    background:#183153;
    border-color:#183153;
    color:#FFFFFF !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:1100px){

    .ahq-stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

}

@media(max-width:760px){

    .ahq-quick-grid{
        grid-template-columns:1fr !important;
    }

    .ahq-stats-grid{
        grid-template-columns:1fr 1fr !important;
    }

    .ahq-stat-card{
        min-height:90px;
        padding:14px !important;
    }

    .ahq-stat-card strong{
        font-size:25px !important;
    }

}

@media(max-width:480px){

    .ahq-stats-grid{
        grid-template-columns:1fr !important;
    }

}


/* =========================================================
   AHQ ERP UI V2.7
   BOOK JOURNEY V2
   ========================================================= */


/* KPI */

.ahq-book-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

.ahq-book-kpi{
    display:flex;
    align-items:center;
    gap:12px;

    min-height:82px;
    padding:14px;

    border:1px solid #E3E8EF;
    border-radius:14px;

    background:#FFFFFF;
}

.ahq-book-kpi > .dashicons{
    width:40px;
    height:40px;

    display:grid;
    place-items:center;

    border-radius:11px;

    font-size:19px;
}

.ahq-book-kpi small{
    display:block;
    margin-bottom:5px;

    color:#718096;
    font-size:10px;
    font-weight:750;
}

.ahq-book-kpi strong{
    display:block;

    color:#172033;
    font-size:25px;
    line-height:1;
}

.ahq-book-kpi.total > .dashicons{
    color:#0284C7;
    background:#EFF9FF;
}

.ahq-book-kpi.not-started > .dashicons{
    color:#64748B;
    background:#F1F5F9;
}

.ahq-book-kpi.progress > .dashicons{
    color:#B7791F;
    background:#FFF8E8;
}

.ahq-book-kpi.done > .dashicons{
    color:#16A34A;
    background:#ECFDF3;
}


/* FILTER */

.ahq-book-filter-panel{
    margin-top:16px;
}

.ahq-book-filter{
    display:grid;
    grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(135px,1fr)) auto auto;
    gap:10px;
    align-items:end;
}

.ahq-book-filter label{
    display:flex;
    flex-direction:column;
    gap:5px;

    color:#64748B;
    font-size:10px;
    font-weight:800;
}

.ahq-book-filter input,
.ahq-book-filter select{
    width:100%;
    min-height:40px;
}

.ahq-book-reset{
    min-height:40px;
    padding:0 12px;

    display:flex;
    align-items:center;

    color:#64748B !important;
    font-size:11px;
    font-weight:750;
    text-decoration:none !important;
}

.ahq-book-result-count{
    margin-top:13px;

    color:#718096;
    font-size:10.5px;
}

.ahq-book-result-count strong{
    color:#183153;
}


/* TABLE */

.ahq-book-list{
    margin-top:16px;
}

.ahq-book-member-name{
    font-weight:800 !important;
}


/* LEVEL BADGE */

.ahq-book-level{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:31px;
    padding:4px 7px;
    margin-right:7px;

    border-radius:7px;

    font-size:9px;
    font-weight:850;
}

.ahq-book-level.l4{
    color:#9A6700;
    background:#FFF7E0;
}

.ahq-book-level.l5{
    color:#6D28D9;
    background:#F3EFFF;
}


/* STAGE BADGE */

.ahq-book-stage{
    display:inline-flex;
    align-items:center;

    padding:6px 9px;

    border:1px solid #E2E8F0;
    border-radius:8px;

    background:#F8FAFC;
    color:#475569;

    font-size:10.5px;
    font-weight:700;
}


/* PROGRESS */

.ahq-book-progress-cell{
    min-width:175px;
}

.ahq-book-progress-head{
    margin-bottom:7px;
}

.ahq-book-progress-head strong{
    font-size:11px !important;
}

.ahq-book-progress-track{
    height:9px;

    overflow:hidden;

    background:#E8EFEC;
    border-radius:999px;
}

.ahq-book-progress-fill{
    height:100%;
    border-radius:999px;

    transition:width .25s ease;
}

.ahq-book-progress-fill.not-started{
    background:#CBD5E1;
}

.ahq-book-progress-fill.progress{
    background:linear-gradient(90deg,#0EA5A4,#B88A2A);
}

.ahq-book-progress-fill.done{
    background:#16A34A;
}


/* ACTION */

.ahq-book-action{
    text-align:right;
}

.ahq-book-open{
    display:inline-flex;
    align-items:center;
    gap:7px;

    min-height:36px;
    padding:8px 12px;

    border-radius:9px;

    background:#0F766E;
    color:#FFFFFF !important;

    font-size:10.5px;
    font-weight:800;

    text-decoration:none !important;
    white-space:nowrap;

    transition:.15s ease;
}

.ahq-book-open:hover{
    background:#115E59;
    transform:translateY(-1px);
}

.ahq-book-open span{
    font-size:14px;
}


/* RESPONSIVE */

@media(max-width:1200px){

    .ahq-book-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ahq-book-filter{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}

@media(max-width:760px){

    .ahq-book-kpis{
        grid-template-columns:1fr 1fr;
    }

    .ahq-book-filter{
        display:flex;
        flex-direction:column;
        align-items:stretch;
    }

    .ahq-book-filter > *{
        width:100%;
    }

    .ahq-book-action{
        text-align:left;
        padding-top:8px !important;
    }

}

@media(max-width:480px){

    .ahq-book-kpis{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   AHQ ERP UI V2.8
   BUTTON CONTRAST FIX
   ========================================================= */

/* Primary buttons: selalu putih */
.ahq-content .ahq-primary,
.ahq-content a.ahq-primary,
.ahq-content button.ahq-primary,
.ahq-content .ahq-primary.ahq-inline,
.ahq-content a.ahq-primary.ahq-inline{
    background:#0F766E !important;
    border-color:#0F766E !important;
    color:#FFFFFF !important;
    text-decoration:none !important;
}

.ahq-content .ahq-primary:hover,
.ahq-content a.ahq-primary:hover,
.ahq-content button.ahq-primary:hover,
.ahq-content .ahq-primary.ahq-inline:hover,
.ahq-content a.ahq-primary.ahq-inline:hover{
    background:#115E59 !important;
    border-color:#115E59 !important;
    color:#FFFFFF !important;
}


/* WordPress primary button */
.ahq-content .button-primary,
.ahq-content a.button-primary,
.ahq-content button.button-primary{
    background:#183153 !important;
    border-color:#183153 !important;
    color:#FFFFFF !important;
}

.ahq-content .button-primary:hover,
.ahq-content a.button-primary:hover,
.ahq-content button.button-primary:hover{
    background:#24456F !important;
    border-color:#24456F !important;
    color:#FFFFFF !important;
}


/* Tombol hijau custom */
.ahq-content a[style*="background:#0F766E"],
.ahq-content a[style*="background: #0F766E"],
.ahq-content button[style*="background:#0F766E"],
.ahq-content button[style*="background: #0F766E"]{
    color:#FFFFFF !important;
}


/* Icon / span di dalam primary ikut putih */
.ahq-content .ahq-primary .dashicons,
.ahq-content .ahq-primary span,
.ahq-content .button-primary .dashicons,
.ahq-content .button-primary span{
    color:inherit !important;
}


/* Disabled tetap terbaca */
.ahq-content .ahq-primary:disabled,
.ahq-content .button-primary:disabled,
.ahq-content .ahq-primary.disabled,
.ahq-content .button-primary.disabled{
    opacity:.55;
    cursor:not-allowed;
}



/* =========================================================
   AHQ ERP UI V2.9
   TEAM DIRECTORY V3
   ========================================================= */

.ahq-team-directory-v3{
    overflow:hidden;
}


/* HEADER */

.ahq-team-directory-v3 .ahq-panel-head{
    margin-bottom:18px;
}

.ahq-team-directory-v3 .ahq-panel-head h3{
    margin:3px 0 4px;
    font-size:20px;
    line-height:1.25;
    letter-spacing:-.02em;
}

.ahq-team-directory-v3 .ahq-panel-head p{
    margin:0 0 3px;
    color:#475569;
    font-size:13px;
}

.ahq-team-directory-v3 .ahq-panel-head small{
    color:#94A3B8;
    font-size:11px;
}


/* TOOLBAR */

.ahq-team-toolbar{
    display:grid;
    grid-template-columns:minmax(260px,1fr) 220px auto;
    align-items:center;
    gap:10px;
    margin:0 0 16px;
    padding:12px;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    border-radius:14px;
}

.ahq-team-search{
    position:relative;
}

.ahq-team-search .dashicons{
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    font-size:18px;
    color:#94A3B8;
    pointer-events:none;
}

.ahq-team-search input{
    width:100%;
    min-height:42px;
    margin:0 !important;
    padding:8px 12px 8px 39px !important;
    border:1px solid #CBD5E1 !important;
    border-radius:10px !important;
    background:#FFFFFF !important;
    box-shadow:none !important;
    font-size:13px !important;
}

.ahq-team-toolbar select{
    width:100%;
    min-height:42px;
    margin:0 !important;
    border:1px solid #CBD5E1 !important;
    border-radius:10px !important;
    background:#FFFFFF !important;
    font-size:13px !important;
}

.ahq-team-search input:focus,
.ahq-team-toolbar select:focus{
    border-color:#0F766E !important;
    box-shadow:0 0 0 3px rgba(15,118,110,.10) !important;
    outline:none !important;
}

.ahq-team-result{
    display:flex;
    align-items:baseline;
    justify-content:flex-end;
    gap:5px;
    white-space:nowrap;
    color:#64748B;
    font-size:11px;
}

.ahq-team-result strong{
    color:#0F172A;
    font-size:16px;
}


/* GRID */

.ahq-team-directory-v3 .ahq-team-grid{
    gap:14px;
}


/* CARD */

.ahq-team-directory-v3 .ahq-team-card{
    position:relative;
    gap:15px;
    min-height:126px;
    padding:17px;
    border:1px solid #E2E8F0;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:
        0 1px 2px rgba(15,23,42,.02),
        0 6px 18px rgba(15,23,42,.035);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.ahq-team-directory-v3 .ahq-team-card::before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    bottom:16px;
    width:3px;
    border-radius:0 999px 999px 0;
    background:#CBD5E1;
}

.ahq-team-directory-v3 .ahq-team-card:hover{
    transform:translateY(-2px);
    border-color:#CBD5E1;
    box-shadow:
        0 4px 8px rgba(15,23,42,.04),
        0 12px 28px rgba(15,23,42,.07);
}


/* ROLE ACCENT */

.ahq-team-directory-v3 .ahq-team-card--pic::before{
    background:#0F766E;
}

.ahq-team-directory-v3 .ahq-team-card--pendamping::before{
    background:#4F46E5;
}

.ahq-team-directory-v3 .ahq-team-card--pemateri::before{
    background:#D97706;
}

.ahq-team-directory-v3 .ahq-team-card--super-admin::before{
    background:#0F172A;
}


/* AVATAR */

.ahq-team-directory-v3 .ahq-team-avatar{
    width:70px;
    height:70px;
    min-width:70px;
    background:
        linear-gradient(
            145deg,
            #F8FAFC,
            #E2E8F0
        );
    border:3px solid #FFFFFF;
    outline:1px solid #E2E8F0;
    box-shadow:0 4px 12px rgba(15,23,42,.08);
    color:#334155;
}

.ahq-team-directory-v3 .ahq-team-photo{
    width:70px !important;
    height:70px !important;
}


/* NAME */

.ahq-team-directory-v3 .ahq-team-info h3{
    margin:0 0 3px;
    color:#0F172A;
    font-size:15px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:-.01em;
}


/* MEMBER CODE */

.ahq-team-directory-v3 .ahq-team-induk{
    margin-bottom:8px;
    color:#64748B;
    font-size:11px;
    opacity:1;
}

.ahq-team-directory-v3 .ahq-team-induk b{
    color:#334155;
}


/* BADGES */

.ahq-team-directory-v3 .ahq-team-roles{
    gap:5px;
    margin:0 0 9px;
}

.ahq-team-directory-v3 .ahq-team-role{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:4px 8px;
    border:1px solid transparent;
    border-radius:999px;
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:.025em;
    white-space:nowrap;
}


/* PIC */

.ahq-team-directory-v3 .ahq-team-role--pic{
    color:#0F766E;
    background:#F0FDFA;
    border-color:#99F6E4;
}


/* MENTOR PENDAMPING */

.ahq-team-directory-v3 .ahq-team-role--pendamping{
    color:#4338CA;
    background:#EEF2FF;
    border-color:#C7D2FE;
}


/* MENTOR PEMATERI */

.ahq-team-directory-v3 .ahq-team-role--pemateri{
    color:#A16207;
    background:#FFFBEB;
    border-color:#FDE68A;
}


/* SUPER ADMIN */

.ahq-team-directory-v3 .ahq-team-role--super-admin{
    color:#FFFFFF;
    background:#0F172A;
    border-color:#0F172A;
}


/* ADMIN */

.ahq-team-directory-v3 .ahq-team-role--admin{
    color:#334155;
    background:#F1F5F9;
    border-color:#CBD5E1;
}


/* CONTACT */

.ahq-team-directory-v3 .ahq-team-contact{
    margin:3px 0 !important;
    color:#64748B;
    font-size:11px;
    line-height:1.4;
}


/* EMPTY */

.ahq-team-empty{
    padding:30px 15px;
    text-align:center;
    color:#64748B;
    font-size:13px;
    background:#F8FAFC;
    border:1px dashed #CBD5E1;
    border-radius:14px;
}


/* HIDDEN FILTERED CARD */

.ahq-team-directory-v3 .ahq-team-card[hidden]{
    display:none !important;
}


/* TABLET */

@media(max-width:900px){

    .ahq-team-toolbar{
        grid-template-columns:1fr 190px;
    }

    .ahq-team-result{
        grid-column:1 / -1;
        justify-content:flex-start;
    }

}


/* MOBILE */

@media(max-width:767px){

    .ahq-team-toolbar{
        grid-template-columns:1fr;
        padding:10px;
    }

    .ahq-team-result{
        grid-column:auto;
    }

    .ahq-team-directory-v3 .ahq-team-grid{
        gap:9px;
    }

    .ahq-team-directory-v3 .ahq-team-card{
        min-height:0;
        gap:12px;
        padding:14px;
        border-radius:14px;
    }

    .ahq-team-directory-v3 .ahq-team-card::before{
        top:13px;
        bottom:13px;
    }

    .ahq-team-directory-v3 .ahq-team-avatar,
    .ahq-team-directory-v3 .ahq-team-photo{
        width:58px !important;
        height:58px !important;
        min-width:58px;
    }

    .ahq-team-directory-v3 .ahq-team-info h3{
        font-size:14px;
    }

    .ahq-team-directory-v3 .ahq-team-role{
        font-size:8.5px;
        padding:4px 7px;
    }

}


/* =========================================================
   TEAM DIRECTORY V3 — EDIT PROFILE ACTION
   ========================================================= */

.ahq-team-actions{
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid #F1F5F9;
}

.ahq-team-edit{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:30px;
    padding:5px 9px;
    border:1px solid #CBD5E1;
    border-radius:8px;
    background:#FFFFFF;
    color:#334155 !important;
    font-size:10px;
    line-height:1;
    font-weight:700;
    text-decoration:none !important;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.ahq-team-edit .dashicons{
    width:14px;
    height:14px;
    font-size:14px;
    color:inherit !important;
}

.ahq-team-edit:hover{
    background:#F8FAFC;
    border-color:#94A3B8;
    color:#0F172A !important;
}


/* =========================================================
   TEAM DIRECTORY V3 — INLINE EDIT
   ========================================================= */

.ahq-team-edit-panel{
    margin:0 0 20px;
    padding:18px;
    background:#FFFFFF;
    border:1px solid #DDE4EC;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.ahq-team-edit-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
}

.ahq-team-edit-head h3{
    margin:3px 0 2px;
    font-size:18px;
}

.ahq-team-edit-head p{
    margin:0;
    color:#64748B;
    font-size:12px;
}

.ahq-team-edit-cancel,
.ahq-team-edit-cancel-link{
    color:#64748B !important;
    text-decoration:none !important;
    font-size:12px;
    font-weight:700;
}

.ahq-team-edit-cancel:hover,
.ahq-team-edit-cancel-link:hover{
    color:#0F172A !important;
}

.ahq-team-edit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.ahq-team-edit-grid label{
    display:grid;
    gap:6px;
}

.ahq-team-edit-grid label > span{
    color:#334155;
    font-size:11px;
    font-weight:700;
}

.ahq-team-edit-grid input,
.ahq-team-edit-grid select{
    width:100%;
    min-height:42px;
    margin:0 !important;
    border:1px solid #CBD5E1 !important;
    border-radius:10px !important;
    background:#FFFFFF !important;
    box-shadow:none !important;
    font-size:13px !important;
}

.ahq-team-edit-grid input:focus,
.ahq-team-edit-grid select:focus{
    border-color:#0F766E !important;
    box-shadow:0 0 0 3px rgba(15,118,110,.10) !important;
    outline:none !important;
}

.ahq-team-edit-roles{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:15px;
}

.ahq-team-edit-roles label{
    display:flex;
    align-items:flex-start;
    gap:9px;
    min-height:72px;
    padding:12px;
    border:1px solid #E2E8F0;
    border-radius:12px;
    background:#F8FAFC;
    cursor:pointer;
}

.ahq-team-edit-roles input{
    margin-top:3px;
}

.ahq-team-edit-roles span{
    display:grid;
    gap:3px;
}

.ahq-team-edit-roles b{
    color:#0F172A;
    font-size:12px;
}

.ahq-team-edit-roles small{
    color:#64748B;
    font-size:10px;
    line-height:1.35;
}

.ahq-team-edit-footer{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:16px;
}

.ahq-team-edit-footer .ahq-primary{
    min-height:38px;
    padding:8px 14px;
    border:0;
    border-radius:9px;
    cursor:pointer;
    font-size:12px;
    font-weight:800;
}

.ahq-team-notice{
    margin:0 0 14px;
    padding:11px 13px;
    border-radius:10px;
    font-size:12px;
    font-weight:700;
}

.ahq-team-notice--success{
    color:#166534;
    background:#F0FDF4;
    border:1px solid #BBF7D0;
}

.ahq-team-notice--error{
    color:#991B1B;
    background:#FEF2F2;
    border:1px solid #FECACA;
}

@media(max-width:767px){

    .ahq-team-edit-grid,
    .ahq-team-edit-roles{
        grid-template-columns:1fr;
    }

    .ahq-team-edit-panel{
        padding:14px;
        border-radius:14px;
    }

}


/* =========================================================
   AHQ ERP DASHBOARD FINAL LOCK V1
   Final KPI palette + white typography
   ========================================================= */

@media(min-width:769px){

  /* MEMBER AKTIF — BLUE */
  body.ahq-erp-portal-page .ahq-stats > .stat-members{
    background:
      linear-gradient(135deg,#4E7CF0 0%,#315FC8 100%)!important;
    border-color:transparent!important;
  }

  /* BATCH AKTIF — TOSCA */
  body.ahq-erp-portal-page .ahq-stats > .stat-batch{
    background:
      linear-gradient(135deg,#27B7A8 0%,#148A7E 100%)!important;
    border-color:transparent!important;
  }

  /* MENTOR — MAROON */
  body.ahq-erp-portal-page .ahq-stats > .stat-mentor{
    background:
      linear-gradient(135deg,#A33A63 0%,#7B2247 100%)!important;
    border-color:transparent!important;
  }

  /* MONITORING — INDIGO */
  body.ahq-erp-portal-page .ahq-stats > .stat-monitor{
    background:
      linear-gradient(135deg,#6D5DD3 0%,#4B3FA8 100%)!important;
    border-color:transparent!important;
  }

  /* LABEL */
  body.ahq-erp-portal-page .ahq-stats > div > span{
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
    opacity:1!important;
    font-weight:700!important;
    text-shadow:0 1px 2px rgba(0,0,0,.14)!important;
  }

  /* ANGKA */
  body.ahq-erp-portal-page .ahq-stats > div > b{
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
    opacity:1!important;
    font-weight:800!important;
    text-shadow:0 2px 5px rgba(0,0,0,.15)!important;
  }

  /* KETERANGAN */
  body.ahq-erp-portal-page .ahq-stats > div > small{
    color:rgba(255,255,255,.90)!important;
    -webkit-text-fill-color:rgba(255,255,255,.90)!important;
    opacity:1!important;
  }

  /* ICON BOX */
  body.ahq-erp-portal-page .ahq-stats > div > i{
    color:#FFFFFF!important;
    background:rgba(255,255,255,.16)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)!important;
  }

  body.ahq-erp-portal-page .ahq-stats > div > i:before{
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
  }

  /* DECORATIVE ACCENT */
  body.ahq-erp-portal-page .ahq-stats > div:before{
    background:rgba(255,255,255,.10)!important;
  }

}


/* =========================================================
   AHQ ERP MEMBER TABLE V2 SAFE
   Header + Badge + Action Only
   ========================================================= */

.ahq-member-table-wrap{
  border:1px solid #E2E8E5!important;
  border-radius:16px!important;
  overflow:auto!important;
  background:#fff!important;
}

/* HEADER */
.ahq-member-table-wrap thead th{
  background:
    linear-gradient(135deg,#244D70 0%,#1C6D63 100%)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-weight:800!important;
  font-size:11px!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
  padding:13px 14px!important;
  border-bottom:0!important;
}

/* ROW */
.ahq-member-table-wrap tbody td{
  padding:13px 14px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #EDF2F0!important;
}

.ahq-member-table-wrap tbody tr:hover td{
  background:#F7FBF9!important;
}

/* MEMBER NAME */
.ahq-member-table-wrap tbody td:first-child b a{
  color:#17375F!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.ahq-member-table-wrap tbody td:first-child b a:hover{
  color:#148469!important;
}

.ahq-member-table-wrap tbody td small{
  display:block!important;
  margin-top:3px!important;
  color:#8A9691!important;
  font-size:10px!important;
}

/* MENTOR SELECT */
.ahq-member-table-wrap td:nth-child(3) select{
  border:1px solid #D8E2DE!important;
  border-radius:9px!important;
  background:#fff!important;
}

/* SIMPAN */
.ahq-member-table-wrap td:nth-child(3) .ahq-btn{
  background:#E7F4F0!important;
  color:#147A64!important;
  border:1px solid #CFE7DF!important;
  border-radius:9px!important;
  font-weight:800!important;
}

/* STATUS */
.ahq-member-table-wrap td:nth-child(5) .ahq-badge{
  background:#E8F6F1!important;
  color:#147A64!important;
  border:1px solid #CFE8DF!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* EDIT MENTOR */
.ahq-member-table-wrap td:nth-child(6) .ahq-btn{
  background:#FFFFFF!important;
  color:#176B5A!important;
  border:1px solid #D3E2DD!important;
  border-radius:9px!important;
  font-weight:800!important;
}

.ahq-member-table-wrap td:nth-child(6) .ahq-btn:hover{
  background:#EDF8F4!important;
  border-color:#BCD9D0!important;
}

/* MOBILE */
@media(max-width:760px){

  .ahq-member-table-wrap thead{
    display:none!important;
  }

  .ahq-member-table-wrap tbody tr{
    border:1px solid #E1E9E6!important;
    border-radius:14px!important;
    background:#fff!important;
  }

}


/* =========================================================
   AHQ ERP MEMBER HEADER FIX V2B
   Desktop Header Force
   ========================================================= */

@media(min-width:761px){

  .ahq-member-table-wrap thead{
    display:table-header-group!important;
    visibility:visible!important;
  }

  .ahq-member-table-wrap thead tr{
    display:table-row!important;
    visibility:visible!important;
  }

  .ahq-member-table-wrap thead th{
    display:table-cell!important;
    visibility:visible!important;

    background:#183F5C!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;

    padding:13px 14px!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.3px!important;
    text-transform:none!important;

    border-bottom:0!important;
  }

  .ahq-member-table-wrap thead th:first-child{
    border-radius:14px 0 0 0!important;
  }

  .ahq-member-table-wrap thead th:last-child{
    border-radius:0 14px 0 0!important;
  }

}


/* =========================================================
   AHQ ERP MEMBER HEADER V3
   Route-safe via unique Member search form
   ========================================================= */

@media(min-width:761px){

  body.ahq-erp-portal-page
  .ahq-content:has(input[placeholder*="Cari nama"])
  .ahq-table-wrap thead{
    display:table-header-group!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.ahq-erp-portal-page
  .ahq-content:has(input[placeholder*="Cari nama"])
  .ahq-table-wrap thead tr{
    display:table-row!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.ahq-erp-portal-page
  .ahq-content:has(input[placeholder*="Cari nama"])
  .ahq-table-wrap thead th{
    display:table-cell!important;
    visibility:visible!important;
    opacity:1!important;

    background:#183F5C!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;

    font-size:11px!important;
    font-weight:800!important;
    line-height:1.3!important;
    letter-spacing:.25px!important;
    text-transform:none!important;

    padding:13px 14px!important;
    height:auto!important;
    min-height:0!important;

    border-bottom:0!important;
  }

}


/* =========================================================
   AHQ ERP MOBILE SCROLL FIX V1
   Prevent page scroll lock on mobile
   ========================================================= */

@media(max-width:768px){

  html{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.ahq-erp-portal-page:not(.ahq-menu-open){
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    position:static!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.ahq-erp-portal-page .ahq-app-shell,
  body.ahq-erp-portal-page .ahq-main,
  body.ahq-erp-portal-page .ahq-content{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  /* Drawer tetap mengunci halaman saat benar-benar terbuka */
  body.ahq-erp-portal-page.ahq-menu-open{
    overflow:hidden!important;
  }

}


/* =========================================================
   AHQ ERP MOBILE CLICK FIX V1
   Hidden drawer overlay must never block touch
   ========================================================= */

@media(max-width:768px){

  body.ahq-erp-portal-page .ahq-sidebar-overlay{
    pointer-events:none!important;
  }

  body.ahq-erp-portal-page .ahq-sidebar-overlay.open{
    pointer-events:auto!important;
  }

  /* Loading visual jangan pernah menangkap sentuhan */
  body.ahq-erp-portal-page .ahq-fast-loading .ahq-content::before,
  body.ahq-erp-portal-page .ahq-fast-loading .ahq-content::after{
    pointer-events:none!important;
  }

}


/* =========================================================
   AHQ ERP ASTRA MOBILE CONFLICT FIX V1
   ERP memakai drawer sendiri, nonaktifkan drawer Astra
   ========================================================= */

body.ahq-erp-portal-page #ast-mobile-popup,
body.ahq-erp-portal-page .ast-mobile-popup-drawer,
body.ahq-erp-portal-page .ast-mobile-popup-overlay,
body.ahq-erp-portal-page .ast-mobile-popup-inner,
body.ahq-erp-portal-page .ast-mobile-popup-content{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* pastikan shell ERP tetap menerima touch */
body.ahq-erp-portal-page .ahq-app-shell,
body.ahq-erp-portal-page .ahq-main,
body.ahq-erp-portal-page .ahq-content{
  pointer-events:auto!important;
}

@media(max-width:768px){

  body.ahq-erp-portal-page:not(.ahq-menu-open){
    overflow-y:auto!important;
    touch-action:pan-y!important;
  }

  body.ahq-erp-portal-page .ahq-menu-toggle,
  body.ahq-erp-portal-page .ahq-topbar,
  body.ahq-erp-portal-page .ahq-content{
    pointer-events:auto!important;
  }

}