/* A calm, readable workspace. Components retain the application's existing contracts. */
.attachment-body .sidebar,.attachment-body .workspace-topbar,.attachment-body .install-link,.attachment-body .skip-link{display:none}
.attachment-viewer{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#f4f6f3;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);height:100dvh}
.attachment-toolbar{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-bottom:1px solid #dce3dd;flex-shrink:0;flex-wrap:wrap}.attachment-toolbar strong{flex:1;min-width:0;overflow-wrap:anywhere}.attachment-close{background:#0b5a3c;color:#fff!important}.attachment-controls{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px;flex-wrap:wrap}.attachment-controls[hidden]{display:none}.attachment-status{margin:8px 16px}.attachment-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;text-align:center;padding:10px;direction:ltr}.attachment-stage canvas{display:block;margin:0 auto;background:#fff}.attachment-stage canvas[hidden]{display:none}.attachment-image{max-width:100%;height:auto;object-fit:contain}.attachment-controls button{padding:6px 12px}.attachment-viewer .btn{min-height:44px}
@media(max-width:480px){.attachment-toolbar strong{flex-basis:100%;order:3;font-size:14px}.attachment-toolbar .btn{flex:1;font-size:14px;padding:8px}.attachment-controls{gap:5px}}
body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.install-link{text-align:center;margin:24px 0;font-size:14px}.install-link a{display:inline-flex;align-items:center;min-height:44px;padding:8px}
.install-guide{max-width:680px;margin:0 auto}.install-guide h1{font-size:28px}.install-guide h2{font-size:20px}.install-guide li{margin-block:12px}.install-guide ol{padding-inline-start:26px}.install-guide summary{cursor:pointer;min-height:44px}.install-icon{border-radius:18px}
@media(display-mode:standalone){.install-link{display:none}}
:root{--green:#256451;--green2:#1c5342;--green3:#173f35;--cream:#f6f7f4;--gold:#946a20;--gold2:#e7d6b3;--ink:#253b34;--muted:#596a63;--line:#dce3dd;--bg:#f4f6f3;--danger:#a22e2e;--shadow:0 3px 16px #233c3005;--sidebar:248px}
html{scroll-padding-top:96px}body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.75;background:var(--bg)}
h1,h2,h3{line-height:1.45;letter-spacing:0}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button,.btn,input,select{min-height:46px}button,.btn{font-weight:700;gap:8px;padding:10px 18px;font-size:14px;border-radius:10px;transition:background-color .16s,border-color .16s,box-shadow .16s}button:hover,.btn:hover{background:var(--green2);border-color:var(--green2);box-shadow:0 3px 9px #173f3515}button:active,.btn:active{box-shadow:none}.btn.secondary:hover,button.secondary:hover{background:#dbeae0;color:var(--green3)}.btn.ghost{color:#4d6258}.btn.ghost:hover{background:#f0f4f0;color:var(--green3);border-color:#9aafa3}.small{font-size:13px;padding:8px 12px;min-height:44px}.delete,.reject{background:#a22e2e;border-color:#a22e2e}.delete:hover,.reject:hover{background:#822424;border-color:#822424}
.app-shell{background:var(--bg);grid-template-columns:var(--sidebar) minmax(0,1fr)}html[dir=rtl] .app-shell{direction:rtl}html[dir=ltr] .app-shell{direction:ltr}.sidebar{background:#fff;color:var(--ink);border-inline-end:1px solid var(--line);box-shadow:none;padding:28px 18px 18px;overflow:auto;scrollbar-width:thin}.sidebar-brand-row{display:block}.v7-brand{color:var(--green3)!important;border:0;padding:0 14px 24px;margin:0 0 15px}.v7-brand .brand-ar{font-size:38px;font-weight:800;line-height:1.3}.v7-brand .brand-en{font-family:Arial,sans-serif;font-size:12px;letter-spacing:4px;color:#667b70;margin-top:3px}.v7-brand small{font-size:12px;color:var(--muted);margin-top:8px}.side-nav{gap:7px}.side-nav a{min-height:49px;padding:10px 14px;font-size:15px;font-weight:600;color:#4c6258;box-shadow:none;position:relative}.side-nav a:hover{background:#f2f6f2;color:var(--green3);box-shadow:none}.side-nav a.active,.side-nav a[aria-current=page]{background:#e8f1e9;color:#174d39;box-shadow:none;font-weight:700}.side-nav a[aria-current=page]:before{content:"";position:absolute;inset-inline-start:0;width:3px;height:22px;border-radius:6px;background:#38745b}.nav-icon{width:22px;height:22px;flex:0 0 22px;border-radius:0;background:none;color:inherit;display:block;padding:0}.sidebar-art{display:none}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:0;gap:15px}.sidebar-user{padding:16px 4px 0;border-top:1px solid var(--line)}.sidebar-user b{font-size:14px;overflow-wrap:anywhere}.sidebar-user small{font-size:12px;color:var(--muted)}.avatar{background:#e9eee5;color:#315342;font-weight:700}.sidebar-logout{color:#50655a;border:1px solid var(--line);min-height:44px;font-size:13px;display:flex;justify-content:center;align-items:center}.sidebar-logout:hover{background:#f2f5f0;border-color:#9aafa3}.navigation-toggle[hidden]{display:none}
.workspace-topbar{background:#ffffffed;min-height:78px;height:auto;padding:14px 32px;border-bottom:1px solid var(--line);gap:12px}.workspace-label{display:grid;gap:1px}.workspace-label span{font-size:12px;color:var(--muted)}.workspace-label strong{font-size:14px;font-weight:600}.top-user-chip{border:0;background:none;padding:0;gap:10px}.top-user-chip>span:last-child{font-size:13px;max-width:200px}.top-user-chip small{font-size:11px}.topbar-actions{gap:20px}.small-avatar{height:38px;width:38px;font-size:15px}.language-button{min-height:44px;border-radius:9px;padding:8px 12px;font-weight:600;font-size:13px;background:#fff}.language-options{min-width:180px}.language-options a{width:auto;min-width:76px;height:44px;padding:6px;font-size:13px}.content-area{width:calc(100% - 64px);max-width:1400px;margin:28px auto 48px}.content-area>section+section{margin-top:22px}.page-head{margin:0 0 24px;align-items:center;gap:20px}.page-head h1{font-size:28px;margin:4px 0 7px;font-weight:700}.page-head p{font-size:14px;max-width:760px;line-height:1.9}.eyebrow{font-size:12px;font-weight:700;color:#54745f}.panel{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:24px;overflow:visible}.panel h2{font-size:19px;margin-top:0}.panel-head{margin-bottom:20px;gap:16px}.panel-head h2{font-size:19px}.panel-head p{font-size:13px}.panel-link,.file-link,.employee-link{font-weight:600;text-underline-offset:4px}.panel-link:hover,.file-link:hover,.employee-link:hover{text-decoration:underline}.panel-link,.file-link{min-height:44px;display:inline-flex;align-items:center}.grid{gap:22px}
.hero-dashboard{background:#eaf1e9;border:1px solid #d7e3d5;box-shadow:none;min-height:182px;padding:30px 34px;color:#204f3b;border-radius:18px}.hero-kicker{color:#56725d;font-size:13px;font-weight:600}.hero-copy h1{font-size:30px;font-weight:700;margin:5px 0 10px}.hero-copy p{color:#4b6657;font-size:14px;max-width:660px;line-height:1.9}.hero-motif{opacity:.07;width:260px;pointer-events:none}.hero-actions{flex-shrink:0}.gold-btn{background:#256451!important;color:#fff!important;border-color:#256451!important;padding:12px 22px!important}.gold-btn:hover{background:#1c5342!important}.balance-strip{display:flex;flex-wrap:wrap;gap:12px 40px;padding:18px 4px;margin:0!important;border-bottom:1px solid var(--line)}.balance-strip div{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.balance-strip span{font-size:13px;color:var(--muted)}.balance-strip strong{font-size:15px;font-variant-numeric:tabular-nums;direction:ltr}.cards{gap:16px;margin:22px 0}.metric{background:#fff;border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:24px 20px;min-height:138px}.metric>span:not(.metric-icon){font-size:13px;max-width:calc(100% - 30px);line-height:1.7;margin-bottom:17px}.metric b{font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5}.metric b small{font-size:12px;font-weight:400}.metric-icon{top:21px;inset-inline-end:17px;width:28px;height:28px;border-radius:8px;font-size:17px;background:#eef4ee}.metric-icon.gold{background:#f5efe2;color:#805f25}.metric.pending{border-color:var(--line)}.dashboard-panel{margin-top:22px}.dashboard-panel table{min-width:660px}
form{gap:18px}label{font-size:14px;font-weight:600;gap:8px}input,select,textarea{border:1px solid #81958a;background:#fff;color:var(--ink);font-size:15px;line-height:1.5;border-radius:9px;padding:11px 12px;max-width:100%}input::placeholder,textarea::placeholder{color:#65766d;opacity:1}input:hover,select:hover,textarea:hover{border-color:#4e7461}input:focus,select:focus,textarea:focus{border-color:#256451}input[type=email],input[type=number]{direction:ltr;text-align:start}textarea{resize:vertical;min-height:100px}button:disabled{cursor:not-allowed;opacity:.6}.entry-disclosure{padding:0;overflow:hidden;align-self:start;border-color:#cddcd0}.entry-disclosure>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:20px 24px;min-height:72px;cursor:pointer;font-size:17px;font-weight:600;color:var(--green3);background:#fff}.entry-disclosure>summary::-webkit-details-marker{display:none}.entry-disclosure>summary:hover{background:#f4f8f2}.entry-plus{height:32px;width:32px;background:#eaf2e7;color:#275b3e;display:grid;place-items:center;border-radius:9px;font-size:25px;font-weight:400}.disclosure-chevron{margin-inline-start:auto;font-size:23px}.entry-disclosure[open] .disclosure-chevron{transform:rotate(180deg)}.entry-disclosure[open]>summary{border-bottom:1px solid var(--line)}.entry-content{padding:24px}.field-guide{font-size:13px;color:var(--muted);margin:0 0 22px}.entry-page .entry-form{gap:20px}.entry-page .entry-form>button{min-width:200px;margin-top:4px}.filters{gap:12px;align-items:end;padding:0 0 22px;margin-bottom:0}.filters label{flex:1;min-width:145px}.filters input,.filters select{flex:1 1 155px;width:auto;min-width:0;max-width:100%}.filters input:only-child,.filters label select{width:100%}.filters button,.filters .btn{min-height:46px}.filters .filter-field{display:grid;flex:1 1 155px;font-size:13px;min-width:0}.filters .filter-field input,.filters .filter-field select{width:100%}.report-extra,.report-invoices{border-top:1px solid var(--line);padding-top:12px}.report-extra summary,.report-invoices summary{min-height:44px}.report-controls{margin-bottom:20px}.report-tools{gap:10px}
.table-wrap{border:1px solid var(--line);border-radius:11px;overflow:auto;scrollbar-width:thin}table{min-width:720px;border-collapse:collapse}th,td{padding:15px 14px;border-bottom:1px solid #e7ece7;vertical-align:middle}th{background:#f0f4ef;font-size:13px;color:#435c4e;font-weight:600;line-height:1.6}td{font-size:14px;line-height:1.8}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8faf6}.table-wrap:focus-visible{outline:3px solid #21649a;outline-offset:4px}.table-scroll-hint{font-size:12px;color:var(--muted);margin:6px 0 10px}.table-scroll-hint[hidden]{display:none}.money{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.sub{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.note-display{padding:0;background:none;border:0;border-radius:0;min-width:130px;max-width:230px;color:#55695d}.status,.badge{font-size:12px;font-weight:600;line-height:1.6;padding:5px 10px;gap:6px;white-space:nowrap}.status-pending,.badge.pending{background:#f8efd9;color:#76581d}.status-approved,.badge.success,.badge.open{background:#e7f1e7;color:#23563b}.status-rejected{background:#f8e9e7;color:#92342a}.badge.closed,.badge.muted{background:#edf0ed;color:#526158}.reason{font-size:12px;max-width:240px;overflow-wrap:anywhere}.empty{padding:42px 18px;color:#586c60;font-size:15px}.invoice-status-overview{gap:14px;margin:0 0 24px}.invoice-status-card{background:#fff;box-shadow:none;border-color:var(--line);padding:15px 18px;min-height:74px;border-radius:12px}.invoice-status-card span{font-size:14px;font-weight:600}.invoice-status-card strong{font-size:25px;font-weight:700}.invoice-status-card:hover{background:#f1f6ef}.invoice-status-card.active{background:#e9f2e6;border:2px solid #497553;color:#234e36;padding:14px 17px}.inline-form{flex-wrap:wrap}.inline-form .compact{min-width:130px;width:160px}.flash{padding:15px 18px;border:1px solid #c1d9c6;color:#234f34;background:#eef6ee;margin-bottom:20px;font-size:14px;line-height:1.9}.flash.error{color:#8d2e26;border-color:#e7b9b1;background:#fff0ed}.negative{color:var(--danger)}.skip-link{min-height:46px;z-index:1000;border:2px solid #21649a}.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #21649a;outline-offset:3px;scroll-margin-block:110px}:where(a,button,summary):focus-visible{box-shadow:0 0 0 2px #fff}.entry-disclosure>summary:focus-visible{outline-offset:-5px}.public-body{background:#f1f5ef}.public-main{max-width:1080px;margin:32px auto}.public-topbar{height:84px}.public-brand .brand-en{color:#5e725f}.auth-v7{min-height:580px;box-shadow:0 12px 50px #2846300a;border-radius:22px;border-color:var(--line)}.auth-visual{background:#e6eee3}.visual-overlay{padding:44px;color:#254f3b}.visual-overlay p{color:#47644f;line-height:1.9}.hero-wordmark small{color:#6a745a}.heritage-scene{opacity:.18}.auth-card-v7{padding:48px}.auth-card-v7 h1{font-size:28px}.auth-card-v7 p{font-size:14px}.auth-caption{font-size:12px;color:#5b6c60}.auth-logo-mobile small{color:#61755f}.auth-card-v7 .primary-wide{margin-top:8px}.security-panel{margin:0;max-width:800px}.security-panel summary{min-height:44px}.confirm-dialog{padding:28px}.language-options a:focus-visible{outline-offset:0}
@media(min-width:1500px){.content-area{margin-top:36px}.hero-dashboard{min-height:196px}.metric{padding:26px}}
@media(max-width:1150px){:root{--sidebar:218px}.content-area{width:calc(100% - 40px)}.workspace-topbar{padding-inline:20px}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-dashboard{padding:26px}.hero-copy h1{font-size:26px}.hero-dashboard{flex-wrap:wrap}.topbar-actions{gap:10px}}
@media(max-width:800px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:14px 18px;border-inline-end:0;border-bottom:1px solid var(--line);overflow:visible;z-index:20}.sidebar-brand-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.v7-brand{padding:0;margin:0;flex-direction:row;gap:12px;align-items:center}.v7-brand .brand-ar{font-size:28px}.v7-brand .brand-en{display:block;font-size:10px;letter-spacing:2px}.v7-brand small{display:none}.navigation-toggle:not([hidden]){display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;background:#edf3eb;border-color:#b0c3b2;color:#28523a;font-size:13px}.side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-top:16px;gap:6px}.side-nav a{font-size:13px;white-space:normal;padding:10px 6px;min-height:66px;justify-content:center;flex-direction:column;gap:5px;text-align:center}.side-nav a .nav-icon{display:block;width:20px;height:20px;flex-basis:20px}.side-nav a[aria-current=page]:before{height:3px;inset-inline-start:25%;width:50%;bottom:0}.sidebar.nav-enhanced .side-nav:not(.is-open){display:none}.sidebar-footer{display:none}.workspace-topbar{position:static;min-height:60px;padding:10px 18px;background:#f7f9f5;gap:8px}.workspace-label{display:none}.topbar-actions{width:100%;justify-content:space-between;gap:8px}.top-user-chip>span:last-child{display:grid;font-size:12px;max-width:130px}.top-user-chip small{font-size:10px}.small-avatar{display:none}.language-button{font-size:12px;min-height:44px;padding:8px 9px}.mobile-logout{font-size:12px;min-height:44px;display:flex;align-items:center;padding:8px 10px;border-radius:9px}.content-area{width:calc(100% - 32px);margin:22px auto 36px}.page-head{gap:14px;margin-bottom:20px}.page-head h1{font-size:24px}.page-head p{font-size:14px}.hero-dashboard{min-height:0;padding:24px;gap:18px}.hero-copy h1{font-size:25px}.hero-copy p{font-size:13px}.hero-actions .btn{min-height:46px}.hero-motif{display:none}.balance-strip{gap:12px;padding:16px 2px}.balance-strip div{width:100%;justify-content:space-between;gap:4px}.balance-strip span{font-size:12px}.balance-strip strong{font-size:14px}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:18px 14px;min-height:133px}.metric b{font-size:23px}.metric>span:not(.metric-icon){font-size:12px;max-width:100%;padding-inline-end:22px;margin-bottom:14px}.metric-icon{width:22px;height:22px;top:16px;inset-inline-end:12px;font-size:14px}.panel{padding:18px;border-radius:14px}.entry-disclosure{padding:0}.entry-disclosure>summary{padding:17px 18px;font-size:16px}.entry-content{padding:18px}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px}.filters>*{min-width:0!important;max-width:100%}.filters .filter-field{min-width:0}.filters label{min-width:0}.filters .filter-field:first-child{grid-column:1/-1}.entry-page .entry-form{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-status-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invoice-status-card{padding:12px 14px;min-height:68px}.invoice-status-card.active{padding:11px 13px}.invoice-status-card strong{font-size:24px}.invoice-status-card span{font-size:13px}.panel-head{align-items:flex-start;flex-wrap:wrap}.panel-head h2{font-size:18px}.panel-head p{font-size:13px}.actions{gap:10px}.report-tools{width:100%;flex-wrap:wrap}.report-tools .btn,.report-tools button{flex:1 1 auto;font-size:13px;padding:9px 12px}.auth-v7{min-height:0}.auth-card-v7{padding:32px 24px}.auth-visual{display:none}.public-main{margin:18px auto}.public-topbar{height:74px}.public-brand .brand-en{display:none}}
@media(max-width:640px){.invoice-table-wrap,.advance-table-wrap,.people-table-wrap{border:0;overflow:visible}.invoice-table-wrap tbody,.advance-table-wrap tbody{gap:16px}.invoice-table-wrap tbody tr,.advance-table-wrap tbody tr{padding:14px;border-radius:12px;background:#fff;border:1px solid var(--line)}.invoice-table-wrap td,.advance-table-wrap td{font-size:14px;padding:11px 0;grid-template-columns:minmax(85px,34%) minmax(0,1fr)}.invoice-table-wrap td::before,.advance-table-wrap td::before{font-weight:400;color:#5a6d60;font-size:12px}.table-wrap.mobile-cards table,.table-wrap.mobile-cards tbody,.table-wrap.mobile-cards tr{display:block;min-width:0}.table-wrap.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-wrap.mobile-cards tbody{display:grid;gap:14px}.table-wrap.mobile-cards tbody tr{border:1px solid var(--line);border-radius:12px;padding:12px}.table-wrap.mobile-cards td{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:11px 0;font-size:14px;overflow-wrap:anywhere}.table-wrap.mobile-cards td:before{content:attr(data-label);color:var(--muted);font-size:12px}.table-wrap.mobile-cards .inline-form{width:100%}.table-wrap.mobile-cards .compact{max-width:100%;width:100%}.table-wrap.mobile-cards td .actions{gap:12px}.note-display{max-width:100%;min-width:0}.review-actions input{max-width:100%}}
@media(max-width:480px){.entry-page .entry-form{grid-template-columns:minmax(0,1fr)}.entry-page .entry-form>button{width:100%;min-width:0}.content-area{width:calc(100% - 24px)}.cards{gap:10px}.metric{padding:16px 12px;min-height:138px}.metric b{font-size:21px}.metric b small{font-size:11px}.metric>span:not(.metric-icon){font-size:12px}.page-head h1{font-size:23px}.hero-dashboard{padding:20px}.hero-actions{width:100%}.hero-actions .btn{width:100%}.filters{grid-template-columns:1fr}.invoice-status-card{gap:4px}.invoice-status-card span{font-size:12px}.top-user-chip>span:last-child{max-width:115px}.public-main{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.side-nav a[aria-current=page],.invoice-status-card.active{outline:2px solid Highlight}.nav-icon{forced-color-adjust:auto}.metric,.panel{border:1px solid CanvasText}}
@media print{.sidebar,.workspace-topbar,.public-topbar,.entry-disclosure,.table-scroll-hint{display:none!important}.app-shell{display:block}.content-area{width:100%;margin:0}.hero-dashboard,.panel,.metric{box-shadow:none;background:#fff;color:#000}.table-wrap{overflow:visible;border:0}table{min-width:0}body{font-size:12pt;background:#fff}.report-tools,.filters{display:none!important}}

.navigation-toggle{display:none}
@media(max-width:800px){.navigation-toggle:not([hidden]){display:flex}}

@media(max-width:640px){.table-wrap.mobile-cards{border:0;overflow:visible}.metric b{overflow-wrap:anywhere}input,select,textarea{font-size:16px}}

/* Classic olive and ivory palette; print and high-contrast modes stay independent. */
@media screen and (forced-colors:none){
:root{--green:#4b604b;--green2:#394d3b;--green3:#2e4234;--cream:#f8f3e8;--gold:#8b6b35;--gold2:#dfcda6;--ink:#303b31;--muted:#60675a;--line:#d9d4c4;--bg:#eeeade;--shadow:0 4px 18px #494c3610}
body,.app-shell,.public-body{background:var(--bg)}
.sidebar{background:#344b3e;color:#f8f3e8;border-color:#455d49}
.v7-brand{color:#f8f3e8!important}.v7-brand .brand-en,.v7-brand small,.sidebar-user small{color:#ddd6bc}
.side-nav a{color:#eeeadd}.side-nav a:hover{background:#455e4d;color:#fffaf0}
.side-nav a.active,.side-nav a[aria-current=page]{background:#e6ddc4;color:#304535}
.side-nav a[aria-current=page]:before{background:#916f37}
.sidebar-user{border-color:#73816b}.sidebar-logout{color:#f1ebd9;border-color:#8c967f}.sidebar-logout:hover{background:#455e4d;color:#fffaf0;border-color:#c4bb9b}
.avatar{background:#e5dcc3;color:#354c3c}.workspace-topbar,.public-topbar{background:#f8f3e8;border-bottom:1px solid #d7c9a8}
.language-button,.language-options,.panel,.auth-card-v7,.confirm-dialog{background:#fffdf7}
.panel{border-color:#d8d0bb}.page-head h1,.panel h2{color:#354c3c}.eyebrow{color:#78613c}
.hero-dashboard{background:linear-gradient(115deg,#405d49,#344b3e);color:#fffaf0;border-color:#556c52;box-shadow:0 6px 22px #344b3e16}
.hero-kicker{color:#e2d3ad}.hero-copy p{color:#eee8d6}.hero-motif{opacity:.1}
.gold-btn{background:#e5d3a7!important;color:#334534!important;border-color:#e5d3a7!important}.gold-btn:hover{background:#efdfbb!important}
.metric{background:#f9f6ea;border-color:#d7cdb5;border-top:3px solid #9b865a}.metric:nth-child(2){background:#e7eddf;border-top-color:#748766}.metric:nth-child(3){background:#f3ead5;border-top-color:#b49a64}.metric:nth-child(4){background:#e9ece2;border-top-color:#82927a}.metric-icon{background:#dce5d3;color:#405c43}
.entry-disclosure>summary{background:#e7ecdf;color:#354d3b}.entry-disclosure>summary:hover{background:#dce5d3}.entry-plus{background:#cad8c0;color:#354d3b}.entry-content{background:#fffdf7}
input,select,textarea{background:#fffef9;border-color:#8d967d;color:#303b31}input::placeholder,textarea::placeholder{color:#636b5b}input:focus,select:focus,textarea:focus{border-color:#4b604b}
button.secondary,.btn.secondary{background:#e4e9da;color:#354c3c;border-color:#bcc8ae}.btn.secondary:hover,button.secondary:hover{background:#d4dfc8;color:#2e4234}.btn.ghost:hover{background:#ede9dc}
th{background:#dfe5d5;color:#354c3c}th,td{border-bottom-color:#e1ddcf}tbody tr:hover{background:#f2f3e8}
.invoice-status-card{background:#f7f2e4;border-color:#d4c8ac}.invoice-status-card:hover{background:#ede8d6}.invoice-status-card.active{background:#dfe8d4;border-color:#657b55;color:#344b38}
.balance-strip{background:#e7e5d7;border-radius:0 0 12px 12px;padding-inline:16px}.note-display{color:#59654f}
.auth-visual{background:#344b3e}.visual-overlay{color:#fffaf0}.visual-overlay p{color:#e9e3cf}.hero-wordmark small{color:#e2d3ad}.heritage-scene{opacity:.12}.auth-v7{border-color:#d7c9a8;box-shadow:0 14px 48px #344b3e16}
.navigation-toggle:not([hidden]){background:#e6ddc4;color:#304535;border-color:#b5ac8b}
@media(max-width:640px){.invoice-table-wrap tbody tr,.advance-table-wrap tbody tr,.table-wrap.mobile-cards tbody tr{background:#fffdf7;border-color:#d8d0bb}}
}

/* Keep employee identity readable in the wide advances table. */
.advance-employee{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;text-align:start}
.advance-employee .employee-link{font-size:14px;font-weight:600;line-height:1.65;word-break:normal;overflow-wrap:normal}
.advance-employee .employee-email{display:block;max-width:100%;font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.5;color:var(--muted);unicode-bidi:isolate;white-space:nowrap;overflow-wrap:normal;word-break:normal}
@media(min-width:641px){.advance-table-wrap .advance-employee-cell{min-width:220px}.advance-employee .employee-link{max-width:280px}}
@media(max-width:640px){.advance-employee .employee-email{white-space:normal;overflow-wrap:anywhere}}

.presence-menu{position:relative}.presence-menu summary{list-style:none;cursor:pointer;gap:6px}.presence-menu summary::-webkit-details-marker{display:none}
.presence-count{min-width:1.4em;text-align:center;color:#14764a;font-weight:700}
.presence-panel{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(300px,calc(100vw - 32px));max-height:65vh;overflow:auto;padding:16px;background:var(--panel,#fff);color:var(--text,#22382d);border:1px solid #d8dfd9;border-radius:12px;box-shadow:0 8px 28px #0002;z-index:100}
.presence-panel p{font-size:12px;line-height:1.6}.presence-panel ul{list-style:none;padding:0;margin:8px 0 0}.presence-panel li{padding:8px 0;border-top:1px solid #e2e8e3;overflow-wrap:anywhere}.presence-panel small{display:block;color:var(--muted,#647268)}

/* Compact everyday overview; full accounting and actions stay in row details. */
.compact-advances{grid-template-columns:minmax(0,1fr)}
.compact-advances .entry-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.compact-advances .entry-form label{min-width:0;font-size:13px;gap:5px}
.compact-advances input,.compact-advances select{min-height:44px;padding:8px 10px;font-size:14px;width:100%;min-width:0}
.compact-advances textarea{min-height:65px;padding:8px 10px}
.compact-advances .filters{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(3,minmax(105px,1fr)) auto auto;gap:10px}
.compact-advances .filters label{min-width:0}
.compact-advances .entry-content{padding:18px}
.compact-advances .advance-table-wrap table{width:100%;min-width:0;table-layout:fixed}
.compact-advances .advance-table-wrap th,.compact-advances .advance-table-wrap td{padding:10px 8px;font-size:13px;overflow-wrap:anywhere}
.compact-advances .advance-table-wrap .advance-employee-cell{min-width:0}
.compact-advances .advance-table-wrap th:nth-child(1){width:16%}
.compact-advances .advance-table-wrap th:nth-child(2){width:17%}
.compact-advances .advance-table-wrap th:last-child{width:16%}
.entry-time{display:block;font-size:11px;line-height:1.6;font-weight:400;color:var(--muted);margin-top:4px}
.entry-time bdi{display:inline-block;white-space:normal}
.advance-details summary,.change-details summary,.people-presence summary{cursor:pointer;min-height:44px;align-content:center;color:var(--green);font-weight:600}
.advance-more{min-width:0;font-size:12px}.advance-more p{margin:8px 0}.advance-more .invoice-actions{flex-wrap:wrap}.advance-more .btn{white-space:normal;width:100%;font-size:12px;padding:7px}
.advance-more .employee-email{overflow-wrap:anywhere;white-space:normal}.advance-more .note-display{min-width:0}
.presence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-height:420px;overflow:auto;padding:4px}
.presence-person{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;padding:12px;color:inherit;text-decoration:none;font-size:12px;overflow-wrap:anywhere}.presence-person:hover{background:var(--cream)}.presence-person strong{font-size:14px}.online-dot{color:#256451}
.activity-list{display:grid;gap:12px}.activity-event{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}.activity-event p{margin:6px 0}.activity-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.activity-heading time{font-size:12px;color:var(--muted);margin-inline-start:auto}
.change-item{display:grid;grid-template-columns:1fr 2fr 2fr;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.change-item>*{min-width:0;overflow-wrap:anywhere}.legacy-detail{font-size:12px;overflow-wrap:anywhere}.activity-panel .filters label{min-width:0}
@media(min-width:641px) and (max-width:1000px){.compact-advances .advance-table-wrap table{min-width:650px}}
@media(max-width:1000px){.compact-advances .entry-form{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-advances .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.compact-advances .advance-table-wrap table{table-layout:auto}.compact-advances .advance-table-wrap td{padding:8px 0}.compact-advances .filters .filter-field:first-child{grid-column:auto}.change-item{grid-template-columns:1fr 1fr}.change-item>strong{grid-column:1/-1}.presence-grid{grid-template-columns:1fr}.advance-more .btn{width:auto}.entry-time{font-size:12px}}
@media(max-width:480px){.compact-advances .entry-form{grid-template-columns:minmax(0,1fr)}.compact-advances .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-advances .filters .filter-field:first-child{grid-column:1/-1}}

/* Fit every invoice column within the panel, including review controls. */
.invoice-table-wrap table{width:100%;min-width:0;table-layout:fixed}
.invoice-table-wrap th,.invoice-table-wrap td{padding:8px 5px;font-size:12px;line-height:1.65;min-width:0;overflow-wrap:anywhere;white-space:normal}
.invoice-table-wrap th:nth-child(1){width:8%}.invoice-table-wrap th:nth-child(2){width:8%}.invoice-table-wrap th:nth-child(3){width:6%}.invoice-table-wrap th:nth-child(4){width:9%}.invoice-table-wrap th:nth-child(5){width:11%}.invoice-table-wrap th:nth-child(6){width:13%}.invoice-table-wrap th:nth-child(7){width:10%}.invoice-table-wrap th:nth-child(8){width:8%}.invoice-table-wrap th:nth-child(9){width:6%}.invoice-table-wrap th:nth-child(10){width:7%}.invoice-table-wrap th:nth-child(11){width:14%}
.invoice-table-wrap .note-display{min-width:0;max-width:100%}
.invoice-table-wrap .status{max-width:100%;white-space:normal;padding:4px 6px;font-size:11px;box-sizing:border-box}
.invoice-table-wrap .entry-time,.invoice-table-wrap .reason{font-size:10px;max-width:100%;overflow-wrap:anywhere}
.invoice-table-wrap .invoice-actions,.invoice-table-wrap .review-actions,.invoice-table-wrap form{min-width:0;max-width:100%;gap:5px}
.invoice-table-wrap .review-actions .reject-form{grid-template-columns:minmax(0,1fr)}
.invoice-table-wrap .review-actions input,.invoice-table-wrap .review-actions button,.invoice-table-wrap .invoice-actions .btn{min-width:0;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;font-size:12px;padding:6px 5px;min-height:36px}
.invoice-table-wrap .file-link{max-width:100%;font-size:11px;overflow-wrap:anywhere}
@media(min-width:641px) and (max-width:1100px){
 .invoice-table-wrap{overflow:visible;border:0}
 .invoice-table-wrap table{display:block;table-layout:auto;border-collapse:separate}
 .invoice-table-wrap thead{display:none}
 .invoice-table-wrap tbody{display:grid;gap:12px}
 .invoice-table-wrap tbody tr{display:block;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fffdf7}
 .invoice-table-wrap td{display:grid;grid-template-columns:minmax(90px,28%) minmax(0,1fr);gap:10px;padding:8px 0;align-items:start}
 .invoice-table-wrap td::before{content:attr(data-label);color:var(--muted);font-size:12px}
 .invoice-table-wrap td.empty{display:block}.invoice-table-wrap td.empty::before{display:none}
 .invoice-table-wrap .reason,.invoice-table-wrap .entry-time{grid-column:2}
}
@media(max-width:1250px){
 .invoice-table-wrap th,.invoice-table-wrap td{font-size:14px}
 .invoice-table-wrap .status{width:fit-content;font-size:12px}
 .invoice-table-wrap .entry-time,.invoice-table-wrap .reason{font-size:12px}
 .invoice-table-wrap .review-actions input,.invoice-table-wrap .review-actions button,.invoice-table-wrap .invoice-actions .btn{min-height:44px;font-size:14px}
}


.automatic-funding{background:#f2f6f1;border:1px solid #d9e3d7;border-radius:10px;padding:12px 16px;font-size:13px}
.automatic-funding p{margin:6px 0;line-height:1.8}
.invoice-table-wrap th:nth-child(1){width:8%}.invoice-table-wrap th:nth-child(2){width:13%}
.invoice-table-wrap th:nth-child(3){width:10%}.invoice-table-wrap th:nth-child(4){width:15%}
.invoice-table-wrap th:nth-child(5){width:10%}.invoice-table-wrap th:nth-child(6){width:12%}
.invoice-table-wrap th:nth-child(7){width:10%}.invoice-table-wrap th:nth-child(8){width:7%}
.invoice-table-wrap th:nth-child(9){width:7%}.invoice-table-wrap th:nth-child(10){width:8%}
.report-invoices th{width:auto!important}

/* Employee statements, alerts and account lists stay readable on narrow screens. */
@media(max-width:1250px){
 .table-wrap.mobile-cards{overflow:visible;border:0}
 .table-wrap.mobile-cards table,.table-wrap.mobile-cards tbody,.table-wrap.mobile-cards tr{display:block;min-width:0;width:100%;box-sizing:border-box}
 .table-wrap.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .table-wrap.mobile-cards tbody{display:grid;gap:14px}
 .table-wrap.mobile-cards tbody tr{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
 .table-wrap.mobile-cards td{display:grid;grid-template-columns:minmax(70px,30%) minmax(0,1fr);gap:10px;padding:10px 0;font-size:14px;white-space:normal;overflow-wrap:anywhere}
 .table-wrap.mobile-cards td:before{content:attr(data-label);color:var(--muted);font-size:12px}
 .table-wrap.mobile-cards td>*{min-width:0;max-width:100%}
 .table-wrap.mobile-cards .note-display{min-width:0}
 .table-wrap.mobile-cards td[colspan]{display:block}
 .table-wrap.mobile-cards td[colspan]:before{display:none}
 .table-wrap.mobile-cards .entry-time,.table-wrap.mobile-cards .reason{grid-column:2}
 .table-wrap.mobile-cards .inline-form,.table-wrap.mobile-cards .compact{width:100%;max-width:100%;min-width:0}
}
form.entry-form>[role=status]{grid-column:1/-1;margin:0;overflow-wrap:anywhere}
button:disabled{cursor:wait;opacity:.65}

.owner-tabs{margin-bottom:16px;flex-wrap:wrap}.monitor-summary{display:flex;gap:20px;flex-wrap:wrap}.owner-people{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch}.monitor-person{min-width:0;overflow-wrap:anywhere}.monitor-person h2{font-size:1.1rem;margin:0}.monitor-person dl{display:grid;grid-template-columns:minmax(85px,1fr) 2fr;gap:10px}.monitor-person dd{margin:0;min-width:0}.monitor-person dt{color:var(--muted,#596b63)}.activity-panel .filters input[type=date]{min-width:0;max-width:100%}

/* Keep Gregorian date segments readable in both Arabic and English layouts. */
input[placeholder="DD/MM/YYYY"]{direction:ltr;text-align:center;font-variant-numeric:tabular-nums;font-family:Arial,sans-serif;font-weight:500;letter-spacing:.035em;min-width:0;max-width:100%}
input[placeholder="DD/MM/YYYY"]::placeholder{color:#66736c;opacity:1;letter-spacing:.06em}
.activity-panel .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.activity-panel .filters>label{min-width:0}.activity-panel .filters select{width:100%;min-width:0}.activity-panel .date-filter{min-width:0;max-width:none}
.activity-panel .date-filter input{width:100%;min-width:0;min-height:44px}
@media(max-width:600px){.activity-panel .filters{grid-template-columns:1fr}}


.install-actions{display:flex;justify-content:center;align-items:stretch;gap:12px;flex-wrap:wrap;margin:28px auto;max-width:760px}
.install-actions .app-badge{display:flex;gap:13px;align-items:center;justify-content:flex-start;padding:15px 18px;min-height:78px;min-width:0;flex:1 1 290px;border:1px solid #c8cec3;border-radius:16px;text-decoration:none;text-align:start;box-shadow:0 3px 10px #173e340b;transition:transform .15s,box-shadow .15s}
.app-badge>svg{width:34px;height:34px;flex:none}.app-badge>span{display:grid;gap:4px;min-width:0}.app-badge strong{font-size:16px;line-height:1.5}.app-badge small{font-size:12px;font-weight:500;line-height:1.5}.app-badge .badge-arrow{width:20px;height:20px;margin-inline-start:auto}
.install-actions .android-badge{background:#173e34;color:#fff;border-color:#173e34}.android-badge>svg:first-child{color:#bce5c4}.android-badge small{color:#d3e4d9}
.install-actions .web-badge{background:#fffdf7;color:#173e34}.web-badge small{color:#586c61}
.app-badge:hover{transform:translateY(-2px);box-shadow:0 6px 18px #173e341a}.app-badge:focus-visible{outline:3px solid #ba933d;outline-offset:4px}
.android-download{padding:18px;border:1px solid var(--line);border-radius:16px;margin-block:20px;background:#f4f6ef;scroll-margin-top:20px}
@media(max-width:600px){.install-actions{gap:10px}.install-actions .app-badge{flex-basis:100%;padding:14px 16px}.app-badge strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.install-actions .app-badge{transition:none}.app-badge:hover{transform:none}}
@media(display-mode:standalone){.install-actions{display:none}}

.people-table-wrap .employee-role-label{white-space:nowrap;overflow-wrap:normal;word-break:normal}

/* Stable label/value alignment in responsive cards, including Latin contact details. */
.table-cell-value{min-width:0;overflow-wrap:anywhere}
html[dir=rtl] .table-cell-value{text-align:right}
html[dir=ltr] .table-cell-value{text-align:left}
@media(max-width:1250px){
 .table-wrap.mobile-cards td{align-items:start}
 .table-wrap.mobile-cards td:before{grid-column:1;grid-row:1;line-height:1.8}
 .table-wrap.mobile-cards .table-cell-value{grid-column:2;grid-row:1}
 .table-wrap.mobile-cards .table-cell-value>.badge,.table-wrap.mobile-cards .table-cell-value>.status{width:fit-content;max-width:100%;box-sizing:border-box}
 .people-table-wrap .actions{align-items:flex-start;gap:10px}
 .people-table-wrap .inline-form{display:flex;flex-wrap:wrap;gap:8px}
 .people-table-wrap .inline-form .compact{flex:1 1 180px;width:auto}
 .people-table-wrap .inline-form button{flex:0 0 auto}
 .table-wrap.mobile-cards tr>td:last-child{border-bottom:0}
}

/* Reserve readable contact columns instead of letting administration consume the row. */
.people-table-wrap .employee-contact .table-cell-value{font-variant-numeric:tabular-nums}
@media(min-width:1251px){
 .people-table-wrap table{table-layout:auto}
 .people-table-wrap th,.people-table-wrap td{padding:10px 8px;font-size:12px}
 .people-table-wrap .employee-contact .table-cell-value{white-space:nowrap;overflow-wrap:normal;word-break:normal}
 .people-table-wrap .employee-management{width:180px}
 .people-table-wrap .employee-management .actions{width:180px;max-width:180px;gap:8px}
 .people-table-wrap .employee-management .inline-form{display:flex;width:180px;gap:6px;flex-wrap:nowrap}
 .people-table-wrap .employee-management .compact{width:0;min-width:0;flex:1 1 0;padding:8px;font-size:12px}
 .people-table-wrap .employee-management button,.people-table-wrap .employee-management .btn{font-size:12px;padding:8px 10px}
}

@media(max-width:480px){
 .people-table-wrap.mobile-cards td{grid-template-columns:minmax(0,1fr);gap:4px}
 .people-table-wrap.mobile-cards .table-cell-value{grid-column:1;grid-row:2}
}

/* Keep transfer details inside the amount cell at desktop and card widths. */
.advance-table-wrap .advance-amount{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:100%;white-space:normal;text-align:start}
.advance-table-wrap .advance-amount-total{max-width:100%;font-weight:750;line-height:1.5;overflow-wrap:anywhere}
.advance-table-wrap .advance-transfer-note{display:flex;flex-wrap:wrap;gap:2px 5px;max-width:100%;box-sizing:border-box;margin:0;padding:4px 6px;border-radius:6px;background:#edf1e7;color:#4b604b;font-size:11px;font-weight:500;line-height:1.65;white-space:normal;overflow-wrap:anywhere}
.advance-table-wrap .advance-transfer-value{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:3px;max-width:100%;font-weight:650}
.advance-table-wrap .advance-transfer-value bdi{min-width:0;overflow-wrap:anywhere}

/* Profile cash summaries retain readable values on desktop and mobile. */
.cards.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-metrics .metric{min-width:0}
.profile-metrics .metric b{display:block;overflow-wrap:anywhere}
.movement-sub,.movement-link{display:block;margin-top:8px;font-size:12px;line-height:1.7}
.movement-link{font-weight:700;text-decoration:underline;text-underline-offset:3px}
#cash-movements{scroll-margin-top:24px}
.cash-movements .money{white-space:normal;overflow-wrap:normal}
.cash-movements .money bdi{white-space:nowrap}
@media(max-width:800px){.cards.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.cards.profile-metrics{grid-template-columns:minmax(0,1fr)}}