:root{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:#1f2937;background:#f3f6f9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font-family:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#173b63,#285e91)}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 20px 60px #0003}.brand{font-size:30px;font-weight:800;color:#173b63}.sub{color:#667085;margin:6px 0 24px}.field{margin:14px 0}.field label{display:block;margin-bottom:7px;font-weight:700}.field input{width:100%;padding:13px;border:1px solid #d0d5dd;border-radius:10px;font-size:16px}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.btn-primary{background:#173b63;color:#fff}.btn-danger{background:#b42318;color:#fff}.btn-secondary{background:#eaf0f6;color:#173b63}.full{width:100%}.msg{margin-top:14px;color:#b42318}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#173b63;color:#fff;padding:24px}.side .brand{color:#fff}.nav{display:grid;gap:8px;margin-top:24px}.nav button{color:#fff;background:transparent;border:0;text-align:start;padding:12px;border-radius:9px;cursor:pointer}.nav button:hover,.nav button.active{background:#ffffff1f}.main{padding:28px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:18px}.value{font-size:28px;font-weight:800;color:#173b63}.table-wrap{overflow:auto;background:#fff;border-radius:14px;border:1px solid #e4e7ec}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:start}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#667085}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2f6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.section{margin-top:24px}.toast{position:fixed;inset-inline-end:20px;bottom:20px;background:#111827;color:#fff;padding:12px 16px;border-radius:10px;z-index:1000}@media(max-width:780px){.shell{grid-template-columns:1fr}.side{position:static}.main{padding:16px}.top{align-items:flex-start;flex-direction:column}}

/* ===== Employees split workspace ===== */

.employees-workspace{
    display:grid;
    grid-template-columns:1fr;
    gap:24px;
    align-items:start;
    margin-top:18px;
}

.employees-list-panel,
.employees-profile-panel{
    width:100%;
    min-width:0;
}

.employees-list-panel{
    margin:0;
    overflow:hidden;
}

.employees-profile-panel{
    min-width:0;
}

.employee-profile-container{
    min-height:420px;
}

.employees-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.employees-panel-head h3{
    margin:0;
}

.employee-search-wrap{
    margin-bottom:14px;
}

.employee-search-wrap input{
    width:100%;
    min-height:42px;
    padding:9px 13px;
    border:1px solid #d5dee8;
    border-radius:9px;
    background:#fff;
    font:inherit;
}

.employee-name-link{
    border:0;
    background:transparent;
    color:#174a7e;
    font:inherit;
    font-weight:700;
    cursor:pointer;
    padding:3px 0;
}

.employee-name-link:hover{
    text-decoration:underline;
}

.employee-actions{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}

.employee-status{
    display:inline-block;
    padding:4px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.employee-status-active{
    background:#e8f7ee;
    color:#18794e;
}

.employee-status-inactive{
    background:#fff0e6;
    color:#a64b00;
}

.employee-profile-empty{
    min-height:420px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:#fff;
    border:1px solid #e1e7ee;
    border-radius:12px;
}

.employee-profile-empty-icon{
    font-size:42px;
    margin-bottom:10px;
}

#employee-edit-box > .card{
    margin-top:0;
}

@media (max-width:1250px){
    .employees-workspace{
        grid-template-columns:1fr;
    }

    .employee-profile-container{
        min-height:auto;
    }

    .employee-profile-empty{
        min-height:220px;
    }
}


/* ===== Employee list typography refinement ===== */

.employees-list-panel{
    font-size:14px;
}

.employees-list-panel .table{
    font-size:14px;
}

.employees-list-panel .table th{
    font-size:14px;
    font-weight:700;
    padding:11px 8px;
    white-space:nowrap;
}

.employees-list-panel .table td{
    font-size:14px;
    padding:10px 8px;
    vertical-align:middle;
    line-height:1.35;
}

/* اسم الموظف */
.employee-name-link{
    font-size:14px !important;
    font-weight:700;
    line-height:1.3;
}

/* الرقم والقسم والدور */
#employees-main-table td{
    font-size:14px;
}

/* حالة الموظف */
.employee-status{
    font-size:12px;
    padding:4px 9px;
    line-height:1.2;
}

/* أزرار الإجراءات */
.employee-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
}

.employee-actions .btn{
    font-size:11px;
    padding:6px 9px;
    min-height:30px;
    line-height:1.2;
    white-space:nowrap;
}

/* عنوان قائمة الموظفين */
.employees-panel-head h3{
    font-size:20px;
    font-weight:700;
}

.employees-panel-head .muted{
    font-size:13px;
}

/* مربع البحث */
.employee-search-wrap input{
    font-size:14px;
}

/* الجزء الفارغ لملف الموظف */
.employee-profile-empty h3{
    font-size:20px;
}

.employee-profile-empty .muted{
    font-size:14px;
}

/* منع تضخم عمود الاسم */
#employees-main-table td:nth-child(2){
    min-width:120px;
}


.employee-completion{
    min-width:95px;
}

.employee-completion-text{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    font-size:11px;
    margin-bottom:4px;
}

.employee-completion-text strong{
    color:#174a7e;
    font-size:12px;
}

.employee-completion-text span{
    color:#6b7785;
}

.employee-completion-bar{
    width:100%;
    height:6px;
    background:#e5ebf1;
    border-radius:999px;
    overflow:hidden;
}

.employee-completion-bar > div{
    height:100%;
    background:#174a7e;
    border-radius:999px;
}


.payroll-mini-input{
    width:82px;
    min-width:72px;
    padding:6px 5px;
    border:1px solid #d5dee8;
    border-radius:6px;
    font:inherit;
    font-size:12px;
}


/* =========================================================
   Finance Page - Responsive Payroll Layout
   ========================================================= */

#finance-payroll-area{
    width:100%;
    min-width:0;
}

/* بطاقات الملخص */
#finance-payroll-area .cards{
    grid-template-columns:repeat(3,minmax(180px,1fr));
    gap:12px;
}

#finance-payroll-area .cards .card{
    padding:15px;
}

#finance-payroll-area .cards .value{
    font-size:22px;
}

/* حاوية الجدول */
#finance-payroll-area .table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    border-radius:10px;
    -webkit-overflow-scrolling:touch;
}

/* جدول الرواتب */
#finance-payroll-area .table{
    width:max-content;
    min-width:100%;
    border-collapse:collapse;
    font-size:11px;
    white-space:nowrap;
}

#finance-payroll-area .table th{
    font-size:11px;
    font-weight:700;
    padding:9px 7px;
    vertical-align:middle;
    text-align:center;
    white-space:nowrap;
}

#finance-payroll-area .table td{
    font-size:11px;
    padding:7px 6px;
    vertical-align:middle;
    text-align:center;
    line-height:1.25;
}

/* اسم الموظف */
#finance-payroll-area .table td:first-child{
    min-width:125px;
    text-align:start;
    white-space:normal;
}

#finance-payroll-area .table td:first-child strong{
    font-size:12px;
}

/* الحقول الرقمية */
#finance-payroll-area .payroll-mini-input{
    width:68px;
    min-width:68px;
    height:30px;
    padding:4px 5px;
    font-size:11px;
    text-align:center;
}

/* أزرار إجراءات المالية */
#finance-payroll-area .employee-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    min-width:110px;
}

#finance-payroll-area .employee-actions .btn{
    font-size:10px;
    padding:5px 7px;
    min-height:28px;
    white-space:nowrap;
}

/* إبراز الصافي */
#finance-payroll-area .table td strong{
    color:#173b63;
}

/* رأس جدول المالية */
#finance-payroll-area thead th{
    position:sticky;
    top:0;
    z-index:2;
    background:#f4f7fa;
}

/* جعل عمود الموظف ثابت أثناء التمرير الأفقي */
#finance-payroll-area th:first-child,
#finance-payroll-area td:first-child{
    position:sticky;
    inset-inline-start:0;
    z-index:3;
    background:#fff;
}

#finance-payroll-area thead th:first-child{
    background:#f4f7fa;
    z-index:4;
}

/* قسم اختيار الشهر */
#content > .card .form-grid{
    align-items:end;
}

/* الأجهزة المتوسطة */
@media (max-width:1200px){
    #finance-payroll-area .cards{
        grid-template-columns:repeat(3,1fr);
    }

    #finance-payroll-area .table{
        font-size:10px;
    }

    #finance-payroll-area .table th,
    #finance-payroll-area .table td{
        font-size:10px;
        padding:6px 5px;
    }
}

/* الجوال */
@media (max-width:700px){
    #finance-payroll-area .cards{
        grid-template-columns:1fr;
    }

    #finance-payroll-area .payroll-mini-input{
        width:62px;
        min-width:62px;
    }
}


/* =========================================================
   Finance Employee Cards
   ========================================================= */

.finance-employees-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.finance-employee-card{
    background:#fff;
    border:1px solid #dfe6ee;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(20,55,90,.04);
}

.finance-employee-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px 18px;
    border-bottom:1px solid #e7edf3;
}

.finance-employee-title{
    display:flex;
    align-items:center;
    gap:12px;
}

.finance-employee-title h3{
    margin:0 0 3px;
    font-size:18px;
}

.finance-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eef5fb;
    font-size:21px;
}

.finance-status{
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.finance-status-draft{
    background:#f1f3f5;
    color:#52606d;
}

.finance-status-approved{
    background:#fff4d6;
    color:#966600;
}

.finance-status-paid{
    background:#e7f7ec;
    color:#18794e;
}

.finance-info-section{
    padding:14px 18px;
    border-bottom:1px solid #edf1f5;
}

.finance-section-title{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:14px;
    font-weight:700;
    color:#173b63;
    margin-bottom:12px;
}

.finance-info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
    gap:10px;
}

.finance-info-item{
    background:#f8fafc;
    border:1px solid #e5ebf1;
    border-radius:9px;
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.finance-info-item span{
    font-size:11px;
    color:#6c7885;
}

.finance-info-item strong{
    font-size:14px;
    color:#173b63;
}

.finance-edit-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:12px;
}

.payroll-finance-input{
    width:100%;
    height:38px;
    padding:7px 9px;
    border:1px solid #d5dee8;
    border-radius:7px;
    font:inherit;
    font-size:13px;
}

.finance-suggestion-total{
    background:#fffaf0;
}

.finance-review-warning{
    display:block;
    color:#b42318;
    margin-top:3px;
    font-size:10px;
}

.finance-apply-btn{
    margin-top:12px;
}

.finance-summary{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:#dfe6ee;
    border-bottom:1px solid #dfe6ee;
}

.finance-summary > div{
    background:#f8fafc;
    padding:14px 16px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.finance-summary span{
    font-size:11px;
    color:#6c7885;
}

.finance-summary strong{
    font-size:17px;
    color:#173b63;
}

.finance-summary .finance-net{
    background:#eef6fc;
}

.finance-summary .finance-net strong{
    font-size:20px;
}

.finance-note{
    display:flex;
    align-items:center;
    gap:7px;
    padding:10px 18px;
    font-size:12px;
    color:#5d6975;
    border-bottom:1px solid #edf1f5;
}

.finance-card-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:14px 18px;
}

.finance-card-actions .btn{
    min-width:115px;
}

@media(max-width:800px){
    .finance-summary{
        grid-template-columns:1fr;
    }

    .finance-employee-head{
        align-items:flex-start;
    }

    .finance-card-actions{
        flex-direction:column;
    }

    .finance-card-actions .btn{
        width:100%;
    }
}


/* ===== Finance submenu ===== */

.nav-group{
    width:100%;
}

.nav-parent{
    width:100%;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
}

.nav-arrow{
    font-size:16px;
    transition:transform .2s ease;
}

.nav-parent.open .nav-arrow{
    transform:rotate(180deg);
}

.nav-submenu{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-top:4px;
    padding-inline-start:10px;
}

.nav-submenu button{
    font-size:12px !important;
    padding:9px 12px !important;
    opacity:.92;
    border-radius:7px;
}

.nav-submenu button.active{
    background:rgba(255,255,255,.14);
}


/* ===== Monthly Finance Report ===== */

.monthly-finance-cards{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.monthly-finance-employee{
    background:#fff;
    border:1px solid #dfe6ee;
    border-radius:14px;
    overflow:hidden;
}

.monthly-finance-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid #e8edf2;
}

.monthly-finance-header h3{
    margin:0 0 3px;
    font-size:17px;
}

.monthly-finance-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    background:#e4eaf0;
}

.monthly-finance-item{
    background:#fff;
    padding:12px;
    display:flex;
    align-items:center;
    gap:9px;
    min-height:68px;
}

.monthly-icon{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:9px;
    background:#eef5fb;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
}

.monthly-finance-item div{
    min-width:0;
}

.monthly-finance-item small{
    display:block;
    color:#718096;
    font-size:10px;
    margin-bottom:3px;
}

.monthly-finance-item strong{
    display:block;
    color:#173b63;
    font-size:13px;
    overflow-wrap:anywhere;
}

.monthly-finance-item.monthly-net{
    background:#eef6fc;
}

.monthly-finance-item.monthly-net strong{
    font-size:16px;
}

@media(max-width:1000px){
    .monthly-finance-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .monthly-finance-grid{
        grid-template-columns:1fr;
    }
}


/* ===== All employees payroll report ===== */

.all-payroll-report{
    overflow:hidden;
}

.all-payroll-table{
    font-size:11px;
}

.all-payroll-table th,
.all-payroll-table td{
    text-align:center;
    vertical-align:middle;
    padding:8px 6px;
    white-space:nowrap;
}

.all-payroll-table td:nth-child(2){
    text-align:start;
    min-width:140px;
}

.all-payroll-table tfoot th{
    background:#eef4f9;
    color:#173b63;
}

.all-payroll-signatures{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    padding:35px 20px 18px;
}

.all-payroll-signatures > div{
    text-align:center;
    font-size:12px;
}

.all-payroll-signatures span{
    display:block;
    font-weight:700;
    margin-bottom:24px;
    color:#173b63;
}

.all-payroll-signatures strong{
    font-weight:400;
    letter-spacing:1px;
}

@media(max-width:800px){
    .all-payroll-signatures{
        grid-template-columns:1fr;
        gap:20px;
    }
}


/* =====================================================
   Monthly Report - Final Containment / Layout Fix
   ===================================================== */

#monthly-full-report-area{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
}

/* جميع بطاقات التقرير لا تتجاوز مساحة المحتوى */
#monthly-full-report-area .card{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
}

/* الفلاتر */
.monthly-report-filters{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}

.monthly-report-filters .field{
    min-width:0;
}

.monthly-report-filters input,
.monthly-report-filters select{
    width:100%;
    max-width:100%;
    min-width:0;
}

/* بطاقات الملخص */
.monthly-report-summary{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-bottom:16px;
}

.monthly-summary-card{
    min-width:0;
    width:100%;
    overflow:hidden;
}

.monthly-summary-card span{
    display:block;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.4;
}

.monthly-summary-card strong{
    display:block;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    font-size:15px;
}

/* المقارنة */
.monthly-comparison-grid{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.monthly-comparison-grid > div{
    min-width:0;
    overflow:hidden;
}

.monthly-comparison-grid span,
.monthly-comparison-grid strong{
    white-space:normal;
    overflow-wrap:anywhere;
}

/* العناوين والتنبيهات */
.monthly-report-section-title,
.monthly-alert-item,
.monthly-alert-ok{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
}

/* أهم إصلاح: الجدول يبقى داخل البطاقة */
#monthly-full-report-area .table-wrap{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    border-radius:8px;
}

/* جدول تفاصيل الموظفين */
.monthly-report-table{
    width:100%;
    min-width:1450px;
    max-width:none;
    table-layout:auto;
    border-collapse:collapse;
    white-space:nowrap;
}

.monthly-report-table th{
    font-size:10px;
    padding:7px 6px;
    text-align:center;
    vertical-align:middle;
    line-height:1.25;
}

.monthly-report-table td{
    font-size:10px;
    padding:7px 6px;
    text-align:center;
    vertical-align:middle;
}

/* اسم الموظف */
.monthly-report-table .monthly-employee-name{
    min-width:130px;
    max-width:170px;
    text-align:start;
    white-space:normal;
    overflow-wrap:anywhere;
}

/* العمود الأول ثابت عند التمرير */
.monthly-report-table th:first-child,
.monthly-report-table td:first-child{
    position:sticky;
    inset-inline-start:0;
    z-index:2;
    background:#fff;
}

.monthly-report-table thead th:first-child{
    background:#eaf1f7;
    z-index:3;
}

/* واسم الموظف ثابت بعد الرقم */
.monthly-report-table th:nth-child(2),
.monthly-report-table td:nth-child(2){
    position:sticky;
    inset-inline-start:35px;
    z-index:2;
    background:#fff;
}

.monthly-report-table thead th:nth-child(2){
    background:#eaf1f7;
    z-index:3;
}

/* ملخص الفروع */
.monthly-branch-table{
    width:100%;
    min-width:850px;
    border-collapse:collapse;
}

.monthly-branch-table th,
.monthly-branch-table td{
    font-size:11px;
    padding:8px 6px;
    text-align:center;
    white-space:nowrap;
}

/* منع الصفحة الرئيسية من التوسع بسبب التقارير */
.main,
#content{
    min-width:0;
    max-width:100%;
}

.main{
    overflow-x:hidden;
}

/* الشاشات المتوسطة */
@media(max-width:1300px){

    .monthly-report-filters{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .monthly-report-summary{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .monthly-comparison-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* الأجهزة الصغيرة */
@media(max-width:800px){

    .monthly-report-filters{
        grid-template-columns:1fr;
    }

    .monthly-report-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .monthly-comparison-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:520px){

    .monthly-report-summary{
        grid-template-columns:1fr;
    }
}


/* =====================================================
   Monthly Report - Compact Professional Layout
   ===================================================== */

.monthly-report-filters{
    gap:6px !important;
}

.monthly-report-filters .field{
    margin:0 !important;
}

.monthly-report-filters label{
    font-size:12px !important;
    line-height:1.15 !important;
    margin-bottom:3px !important;
}

.monthly-report-filters input,
.monthly-report-filters select{
    height:34px !important;
    padding:4px 8px !important;
    font-size:12px !important;
}

/* ملخص الأرقام */
.monthly-report-summary{
    gap:6px !important;
    margin:8px 0 10px !important;
}

.monthly-summary-card{
    padding:7px 9px !important;
    min-height:58px !important;
    gap:1px !important;
}

.monthly-summary-card span{
    font-size:11px !important;
    line-height:1.15 !important;
    margin:0 !important;
}

.monthly-summary-card strong{
    font-size:15px !important;
    line-height:1.1 !important;
    margin:1px 0 0 !important;
}

/* عناوين الأقسام */
.monthly-report-section-title{
    font-size:13px !important;
    line-height:1.15 !important;
    margin:0 0 6px !important;
}

/* المقارنة */
.monthly-comparison-grid{
    gap:5px !important;
}

.monthly-comparison-grid > div{
    padding:6px 8px !important;
    min-height:48px !important;
}

.monthly-comparison-grid span{
    font-size:11px !important;
    line-height:1.1 !important;
    margin:0 0 2px !important;
}

.monthly-comparison-grid strong{
    font-size:13px !important;
    line-height:1.1 !important;
}

/* التنبيهات */
.monthly-alerts{
    gap:4px !important;
}

.monthly-alert-item,
.monthly-alert-ok{
    padding:6px 8px !important;
    font-size:11px !important;
    line-height:1.2 !important;
}

/* تقليل ارتفاع الأقسام */
#monthly-full-report-area .card.section{
    padding:10px !important;
    margin-top:8px !important;
    margin-bottom:8px !important;
}

/* جدول الموظفين */
.monthly-report-table th{
    font-size:11px !important;
    line-height:1.05 !important;
    padding:5px 4px !important;
}

.monthly-report-table td{
    font-size:11px !important;
    line-height:1.05 !important;
    padding:5px 4px !important;
}

.monthly-report-table .monthly-employee-name{
    min-width:115px !important;
    max-width:145px !important;
}

/* الأعمدة المالية أصغر */
.monthly-report-table th:nth-child(n+10):nth-child(-n+20),
.monthly-report-table td:nth-child(n+10):nth-child(-n+20){
    min-width:65px !important;
}

/* ملخص الفروع */
.monthly-branch-table th,
.monthly-branch-table td{
    font-size:11px !important;
    line-height:1.05 !important;
    padding:5px 4px !important;
}

/* الأزرار */
#monthly-full-report-area + *,
#monthly-full-report-area .actions{
    gap:5px !important;
}


/* =====================================================
   Monthly Payroll - Employee Column Rows
   ===================================================== */

.monthly-employees-section{
    padding:12px !important;
}

.monthly-report-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.monthly-report-count{
    font-size:11px;
    font-weight:700;
    background:#eef4f9;
    border-radius:14px;
    padding:4px 9px;
    color:#173b63;
}

.monthly-column-header{
    display:grid;
    grid-template-columns:
        minmax(180px,1.35fr)
        minmax(210px,1.25fr)
        minmax(200px,1.2fr)
        minmax(190px,1.1fr)
        minmax(125px,.75fr)
        minmax(145px,.9fr);

    gap:1px;
    background:#dce4ec;
    border:1px solid #dce4ec;
    border-radius:8px 8px 0 0;
    overflow:hidden;
}

.monthly-column-header > div{
    background:#eef3f8;
    color:#173b63;
    font-size:13px;
    font-weight:800;
    text-align:center;
    padding:9px 6px;
}

.monthly-employee-rows{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-top:5px;
}

.monthly-employee-row{
    display:grid;

    grid-template-columns:
        minmax(180px,1.35fr)
        minmax(210px,1.25fr)
        minmax(200px,1.2fr)
        minmax(190px,1.1fr)
        minmax(125px,.75fr)
        minmax(145px,.9fr);

    border:1px solid #dde5ec;
    border-radius:8px;
    background:#fff;
    overflow:hidden;
}

.monthly-column{
    min-width:0;
    padding:10px 12px;
    border-inline-end:1px solid #e3e9ef;
}

.monthly-column:last-child{
    border-inline-end:0;
}

.employee-column{
    display:flex;
    align-items:center;
    gap:8px;
}

.monthly-row-number{
    width:26px;
    height:26px;
    min-width:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eef4f9;
    color:#173b63;
    font-size:10px;
    font-weight:800;
}

.monthly-employee-main{
    min-width:0;
}

.monthly-employee-name-text{
    display:block;
    color:#172536;
    font-size:14.5px;
    line-height:1.3;
    margin-bottom:2px;
}

.monthly-employee-main span{
    display:block;
    font-size:12.5px;
    color:#37516d;
    line-height:1.15;
}

.monthly-employee-main small{
    display:block;
    font-size:11.5px;
    color:#788594;
    line-height:1.15;
    margin-top:2px;
}

.attendance-column,
.finance-column,
.deduction-column{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 12px;
}

.attendance-column > div,
.finance-column > div,
.deduction-column > div{
    min-width:0;
}

.monthly-column span{
    display:block;
    font-size:11.5px;
    color:#748190;
    line-height:1.1;
    margin:0 0 2px;
}

.monthly-column strong{
    display:block;
    font-size:13.5px;
    color:#172536;
    line-height:1.1;
    margin:0;
}

.monthly-column-total{
    grid-column:1 / -1;
    padding-top:4px;
    margin-top:1px;
    border-top:1px solid #edf0f3;
}

.finance-column .monthly-column-total strong{
    color:#18794e;
}

.deduction-column .monthly-column-total strong{
    color:#b42318;
}

.net-column{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:#f6f4ff;
}

.net-column > strong{
    font-size:17px;
    color:#6040bd;
}

.net-column small{
    font-size:9px;
    color:#7869a5;
}

.payment-column{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
}

.monthly-payment-status{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    border-radius:12px;
    padding:3px 8px;
    font-weight:800;
    font-size:9px !important;
}

.monthly-payment-status.paid{
    background:#eaf7ee;
    color:#18794e;
}

.monthly-payment-status.approved{
    background:#fff6dd;
    color:#8c6200;
}

.monthly-payment-status.draft{
    background:#f0f2f4;
    color:#596675;
}

.monthly-employees-total{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:1px;
    background:#dce4ec;
    border:1px solid #dce4ec;
    border-radius:7px;
    overflow:hidden;
    margin-top:7px;
}

.monthly-employees-total > div{
    background:#f6f9fb;
    padding:6px 8px;
    text-align:center;
}

.monthly-employees-total span{
    display:block;
    font-size:9px;
    color:#748190;
    line-height:1.1;
}

.monthly-employees-total strong{
    display:block;
    font-size:11px;
    color:#173b63;
    line-height:1.15;
    margin-top:2px;
}

/* الصفحة نفسها لا تتوسع */
.monthly-employees-section{
    width:100%;
    max-width:100%;
    overflow-x:auto !important;
}

.monthly-column-header,
.monthly-employee-row{
    min-width:1050px;
}

@media(max-width:900px){

    .monthly-column-header{
        display:none;
    }

    .monthly-employee-row{
        min-width:0;
        grid-template-columns:1fr 1fr;
    }

    .monthly-column{
        border-bottom:1px solid #e3e9ef;
    }

    .employee-column,
    .net-column{
        grid-column:1 / -1;
    }

    .monthly-employees-total{
        grid-template-columns:repeat(2,1fr);
    }
}


/* ===== Finance Payment Reports ===== */

.finance-report-tabs{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin:0 0 14px;
}

.finance-report-tab{
display:flex;
align-items:center;
gap:10px;
min-height:72px;
padding:12px;
border:1px solid #d6e0e9;
border-radius:12px;
background:#fff;
cursor:pointer;
text-align:start;
}

.finance-report-tab:hover{
border-color:#174a7e;
}

.finance-report-tab.active{
background:#edf5fb;
border:2px solid #174a7e;
}

.finance-report-tab-icon{
width:38px;
height:38px;
min-width:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:9px;
background:#eaf1f7;
font-size:20px;
}

.finance-report-tab strong{
display:block;
font-size:14px;
color:#173b63;
margin:0;
}

.finance-report-tab small{
display:block;
font-size:11px;
color:#718091;
margin-top:3px;
}


/* controls */

.finance-report-controls{
padding:14px !important;
}

.finance-report-control-grid{
display:grid;
grid-template-columns:1fr 1fr 2fr;
gap:12px;
align-items:start;
}

.finance-report-control-grid .field{
min-width:0;
}

.finance-report-control-grid label{
display:block;
font-size:12px;
font-weight:700;
margin-bottom:5px;
}

.finance-report-control-grid input,
.finance-report-control-grid select{
width:100%;
height:42px;
padding:0 10px;
border:1px solid #ccd8e3;
border-radius:8px;
background:#fff;
font-size:12px;
}

.finance-report-actions{
display:flex;
gap:7px;
margin-top:12px;
}


/* report result */

.finance-report-result{
padding:16px !important;
}

.finance-report-result-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #dfe6ed;
}

.finance-report-result-head h2{
margin:0;
font-size:20px;
color:#173b63;
}

.finance-report-result-head .muted{
margin-top:3px;
}

.finance-report-period{
padding:6px 12px;
border-radius:20px;
background:#edf4fa;
font-size:11px;
font-weight:700;
color:#174a7e;
}


/* summary */

.finance-report-summary-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin-bottom:10px;
}

.finance-report-summary-row > div{
padding:10px 12px;
border:1px solid #dce5ed;
border-radius:9px;
background:#fafcfe;
}

.finance-report-summary-row span{
display:block;
font-size:11px;
color:#718091;
}

.finance-report-summary-row strong{
display:block;
font-size:17px;
color:#173b63;
margin-top:3px;
}


/* employee rows */

.finance-simple-list{
display:flex;
flex-direction:column;
gap:6px;
}

.finance-simple-row{
display:grid;
grid-template-columns:minmax(250px,1.6fr) repeat(4,minmax(120px,1fr));
border:1px solid #dce5ed;
border-radius:9px;
overflow:hidden;
background:#fff;
}

.finance-simple-row > div{
padding:9px 10px;
border-inline-end:1px solid #e5ebf0;
min-width:0;
}

.finance-simple-row > div:last-child{
border-inline-end:0;
}

.finance-simple-row span{
display:block;
font-size:10px;
color:#778493;
margin-bottom:2px;
}

.finance-simple-row strong{
display:block;
font-size:13px;
color:#172536;
}

.finance-simple-employee{
display:flex;
align-items:center;
gap:8px;
}

.finance-simple-employee small{
display:block;
font-size:10px;
color:#748292;
margin-top:3px;
}

.finance-row-no{
width:28px;
height:28px;
min-width:28px;
display:flex !important;
align-items:center;
justify-content:center;
border-radius:50%;
background:#edf4fa;
color:#174a7e !important;
font-weight:700;
}

.finance-simple-net{
background:#edf6fc;
}

.finance-simple-net strong{
font-size:15px;
color:#174a7e;
}


/* employee header */

.finance-employee-report-banner{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:7px;
margin-bottom:10px;
}

.finance-employee-report-banner > div{
padding:9px 10px;
border:1px solid #dce5ed;
border-radius:8px;
background:#fafcfe;
}

.finance-employee-report-banner span{
display:block;
font-size:10px;
color:#778493;
}

.finance-employee-report-banner strong{
display:block;
font-size:13px;
margin-top:2px;
}


/* attendance */

.finance-attendance-summary{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:7px;
}

.finance-attendance-summary > div{
padding:12px 8px;
text-align:center;
border:1px solid #dce5ed;
border-radius:9px;
background:#fafcfe;
}

.finance-attendance-summary span{
display:block;
font-size:10px;
color:#718091;
}

.finance-attendance-summary strong{
display:block;
font-size:18px;
color:#173b63;
margin-top:4px;
}


/* entitlements */

.finance-entitlements-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}

.finance-entitlements-grid > div{
padding:11px 12px;
border:1px solid #dce5ed;
border-radius:9px;
background:#fafcfe;
}

.finance-entitlements-grid span{
display:block;
font-size:10px;
color:#718091;
}

.finance-entitlements-grid strong{
display:block;
font-size:15px;
color:#173b63;
margin-top:4px;
}


/* empty */

.finance-report-empty{
min-height:160px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
gap:5px;
}

.finance-report-empty-icon{
font-size:32px;
}

.finance-report-no-data{
padding:25px;
text-align:center;
color:#718091;
}


/* specialized rows */

.salary-history-row{
grid-template-columns:55px repeat(5,minmax(120px,1fr));
}

.attendance-all-row{
grid-template-columns:minmax(250px,1.6fr) repeat(5,minmax(100px,1fr));
}


/* responsive */

@media(max-width:1100px){

.finance-report-tabs{
grid-template-columns:repeat(2,1fr);
}

.finance-report-control-grid{
grid-template-columns:1fr 1fr;
}

.payment-report-employee-field{
grid-column:1/-1;
}

.finance-attendance-summary{
grid-template-columns:repeat(3,1fr);
}

.finance-entitlements-grid{
grid-template-columns:repeat(2,1fr);
}

}


/* ===== Leave Bonus Employee Summary ===== */

.leave-bonus-employee-card{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:6px;
margin-top:8px;
padding:8px;
border:1px solid #dce5ed;
border-radius:9px;
background:#f8fafc;
}

.leave-bonus-employee-card > div{
min-width:0;
padding:6px 8px;
border-inline-end:1px solid #e2e8ee;
}

.leave-bonus-employee-card > div:nth-child(4n){
border-inline-end:0;
}

.leave-bonus-employee-card span{
display:block;
font-size:9px;
color:#748190;
line-height:1.1;
}

.leave-bonus-employee-card strong{
display:block;
margin-top:2px;
font-size:11px;
color:#173b63;
line-height:1.2;
}

.leave-bonus-employee-loading{
padding:8px;
font-size:10px;
color:#718091;
}

@media(max-width:900px){

.leave-bonus-employee-card{
grid-template-columns:repeat(2,1fr);
}

}


/* =====================================================
   Leave Bonus - Employee + Approval Workflow
   ===================================================== */

/* بيانات الموظف */

#leave-bonus-selected{
width:100%;
}

.leave-bonus-employee-card{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
width:100%;
gap:0 !important;
margin-top:8px;
padding:0 !important;
overflow:hidden;
border:1px solid #dce5ed;
border-radius:9px;
background:#fff;
}

.leave-bonus-employee-card > div{
min-width:0;
padding:7px 9px !important;
border-inline-end:1px solid #e4eaf0;
border-bottom:1px solid #edf1f4;
}

.leave-bonus-employee-card > div:nth-child(6n){
border-inline-end:0;
}

.leave-bonus-employee-card span{
display:block;
font-size:9px !important;
line-height:1.2;
color:#788695;
margin-bottom:2px;
}

.leave-bonus-employee-card strong{
display:block;
font-size:11px !important;
line-height:1.25;
color:#173b63;
white-space:normal;
overflow-wrap:anywhere;
}


/* تنبيهات رصيد الإجازة */

.leave-bonus-alert{
margin:7px 0;
padding:8px 10px;
border-radius:7px;
font-size:10px;
line-height:1.5;
}

.leave-bonus-alert.warning{
background:#fff9e8;
border:1px solid #e6cd82;
color:#725b13;
}

.leave-bonus-alert.danger{
background:#fff2f2;
border:1px solid #e2aaaa;
color:#8d2929;
}


/* مسار الاعتماد */

.leave-bonus-workflow{
padding:10px 12px !important;
margin-top:8px;
}

.leave-workflow-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-bottom:10px;
}

.leave-workflow-header strong{
font-size:12px;
color:#173b63;
}

.leave-workflow-header .muted{
font-size:9px;
margin-top:2px;
}

.leave-workflow-status{
padding:4px 10px;
border:1px solid #c9d6e2;
border-radius:15px;
font-size:9px;
font-weight:700;
color:#174a7e;
background:#f4f8fb;
white-space:nowrap;
}

.leave-workflow-steps{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:5px;
}

.leave-workflow-step{
min-width:0;
padding:7px 4px;
text-align:center;
border:1px solid #dce4eb;
border-radius:7px;
background:#fafbfd;
}

.leave-workflow-number{
display:flex;
align-items:center;
justify-content:center;
width:23px;
height:23px;
margin:0 auto 4px;
border-radius:50%;
background:#e6ebf0;
color:#687582;
font-size:9px;
font-weight:700;
}

.leave-workflow-label{
font-size:9px;
line-height:1.25;
font-weight:700;
color:#6e7b88;
}


/* مرحلة مكتملة */

.leave-workflow-step.done{
background:#f4faf6;
border-color:#bfd9c7;
}

.leave-workflow-step.done .leave-workflow-number{
background:#37805a;
color:#fff;
}

.leave-workflow-step.done .leave-workflow-label{
color:#326849;
}


/* المرحلة الحالية */

.leave-workflow-step.current{
background:#f1f6fb;
border:2px solid #174a7e;
padding:6px 3px;
}

.leave-workflow-step.current .leave-workflow-number{
background:#174a7e;
color:#fff;
}

.leave-workflow-step.current .leave-workflow-label{
color:#173b63;
}


/* تصغير المسافات */

#leave-bonus-form-status .card{
padding:7px 11px !important;
margin-top:7px;
margin-bottom:0;
}


/* الشاشات الأصغر */

@media(max-width:1100px){

.leave-bonus-employee-card{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.leave-bonus-employee-card > div:nth-child(6n){
border-inline-end:1px solid #e4eaf0;
}

.leave-bonus-employee-card > div:nth-child(3n){
border-inline-end:0;
}

.leave-workflow-steps{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:650px){

.leave-bonus-employee-card{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.leave-workflow-steps{
grid-template-columns:repeat(2,1fr);
}

.leave-workflow-header{
align-items:flex-start;
flex-direction:column;
}

}


/* =====================================================
   Leave Bonus - Full Width Employee Area
   ===================================================== */

.leave-bonus-search-row{
display:grid;
grid-template-columns:minmax(320px,520px);
justify-content:start;
margin-bottom:8px;
}

.leave-bonus-selected-full{
display:block;
width:100%;
margin:0 0 12px;
}

.leave-bonus-calculation-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
}

.leave-bonus-employee-card{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
width:100% !important;
margin:0 !important;
border:1px solid #d8e2eb;
border-radius:10px;
overflow:hidden;
background:#fff;
}

.leave-bonus-employee-card > div{
padding:9px 10px !important;
min-width:0;
border-inline-end:1px solid #e5ebf0;
border-bottom:1px solid #edf1f4;
}

.leave-bonus-employee-card > div:nth-child(6n){
border-inline-end:0;
}

.leave-bonus-employee-card span{
display:block;
font-size:10px !important;
line-height:1.2;
color:#73808e;
white-space:nowrap;
}

.leave-bonus-employee-card strong{
display:block;
margin-top:3px;
font-size:12px !important;
line-height:1.3;
color:#173b63;
white-space:normal;
word-break:normal;
overflow-wrap:break-word;
}

@media(max-width:1200px){

.leave-bonus-calculation-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.leave-bonus-employee-card{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.leave-bonus-employee-card > div:nth-child(6n){
border-inline-end:1px solid #e5ebf0;
}

.leave-bonus-employee-card > div:nth-child(3n){
border-inline-end:0;
}

}


/* ===== Benefit Approval Status ===== */

.leave-bonus-approval-summary{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin-top:10px;
}

.leave-bonus-approval-summary > div{
padding:8px 10px;
border:1px solid #dce5ed;
border-radius:8px;
background:#fafcfe;
}

.leave-bonus-approval-summary span{
display:block;
font-size:9px;
color:#748190;
margin-bottom:3px;
}

.leave-bonus-approval-summary strong{
font-size:12px;
}

.benefit-approved{
color:#187244;
}

.benefit-not-approved{
color:#9b2c2c;
}


/* ===== EOS Calculation Rule ===== */

.eos-calculation-rule{
margin:8px 0;
}

.eos-rule{
padding:9px 11px;
border:1px solid #d7e1e9;
border-radius:8px;
font-size:10px;
line-height:1.55;
background:#fafcfe;
color:#334155;
}

.eos-rule.ok{
background:#f4faf6;
border-color:#b9d8c3;
color:#2f6548;
}

.eos-rule.warning{
background:#fff8e7;
border-color:#e4c979;
color:#765b0e;
}


/* ===== Custody Clearance ===== */

.custody-items-table-wrap{
overflow-x:auto;
margin-top:10px;
}

.custody-items-table{
min-width:1050px;
}

.custody-items-table input,
.custody-items-table select{
width:100%;
min-width:90px;
}

.custody-items-table
.custody-item-name{
min-width:150px;
}

.custody-items-table
.custody-item-notes{
min-width:150px;
}

.custody-summary{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-top:12px;
}

.custody-summary>div{
border:1px solid #d7e1e9;
border-radius:8px;
padding:10px 12px;
background:#fafcfe;
}

.custody-summary span{
display:block;
font-size:11px;
color:#718091;
margin-bottom:4px;
}

.custody-summary strong{
font-size:15px;
color:#173b63;
}

@media(max-width:700px){

.custody-summary{
grid-template-columns:1fr;
}

}


/* =====================================================
   Custody Clearance - Redesigned Interface
   ===================================================== */

.custody-search-card,
.custody-items-card,
.custody-summary-card{
padding:18px !important;
}

.custody-section-title{
font-size:17px;
font-weight:800;
color:#173b63;
margin-bottom:8px;
}

.custody-search-box{
width:100%;
}

.custody-search-box input{
width:100%;
height:45px;
font-size:12px;
}

.custody-selected-employee{
margin-top:8px;
font-size:10px;
color:#748190;
}

.custody-selected-employee .leave-bonus-employee-card{
margin-top:10px !important;
}


/* Header for custody items */

.custody-items-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:14px;
}

.custody-add-button{
min-width:125px;
height:38px;
font-weight:700;
white-space:nowrap;
}

.custody-add-button span{
font-size:15px;
margin-inline-end:4px;
}


/* Empty state */

.custody-empty-state{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:70px;
padding:15px;
border:1px solid #dbe6ef;
border-radius:8px;
background:#f5f9fd;
font-size:11px;
color:#53677a;
text-align:center;
}

.custody-empty-icon{
font-size:16px;
color:#174a7e;
}


/* Custody summary */

.custody-summary-card{
margin-top:10px;
}

.custody-summary{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:10px;
}

.custody-summary>div{
position:relative;
padding:12px 14px;
border:1px solid #d8e2eb;
border-radius:9px;
background:#fff;
min-height:74px;
}

.custody-summary span{
display:block;
font-size:9px;
color:#748190;
margin-bottom:5px;
}

.custody-summary strong{
display:block;
font-size:15px;
line-height:1.2;
color:#173b63;
}

.custody-summary small{
display:block;
margin-top:4px;
font-size:8px;
color:#8793a0;
}


/* Custody items table */

.custody-items-table-wrap{
margin-top:8px;
border:1px solid #d9e3ec;
border-radius:9px;
overflow:auto;
}

.custody-items-table{
margin:0;
background:#fff;
}

.custody-items-table th{
background:#eef4f8;
font-size:9px;
white-space:nowrap;
}

.custody-items-table td{
vertical-align:middle;
padding:5px;
}

.custody-items-table input,
.custody-items-table select{
height:34px;
border-radius:6px;
font-size:10px;
}


/* Notes and actions */

#custody-notes{
width:100%;
min-height:85px;
resize:vertical;
}

@media(max-width:1100px){

.custody-summary{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:700px){

.custody-items-header{
flex-direction:column;
align-items:stretch;
}

.custody-add-button{
width:100%;
}

.custody-summary{
grid-template-columns:1fr;
}

}


.custody-posted-badge{
display:inline-flex;
align-items:center;
padding:5px 9px;
border:1px solid #b9d8c3;
border-radius:14px;
background:#f4faf6;
color:#187244;
font-size:9px;
font-weight:700;
white-space:nowrap;
}


/* =========================================================
   Finance Navigation Tree
   ========================================================= */

.finance-menu-tree{
display:flex;
flex-direction:column;
gap:3px;
}

.finance-main-link{
display:flex;
align-items:center;
gap:7px;
}

.finance-menu-section{
display:flex;
flex-direction:column;
}

.finance-sub-parent{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
}

.finance-sub-children{
display:flex;
flex-direction:column;
margin-inline-start:12px;
padding-inline-start:8px;
border-inline-start:1px solid rgba(255,255,255,.14);
}

.finance-sub-children button{
font-size:11px;
padding-inline-start:14px;
opacity:.92;
}

.finance-sub-parent .nav-arrow{
transition:transform .2s ease;
}

.finance-sub-parent.open .nav-arrow{
transform:rotate(180deg);
}


/* =========================================================
   Finance Dashboard
   ========================================================= */

.finance-dashboard-filters{
display:grid;
grid-template-columns:180px 220px minmax(260px,1fr);
gap:12px;
align-items:end;
}

.finance-dashboard-search{
min-width:0;
}

.finance-dashboard-cards{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
margin:14px 0;
}

.finance-dashboard-stat{
padding:15px;
}

.finance-dashboard-stat span{
display:block;
font-size:10px;
color:#738092;
margin-bottom:6px;
}

.finance-dashboard-stat strong{
display:block;
font-size:21px;
color:#173b63;
}

.finance-dashboard-stat small{
display:block;
margin-top:3px;
font-size:9px;
color:#8a96a3;
}

.finance-dashboard-net{
background:#f2f7fb;
}

.finance-dashboard-net strong{
color:#0f5f8f;
}

.finance-dashboard-status-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:9px;
margin-top:12px;
}

.finance-dashboard-status-grid>div{
border:1px solid #d8e2eb;
border-radius:9px;
padding:12px;
background:#fafcfe;
text-align:center;
}

.finance-dashboard-status-grid span{
display:block;
font-size:9px;
color:#748190;
margin-bottom:5px;
}

.finance-dashboard-status-grid strong{
font-size:17px;
color:#173b63;
}

@media(max-width:1100px){

.finance-dashboard-cards{
grid-template-columns:repeat(3,1fr);
}

.finance-dashboard-status-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:760px){

.finance-dashboard-filters{
grid-template-columns:1fr;
}

.finance-dashboard-cards,
.finance-dashboard-status-grid{
grid-template-columns:1fr 1fr;
}

}


/* إعدادات الحضور ونتيجة مسح رمز QR */
.attendance-settings .field select{width:100%;padding:13px;border:1px solid #d0d5dd;border-radius:10px;font-size:16px;background:#fff}
.attendance-settings .form-grid > .actions{align-self:end;margin-bottom:14px}
.attendance-settings .table td{vertical-align:middle}
.scan-result h2{font-size:clamp(20px,5vw,28px);line-height:1.5}
.attendance-settings select[data-user-perm]{padding:6px 10px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;background:#fff;min-width:110px}
.attendance-settings select[data-user-perm].perm-allow{border-color:#1f7a4d;background:#eaf7ef;color:#1f7a4d;font-weight:700}
.attendance-settings select[data-user-perm].perm-deny{border-color:#a11d1d;background:#fdecec;color:#a11d1d;font-weight:700}
.attendance-settings fieldset label{padding:4px 0;border-bottom:1px dashed #eef2f6}

/* سجلّي والشاشة الرئيسية للموظف */
.home{display:grid;gap:18px;max-width:880px}
.home-hello h1{margin:4px 0;color:#173b63;font-size:26px}
.home-today{background:linear-gradient(135deg,#173b63,#1f5f99);color:#fff;border-radius:16px;padding:18px 20px;display:grid;gap:14px}
.home-today-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.home-label{font-size:13px;opacity:.8;letter-spacing:.02em}
.home-status{font-size:22px;font-weight:700;margin-top:2px}
.home-periods{display:grid;gap:8px}
.home-period{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;background:#ffffff14;border-radius:10px;padding:8px 12px;font-variant-numeric:tabular-nums}
.home-period b{font-size:18px}
.home-today .muted{color:#d5e3f1}
.home-hint{font-size:13px;opacity:.85;border-top:1px solid #ffffff2b;padding-top:10px}
.home-alerts{display:grid;gap:8px}
.home-alert{background:#fff7e8;border:1px solid #f1d7a8;border-inline-start:4px solid #b8894a;border-radius:10px;padding:10px 14px;color:#6b4a14}
.home-alert.bad{background:#fdecea;border-color:#f5c2bd;border-inline-start-color:#b42318;color:#7a1a12}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.home-stat{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.home-stat span{color:#667085;font-size:13px}
.home-stat b{font-size:22px;color:#173b63;font-variant-numeric:tabular-nums}
.home-note{font-size:12px;margin-top:-10px}
.home-actions{display:flex;gap:10px;flex-wrap:wrap}
.home-recent h2{font-size:18px;margin:0 0 4px;color:#173b63}
.tl-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.tl-chip{border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:500}
.tl-chip.active{background:#173b63;border-color:#173b63;color:#fff}
.tl-feed{max-width:880px}
.tl-day{font-size:14px;color:#667085;margin:18px 0 8px;font-weight:600}
.tl-list{list-style:none;margin:0;padding:0;border-inline-start:2px solid #e4e7ec;margin-inline-start:15px;display:grid;gap:10px}
.tl-item{display:flex;gap:12px;align-items:flex-start;margin-inline-start:-16px}
.tl-dot{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#eaf0f6;border:2px solid #fff;box-shadow:0 0 0 1px #e4e7ec}
.tl-g-attendance .tl-dot{background:#e3f0fb}
.tl-g-leave .tl-dot{background:#e6f5ec}
.tl-g-finance .tl-dot{background:#f7eedf;color:#8a6428;font-weight:700}
.tl-g-document .tl-dot{background:#eef0f4}
.tl-g-action .tl-dot{background:#fdecea}
.tl-body{flex:1;min-width:0;background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:10px 14px}
.tl-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tl-head time{margin-inline-start:auto;color:#667085;font-size:13px;font-variant-numeric:tabular-nums}
.tl-detail{display:flex;gap:6px 14px;flex-wrap:wrap;color:#475467;font-size:14px;margin-top:4px;font-variant-numeric:tabular-nums}
.tl-pill{font-size:12px;padding:2px 9px;border-radius:999px;font-weight:600}
.tl-ok{background:#e6f5ec;color:#136c3a}
.tl-warn{background:#fff3dc;color:#8a5a00}
.tl-bad{background:#fdecea;color:#a3281d}
.tl-info{background:#e3f0fb;color:#1f5f99}
.tl-empty{color:#667085;margin-top:12px}
.tl-more{margin:18px 0}
.mnav{display:none}
@media(max-width:780px){
.has-mnav .side{padding:12px 16px}
.has-mnav .side .brand img{max-width:120px!important}
.has-mnav .side .nav{display:none}
.has-mnav .side.open .nav{display:grid}
.has-mnav .main{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.mnav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;inset-inline:0;bottom:0;z-index:900;background:#fff;border-top:1px solid #e4e7ec;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px #0000000f}
.mnav button{border:0;background:transparent;display:grid;justify-items:center;gap:2px;padding:6px 2px;color:#475467;font-size:12px;border-radius:10px;cursor:pointer}
.mnav button span{font-size:18px;line-height:1}
.mnav button.active{color:#173b63;background:#eaf0f6;font-weight:700}
.home-hello h1{font-size:22px}
.home-stats{grid-template-columns:1fr 1fr}
}

/* لوحة التحكم المرنة: أقسام منسدلة وقوائم مختصرة */
.dash{display:grid;gap:14px}
.dash .top{margin-bottom:6px}
.dsec{background:#fff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden}
.dsec>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;font-weight:700;color:#173b63;user-select:none}
.dsec>summary::-webkit-details-marker{display:none}
.dsec>summary:hover{background:#f8fafc}
.dsec-title{font-size:16px}
.dsec-count{background:#eaf0f6;color:#173b63;border-radius:999px;padding:1px 10px;font-size:13px;font-variant-numeric:tabular-nums}
/* سهم مرسوم بالحدود حتى يظهر متطابقًا على كل الأجهزة (بعض الخطوط لا تحوي ⌄) */
.dsec-arrow{margin-inline-start:auto;flex:none;width:8px;height:8px;color:#667085;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-block-end:4px}
details[open]>summary .dsec-arrow{transform:rotate(-135deg);margin-block-end:-4px}
.dsec-body{padding:0 18px 16px}
.dsec-accent{border-color:#b8894a66;box-shadow:inset 4px 0 0 #b8894a}
.dsec-accent>summary .dsec-count{background:#b8894a;color:#fff}
.dsec-bad>summary .dsec-count{background:#fdecea;color:#a3281d}
.dsec-nest{display:grid;gap:10px}
.dsec-nest .dsec{border-radius:10px}
.dsec-nest .dsec>summary{padding:10px 14px;font-size:15px}
.dsec-nest .dsec-body{padding:0 14px 12px}
.dkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.dkpi{background:#f8fafc;border:1px solid #edf0f4;border-radius:10px;padding:10px 14px;display:grid;gap:2px}
.dkpi span{color:#667085;font-size:13px}
.dkpi b{font-size:24px;color:#173b63;font-variant-numeric:tabular-nums}
.drows{list-style:none;margin:0;padding:0;display:grid}
.drows+.drows{border-top:1px solid #edf0f4}
.drow{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f4;flex-wrap:wrap}
.drows .drow:last-child{border-bottom:0}
.drow-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}
.drow-main .muted{font-size:13px}
.drow-info{font-size:14px;color:#475467;font-variant-numeric:tabular-nums}
.drow-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dbtn{padding:7px 12px;font-size:14px}
.dpct{color:#173b63;font-variant-numeric:tabular-nums}
.dbar{display:block;height:6px;background:#e7edf4;border-radius:6px;overflow:hidden;max-width:260px;margin-top:4px}
.dbar span{display:block;height:100%;background:#1f5f99}
.dash-more{margin-top:8px;border:0;background:transparent;color:#1f5f99;font-weight:700;cursor:pointer;padding:6px 0}
.dash-empty{padding:6px 0}
.dash-note{font-size:13px;margin-top:4px}
.tl-daybox{margin-top:8px}
.tl-daybox>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;margin:10px 0 8px}
.tl-daybox>summary::-webkit-details-marker{display:none}
.tl-daycount{background:#eaf0f6;color:#475467;border-radius:999px;padding:0 8px;font-size:12px;font-variant-numeric:tabular-nums}
.tl-daybox>summary .dsec-arrow{margin-inline-start:4px;width:6px;height:6px}
.home .dsec-body .home-stats{margin-top:2px}
@media(max-width:780px){
.dsec>summary{padding:12px 14px}
.dsec-body{padding:0 14px 14px}
.dkpis{grid-template-columns:1fr 1fr}
.drow-act{width:100%}
.drow-act .dbtn{flex:1}
}
.drows[hidden]{display:none}
.tl-weekbox{background:#fff;border:1px solid #e4e7ec;border-radius:12px;margin-top:10px}
.tl-weekbox>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-weight:600;color:#344054}
.tl-weekbox>summary::-webkit-details-marker{display:none}
.tl-weekbox>summary .dsec-arrow{margin-inline-start:auto}
.tl-weekbody{padding:0 16px 14px}
.tl-wday{font-size:13px;color:#667085;margin:12px 0 8px;font-weight:600}
@media(max-width:780px){.has-mnav .shell{align-content:start;grid-template-rows:auto 1fr}}
@media(max-width:780px){.has-mnav .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.has-mnav .main h1{font-size:24px}}
.nav-badge{display:inline-block;min-width:20px;padding:0 6px;margin-inline-start:8px;border-radius:999px;background:#b8894a;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;font-variant-numeric:tabular-nums;vertical-align:middle}
.mnav button{position:relative}
.mnav .nav-badge{position:absolute;top:2px;inset-inline-end:calc(50% - 26px);margin:0;min-width:18px;line-height:18px;font-size:11px}
.tl-picker{display:grid;gap:10px;max-width:880px}
.tl-picker input{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:10px;font-size:16px;font-family:inherit}

/* صفحة الحضور والغياب */
.att{display:grid;gap:16px}
.att-me{background:linear-gradient(135deg,#173b63,#1f5f99);color:#fff;border-radius:16px;padding:18px 20px;display:grid;gap:12px}
.att-me-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.att-me-status{font-size:22px;font-weight:700;margin-top:2px}
.att-me-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.att-me-period{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;background:#ffffff14;border-radius:10px;padding:8px 12px;font-variant-numeric:tabular-nums}
.att-me-period b{font-size:18px}
.att-me .muted{color:#d5e3f1}
.att-me-hint{font-size:14px;opacity:.9;border-top:1px solid #ffffff2b;padding-top:10px}
.att-me .btn-secondary{background:#ffffff26;color:#fff}
.att-me .btn:disabled{opacity:.55;cursor:default}
.att-me-fold{padding:12px 20px}
.att-me-fold summary{cursor:pointer;font-weight:700;list-style-position:inside}
.att-me-fold[open]{gap:12px;padding-bottom:18px}
.att-me-fold:not([open]) > :not(summary){display:none}
.att-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e4e7ec;padding-bottom:12px}
.att-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:10px}
.att-bar .tl-filters{margin:0}
.att-search{flex:1 1 220px;max-width:340px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px;font-family:inherit}
.att-n{display:inline-block;min-width:18px;padding:0 5px;border-radius:999px;background:#eaf0f6;color:#344054;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
.tl-chip.active .att-n{background:#ffffff33;color:#fff}
.att-groups{display:grid;gap:10px}
.tl-none{background:#eef0f4;color:#475467}
.att-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}
.att-form .field{margin:0}
.att-form input,.att-form select{width:100%;padding:10px 12px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px;font-family:inherit}
.att-form select{margin-top:6px;padding:4px}
.attendance-report-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:3px solid #174a7e;padding-bottom:10px;margin-bottom:14px}
.attendance-report-header img{width:150px;max-width:40%;height:auto}
.attendance-report-header h2{margin:0;color:#173b63;font-size:20px}
@media(max-width:780px){.att-form{grid-template-columns:1fr}.att-search{max-width:none}}
/* الجداول العريضة تتمرر داخل إطارها بدل أن توسّع الصفحة */
.main,.att>*,#att-panel,#all-monthly-report,#monthly-report{min-width:0}
@media(max-width:780px){.att-groups .drow-act{width:auto}.att-groups .drow-act .dbtn{flex:none}}

/* استيراد الموظفين من Excel */
.imp{display:grid;gap:12px}
.imp-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.imp-head h3{margin:0}
.imp-steps{margin:0;padding-inline-start:22px;display:grid;gap:12px;max-width:80ch}
.imp-steps li>div{margin-top:8px}
.imp-upload{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.imp-summary{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.imp-table td{vertical-align:top}
.imp-bad td{background:#fff6f5}
.imp-errors{margin:0;padding-inline-start:18px;color:#a3281d;font-size:14px}
.imp-ok{background:#e6f5ec;color:#136c3a;border-radius:10px;padding:10px 14px;font-weight:700}
.imp-creds{display:grid;gap:6px;background:#fff7e8;border:1px solid #f1d7a8;border-inline-start:4px solid #b8894a;border-radius:10px;padding:12px 14px;color:#6b4a14}

/* ================================================================
   الهوية الجديدة: طبقة تصميم موحّدة لكل الصفحات
   (ألوان صريحة حتى يولّد منها scripts/gen-dark-css.py الوضع الليلي)
   ================================================================ */

/* --- الهيكل والقائمة الجانبية --- */
.shell{grid-template-columns:272px minmax(0,1fr)}
.side{background:linear-gradient(180deg,#132f50 0%,#173b63 55%,#1a4674 100%);padding:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}
.side-top{padding:22px 18px 14px;display:grid;gap:14px;border-bottom:1px solid #ffffff1a}
.side-top .brand img{display:block;margin:auto;max-width:168px;width:100%;height:auto}
.side-user{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:12px;padding:8px 10px;color:#fff}
.side-user b{display:block;font-size:14px;line-height:1.3}
.side-user span{font-size:12px;color:#b9cbe0}
.side-avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#b8894a;color:#fff;font-weight:700;font-size:14px}
.side .nav{display:flex;flex-direction:column;gap:4px;margin:0;padding:12px 12px 16px;overflow-y:auto;flex:1}
.side .nav button{color:#e6eef7;background:transparent;border:0;text-align:start;cursor:pointer;font-family:inherit}
.nav-ico{width:19px;height:19px;flex:none;opacity:.9}
.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:10px;font-size:14.5px;line-height:1.4}
.side .nav .nav-item:hover{background:#ffffff14;color:#fff}
.side .nav .nav-item.active{background:#ffffff26;color:#fff;font-weight:700;box-shadow:inset -3px 0 0 #b8894a}
.nav-flat{display:grid;gap:2px;margin-bottom:6px}
.nav-indent{padding-inline-start:41px}
.nav-sec{display:grid}
.side .nav .nav-head{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;font-weight:700;font-size:14.5px;color:#fff}
.side .nav .nav-head:hover{background:#ffffff12}
.nav-chev{margin-inline-start:auto;width:7px;height:7px;color:#b9cbe0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-block-end:3px}
.nav-sec.open .nav-chev{transform:rotate(-135deg);margin-block-end:-3px}
.nav-items{display:none;gap:1px;padding:2px 0 8px;margin-inline-start:21px;border-inline-start:1px solid #ffffff24}
.nav-sec.open .nav-items{display:grid}
.nav-items .nav-item{padding:7px 14px;font-size:14px;border-radius:8px;color:#d3e0ee}
.nav-sub{font-size:11.5px;letter-spacing:.04em;color:#8fa9c6;padding:10px 14px 3px;font-weight:600}
.nav-foot{margin-top:auto;padding-top:12px;border-top:1px solid #ffffff1a;display:grid;gap:2px}
.nav-tool{color:#b9cbe0}
.side .nav-badge{margin-inline-start:auto}

/* --- الشريط العلوي ومساحة المحتوى --- */
.main{padding:0 32px 40px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;margin-bottom:8px;border-bottom:1px solid #e4e7ec;position:sticky;top:0;z-index:50;background:#f3f6f9}
.crumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:#667085}
.crumbs #crumb-group:not(:empty)::after{content:"";display:inline-block;width:6px;height:6px;color:#98a2b3;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:10px;vertical-align:middle}
.crumbs #crumb-page{color:#173b63;font-weight:700}
.nav-back{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border:1px solid #d0d5dd;border-radius:999px;background:#ffffff;color:#173b63;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.nav-back::before{content:"\2192";font-size:15px;line-height:1}
html[dir=ltr] .nav-back::before{content:"\2190"}
.nav-back:hover{background:#eef4fb;border-color:#9fb6d3}
.topbar-date{font-size:13px;color:#667085}
.main>#content{max-width:1680px}

/* --- عناوين الصفحات --- */
.top{margin:10px 0 20px;align-items:flex-end}
.top h1{margin:0;font-size:26px;line-height:1.3;color:#132f50;font-weight:700;text-wrap:balance}
.top .muted{margin-top:4px}
.main h2{color:#173b63;font-size:20px}
.main h3{color:#173b63;font-size:17px;margin-top:0}

/* --- البطاقات --- */
.card{border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 1px 2px #1018280a;padding:20px}
.section{margin-top:18px}
.cards{gap:14px}
.value{font-variant-numeric:tabular-nums}

/* --- الجداول --- */
.table-wrap{border:1px solid #e4e7ec;border-radius:12px;background:#fff}
.table{font-size:14px}
.table th{background:#f8fafc;color:#475467;font-size:13px;font-weight:600;white-space:nowrap;border-bottom:1px solid #e4e7ec}
.table td{border-bottom:1px solid #edf0f4;vertical-align:middle;font-variant-numeric:tabular-nums}
.table tbody tr:hover td{background:#f8fafc}
.table tbody tr:last-child td{border-bottom:0}

/* --- الأزرار --- */
.btn{border-radius:10px;padding:10px 16px;font-weight:600;font-size:14px;line-height:1.3;transition:background-color .15s,box-shadow .15s;font-family:inherit}
.btn-primary{background:#173b63;color:#fff}
.btn-primary:hover{background:#132f50}
.btn-secondary{background:#eaf0f6;color:#173b63}
.btn-secondary:hover{background:#dde6f0}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn:focus-visible,.nav-item:focus-visible,.nav-head:focus-visible,.tl-chip:focus-visible{outline:2px solid #b8894a;outline-offset:2px}
.actions{gap:10px}

/* --- الحقول --- */
.main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.main select,.main textarea{border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit;background:#fff;color:#1f2937;max-width:100%}
.main input:focus,.main select:focus,.main textarea:focus{outline:none;border-color:#1f5f99;box-shadow:0 0 0 3px #1f5f9926}
.field label{font-weight:600;font-size:14px;color:#344054}
.form-grid{gap:14px}

/* --- حالات وشارات --- */
.status{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;background:#eef2f6;color:#344054}
.msg{color:#b42318}
.toast{border-radius:12px;box-shadow:0 10px 30px #10182833}

/* --- شاشة الدخول --- */
.login{background:radial-gradient(1200px 600px at 85% -10%,#285e91 0%,transparent 60%),linear-gradient(135deg,#132f50,#1f5f99)}
.login-card{border-radius:20px;padding:36px 32px;box-shadow:0 30px 80px #0b1d3340}
.login-card .sub{text-align:center;font-weight:600;color:#475467}

@media(max-width:780px){
.shell{grid-template-columns:1fr}
.side{position:static;height:auto}
.side-top{padding:14px 16px;grid-template-columns:auto 1fr;align-items:center}
.side-top .brand img{max-width:110px;margin:0}
.side-user{background:transparent;padding:0}
.main{padding:0 16px 24px}
.topbar{position:static;padding:12px 0}
.topbar-date{display:none}
.top h1{font-size:22px}
.card{padding:16px}
}

/* --- لوحة التحكم: بطاقات ملخص قابلة للنقر --- */
.dtiles{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:14px}
.dtile{display:grid;gap:8px;align-content:start;text-align:start;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:16px 18px;cursor:pointer;font-family:inherit;color:#1f2937;box-shadow:0 1px 2px #1018280a;transition:border-color .15s,box-shadow .15s}
.dtile:hover{border-color:#b9cbe0;box-shadow:0 4px 14px #10182814}
.dtile-label{font-size:13px;font-weight:600;color:#475467}
.dtile-main{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.dtile-main b{font-size:30px;line-height:1.1;color:#132f50;font-variant-numeric:tabular-nums}
.dtile-link{font-size:13px;color:#1f5f99;font-weight:600}
.dtile-bad{border-color:#f5c2bd}
.dtile-bad .dtile-main b{color:#b42318}
.dstack{display:flex;height:8px;border-radius:999px;overflow:hidden;background:#edf0f4}
.dstack span{display:block;height:100%}
.dstack .ok,.dlegend i.ok{background:#1f7a4d}
.dstack .warn,.dlegend i.warn{background:#d9a441}
.dstack .bad,.dlegend i.bad{background:#c4453a}
.dlegend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#475467;font-variant-numeric:tabular-nums}
.dlegend span{display:inline-flex;align-items:center;gap:6px}
.dlegend i{width:9px;height:9px;border-radius:3px;display:inline-block}
.dtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
@media(max-width:980px){.dtiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dtile-wide{grid-column:span 2}}
@media(max-width:520px){.dtiles{grid-template-columns:1fr}.dtile-wide{grid-column:auto}}
.lv-form{margin-bottom:6px}
.lv-form .form-grid{align-items:end}
.lv-list{padding:6px 20px}

/* بيانات الدخول وواتساب وتغيير كلمة المرور المؤقتة */
.btn-wa{background:#1f8f4e;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.btn-wa:hover{background:#18763f}
.cred-card{display:grid;gap:12px}
.cred-msg{margin:0;white-space:pre-wrap;font-family:inherit;font-size:15px;line-height:1.8;background:#f8fafc;border:1px solid #e4e7ec;border-radius:10px;padding:14px 16px;color:#1f2937;direction:rtl}
.cred-note{font-size:13px}
.pw-note{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#fff7e8;color:#6b4a14;font-size:14px;line-height:1.7}

/* الموظف الجديد بانتظار الاعتماد الرسمي */
.employee-status-pending{background:#fff3dc;color:#8a5a00}
.act-note{padding:10px 12px;border-radius:10px;background:#fff7e8;color:#6b4a14;font-size:14px;line-height:1.7}
.act-form{align-items:end}
.emp-pending-note .muted{font-size:13px;line-height:1.7}
/* الإجازات: الرصيد والمعاينة والتنبيهات وإعدادات الأنواع */
.lv-balance{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.lv-bal{background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.lv-bal span{font-size:13px;color:#667085}
.lv-bal b{font-size:24px;color:#173b63;font-variant-numeric:tabular-nums;line-height:1.3}
.lv-bal small{font-size:12px;color:#667085}
.lv-form .lv-check{display:flex;align-items:center}
.lv-form .lv-check label{display:flex;gap:8px;align-items:center;font-weight:600;cursor:pointer}
.lv-form .lv-reason{grid-column:1/-1}
.lv-rule{grid-column:1/-1;font-size:13px;line-height:1.7}
.lv-preview{grid-column:1/-1;background:#f8fafc;border:1px solid #e4e7ec;border-radius:10px;padding:10px 14px;display:grid;gap:4px;font-size:14px}
.lv-warn{color:#9a5b00;background:#fdf2df;border-radius:8px;padding:4px 10px;font-size:13px}
.lv-err{color:#b42318;background:#fdecea;border-radius:8px;padding:4px 10px;font-size:13px}
.lv-req{color:#b42318;font-size:12px;font-weight:700}
.lv-note{padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit;font-size:14px;min-width:0;flex:1 1 160px}
.lv-cut{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:end;background:#f8fafc;border-radius:10px;padding:10px}
.lv-cut label{display:grid;gap:4px;font-size:13px}
.lv-cut input{padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit}
.lv-filters{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}
.lv-filters input,.lv-filters select{padding:9px 11px;border:1px solid #d0d5dd;border-radius:9px;font:inherit;font-size:14px;flex:1 1 180px;max-width:320px}
.lv-types input:not([type=checkbox]),.lv-types select{width:100%;min-width:90px;padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit;font-size:14px}
.lv-types td{vertical-align:top}
.lv-ref{font-size:12px;margin-top:4px}
.lv-chks{display:grid;gap:4px;min-width:140px}
.lv-chk{display:flex;gap:6px;align-items:center;font-size:13px;white-space:nowrap;cursor:pointer}
.lv-off td{opacity:.6}
.lv-note-card{font-size:14px;line-height:1.8;color:#475467}
.lv-note-card b{color:#173b63}
@media(max-width:780px){.lv-list{padding:6px 14px}.lv-note{flex-basis:100%}}
.lv-open p{margin:0;font-size:14px;line-height:1.7}
.lv-open{display:flex;flex-direction:column;gap:14px}
.lv-rc-emp{max-width:440px}
.lv-rc-body{display:flex;flex-direction:column;gap:14px}
.lv-rc-body .lv-h{margin:0 0 8px}
.lv-bal b.lv-date{font-size:17px}
.lv-form .lv-check label{white-space:nowrap}
.lv-types select{min-width:138px}
/* إضافة موظف على خطوات */
.ew-card{display:grid;gap:18px}
.ew-who{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.ew-who b{font-size:18px;color:#173b63}
.ew-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;counter-reset:ew}
.ew-step button{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:6px 2px;font:inherit;font-size:13px;color:#667085;cursor:pointer;text-align:center;line-height:1.4}
.ew-step button:disabled{cursor:default;opacity:.55}
.ew-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#eef2f6;color:#475467;border:2px solid #dce5ed;font-variant-numeric:tabular-nums}
.ew-step.done .ew-n{background:#e6f4ec;color:#1f7a4d;border-color:#9fd3b5}
.ew-step.current .ew-n{background:#173b63;color:#ffffff;border-color:#173b63}
.ew-step.current button{color:#173b63;font-weight:700}
.ew-step button:focus-visible{outline:3px solid #b8894a;outline-offset:2px;border-radius:10px}
.ew-form{align-items:end}
.ew-wide{grid-column:1/-1}
.ew-sub{font-weight:700;color:#173b63;padding-top:6px;border-top:1px solid #e4e7ec}
.ew-static{padding:12px;border:1px dashed #d0d5dd;border-radius:10px;color:#475467;font-variant-numeric:tabular-nums;background:#f8fafc}
.ew-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4e7ec;padding-top:14px}
.ew-review{display:grid;gap:14px}
.ew-review section{border:1px solid #e4e7ec;border-radius:12px;padding:12px 16px}
.ew-review h4{margin:0 0 8px;color:#173b63;font-size:15px}
.ew-review dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 16px}
.ew-review dt{font-size:12px;color:#667085}
.ew-review dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.ew-pending summary{cursor:pointer;display:flex;gap:8px;align-items:center}
.ew-pending .drows{margin-top:8px}
@media(max-width:780px){.ew-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.ew-step button{font-size:12px}}
.ew-review dd{unicode-bidi:plaintext}
/* مراحل طلب الإجازة المتسلسلة */
.lv-progress{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:12px}
.lv-progress li{display:flex;align-items:center;gap:6px;color:#98a2b3;padding-inline-end:22px;position:relative}
.lv-progress li::before{content:"";width:9px;height:9px;border-radius:50%;background:#d0d5dd;flex:none}
.lv-progress li:not(:last-child)::after{content:"";position:absolute;inset-inline-end:6px;top:50%;width:10px;height:2px;background:#d0d5dd}
.lv-progress li.done{color:#1f7a4d}
.lv-progress li.done::before{background:#1f7a4d}
.lv-progress li.current{color:#173b63;font-weight:700}
.lv-progress li.current::before{background:#b8894a;box-shadow:0 0 0 3px #f6eee2}
.lv-h{margin-bottom:8px;color:#173b63}
.lv-linked{background:#e8eef5;color:#173b63;border-radius:10px;padding:10px 14px;margin-bottom:8px;font-weight:600}
.lv-form .imp-head .att-tabs{margin:0}
.lv-preview[hidden],.lv-form .field[hidden]{display:none}
/* ملف إنهاء الخدمة */
.tm-body{display:grid;gap:12px}
.tm-body h3{margin:0;color:#173b63}
.tm-body p{margin:0;line-height:1.7}
.tm-dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 18px;border:1px solid #e4e7ec;border-radius:12px;padding:14px 16px}
.tm-dl dt{font-size:12px;color:#667085}
.tm-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere;unicode-bidi:plaintext}
.tm-total{font-size:17px;color:#173b63;background:#e8eef5;border-radius:10px;padding:10px 14px}
.lv-ok{color:#1f7a4d;background:#e6f4ec;border-radius:8px;padding:8px 12px;font-weight:600}
.tm-items input,.tm-items select{width:100%;min-width:80px;padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit;font-size:14px}
.tm-items td{vertical-align:middle}
/* الرواتب والأجور: لوحة المالية ومربع مسير الموظف والكشف المالي ودورة السلف والتسويات */
.fn-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.fn-kpi{display:flex;flex-direction:column;gap:2px;background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:12px 14px}
.fn-kpi span{color:#667085;font-size:12.5px}
.fn-kpi b{font-size:20px;color:#173b63;font-variant-numeric:tabular-nums}
.fn-kpi small{color:#667085;font-size:11.5px;line-height:1.6}
.fn-kpi.main{background:#173b63;border-color:#173b63}
.fn-kpi.main span,.fn-kpi.main small{color:#c9d7e6}
.fn-kpi.main b{color:#ffffff}
.fn-kpi.plus{border-inline-start:4px solid #146c43}
.fn-kpi.minus{border-inline-start:4px solid #a3281d}
.fn-kpi.pay{border-inline-start:4px solid #b8894a}
.fn-table-wrap{overflow-x:auto;padding:0}
.fn-table-wrap h3{margin:14px 16px 8px;color:#173b63;font-size:16px}
.fn-table{min-width:880px}
.fn-table td{font-variant-numeric:tabular-nums;vertical-align:middle}
.fn-row[hidden]{display:none}
.fn-table tr.fn-empty td{color:#98a2b3}
.fn-notes{white-space:normal;font-size:12px;color:#667085;max-width:260px}
.fn-card{display:grid;gap:14px}
.fn-card-h{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eef1f4;padding-bottom:12px}
.fn-card-h>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.fn-card-h b{font-size:18px;color:#173b63}
.fn-card-h span{color:#667085;font-size:13px}
.fn-card-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.fn-box{background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:12px 14px;display:grid;gap:8px;align-content:start}
.fn-box h3{margin:0;color:#173b63;font-size:15px}
.fn-lines{margin:0;display:grid;gap:5px;font-size:13px}
.fn-lines div{display:flex;justify-content:space-between;gap:8px}
.fn-lines dt{color:#475467}
.fn-lines dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.fn-lines .neg dd{color:#a3281d}
.fn-lines .tot{border-top:1px solid #d0d5dd;padding-top:6px}
.fn-lines .tot.net{border-top:2px solid #173b63}
.fn-lines .tot.net dd{color:#173b63;font-size:16px}
.fn-note{margin:0;font-size:12.5px;color:#475467;line-height:1.8}
.fn-bal{display:flex;justify-content:space-between;gap:8px;border-radius:10px;padding:9px 11px;font-size:13px}
.fn-bal span{display:flex;flex-direction:column;gap:1px}
.fn-bal small{font-size:11px;color:#667085}
.fn-bal b{font-variant-numeric:tabular-nums;white-space:nowrap}
.fn-bal.ok{background:#e7f4ec}
.fn-bal.no{background:#f2f4f7;color:#475467}
.fn-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0}
.fn-sum div{background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.fn-sum span{font-size:12px;color:#667085}
.fn-sum b{font-size:16px;color:#173b63;font-variant-numeric:tabular-nums}
.fn-stmt{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start}
.fn-stmt h3{margin:0 0 10px;color:#173b63;font-size:16px}
.fn-ev{list-style:none;margin:0;padding:0;border-inline-start:3px solid #e4e7ec;display:grid;gap:4px;max-height:640px;overflow:auto}
.fn-ev li{position:relative;padding:4px 16px 8px;font-size:13px;line-height:1.7;display:flex;flex-direction:column}
.fn-ev li::before{content:"";position:absolute;inset-inline-start:-8px;top:9px;width:12px;height:12px;border-radius:50%;background:#b8894a}
.fn-ev li.advance::before{background:#1f5f99}
.fn-ev li.settlement::before{background:#7a4e00}
.fn-ev li.leave::before{background:#146c43}
.fn-ev li.hire::before,.fn-ev li.end::before{background:#173b63}
.fn-ev li b{color:#173b63}
.fn-ev li small{color:#667085}
.fn-ev li span{color:#475467;font-size:12.5px}
.fc-list{display:grid;gap:10px}
.fc-row{display:grid;gap:10px}
.fc-row[hidden]{display:none}
.fc-top{display:flex;gap:10px;align-items:center}
.fc-who{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.fc-who b{color:#173b63}
.fc-who small{color:#667085}
.fc-d{color:#344054;font-weight:600;font-size:13.5px}
.fc-act{display:flex;gap:8px;flex-wrap:wrap}
.fc-more{display:grid;gap:8px}
.fc-more[hidden]{display:none}
@media(max-width:1000px){.fn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fn-card-g,.fn-stmt{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.fn-kpis{grid-template-columns:minmax(0,1fr)}.fc-top{flex-wrap:wrap}}
/* إنهاء الخدمة: الملف بمراحله السبع */
.tm-h{margin:0 0 8px;color:#173b63;font-size:16px}
.tm-who{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#ffffff;border:1px solid #e4e7ec;border-radius:14px;padding:12px 16px;margin-bottom:12px}
.tm-av{width:46px;height:46px;border-radius:50%;background:#173b63;color:#ffffff;display:grid;place-items:center;font-weight:800;flex:none}
.tm-who>div:not(.tm-tags){display:flex;flex-direction:column;gap:2px;min-width:0}
.tm-who b{font-size:17px;color:#173b63}
.tm-who span{color:#667085;font-size:13px}
.tm-tags{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tm-tag{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;background:#eef4fb;color:#1f5f99}
.tm-tag.w{background:#fff4e0;color:#8a5a00}
.tm-tag.g{background:#e7f4ec;color:#146c43}
.tm-steps7{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#ffffff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden}
.tm-steps7 li{border-inline-start:1px solid #eef1f4}
.tm-steps7 li:first-child{border-inline-start:0}
.tm-steps7 button{width:100%;height:100%;background:none;border:0;padding:12px 6px;text-align:center;font:inherit;font-size:12px;color:#667085;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
.tm-steps7 button:disabled{cursor:default;opacity:.7}
.tm-steps7 i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4e7ec;color:#667085;font-style:normal;font-weight:800}
.tm-steps7 b{color:#1d2939;font-size:13px}
.tm-steps7 small{font-size:11.5px}
.tm-steps7 li.ok{background:#f3faf6}
.tm-steps7 li.ok i{background:#146c43;color:#ffffff}
.tm-steps7 li.cur{background:#fff8e6;box-shadow:inset 0 -4px 0 #b8894a}
.tm-steps7 li.cur i{background:#b8894a;color:#ffffff}
.tm-notice{display:flex;flex-direction:column;gap:4px;border-radius:12px;padding:12px 14px;border:1px solid #cfe3d7;background:#f3faf6;color:#1d2939;line-height:1.8}
.tm-notice.warn{border-color:#f1d9a6;background:#fffaf0}
.tm-notice b{color:#173b63}
.tm-ck{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tm-ck li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid #e4e7ec;border-radius:10px;padding:9px 12px}
.tm-ck li>i{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;background:#e4e7ec;color:#667085}
.tm-ck li>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:180px}
.tm-ck li b{color:#1d2939}
.tm-ck li span{color:#667085;font-size:13px}
.tm-ck li.ok{background:#f7fbf8}
.tm-ck li.ok>i{background:#146c43;color:#ffffff}
.tm-ck li.w{border-color:#f1d9a6;background:#fffaf0}
.tm-ck li.w>i{background:#b7791f;color:#ffffff}
.tm-ck .lv-note{flex:0 1 220px}
.tm-custody{display:grid;gap:8px;border:1px dashed #b9c6d6;border-radius:12px;padding:12px 14px}
.tm-custody h4{margin:0;color:#173b63}
.tm-st{width:100%;border-collapse:collapse;font-size:13.5px}
.tm-st td{padding:9px 8px;border-top:1px solid #eef1f4;vertical-align:top}
.tm-st td:last-child{text-align:end;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.tm-st small{display:block;color:#667085;font-weight:400;font-size:11.5px}
.tm-st tr.sec td{background:#f5f7fa;color:#173b63;font-weight:800;border-top:0}
.tm-st tr.neg td:last-child{color:#a3281d}
.tm-st tr.info td{color:#667085}
.tm-st tr.muted td{color:#98a2b3}
.tm-st tr.tot td{background:#173b63;color:#ffffff;font-size:15px}
.tm-nt{background:#eef4fb;border-radius:10px;padding:10px 12px;font-size:13px;color:#173b63;line-height:1.8}
.tm-check{display:flex;gap:8px;align-items:center;font-weight:600;color:#8a5a00;background:#fffaf0;border:1px solid #f1d9a6;border-radius:10px;padding:10px 12px}
.tm-files .em-rows{max-height:none}
.tmf-row[hidden],.tma-row[hidden]{display:none}
.tm-meter{width:70px;height:6px;border-radius:4px;background:#e4e7ec;overflow:hidden;flex:none}
.tm-meter i{display:block;height:100%;background:#146c43}
.tm-arc-act{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1000px){.tm-steps7{grid-template-columns:repeat(4,minmax(0,1fr))}.tm-steps7 li{border-top:1px solid #eef1f4}}
@media(max-width:560px){.tm-steps7{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-tags{margin-inline-start:0}.tm-meter{display:none}}
/* أنظمة الدوام: زر «+» بجانب القائمة ومحرّر الأيام والأوقات */
.ws-pick{display:flex;gap:8px;align-items:stretch}
.ws-pick select{flex:1;min-width:0}
.ws-plus{min-width:44px;padding:0 12px;font-size:20px;font-weight:700;line-height:1}
.ws-editor{display:grid;gap:12px;border:1px solid #c9d7e6;border-radius:12px;padding:14px 16px;background:#f7fafd}
.ws-head{display:flex;flex-direction:column;gap:2px}
.ws-head b{color:#173b63;font-size:15px}
.ws-days{display:grid;gap:6px}
.ws-day{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 10px;border:1px solid #e4e7ec;border-radius:10px;background:#ffffff}
.ws-dayname{display:flex;align-items:center;gap:8px;min-width:110px;font-weight:700;color:#173b63}
.ws-periods{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.ws-period{display:flex;align-items:center;gap:6px}
.ws-period input{width:auto;min-width:0;padding:6px 8px;font-variant-numeric:tabular-nums}
.ws-split{display:flex;align-items:center;gap:6px;font-size:13px;color:#475467}
.ws-off-note{display:none;color:#98a2b3;font-size:13px}
.ws-day.off{background:#f8fafc}
.ws-day.off .ws-dayname{color:#98a2b3}
.ws-day.off .ws-period,.ws-day.off .ws-split{display:none}
.ws-day.off .ws-off-note{display:inline}
.ws-warn{padding:8px 12px;border-radius:10px;background:#fff7e6;color:#8a5a00;font-size:13px}
.ws-inactive .drow-main b{color:#98a2b3}
.ws-period[hidden],#ws-box[hidden],#ew-ws-box[hidden]{display:none}
/* الرواتب والأجور: مسير الشهر بمراحله */
.pr-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
.pr-period{align-items:center}
.pr-period input{padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit}
.pr-recent{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pr-recent .tl-chip{display:inline-flex;align-items:center;gap:6px}
.pr-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:17px;color:#173b63}
.pr-head .pr-del{margin-inline-start:auto}
.pr-lead{margin:4px 0 12px;color:#475467;line-height:1.8}
.pr-legal{font-size:13px;line-height:1.8}
.pr-checks,.pr-stages{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.pr-check,.pr-stage{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid #e4e7ec;border-radius:10px;background:#ffffff}
.pr-check div,.pr-stage div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pr-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;flex:none;background:#d0d5dd}
.pr-check.ok .pr-dot,.pr-stage.done .pr-dot{background:#1f7a4d}
.pr-check.warn{border-color:#f5d9a8;background:#fffaf0}
.pr-check.warn .pr-dot{background:#b7791f}
.pr-stage.current{border-color:#173b63}
.pr-stage.current .pr-dot{background:#b8894a}
.pr-more summary{cursor:pointer;color:#1f5f99;font-size:13px;margin-top:4px}
.pr-more ul{margin:6px 0 0;padding-inline-start:18px;font-size:13px;color:#475467}
.pr-tools{flex-wrap:wrap;margin-bottom:10px}
.pr-return{padding:10px 14px;border-radius:10px;background:#fff7e6;color:#7a4e00;font-size:14px;line-height:1.8;margin-bottom:12px}
.pr-return ul{margin:6px 0;padding-inline-start:18px}
.pr-sums{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0 0 12px}
.pr-sum{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}
.pr-sum span{font-size:12px;color:#667085}
.pr-sum b{font-size:16px;color:#173b63;font-variant-numeric:tabular-nums}
.pr-sum.pr-main{background:#173b63;border-color:#173b63}
.pr-sum.pr-main span{color:#c9d7e6}
.pr-sum.pr-main b{color:#ffffff}
.pr-sum.pr-muted b{color:#475467}
.pr-table-wrap{overflow-x:auto;border:1px solid #e4e7ec;border-radius:10px}
.pr-table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}
.pr-table th{background:#f2f5f9;color:#173b63;font-weight:700;text-align:start;padding:9px 8px;white-space:nowrap}
.pr-table td{padding:8px;border-top:1px solid #edf0f4;font-variant-numeric:tabular-nums;vertical-align:top;white-space:nowrap}
.pr-table td.pr-emp{white-space:normal;min-width:170px}
.pr-emp b,.pr-emp span{display:block}
.pr-sub{display:block;font-size:12px}
.pr-hint{display:block;font-size:11px;color:#1f5f99}
.pr-bad{color:#a3281d}
.pr-net{font-weight:700;color:#173b63}
.pr-total td{background:#f8fafc;font-weight:700;border-top:2px solid #d0d5dd}
.pr-editor{margin-top:12px}
.pr-decide{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.pr-decide input[type=date]{padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit}
.pr-bank{display:grid;gap:10px;border:1px solid #e4e7ec;border-radius:12px;padding:14px 16px;background:#f8fafc;margin-bottom:12px}
.pr-bank-head{display:flex;flex-direction:column;gap:2px}
.pr-bank-head b{color:#173b63;font-size:16px}
.pr-bank-info{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px}
.pr-bank-info dt{font-size:12px;color:#667085}
.pr-bank-info dd{margin:0;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pr-howto{margin:0;padding-inline-start:20px;color:#475467;font-size:14px;line-height:1.9}
.tl-slip{margin-inline-start:8px;background:none;border:0;padding:0;font:inherit;font-size:13px;color:#1f5f99;text-decoration:underline;cursor:pointer}
@media(max-width:780px){.pr-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.pr-sums{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* صرف الرواتب: ثماني مراحل حتى الإقفال */
.pr-steps.pr-steps8{grid-template-columns:repeat(8,minmax(0,1fr))}
.pr-diff{display:inline-block;margin-inline-start:6px;padding:1px 6px;border-radius:999px;font-size:11px;font-weight:600}
.pr-diff.up{background:#e8f5ee;color:#1f7a4d}
.pr-diff.down{background:#fdecea;color:#a3281d}
.pr-diff.new{background:#eef4fb;color:#1f5f99}
.pr-approved{padding:10px 14px;border-radius:10px;background:#e8f5ee;color:#1f5a3c;font-size:14px;line-height:1.8;margin-bottom:12px}
.pr-locked{padding:10px 14px;border-radius:10px;background:#f2f5f9;color:#173b63;font-size:14px;line-height:1.8;margin-bottom:12px;border:1px solid #d0d5dd}
.pr-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0 0 12px}
.pr-kpi{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e4e7ec;border-inline-start:4px solid #d0d5dd;border-radius:10px;background:#ffffff}
.pr-kpi span{font-size:12px;color:#667085}
.pr-kpi b{font-size:18px;color:#173b63;font-variant-numeric:tabular-nums}
.pr-kpi.paid{border-inline-start-color:#1f7a4d}
.pr-kpi.in_batch,.pr-kpi.ready{border-inline-start-color:#1f5f99}
.pr-kpi.held{border-inline-start-color:#a3281d}
.pr-kpi.blocked{border-inline-start-color:#b7791f}
.pr-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin:0 0 12px}
.pr-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}
.pr-file div{display:flex;flex-direction:column;gap:3px;min-width:0}
.pr-file b{color:#173b63}
.pr-file .muted{font-size:12px;line-height:1.7}
.pr-file .btn{flex:none}
.pr-issue{display:grid;gap:10px;border:1px solid #d0d5dd;border-radius:12px;padding:14px 16px;background:#ffffff;margin-bottom:12px}
.pr-issue h3{margin:0;font-size:16px;color:#173b63}
.pr-issue p{margin:0;line-height:1.8}
.pr-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.pr-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border:2px dashed #b9c6d6;border-radius:12px;background:#f8fafc;color:#173b63;text-align:center;cursor:pointer}
.pr-drop:hover{border-color:#173b63}
.pr-drop input{max-width:100%;font-size:12px}
.pr-batches{display:grid;gap:8px;margin:0 0 12px}
.pr-batch{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;border:1px solid #e4e7ec;border-inline-start:4px solid #1f5f99;border-radius:10px;background:#ffffff}
.pr-batch>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.pr-batch .muted{font-size:12px}
.pr-batch .tl-pill{align-self:flex-start}
.pr-batch.paid{border-inline-start-color:#1f7a4d}
.pr-batch .actions{margin:0;flex-wrap:wrap}
@media(max-width:1100px){.pr-steps.pr-steps8{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:10px}}
@media(max-width:780px){.pr-grid2{grid-template-columns:minmax(0,1fr)}.pr-file{flex-direction:column;align-items:stretch}}
/* مركز الإعدادات */
.st-progress{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border:1px solid #e4e7ec;border-radius:12px;background:#ffffff}
.st-progress b{font-size:20px;color:#173b63;font-variant-numeric:tabular-nums}
.st-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.st-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e4e7ec;border-radius:12px;background:#ffffff}
.st-card.todo{border-color:#f5d9a8;background:#fffaf0}
.st-n{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#eef2f6;color:#475467;border:2px solid #dce5ed;font-variant-numeric:tabular-nums}
.st-card.done .st-n{background:#e6f4ec;color:#1f7a4d;border-color:#9fd3b5}
.st-card.todo .st-n{background:#fff3dc;color:#8a5a00;border-color:#f5d9a8}
.st-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.st-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-title b{color:#173b63;font-size:15px}
.st-summary{font-size:14px;color:#344054}
.st-used{font-size:12px}
.st-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;margin-top:2px}
.st-role{flex:0 1 170px}
.st-form{margin-bottom:12px}
.st-seq input[type=text],.st-seq input:not([type]),.st-seq input[type=number]{width:100%;min-width:70px;padding:6px 8px;border:1px solid #d0d5dd;border-radius:8px;font:inherit}
.st-preview{font-weight:700;color:#173b63}
.role-edit{margin-top:10px}
.pr-account{max-width:520px}
@media(max-width:780px){.st-card{flex-wrap:wrap}.st-card .dbtn{flex:1 1 100%}}
/* السياسات والنسب */
.st-quick{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.st-plus{font-weight:700;color:#173b63}
.st-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.st-pol-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;margin-bottom:6px}
.st-pol-head>div:first-child{display:flex;flex-direction:column;gap:3px}
.st-pol-head b{color:#173b63;font-size:16px}
.st-pol-head .st-quick{margin:0}
.st-group{border:1px solid #e4e7ec;border-radius:12px;padding:10px 14px 4px;margin:12px 0 0}
.st-group legend{font-weight:700;color:#173b63;padding:0 6px}
.st-pol{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,220px) minmax(200px,1.6fr);gap:6px 14px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}
.st-pol:last-child{border-bottom:0}
.st-pol label{font-weight:600;color:#344054}
.st-pol.changed{background:#fffaf0;margin:0 -8px;padding-inline:8px;border-radius:8px}
.st-pol-input{display:flex;align-items:center;gap:6px}
.st-pol-input input{width:100%;min-width:0;padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;font:inherit;font-variant-numeric:tabular-nums}
.st-unit{font-size:12px;color:#667085;white-space:nowrap}
.st-pol-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}
.st-reset{background:none;border:0;padding:0;font:inherit;font-size:12px;color:#1f5f99;text-decoration:underline;cursor:pointer}
.st-pol-effect{grid-column:1/-1;font-size:13px;color:#475467;line-height:1.7;padding:6px 10px;background:#f5f8fc;border-inline-start:3px solid #9fb6d3;border-radius:6px}
.st-pol-effect b{color:#173b63;font-weight:700}
.st-effect{display:flex;flex-direction:column;gap:4px;margin:4px 0 14px;padding:12px 14px;background:#eef4fb;border:1px solid #c9d9ec;border-inline-start:4px solid #1d4f86;border-radius:10px;font-size:14px;line-height:1.8;color:#344054}
.st-effect b{color:#173b63}
.st-card-effect{font-size:13px;color:#475467;line-height:1.7}
.st-card-effect b{color:#173b63}
.st-check,.st-radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#344054}
.st-check input,.st-radio input{width:18px;height:18px;margin:0;padding:0;accent-color:#1d4f86;flex:none}
.st-radios{flex-direction:column;align-items:flex-start;gap:8px}
.st-radio{font-weight:500}
.st-pol-choice .st-pol-input{min-height:38px}
@media(max-width:780px){.st-pol{grid-template-columns:1fr}}
/* مركز التقارير */
.rp-groups{display:flex;flex-direction:column;gap:18px}
.rp-group h3{margin:0 0 10px;color:#173b63;font-size:15px}
.rp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(260px,calc((100% - 24px)/3)),1fr));gap:12px}
.rp-card{display:flex;gap:12px;align-items:flex-start;text-align:start;background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:14px;cursor:pointer;font:inherit;color:#1d2939;transition:border-color .15s,box-shadow .15s}
.rp-card:hover{border-color:#b8894a;box-shadow:0 2px 10px #173b6314}
.rp-card.active{border-color:#173b63;box-shadow:0 0 0 2px #173b63 inset}
.rp-card b{display:block;color:#173b63;margin-bottom:3px}
.rp-card small{display:block;color:#667085;line-height:1.6}
.rp-ico{flex:0 0 40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eef3f9;color:#173b63}
.rp-ico svg{width:22px;height:22px}
.rp-payroll{background:#f6efe4;color:#8a5a1c}
.rp-leaves{background:#e9f5ee;color:#146c43}
.rp-terminations{background:#fdecec;color:#a4282a}
.rp-form .imp-head{flex-wrap:wrap;gap:6px 14px}
.rp-emp{grid-column:1/-1}
.rp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rp-chip{display:inline-flex;align-items:center;gap:6px;background:#eef3f9;color:#173b63;border-radius:16px;padding:4px 6px 4px 12px;font-size:13px}
.rp-chip button{border:0;background:#173b63;color:#ffffff;border-radius:50%;width:20px;height:20px;line-height:18px;cursor:pointer;font-size:14px;padding:0}
.rp-off{opacity:.45;pointer-events:none}
.rp-result .imp-head{flex-wrap:wrap;gap:10px}
.rp-bt{margin:16px 0 8px;color:#173b63}
.rp-note{margin-top:6px;font-size:13px}
.rp-table td,.rp-table th{white-space:nowrap}
.rp-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 24px;margin:0}
.rp-kv div{display:flex;gap:10px;padding:6px 0;border-bottom:1px dotted #e4e7ec}
.rp-kv dt{color:#667085;min-width:130px}.rp-kv dd{margin:0;font-weight:600}
.rp-letter{border:1px dashed #b8894a;border-radius:12px;padding:14px;margin:6px 0 10px;background:#fdfaf5}
.rp-letter p{margin:0 0 10px}
.rp-letter textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid #d0d5dd;border-radius:8px;resize:vertical}
.rp-new{display:flex;gap:6px;margin-top:6px}.rp-new input{flex:1}
/* بطاقة مسير موظف واحد في لوحة الرواتب */
.fd-slip .imp-head{flex-wrap:wrap;gap:10px}
.fd-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:10px}
.fd-t td:last-child,.fd-t th:last-child{text-align:end;font-variant-numeric:tabular-nums}
.fd-t tfoot th{background:#f2f5f9;color:#173b63}
.fd-net{margin-top:14px;display:flex;justify-content:space-between;align-items:center;background:#173b63;color:#ffffff;padding:12px 18px;border-radius:10px;font-size:18px}
.pr-all-h{margin:22px 0 10px;color:#173b63}

/* ================================================================
   القائمة العلوية المنسدلة للشاشات الواسعة (الجوال والأجهزة اللوحية تبقى بالقائمة الجانبية)
   ================================================================ */
.nav-me{display:none}
@media(min-width:1101px){
.shell{display:block}
.side{position:sticky;top:0;z-index:200;height:auto;flex-direction:row;align-items:center;gap:14px;padding:0 22px;overflow:visible;background:linear-gradient(90deg,#132f50 0%,#173b63 60%,#1a4674 100%);box-shadow:0 2px 12px #0f2a4a33}
.side-top{display:flex;padding:9px 0;border:0;gap:10px}
.side-top .brand img{max-width:118px;margin:0}
.side-top .side-user{display:none}
.side .nav{flex-direction:row;align-items:center;gap:2px;padding:0;overflow:visible;flex:1;min-width:0}
.nav-flat{display:flex;gap:2px;margin:0}
.nav-flat .nav-item{width:auto;white-space:nowrap}
.nav-flat .nav-item .nav-ico{display:none}
.nav-sec{position:relative}
.side .nav .nav-head{width:auto;white-space:nowrap;padding:9px 12px;font-size:14px;gap:7px}
.side .nav .nav-head .nav-ico{width:17px;height:17px}
.side .nav .nav-item{padding:9px 12px;font-size:14px}
.nav-sec.cur>.nav-head,.side .nav .nav-flat .nav-item.active{background:#ffffff26;box-shadow:inset 0 -3px 0 #b8894a}
.nav-sec.open .nav-items{display:none}
.nav-items{position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:250px;max-height:72vh;overflow-y:auto;margin:0;padding:8px;border:1px solid #e4e7ec;border-radius:12px;background:#ffffff;box-shadow:0 16px 40px #0f2a4a38}
.nav-sec.drop .nav-items{display:grid}
.side .nav .nav-items .nav-item{color:#1d2939;border-radius:8px;font-weight:600;padding:9px 12px}
.side .nav .nav-items .nav-item:hover{background:#eef3f9;color:#173b63}
.side .nav .nav-items .nav-item.active{background:#eef3f9;color:#173b63;box-shadow:inset -3px 0 0 #b8894a}
.nav-items .nav-sub{color:#98a2b3;padding:8px 12px 3px}
.nav-foot{display:none}
.nav-me{display:block;margin-inline-start:auto}
.nav-me .nav-items{inset-inline-start:auto;inset-inline-end:0;min-width:220px}
.side .nav .nav-me .nav-head{background:#ffffff14;border-radius:12px;padding:5px 12px 5px 8px}
.nav-me .side-avatar{width:30px;height:30px;font-size:13px}
.side .nav .nav-items .nav-tool{color:#475467}
.side .nav-badge{margin-inline-start:6px}
.main{padding:0 32px 40px}
.topbar{position:static}
}
@media(min-width:1101px) and (max-width:1800px){
.side .nav .nav-head .nav-ico{display:none}
.side .nav .nav-head,.side .nav .nav-flat .nav-item{padding:9px 9px;font-size:13.5px}
.side-top .brand img{max-width:96px}
}

/* ================================================================
   قائمة الموظفين: بحث شامل، أسماء يمينًا مع «إجراء»، والملف يسارًا
   ================================================================ */
.em-search{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px}
.em-sbox{flex:1 1 380px;display:flex;align-items:center;gap:8px;border:2px solid #173b63;border-radius:11px;padding:0 12px;background:#ffffff}
.main .em-sbox input{border:0!important;box-shadow:none!important;flex:1;min-width:0;padding:11px 0;font-size:15px;background:transparent}
.em-search select{min-width:140px}
.em-xls{background:#e7f4ec;color:#146c43}
.em-xls:hover{background:#d6eddf}
.em-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.em-chips .tl-chip b{margin-inline-start:4px}
.em-ws{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:16px;align-items:start}
.em-list{padding:0;overflow:visible}
.em-lh{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eef1f4;color:#667085;font-size:13px}
.em-rows{max-height:calc(100vh - 290px);overflow-y:auto}
.em-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #f0f2f5;position:relative}
.em-row[hidden]{display:none}
.em-row.cur{background:#eef3f9;box-shadow:inset -4px 0 0 #b8894a}
.em-av{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dfe8f2;color:#173b63;font-weight:800;font-size:13px}
.em-av.f{background:#f6e7ef;color:#8a2b5c}
.em-who{flex:1;min-width:0;text-align:start;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:#1d2939}
.em-who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-who small{display:block;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-who:hover b{color:#1f5f99}
.em-st{font-size:11.5px;padding:3px 9px;border-radius:12px;font-weight:700;white-space:nowrap}
.em-st.ok{background:#e7f4ec;color:#146c43}.em-st.wr{background:#fff4e0;color:#8a5a1c}.em-st.no{background:#fdecec;color:#a4282a}
.em-act{position:relative}
.em-act-btn{height:32px;border:1px solid #d0d5dd;background:#ffffff;border-radius:9px;padding:0 10px;font:inherit;font-weight:700;color:#173b63;cursor:pointer;white-space:nowrap}
.em-menu{position:absolute;inset-inline-end:0;top:38px;z-index:60;width:240px;background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 14px 40px #0f2a4a33;padding:6px;display:grid}
.em-menu[hidden]{display:none}
.em-menu button{display:flex;gap:8px;align-items:center;text-align:start;background:none;border:0;padding:9px 11px;border-radius:8px;font:inherit;font-weight:600;font-size:13.5px;color:#1d2939;cursor:pointer}
.em-menu button:hover{background:#eef3f9}
.em-menu hr{border:0;border-top:1px solid #eef1f4;margin:4px 0;width:100%}
.em-menu .em-del{color:#b42318}.em-menu .em-del:hover{background:#fdecec}
.em-menu small{margin-inline-start:auto;color:#98a2b3;font-weight:400;font-size:11px}
.em-none{padding:24px;text-align:center}
.em-pane{min-width:0}
/* الملف */
.ev{display:grid;gap:14px}
.ev-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ev-big{flex:0 0 70px;height:70px;border-radius:50%;background:#173b63;color:#ffffff;display:grid;place-items:center;font-size:24px;font-weight:800}
.ev-big.f{background:#8a2b5c}
.ev-id{flex:1;min-width:220px}
.ev-id h2{margin:0}
.ev-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ev-tags span:not(.em-st){background:#eef3f9;color:#173b63;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}
.ev-acts{display:flex;gap:8px;flex-wrap:wrap}
.ev-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.ev-kpi{padding:12px 14px}
.ev-kpi span{color:#667085;font-size:12.5px}
.ev-kpi b{display:block;font-size:19px;color:#173b63;margin:2px 0;font-variant-numeric:tabular-nums}
.ev-kpi small{color:#98a2b3}
.ev-kpi.ev-warn{border-color:#f1d9a6;background:#fff8e6}.ev-kpi.ev-bad{border-color:#f4c7c3;background:#fdf3f2}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
.ev-sec{padding:14px 16px}
.ev-sec h3{margin:0 0 10px;font-size:15px;display:flex;align-items:center;gap:8px}
.ev-sec h3 em{font-style:normal;background:#173b63;color:#ffffff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:12px}
.ev-sec dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 18px}
.ev-sec dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dotted #e4e7ec}
.ev-sec dt{color:#667085}
.ev-sec dd{margin:0;font-weight:700;text-align:end;font-variant-numeric:tabular-nums}
.ev-sec dd.ev-warn{color:#8a5a1c}.ev-sec dd.ev-bad{color:#b42318}
.ev-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.ev-doc{border:1px solid #e4e7ec;border-radius:10px;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;font-weight:600}
.ev-tl{margin:0 0 10px;padding:0;list-style:none}
.ev-tl li{display:flex;gap:12px;padding:7px 0;border-bottom:1px dotted #e4e7ec}
.ev-tl time{color:#98a2b3;min-width:88px;font-variant-numeric:tabular-nums}
.ew-total{font-weight:800;color:#173b63}
/* نافذة الحذف */
.ev-shade{position:fixed;inset:0;background:#0f2a4a80;display:grid;place-items:center;z-index:1000;padding:16px}
.ev-modal{width:min(560px,100%);background:#ffffff;border-radius:16px;padding:22px;box-shadow:0 30px 80px #00000066;max-height:90vh;overflow:auto}
.ev-modal h2{margin:0 0 8px;color:#b42318}
.ev-modal ul{margin:10px 0;padding:12px 28px;background:#fdf6f6;border:1px solid #f4d4d4;border-radius:10px;columns:2;font-size:13.5px}
.ev-note{background:#fff8e6;border:1px solid #f1d9a6;color:#7a5412;border-radius:10px;padding:10px 12px;font-size:13px}
.ev-lbl{display:block;margin-top:12px}
.ev-modal input{width:100%;height:46px;border:2px solid #b42318;border-radius:10px;padding:0 12px;font:inherit;font-size:15px;margin-top:6px}
.ev-btns{display:flex;gap:8px;margin-top:14px}
.ev-danger{background:#b42318;color:#ffffff}
.ev-danger:disabled{opacity:.45}
@media(max-width:1000px){.em-ws{grid-template-columns:1fr}.em-rows{max-height:none}}

/* ================================================================
   العقود والتجديد: تسلسل العمل، القائمة، ونوافذ الطلب
   ================================================================ */
.ct-steps{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ct-steps li{display:flex;gap:10px;align-items:center;background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:10px 12px}
.ct-steps li b{flex:0 0 30px;height:30px;border-radius:50%;background:#173b63;color:#ffffff;display:grid;place-items:center;font-size:13px}
.ct-steps li span{display:grid;font-weight:700;color:#1d2939}
.ct-steps li small{font-weight:400;color:#667085;font-size:12px}
.ct-steps li.alt{border-style:dashed;border-color:#f4c7c3;background:#fdf6f6}
.ct-steps li.alt b{background:#b42318;font-size:11px}
.ct-sum{display:flex;gap:6px;margin-inline-start:auto;align-items:center}
.ct-table td{vertical-align:middle}
.ct-table tr.cur td{background:#eef3f9}
.ct-table tr[hidden]{display:none}
.ct-list{overflow:visible}
.ct-list .table-wrap{overflow:visible}
.ct-acts{display:flex;gap:6px;flex-wrap:wrap}
.ct-modal{width:min(620px,100%);background:#ffffff;border-radius:16px;padding:22px;box-shadow:0 30px 80px #00000066;max-height:90vh;overflow:auto;display:grid;gap:12px}
.ct-modal.wide{width:min(1100px,100%);background:#f5f7fa}
.ct-modal h2{margin:0;color:#173b63}
.ct-modal textarea{width:100%}
.ct-who{font-size:15px}
.ct-cur{background:#f5f7fa;border:1px solid #e4e7ec;border-radius:10px;padding:10px 12px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ct-form{margin:0}
.ct-end{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:10px;background:#eef3f9;color:#173b63;font-weight:800;font-variant-numeric:tabular-nums}
.ct-seq{margin:0;padding:12px 30px;background:#f5f7fa;border:1px solid #e4e7ec;border-radius:10px;display:grid;gap:6px;font-size:14px}
.ev-alert{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:#fdf3f2;border:1px solid #f4c7c3;border-inline-start:5px solid #b42318;border-radius:12px;padding:12px 16px;color:#7a1f1a}
.ev-alert b{flex-basis:100%}
.ev-alert span{flex:1 1 320px;font-size:13.5px}
.ev-more{margin-top:10px}
@media(max-width:1000px){.ct-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-list .table-wrap{overflow-x:auto}}
@media(max-width:560px){.ct-steps{grid-template-columns:1fr}}
.ct-modal input:not([type=checkbox]):not([type=radio]),.ct-modal select,.ct-modal textarea{width:100%;min-height:44px;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit;background:#ffffff;color:#1f2937}
.ct-modal input:focus,.ct-modal select:focus,.ct-modal textarea:focus{outline:none;border-color:#1f5f99;box-shadow:0 0 0 3px #1f5f9926}
.ct-modal .field{display:grid;gap:6px}
.ct-modal .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ct-modal .ew-wide{grid-column:1/-1}
@media(max-width:560px){.ct-modal .form-grid{grid-template-columns:1fr}}

/* ================================================================
   الإجازات: تبويبات، بطاقات فلترة، قائمة يمينًا وتفاصيل الطلب يسارًا
   ================================================================ */
.lv-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.lv-tabs button{border:1px solid #d0d5dd;background:#ffffff;border-radius:22px;padding:8px 16px;font:inherit;font-weight:700;color:#173b63;cursor:pointer}
.lv-tabs button.on{background:#173b63;color:#ffffff;border-color:#173b63}
.lv-tabs button b{background:#b42318;color:#ffffff;border-radius:10px;padding:0 7px;margin-inline-start:6px;font-size:12px}
.lvb-d{display:flex;align-items:center;gap:6px;color:#667085;font-size:13px}
.lvb-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.lvb-kpi{background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:start;font:inherit}
.lvb-kpi span{color:#667085;font-size:12.5px;display:block}
.lvb-kpi b{display:block;font-size:21px;color:#173b63;font-variant-numeric:tabular-nums}
.lvb-kpi.on{border-color:#173b63;box-shadow:inset 0 -3px 0 #b8894a}
.lvb-ws{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}
.lvb-row .em-who small{white-space:normal}
.lvb-row .lvb-d1{color:#344054;font-weight:600}
.lvb-row[hidden]{display:none}
.lvb-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.lvb-steps li{text-align:center;position:relative;font-size:12.5px;color:#667085;padding:0 4px}
.lvb-steps li i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin:0 auto 6px;background:#e4e7ec;color:#667085;font-style:normal;font-weight:800;position:relative;z-index:1}
.lvb-steps li b{display:block;color:#1d2939}
.lvb-steps li small{display:block}
.lvb-steps li:not(:last-child)::after{content:"";position:absolute;top:15px;inset-inline-end:-50%;width:100%;height:3px;background:#e4e7ec}
.lvb-steps li.ok i{background:#146c43;color:#ffffff}
.lvb-steps li.ok:not(:last-child)::after{background:#146c43}
.lvb-steps li.cur i{background:#b8894a;color:#ffffff;box-shadow:0 0 0 4px #f3e6d3}
.lvb-steps li.bad i{background:#b42318;color:#ffffff}
.lvb-notes{margin-top:12px;display:grid;gap:4px;font-size:13px;color:#475467;background:#f5f7fa;border-radius:10px;padding:8px 12px}
.lvb-decide{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff8e6;border-color:#f1d9a6;padding:12px 14px}
.main .lvb-decide input{flex:1 1 240px;min-width:0}
.lvb-decide .lv-warn{flex-basis:100%}
.lvb-more{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px}
.lvb-more #lvb-cutbox{flex-basis:100%}
.lvb-more #lvb-cutbox:empty{display:none}
.lvb-bal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lvb-bal.one{grid-template-columns:1fr}
.lvb-bal div{background:#f5f7fa;border-radius:10px;padding:10px;text-align:center;color:#667085;font-size:12.5px}
.lvb-bal span{display:block}
.lvb-bal b{display:block;font-size:20px;color:#173b63;font-variant-numeric:tabular-nums}
.lvb-bal div.af{background:#e7f4ec}.lvb-bal div.af b{color:#146c43}
.lvb-bal div.bad{background:#fdecec}.lvb-bal div.bad b{color:#b42318}
.lvb-note{font-size:12.5px;color:#667085;margin-top:8px}
.lvb-alerts{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lvb-alerts li{display:flex;gap:12px;align-items:baseline;padding:8px 12px;border-radius:10px;background:#f5f7fa;border-inline-start:4px solid #146c43}
.lvb-alerts li span{min-width:90px;color:#667085;font-size:12.5px}
.lvb-alerts li b{font-weight:600;color:#1d2939}
.lvb-alerts li.warn{background:#fff8e6;border-color:#b8894a}
.lvb-alerts li.bad{background:#fdf3f2;border-color:#b42318}
@media(max-width:1000px){.lvb-ws{grid-template-columns:1fr}.lvb-steps{grid-template-columns:1fr 1fr}.lvb-steps li:not(:last-child)::after{display:none}}
.lvb-ws .em-rows{max-height:none;overflow:visible}
.lvb-ws .em-list{align-self:start;position:sticky;top:12px}
@media(max-width:1000px){.lvb-ws .em-list{position:static}}

/* ================================================================
   الحضور: جدول اليوم بشريط زمني، وتفاصيل الموظف، وتعديل الأوقات
   ================================================================ */
.ab-table{padding:0;overflow:visible}
.ab-table .table-wrap{overflow:visible}
.ab-table table{width:100%;border-collapse:collapse}
.ab-table th{font-size:12px;color:#667085;font-weight:600;text-align:start;padding:10px 12px;background:#f9fafb;border-bottom:1px solid #eef1f4;white-space:nowrap}
.ab-table th small{font-weight:400;color:#98a2b3}
.ab-table td{padding:9px 12px;border-bottom:1px solid #f0f2f5;vertical-align:middle;font-size:13.5px}
.ab-table tr[hidden]{display:none}
.ab-table tr.ab-br td{background:#f5f7fa;font-weight:800;color:#173b63;padding:7px 12px}
.ab-table tr.cur td{background:#eef3f9}
.ab-table tr.cur td:first-child{box-shadow:inset -4px 0 0 #b8894a}
.ab-nm button{background:none;border:0;padding:0;text-align:start;font:inherit;cursor:pointer;color:#1d2939}
.ab-nm b{display:block}.ab-nm small{color:#667085}
.ab-nm button:hover b{color:#1f5f99}
.ab-sus{color:#b42318;font-weight:700}
.ab-tm{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.ab-ed{font-size:11px;background:#efe7fb;color:#5b2b9a;border-radius:8px;padding:1px 7px;font-weight:700}
.ab-day{position:relative;height:16px;background:#f2f4f7;border-radius:5px;min-width:170px}
.ab-day i{position:absolute;top:0;bottom:0;border-radius:5px}
.ab-day i.s{background:#dfe5ee}.ab-day i.s.lv{background:#e8eefb}
.ab-day i.ok,.ab-day i.lt,.ab-day i.mn{top:4px;bottom:4px}
.ab-day i.ok{background:#2e9d62}.ab-day i.lt{background:#d49a45}.ab-day i.mn{background:#8a5cd1}
.ab-day i.open{opacity:.65}
.ab-legend{display:flex;gap:14px;flex-wrap:wrap;padding:8px 12px;font-size:12px;color:#667085}
.ab-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:4px;vertical-align:middle}
.ab-legend i.s{background:#dfe5ee}.ab-legend i.ok{background:#2e9d62}.ab-legend i.lt{background:#d49a45}.ab-legend i.mn{background:#8a5cd1}
.em-st.ab-ok{background:#e7f4ec;color:#146c43}.em-st.ab-wr{background:#fff4e0;color:#8a5a1c}.em-st.ab-no{background:#fdecec;color:#a4282a}
.em-st.ab-lv{background:#e8eefb;color:#1f4fa0}.em-st.ab-rs{background:#f2f4f7;color:#667085}
.ab-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ab-slots>div{background:#f5f7fa;border-radius:12px;padding:12px;display:grid;gap:6px}
.ab-slots>div>b{color:#173b63}
.ab-line{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ab-pen{border:1px solid #d0d5dd;background:#ffffff;border-radius:8px;padding:4px 9px;font:inherit;font-size:12px;cursor:pointer;color:#173b63;font-weight:700;white-space:nowrap}
.ab-pen:hover{background:#eef3f9}
.ab-hist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ab-hist li{background:#f9f7fe;border-inline-start:4px solid #8a5cd1;border-radius:8px;padding:8px 12px}
.ab-hist small{color:#667085}
.ab-hist s,.card s{color:#a4282a}
.ab-hist ins,.card ins{color:#146c43;text-decoration:none;font-weight:700}
.lvb-bal.ab-four{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}
.ab-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ab-cal b{font-size:11px;color:#667085;text-align:center;font-weight:600}
.ab-cal span{aspect-ratio:1.3;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#344054;background:#f2f4f7}
.ab-cal span.e{background:none}
.ab-cal span.f{background:#ffffff;color:#98a2b3;border:1px solid #f0f2f5}
.ab-cal .p{background:#e7f4ec;color:#146c43}.ab-cal .l{background:#fff4e0;color:#8a5a1c}.ab-cal .a{background:#fdecec;color:#a4282a}
.ab-cal .v{background:#e8eefb;color:#1f4fa0}.ab-cal .r{background:#ffffff;color:#98a2b3;border:1px dashed #e4e7ec}
.ab-cal .t{outline:2px solid #173b63}
.ab-leg{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#667085;margin-top:8px}
.ab-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:4px;vertical-align:middle}
.ab-leg i.p{background:#e7f4ec}.ab-leg i.l{background:#fff4e0}.ab-leg i.a{background:#fdecec}.ab-leg i.v{background:#e8eefb}.ab-leg i.r{border:1px dashed #98a2b3}
.ab-calc{background:#eef3f9;border-radius:10px;padding:10px 12px;font-size:13px;color:#173b63}
.ab-calc:empty{display:none}
@media(max-width:1200px){.ab-table .table-wrap{overflow-x:auto}}
.ab-pen:disabled{opacity:.45;cursor:not-allowed}
/* دورات النقل والتغييرات، الإجراءات الإدارية، الوثائق، مكافأة الإجازة (hr_cycles.js) */
.hc-ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;background:#f5f7fa;border-radius:10px;padding:10px;text-align:center}
.hc-ba span{display:block;font-size:12px;color:#667085}
.hc-ba b{color:#173b63;overflow-wrap:anywhere}
.hc-ba i{font-style:normal;font-size:20px;color:#b8894a}
.hc-ladder{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.hc-ladder small{color:#667085;margin-inline-end:4px}
.hc-ladder span{border-radius:8px;padding:4px 10px;font-size:12.5px;background:#f2f4f7;color:#475467}
.hc-ladder span.was{background:#fff4e0;color:#8a5a00}
.hc-ladder span.on{background:#fdecea;color:#a3281d;font-weight:700}
.hc-mine{display:grid;gap:10px;border-inline-start:4px solid #b8894a}
.hc-mine h3{margin:0;color:#173b63}
.hc-mine-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;border-top:1px solid #eef1f4;padding-top:10px}
.hc-mine-row b{color:#173b63}
.hc-mine-row small{display:block;color:#667085}
.hc-mine-row p{margin:4px 0 0;color:#344054;font-size:13.5px;line-height:1.7}
.hc-docbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hc-docbar .em-sbox{flex:1 1 260px}
.hc-doc tr[hidden]{display:none}
.hc-doc td{vertical-align:middle}
.hc-doc-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lvb-kpi.hc-k-expired{border-inline-start:4px solid #b42318}
.lvb-kpi.hc-k-soon{border-inline-start:4px solid #b7791f}
.lvb-kpi.hc-k-pending{border-inline-start:4px solid #1f5f99}
.hc-elig h3{margin:0 0 8px;color:#173b63}
.hc-elig tr.hc-hit td{background:#fff8e6}
.hc-log summary{cursor:pointer;font-weight:700;color:#173b63}
.hc-log table{margin-top:8px}
@media(max-width:560px){.hc-mine-row{flex-direction:column}.hc-doc-act{justify-content:flex-start}}
/* لوحة التحكم: قائمة «مطلوب منك» الموحّدة ونبض اليوم (adminDashboard في dashboard.js) */
.db{grid-template-columns:minmax(0,1fr)}
.db > *,.db-grid > *{min-width:0}
.db-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.db-bar .em-sbox{flex:1 1 280px;min-width:0;max-width:100%;box-sizing:border-box}
.db-bar select{border:1px solid #d0d5dd;border-radius:10px;padding:9px 10px;font:inherit;background:#ffffff;color:#1d2939}
.db-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.db-kpis .lvb-kpi small{display:block;font-size:11.5px;color:#a3281d;font-weight:700}
.db-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.db-list h3,.db-side h3{margin:0 0 8px;color:#173b63;font-size:16px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.db-list h3 .muted{font-size:12.5px;font-weight:400}
.db-row{display:flex;gap:12px;align-items:center;border-top:1px solid #eef1f4;padding:11px 0}
.db-row:first-child{border-top:0}
.db-row[hidden]{display:none}
.db-tag{border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;white-space:nowrap;min-width:86px;text-align:center}
.db-t1{background:#eef4fb;color:#1f5f99}.db-t2{background:#e7f4ec;color:#146c43}.db-t3{background:#fff4e0;color:#8a5a00}
.db-t4{background:#f4ecfb;color:#6b3fa0}.db-t5{background:#fdecea;color:#a3281d}.db-t6{background:#eef1f4;color:#344054}
.db-main{flex:1;min-width:0;display:grid;gap:2px}
.db-main b{color:#173b63}
.db-main small{color:#667085;font-size:12.5px;line-height:1.6}
.db-age{font-size:12px;color:#667085;white-space:nowrap}
.db-age.late{color:#a3281d;font-weight:700}
.db-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.db-side{display:grid;gap:12px}
.db-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;border:0;background:transparent;padding:0;font:inherit;color:#475467;text-align:start;cursor:pointer}
.db-mini b{display:block;font-size:20px;color:#173b63;font-variant-numeric:tabular-nums}
.db-side .dstack{margin:8px 0}
.db-lst{list-style:none;margin:0;padding:0;font-size:13.5px}
.db-lst li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px dashed #e4e7ec}
.db-lst li:first-child{border-top:0}
.db-lst li.db-link{cursor:pointer}
.db-lst li.db-link:hover span{color:#1f5f99}
.db-lst b{color:#173b63;font-variant-numeric:tabular-nums}
.db-lst b.warn{color:#8a5a00}.db-lst b.bad{color:#a3281d}.db-lst b.ok{color:#146c43}
@media(max-width:1100px){.db-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.db-row{flex-wrap:wrap}.db-main{flex-basis:calc(100% - 100px)}.db-act{flex-basis:100%;justify-content:flex-start}}

/* تنبيه الخمول قبل تسجيل الخروج */
.idle-modal{width:min(420px,100%);text-align:center}
.idle-modal h2{color:#173b63}
.idle-modal p{margin:6px 0 10px;line-height:1.8;color:#475467}
.idle-count{font-size:52px;font-weight:800;line-height:1.1;color:#b42318;font-variant-numeric:tabular-nums}
.idle-modal .ev-btns{justify-content:center;margin-top:18px}

/* تغيير كلمة المرور: الشروط أثناء الكتابة */
.pw-modal{width:min(440px,100%)}
.pw-modal h2{color:#173b63}
.pw-modal .field input{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:10px;font-size:15px}
.pw-rules,.ev-modal ul.pw-rules{list-style:none;margin:-4px 0 10px;padding:0;display:grid;gap:4px;font-size:13px;color:#667085;background:none;border:0;columns:auto}
.pw-rules li::before{content:"○";margin-inline-end:6px;color:#98a2b3}
.pw-rules li.ok{color:#1f7a4d}
.pw-rules li.ok::before{content:"✓";color:#1f7a4d}
.pw-show{display:flex;align-items:center;gap:8px;font-size:13px;color:#475467;margin:4px 0 10px;cursor:pointer}
.ev-modal .pw-show input{width:18px;height:18px;margin:0;border:0;padding:0;accent-color:#173b63}

/* تبديل اللغة في شاشة الدخول */
.login-lang{margin-top:16px;text-align:center}

/* اسم المستخدم في الشريط العلوي لا يدفع القائمة خارج الشاشة (الأسماء والعناوين الإنجليزية أطول) */
html[dir=ltr] .nav-me>.nav-head .nav-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* الواجهة الإنجليزية (من اليسار لليمين): ما لا تغطيه الخصائص المنطقية */
html[dir=ltr] .dsec-accent{box-shadow:inset -4px 0 0 #b8894a}
html[dir=ltr] .side .nav .nav-item.active{box-shadow:inset 3px 0 0 #b8894a}
html[dir=ltr] .em-row.cur{box-shadow:inset 4px 0 0 #b8894a}
html[dir=ltr] .ab-table tr.cur td:first-child{box-shadow:inset 4px 0 0 #b8894a}
@media(min-width:1101px){
html[dir=ltr] .side .nav .nav-items .nav-item.active{box-shadow:inset 3px 0 0 #b8894a}
html[dir=ltr] .side .nav .nav-head,html[dir=ltr] .side .nav .nav-flat .nav-item{padding-inline:9px}
}
@media(min-width:1101px) and (max-width:1800px){
.nav-me>.nav-head .nav-label{display:none}
}
@media(min-width:1101px) and (max-width:1260px){
.side{gap:8px;padding:0 12px}
.side .nav .nav-head,.side .nav .nav-flat .nav-item,html[dir=ltr] .side .nav .nav-head,html[dir=ltr] .side .nav .nav-flat .nav-item{padding:9px 6px;font-size:13px}
.side-top .brand img{max-width:80px}
}
@media(min-width:1101px) and (max-width:1220px){
.side{gap:4px;padding:0 8px}
.side .nav .nav-head,.side .nav .nav-flat .nav-item,html[dir=ltr] .side .nav .nav-head,html[dir=ltr] .side .nav .nav-flat .nav-item{padding:8px 4px;font-size:12.5px}
.side-top .brand img{max-width:64px}
html[dir=ltr] .side .nav .nav-head,html[dir=ltr] .side .nav .nav-flat .nav-item{padding:8px 3px;font-size:12px}
}
@media(min-width:1221px) and (max-width:1440px){
html[dir=ltr] .side{gap:6px;padding:0 10px}
html[dir=ltr] .side .nav .nav-head,html[dir=ltr] .side .nav .nav-flat .nav-item{padding:9px 5px;font-size:12.5px}
}
html[dir=ltr] :is(b,strong,em,span,a,time,small,label){unicode-bidi:isolate}

/* اختيار اللغة: روابط في شاشة الدخول، وقائمة منسدلة في قائمة المستخدم */
.lang-login{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#285e91;font-weight:600}
.lang-login select{border:1px solid #d0d5dd;border-radius:10px;padding:7px 12px;background:#ffffff;color:#1d2939;font:inherit;font-size:14px;cursor:pointer;min-width:150px}
.lang-pick{display:flex;align-items:center;gap:8px;cursor:pointer}
.lang-pick select{flex:1;min-width:0;border:1px solid #d0d5dd;border-radius:8px;padding:5px 8px;background:#ffffff;color:#1d2939;font:inherit;font-size:13px;cursor:pointer}

/* المراسلات والإشعارات (messages.js) */
.ms-compose{display:flex;flex-direction:column;gap:14px;max-width:900px}
.ms-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center}
.ms-row-top{align-items:start}
.ms-row>label{font-weight:700;color:#173b63}
.ms-row input,.ms-row textarea,.ms-quick select{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;background:#ffffff;color:#1d2939}
.ms-row textarea{resize:vertical;min-height:180px;line-height:1.7}
.ms-to{position:relative;border:1px solid #d0d5dd;border-radius:12px;padding:8px;background:#ffffff;display:flex;flex-direction:column;gap:8px}
.ms-to:focus-within{border-color:#173b63;box-shadow:0 0 0 3px #173b6322}
.ms-chips{display:flex;flex-wrap:wrap;gap:6px}
.ms-chips:empty{display:none}
.ms-chip{display:inline-flex;align-items:center;gap:6px;background:#eaf1f8;color:#173b63;border-radius:999px;padding:4px 6px 4px 10px;font-size:13.5px;font-weight:600;max-width:100%}
.ms-chip small{color:#5b6b7f;font-weight:500}
.ms-chip-ext{background:#fdf3e7;color:#8a4b0f}
.ms-chip button{border:0;background:#ffffff99;color:inherit;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:15px;line-height:1}
.ms-add{display:flex;gap:8px}
.ms-to .ms-add input{flex:1;min-width:0;border:0;outline:0;padding:6px 4px;font:inherit;font-size:15px;background:transparent;color:#1d2939}
.ms-add-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 12px}
.ms-add-btn svg,.ms-send svg,.ms-suggest svg{width:18px;height:18px}
.ms-suggest{position:absolute;inset-inline:0;top:100%;margin-top:4px;background:#ffffff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 14px 40px #0f2a4a26;z-index:20;max-height:320px;overflow:auto;padding:4px}
.ms-suggest button{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;text-align:start;border:0;background:transparent;padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit;color:#1d2939}
.ms-suggest button:hover,.ms-suggest button:focus{background:#f2f6fa;outline:0}
.ms-suggest button span{color:#5b6b7f;font-size:13px}
.ms-suggest button small{grid-column:1/-1;color:#5b6b7f;direction:ltr;text-align:start}
.ms-suggest [data-ms-typed]{display:flex;align-items:center;gap:8px;color:#173b63}
.ms-suggest .muted{padding:8px 10px}
.ms-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-inline-start:100px}
.ms-quick select{width:auto;padding:6px 10px;font-size:14px}
.ms-hint{font-size:13px;margin-top:6px}
.ms-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;border-top:1px solid #eaecf0;padding-top:14px}
.ms-foot .ms-send{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;padding-inline:22px}
.ms-over{color:#b42318}
.ms-alert{background:#fef3f2;color:#b42318;border:1px solid #fecdca;border-radius:10px;padding:10px 14px;font-weight:600}
.ms-st-ok{background:#e6f5ec;color:#136c3a}
.ms-st-warn{background:#fdf3e7;color:#8a4b0f}
.ms-st-bad{background:#fef3f2;color:#b42318}
.ms-st-wait{background:#eef2f6;color:#344054}
.ms-st-info{background:#eaf1f8;color:#173b63}
.ms-modal{width:min(720px,100%)}
.ms-modal h2{color:#173b63}
.ms-modal h3{margin:16px 0 8px;color:#173b63;font-size:16px}
.ms-bodytext{white-space:pre-wrap;background:#f8fafc;border:1px solid #eaecf0;border-radius:10px;padding:12px 14px;margin-top:12px;line-height:1.8;max-height:260px;overflow:auto}
.ms-err{font-size:12px;direction:ltr;text-align:start}
.ms-log-filters select{flex:0 1 220px}
@media (max-width:700px){
.ms-row{grid-template-columns:1fr;gap:6px}
.ms-quick{padding-inline-start:0}
.ms-add{flex-wrap:wrap}
.ms-foot .ms-send{width:100%;justify-content:center}
}

/* الحضور: جدول اليوم بالفترتين، وجدول الشهر، والنافذة الكبيرة لتفاصيل الموظف */
.ab-grid th.ab-grp{text-align:center;background:#eef3f9;color:#173b63;font-size:13px;font-weight:800;border-bottom:1px solid #dde5ef}
.ab-grid th.ab-grp2,.ab-grid td.ab-g2{border-inline-start:2px solid #e4eaf2}
.ab-grid td.ab-wide{text-align:center;color:#344054}
.ab-late{color:#b54708}
.ab-bad{color:#b42318}
.am-table .table-wrap{overflow-x:auto}
.am-table th{white-space:normal;min-width:64px}
.am-table tr.am-unit th{font-size:11px;color:#98a2b3;font-weight:500;text-align:center;padding-block:2px 6px}
.am-table td.ab-tm{text-align:center}
.ab-note{padding:10px 14px;font-size:12.5px}
.ct-modal.ab-modal{width:min(1200px,100%);max-height:92vh;align-content:start}
.ab-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-22px;z-index:2;background:#f5f7fa;margin:-22px -22px 0;padding:16px 22px 12px;border-bottom:1px solid #e4e7ec}
.ab-modal-head small{font-size:14px;font-weight:500}
.ab-modal .ev-sec .ab-day{margin:6px 0 4px}
.ab-modal .ab-table .table-wrap{overflow-x:auto}
.am-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.am-day{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#1f5f99;cursor:pointer;text-decoration:underline;font-variant-numeric:tabular-nums;white-space:nowrap}

/* خصومات الغياب والتأخير */
.ad-note{background:#fff8eb;border:1px solid #f5d9a8;color:#8a5a1c;border-radius:10px;padding:9px 14px;margin:0 0 12px;font-size:13.5px}
.lvb-kpi.ad-money b{font-size:19px;font-variant-numeric:tabular-nums}
.lvb-kpi.ad-money b small{font-size:12px;font-weight:600;color:#667085}
.ad-table th.ad-g1,.ad-table td.ad-g1,.ad-table .ad-g2,.ad-table .ad-g3{border-inline-start:2px solid #e4eaf2}
.ad-table td.ad-g2{background:#f3f8f5}
.ad-table td.ad-g3{background:#fffaf2}
.ad-table tfoot th{background:#f5f7fa;color:#173b63;font-weight:800;padding:10px 12px;font-variant-numeric:tabular-nums;text-align:center;border-top:2px solid #dde5ef}
.ad-table tfoot th:first-child{text-align:start}
.em-st.ad-st-none{background:#f2f4f7;color:#667085}.em-st.ad-st-draft{background:#eaf1f8;color:#173b63}
.em-st.ad-st-in_review,.em-st.ad-st-approved{background:#fff4e0;color:#8a5a1c}.em-st.ad-st-paid{background:#e7f4ec;color:#146c43}
.ad-emp{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px}
.ad-emp h3{margin:0 0 4px;color:#173b63}
.ad-period{display:flex;align-items:center;gap:8px}
.ad-period span:first-child{color:#667085;font-size:13px}
.ad-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.ad-sum>div{background:#ffffff;border:1px solid #e4e7ec;border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.ad-sum span{color:#667085;font-size:13px}
.ad-sum b{font-size:18px;font-variant-numeric:tabular-nums;color:#1d2939}
.ad-sum .ad-tot{border-color:#173b63}
.ad-sum .ad-rem{background:#fffaf2;border-color:#f5d9a8}
.ad-sum .ad-rem b{color:#b54708}

/* قائمة التحقق قبل إقفال الشهر */
.pr-closecheck{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.pr-closecheck li{padding:8px 12px;border-radius:9px;font-weight:600;font-size:14px}
.pr-closecheck li.ok{background:#e7f4ec;color:#146c43}
.pr-closecheck li.bad{background:#fef3f2;color:#b42318}
/* الموظف المثالي (excellence.js) */
.ex-table th small{font-weight:400;color:#667085}
.ex-rank{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f2f4f7;color:#475467;font-weight:800;font-size:13px}
.ex-rank.g{background:#f6d77a;color:#6b4a07}.ex-rank.s{background:#dfe3e8;color:#344054}.ex-rank.b{background:#ecc9a6;color:#6e3d12}
.ex-score{display:inline-flex;align-items:center;gap:8px}
.ex-bar{display:inline-block;width:70px;height:7px;border-radius:4px;background:#eaecf0;overflow:hidden}
.ex-bar i{display:block;height:100%;background:#1f8a5b;border-radius:4px}
.ex-x{color:#98a2b3;font-size:13px}
.ex-act{white-space:nowrap}
.ex-act .btn{margin:2px}
.ex-steps{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;color:#98a2b3}
.ex-steps b{padding:3px 8px;border-radius:10px;background:#f2f4f7;color:#667085;font-weight:700}
.ex-steps b.on{background:#e7f4ec;color:#146c43}.ex-steps b.cur{background:#fff4e0;color:#8a5a1c}
.ex-crit{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center;font-weight:700;color:#1d2939}
.ex-stars{display:flex;gap:6px}
.ex-stars button{width:36px;height:36px;border-radius:10px;border:1px solid #d0d5dd;background:#ffffff;color:#475467;font:inherit;font-weight:800;cursor:pointer}
.ex-stars button.on{background:#b8894a;border-color:#b8894a;color:#ffffff}
.ex-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ex-sum div{background:#f5f7fa;border:1px solid #e4e7ec;border-radius:12px;padding:10px;text-align:center;font-size:13px;color:#667085}
.ex-sum b{display:block;font-size:22px;color:#173b63;font-variant-numeric:tabular-nums}
.ex-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:0}
.ex-dl div{background:#ffffff;border:1px solid #e4e7ec;border-radius:10px;padding:8px 12px}
.ex-dl dt{font-size:12px;color:#667085}.ex-dl dd{margin:2px 0 0;font-weight:800;color:#1d2939}
.ex-reason{background:#ffffff;border:1px solid #e4e7ec;border-radius:10px;padding:10px 12px}
.ex-reason p{margin:4px 0 0;white-space:pre-wrap}
.ex-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.ex-card{display:grid;justify-items:center;gap:4px;text-align:center;background:#ffffff;border:1px solid #ecd9b8;border-top:4px solid #b8894a;border-radius:14px;padding:16px 12px}
.ex-card .cup{font-size:30px}
.ex-card b{color:#173b63}.ex-card small{color:#667085}
.ex-card .q{margin-top:4px;font-size:12px;font-weight:700;color:#8a5a1c;background:#fbf3e6;border-radius:10px;padding:2px 10px}
@media(max-width:640px){.ex-crit{grid-template-columns:1fr}.ex-sum b{font-size:18px}}
/* المبيعات (sales.js) */
.sa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.sa-kpis .card{display:grid;gap:4px;padding:16px}
.sa-kpis small{color:#667085;font-size:12.5px}
.sa-kpis b{font-size:24px;color:#173b63;font-variant-numeric:tabular-nums}
.sa-kpis span{font-size:12px}
.sa-kpis b span{font-size:inherit}
.sa-kpis span b{font-size:inherit;font-weight:700}
.sa-kpis b.gold{color:#8a5a1c}.sa-kpis b.dn,.sa-note .dn,td.dn{color:#b42318}td.up{color:#146c43}
.sa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px;align-items:start}
.sa-grid h3,.ab-table h3{margin:0 0 12px;font-size:16px;color:#173b63}
.ab-table h3{padding:14px 16px 0}
.sa-sub{font-weight:400;font-size:13px}
.sa-prog{position:relative;height:14px;border-radius:8px;background:#eaecf0;margin:14px 0 28px}
.sa-prog i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:8px;background:#1f8a5b}
.sa-tick{position:absolute;top:-4px;bottom:-4px;width:2px;background:#173b63}
.sa-tick em{position:absolute;top:22px;inset-inline-start:-14px;font-style:normal;font-size:11.5px;color:#475467;white-space:nowrap}
.sa-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sa-tiers div{border:1px solid #e4e7ec;border-radius:10px;padding:8px;text-align:center;font-size:12.5px;color:#667085}
.sa-tiers b{display:block;font-size:16px;color:#1d2939;font-variant-numeric:tabular-nums}
.sa-tiers .on{border-color:#1f8a5b;background:#e7f4ec}.sa-tiers .nx{border-color:#d9a85b;background:#fbf3e6}
.sa-note{margin-top:12px;background:#fff8eb;border:1px solid #f1ddb6;border-radius:10px;padding:10px 14px;color:#7a4e12;font-size:13px;line-height:1.7}
.sa-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sa-form .field{display:grid;gap:5px;margin:0}
.sa-form label{font-weight:700;font-size:13px}
.sa-form input[type=number],.sa-form input[type=text],.sa-form input[type=date]{width:100%;height:42px;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px;font:inherit;background:#ffffff;color:#1f2937}
.sa-form input:disabled{background:#f2f4f7;color:#98a2b3}
.sa-wide{grid-column:1/-1}
.sa-closed{display:flex;align-items:center;gap:8px;font-weight:700;color:#475467}
.sa-file{border:1.5px dashed #b8c4d4;border-radius:10px;padding:10px 12px;background:#f8fafc}
.sa-out{display:flex;align-items:center;height:42px;padding:0 12px;border-radius:10px;background:#f5f7fa;font-variant-numeric:tabular-nums}
.sa-sum{display:flex;justify-content:space-between;align-items:center;background:#f5f7fa;border-radius:10px;padding:10px 14px;margin:12px 0}
.sa-sum b{font-size:20px;color:#173b63;font-variant-numeric:tabular-nums}
.sa-cur{margin-bottom:10px;font-size:13px}
.sa-st{margin-inline-end:4px;display:inline-block}
.sa-why{font-size:12px;color:#a4282a;margin-top:3px}
.sa-link{background:none;border:0;padding:0;font:inherit;color:#1f5f99;text-decoration:underline;cursor:pointer}
.sa-br{font-weight:800;color:#173b63}
.sa-miss td{background:#fff7f7}
.sa-mini{display:inline-block;width:80px;height:7px;border-radius:4px;background:#eaecf0;vertical-align:middle;margin-inline-start:6px;overflow:hidden}
.sa-mini i{display:block;height:100%;background:#1f8a5b}
.sa-in{width:140px;height:36px;border:1px solid #d0d5dd;border-radius:8px;padding:0 8px;font:inherit;background:#ffffff;color:#1f2937}
.sa-in-s{width:80px}
@media(max-width:1100px){.sa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sa-kpis{grid-template-columns:1fr}.sa-form{grid-template-columns:1fr 1fr}.sa-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* تكاليف الفروع */
.sc-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;margin-bottom:14px;align-items:start}
.sc-list{padding:0;overflow:hidden;display:grid}
.sc-list button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;border:0;border-bottom:1px solid #f0f2f5;background:#ffffff;font:inherit;cursor:pointer;color:#1d2939;text-align:start}
.sc-list button small{color:#667085;font-variant-numeric:tabular-nums}
.sc-list button.on{background:#eaf0f6;box-shadow:inset -4px 0 0 #173b63}
html[dir=ltr] .sc-list button.on{box-shadow:inset 4px 0 0 #173b63}
.sc-auto{background:#e8f1fb;color:#1f5f99}
.sc-off td{opacity:.55}
.sc-note{font-size:12px;font-weight:400}
.sc-add td{background:#f8fafc}
.sc-plus{width:34px;height:34px;border-radius:50%;border:0;background:#173b63;color:#ffffff;font-size:20px;font-weight:700;cursor:pointer;line-height:1}
.sc-tot td{background:#f5f7fa;font-weight:800;color:#173b63}
.sc-be{color:#8a5a1c;font-weight:800}
.sc-fin{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px 16px 0}
.sc-fin .field{display:grid;gap:5px;margin:0}
.sc-fin label{font-weight:700;font-size:13px}
.sc-fin input[type=number]{width:170px;height:40px;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px;font:inherit;background:#ffffff;color:#1f2937}
.ab-table .sa-note{margin:12px 16px 16px}
.sa-form select,.sa-form input[type=month]{width:100%;height:42px;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px;font:inherit;background:#ffffff;color:#1f2937}
@media(max-width:900px){.sc-grid{grid-template-columns:1fr}}
/* الأدوار والصلاحيات: تبويبات ← أقسام ← صلاحيات */
.rp{display:grid;grid-template-columns:240px 300px minmax(0,1fr);border:1px solid #e4e7ec;border-radius:14px;overflow:hidden;background:#ffffff;min-height:520px}
.rp-col{border-inline-start:1px solid #e4e7ec;display:flex;flex-direction:column}
.rp-col:first-child{border-inline-start:0}
.rp h4{margin:0;padding:12px 14px;background:#f5f7fa;border-bottom:1px solid #e4e7ec;font-size:13px;color:#475467}
.rp-it{display:flex;align-items:center;gap:8px;padding:0 12px 0 0;border-bottom:1px solid #f0f2f5}
html[dir=ltr] .rp-it{padding:0 0 0 12px}
.rp-it.on{background:#eaf0f6;box-shadow:inset -4px 0 0 #173b63}
html[dir=ltr] .rp-it.on{box-shadow:inset 4px 0 0 #173b63}
.rp-name{flex:1;display:flex;justify-content:space-between;align-items:center;gap:8px;background:none;border:0;padding:11px 14px;font:inherit;font-weight:700;color:#1d2939;text-align:start;cursor:pointer}
.rp-name small{font-weight:600;color:#667085;font-size:11.5px;font-variant-numeric:tabular-nums}
.rp-sw{width:38px;height:22px;flex:0 0 38px;border-radius:12px;border:0;background:#d0d5dd;position:relative;cursor:pointer;margin-inline-end:12px}
.rp-sw::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#ffffff;transition:inset-inline-start .15s}
.rp-sw.y{background:#1f8a5b}.rp-sw.y::after{inset-inline-start:19px}
.rp-sw.p{background:#d9a85b}.rp-sw.p::after{inset-inline-start:11px}
.rp-pm{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #f0f2f5;cursor:pointer}
.rp-pm input{width:18px;height:18px;margin-top:3px;flex:0 0 18px;accent-color:#1f8a5b}
.rp-pm b{color:#1d2939}
.rp-pm small{display:block;color:#98a2b3;font-size:11px;margin-top:2px}
.rp-hot{font-size:11px;padding:1px 8px;border-radius:9px;background:#fdecec;color:#a4282a;font-weight:700}
.rp-base{font-size:11px;padding:1px 8px;border-radius:9px;background:#e8f1fb;color:#1f5f99;font-weight:700}
.rp-legend{padding:10px 14px;font-size:12px;margin-top:auto}
.rp-copy{display:inline-flex;align-items:center;gap:6px;color:#475467;font-weight:600}
.rp-copy select{height:38px;border:1px solid #d0d5dd;border-radius:9px;padding:0 8px;font:inherit;background:#ffffff;color:#1f2937}
@media(max-width:980px){.rp{grid-template-columns:1fr}.rp-col{border-inline-start:0;border-top:1px solid #e4e7ec}.rp-col:first-child{border-top:0}}
/* المحاسب العام */
.ac-seg{display:inline-flex;border:1px solid #d0d5dd;border-radius:10px;overflow:hidden}
.ac-seg button{border:0;background:#ffffff;padding:9px 14px;font:inherit;font-weight:700;color:#475467;cursor:pointer}
.ac-seg button.on{background:#173b63;color:#ffffff}
.ac-pos{color:#146c43}.ac-neg{color:#b42318}
.sa-kpis b.up .ac-pos,.sa-kpis b.dn .ac-neg{color:inherit}
.ac-is td:first-child{font-weight:600;color:#344054;white-space:nowrap}
.ac-is .ac-tot{background:#f5f7fa;font-weight:800}
.ac-is tr.ac-strong td{font-weight:800;color:#173b63;border-top:2px solid #d0d5dd}
.ac-is tr.ac-sub td{color:#667085;font-size:13px}
.ac-bar{display:inline-block;width:110px;height:8px;border-radius:4px;background:#eaecf0;vertical-align:middle;overflow:hidden}
.ac-bar i{display:block;height:100%;background:#1f8a5b}.ac-bar.neg i{background:#d92d20}
.ac-cash{max-width:760px;display:grid;gap:0}
.ac-cash h3{margin:0 0 10px;font-size:16px;color:#173b63}
.ac-cf{display:flex;justify-content:space-between;gap:12px;padding:11px 4px;border-bottom:1px solid #f0f2f5;font-weight:600;color:#344054}
.ac-cf.in b{color:#146c43}
.ac-cf.out{border-top:2px solid #173b63;border-bottom:0;font-weight:800;color:#173b63;font-size:17px}
.ac-alerts{display:grid;gap:8px}
.ac-al{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:10px;background:#f5f7fa;font-weight:600;color:#1d2939}
.ac-al.high{background:#fef3f2}.ac-al.warn{background:#fff8eb}.ac-al.info{background:#eef4fb}
/* المحاسب العام: الموارد البشرية والجاهزية والمتابعة */
.ac-gap{height:14px}
.ac-ready{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.ac-rd{display:grid;gap:12px;border-top:4px solid #d9a85b}
.ac-rd.ok{border-top-color:#1f8a5b}
.ac-rd-head{display:flex;align-items:center;gap:10px}
.ac-rd-head b{font-size:16px;color:#173b63;flex:0 0 auto}
.ac-score{flex:1;height:8px;border-radius:4px;background:#eaecf0;overflow:hidden}
.ac-score i{display:block;height:100%;background:#1f8a5b}
.ac-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ac-checks li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:#344054}
.ac-checks li>span:first-child{flex:0 0 18px;font-weight:800}
.ac-checks li.ok>span:first-child{color:#146c43}
.ac-checks li.no>span:first-child{color:#b42318}
.ac-checks li.no{color:#1d2939;font-weight:600}
.ac-checks small{display:block;color:#a4282a;font-weight:400;font-size:12px}
.ac-tg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ac-tg div{background:#f5f7fa;border-radius:10px;padding:8px;text-align:center}
.ac-tg small{display:block;color:#667085;font-size:11.5px}
.ac-tg b{font-variant-numeric:tabular-nums;color:#173b63}
.ac-tg b.gold{color:#8a5a1c}
.ac-sm{display:block;font-size:11px}
.ac-chart{position:relative;display:flex;align-items:flex-end;gap:14px;height:180px;margin:16px;padding-top:20px;border-bottom:1px solid #d0d5dd}
.ac-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.ac-col i{display:block;width:60%;max-width:56px;background:#1f8a5b;border-radius:6px 6px 0 0}
.ac-col i.neg{background:#d92d20}
.ac-col small{position:absolute;bottom:-20px;font-size:11.5px;color:#667085}
.ac-col{position:relative}
.ac-colv{font-size:11.5px;font-weight:700;color:#344054}
.ac-limit{position:absolute;inset-inline:0;border-top:2px dashed #b42318;font-size:11px;color:#b42318;padding-inline-start:4px}
@media(max-width:640px){.ac-tg{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-ready{grid-template-columns:1fr}}
.rp-role{margin-bottom:10px;padding:10px 14px;border-radius:10px;background:#eaf0f6;color:#173b63;font-size:14px}
.rp-role.broad{background:#fff4e0;color:#7a4e12;border:1px solid #f1ddb6}
.rp-lock{opacity:.6;cursor:not-allowed}
.rp-why{color:#a4282a!important}
/* نافذة «إرسال للموظف» */
.nt-box{display:grid;gap:12px;min-width:min(520px,86vw)}
.nt-h{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid #eef1f4;padding-bottom:10px}
.nt-h b{font-size:18px;color:#173b63}
.nt-h span,.nt-via{color:#667085;font-size:13px}
.nt-via b{color:#173b63;unicode-bidi:isolate}
.nt-list{display:grid;gap:6px;max-height:46vh;overflow:auto}
.nt-item{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border:1px solid #e4e8ee;border-radius:10px;background:#fafbfc;cursor:pointer}
.nt-item:has(input:checked){border-color:#5b8def;background:#f2f6fe}
.nt-item input{margin-top:3px}
.nt-item span{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#1d2939}
.nt-item small{color:#667085;font-size:12px}
.nt-item small.nt-new{color:#b54708}
.nt-note{display:grid;gap:4px;font-size:13px;color:#475467}
.nt-note textarea{width:100%;box-sizing:border-box}
/* الإدخال اليومي لمشرف الفروع */
.sa-daily .sa-dh{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:10px;padding:14px 16px 0}
.sa-daily>.ev-btns{padding:12px 16px 0}
.sa-daily .sa-dh .muted{flex:1;min-width:240px;font-size:13px}
.sa-daily td input[type=number],.sa-daily td input[type=text]{width:100%;min-width:110px;box-sizing:border-box;min-height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:6px 10px;font-size:15px;font-family:inherit;background:#ffffff;color:#1f2937}
.sa-daily td input[type=number]{font-variant-numeric:tabular-nums;direction:ltr;text-align:end}
.sa-daily td input:disabled{background:#f2f4f7}
.sa-daily td input[type=checkbox]{width:18px;height:18px}
.sa-daily tfoot td{border-top:2px solid #d0d5dd;padding-top:8px}
/* سجلّي: بطاقة «فرعنا هذا الشهر» (نسب وترتيب فقط) */
.home-team{background:#ffffff;border:1px solid #e4e8ee;border-radius:16px;padding:16px 18px;display:grid;gap:10px;border-inline-start:5px solid #98a2b3}
.home-team.ok{border-inline-start-color:#12805c}
.home-team.wr{border-inline-start-color:#c9a227}
.home-team.no{border-inline-start-color:#c4320a}
.home-team .ht-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.home-team .ht-head b{font-size:17px;color:#173b63}
.home-team .ht-rank{background:#f2f6fe;color:#173b63;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;white-space:nowrap}
.home-team .ht-pct{display:flex;align-items:baseline;gap:8px}
.home-team .ht-pct b{font-size:32px;color:#173b63;font-variant-numeric:tabular-nums}
.home-team .ht-bar{position:relative;height:12px;background:#eef1f4;border-radius:999px;overflow:hidden}
.home-team .ht-bar i{position:absolute;inset-block:0;inset-inline-start:0;background:#12805c;border-radius:999px}
.home-team.wr .ht-bar i{background:#c9a227}
.home-team.no .ht-bar i{background:#c4320a}
.home-team .ht-bar s{position:absolute;inset-block:0;width:2px;background:#ffffff}
.home-team .ht-foot{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#475467}
.home-team .ht-foot b{color:#173b63}
.home-team .ht-msg{background:#f6f8fb;border-radius:10px;padding:8px 12px;font-size:14px;color:#1d2939}

/* بطاقات الشهر (المحاسب العام) */
.mc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mc-card{display:flex;flex-direction:column;gap:10px;border-top:4px solid #c9a227}
.mc-card.done{border-top-color:#12805c}
.mc-card.mc-link{border-top-color:#98a2b3}
.mc-h{display:flex;align-items:center;gap:10px}
.mc-h h3{margin:0;flex:1;font-size:16px;color:#173b63}
.mc-no{width:28px;height:28px;border-radius:50%;background:#173b63;color:#ffffff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.mc-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.mc-sum div{background:#f6f8fb;border-radius:10px;padding:8px 10px}
.mc-sum dt{font-size:12px;color:#667085}
.mc-sum dd{margin:2px 0 0;font-weight:700;color:#173b63;font-variant-numeric:tabular-nums}
.mc-note{margin:0;font-size:13px;color:#475467}
.mc-by{font-size:12px;color:#12805c}
.mc-block{margin:0;padding-inline-start:18px;font-size:13px;color:#b54708}
.mc-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.mc-detail{display:grid;gap:12px}
.mc-dh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mc-dh h2{margin:0}
.mc-off td{opacity:.55}
.mc-text{max-width:420px;font-size:13px}
.mc-log ul{margin:6px 0 0;padding-inline-start:18px;font-size:13px;color:#475467}
@media(max-width:1100px){.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mc-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== الدفاتر والقوائم المالية (ledger.js) ===== */
.lg-z{color:#98a2b3}
.lg-empty{display:grid;gap:6px;padding:22px}
.lg-up h3{margin:0 0 8px}
.lg-steps{margin:0 0 12px;padding-inline-start:20px;color:#475467;display:grid;gap:3px}
.lg-pick{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lg-pick input[type=file]{flex:1 1 260px;max-width:420px;padding:9px;border:1px dashed #98a2b3;border-radius:10px;background:#f9fafb}
.lg-res{margin-top:14px;border-radius:12px;padding:14px 16px;display:grid;gap:10px;border:1px solid #e4e7ec}
.lg-res.ok{background:#f6fef9;border-color:#abefc6}.lg-res.no{background:#fef3f2;border-color:#fecdca}
.lg-res>b{font-size:16px;color:#173b63}.lg-res.no>b{color:#b42318}
.lg-chips{display:flex;flex-wrap:wrap;gap:8px}
.lg-chips span{background:#ecfdf3;color:#067647;border-radius:8px;padding:5px 10px;font-weight:600;font-size:14px}
.lg-errs{margin:0;padding:10px 14px;padding-inline-start:28px;background:#fef3f2;color:#b42318;border-radius:10px;display:grid;gap:4px}
div.lg-errs{padding-inline-start:14px;margin-bottom:10px;font-weight:600}
.lg-warn{margin:0;padding:10px 14px;background:#fffaeb;color:#93370d;border-radius:10px;display:grid;gap:4px}
ul.lg-warn{padding-inline-start:28px}
.lg-new summary{cursor:pointer;font-weight:600;color:#344054}
.lg-new div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lg-new span{background:#f2f4f7;border-radius:6px;padding:3px 8px;font-size:13px}
.lg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:10px}
.lg-tile{position:relative;border:1px solid #e4e7ec;border-radius:12px;padding:12px;display:grid;gap:3px;background:#f9fafb}
.lg-tile.ok{background:#f6fef9;border-color:#abefc6}
.lg-tile.ok b::after{content:" ✓";color:#067647}
.lg-tile small{font-size:12px}
.lg-del{position:absolute;inset-inline-end:8px;top:8px;border:0;background:transparent;color:#98a2b3;cursor:pointer;font-size:14px;border-radius:6px;padding:2px 6px}
.lg-del:hover{background:#fee4e2;color:#b42318}
.lg-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.lg-tb th,.lg-tb td{white-space:nowrap}
.lg-tb thead th{text-align:center}
.lg-is tr.lg-sec td{background:#eaf0f6;color:#173b63;font-weight:800;padding-top:10px}
.lg-is tr.lg-subt td{font-weight:700;color:#344054;border-top:1px solid #d0d5dd}
.lg-is tr.lg-final td{background:#f0f6fc}
.lg-how{display:block;font-weight:500;font-size:11.5px;color:#667085;margin-top:2px}
.lg-is td:first-child{white-space:normal;min-width:220px}
.lg-col-office{background:#fcfcfd}
.lg-col-unallocated{background:#fffaeb;color:#93370d}
.lg-why{margin-top:12px;background:#fffaeb;border-radius:10px;padding:12px 14px;color:#93370d}
.lg-why ul{margin:6px 0 0;padding-inline-start:20px;display:grid;gap:3px;color:#344054}
.lg-bs-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.lg-bs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}
.lg-bs-sec h4{margin:6px 0;color:#173b63}
.lg-bs-sec+.lg-bs-sec{margin-top:16px}
.lg-bs-t{font-weight:800;color:#173b63}
.lg-chk{display:flex;gap:6px;align-items:center;font-weight:600}
.lg-acc select,.lg-grp select,.lg-grp input{padding:7px 8px;border:1px solid #d0d5dd;border-radius:8px;font-family:inherit;font-size:14px;max-width:260px}
.lg-acc select+select{margin-inline-start:6px}
.lg-lines{display:block;font-size:12px}
.lg-grp input{width:100%}
.lg-grp .lg-pfx{width:90px}
@media(max-width:780px){.lg-bs{grid-template-columns:1fr}.lg-is td:first-child{min-width:160px}}
.sc-cat{display:flex;gap:6px;align-items:center}
.sc-cat select,.sc-cat input{flex:1;min-width:0}
#sci-cat-new{margin-top:6px}
.sc-cat[hidden]{display:none}
.st-brand-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:14px 0}
.st-brand-logo{width:220px;max-width:100%;height:110px;display:grid;place-items:center;border:1px dashed #d0d5dd;border-radius:12px;background:#f8fafc;padding:10px}
.st-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}
.st-brand-acts{display:grid;gap:8px;justify-items:start}
.st-brand-acts label.btn{cursor:pointer}
.st-brand input[type=color]{flex:0 0 64px;width:64px;height:44px;padding:3px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;cursor:pointer}
/* الإيرادات والمصروفات (books.js) */
.bk-rev h3,.bk-exp h3,.bk-h3{margin:0 0 12px;font-size:16px;color:#173b63}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.bk-f{display:grid;gap:5px;font-size:13px;font-weight:700;color:#344054}
.bk-f input,.bk-f select{width:100%;min-width:0}
.bk-f.bk-wide{grid-column:span 2}
.bk-tot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding:12px 14px;background:#f5f8fb;border:1px solid #e4e9f0;border-radius:12px}
.bk-tot div{display:grid;gap:2px}
.bk-tot small{color:#667085;font-size:12.5px}
.bk-tot b{font-size:20px;color:#173b63;font-variant-numeric:tabular-nums}
.bk-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.bk-row input[type=text]{flex:1;min-width:200px}
.bk-chk{display:flex;gap:6px;align-items:center;font-weight:700;color:#344054}
.bk-hist{margin-top:12px;font-size:13px}
.bk-hist summary{cursor:pointer;font-weight:700;color:#173b63}
.bk-hist ul{margin:8px 0 0;padding-inline-start:18px;display:grid;gap:4px}
.bk-ef{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding:0 16px 14px;align-items:end;border-bottom:1px solid #f0f2f5;margin-bottom:6px}
.bk-ef .ev-btns{margin-top:0}
.bk-exp .imp-head{padding:14px 16px 0}
.bk-link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#175cd3;cursor:pointer;text-decoration:underline}
.bk-link.bk-del{color:#b42318;margin-inline-start:10px}
.bk-det{font-size:12.5px;color:#475467;max-width:320px}
.bk-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.bk-cols .ac-cash{max-width:none}
.bk-is{max-width:640px}
.bk-bars{min-width:160px;display:grid;gap:3px}
.bk-bar{display:block;height:7px;border-radius:4px}
.bk-bar.in,.bk-key.in{background:#2e7d5b}
.bk-bar.out,.bk-key.out{background:#d9822b}
.bk-key{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle}
@media (max-width:700px){.bk-tot{grid-template-columns:1fr}.bk-f.bk-wide{grid-column:auto}}

/* «نسيت كلمة المرور» */
.pw-forgot-slot{text-align:center;margin-top:10px}
.pw-forgot-slot:empty{display:none}
.pw-forgot{background:none;border:0;color:#285e91;font:inherit;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:8px}
.pw-forgot:hover{background:#eef3f8}
/* مبيعات الفرع: شاشة اليوم وتقرير كل الفروع */
.sa-dayline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 12px;font-size:14px;color:#344054}
.bk-tot.sa-tot{grid-template-columns:repeat(4,minmax(0,1fr))}
.sa-xt td{vertical-align:middle}
.sa-xt input,.sa-xt select{width:100%;min-width:90px;padding:7px 9px;border:1px solid #d0d5dd;border-radius:8px;font:inherit;background:#ffffff}
.sa-xt input[data-xk=note]{min-width:160px}
.sa-xt .sc-cat{display:flex;gap:6px;align-items:center}
.sa-box h3,.sa-actions h3{margin:0 0 12px;font-size:16px;color:#173b63}
.sa-cash{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.sa-cash>div{display:grid;gap:2px;padding:10px 14px;border:1px solid #e4e9f0;border-radius:12px;background:#f8fafc;min-width:130px}
.sa-cash>span{font-size:20px;color:#98a2b3;font-weight:700}
.sa-cash small{color:#667085;font-size:12.5px}
.sa-cash b{font-size:19px;color:#173b63;font-variant-numeric:tabular-nums}
.sa-cash em{font-style:normal;font-size:12.5px;font-weight:700}
.sa-cash .sa-c-exp{background:#eef4fb;border-color:#c9d9ec}
.sa-cash .sa-c-ok{background:#ecfdf3;border-color:#abefc6}
.sa-cash .sa-c-ok em{color:#067647}
.sa-cash .sa-c-bad{background:#fef3f2;border-color:#fecdca}
.sa-cash .sa-c-bad em{color:#b42318}
.sa-c-okt{color:#067647;font-weight:700}
.sa-dep{max-width:220px}
.sa-actions{display:grid;gap:12px}
.sa-actions .ev-btns{margin-top:0}
.sa-mh{margin:22px 0 10px;font-size:19px;color:#173b63}
.sa-cur-row td{background:#f5f8fc}
tr[data-sa-open]{cursor:pointer}
.sa-seg{display:inline-flex;border:1px solid #d0d5dd;border-radius:10px;overflow:hidden}
.sa-seg button{border:0;background:#ffffff;padding:7px 14px;font:inherit;font-weight:700;color:#475467;cursor:pointer}
.sa-seg button.on{background:#173b63;color:#ffffff}
.sa-rep .sa-dh{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:14px 16px 4px}
@media (max-width:700px){.bk-tot.sa-tot{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-cash>span{display:none}}