@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Regular.woff2')}@font-face{font-family:Vazirmatn;font-weight:700;src:url('../fonts/Vazirmatn-Bold.woff2')}body{font-family:Vazirmatn,Tahoma,sans-serif}.portal-logout button{height:34px;padding:0 12px;border:1px solid #d9e1ec;border-radius:9px;background:#fff;color:#536176;font:700 11px Vazirmatn;cursor:pointer}.portal-login-shell{min-height:calc(100vh - 141px);display:grid;place-items:center;padding:25px 15px 55px}.portal-login-card{width:min(450px,100%);padding:27px 30px;border:1px solid #e1e7ef;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(22,40,70,.14);text-align:center}.portal-login-logo{width:82px;height:82px;margin:0 auto 8px;display:grid;place-items:center}.portal-login-logo img{width:80px;height:80px;object-fit:contain}.portal-kicker{color:#2f6cf4;font-size:9px;font-weight:700;letter-spacing:.8px}.portal-login-card h1{margin:5px 0 6px;font-size:22px}.portal-login-card>p{margin:0 auto 14px;color:#78869c;font-size:11px;line-height:1.9}.portal-alert{margin-bottom:9px;padding:8px 10px;border-radius:9px;font-size:10.5px}.portal-alert.is-error{background:#fff0f1;color:#a63340;border:1px solid #f0c1c6}.portal-alert.is-info{background:#eef5ff;color:#285bb1;border:1px solid #cadcfa}.portal-alert.is-test{background:#fff8e5;color:#8a6200;border:1px solid #f2dda0}.portal-login-form{display:grid;gap:9px;text-align:right}.portal-login-form label{display:grid;gap:5px}.portal-login-form label span{color:#65748a;font-size:10px;font-weight:700}.portal-login-form input{height:48px;border:1px solid #d9e1ec;border-radius:11px;background:#fbfcfe;padding:0 13px;text-align:center;direction:ltr;font:700 17px Vazirmatn;letter-spacing:5px}.portal-login-form button{height:45px;border:0;border-radius:11px;background:linear-gradient(135deg,#397bf4,#2458c4);color:#fff;font:700 11px Vazirmatn;cursor:pointer}.portal-login-form a{text-align:center;color:#57708f;font-size:10px}.portal-login-note{display:block;margin-top:12px;color:#8a96a8;font-size:9px;line-height:1.8}.employee-portal-shell{width:min(1180px,calc(100% - 28px));margin:5px auto 35px}.portal-operation-message{margin-bottom:8px;padding:8px 11px;border-radius:9px;font-size:11px}.portal-operation-message.is-success{background:#edf9f3;color:#147651;border:1px solid #ccebdc}.portal-operation-message.is-error{background:#fff0f1;color:#a63340;border:1px solid #f0c1c6}.employee-welcome{min-height:100px;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:17px;background:linear-gradient(135deg,#102c54,#173f72);color:#fff;box-shadow:0 16px 38px rgba(17,52,94,.18)}.employee-avatar{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.14);font-size:24px;font-weight:700}.employee-welcome>div:nth-child(2){display:grid}.employee-welcome span{color:#a9bdd7;font-size:9px}.employee-welcome h1{margin:1px 0;font-size:21px}.employee-welcome p{margin:0;color:#b7c7da;font-size:10px}.employee-status{margin-right:auto;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:9px;font-size:10px}.employee-status i{width:7px;height:7px;border-radius:50%;background:#58d49f}.portal-tabs{display:flex;gap:5px;margin:8px 0;padding:5px;border:1px solid #e0e6ee;border-radius:11px;background:#fff;overflow:auto}.portal-tabs a{min-width:max-content;padding:7px 11px;border-radius:8px;color:#627086;text-decoration:none;font-size:10.5px;font-weight:700}.portal-tabs a:hover{background:#edf4ff;color:#2f6cf4}.portal-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px}.portal-summary-grid article,.portal-profile-grid article,.portal-panel{border:1px solid #e0e6ee;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(28,46,75,.06)}.portal-summary-grid article{min-height:75px;padding:10px 12px;display:grid;align-content:center}.portal-summary-grid span{color:#7b889b;font-size:9px}.portal-summary-grid strong{font-size:17px;color:#24344c}.portal-summary-grid small{color:#9aa4b2;font-size:8px}.portal-profile-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;margin-bottom:8px}.portal-profile-grid article{padding:11px 13px}.portal-profile-grid h2,.portal-panel h2{margin:0;font-size:13px}.portal-profile-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0 0}.portal-profile-grid dl div{padding:7px 8px;border-radius:8px;background:#f6f8fb}.portal-profile-grid dt{color:#7f8c9e;font-size:8.5px}.portal-profile-grid dd{margin:2px 0 0;font-size:10.5px;font-weight:700}.latest-payslip-card{position:relative}.latest-period{margin-top:6px;color:#697a91;font-size:10px}.latest-money{display:grid;margin:6px 0}.latest-money span{color:#8090a5;font-size:9px}.latest-money strong{color:#147651;font-size:15px}.latest-payslip-card a{display:inline-flex;padding:6px 9px;border-radius:7px;background:#edf4ff;color:#2d65c6;text-decoration:none;font-size:9.5px;font-weight:700}.portal-panel{margin-bottom:8px;overflow:hidden}.portal-panel>header{padding:9px 11px;background:#f7f9fc;border-bottom:1px solid #e2e7ee}.portal-panel>header span{color:#7c899c;font-size:9px}.portal-table{overflow:auto}.portal-table table{width:100%;border-collapse:collapse;white-space:nowrap}.portal-table th,.portal-table td{padding:7px 9px;border-bottom:1px solid #e6eaf0;text-align:right;font-size:10px}.portal-table th{background:#fafbfd;color:#7b8798;font-weight:700}.portal-table td small{display:block;color:#8b97a8}.portal-table .positive{color:#147651;font-weight:700}.portal-table a{color:#2f6cf4;font-weight:700}.loan-request-form{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:8px;padding:10px 11px}.loan-request-form label{display:grid;gap:4px}.loan-request-form label span{color:#69788c;font-size:9.5px}.loan-request-form input,.loan-request-form textarea{width:100%;height:39px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;padding:0 9px;font:11px Vazirmatn}.loan-request-form textarea{height:55px;padding:7px;resize:vertical}.loan-request-form button{height:39px;border:0;border-radius:8px;background:#2f6cf4;color:#fff;padding:0 12px;font:700 10.5px Vazirmatn;cursor:pointer}.loan-block-note{margin:10px;padding:8px 10px;border-radius:8px;background:#fff8e5;color:#806000;font-size:10px}.portal-subtitle{padding:8px 11px;background:#f7f9fc;border-top:1px solid #e4e9ef;border-bottom:1px solid #e4e9ef;color:#44536a;font-size:10px;font-weight:700}.portal-status,.history-type{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:8.5px;font-weight:700}.portal-status.is-success,.history-type.is-reward{background:#edf9f3;color:#147651}.portal-status.is-danger,.history-type.is-penalty{background:#fff0f1;color:#a63340}.portal-status.is-primary{background:#edf4ff;color:#2d65c6}.portal-status.is-warning{background:#fff8e5;color:#806000}.reject-reason{max-width:300px;white-space:normal;color:#a63340!important}.cancel-request{height:28px;border:1px solid #f0c1c6;border-radius:7px;background:#fff0f1;color:#a63340;font:700 9px Vazirmatn;cursor:pointer}.portal-messages{display:grid;gap:6px;padding:9px}.portal-messages article{padding:8px 10px;border:1px solid #e3e8ef;border-radius:9px}.portal-messages article>div{display:flex;justify-content:space-between;gap:8px}.portal-messages strong{font-size:10.5px}.portal-messages time{color:#8a96a7;font-size:8.5px}.portal-messages p{margin:4px 0 0;color:#65748a;font-size:10px;line-height:1.8}.empty-inline,.portal-state{padding:20px;text-align:center;color:#7b889b;font-size:10px}
@media(max-width:850px){.portal-summary-grid{grid-template-columns:repeat(2,1fr)}.portal-profile-grid{grid-template-columns:1fr}.loan-request-form{grid-template-columns:1fr 1fr}.loan-request-form button{grid-column:1/3}.portal-profile-grid dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.employee-portal-shell{width:calc(100% - 16px)}.employee-welcome{align-items:flex-start}.employee-status{display:none}.portal-summary-grid{grid-template-columns:1fr 1fr}.portal-summary-grid strong{font-size:14px}.portal-profile-grid dl,.loan-request-form{grid-template-columns:1fr}.loan-request-form button{grid-column:auto}.portal-login-card{padding:23px 17px}.site-header{min-height:66px}}
.portal-payslip-shell{width:min(920px,calc(100% - 24px));margin:5px auto 35px}.portal-payslip-actions{display:flex;justify-content:space-between;margin-bottom:8px}.portal-payslip-actions a,.portal-payslip-actions button{height:36px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#3d4d63;text-decoration:none;font:700 10px Vazirmatn;cursor:pointer}.portal-payslip-document{overflow:hidden;border:1px solid #dce3ed;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(21,39,68,.12)}.portal-payslip-document>header{min-height:82px;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:12px 16px;background:#17355c;color:#fff}.portal-payslip-document>header>div:first-child{display:flex;align-items:center;gap:8px}.portal-payslip-document>header img{width:53px;height:53px;object-fit:contain;background:#fff;border-radius:10px}.portal-payslip-document>header span{font-size:9px;color:#b9c8da}.portal-payslip-document>header>div:nth-child(2){text-align:center}.portal-payslip-document h1{margin:0;font-size:16px}.portal-payslip-document>header>div:nth-child(3){display:grid;text-align:left}.portal-payslip-document>header strong{font-size:11px}.payslip-employee{display:grid;grid-template-columns:repeat(3,1fr);background:#e4e9f0;gap:1px;padding:1px}.payslip-employee>div{min-height:54px;display:grid;align-content:center;padding:8px 10px;background:#fff}.payslip-employee span,.payslip-totals span{color:#8290a3;font-size:8.5px}.payslip-employee strong{font-size:10.5px}.payslip-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px;background:#f7f9fc}.payslip-columns>div{overflow:hidden;border:1px solid #e0e6ee;border-radius:10px;background:#fff}.payslip-columns h2{margin:0;padding:8px 10px;background:#eef3f8;font-size:11px}.payslip-columns p,.payslip-columns footer{min-height:31px;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 10px;border-bottom:1px dashed #e5e9ef;font-size:9.5px}.payslip-columns p strong,.payslip-columns footer strong{direction:ltr}.payslip-columns footer{background:#eef2f6;font-weight:700}.payslip-totals{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;padding:0 11px 11px;background:#f7f9fc}.payslip-totals>div{min-height:58px;display:grid;place-content:center;text-align:center;border:1px solid #dfe5ed;border-radius:10px;background:#fff}.payslip-totals strong{font-size:14px}.payslip-totals .net{background:#eaf8f1;color:#147651;border-color:#b9e2cf}.portal-payslip-document>footer{padding:9px 12px;border-top:1px solid #e2e7ee;color:#8491a3;text-align:center;font-size:8px}
@media(max-width:650px){.portal-payslip-document>header{grid-template-columns:1fr 1fr}.portal-payslip-document>header>div:nth-child(2){grid-column:1/3;grid-row:2;padding-top:6px}.payslip-employee{grid-template-columns:repeat(2,1fr)}.payslip-columns{grid-template-columns:1fr}.payslip-totals{grid-template-columns:1fr}}
@media print{.site-header,.site-footer,.no-print{display:none!important}.portal-payslip-shell{width:100%;margin:0}.portal-payslip-document{border:0;border-radius:0;box-shadow:none}}

/* Employee portal V2.2 — mobile-first dashboard */
.sogol-portal-brand{gap:8px}.actual-brand-logo{width:58px;height:48px;object-fit:contain}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-family:Vazirmatn,Tahoma,sans-serif;font-size:15px}.portal-header-actions{display:flex;align-items:center;gap:6px}.mobile-header-back{height:34px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #d9e1ec;border-radius:9px;background:#fff;color:#536176;text-decoration:none;font-size:10px;font-weight:700}
.mobile-first-portal{width:min(720px,calc(100% - 20px));margin-top:4px}.mobile-first-portal .employee-welcome{min-height:88px;margin-bottom:8px}.mobile-first-portal .portal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:9px}.mobile-first-portal .portal-summary-grid article{min-width:0}.mobile-first-portal .portal-summary-grid strong{overflow:hidden;text-overflow:ellipsis;font-size:15px}
.portal-accordion{margin-bottom:8px;overflow:hidden;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(28,46,75,.055)}.portal-accordion>summary{min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.portal-accordion>summary::-webkit-details-marker{display:none}.portal-accordion>summary .accordion-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eef4fc;font-size:17px}.portal-accordion>summary>span:nth-child(2){display:grid;gap:2px}.portal-accordion>summary strong{color:#25364d;font-size:11.5px}.portal-accordion>summary small{color:#8290a3;font-size:9px}.portal-accordion>summary>i{width:9px;height:9px;border-left:2px solid #7d8a9d;border-bottom:2px solid #7d8a9d;transform:rotate(-45deg);transition:transform .18s}.portal-accordion[open]>summary>i{transform:rotate(135deg)}.portal-accordion[open]>summary{background:#fafbfd}.accordion-content{border-top:1px solid #e6ebf1;padding:11px}
.loan-request-accordion{border-color:#b9d1fb;box-shadow:0 9px 25px rgba(47,108,244,.1)}.loan-request-accordion>summary{background:linear-gradient(135deg,#edf4ff,#f8fbff)!important}.loan-request-accordion>summary .accordion-icon{background:#2f6cf4;color:#fff}.loan-request-accordion>summary strong{color:#214f9e;font-size:12.5px}.loan-request-form{grid-template-columns:1fr;padding:0;gap:11px}.loan-request-form label span{font-size:10.5px}.loan-request-form input{height:49px;font-size:15px;text-align:center;direction:ltr}.loan-request-form textarea{height:82px;padding:10px;font-size:11px;resize:none}.loan-request-form button{grid-column:auto;height:52px;border-radius:11px;background:linear-gradient(135deg,#397bf4,#2458c4);font-size:12px;box-shadow:0 10px 22px rgba(47,108,244,.22)}
.employee-information{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.employee-information>div{min-width:0;padding:9px;border-radius:9px;background:#f6f8fb;display:grid;gap:3px}.employee-information span{color:#8491a3;font-size:8.5px}.employee-information strong{overflow:hidden;text-overflow:ellipsis;font-size:10.5px}.simple-payslip-list{display:grid;gap:7px}.simple-payslip-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #e3e8ef;border-radius:10px;background:#fff}.simple-payslip-row>div{display:grid;gap:2px}.simple-payslip-row span{color:#8895a7;font-size:8.5px}.simple-payslip-row strong{font-size:11px}.simple-payslip-row a{min-width:88px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#edf4ff;color:#2d65c6;text-decoration:none;font-size:9.5px;font-weight:700}
.history-card-list{display:grid;gap:8px}.history-card{padding:10px;border:1px solid #e2e7ee;border-radius:10px;background:#fff}.history-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.history-card>header strong{font-size:10.5px}.history-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.history-card dl>div{min-width:0;padding:7px;border-radius:8px;background:#f7f9fc}.history-card dt{color:#8491a3;font-size:8px}.history-card dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:9.5px;font-weight:700}.compact-history-card{display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-history-card>div{display:grid;gap:3px}.compact-history-card>div:last-child{text-align:left}.compact-history-card span{color:#8491a3;font-size:8.5px}.portal-messages{padding:0}.portal-messages article{margin:0}.reject-reason{margin:7px 0;font-size:9px}.cancel-request{margin-top:6px}.employee-payslip-back{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid #d9e1ec;border-radius:10px;background:#fff;color:#3d4d63;text-decoration:none;font-size:10px;font-weight:700}.employee-exact-payslip{width:min(1120px,calc(100% - 20px))}
@media(max-width:520px){.site-header{width:calc(100% - 18px);min-height:62px;gap:7px}.actual-brand-logo{width:51px;height:43px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.portal-header-actions{gap:4px}.mobile-header-back,.portal-logout button{height:32px;padding:0 9px;font-size:9px}.mobile-first-portal{width:calc(100% - 14px);margin-bottom:18px}.mobile-first-portal .employee-welcome{min-height:78px;padding:11px}.mobile-first-portal .employee-avatar{width:48px;height:48px;border-radius:13px;font-size:20px}.mobile-first-portal .employee-welcome h1{font-size:17px}.mobile-first-portal .portal-summary-grid{gap:6px}.mobile-first-portal .portal-summary-grid article{min-height:68px;padding:8px 9px}.mobile-first-portal .portal-summary-grid span{font-size:8px}.mobile-first-portal .portal-summary-grid strong{font-size:13px}.portal-accordion>summary{min-height:61px;padding:8px 10px}.accordion-content{padding:9px}.employee-information{grid-template-columns:1fr}.history-card dl{grid-template-columns:1fr 1fr}.compact-history-card{align-items:flex-start;flex-direction:column}.compact-history-card>div:last-child{text-align:right}.employee-exact-payslip{width:calc(100% - 12px);margin-top:4px}.employee-exact-payslip .payslip-tools{gap:7px;padding:8px}.employee-exact-payslip .payslip-tools>div{display:none}.employee-exact-payslip .payslip-tools button,.employee-payslip-back{width:100%;min-height:42px}}
@media print{.employee-exact-payslip{width:100%!important;margin:0!important}}

/* Employee portal V2.5 — Sogol logo theme */
.employee-portal-screen {
    --sogol-green: #3c7c4c;
    --sogol-green-dark: #326840;
    --sogol-burgundy: #88282c;
    --sogol-burgundy-dark: #6f2024;
    --sogol-cream: #f4e8d0;
    --sogol-page: #f6f2e9;
    background: var(--sogol-page);
    color: #243429;
}
.employee-portal-screen .site-header {
    width: min(420px, calc(100% - 20px));
    min-height: 66px;
    padding: 0 4px;
}
.employee-portal-screen .actual-brand-logo {
    width: 47px;
    height: 47px;
    max-width: 47px;
    object-fit: contain;
    display: block;
}
.employee-portal-screen .brand-copy strong { color: #243429; font-size: 14px; }
.employee-portal-screen .brand-copy small { color: #6c796f; }
.employee-portal-screen .portal-logout button {
    border-color: rgba(60,124,76,.34);
    background: #fffdf8;
    color: var(--sogol-green-dark);
}
.employee-portal-screen .site-footer { display: none; }
.employee-portal-screen main { padding-bottom: 76px; }
.employee-portal-screen .mobile-first-portal {
    width: min(420px, calc(100% - 16px));
    margin: 0 auto 18px;
}
.employee-portal-screen .portal-operation-message {
    margin-bottom: 9px;
    border-radius: 13px;
    font-size: 11px;
}
.employee-portal-screen .employee-welcome {
    min-height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 11px;
    padding: 18px;
    border: 0;
    border-radius: 22px;
    background: linear-gradient(145deg,var(--sogol-green),var(--sogol-green-dark));
    color: var(--sogol-cream);
    box-shadow: 0 12px 28px rgba(7,76,54,.2);
}
.employee-portal-screen .employee-welcome::after {
    content: "";
    position: absolute;
    left: -34px;
    bottom: -46px;
    width: 140px;
    height: 140px;
    border: 28px solid rgba(244,232,208,.1);
    border-radius: 50%;
}
.employee-portal-screen .employee-person {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 11px;
}
.employee-portal-screen .employee-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 2px solid rgba(244,232,208,.7);
    border-radius: 16px;
    background: rgba(244,232,208,.14);
    color: var(--sogol-cream);
    font-size: 17px;
}
.employee-portal-screen .employee-person-copy { display: grid; gap: 3px; }
.employee-portal-screen .employee-welcome .employee-person-copy span { color: rgba(244,232,208,.78); font-size: 10px; }
.employee-portal-screen .employee-welcome h1 { margin: 0; color: var(--sogol-cream); font-size: 17px; }
.employee-portal-screen .employee-welcome p { margin: 0; color: rgba(244,232,208,.86); font-size: 10px; }
.employee-portal-screen .employee-hero-stats {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 16px;
}
.employee-portal-screen .employee-hero-stats article {
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 10px 11px;
    border-radius: 14px;
    background: rgba(244,232,208,.13);
}
.employee-portal-screen .employee-hero-stats span { color: rgba(244,232,208,.76); font-size: 9px; }
.employee-portal-screen .employee-hero-stats strong { overflow-wrap: anywhere; color: var(--sogol-cream); font-size: 11px; }
.employee-portal-screen .portal-loan-action {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
    padding: 0 15px;
    border: 2px solid var(--sogol-green);
    border-radius: 17px;
    background: var(--sogol-burgundy);
    color: var(--sogol-cream);
    box-shadow: 0 9px 20px rgba(136,40,44,.2);
    font: 700 12px Vazirmatn,Tahoma,sans-serif;
    cursor: pointer;
}
.employee-portal-screen .portal-loan-action span { display: flex; align-items: center; gap: 9px; }
.employee-portal-screen .portal-loan-action i { font-style: normal; font-size: 28px; line-height: 1; }
.employee-portal-screen .portal-action-icon {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--sogol-cream);
    color: var(--sogol-burgundy);
    font-size: 17px;
}
.employee-portal-screen .portal-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 14px 3px 8px;
}
.employee-portal-screen .portal-section-heading strong { font-size: 13px; }
.employee-portal-screen .portal-section-heading span { color: #6c796f; font-size: 9px; }
.employee-portal-screen .portal-accordion-list { display: grid; gap: 9px; }
.employee-portal-screen #portal-home,
.employee-portal-screen .portal-accordion { scroll-margin-top: 78px; }
.employee-portal-screen .portal-accordion {
    margin: 0;
    overflow: hidden;
    border: 2px solid var(--sogol-green);
    border-radius: 16px;
    background: var(--sogol-burgundy);
    color: var(--sogol-cream);
    box-shadow: 0 7px 18px rgba(136,40,44,.14);
}
.employee-portal-screen .portal-accordion > summary,
.employee-portal-screen .portal-accordion[open] > summary {
    min-height: 62px;
    padding: 9px 11px;
    background: var(--sogol-burgundy);
    color: var(--sogol-cream);
}
.employee-portal-screen .portal-accordion > summary .accordion-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--sogol-cream);
    color: var(--sogol-green);
    font-size: 18px;
}
.employee-portal-screen .portal-accordion > summary strong { color: var(--sogol-cream); font-size: 12px; }
.employee-portal-screen .portal-accordion > summary small { color: rgba(244,232,208,.78); font-size: 9px; }
.employee-portal-screen .portal-accordion > summary > i {
    border-color: var(--sogol-cream);
}
.employee-portal-screen .accordion-content {
    padding: 10px;
    border-top: 1px solid rgba(60,124,76,.95);
    background: var(--sogol-burgundy);
}
.employee-portal-screen .simple-payslip-list { gap: 0; }
.employee-portal-screen .simple-payslip-row {
    min-height: 57px;
    padding: 8px 2px;
    border: 0;
    border-bottom: 1px solid rgba(60,124,76,.75);
    border-radius: 0;
    background: transparent;
    color: var(--sogol-cream);
}
.employee-portal-screen .simple-payslip-row:last-child { border-bottom: 0; }
.employee-portal-screen .simple-payslip-row span { color: rgba(244,232,208,.74); }
.employee-portal-screen .simple-payslip-row strong { color: var(--sogol-cream); }
.employee-portal-screen .simple-payslip-row a {
    min-width: 94px;
    height: 38px;
    border-radius: 11px;
    background: var(--sogol-green);
    color: var(--sogol-cream);
}
.employee-portal-screen .employee-information { grid-template-columns: 1fr 1fr; }
.employee-portal-screen .employee-information > div,
.employee-portal-screen .history-card,
.employee-portal-screen .portal-messages article {
    border: 1px solid rgba(60,124,76,.85);
    background: rgba(95,22,27,.48);
    color: var(--sogol-cream);
}
.employee-portal-screen .employee-information span,
.employee-portal-screen .history-card dt,
.employee-portal-screen .compact-history-card span,
.employee-portal-screen .portal-messages time,
.employee-portal-screen .portal-messages p { color: rgba(244,232,208,.72); }
.employee-portal-screen .employee-information strong,
.employee-portal-screen .history-card strong,
.employee-portal-screen .history-card dd,
.employee-portal-screen .portal-messages strong { color: var(--sogol-cream); }
.employee-portal-screen .history-card dl > div { background: rgba(244,232,208,.09); }
.employee-portal-screen .portal-inner-title {
    margin: 3px 1px 7px;
    color: var(--sogol-cream);
    font-size: 11px;
}
.employee-portal-screen .portal-inner-title:not(:first-child) {
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid rgba(60,124,76,.72);
}
.employee-portal-screen .empty-inline { color: rgba(244,232,208,.82); }
.employee-portal-screen .portal-mobile-nav {
    position: fixed;
    right: 50%;
    bottom: 0;
    z-index: 15;
    width: min(420px,100%);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4px;
    padding: 8px 9px calc(8px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(60,124,76,.28);
    background: #fffdf8;
    box-shadow: 0 -8px 24px rgba(37,55,43,.09);
    transform: translateX(50%);
}
.employee-portal-screen .portal-mobile-nav a {
    min-height: 49px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    border-radius: 12px;
    color: #6c796f;
    text-decoration: none;
    font-size: 9px;
    font-weight: 700;
}
.employee-portal-screen .portal-mobile-nav a span { font-size: 18px; line-height: 1; }
.employee-portal-screen .portal-mobile-nav a.active {
    background: #e5eee5;
    color: var(--sogol-green);
}
.portal-modal-open { overflow: hidden; }
.portal-loan-modal {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding: 12px;
    background: rgba(7,20,15,.56);
}
.portal-loan-modal.is-visible { display: flex; }
.portal-loan-sheet {
    width: min(420px,100%);
    padding: 16px;
    border: 2px solid #3c7c4c;
    border-radius: 22px;
    background: #fffdf8;
    box-shadow: 0 -16px 40px rgba(0,0,0,.22);
}
.portal-loan-sheet > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}
.portal-loan-sheet > header > div { display: grid; gap: 3px; }
.portal-loan-sheet > header strong { color: #243429; font-size: 14px; }
.portal-loan-sheet > header span { color: #6c796f; font-size: 9px; }
.portal-loan-sheet > header button {
    width: 42px;
    height: 42px;
    border: 1px solid #ded3bd;
    border-radius: 12px;
    background: #f7f0e2;
    color: #243429;
    font-size: 25px;
    cursor: pointer;
}
.portal-loan-sheet .loan-request-form { grid-template-columns: 1fr; padding: 0; gap: 11px; }
.portal-loan-sheet .loan-request-form label span { color: #59675e; font-size: 10px; }
.portal-loan-sheet .loan-request-form input,
.portal-loan-sheet .loan-request-form textarea {
    border-color: #ded3bd;
    border-radius: 12px;
    background: #f7f0e2;
    color: #243429;
}
.portal-loan-sheet .loan-request-form button {
    height: 50px;
    border: 2px solid #3c7c4c;
    border-radius: 13px;
    background: #88282c;
    color: #f4e8d0;
    box-shadow: 0 9px 20px rgba(136,40,44,.18);
}
@media (max-width: 380px) {
    .employee-portal-screen .employee-welcome { padding: 15px; }
    .employee-portal-screen .employee-hero-stats { grid-template-columns: 1fr; }
    .employee-portal-screen .employee-information { grid-template-columns: 1fr; }
}

/* PORTAL-V2.7.0-LOAN-MONEY-FORMAT */
.loan-money-field{position:relative}.loan-money-field input{direction:ltr;text-align:center;font-variant-numeric:tabular-nums}.loan-toman-preview,.toman-line{display:block;margin-top:4px;color:#2f6cf4;font-size:9px;font-weight:700;direction:rtl}.history-card dd .toman-line{color:#7b889b;font-size:8.5px}