/* Moved verbatim from the inline <style> blocks of index.html (no visual changes). */

/* ---- block 1 ---- */
:root{--navy:#17366f;--blue:#2f7de1;--cyan:#2bb8d8;--bg:#f5f7fb;--card:#fff;--text:#182235;--muted:#718096;--line:#e8edf4;--green:#12a36d;--red:#e34d59;--orange:#f0a30a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Graphology',-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
.top{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:20}.brand{font-weight:900;font-size:20px;cursor:pointer;user-select:none}.top-actions{display:flex;gap:12px;align-items:center}.iconbtn{border:0;background:transparent;color:#fff;font-size:22px;position:relative;cursor:pointer}
.wrap{max-width:1000px;margin:auto;padding:18px 14px 50px}.title{display:flex;justify-content:space-between;align-items:center;margin:5px 0 14px}.title h1{margin:0;font-size:27px}.period{display:flex;background:#edf1f7;border-radius:12px;padding:3px;gap:2px}.period button{border:0;background:transparent;padding:9px 12px;border-radius:9px;color:#55657b;font-weight:800}.period button.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px #0000000b}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:var(--card);border:1px solid #e9eef5;border-radius:20px;padding:17px;box-shadow:0 5px 20px #10204008}.label{color:var(--muted);font-size:13px}.big{font-size:27px;font-weight:900;margin-top:8px}.sub{font-size:12px;color:var(--muted);margin-top:5px}.green{color:var(--green)}.red{color:var(--red)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid #e9eef5;border-radius:20px;padding:17px;box-shadow:0 5px 20px #10204008}.panel h2{font-size:18px;margin:0 0 14px}
.company{border:1px solid #f0d36a;border-radius:18px;padding:14px;margin:10px 0;background:#fffdf5}.company-head{display:flex;justify-content:space-between;align-items:center}.company-name{font-size:18px;font-weight:900}.company-meta{font-size:12px;color:var(--muted);margin-top:5px}.bar{height:9px;background:#edf1f5;border-radius:99px;overflow:hidden;margin:12px 0 7px}.fill{height:100%;background:linear-gradient(90deg,#f2a600,#ffbd27);border-radius:99px}.company-bottom{display:flex;justify-content:space-between;font-size:12px;color:#66758a}
.tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:14px 0}.tab{border:0;background:#fff;border-radius:13px;padding:12px 5px;color:#53657a;font-weight:800;white-space:nowrap}.tab.active{background:var(--navy);color:#fff}
section.hidden,.hidden{display:none!important}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-size:12px;color:#65758a}textarea{resize:vertical}input,select{width:100%;padding:12px;border:1px solid #dce4ed;border-radius:11px;margin-top:5px;background:#fff;font:inherit}button,input,select,textarea{font-family:'Graphology',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif}button{font:inherit}.btn{border:0;border-radius:11px;padding:12px 15px;font-weight:900;cursor:pointer}.primary{background:var(--blue);color:#fff}.success{background:var(--green);color:#fff}.danger{background:var(--red);color:#fff}.light{background:#edf2f7;color:#31445c}.full{grid-column:1/-1}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:11px 7px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{color:#718096}.badge{padding:5px 8px;border-radius:99px;font-size:11px;font-weight:900}.bgreen{background:#e5f8ef;color:#087a52}.bblue{background:#eaf2ff;color:#0757b8}.borange{background:#fff2d5;color:#9b6900}
.small{font-size:12px;color:var(--muted)}.empty{text-align:center;padding:28px;color:#8a98a9}
.search{margin-bottom:10px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#182235;color:#fff;padding:12px 18px;border-radius:12px;z-index:100;display:none}
@media(max-width:760px){.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.title{display:block}.period{margin-top:10px}.tabs{display:flex;overflow-x:auto}.tab{font-size:11px;min-width:88px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}

@font-face{font-family:'Graphology';src:url('../fonts/Graphology-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Graphology';src:url('../fonts/Graphology-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Graphology';src:url('../fonts/Graphology-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Graphology';src:url('../fonts/Graphology-SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Graphology';src:url('../fonts/Graphology-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Graphology';src:url('../fonts/Graphology-ExtraBold.otf') format('opentype');font-weight:800 900;font-style:normal;font-display:swap}


/* Advanced manager additions */
.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.section-title h2{margin:0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-card{background:#fff;border:1px solid #e9eef5;border-radius:16px;padding:14px}.mini-card b{display:block;font-size:20px;margin-top:6px}.status-ok{color:var(--green)}.status-warn{color:var(--orange)}.status-danger{color:var(--red)}
.chart{display:flex;align-items:flex-end;gap:8px;height:190px;padding:14px 4px 0;border-bottom:1px solid var(--line)}.barcol{flex:1;min-width:24px;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:5px}.barcol .barv{background:linear-gradient(180deg,#2f7de1,#2bb8d8);border-radius:8px 8px 2px 2px;min-height:3px}.barcol span{font-size:10px;color:#718096}.search-results .company{margin:8px 0}.muted-box{background:#f7f9fc;border:1px dashed #d9e1ec;border-radius:14px;padding:12px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#edf2f7;color:#53657a;font-size:11px;font-weight:800}.danger-text{color:var(--red);font-weight:900}.success-text{color:var(--green);font-weight:900}
.pin-overlay{position:fixed;inset:0;background:#f5f7fb;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.pin-box{width:min(420px,100%);background:#fff;border:1px solid #e5eaf2;border-radius:24px;padding:24px;box-shadow:0 20px 60px #10204018;text-align:center}.pin-dots{font-size:28px;letter-spacing:8px;margin:15px 0}.pin-box input{text-align:center;font-size:24px;letter-spacing:8px}.logo-small{width:42px;height:42px;object-fit:contain;border-radius:10px;border:1px solid #e5eaf2;padding:3px;background:#fff}
@media(max-width:760px){.kpi-grid{grid-template-columns:1fr 1fr}.chart{height:160px}.tabs{grid-template-columns:none}.company-name{font-size:16px}}


/* Ramez SIM Liquid Glass redesign */
:root{--glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.78);--glass-border:rgba(255,255,255,.62);--shadow:0 18px 50px rgba(24,54,111,.10)}
body{background:radial-gradient(circle at 10% 0%,#dff5ff 0,transparent 28%),radial-gradient(circle at 95% 15%,#e9e4ff 0,transparent 30%),linear-gradient(135deg,#eef5ff,#f8fbff 45%,#f1f5ff);background-attachment:fixed}
.top{background:rgba(23,54,111,.72);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px rgba(23,54,111,.12)}
.card,.panel,.company,.mini-card{background:var(--glass);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--shadow)}
.card:hover,.panel:hover,.company:hover{transform:translateY(-1px);transition:.2s ease}
.period,.tabs{background:rgba(255,255,255,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55)}
.period button.active,.tab.active{background:rgba(23,54,111,.9);box-shadow:0 8px 20px rgba(23,54,111,.18)}
input,select{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border-color:rgba(200,213,231,.7)}
.btn{box-shadow:0 5px 14px rgba(23,54,111,.08)}
.glass-hero{background:linear-gradient(135deg,rgba(23,54,111,.90),rgba(47,125,225,.78) 55%,rgba(43,184,216,.70));color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 20px 55px rgba(23,54,111,.20);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.glass-chip{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 11px;display:inline-flex;align-items:center;gap:6px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.quick-action{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.58);border-radius:18px;padding:15px;font-weight:900;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.quick-action small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
.notice{border-radius:16px;padding:12px;background:rgba(255,244,220,.72);border:1px solid rgba(240,163,10,.25)}
@media(max-width:760px){.quick-grid{grid-template-columns:1fr 1fr}.glass-hero{border-radius:22px}}

/* Dashboard v2 - cleaner iOS Liquid Glass */
.top{height:76px;position:sticky;display:flex;align-items:center;justify-content:center;padding:0 16px;background:rgba(22,52,108,.70);box-shadow:0 10px 35px rgba(23,54,111,.14)}
.brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:21px;letter-spacing:-.3px;white-space:nowrap}.brand span{font-weight:900}
.top-side{position:absolute;left:16px;display:flex;align-items:center;gap:8px;direction:ltr}.top-spacer{width:120px}
.header-icon{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;font-size:19px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.user-pill{display:none}
.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 16px}.dashboard-copy{min-width:0}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:900;color:#6680a5;margin-bottom:5px;direction:ltr;text-align:right}.dashboard-copy h1{font-size:34px;line-height:1.05;margin:0;font-weight:900;letter-spacing:-1px}.dashboard-copy p{margin:8px 0 0;color:#6d7f98;font-size:13px}.glass-segment{flex:none;padding:5px;border-radius:17px!important;background:rgba(255,255,255,.42)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 12px 30px rgba(23,54,111,.07)}.period button{padding:10px 14px;border-radius:12px!important;font-size:12px}.period button.active{background:rgba(39,91,160,.92)!important;color:#fff!important;box-shadow:0 7px 18px rgba(39,91,160,.22)!important}
.dashboard-hero{position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.13);top:-95px;left:-45px;filter:blur(2px)}.dashboard-hero:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(43,184,216,.18);bottom:-70px;right:12%;filter:blur(4px)}.dashboard-hero>div{position:relative;z-index:1}
.dashboard-kpis .card{min-height:112px;border-radius:22px;padding:16px 17px;position:relative;overflow:hidden}.dashboard-kpis .card:after{content:"";position:absolute;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.22);left:-18px;bottom:-22px}.dashboard-kpis .label{font-size:12px}.dashboard-kpis .big{font-size:28px}
.quick-grid{margin-top:14px;gap:9px}.quick-action{min-height:74px;border-radius:20px;background:rgba(255,255,255,.52);box-shadow:0 10px 24px rgba(23,54,111,.06);transition:transform .18s ease,box-shadow .18s ease}.quick-action:active{transform:scale(.98)}
.grid2{gap:12px;margin-top:14px}.panel{border-radius:24px}.panel h2{font-size:17px}
@media(max-width:760px){.top{height:70px}.brand{font-size:19px}.header-icon{width:40px;height:40px}.dashboard-head{display:block;margin-top:8px}.dashboard-copy h1{font-size:31px}.dashboard-copy p{font-size:12px}.glass-segment{margin-top:13px;width:100%;display:flex}.period button{flex:1;padding:10px 7px}.dashboard-hero{padding:18px!important}.dashboard-hero .glass-chip{font-size:11px}.dashboard-kpis{gap:9px}.dashboard-kpis .card{min-height:105px;padding:14px}.dashboard-kpis .big{font-size:25px}.quick-action{min-height:78px;padding:12px 9px;font-size:13px}}

.smart-hero{background:linear-gradient(135deg,#fafdff,#eef5ff)}
.smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.smart-card{min-height:190px}
.smart-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.smart-row:last-child{border-bottom:0}.smart-title{font-weight:900}.smart-meta{font-size:12px;color:var(--muted);margin-top:3px}
.smart-danger{color:#c83343}.smart-warn{color:#b87900}.smart-ok{color:#0b8b5b}.smart-blue{color:#2168c8}
.smart-score{min-width:42px;height:42px;border-radius:14px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-weight:900;color:#17366f}
.smart-company-table{width:100%;border-collapse:collapse}.smart-company-table th,.smart-company-table td{padding:10px 7px;border-bottom:1px solid var(--line);text-align:right}.smart-company-table th{color:var(--muted);font-size:12px}.smart-chip{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef3fa;margin:2px;font-size:12px}
.smart-alert{padding:10px 12px;border-radius:13px;background:#f7f9fc;margin:7px 0}.smart-alert b{display:block}.smart-empty{padding:18px;text-align:center;color:var(--muted)}
@media(max-width:720px){.smart-grid{grid-template-columns:1fr}.smart-company-table{font-size:12px}.smart-company-table th,.smart-company-table td{padding:8px 4px}}

.role-hidden{display:none!important}
.cloud-role-note{padding:12px;border:1px dashed #cfd9e8;border-radius:14px;background:#f7faff;color:#50627a;line-height:1.7;font-size:13px}



/* Sticky navigation + smart section scrolling */
:root{--topbar-height:72px}
.tabs{
  position:sticky;
  top:var(--topbar-height);
  z-index:18;
  margin-top:14px;
  padding:7px;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(23,54,111,.10);
  isolation:isolate;
}
.tabs::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.72);
  z-index:-1;
}
.tab{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.tab:active{transform:scale(.98)}
@media(max-width:760px){
  :root{--topbar-height:70px}
  .tabs{top:var(--topbar-height);margin-top:10px;padding:6px;gap:7px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .tabs::-webkit-scrollbar{display:none}
  .tab{min-width:92px;flex:0 0 auto;padding:12px 10px}
}
body.dark .tabs::before{background:rgba(15,25,45,.88);border-color:rgba(255,255,255,.10)}
body.dark .tab{background:rgba(255,255,255,.06);color:#cbd6e8}
body.dark .tab.active{background:rgba(47,125,225,.92);color:#fff}

.logout-text-btn{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:13px;padding:9px 12px;font-family:inherit;font-weight:800;font-size:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.08);white-space:nowrap}.logout-text-btn:active{transform:scale(.98)}
@media(max-width:560px){.logout-text-btn{padding:8px 9px;font-size:11px}.top-side.top-left{gap:5px}.top-side.top-left .header-icon{width:36px;height:36px;font-size:17px}}

/* ---- block 2 ---- */
#cloudAuthGate{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:2147483647!important;background:linear-gradient(135deg,#eef5ff,#f8fbff);display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:auto}
.cloud-auth-card{width:min(440px,100%);background:#fff;border:1px solid #e6edf7;border-radius:26px;padding:28px;box-shadow:0 18px 60px rgba(23,54,111,.14);text-align:center}
.cloud-auth-logo{font-size:46px;margin-bottom:8px}
.cloud-auth-card h2{margin:0 0 7px;font-size:27px}
.cloud-auth-card p{margin:0 0 20px;color:#718096;line-height:1.7}
.cloud-auth-card input{width:100%;height:48px;border:1px solid #dfe7f2;border-radius:13px;padding:0 14px;margin:6px 0;font-family:inherit;font-size:16px;direction:ltr;text-align:left}
.cloud-auth-btn{width:100%;height:48px;border:0;border-radius:13px;background:#17366f;color:#fff;font-family:inherit;font-weight:900;font-size:16px;margin-top:10px;cursor:pointer}
.cloud-auth-note{font-size:12px!important;color:#8a97a8!important;margin-top:13px!important}
.cloud-auth-error{display:none;background:#fff1f2;color:#b42332;border-radius:12px;padding:10px;margin:10px 0;font-size:13px}
#cloudSetupNotice{display:none}
.cloud-admin{margin-top:12px;border:1px solid #e3eaf5;border-radius:18px;padding:16px;background:linear-gradient(180deg,#fbfdff,#f4f8ff)}
.cloud-admin-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cloud-admin-list{margin-top:12px;display:grid;gap:8px}
.cloud-user-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;background:#fff;border:1px solid #e6edf7;border-radius:13px}
.cloud-user-meta{min-width:0}.cloud-user-meta b{display:block}.cloud-user-meta span{display:block;color:#718096;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cloud-role-select{height:38px;border:1px solid #dfe7f2;border-radius:10px;padding:0 8px;font-family:inherit;background:#fff}
.cloud-admin-note{font-size:12px;color:#718096;line-height:1.7;margin-top:9px}
.cloud-boot-spinner{width:38px;height:38px;margin:18px auto 6px;border:4px solid #dfe7f2;border-top-color:#17366f;border-radius:50%;animation:cloudSpin .9s linear infinite}
@keyframes cloudSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cloud-boot-spinner{animation-duration:2.5s}}
.cloud-admin-create{margin-top:14px;padding:14px;background:#fff;border:1px solid #e6edf7;border-radius:13px}
.cloud-admin-create .company-name{margin-bottom:8px}
.cloud-admin-ok{background:#ecfdf3;color:#166534;border-radius:12px;padding:10px;margin:10px 0;font-size:13px;line-height:1.7}
body.dark-mode .cloud-admin-create{background:#17243a;border-color:#2a3a52}

/* ---- block 3 ---- */
/* Cloud auth: keep the two interfaces completely separate */
#appShell{display:none!important}
body.cloud-authenticated #appShell{display:block!important}
body.cloud-authenticated #cloudAuthGate{display:none!important}
body:not(.cloud-authenticated){overflow:hidden!important}
#cloudAuthGate{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;z-index:2147483647!important;display:none!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;overflow:auto!important}
body:not(.cloud-authenticated) #cloudAuthGate{display:flex!important}

/* ---- block 4 ---- */
/* ===== Professional UI + Dark Mode ===== */
:root{--surface:#fff;--surface2:#f7faff;--text:#182235;--muted:#718096;--border:#e4ebf4;--shadow:0 18px 55px rgba(21,53,105,.09)}
body{transition:background .25s ease,color .25s ease}.wrap{max-width:1180px;padding-top:24px}.card,.panel,.company,.mini-card{box-shadow:var(--shadow)}
.top{height:72px;padding:0 22px}.brand{font-size:20px}.brand:before{content:'SIM';font-size:9px;letter-spacing:1px;font-weight:900;background:linear-gradient(135deg,#fff,#7fe6ff);color:#17366f;padding:5px 7px;border-radius:8px;box-shadow:0 5px 16px #0002}
.dashboard-copy h1{font-size:36px}.dashboard-copy p{max-width:620px}.dashboard-hero{min-height:150px}.quick-action{border-color:rgba(255,255,255,.72)}
.header-icon{transition:.2s ease}.header-icon:hover{transform:translateY(-1px);background:rgba(255,255,255,.2)}
.theme-setting{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 14px;padding:15px;border:1px solid var(--border);background:var(--surface2);border-radius:18px}.theme-switch{width:58px;height:32px;border:0;border-radius:99px;background:#dbe5f1;padding:4px;cursor:pointer}.theme-switch span{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0002;transition:.2s}.theme-switch.on{background:#2f7de1}.theme-switch.on span{transform:translateX(-26px)}
/* Login */
#cloudAuthGate{background:radial-gradient(circle at 15% 20%,#dff6ff,transparent 35%),radial-gradient(circle at 90% 80%,#e6eaff,transparent 35%),linear-gradient(135deg,#f5fbff,#eef4ff)!important}
.login-shell{width:min(1080px,100%);min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;direction:ltr;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.8);border-radius:34px;overflow:hidden;box-shadow:0 35px 100px rgba(25,65,125,.18);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef9ff,#dff1ff 60%,#e9efff);padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;direction:rtl}.login-visual-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:#42caff33;filter:blur(35px);top:-180px;left:-150px}.login-art{position:relative;width:min(100%,560px);max-height:430px;object-fit:contain;filter:drop-shadow(0 25px 35px rgba(0,94,180,.12))}.login-visual-copy{position:relative;text-align:center;margin-top:-20px}.login-kicker{font-size:10px;letter-spacing:2px;color:#3b76b9;font-weight:900}.login-visual-copy h1{font-size:29px;color:#17366f;margin:7px 0}.login-visual-copy p{color:#6d7f98;margin:0;line-height:1.8}.login-points{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}.login-points span{font-size:11px;padding:7px 10px;border-radius:999px;background:#ffffffaa;color:#365b84;border:1px solid #fff}
.login-shell .cloud-auth-card{direction:rtl;width:auto;border:0;border-radius:0;padding:48px 44px;background:rgba(255,255,255,.86);box-shadow:none;text-align:right;display:flex;flex-direction:column;justify-content:center}.login-mobile-logo{display:none}.login-head{text-align:right;margin-bottom:24px}.login-badge{font-size:12px;color:#2f7de1;font-weight:800}.login-head h2{font-size:32px;color:#172b4d;margin:8px 0 5px}.login-head p{margin:0;color:#7889a0;font-size:13px}.login-field{display:block;margin:11px 0}.login-field>span{display:block;font-size:12px;color:#536a86;font-weight:800;margin-bottom:6px}.login-shell .cloud-auth-card input{height:52px;width:100%;margin:0;border:1px solid #dce7f2;background:#f8fbff;border-radius:15px;padding:0 15px;direction:ltr;text-align:left;outline:none}.login-shell .cloud-auth-card input:focus{border-color:#2f7de1;box-shadow:0 0 0 4px #2f7de118}.login-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 6px;gap:10px}.remember{display:flex;align-items:center;gap:7px;color:#667a93;font-size:12px}.remember input{width:16px!important;height:16px!important;margin:0!important}.forgot-btn{border:0;background:none;color:#1972d1;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer}.login-primary{height:54px!important;margin-top:12px!important;background:linear-gradient(135deg,#17366f,#197ddd 58%,#16b6df)!important;box-shadow:0 12px 28px #197ddd30}.login-primary span,.login-secondary span{float:left;font-size:20px}.login-divider{display:flex;align-items:center;gap:10px;color:#9aabc0;font-size:12px;margin:20px 0}.login-divider:before,.login-divider:after{content:'';height:1px;background:#e1e9f2;flex:1}.login-secondary{height:50px!important;background:#fff!important;color:#17366f!important;border:1px solid #dce7f2!important;margin-top:0!important}.login-secure{text-align:center;color:#8b9aae;font-size:11px;margin-top:18px}.login-shell .cloud-auth-error{width:100%}
/* Dark mode */
body.dark-mode{--bg:#0b1220;--card:#121c2e;--text:#e8eef8;--muted:#91a1b8;--line:#26344a;--surface:#121c2e;--surface2:#17243a;--border:#2a3a52;background:radial-gradient(circle at 10% 0%,#122e4a 0,transparent 28%),radial-gradient(circle at 95% 15%,#272043 0,transparent 30%),linear-gradient(135deg,#0b1220,#0e1728 55%,#111a2d)!important;color:var(--text)}
body.dark-mode .card,body.dark-mode .panel,body.dark-mode .company,body.dark-mode .mini-card{background:rgba(18,28,46,.84);border-color:#2a3a52;color:var(--text)}
body.dark-mode .small,body.dark-mode .label,body.dark-mode .sub,body.dark-mode .company-meta,body.dark-mode .company-bottom,body.dark-mode .dashboard-copy p{color:#91a1b8}body.dark-mode .muted-box,body.dark-mode .theme-setting{background:#17243a;border-color:#2a3a52}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#111b2d;color:#e8eef8;border-color:#30425c}body.dark-mode th,body.dark-mode td{border-color:#2a3a52}body.dark-mode .tab{background:#17243a;color:#a9b8cc}body.dark-mode .tab.active{background:#2f7de1;color:#fff}body.dark-mode .period{background:#17243a!important;border-color:#2a3a52!important}body.dark-mode .period button{color:#a9b8cc}body.dark-mode .period button.active{background:#2f7de1!important}body.dark-mode .smart-alert{background:#17243a}body.dark-mode .smart-chip,.dark-mode .pill{background:#20314a;color:#b8c6d8}body.dark-mode .cloud-admin{background:#111b2d;border-color:#2a3a52}body.dark-mode .cloud-user-row{background:#17243a;border-color:#2a3a52}body.dark-mode .theme-switch{background:#2f7de1}body.dark-mode .theme-switch span{background:#dce9f8;transform:translateX(-26px)}
@media(max-width:820px){.login-shell{grid-template-columns:1fr;min-height:auto;border-radius:26px}.login-visual{display:none}.login-shell .cloud-auth-card{padding:30px 22px;min-height:640px}.login-mobile-logo{display:block;text-align:center;margin-bottom:0}.login-mobile-logo img{width:220px;height:150px;object-fit:contain}.login-head h2{font-size:28px}.wrap{padding-left:11px;padding-right:11px}}

/* ---- block 5 ---- */
/* ===== UI corrections v2 ===== */
.top{
  position:sticky!important;top:0;z-index:1000;
  height:74px!important;padding:0 18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.brand{
  position:absolute!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;max-width:58vw!important;
  font-size:20px!important;line-height:1!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.brand:before{content:none!important}
.brand-mark{font-size:20px!important;flex:none}
.top-side{
  position:absolute!important;top:0!important;height:100%!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  direction:ltr!important;z-index:2;
}
.top-right{right:16px!important;left:auto!important}
.top-left{left:16px!important;right:auto!important}
.header-icon{
  width:42px!important;height:42px!important;flex:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.grid2{align-items:start!important}
.grid2>.panel{align-self:start!important;min-height:0!important}
.tabs{
  position:sticky!important;top:74px!important;z-index:900;
  display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
  gap:8px!important;padding:7px!important;margin:0 0 16px!important;
  border-radius:18px!important;background:rgba(255,255,255,.62)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 28px rgba(23,54,111,.08)!important;
  scrollbar-width:none!important;
}
.tabs::-webkit-scrollbar{display:none!important}
.tab{
  flex:0 0 auto!important;min-width:108px!important;
  padding:11px 13px!important;border-radius:13px!important;
  font-size:13px!important;
}
.quick-action{
  color:#17366f!important;
}
.quick-action small{color:#61748e!important}
.notice{color:#263b55}
body.dark-mode .tabs{
  background:rgba(17,27,45,.92)!important;
  border-color:#2a3a52!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
body.dark-mode .tab{
  background:#17243a!important;color:#b8c6d8!important;
  border:1px solid #26364d!important;
}
body.dark-mode .tab.active{
  background:#2f7de1!important;color:#fff!important;border-color:#4a95ef!important;
}
body.dark-mode .quick-action{
  background:#17243a!important;
  border-color:#30445f!important;
  color:#e8eef8!important;
  box-shadow:0 10px 25px rgba(0,0,0,.18)!important;
}
body.dark-mode .quick-action small{color:#91a1b8!important}
body.dark-mode .notice{
  background:#17243a!important;border-color:#30445f!important;color:#d9e4f2!important;
}
body.dark-mode .smart-hero{
  background:linear-gradient(135deg,#111b2d,#17243a)!important;
}
body.dark-mode .glass-segment{
  background:rgba(17,27,45,.86)!important;
}
body.dark-mode .dashboard-copy .eyebrow{color:#8fa8c7!important}
body.dark-mode .dashboard-copy h1{color:#f3f7fc!important}
body.dark-mode .panel h2,body.dark-mode .section-title h2{color:#eef4fb}
body.dark-mode .smart-title{color:#e8eef8}
body.dark-mode .smart-meta{color:#91a1b8}
body.dark-mode .company-name{color:#eef4fb}
body.dark-mode .company{background:#121c2e!important;border-color:#30445f!important}
body.dark-mode .company-bottom{color:#91a1b8!important}
.company-editor-card{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:20px;padding:16px;margin-top:14px}
.company-editor-title{font-size:18px;font-weight:900;margin-bottom:14px}
.logo-upload-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.company-logo-preview{width:76px;height:76px;border-radius:18px;background:#f4f7fb;border:1px solid #dfe6ef;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden;flex:none}
.company-logo-preview img{width:100%;height:100%;object-fit:contain;padding:6px}
.logo-upload-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.logo-upload-actions input[type=file]{display:none}
.company-edit-row{border:1px solid var(--line);border-radius:18px;padding:14px;margin:10px 0;background:rgba(255,255,255,.52)}
.company-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.company-edit-info{display:flex;align-items:center;gap:12px;min-width:0}
.company-edit-logo{width:58px;height:58px;border-radius:14px;background:#fff;border:1px solid #dfe6ef;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.company-edit-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.company-edit-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:620px){.company-edit-grid{grid-template-columns:1fr}.company-edit-actions{justify-content:flex-start}.logo-upload-actions{width:100%}.logo-upload-actions .btn{flex:1;min-width:130px}}
body.dark-mode .company-editor-card{background:rgba(18,28,46,.84);border-color:#2a3a52}
body.dark-mode .company-logo-preview,body.dark-mode .company-edit-logo{background:#111b2d;border-color:#30425c}
body.dark-mode .company-edit-row{background:rgba(18,28,46,.58);border-color:#2a3a52}
@media(max-width:760px){
  .top{height:68px!important;padding:0 10px!important}
  .brand{font-size:16px!important;max-width:46vw!important;gap:5px!important}
  .brand-mark{font-size:17px!important}
  .top-right{right:9px!important}
  .top-left{left:9px!important}
  .header-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:17px!important}
  .tabs{top:68px!important;margin-left:-1px!important;margin-right:-1px!important}
  .tab{min-width:96px!important;font-size:12px!important;padding:10px 11px!important}
  .dashboard-copy h1{font-size:30px!important}
  .dashboard-hero{min-height:0!important}
}

/* ---- block 6 id="final-navigation-dark-v5" ---- */
/* v5: force one consistent Liquid Glass navigation in dark mode */
.tabs{
  box-sizing:border-box!important;
  width:calc(100% - 36px)!important;
  margin-left:18px!important;
  margin-right:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  isolation:isolate!important;
  background:rgba(255,255,255,.55)!important;
}
.tabs::before,.tabs::after{display:none!important;content:none!important;}
body.dark-mode .tabs{
  background:linear-gradient(135deg,rgba(18,31,51,.94),rgba(10,20,34,.90))!important;
  background-color:#101b2d!important;
  background-image:none!important;
  border:1px solid rgba(170,205,240,.20)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(26px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(150%)!important;
}
body.dark-mode .tabs .tab{
  background:rgba(255,255,255,.045)!important;
  background-image:none!important;
  color:#d6e1ef!important;
  border-color:rgba(180,215,250,.14)!important;
}
body.dark-mode .tabs .tab.active{
  background:linear-gradient(135deg,#3a8ff0,#246bc7)!important;
  background-image:linear-gradient(135deg,#3a8ff0,#246bc7)!important;
  color:#fff!important;
  border-color:rgba(190,225,255,.34)!important;
}
@media(max-width:760px){
  .tabs{width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important;}
}

/* ---- block 7 ---- */
/* قسم ديون العملاء */
.debt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.debt-kpi{background:#fff;border:1px solid #e1e8f2;border-radius:20px;padding:14px}
.debt-kpi b{display:block;font-size:22px;margin-top:5px}
.debt-positive{color:#c83c4d;font-weight:900}
.debt-paid{color:#0b9a67;font-weight:900}
.debt-credit{color:#2f7de1;font-weight:900}
.debt-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.debt-toolbar .search{flex:1;min-width:190px}
.debt-table{width:100%;border-collapse:separate;border-spacing:0 7px}
.debt-table th{padding:8px;color:#687b92;font-size:12px;text-align:right}
.debt-table td{background:#fff;padding:11px;border-top:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2}
.debt-table td:first-child{border-right:1px solid #e4eaf2;border-radius:0 14px 14px 0}
.debt-table td:last-child{border-left:1px solid #e4eaf2;border-radius:14px 0 0 14px}
.debt-actions{display:flex;gap:6px;flex-wrap:wrap}
.debt-statement{display:grid;gap:8px}
.debt-line{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;background:#fff;border:1px solid #e5ebf3;border-radius:14px}
.debt-line small{display:block;color:#7b8da2;margin-top:3px}
.debt-import-box{background:linear-gradient(135deg,#f3f8ff,#eefcff);border:1px dashed #75a9e8;border-radius:18px;padding:14px;line-height:1.7}
.debt-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#eef3f8;font-size:12px;font-weight:800}
body.dark-mode .debt-kpi,body.dark-mode .debt-table td,body.dark-mode .debt-line{background:#17243a;border-color:#2a3a52}
body.dark-mode .debt-import-box{background:#13243a;border-color:#356da8}
@media(max-width:760px){
  .debt-kpis{grid-template-columns:1fr 1fr}
  .debt-table{display:block;overflow-x:auto;white-space:nowrap}
}

/* ---- block 8 id="debt-mobile-v4" ---- */
.debt-section-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.debt-section-tab{border:1px solid #dfe7f2;background:#fff;border-radius:18px;padding:12px 10px;text-align:center;font-weight:900;color:#33445a;cursor:pointer;box-shadow:0 8px 24px rgba(20,55,110,.06)}
.debt-section-tab.active{background:linear-gradient(135deg,#2f7de1,#245ba9);color:#fff;border-color:transparent}
.debt-section-tab small{display:block;opacity:.75;margin-top:3px;font-weight:700}
.debt-groups{display:grid;gap:14px}
.debt-group{background:rgba(255,255,255,.78);border:1px solid #e2e9f2;border-radius:22px;padding:12px;box-shadow:0 10px 28px rgba(24,54,111,.07)}
.debt-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 4px 10px;font-size:18px;font-weight:900}
.debt-group-count{font-size:12px;color:#718096;background:#eef3f8;padding:5px 9px;border-radius:999px}
.debt-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.debt-card{background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:12px;min-width:0}
.debt-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.debt-card-name{font-size:16px;font-weight:900;overflow-wrap:anywhere}
.debt-card-phone{font-size:12px;color:#7b8da2;margin-top:3px;direction:ltr;text-align:right}
.debt-card-balance{text-align:left;white-space:nowrap}
.debt-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.debt-card-actions .btn{min-height:42px;padding:7px 6px;font-size:13px}
.debt-move{width:100%;margin-top:9px;border:1px solid #dce5ef;background:#f7f9fc;border-radius:12px;padding:9px;font-weight:800;color:#42546b}
.debt-toolbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center}
@media(max-width:760px){
 .debt-kpis{grid-template-columns:1fr 1fr}
 .debt-section-tabs{grid-template-columns:1fr;gap:7px}
 .debt-section-tab{display:flex;align-items:center;justify-content:space-between;text-align:right;padding:11px 14px}
 .debt-section-tab small{margin:0}
 .debt-cards{grid-template-columns:1fr}
 .debt-toolbar-main{grid-template-columns:1fr 1fr}
 .debt-toolbar-main .search{grid-column:1/-1;width:100%;box-sizing:border-box}
 .debt-toolbar-main .btn{width:100%;min-height:46px}
 .debt-group{padding:9px}
 .debt-card-actions{grid-template-columns:repeat(2,1fr)}
 .debt-card-actions .btn:last-child{grid-column:1/-1}
 .debt-import-box{font-size:13px}
}
body.dark-mode .debt-section-tab,body.dark-mode .debt-group,body.dark-mode .debt-card{background:#17243a;border-color:#2a3a52;color:#e7edf6}
body.dark-mode .debt-section-tab.active{background:linear-gradient(135deg,#3a8ff0,#246bc7)}
body.dark-mode .debt-section-tab small,body.dark-mode .debt-card-phone{color:#9fb0c5}
body.dark-mode .debt-move{background:#132238;border-color:#30445f;color:#d9e3ef}

/* ---- block 9 id="debt-book-v2" ---- */
.debt-app-shell{max-width:920px;margin:0 auto;padding:4px 0 30px}
.debt-app-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 2px 16px}
.debt-app-kicker{font-size:12px;color:#6f8097;font-weight:900;margin-bottom:2px}.debt-app-head h2{margin:0;font-size:25px}.debt-app-sub{font-size:12px;color:#7c8ca0;margin-top:4px}.debt-head-close{white-space:nowrap}
.debt-summary{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:9px;margin-bottom:10px}.debt-summary-card{background:rgba(255,255,255,.9);border:1px solid #e2e8f0;border-radius:18px;padding:13px 14px;box-shadow:0 8px 22px rgba(22,52,100,.06)}.debt-summary-card span{font-size:12px;color:#6d7c90;font-weight:800}.debt-summary-card b{display:block;font-size:21px;margin-top:5px}.debt-summary-card.danger b{color:#c63e50}.debt-summary-card.success b{color:#079665}
.debt-primary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.debt-action-big{border:0;border-radius:16px;min-height:58px;padding:8px 7px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(18,45,90,.08)}.debt-action-big strong{font-size:19px}.debt-action-big.blue{background:#2f7de1;color:#fff}.debt-action-big.green{background:#10a874;color:#fff}.debt-action-big.gray{background:#eef2f7;color:#34455a}
.debt-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe6ef;border-radius:17px;padding:0 13px;min-height:50px;box-shadow:0 7px 18px rgba(18,45,90,.05)}.debt-search-wrap span{font-size:26px;color:#6d7e93}.debt-search-wrap input{border:0!important;outline:0!important;background:transparent!important;width:100%;font-size:15px!important;padding:8px 0!important;box-shadow:none!important}
.debt-section-tabs-v2{display:flex;gap:8px;overflow-x:auto;padding:10px 1px 8px;scrollbar-width:none}.debt-section-tabs-v2::-webkit-scrollbar{display:none}.debt-tab-v2{flex:0 0 auto;border:1px solid #dce4ee;background:#fff;color:#40536b;border-radius:999px;padding:10px 15px;font-weight:900;cursor:pointer;white-space:nowrap}.debt-tab-v2.active{background:#244f91;color:#fff;border-color:#244f91}.debt-tab-v2 small{opacity:.72;margin-right:4px}
.debt-customer-list-v2{display:grid;gap:9px}.debt-customer-card-v2{background:#fff;border:1px solid #e1e8f0;border-radius:20px;padding:13px;box-shadow:0 8px 22px rgba(18,45,90,.055)}.debt-customer-main{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.debt-customer-name{font-size:17px;font-weight:950;overflow-wrap:anywhere}.debt-customer-phone{font-size:12px;color:#78889c;margin-top:4px;direction:ltr;text-align:right}.debt-balance-v2{text-align:left;white-space:nowrap}.debt-balance-v2 b{font-size:18px}.debt-balance-v2 small{display:block;color:#8190a3;margin-top:3px}.debt-card-actions-v2{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:7px;margin-top:11px}.debt-card-actions-v2 button{min-height:44px!important;padding:7px 5px!important;font-size:13px!important}.debt-card-move{width:100%;min-height:42px;margin-top:8px;border:1px solid #dce4ed;background:#f7f9fc;border-radius:13px;padding:7px 10px;font-weight:850;color:#42536a}
.debt-empty-v2{background:#fff;border:1px dashed #ccd7e4;border-radius:18px;padding:28px 15px;text-align:center;color:#73849a}.debt-empty-v2 b{display:block;color:#33465e;font-size:17px;margin-bottom:5px}
.debt-statement-drawer{margin-top:12px;background:#fff;border:1px solid #dce5ef;border-radius:22px;padding:14px;box-shadow:0 15px 45px rgba(18,45,90,.12)}.debt-statement-head-v2{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.debt-statement-title{font-size:20px;font-weight:950}.debt-statement-meta{font-size:12px;color:#7b8ba0;margin-top:4px}.debt-statement-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.debt-statement-row{display:grid;grid-template-columns:74px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #edf0f4}.debt-statement-row .date{font-size:11px;color:#8492a4}.debt-statement-row .desc{font-weight:800}.debt-statement-row .amount{font-weight:950;white-space:nowrap}.debt-statement-footer{background:#f5f8fb;border-radius:14px;padding:12px;margin-top:10px;font-weight:900}
body.dark-mode .debt-summary-card,body.dark-mode .debt-search-wrap,body.dark-mode .debt-customer-card-v2,body.dark-mode .debt-statement-drawer,body.dark-mode .debt-empty-v2{background:#17243a;border-color:#2c3b51;color:#e8eef6}body.dark-mode .debt-search-wrap input{color:#e8eef6!important}.dark-mode .debt-tab-v2{background:#17243a;color:#dbe5f1;border-color:#304157}.dark-mode .debt-tab-v2.active{background:#326fc5;color:#fff}.dark-mode .debt-card-move{background:#122138;color:#dce6f2;border-color:#31445d}
@media(max-width:760px){.debt-app-shell{padding:0 0 24px}.debt-app-head{padding:2px 0 12px}.debt-app-head h2{font-size:21px}.debt-app-sub{font-size:11px}.debt-head-close{padding:9px 11px!important;font-size:12px!important}.debt-summary{grid-template-columns:1.25fr .85fr 1.1fr;gap:6px}.debt-summary-card{padding:10px 9px;border-radius:15px}.debt-summary-card span{font-size:10px}.debt-summary-card b{font-size:16px}.debt-primary-actions{grid-template-columns:1fr 1fr;gap:7px}.debt-action-big{min-height:52px;font-size:13px}.debt-action-big strong{font-size:17px}.debt-customer-card-v2{padding:12px}.debt-customer-name{font-size:16px}.debt-card-actions-v2{grid-template-columns:1fr 1fr}.debt-card-actions-v2 button:first-child{grid-column:1/-1}.debt-statement-row{grid-template-columns:58px 1fr auto;gap:7px}.debt-statement-tools{grid-template-columns:1fr 1fr}.debt-statement-tools button{min-height:46px!important}}
@media print{body>*:not(#debtPrintRoot){display:none!important}#debtPrintRoot{display:block!important;direction:rtl;font-family:Arial,sans-serif;color:#111;background:#fff;padding:8mm}#debtPrintRoot *{box-sizing:border-box}.debt-print-title{font-size:24px;font-weight:900;color:#17366f}.debt-print-sub{font-size:13px;margin:5px 0 14px;color:#555}.debt-print-table{width:100%;border-collapse:collapse;font-size:11px}.debt-print-table th,.debt-print-table td{border:1px solid #ccc;padding:7px;text-align:right}.debt-print-table th{background:#f0f3f7}.debt-print-total{margin-top:12px;padding:10px;background:#f3f5f8;border-radius:8px;font-weight:900}.debt-print-row-debt{color:#b83245}.debt-print-row-payment{color:#087f57}}

/* ---- block 10 id="debt-v3-overrides" ---- */
.debt-app-shell{max-width:760px;margin:0 auto;padding:8px 0 34px}
.debt-app-head{padding:4px 2px 18px;align-items:flex-end}.debt-app-kicker{font-size:11px;letter-spacing:.4px;color:#6d7e95}.debt-app-head h2{font-size:27px;letter-spacing:-.4px}.debt-app-sub{font-size:12px;line-height:1.7}
.debt-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.debt-summary-card{min-width:0;padding:12px;border-radius:17px}.debt-summary-card b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debt-summary-card.credit b{color:#2d6eb8}.debt-summary-card span{font-size:10px;white-space:nowrap}
.debt-primary-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.debt-action-big{min-height:64px;border-radius:18px;justify-content:flex-start;padding:10px 14px;gap:10px}.debt-action-big span{font-size:14px}.debt-action-big strong{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.16)}.debt-action-big.gray{background:#f5f7fa;border:1px solid #e2e8f0}
.debt-section-head-v3{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 4px;padding:12px 13px;background:linear-gradient(135deg,#f8fbff,#f1f6fc);border:1px solid #e1e8f1;border-radius:17px}.debt-section-head-v3 b{display:block;font-size:14px}.debt-section-head-v3 span{display:block;font-size:10px;color:#7b8ba0;margin-top:3px}.debt-import-mini{border:1px solid #d6e2ef;background:#fff;color:#244f91;border-radius:12px;padding:9px 11px;font-family:inherit;font-weight:900;white-space:nowrap}
.debt-section-tabs-v2{gap:7px;padding:8px 0;display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.debt-tab-v2{min-width:0;border-radius:16px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px}.debt-tab-v2 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.debt-tab-v2 small{font-size:10px;margin:0}.debt-tab-v2 em{font-size:9px;font-style:normal;opacity:.75;white-space:nowrap}.debt-tab-v2.active em,.debt-tab-v2.active small{opacity:.9}
.debt-search-wrap{min-height:48px;border-radius:15px;margin:4px 0 10px}.debt-customer-list-v2{gap:8px}.debt-customer-card-v2{padding:14px;border-radius:19px}.debt-customer-name{font-size:16px}.debt-customer-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}.debt-customer-meta span{font-size:11px;color:#7b8ba0;direction:ltr}.debt-customer-meta b{font-size:9px;color:#315b8f;background:#edf4fb;border:1px solid #d9e6f3;padding:4px 7px;border-radius:999px}.debt-balance-v2 b{font-size:17px}.debt-last-row{display:flex;align-items:center;gap:7px;margin-top:11px;padding:8px 9px;border-radius:11px;background:#f7f9fc;color:#73839a;font-size:10px}.debt-last-row b{color:#40546d;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debt-last-row small{margin-right:auto;white-space:nowrap}.debt-card-actions-v2{grid-template-columns:1.15fr 1fr 1fr;margin-top:9px}.debt-card-actions-v2 button{border-radius:12px!important}
.debt-empty-v2{padding:38px 15px}.debt-empty-v2 .debt-empty-icon{font-size:32px;margin-bottom:6px}.debt-empty-v2 span{display:block;font-size:12px;margin-top:5px}
body.dark-mode .debt-section-head-v3{background:#17243a;border-color:#2c3b51}.dark-mode .debt-import-mini{background:#122138;color:#dbe8f7;border-color:#30445d}.dark-mode .debt-customer-meta b{background:#20344e;color:#bcd2ea;border-color:#304862}.dark-mode .debt-last-row{background:#122138;color:#93a8c0}.dark-mode .debt-last-row b{color:#dbe6f2}
@media(max-width:560px){.debt-app-shell{padding-left:1px;padding-right:1px}.debt-summary{grid-template-columns:1fr 1fr;gap:7px}.debt-summary-card{padding:11px}.debt-summary-card b{font-size:17px}.debt-section-tabs-v2{grid-template-columns:repeat(2,1fr)}.debt-tab-v2{min-height:58px}.debt-primary-actions{grid-template-columns:1fr 1fr}.debt-action-big{min-height:58px;padding:9px 10px}.debt-card-actions-v2{grid-template-columns:1fr 1fr}.debt-card-actions-v2 button:first-child{grid-column:1/-1}.debt-section-head-v3{align-items:flex-start}.debt-import-mini{padding:8px 9px;font-size:11px}}

/* ---- block 11 id="debt-v4-mobile-final" ---- */
/* Mobile debt book: clean lower section + proper entry sheet */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;}
button,a,input,select,textarea{touch-action:manipulation;}
.debt-app-shell{padding-bottom:42px!important;}
.debt-section-head-v3{margin-top:14px!important;}
.debt-section-tabs-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:9px 0!important;}
.debt-tab-v2{min-height:70px!important;border-radius:18px!important;padding:10px 7px!important;box-shadow:0 5px 14px rgba(18,45,90,.045)!important;}
.debt-tab-v2 span{font-size:12px!important;font-weight:950!important;}
.debt-tab-v2 small{font-size:10px!important;}
.debt-tab-v2 em{font-size:10px!important;}
.debt-search-wrap{margin:4px 0 12px!important;box-shadow:0 5px 16px rgba(18,45,90,.055)!important;}
.debt-customer-list-v2{gap:10px!important;}
.debt-customer-card-v2{padding:15px!important;border-radius:18px!important;box-shadow:0 7px 18px rgba(18,45,90,.05)!important;}
.debt-customer-main{align-items:center!important;}
.debt-card-actions-v2{grid-template-columns:1fr 1fr!important;gap:7px!important;}
.debt-card-actions-v2 button:first-child{grid-column:1/-1!important;}
.debt-card-actions-v2 button{min-height:45px!important;font-weight:900!important;}
.debt-delete-one{background:#fff1f2!important;color:#c6283d!important;border:1px solid #ffd1d8!important;}
.debt-delete-all{background:#fff1f2!important;color:#b91c35!important;border:1px solid #ffd1d8!important;}
.debt-card-move{min-height:44px!important;margin-top:9px!important;}
.debt-card-actions-v2,.debt-card-actions-v2 button,.debt-card-move{position:relative!important;z-index:5!important;pointer-events:auto!important;}
.debt-customer-main{position:relative!important;z-index:1!important;}
.debt-empty-v2{min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;}

.debt-entry-overlay-v2{
 position:fixed!important;inset:0!important;z-index:1000000!important;
 display:flex!important;align-items:flex-end!important;justify-content:center!important;
 padding:0!important;background:rgba(13,30,55,.42)!important;
 backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
 overflow:auto!important;box-sizing:border-box!important;
}
.debt-entry-card-v2{
 width:min(560px,100%)!important;max-height:92vh!important;overflow:auto!important;
 box-sizing:border-box!important;background:#fff!important;color:#172b4d!important;
 border-radius:26px 26px 0 0!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;
 box-shadow:0 -18px 60px rgba(10,35,70,.24)!important;
}
.debt-entry-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important;}
.debt-entry-head small{display:block;color:#7a8aa0!important;font-size:11px!important;font-weight:800!important;}
.debt-entry-head h3{margin:3px 0 0!important;font-size:24px!important;color:#17366f!important;}
.debt-entry-card-v2 label{display:block!important;margin:12px 2px 6px!important;color:#5d7089!important;font-size:13px!important;font-weight:900!important;}
.debt-entry-card-v2 .search{width:100%!important;box-sizing:border-box!important;min-height:54px!important;border:1px solid #d9e3ee!important;border-radius:15px!important;background:#f9fbfd!important;padding:12px 14px!important;font-size:17px!important;outline:none!important;}
.debt-entry-card-v2 .search:focus{border-color:#2f7de1!important;box-shadow:0 0 0 3px rgba(47,125,225,.12)!important;}
.debt-save-entry-v2{width:100%!important;min-height:56px!important;margin-top:16px!important;border:0!important;border-radius:16px!important;font-size:17px!important;font-weight:950!important;}
@media(max-width:560px){
 .debt-section-tabs-v2{grid-template-columns:1fr 1fr!important;}
 .debt-tab-v2:last-child{grid-column:1/-1;}
 .debt-entry-card-v2{padding-left:14px!important;padding-right:14px!important;}
 .debt-entry-head h3{font-size:22px!important;}
}
body.dark-mode .debt-entry-card-v2{background:#17243a!important;color:#edf4ff!important;}
body.dark-mode .debt-entry-head h3{color:#f3f7ff!important;}
body.dark-mode .debt-entry-card-v2 label{color:#aebed1!important;}
body.dark-mode .debt-entry-card-v2 .search{background:#102039!important;color:#edf4ff!important;border-color:#30445d!important;}
.debt-action-btn,.debt-customer-open,.debt-move-select{touch-action:manipulation;-webkit-user-select:none;user-select:none;}

/* ---- block 12 ---- */
.company-details-mini{padding:8px 12px!important;border-radius:12px!important;font-size:12px!important;font-weight:900;white-space:nowrap}
@media(max-width:560px){.company-details-mini{padding:7px 9px!important;font-size:11px!important}.section-title:has(.company-details-mini){align-items:center;gap:8px}}