@font-face{font-family:JiljamArabic;src:url('fonts/NotoSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:JiljamArabic;src:url('fonts/NotoSansArabic-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--brand:#137c80}body,input,button,select,textarea{font-family:JiljamArabic,system-ui,sans-serif}body{font-size:14px;line-height:1.9;background:#f2f6f7}h1{font-size:28px;letter-spacing:-.5px}h2{font-size:18px}.page-content{max-width:1600px;margin:auto;padding:32px}.sidebar{background:#102f38}.brand-copy small,.sidebar .nav-label{color:#aac5cd}.nav-link{font-size:13px;min-height:45px}.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #e0ebee}.card,.form-card,.table-card,.stat-card{border:1px solid #e0e9ec;border-radius:16px;box-shadow:0 3px 16px #1d455006}.stat-value{font-size:28px}.field input,.field select,.field textarea{border-radius:9px;min-height:45px;background:#fbfdfe}.btn{border-radius:9px;min-height:40px}.page-header p{color:#667e87}.table-wrap{overflow-x:auto}.data-table th{background:#f7fafb;font-size:12px}.data-table td{padding-block:15px}.data-table td small{display:block}.document-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.document-actions form{display:flex;gap:8px}.brand-preview{max-width:200px;max-height:90px;padding:8px;border:1px dashed #bdd0d6;border-radius:8px}.company-logo{display:block}.logo-dark{display:none}.brand-lockup:has(.company-logo){flex-wrap:wrap}.brand-lockup:has(.company-logo) .brand-copy{display:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-day{background:#fff;border:1px solid #dde8eb;border-radius:10px;padding:10px;min-height:130px;font-size:11px}.calendar-event{display:block;padding:6px;margin-top:7px;background:#eaf5f3;border-radius:6px;color:#1b6262;font-size:11px}.calendar-event small{display:block}.filter-bar{display:flex;gap:12px;margin:18px 0}.split-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pill{border-radius:20px;background:#e9f4f2;color:#146d61;padding:4px 12px}.notice{padding:18px;background:#edf6f7;border:1px solid #d0e4e8;border-radius:12px;margin:18px 0}.metric-summary{display:flex;gap:20px;flex-wrap:wrap;margin-block:20px}.metric-summary article{background:white;border:1px solid #e1eaed;border-radius:12px;padding:18px;min-width:180px}.metric-summary strong{display:block;font-size:22px}.theme-dark{background:#112630;color:#d9e7ed}.theme-dark .card,.theme-dark .form-card,.theme-dark .table-card,.theme-dark .stat-card,.theme-dark .topbar,.theme-dark .calendar-day{background:#19343f;border-color:#31505d;color:#e7f1f4}.theme-dark input,.theme-dark select,.theme-dark textarea,.theme-dark .data-table th{background:#132d38;color:#e7f1f4;border-color:#345563}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark strong,.theme-dark label{color:#e7f1f4}.theme-dark .logo-dark{display:block}.theme-dark:has(.logo-dark) .logo-light{display:none}.theme-dark .notice{background:#1b4048}.theme-dark .page-header p{color:#a7c3ce}.theme-dark .metric-summary article{background:#19343f;border-color:#345563}.theme-dark .data-table td{border-color:#345563}.theme-dark .btn-secondary{color:#cce1e8;background:#284551}.theme-dark .table-card a{color:#82d5cd}
@media(max-width:900px){.page-content{padding:20px}.calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-settings{grid-template-columns:1fr}}@media(max-width:550px){h1{font-size:23px}.page-content{padding:15px}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-actions form{flex-wrap:wrap}.page-actions{flex-wrap:wrap}}

/* Keep RTL mobile content inside the viewport, including document actions. */
html,body{max-width:100%;overflow-x:clip}body,input,button,select,textarea{font-family:Tahoma,"JiljamArabic",sans-serif}.app-main,.page-content,.page-title-wrap,.page-header>div,.form-card,.table-card,.stat-card{min-width:0;max-width:100%}.page-title-wrap h1,.page-title-wrap p{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.field input,.field select,.field textarea{min-width:0;max-width:100%}.field small{line-height:1.8;color:#66758b}.setup-help{background:#f5f7fb;border:1px solid #e3e8f0;border-radius:14px;padding:18px;line-height:1.9}.setup-help code{overflow-wrap:anywhere;white-space:normal}
@media(max-width:900px){.sidebar{visibility:hidden;pointer-events:none}.sidebar-open .sidebar{visibility:visible;pointer-events:auto}.app-main{width:100%;margin-right:0}}
@media(max-width:550px){.page-header{flex-direction:column;align-items:stretch}.page-actions,.document-actions{width:100%;display:flex;flex-wrap:wrap}.document-actions form,.document-actions .btn,.document-actions select,.page-actions>.btn{width:100%;max-width:100%}.document-actions form{display:flex;flex-direction:column;gap:10px}.stat-value{font-size:clamp(24px,7vw,36px)}.form-grid.two{grid-template-columns:minmax(0,1fr)}}

@font-face{font-family:JiljamJazeera;src:url("fonts/Al-Jazeera-Arabic-Bold.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
body,input,button,select,textarea,h1,h2,h3,h4,.btn,.sidebar,.stat-value{font-family:JiljamJazeera,Tahoma,sans-serif;letter-spacing:normal}

.invoice-service-list{display:grid;gap:14px}.invoice-service-row{border:1px solid var(--border,#e3e8f0);border-radius:14px;overflow:hidden}.invoice-service-row .service-choice{border:0;border-radius:0}.invoice-service-row [data-service-description]{padding:14px 18px;background:#f8fafc}.invoice-service-row [hidden]{display:none!important}.client-quick-actions{margin:20px 0}.client-quick-actions .page-actions{justify-content:flex-start;gap:10px;flex-wrap:wrap}.statement-table td bdi,.statement-table td[dir=ltr]{white-space:nowrap}.statement-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.statement-summary>div{background:#f4f7fa;border-radius:12px;padding:16px}.statement-summary strong{display:block;margin-top:8px;font-size:1.4rem}.statement-summary small{color:#64748b}

.personal-document-preview{max-width:100%;max-height:600px;object-fit:contain;border-radius:12px}.personal-document-notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}

.document-row-actions{display:flex;gap:8px;flex-wrap:wrap}.list-row:has(.document-row-actions){flex-wrap:wrap}textarea[data-ticket-message]{width:100%;resize:vertical}