/* MajdTel Unified V10.16.46 — Accessible Contrast / Main Cashbox */
:root{
  --navy:#071b33;--navy2:#0d2b4f;--blue:#1677ff;--cyan:#1cc8db;--green:#18a673;
  --amber:#f59e0b;--red:#e65353;--ink:#152238;--muted:#6b7a90;--line:#e8edf4;
  --bg:#f4f7fb;--card:#fff;--shadow:0 18px 48px rgba(17,38,70,.09);--radius:18px;
}

/* =====================================================================
   V10.16 — New Syrian pound, dollar pricing and ERP sync
   ===================================================================== */
.v106-debts-page{display:grid;gap:18px}.v106-debts-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:24px;color:#fff;background:linear-gradient(130deg,#0b1737 0%,#153a6d 58%,#0d8d8a 130%);box-shadow:0 18px 42px rgba(9,25,54,.16)}.v106-debts-hero:after{content:"";position:absolute;inset:auto -70px -110px auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}.v106-debts-hero>div,.v106-debts-hero>button{position:relative;z-index:1}.v106-debts-hero span{font-size:12px;font-weight:800;letter-spacing:.04em;color:#8ff3dc}.v106-debts-hero h2{margin:7px 0 5px;font-size:30px}.v106-debts-hero p{margin:0;color:#d7e5f7}.v106-debt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v106-debt-kpis article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 8px 24px rgba(17,32,61,.06)}.v106-debt-kpis article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;font-weight:900;background:#eef5ff;color:#2466c8}.v106-debt-kpis article>span.red{background:#fff0f1;color:#d94753}.v106-debt-kpis article>span.violet{background:#f4efff;color:#7958c7}.v106-debt-kpis article>span.amber{background:#fff6df;color:#bc7a08}.v106-debt-kpis article>span.green{background:#e8faf5;color:#138a70}.v106-debt-kpis small,.v106-debt-kpis em{display:block;color:var(--muted);font-style:normal}.v106-debt-kpis b{display:block;margin:3px 0;font-size:19px}.v106-debt-workspace{overflow:hidden}.v106-debt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line)}.v106-debt-tabs{display:flex;gap:6px;padding:4px;border-radius:13px;background:var(--bg)}.v106-debt-tabs button{border:0;border-radius:10px;padding:10px 14px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.v106-debt-tabs button.active{background:var(--card);color:var(--blue);box-shadow:0 4px 12px rgba(22,48,91,.09)}.v106-debt-filters{display:flex;gap:8px}.v106-debt-filters input{min-width:230px}.v106-debt-filters input,.v106-debt-filters select{height:42px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:var(--card);color:var(--ink)}.v106-debt-list{display:grid;gap:0}.v106-debt-row{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(140px,.65fr) auto;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid var(--line);transition:.18s}.v106-debt-row:hover{background:color-mix(in srgb,var(--blue) 3%,var(--card))}.v106-debt-row.overdue{border-right:4px solid #e14853;background:linear-gradient(90deg,transparent,#fff7f7)}.v106-debt-person{display:flex;align-items:center;gap:12px;min-width:0}.v106-debt-person>span{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:14px;background:#e9f2ff;color:#2364c2;font-weight:900}.v106-debt-person.supplier>span{background:#f3edff;color:#7550c6}.v106-debt-person div{min-width:0}.v106-debt-person b,.v106-debt-person small,.v106-debt-person em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v106-debt-person small{margin-top:3px;color:var(--muted)}.v106-debt-person em{margin-top:3px;color:#7690aa;font-size:11px;font-style:normal}.v106-debt-amount small,.v106-debt-due>small{display:block;color:var(--muted);margin-bottom:5px}.v106-debt-amount strong{color:#d13f4b;font-size:18px}.v106-debt-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.v106-due{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#eef3f8;color:#698198}.v106-due.overdue{background:#ffe9eb;color:#c72f3d}.v106-due.today,.v106-due.soon{background:#fff2d4;color:#a96800}.v106-due.future{background:#e8f8f2;color:#16775f}.v106-history-table{overflow:auto}.v106-history-table table,.v106-statement table{width:100%;border-collapse:collapse}.v106-history-table th,.v106-history-table td,.v106-statement th,.v106-statement td{padding:13px 15px;text-align:right;border-bottom:1px solid var(--line)}.v106-history-table th{background:var(--bg);color:var(--muted);font-size:12px}.v106-history-table td small{display:block;margin-top:4px;color:var(--muted)}.v106-debt-modal-card{width:min(620px,94vw)}.v106-receipt-wrap{width:min(440px,94vw)}.v106-receipt-88{width:88mm;max-width:100%;margin:auto;padding:7mm 5mm;background:#fff;color:#111;font-family:Arial,Tahoma,sans-serif;text-align:center}.v106-receipt-88>img{max-width:38mm;max-height:20mm;object-fit:contain}.v106-receipt-88 h3{margin:8px 0}.v106-receipt-88 p,.v106-receipt-88 small{font-size:11px}.v106-receipt-88>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;text-align:right;font-size:12px}.v106-receipt-88 hr{border:0;border-top:1px dashed #333;margin:8px 0}.v106-statement-wrap{width:min(840px,95vw)}.v106-statement{padding:26px;background:#fff;color:#17233a}.v106-statement>img{width:120px;max-height:70px;object-fit:contain}.v106-statement tfoot{font-weight:900}.v106-radius-cashbox-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin:16px 0;border:1px solid #b9e5df;background:linear-gradient(110deg,#f4fffc,#eef7ff)}.v106-radius-cashbox-card>div:first-child{display:flex;align-items:center;gap:13px}.v106-radius-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#0aa88a,#2371c8);color:#fff;font-weight:900}.v106-radius-cashbox-card small,.v106-radius-cashbox-card h3{display:block;margin:0}.v106-radius-cashbox-card b{font-size:20px}.v106-radius-card-stats{display:flex;gap:20px}.v106-radius-card-stats span{display:grid;gap:4px;color:var(--muted);font-size:12px}.v106-radius-card-stats b{font-size:14px;color:var(--ink)}.v106-radius-center{width:min(1120px,96vw);max-height:92vh;overflow:auto}.v106-radius-head{display:flex;justify-content:space-between;gap:20px}.v106-radius-head h3{margin:6px 0}.v106-radius-head p{margin:0;color:var(--muted)}.v106-radius-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.v106-radius-kpis article{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v106-radius-kpis small,.v106-radius-kpis b{display:block}.v106-radius-kpis b{margin-top:5px;font-size:18px}.v106-radius-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.v106-radius-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.v106-radius-grid h4{margin:0 0 10px}.v106-radius-requests,.v106-radius-movements{display:grid;gap:8px}.v106-radius-requests article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.v106-radius-requests article>div:first-child{min-width:0}.v106-radius-requests b,.v106-radius-requests small,.v106-radius-requests em{display:block}.v106-radius-requests small{margin:3px 0;color:var(--muted)}.v106-radius-requests em{font-size:11px;color:#7890a8;font-style:normal}.v106-radius-requests article>div:last-child{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.v106-radius-movements article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.v106-radius-movements article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf3f8;font-weight:900}.v106-radius-movements article>span.green{color:#0b8d6e;background:#e6f8f2}.v106-radius-movements article>span.red{color:#d0404c;background:#ffedef}.v106-radius-movements b,.v106-radius-movements small{display:block}.v106-radius-movements small{margin-top:3px;color:var(--muted)}.v106-radius-settings{width:min(820px,95vw);max-height:92vh;overflow:auto}.v106-plan-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v106-plan-prices label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px}.v106-plan-prices span{font-weight:900}.v106-plan-prices input{min-width:0}.v106-radius-difference{padding:12px;margin-top:12px;border-radius:12px;background:#e7f8f1;color:#14765d;font-weight:900}.v106-radius-difference.mismatch{background:#ffe9eb;color:#be3340}
@media(max-width:980px){.v106-debt-kpis,.v106-radius-kpis{grid-template-columns:repeat(2,1fr)}.v106-debt-row{grid-template-columns:1fr 1fr}.v106-debt-actions{justify-content:flex-start}.v106-radius-grid{grid-template-columns:1fr}.v106-radius-cashbox-card{align-items:flex-start;flex-wrap:wrap}}@media(max-width:640px){.v106-debts-hero,.v106-debt-toolbar{align-items:stretch;flex-direction:column}.v106-debt-kpis,.v106-radius-kpis{grid-template-columns:1fr 1fr}.v106-debt-tabs,.v106-debt-filters{display:grid;grid-template-columns:1fr}.v106-debt-filters input{min-width:0}.v106-debt-row{grid-template-columns:1fr;padding:15px}.v106-radius-card-stats{width:100%;justify-content:space-between}.v106-plan-prices{grid-template-columns:1fr 1fr}.v106-radius-requests article{align-items:flex-start;flex-direction:column}.v106-radius-requests article>div:last-child{justify-content:flex-start}}
@media print{body:has(.v106-print-modal) *{visibility:hidden!important}.v106-print-modal,.v106-print-modal *{visibility:visible!important}.v106-print-modal{display:block!important;position:absolute!important;inset:0!important;background:#fff!important;padding:0!important}.v106-print-modal .pin-card{box-shadow:none!important;border:0!important;padding:0!important;max-width:none!important;width:auto!important}.v106-print-modal .modal-actions{display:none!important}.v106-receipt-88{width:88mm!important;margin:0!important}.v106-statement{width:190mm!important;margin:auto!important}.v106-debts-page .v106-debt-actions,.v106-debts-page .v106-debt-filters,.v106-debts-page .v106-debt-tabs,.v106-debts-page .v106-debts-hero button{display:none!important}}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif}
button,input{font:inherit}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}
.login-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--navy),#0d3966);color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between}
.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.2;background:linear-gradient(135deg,var(--cyan),var(--blue))}
.login-brand:before{width:420px;height:420px;left:-160px;top:-140px}.login-brand:after{width:320px;height:320px;right:-120px;bottom:-100px}
.brand-mark{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.logo{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#2a98ff,#13d2c9);display:grid;place-items:center;font-weight:800;font-size:25px;box-shadow:0 14px 35px rgba(0,0,0,.2)}
.brand-title{font-size:26px;font-weight:800}.brand-sub{opacity:.72;font-size:13px;margin-top:4px}.hero{position:relative;z-index:1;max-width:620px}.hero h1{font-size:46px;line-height:1.25;margin:0 0 18px}.hero p{font-size:18px;line-height:1.9;color:#d9e8f8}.feature-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.feature{padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.07);font-size:13px}
.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(440px,100%)}.login-card h2{font-size:32px;margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 32px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field input{width:100%;padding:14px 16px;border:1px solid #dfe7f1;border-radius:13px;outline:none;background:#fbfdff}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,119,255,.1)}
.primary{width:100%;border:0;border-radius:13px;padding:14px 18px;color:#fff;background:linear-gradient(135deg,var(--blue),#0e59cf);font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(22,119,255,.25)}.demo-note{margin-top:18px;padding:12px 14px;background:#eef6ff;border:1px solid #d9eaff;border-radius:12px;color:#35618f;font-size:13px}.login-error{color:var(--red);font-size:13px;margin:10px 0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:linear-gradient(180deg,var(--navy),#08182c);color:#d8e6f5;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.side-head{display:flex;align-items:center;gap:11px;padding:6px 9px 24px}.side-head .logo{width:43px;height:43px;border-radius:14px;font-size:19px}.side-head strong{color:white}.side-head small{display:block;color:#88a2bf;margin-top:3px}.nav-label{font-size:11px;color:#6884a2;padding:12px 14px 7px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 14px;margin:4px 0;border-radius:12px;cursor:pointer;color:#bfd0e2;transition:.2s}.nav-item:hover,.nav-item.active{color:white;background:rgba(57,142,235,.17)}.nav-item.active{box-shadow:inset -3px 0 0 var(--cyan)}.nav-ico{width:25px;text-align:center;font-size:17px}.side-footer{margin-top:24px;border-top:1px solid rgba(255,255,255,.08);padding:16px 10px}.employee-mini{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#39a4ff,#19c9cf);display:grid;place-items:center;color:white;font-weight:800}.employee-mini small{display:block;color:#7893ae;margin-top:3px}
.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.top-title h1{font-size:20px;margin:0}.top-title p{font-size:12px;color:var(--muted);margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:white;border-radius:12px;cursor:pointer}.status-pill{padding:10px 13px;border-radius:999px;background:#eafaf4;color:#14855e;font-size:12px;font-weight:800}.content{padding:28px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.welcome h2{font-size:28px;margin:0 0 7px}.welcome p{margin:0;color:var(--muted)}.date-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;color:var(--muted);font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 7px 22px rgba(25,51,82,.04)}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-ico{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:20px}.ico-blue{background:#eaf3ff}.ico-green{background:#eafaf4}.ico-amber{background:#fff6df}.ico-red{background:#fff0f0}.stat span{color:var(--muted);font-size:13px}.stat strong{display:block;font-size:25px;margin-top:12px}.trend{font-size:11px;margin-top:7px;color:var(--green)}
.grid-2{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 22px rgba(25,51,82,.04)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:16px}.card-body{padding:18px 20px}.link-btn{border:0;background:transparent;color:var(--blue);font-size:12px;cursor:pointer}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick{border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:17px;cursor:pointer;text-align:right;transition:.2s}.quick:hover{transform:translateY(-2px);border-color:#bed8ff;box-shadow:0 10px 22px rgba(22,119,255,.08)}.quick b{display:block;margin:9px 0 4px}.quick small{color:var(--muted)}
.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed var(--line)}.activity:last-child{border-bottom:0}.activity-dot{width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--blue)}.activity-text{flex:1}.activity-text b{font-size:13px}.activity-text p{font-size:12px;color:var(--muted);margin:5px 0}.activity-time{font-size:11px;color:#91a0b2}.alert{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:13px;margin-bottom:10px}.alert:last-child{margin-bottom:0}.alert.warning{background:#fff8e9}.alert.danger{background:#fff1f1}.alert.info{background:#eef6ff}.alert b{font-size:13px}.alert p{font-size:12px;color:var(--muted);margin:4px 0 0}
.section-page{display:none}.section-page.active{display:block}.page-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.empty{padding:58px 20px;text-align:center}.empty .big{font-size:44px}.empty h3{margin:12px 0 7px}.empty p{color:var(--muted);margin:0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:right;padding:13px;border-bottom:1px solid var(--line);font-size:13px}.table th{color:var(--muted);font-weight:700;background:#fbfcfe}.badge{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.badge.green{background:#e9f9f3;color:#13815a}.badge.amber{background:#fff4da;color:#a76a00}.badge.blue{background:#eaf3ff;color:#2369bd}.badge.red{background:#fff0f0;color:#bd3838}
.pin-modal{position:fixed;inset:0;background:rgba(3,16,31,.55);display:grid;place-items:center;z-index:20;padding:20px}.pin-card{width:min(390px,100%);background:#fff;border-radius:22px;padding:25px;box-shadow:var(--shadow)}.pin-card h3{margin:0 0 7px}.pin-card p{color:var(--muted);font-size:13px}.pin-dots{display:flex;gap:9px;direction:ltr;margin:21px 0}.pin-dots input{width:48px;height:52px;text-align:center;border:1px solid #dbe4ef;border-radius:12px;font-size:20px}.modal-actions{display:flex;gap:10px}.secondary{border:1px solid var(--line);background:#fff;padding:11px 17px;border-radius:12px;cursor:pointer}.confirm{flex:1;border:0;background:var(--blue);color:white;padding:11px 17px;border-radius:12px;font-weight:800;cursor:pointer}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:14px 8px}.side-head>div:not(.logo),.nav-item span:not(.nav-ico),.nav-label,.side-footer .employee-mini>div:last-child{display:none}.side-head{justify-content:center;padding:4px 0 18px}.nav-item{justify-content:center;padding:12px}.content{padding:18px}.topbar{padding:0 17px}.welcome{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;top:auto;height:69px;width:100%;z-index:10;display:flex;overflow-x:auto;padding:7px;background:var(--navy)}.side-head,.nav-label,.side-footer{display:none}.nav-item{min-width:63px;margin:0;padding:8px}.main{padding-bottom:70px}.topbar{height:66px}.top-title p,.status-pill{display:none}.content{padding:14px}.stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.date-card{display:none}.welcome h2{font-size:23px}.grid-2{gap:14px}.card-head,.card-body{padding:16px}.table-wrap{overflow:auto}}
.today-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px}.employee-shift{display:flex;align-items:center;gap:12px}.employee-shift small{display:block;color:var(--muted);margin-top:4px}.shift-actions{display:flex;align-items:center;gap:9px}.primary.compact{width:auto;padding:11px 16px;box-shadow:none}.today-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr);gap:18px}.today-side{display:flex;flex-direction:column;gap:18px}.head-sub{font-size:12px;color:var(--muted);margin:5px 0 0}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tab{border:1px solid var(--line);background:#fff;color:var(--muted);padding:7px 10px;border-radius:9px;font-size:11px;cursor:pointer}.filter-tab.active{background:#eaf3ff;color:#1767c8;border-color:#cfe3ff}.task-list{padding-top:8px}.task-card{display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--line)}.task-card:last-child{border-bottom:0}.task-check{width:30px;height:30px;border:2px solid #d8e2ef;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:#fff;font-weight:800}.task-check.checked{background:var(--green);border-color:var(--green)}.task-main h4{font-size:14px;margin:8px 0}.task-meta,.task-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-meta .ref{color:#718299;font-size:11px;font-weight:700}.priority{font-size:10px;color:#a26000;background:#fff6df;padding:5px 8px;border-radius:999px}.task-bottom{color:var(--muted);font-size:11px}.task-menu{border:0;background:transparent;font-size:22px;color:#8a98aa;cursor:pointer}.appointment{display:grid;grid-template-columns:52px 18px 1fr;gap:8px;min-height:82px}.appointment-time{font-size:12px;font-weight:800;color:#386897;padding-top:2px}.appointment-line{position:relative}.appointment-line:before{content:"";position:absolute;right:8px;top:8px;bottom:-8px;width:1px;background:#dce5f0}.appointment-line:after{content:"";position:absolute;right:4px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e8f2ff}.appointment:last-child .appointment-line:before{display:none}.appointment-info b{font-size:13px}.appointment-info p{margin:5px 0;color:var(--muted);font-size:12px}.appointment-info small{color:#8a99ab}.today-stats{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.today-layout{grid-template-columns:1fr}.today-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.today-toolbar{align-items:flex-start;flex-direction:column}.shift-actions{width:100%;flex-wrap:wrap}.today-stats{grid-template-columns:1fr}.card-head{align-items:flex-start;gap:12px;flex-direction:column}.filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.task-card{grid-template-columns:34px 1fr 24px}}

.employee-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;margin-bottom:18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#071b33 0%,#0e3b6b 65%,#147fc0 100%);box-shadow:0 18px 44px rgba(7,27,51,.18);position:relative;overflow:hidden}.employee-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(28,200,219,.12);left:-70px;top:-110px}.employee-hero-main{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.employee-avatar-large{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#2a98ff,#13d2c9);font-size:27px;font-weight:800;box-shadow:0 14px 32px rgba(0,0,0,.22)}.employee-hero .eyebrow{font-size:11px;color:#8fd8ef;font-weight:800}.employee-hero h2{font-size:28px;margin:6px 0}.employee-hero p{margin:0;color:#cfdfef}.employee-id-card{position:relative;z-index:1;min-width:175px;padding:15px 17px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:16px}.employee-id-card small{display:block;color:#a9c0d8}.employee-id-card strong{display:block;font-size:19px;margin:6px 0 10px;direction:ltr;text-align:right}
.employee-status-bar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 17px;margin-bottom:18px}.status-cell{padding:4px 13px;border-left:1px solid var(--line)}.status-cell span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.status-cell b{font-size:13px}.success-text{color:var(--green)!important}.danger-text{color:var(--red)!important}
.employee-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(315px,.7fr);gap:18px}.employee-main-column,.employee-side-column{display:flex;flex-direction:column;gap:18px}.employee-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.employee-action{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:11px;text-align:right;border:1px solid var(--line);background:#fbfdff;padding:13px;border-radius:15px;cursor:pointer;transition:.2s}.employee-action:hover{transform:translateY(-2px);border-color:#bcd8ff;box-shadow:0 11px 24px rgba(22,119,255,.08)}.employee-action-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eaf3ff;font-size:19px}.employee-action b{display:block;font-size:13px}.employee-action small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.action-arrow{color:#8ba0b8;font-size:19px}.notification-count{min-width:25px;height:25px;border-radius:999px;background:#fff0f0;color:#bd3838;display:grid;place-items:center;font-size:11px;font-weight:800}.private-label{font-size:10px;color:#4d6f95;background:#eef6ff;padding:6px 9px;border-radius:999px}.pay-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:12px}.pay-row span{color:var(--muted)}.pay-total{display:flex;align-items:flex-end;justify-content:space-between;padding:17px 0}.pay-total span{font-size:12px;color:var(--muted)}.pay-total strong{font-size:21px}.full-width{width:100%}.employee-ops td:first-child{direction:ltr;text-align:right;font-weight:700;color:#426587}
@media(max-width:1100px){.employee-layout{grid-template-columns:1fr}.employee-status-bar{grid-template-columns:repeat(2,1fr)}.employee-status-bar .primary{grid-column:1/-1}}@media(max-width:720px){.employee-hero{align-items:flex-start;flex-direction:column;padding:21px}.employee-id-card{width:100%}.employee-status-bar{grid-template-columns:1fr}.status-cell{border-left:0;border-bottom:1px solid var(--line);padding:8px 2px}.employee-actions-grid{grid-template-columns:1fr}.employee-hero h2{font-size:23px}}

.mode-switch-card{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#071b33,#0f4a82);color:#fff;padding:22px 25px;border-radius:20px;margin-bottom:18px}.mode-switch-card h2{margin:4px 0 5px}.mode-switch-card p{margin:0;color:#c7d8ea}.mode-pill{padding:10px 15px;border-radius:999px;font-weight:800}.mode-pill.manager{background:#ffe2a6;color:#6f4700}.mode-pill.employee{background:#d8f4ff;color:#0d5b7d}.cashbox-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:7px;background:#eef3f8;border-radius:15px;margin-bottom:18px}.cash-tab{border:0;background:transparent;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;color:#53677d}.cash-tab.active{background:#fff;color:#126bc1;box-shadow:0 6px 16px rgba(26,75,122,.1)}.cash-panel{display:none}.cash-panel.active{display:block}.cashbox-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:18px}.shift-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shift-details>div{padding:14px;background:#f8fbfe;border:1px solid var(--line);border-radius:14px}.shift-details span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.recon-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed var(--line)}.recon-result{display:flex;justify-content:space-between;padding:16px;border-radius:13px;margin:14px 0}.recon-result.matched{background:#eaf8ef;color:#187b49}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.person-box select{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff;font:inherit}.form-grid textarea{min-height:80px}.form-grid .full{grid-column:1/-1}.handover-flow{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:15px;margin-bottom:18px}.person-box{padding:17px;border:1px solid var(--line);border-radius:16px;background:#f9fbfd}.person-box span,.person-box small{display:block;color:var(--muted);font-size:11px}.person-box b{display:block;font-size:18px;margin:7px 0}.handover-arrow{text-align:center;font-size:30px;color:#4b8bc9}.difference-box{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:#eef8f2;color:#1c7b4c}.difference-box.over{background:#fff7e7;color:#a66b00}.difference-box.short{background:#fff0f0;color:#b63333}.handover-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.cash-count-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.denomination-list{display:flex;flex-direction:column;gap:9px}.denomination-row{display:grid;grid-template-columns:60px 20px 80px 20px 1fr;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px}.denomination-row input{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px}.denomination-total{display:flex;justify-content:space-between;padding-top:13px;border-top:1px dashed var(--line)}.audit-list{display:flex;flex-direction:column;gap:12px}.audit-item{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px}.audit-dot{width:10px;height:10px;border-radius:50%;background:#4d94d8}.audit-item.danger .audit-dot{background:#d44b4b}.audit-item.warning .audit-dot{background:#d79a22}@media(max-width:1000px){.cashbox-grid,.cash-count-layout{grid-template-columns:1fr}.shift-details{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.mode-switch-card{flex-direction:column;align-items:flex-start}.cashbox-tabs{overflow-x:auto;flex-wrap:nowrap}.cash-tab{white-space:nowrap}.form-grid.two{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.handover-flow{grid-template-columns:1fr}.handover-arrow{transform:rotate(-90deg)}.shift-details{grid-template-columns:1fr}}

/* Customers page */
.customers-head{align-items:center}.customer-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 220px 120px;gap:12px;align-items:center;padding:14px;margin-bottom:18px}.customer-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#f9fbfd;border-radius:13px;padding:0 13px}.customer-search input{border:0;background:transparent;padding:13px 0;outline:none;width:100%;font:inherit}.customer-toolbar select{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;font:inherit}.customer-count{padding:8px 12px;border-right:1px solid var(--line)}.customer-count span{display:block;font-size:10px;color:var(--muted)}.customer-count b{font-size:20px}.customer-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:18px}.customer-list{display:flex;flex-direction:column}.customer-row{display:grid;grid-template-columns:48px minmax(0,1fr) 175px 24px;gap:12px;align-items:center;text-align:right;border:0;border-bottom:1px solid var(--line);background:#fff;padding:14px 18px;cursor:pointer;transition:.18s}.customer-row:hover,.customer-row.selected{background:#f2f8ff}.customer-avatar{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#e8f3ff;color:#176fc2;font-weight:900}.customer-avatar.large{width:62px;height:62px;border-radius:19px;font-size:23px}.customer-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-main p{margin:6px 0 0;color:var(--muted);font-size:11px}.customer-last{text-align:left}.customer-last b,.customer-last small{display:block}.customer-last b{font-size:11px}.customer-last small{color:var(--muted);margin-top:6px;font-size:10px}.customer-arrow{color:#8aa0b6;font-size:20px}.customer-preview{padding:19px;height:max-content;position:sticky;top:90px}.customer-profile-head{display:flex;align-items:center;gap:13px}.customer-profile-head h3{margin:0}.customer-profile-head p{margin:5px 0 0;color:var(--muted);direction:ltr;text-align:right}.customer-tags{display:flex;gap:7px;margin:16px 0}.customer-info{display:flex;flex-direction:column}.customer-info>div{padding:12px 0;border-bottom:1px dashed var(--line)}.customer-info span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.customer-info b{font-size:12px}.customer-preview-actions{display:flex;flex-direction:column;gap:9px;margin-top:17px}.customer-empty{text-align:center;padding:45px;color:var(--muted)}.customer-empty>div{font-size:38px}.customer-modal{position:fixed;inset:0;background:rgba(4,19,35,.56);z-index:100;display:grid;place-items:center;padding:18px}.customer-modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.customer-modal-card .card-head{padding:18px 20px;border-bottom:1px solid var(--line)}.customer-form-error{padding:10px 12px;border-radius:10px;background:#fff0f0;color:#b32f2f;font-size:12px}
@media(max-width:980px){.customer-layout{grid-template-columns:1fr}.customer-preview{position:static}.customer-toolbar{grid-template-columns:1fr 180px}.customer-count{display:none}}@media(max-width:650px){.customer-toolbar{grid-template-columns:1fr}.customer-row{grid-template-columns:43px 1fr 20px}.customer-last{display:none}}

/* Complete customer profile */
.customer-toolbar{grid-template-columns:minmax(260px,1fr) 180px 150px 100px}.customer-kind-box{border:1px solid var(--line);border-radius:14px;padding:12px 14px}.customer-kind-box legend{padding:0 7px;font-size:12px;font-weight:800}.check-line{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px;margin-left:18px}.check-line input{width:auto}.customer-profile-head{position:relative}.profile-status{margin-right:auto;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800}.profile-status.active{background:#e9f8ef;color:#187b49}.profile-status.inactive{background:#fff0f0;color:#b53434}.customer-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.customer-quick-action{border:1px solid var(--line);border-radius:12px;background:#f9fbfd;padding:10px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.customer-quick-action:hover{background:#eef6ff;border-color:#b9d8f5}.customer-quick-action span{font-size:18px}.customer-quick-action b{font-size:10px}.profile-section{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h4{margin:0}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-grid>div{background:#f8fbfe;border:1px solid var(--line);border-radius:10px;padding:9px}.mini-grid span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.mini-grid b{font-size:10px}.full-mini{grid-column:1/-1}.customer-timeline{display:flex;flex-direction:column;gap:10px}.timeline-entry{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:start}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#2a84d2;margin-top:4px}.timeline-entry b{display:block;font-size:11px}.timeline-entry p{margin:4px 0 0;color:var(--muted);font-size:10px}.timeline-entry time{font-size:9px;color:var(--muted)}
@media(max-width:980px){.customer-toolbar{grid-template-columns:1fr 1fr 1fr}.customer-count{display:none}}@media(max-width:650px){.customer-toolbar{grid-template-columns:1fr}.customer-quick-grid{grid-template-columns:repeat(2,1fr)}.check-line{display:flex!important;margin:8px 0}.mini-grid{grid-template-columns:1fr}.full-mini{grid-column:auto}}


/* Customers phase 4: smart alerts, location, unified finance */
.customer-alert-stack{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.customer-profile-alert{display:flex;gap:10px;align-items:flex-start;border-radius:13px;padding:11px 12px;border:1px solid transparent}
.customer-profile-alert>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.customer-profile-alert b{display:block;font-size:11px}.customer-profile-alert p{margin:4px 0 0;font-size:9px}
.customer-profile-alert.danger{background:#fff2f2;border-color:#ffd2d2;color:#9d2828}.customer-profile-alert.danger>span{background:#ffdede}
.customer-profile-alert.warning{background:#fff8e9;border-color:#ffe1a4;color:#895b06}.customer-profile-alert.warning>span{background:#ffedc5}
.customer-profile-alert.success{background:#eefaf3;border-color:#c8ebd6;color:#176d43}.customer-profile-alert.success>span{background:#d6f2e1}
.customer-quick-grid{grid-template-columns:repeat(4,1fr)}
.location-card{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#f8fbfe;padding:11px}
.location-card span,.location-card small{display:block;color:var(--muted);font-size:9px}.location-card b{display:block;font-size:10px;direction:ltr;text-align:right;margin:4px 0}
.location-empty{display:flex;gap:10px;align-items:center;border:1px dashed #b9cbdc;border-radius:12px;padding:12px;background:#fafcfe}
.location-empty>span{font-size:25px;color:#397fbd}.location-empty b{font-size:11px}.location-empty p{font-size:9px;color:var(--muted);margin:4px 0 0}
.location-save-btn{margin-top:9px}
.finance-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.finance-summary-grid>div{border:1px solid var(--line);border-radius:11px;background:#f8fbfe;padding:9px}
.finance-summary-grid span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.finance-summary-grid b{font-size:10px}
.finance-mini-list,.financial-modal-list{display:flex;flex-direction:column;margin-top:10px;border-top:1px solid var(--line)}
.finance-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.finance-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.finance-icon.charge{background:#fff1f1;color:#b52e2e}.finance-icon.payment{background:#e9f8ef;color:#187b49}.finance-icon.refund{background:#fff7e7;color:#966308}
.finance-row b{display:block;font-size:10px}.finance-row small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.finance-row strong{font-size:10px;white-space:nowrap}
.finance-empty{text-align:center;color:var(--muted);font-size:10px;padding:20px}
.financial-modal-card{width:min(720px,94vw);max-height:88vh;overflow:auto}
.financial-modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.financial-modal-head h3{margin:4px 0}.financial-modal-head p{margin:0;color:var(--muted)}
.modal-summary{grid-template-columns:repeat(4,1fr);margin:15px 0}
.loading-card{text-align:center}.loading-spinner{width:38px;height:38px;border:4px solid #d8e6f3;border-top-color:#267bc2;border-radius:50%;margin:0 auto 13px;animation:customerSpin .85s linear infinite}
@keyframes customerSpin{to{transform:rotate(360deg)}}
@media(max-width:650px){
  .customer-quick-grid{grid-template-columns:repeat(2,1fr)}
  .modal-summary{grid-template-columns:repeat(2,1fr)}
  .location-card{align-items:flex-start;flex-direction:column}
  .finance-row{grid-template-columns:28px minmax(0,1fr)}.finance-row strong{grid-column:2}
}


/* Sales invoice phase 5 */
.sales-head{align-items:center}.invoice-number-card{background:#071b33;color:#fff;border-radius:15px;padding:11px 16px;min-width:145px}.invoice-number-card span{display:block;font-size:9px;opacity:.7}.invoice-number-card b{display:block;margin-top:4px;direction:ltr;text-align:right}
.sales-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.62fr);gap:18px}.sales-main-column,.sales-summary-column{display:flex;flex-direction:column;gap:18px}.sales-summary-card{position:sticky;top:88px}
.sales-mode-tabs,.payment-type-tabs,.price-mode{display:flex;gap:6px;background:#eef3f8;border-radius:11px;padding:4px}.sales-mode-tab,.payment-type-tabs button,.price-mode button{border:0;background:transparent;border-radius:8px;padding:8px 12px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.sales-mode-tab.active,.payment-type-tabs button.active,.price-mode button.active{background:#fff;color:#176fc2;box-shadow:0 2px 8px rgba(20,56,87,.1)}
.sales-customer-search,.product-search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;padding:0 12px;margin-top:12px;background:#fafcfe}.sales-customer-search input,.product-search-box input{flex:1;border:0;background:transparent;padding:12px 0;outline:none;font:inherit}
.sales-customer-results{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.sales-customer-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:right;padding:9px;cursor:pointer}.sales-customer-row:hover,.sales-customer-row.selected{border-color:#62a7df;background:#f1f8ff}.sales-customer-row .customer-avatar{width:36px;height:36px;border-radius:10px}.sales-customer-row b,.sales-customer-row small{display:block}.sales-customer-row b{font-size:10px}.sales-customer-row small{font-size:8px;color:var(--muted);margin-top:4px}
.cash-customer-note{display:flex;gap:10px;align-items:center;border:1px dashed #b8cadd;border-radius:13px;padding:13px;margin-top:12px;background:#fafcfe}.cash-customer-note>span{font-size:26px}.cash-customer-note b{font-size:11px}.cash-customer-note p{font-size:9px;color:var(--muted);margin:4px 0 0}
.product-results{display:grid;gap:7px;margin-top:10px;max-height:330px;overflow:auto}.product-search-card{display:grid;grid-template-columns:38px minmax(0,1fr) 150px 24px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:right;padding:10px;cursor:pointer}.product-search-card:hover{border-color:#65a7dc;background:#f5faff}.product-search-card:disabled{opacity:.5;cursor:not-allowed}.product-card-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eaf5ff;color:#237ac3}.product-search-card b,.product-search-card small{display:block}.product-search-card b{font-size:10px}.product-search-card small{font-size:8px;color:var(--muted);margin-top:4px}.product-card-price{text-align:left}.product-card-price strong,.product-card-price span{display:block}.product-card-price strong{font-size:10px}.product-card-price span{font-size:8px;color:var(--muted);margin-top:4px}.stock-low{color:#b75a00!important}.product-add-symbol{font-size:20px;color:#2881cb}
.sales-cart-head,.sales-cart-row{display:grid;grid-template-columns:minmax(190px,1fr) 120px 145px 120px 28px;gap:9px;align-items:center;padding:10px 16px}.sales-cart-head{background:#f5f8fb;color:var(--muted);font-size:9px;border-bottom:1px solid var(--line)}.sales-cart-row{border-bottom:1px solid var(--line)}.cart-product b,.cart-product small{display:block}.cart-product b{font-size:10px}.cart-product small{font-size:8px;color:var(--muted);margin-top:4px}.cart-price-input,.quantity-control input{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;font:inherit;text-align:center}.quantity-control{display:grid;grid-template-columns:30px 1fr 30px;gap:4px}.quantity-control button{border:1px solid var(--line);background:#f8fbfe;border-radius:8px;cursor:pointer}.cart-line-total{font-size:10px;font-weight:800}.cart-remove{border:0;background:#fff0f0;color:#b53030;border-radius:8px;width:26px;height:26px;cursor:pointer}.cart-empty{text-align:center;padding:35px;color:var(--muted)}.cart-empty>div{font-size:36px}.cart-empty h3{margin:8px 0 4px}.cart-empty p{font-size:10px}
.sales-notes{width:100%;min-height:90px;border:1px solid var(--line);border-radius:12px;padding:12px;resize:vertical;font:inherit}
.invoice-summary-rows{display:flex;flex-direction:column}.invoice-summary-rows>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.invoice-summary-rows span{font-size:10px;color:var(--muted)}.invoice-summary-rows b{font-size:11px}.invoice-summary-rows strong{font-size:18px;color:#0f5f9f}.discount-input-row label{display:flex;align-items:center;gap:4px}.discount-input-row input{width:110px;border:1px solid var(--line);border-radius:9px;padding:7px;text-align:center}.discount-input-row small{font-size:8px;color:var(--muted)}
.payment-type-box{margin-top:15px}.payment-type-box>label,.summary-field{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.summary-field{margin-top:14px}.summary-field input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}.summary-field input:disabled{background:#f3f5f7;color:#99a8b7}
.remaining-box{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:13px;margin-top:13px}.remaining-box.paid{background:#eaf8f0;color:#177343}.remaining-box.due{background:#fff1f1;color:#a62f2f}.remaining-box span{font-size:10px}.remaining-box strong{font-size:16px}.invoice-actions{display:flex;flex-direction:column;gap:8px;margin-top:15px}
.sales-history-list{display:flex;flex-direction:column}.sales-history-row{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line)}.sales-history-row b,.sales-history-row small,.sales-history-row strong,.sales-history-row span{display:block}.sales-history-row b{font-size:10px}.sales-history-row small{font-size:8px;color:var(--muted);margin-top:4px}.sales-history-row strong{font-size:10px;text-align:left}.sales-history-row .badge{margin-top:5px}
.sale-search-empty{text-align:center;padding:18px;color:var(--muted);font-size:10px}.sale-success-modal{position:fixed;inset:0;background:rgba(4,19,35,.57);z-index:150;display:grid;place-items:center;padding:18px}.sale-success-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:25px;text-align:center}.sale-success-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e6f7ed;color:#177343;font-size:30px;font-weight:900;margin:0 auto 14px}.sale-success-card h3{margin:0}.sale-success-card p{color:var(--muted);font-size:11px;line-height:1.8}
@media(max-width:1050px){.sales-layout{grid-template-columns:1fr}.sales-summary-card{position:static}}@media(max-width:760px){.sales-customer-results{grid-template-columns:1fr}.product-search-card{grid-template-columns:36px 1fr 24px}.product-card-price{grid-column:2;text-align:right}.sales-cart-head{display:none}.sales-cart-row{grid-template-columns:1fr 90px 120px 28px}.cart-product{grid-column:1/-1}.cart-line-total{grid-column:1/3}.sales-head{align-items:flex-start;flex-direction:column}.invoice-number-card{width:100%}}


/* Invoice QR and original invoice viewer */
.sale-success-qr{display:grid;place-items:center;margin:13px auto 7px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;width:max-content}
.sale-success-qr svg,.history-qr svg,.invoice-record-qr svg{display:block}
.qr-help{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}
.sales-history-row{display:block}
.sales-history-main{display:flex;justify-content:space-between;gap:10px}
.sales-history-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px dashed var(--line)}
.history-qr{width:58px;height:58px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center}
.history-qr svg{width:58px;height:58px}
.invoice-record-modal{position:fixed;inset:0;z-index:300;background:rgba(3,16,29,.7);display:grid;place-items:center;padding:18px;overflow:auto}
.invoice-record-card{width:min(980px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.3);padding:24px;color:#14283c}
.invoice-record-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:2px solid #0f5f9f}
.invoice-record-brand{display:flex;align-items:center;gap:12px}.invoice-record-brand h2{margin:0;font-size:21px}.invoice-record-brand p{margin:4px 0 0;color:var(--muted);font-size:10px}
.invoice-record-number{text-align:left;background:#071b33;color:#fff;padding:12px 16px;border-radius:14px;min-width:170px}.invoice-record-number span,.invoice-record-number small{display:block;font-size:9px;opacity:.72}.invoice-record-number strong{display:block;margin:5px 0;font-size:18px;direction:ltr}
.invoice-verification{display:flex;align-items:center;gap:11px;background:#eaf8f0;color:#176d43;border:1px solid #c5ead4;border-radius:13px;padding:11px 13px;margin:16px 0}.invoice-verification>span{width:28px;height:28px;border-radius:9px;background:#d2f0df;display:grid;place-items:center;font-weight:900}.invoice-verification b{font-size:11px}.invoice-verification p{margin:3px 0 0;font-size:9px}
.invoice-record-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.invoice-record-meta>div{background:#f7fafc;border:1px solid var(--line);border-radius:11px;padding:10px}.invoice-record-meta span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.invoice-record-meta b{font-size:10px}
.invoice-record-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.invoice-record-table{width:100%;border-collapse:collapse;min-width:720px}.invoice-record-table th{background:#071b33;color:#fff;font-size:9px;text-align:right;padding:11px}.invoice-record-table td{font-size:10px;padding:11px;border-bottom:1px solid var(--line)}.invoice-record-table td small{display:block;color:var(--muted);font-size:8px;margin-top:4px}
.invoice-record-bottom{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-top:18px}.invoice-record-notes{border:1px solid var(--line);border-radius:13px;padding:13px}.invoice-record-notes>span{display:block;color:var(--muted);font-size:9px}.invoice-record-notes p{font-size:10px;line-height:1.8;min-height:45px}.invoice-readonly-note{background:#fff7e8;color:#8b5b00;border-radius:9px;padding:8px;font-size:9px}
.invoice-record-totals{border:1px solid var(--line);border-radius:13px;padding:10px 14px}.invoice-record-totals>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.invoice-record-totals>div:last-child{border-bottom:0}.invoice-record-totals span{font-size:9px;color:var(--muted)}.invoice-record-totals b{font-size:10px}.invoice-record-totals .grand strong{font-size:17px;color:#0f5f9f}
.invoice-record-footer{display:grid;grid-template-columns:130px 1fr auto;gap:13px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px dashed #aabccc}.invoice-record-qr{width:130px;height:130px}.invoice-record-footer b,.invoice-record-footer small{display:block}.invoice-record-footer b{font-size:11px}.invoice-record-footer small{font-size:9px;color:var(--muted);margin-top:5px;direction:ltr;text-align:right}.invoice-record-buttons{display:flex;gap:8px}
.invoice-access-error{width:min(430px,95vw);background:#fff;border-radius:20px;padding:28px;text-align:center}.invoice-access-icon{width:58px;height:58px;border-radius:50%;background:#fff0f0;color:#b42c2c;display:grid;place-items:center;font-size:28px;font-weight:900;margin:0 auto 13px}.invoice-access-error h3{margin:0}.invoice-access-error p{font-size:10px;line-height:1.8;color:var(--muted);margin:9px 0 17px}
@media(max-width:760px){
  .invoice-record-card{padding:15px}.invoice-record-header{align-items:flex-start;flex-direction:column}.invoice-record-number{width:100%;text-align:right}
  .invoice-record-meta{grid-template-columns:1fr 1fr}.invoice-record-bottom{grid-template-columns:1fr}.invoice-record-footer{grid-template-columns:100px 1fr}.invoice-record-qr,.invoice-record-qr svg{width:100px;height:100px}.invoice-record-buttons{grid-column:1/-1}.invoice-record-buttons button{flex:1}
}
@media print{
  body *{visibility:hidden!important}
  .invoice-record-modal,.invoice-record-modal *{visibility:visible!important}
  .invoice-record-modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;display:block!important;overflow:visible!important}
  .invoice-record-card{width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border-radius:0!important;padding:12mm!important}
  .invoice-record-buttons{display:none!important}
}

/* MajdTel V10.16.48 — Telegram operations center and secure identity review */
@media screen{
  .v101648-tg-modal{padding:18px;background:rgba(4,18,31,.76);backdrop-filter:blur(8px)}
  .v101648-tg-card{width:min(850px,calc(100vw - 36px));max-width:850px;max-height:calc(100vh - 36px);padding:0!important;overflow:auto!important;border:1px solid rgba(255,255,255,.12);border-radius:24px!important;background:var(--card,#fff)!important;box-shadow:0 28px 100px rgba(2,20,36,.35)}
  .v101648-tg-card.wide{width:min(1120px,calc(100vw - 36px));max-width:1120px}
  .v101648-tg-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;color:#fff;background:linear-gradient(120deg,#071d34,#0e5f83 64%,#17a8a5)}
  .v101648-tg-head h3{margin:4px 0!important;color:#fff!important;font-size:21px!important}.v101648-tg-head p{margin:0!important;color:#d4e6ee!important}.v101648-tg-head .eyebrow{color:#75e0d4!important}.v101648-tg-head .icon-btn{color:#fff!important;border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.1)!important}
  .v101648-method-list,.v101648-tg-body{display:grid;gap:14px;padding:18px}
  .v101648-method-card{overflow:hidden;border:1px solid var(--line,#d9e2e8);border-radius:17px;background:var(--card,#fff);box-shadow:0 7px 20px rgba(16,54,82,.06)}
  .v101648-method-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line,#d9e2e8);background:linear-gradient(110deg,#f8fbfd,#eef7f8)}
  .v101648-method-title b,.v101648-method-title small{display:block}.v101648-method-title b{color:#173047;font-size:15px}.v101648-method-title small{margin-top:4px;color:#60778a}.v101648-method-card .form-grid{padding:16px}.v101648-method-card textarea{min-height:72px}.v101648-method-card .modal-actions{margin:0!important;padding:13px 16px!important;border-top:1px solid var(--line,#d9e2e8)}
  .v101648-remove{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;gap:8px!important;min-height:42px;padding:9px 11px;border:1px solid #e0e7ec;border-radius:11px;background:#f8fafb}.v101648-remove input{width:18px!important;min-height:18px!important}
  .v101648-tabs{position:sticky;top:90px;z-index:4;display:flex;gap:7px;padding:11px 18px;border-bottom:1px solid var(--line,#d9e2e8);background:color-mix(in srgb,var(--card,#fff) 95%,transparent);backdrop-filter:blur(9px)}.v101648-tabs button{flex:1;min-height:39px}
  .v101648-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 17px;border:1px solid #d6e4eb;border-radius:15px;background:linear-gradient(110deg,#f8fcfe,#edf6fa)}.v101648-section-head h4{margin:0 0 4px;color:#16344c;font-size:16px}.v101648-section-head p{margin:0;color:#5e7688}
  .v101648-list{display:grid;gap:9px}.v101648-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 15px;border:1px solid var(--line,#dae3e9);border-radius:14px;background:var(--card,#fff)}.v101648-list b,.v101648-list small,.v101648-list p{display:block}.v101648-list small{margin-top:4px;color:#6b7f8f}.v101648-list p{margin:5px 0 0;color:#3f596d}.v101648-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .v101648-editor{padding:2px}.v101648-editor>.form-grid{margin-top:13px;padding:16px;border:1px solid var(--line,#dae3e9);border-radius:15px;background:var(--card,#fff)}.v101648-editor textarea{min-height:140px;resize:vertical}.v101648-editor .modal-actions{margin-top:12px!important}
  .v101648-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v101648-summary>div{padding:14px;border:1px solid #d7e2e8;border-radius:14px;background:#f6f9fb}.v101648-summary span,.v101648-summary b{display:block}.v101648-summary span{color:#61788b}.v101648-summary b{margin-top:6px;color:#17364e;font-size:21px}.v101648-summary .sent{border-color:#bce7d7;background:#edfaf5}.v101648-summary .sent b{color:#0b8965}.v101648-summary .failed{border-color:#f0c4c7;background:#fff1f2}.v101648-summary .failed b{color:#bd3b46}.v101648-report-actions{display:flex;justify-content:flex-end;gap:8px}
  .v101648-history{display:grid;gap:8px;padding:14px;border:1px solid var(--line,#dae3e9);border-radius:15px;background:var(--card,#fff)}.v101648-history>h4{margin:0 0 4px}.v101648-history>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 12px;border:1px solid #e1e8ed;border-radius:11px;background:#f9fbfc}.v101648-history b,.v101648-history small{display:block}.v101648-history small{margin-top:3px;color:#657b8d}.v101648-history p{grid-column:1/-1;margin:0;color:#40586a}.v101648-history button{justify-self:end}
  .telegram-review-photo{max-height:66vh;object-fit:contain;border:1px solid #dce5ea;border-radius:13px;background:#f5f7f8}
}
@media screen and (max-width:760px){
  .v101648-tg-modal{align-items:end;padding:0}.v101648-tg-card,.v101648-tg-card.wide{width:100%;max-width:none;max-height:96vh;border-radius:21px 21px 0 0!important}.v101648-tg-head{padding:16px}.v101648-tabs{top:82px;overflow:auto}.v101648-tabs button{flex:0 0 auto}.v101648-method-list,.v101648-tg-body{padding:12px}.v101648-method-card .form-grid,.v101648-editor>.form-grid{grid-template-columns:1fr}.v101648-method-card .full,.v101648-editor .full{grid-column:auto}.v101648-list>article{grid-template-columns:1fr}.v101648-row-actions{justify-content:flex-start}.v101648-summary{grid-template-columns:1fr 1fr}.v101648-history>article{grid-template-columns:1fr}.v101648-history>article>.badge{justify-self:start}
}

/* =====================================================================
   MajdTel Unified V10.5 — professional trial-day workspace
   ===================================================================== */
:root{
  --v105-ink:#102234;
  --v105-soft:#f4f7fa;
  --v105-gold:#d9a928;
  --v105-green:#16845b;
  --v105-red:#c44949;
  --v105-blue:#247bb6;
}
*{scrollbar-width:thin;scrollbar-color:#b8c5cf transparent}
body{color:var(--v105-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app-shell{grid-template-columns:252px minmax(0,1fr)}
.sidebar{padding:17px 11px;border-left:1px solid rgba(255,255,255,.06);box-shadow:8px 0 34px rgba(9,24,39,.14)}
.side-head{padding:5px 10px 18px}.side-head .logo:has(img){width:82px;height:49px}.side-head strong{font-size:14px;letter-spacing:.2px}
.nav-item{min-height:43px;padding:10px 13px;margin:3px 6px;border-radius:11px;font-weight:700;font-size:12px}
.nav-item.active{box-shadow:inset -3px 0 0 var(--v101-accent,#d9a928),0 7px 18px rgba(0,0,0,.12)}
.topbar{min-height:70px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);box-shadow:0 4px 18px rgba(18,42,64,.035)}
.content{width:100%;max-width:1680px;margin:0 auto;padding:23px 26px 38px}
.card,.welcome{border-radius:16px;box-shadow:0 8px 24px rgba(20,43,67,.055)}
.card-head{padding:17px 18px}.card-head h3{letter-spacing:-.1px}
button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}
.primary,.secondary,.confirm,.cancel{min-height:42px;border-radius:11px;font-weight:800;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}
.primary:hover,.secondary:hover,.confirm:hover{transform:translateY(-1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--v101-primary,#247bb6) 30%,transparent);outline-offset:2px}
input,select,textarea{min-height:43px}
.telegram-selection-hint{margin:0 0 14px;padding:10px 13px;border-radius:10px;background:#eef6fb;color:#38617d;font-size:11px;line-height:1.7}

.v105-dashboard,.v105-sales-daily{display:flex;flex-direction:column;gap:16px}
.v105-dashboard-hero,.v105-sales-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 27px;border-radius:21px;background:linear-gradient(128deg,var(--v101-secondary,#0a2136),color-mix(in srgb,var(--v101-secondary,#0a2136) 72%,var(--v101-primary,#247bb6)));color:#fff;box-shadow:0 16px 42px rgba(9,31,49,.17)}
.v105-dashboard-hero::after,.v105-sales-hero::after{content:"";position:absolute;left:-60px;bottom:-115px;width:330px;height:230px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018);pointer-events:none}
.v105-dashboard-hero>div,.v105-sales-hero>div{position:relative;z-index:1}.v105-dashboard-hero h2,.v105-sales-hero h2{font-size:27px;margin:11px 0 7px}.v105-dashboard-hero p,.v105-sales-hero p{margin:0;color:#bed0dd;font-size:12px;line-height:1.8}
.v105-live-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;color:#e6f2f8}.v105-live-chip i{width:7px;height:7px;border-radius:50%;background:#45d18e;box-shadow:0 0 0 5px rgba(69,209,142,.12)}
.v105-hero-status,.v105-shift-pill{display:flex;align-items:center;gap:11px;min-width:215px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(5,19,30,.24)}
.v105-hero-status>span{font-size:19px}.v105-hero-status.open>span,.v105-shift-pill.open>i{color:#50d996}.v105-hero-status.closed>span,.v105-shift-pill.closed>i{color:#efc75b}.v105-hero-status b,.v105-hero-status small,.v105-shift-pill b,.v105-shift-pill small{display:block}.v105-hero-status b,.v105-shift-pill b{font-size:12px}.v105-hero-status small,.v105-shift-pill small{margin-top:5px;color:#b7c8d4;font-size:9px}.v105-shift-pill i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(255,255,255,.08)}
.v105-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v105-kpi-grid article{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;min-height:104px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 7px 22px rgba(22,45,68,.045)}
.v105-kpi-grid article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;font-size:19px}.v105-kpi-grid .green{background:#e8f8f0;color:var(--v105-green)}.v105-kpi-grid .red{background:#fff0ef;color:var(--v105-red)}.v105-kpi-grid .blue{background:#eaf5fc;color:var(--v105-blue)}.v105-kpi-grid .amber{background:#fff7e2;color:#a27107}.v105-kpi-grid small,.v105-kpi-grid strong,.v105-kpi-grid em{display:block}.v105-kpi-grid small{color:var(--muted);font-size:10px}.v105-kpi-grid strong{font-size:19px;margin:5px 0}.v105-kpi-grid em{font-style:normal;color:#8595a3;font-size:9px}
.v105-balance-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.v105-balance-grid article{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--card) 96%,var(--v101-primary,#247bb6))}.v105-balance-grid article>span{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--v101-primary,#247bb6) 10%,var(--card));color:var(--v101-primary,#247bb6);display:grid;place-items:center;font-weight:900}.v105-balance-grid small,.v105-balance-grid b{display:block}.v105-balance-grid small{font-size:8px;color:var(--muted)}.v105-balance-grid b{margin-top:4px;font-size:10px;white-space:nowrap}
.v105-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.v105-actions-card,.v105-alerts-card,.v105-activity-card{overflow:hidden}
.v105-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px}.v105-quick-action{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;min-height:72px;padding:12px;text-align:right;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--card) 96%,var(--v101-primary,#247bb6));cursor:pointer;transition:.14s}.v105-quick-action:hover{border-color:color-mix(in srgb,var(--v101-primary,#247bb6) 36%,var(--line));background:color-mix(in srgb,var(--card) 91%,var(--v101-primary,#247bb6));transform:translateY(-2px)}.v105-quick-action>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--card);box-shadow:0 5px 13px rgba(20,45,66,.07);font-size:18px}.v105-quick-action b,.v105-quick-action small{display:block}.v105-quick-action b{font-size:11px;color:var(--ink)}.v105-quick-action small{font-size:8px;color:var(--muted);margin-top:4px}.v105-quick-action i{font-style:normal;color:#8ca0ae;font-size:20px}
.v105-alert-list{padding:10px 15px 15px}.v105-alert-list>button,.v105-task-list>button{width:100%;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:11px 0;text-align:right;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.v105-alert-list>button:last-child,.v105-task-list>button:last-child{border:0}.v105-alert-list>button>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900}.v105-alert-list .amber{background:#fff6df;color:#9c6b00}.v105-alert-list .red{background:#fff0f0;color:#b83a3a}.v105-alert-list .blue{background:#eaf5fc;color:#247bb6}.v105-alert-list b,.v105-alert-list small{display:block}.v105-alert-list b{font-size:10px}.v105-alert-list small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.6}
.v105-activity-list{padding:5px 16px 13px}.v105-activity-list>div:not(.v105-empty-state){display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.v105-activity-list>div:last-child{border-bottom:0}.v105-activity-list>div>span{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--v101-primary,#247bb6) 10%,var(--card));color:var(--v101-primary,#247bb6);display:grid;place-items:center}.v105-activity-list b,.v105-activity-list small{display:block}.v105-activity-list b{font-size:10px}.v105-activity-list small{color:var(--muted);font-size:8px;margin-top:4px}.v105-activity-list time{font-size:9px;color:#82919e;white-space:nowrap}
.v105-empty-state{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;text-align:center;min-height:120px;padding:18px!important;border:0!important}.v105-empty-state>span{width:37px!important;height:37px!important;border-radius:50%!important;background:#e8f8f0!important;color:var(--v105-green)!important;display:grid!important;place-items:center;margin-bottom:9px}.v105-empty-state b{font-size:11px}.v105-empty-state p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.7}
.v105-employee-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v105-employee-kpis article{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.v105-employee-kpis small,.v105-employee-kpis b{display:block}.v105-employee-kpis small{font-size:9px;color:var(--muted)}.v105-employee-kpis b{font-size:16px;margin-top:7px}.v105-employee-actions{overflow:hidden}.v105-task-list{padding:6px 15px 13px}.v105-task-list>button>span{width:9px;height:9px;border-radius:50%;margin-inline:auto}.v105-task-list .red{background:var(--v105-red)}.v105-task-list .amber{background:#e0a51d}.v105-task-list .blue{background:var(--v105-blue)}.v105-task-list b,.v105-task-list small{display:block}.v105-task-list b{font-size:10px}.v105-task-list small{font-size:8px;color:var(--muted);margin-top:4px}

/* Faster-looking, cleaner entry points with the same approved identity. */
.approved-login{background:radial-gradient(circle at 50% 38%,rgba(232,186,66,.09),transparent 32%),linear-gradient(140deg,#18232d,#2a3036 55%,#151b21)}
.approved-login-card{border-color:rgba(236,202,91,.26);background:linear-gradient(180deg,rgba(55,61,67,.96),rgba(36,41,46,.98));box-shadow:0 24px 58px rgba(0,0,0,.32);backdrop-filter:none}
.approved-login-btn{transition:transform .13s ease,filter .13s ease}.approved-login-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.floating-time-card{backdrop-filter:none;background:rgba(26,31,36,.78)}
.public-store-services article{backdrop-filter:none;transition:transform .15s ease,border-color .15s ease}.public-store-services article:hover{transform:translateY(-3px);border-color:rgba(255,205,48,.28)}
.topbar{backdrop-filter:none}

@media(max-width:1250px){.v105-balance-grid{grid-template-columns:repeat(3,1fr)}.v105-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.app-shell{grid-template-columns:78px 1fr}.v105-main-grid{grid-template-columns:1fr}.v105-quick-grid{grid-template-columns:repeat(2,1fr)}.v105-employee-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.content{padding:14px 13px 28px}.v105-dashboard-hero,.v105-sales-hero{align-items:flex-start;flex-direction:column;padding:20px}.v105-hero-status,.v105-shift-pill{width:100%;min-width:0}.v105-kpi-grid,.v105-balance-grid,.v105-employee-kpis{grid-template-columns:1fr 1fr}.v105-quick-grid{grid-template-columns:1fr}.v105-dashboard-hero h2,.v105-sales-hero h2{font-size:22px}.telegram-notification-checks{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.app-shell{grid-template-columns:1fr}.v105-kpi-grid,.v105-balance-grid,.v105-employee-kpis{grid-template-columns:1fr}.v105-activity-list>div:not(.v105-empty-state){grid-template-columns:35px 1fr}.v105-activity-list time{grid-column:2}.telegram-notification-checks{grid-template-columns:1fr}.approved-login{padding:18px 12px}.floating-time-card{top:12px;right:12px;width:auto;padding:10px 13px}.floating-time-row strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Mobile repair phase 7 */
.repair-page-head{align-items:center}.repair-head-actions{display:flex;gap:8px}.repair-board{display:flex;flex-direction:column;gap:18px}
.repair-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 220px 120px;gap:12px;align-items:center;padding:13px}
.repair-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:#fafcfe;padding:0 12px}.repair-search input{border:0;background:transparent;outline:none;padding:12px 0;width:100%;font:inherit}
.repair-toolbar select{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;font:inherit}.repair-counter span{display:block;color:var(--muted);font-size:9px}.repair-counter b{font-size:20px}
.repair-board-layout{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(0,1.35fr);gap:18px}.repair-list-card{height:max-content}.repair-list{max-height:calc(100vh - 250px);overflow:auto}
.repair-list-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 150px;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right;padding:13px 15px;cursor:pointer}.repair-list-row:hover,.repair-list-row.selected{background:#f2f8ff}.repair-list-icon{width:40px;height:40px;border-radius:12px;background:#eaf5ff;display:grid;place-items:center}.repair-list-main>div{display:flex;align-items:center;gap:7px}.repair-list-main h4{margin:5px 0 3px;font-size:11px}.repair-list-main p{margin:0;color:var(--muted);font-size:9px}.repair-list-meta{text-align:left}.repair-list-meta b,.repair-list-meta small{display:block}.repair-list-meta b{font-size:9px}.repair-list-meta small{font-size:8px;color:var(--muted);margin-top:5px}
.repair-detail-card{padding:18px;height:max-content}.repair-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.repair-detail-head h3{margin:3px 0}.repair-detail-head p{margin:0;color:var(--muted)}.large-badge{font-size:10px;padding:8px 11px}
.repair-customer-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.repair-customer-strip>div,.repair-info-grid>div{background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:10px}.repair-customer-strip span,.repair-info-grid span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.repair-customer-strip b,.repair-info-grid b{font-size:10px}
.repair-quick-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.repair-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.repair-info-grid .wide{grid-column:1/-1}
.repair-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.repair-section .section-title span{color:var(--muted);font-size:10px}.technician-form textarea{min-height:75px}
.repair-type-field,.repair-accessories-field{border:1px solid var(--line);border-radius:12px;padding:11px}.repair-type-field legend{padding:0 7px;font-size:10px;font-weight:800}.repair-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}
.repair-approval{display:flex;justify-content:space-between;gap:12px;align-items:center;border-radius:13px;padding:12px;margin-top:16px}.repair-approval.pending{background:#fff7e8;color:#8b5d05}.repair-approval.approved{background:#eaf8f0;color:#176d43}.repair-approval b{font-size:11px}.repair-approval p{font-size:9px;margin:4px 0 0}.repair-approval>div:last-child{display:flex;align-items:center;gap:8px}
.delivery-box{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.delivery-box label{font-size:9px;font-weight:800}.delivery-box input,.delivery-box textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:9px;font:inherit}.delivery-box .wide{grid-column:1/-1}.delivery-complete,.delivery-wait{display:flex;align-items:center;gap:10px;border-radius:12px;padding:12px}.delivery-complete{background:#eaf8f0;color:#176d43}.delivery-wait{background:#f5f8fb;color:var(--muted)}.delivery-complete>span{width:28px;height:28px;border-radius:9px;background:#d1efde;display:grid;place-items:center}.delivery-complete button{margin-right:auto}.delivery-complete b{font-size:11px}.delivery-complete p,.delivery-wait p{font-size:9px;margin:4px 0 0}
.repair-history{display:flex;flex-direction:column;gap:10px}.repair-history>div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:start}.history-dot{width:9px;height:9px;background:#2b82cb;border-radius:50%;margin-top:4px}.repair-history b{font-size:10px}.repair-history p{font-size:9px;color:var(--muted);margin:4px 0 0}.repair-history small{font-size:8px;color:var(--muted)}
.new-repair-card{max-width:1050px;margin:auto}.repair-intake-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.repair-intake-grid section{border:1px solid var(--line);border-radius:14px;padding:14px}.repair-intake-grid h4{margin:0 0 12px}.block-field{display:block;font-size:10px;font-weight:800;margin-top:10px}.block-field textarea{display:block;width:100%;margin-top:6px;min-height:80px;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}.repair-intake-error{background:#fff0f0;color:#a92e2e;border-radius:10px;padding:10px;margin-top:12px;font-size:10px}
.repair-empty{text-align:center;color:var(--muted);padding:35px;font-size:10px}
.repair-receipt-modal{position:fixed;inset:0;z-index:350;background:rgba(3,16,29,.68);display:grid;place-items:center;padding:18px}.repair-receipt-card{width:min(680px,100%);background:#fff;border-radius:20px;padding:20px}.repair-receipt-head{display:flex;align-items:center;gap:11px}.repair-receipt-head h3{margin:0}.repair-receipt-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.repair-receipt-head button{margin-right:auto}.repair-receipt-number{background:#071b33;color:#fff;border-radius:12px;padding:10px 13px;margin:15px 0}.repair-receipt-number span{display:block;font-size:8px;opacity:.7}.repair-receipt-number b{display:block;font-size:18px;margin-top:4px}.repair-receipt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.repair-receipt-grid>div{background:#f7fafc;border:1px solid var(--line);border-radius:10px;padding:9px}.repair-receipt-grid .wide{grid-column:1/-1}.repair-receipt-grid span{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.repair-receipt-grid b{font-size:10px}
@media(max-width:1000px){.repair-board-layout{grid-template-columns:1fr}.repair-list{max-height:420px}.repair-intake-grid{grid-template-columns:1fr}}@media(max-width:680px){.repair-toolbar{grid-template-columns:1fr}.repair-counter{display:none}.repair-customer-strip,.repair-info-grid,.delivery-box,.repair-receipt-grid{grid-template-columns:1fr}.repair-info-grid .wide,.delivery-box .wide,.repair-receipt-grid .wide{grid-column:auto}.repair-list-row{grid-template-columns:40px 1fr}.repair-list-meta{grid-column:2;text-align:right}.repair-page-head{align-items:flex-start;flex-direction:column}.repair-head-actions{width:100%}.repair-head-actions button{flex:1}}


/* Internet services & maintenance phase 8 */
.internet-page-head{align-items:center}.internet-head-actions{display:flex;gap:8px}
.internet-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}
.internet-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;white-space:nowrap;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.internet-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.internet-overview{display:flex;flex-direction:column;gap:18px}.internet-stats{margin-bottom:0}
.internet-request-mini-list,.subscriber-alert-list,.subscriber-request-history{display:flex;flex-direction:column}
.internet-mini-request,.subscriber-alert-list button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:right;border:0;border-bottom:1px solid var(--line);background:#fff;padding:12px 15px;cursor:pointer}
.internet-mini-request:hover,.subscriber-alert-list button:hover{background:#f4f9fd}
.request-kind-icon,.subscriber-alert-icon{width:36px;height:36px;border-radius:11px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-size:17px;font-weight:900}
.internet-mini-request b,.internet-mini-request p,.internet-mini-request small,.subscriber-alert-list b,.subscriber-alert-list p{display:block}.internet-mini-request b,.subscriber-alert-list b{font-size:10px}.internet-mini-request p,.subscriber-alert-list p{font-size:9px;color:var(--muted);margin:4px 0 0}.internet-mini-request>div:last-child{text-align:left}.internet-mini-request small{font-size:8px;color:var(--muted);margin-top:5px}.subscriber-alert-list strong{font-size:10px;color:#ae3131}
.internet-quick-card{overflow:hidden}.internet-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:15px}.internet-quick-grid button{border:1px solid var(--line);background:#f9fbfd;border-radius:13px;padding:14px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.internet-quick-grid button:hover{background:#eef7ff;border-color:#b7d7f0}.internet-quick-grid span{font-size:22px}.internet-quick-grid b{font-size:10px}
.internet-search-bar{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;padding:13px;margin-bottom:18px}
.subscriber-layout{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(0,1.2fr);gap:18px}.subscriber-list-card{height:max-content}.subscriber-list{max-height:calc(100vh - 260px);overflow:auto}
.subscriber-list-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 115px;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right;padding:13px 15px;cursor:pointer}.subscriber-list-row:hover,.subscriber-list-row.selected{background:#f2f8ff}.subscriber-avatar{width:40px;height:40px;border-radius:12px;background:#e8f3ff;color:#176fc2;display:grid;place-items:center;font-weight:900}.subscriber-avatar.large{width:58px;height:58px;border-radius:18px;font-size:21px}.subscriber-list-row b,.subscriber-list-row p,.subscriber-list-row small{display:block}.subscriber-list-row>div:nth-child(2)>b{font-size:10px}.subscriber-list-row p{font-size:8px;color:var(--muted);margin:4px 0}.subscriber-list-row small{font-size:8px;color:var(--muted)}.subscriber-row-meta{text-align:left}.subscriber-row-meta b{font-size:11px;margin:5px 0}
.subscriber-detail{padding:18px;height:max-content}.subscriber-detail-head{display:flex;align-items:center;gap:12px}.subscriber-detail-head>div:nth-child(2){flex:1}.subscriber-detail-head h3{margin:3px 0}.subscriber-detail-head p{margin:0;color:var(--muted)}
.internet-warning{display:flex;gap:10px;align-items:center;background:#fff3e8;color:#955600;border:1px solid #ffddba;border-radius:13px;padding:11px;margin:14px 0}.internet-warning>span{width:28px;height:28px;border-radius:9px;background:#ffe6c9;display:grid;place-items:center;font-weight:900}.internet-warning b{font-size:10px}.internet-warning p{font-size:9px;margin:4px 0 0}
.subscriber-quick-actions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.subscriber-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.subscriber-info-grid>div{background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:10px}.subscriber-info-grid .wide{grid-column:1/-1}.subscriber-info-grid span{display:block;color:var(--muted);font-size:8px;margin-bottom:5px}.subscriber-info-grid b{font-size:9px}.subscriber-notes{background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:11px;font-size:10px;line-height:1.8}
.internet-form-card{max-width:1100px;margin:auto}.internet-form-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.internet-form-sections section{border:1px solid var(--line);border-radius:14px;padding:14px}.internet-form-sections h4{margin:0 0 12px}.internet-addon-box{border:1px solid var(--line);border-radius:11px;padding:10px;margin-top:12px}.internet-addon-box legend{padding:0 7px;font-size:9px;font-weight:800}.internet-form-note{background:#edf7ff;color:#1b639a;border-radius:11px;padding:12px;font-size:9px;line-height:1.8}
.internet-work-layout{display:grid;grid-template-columns:minmax(370px,.85fr) minmax(0,1.25fr);gap:18px;margin-top:18px}.internet-work-list{height:max-content}.internet-work-list>div:last-child{max-height:calc(100vh - 300px);overflow:auto}.internet-work-row{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 100px;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right;padding:13px;cursor:pointer}.internet-work-row:hover,.internet-work-row.selected{background:#f2f8ff}.internet-work-row>div:nth-child(2)>div{display:flex;gap:7px;align-items:center}.internet-work-row h4{margin:5px 0 3px;font-size:10px}.internet-work-row p{font-size:8px;color:var(--muted);margin:0}.internet-work-meta{text-align:left}.internet-work-meta b,.internet-work-meta small{display:block}.internet-work-meta b{font-size:9px}.internet-work-meta small{font-size:8px;color:var(--muted);margin-top:5px}.internet-work-detail{padding:18px;height:max-content}
.internet-payment-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:18px}.payment-due-list{display:flex;flex-direction:column}.payment-due-list button{display:flex;justify-content:space-between;gap:10px;text-align:right;border:0;border-bottom:1px solid var(--line);background:#fff;padding:13px 15px;cursor:pointer}.payment-due-list button:hover{background:#f4f9fd}.payment-due-list b,.payment-due-list p,.payment-due-list strong,.payment-due-list span{display:block}.payment-due-list b{font-size:10px}.payment-due-list p{font-size:8px;color:var(--muted);margin:4px 0 0}.payment-due-list strong{font-size:10px;text-align:left}.payment-due-list .badge{margin-top:5px}
.internet-empty{text-align:center;padding:28px;color:var(--muted);font-size:10px}.internet-empty.small{padding:15px}
@media(max-width:1050px){.subscriber-layout,.internet-work-layout,.internet-payment-layout{grid-template-columns:1fr}.subscriber-list,.internet-work-list>div:last-child{max-height:420px}.internet-form-sections{grid-template-columns:1fr}.internet-quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.internet-page-head{align-items:flex-start;flex-direction:column}.internet-head-actions{width:100%}.internet-head-actions button{flex:1}.internet-search-bar,.repair-toolbar{grid-template-columns:1fr}.subscriber-info-grid{grid-template-columns:1fr}.subscriber-info-grid .wide{grid-column:auto}.subscriber-list-row,.internet-work-row{grid-template-columns:40px 1fr}.subscriber-row-meta,.internet-work-meta{grid-column:2;text-align:right}.internet-quick-grid{grid-template-columns:repeat(2,1fr)}}


/* Internet POS invoice & first-time fee phase 9 */
#installFreeReasonField textarea{min-height:78px}
.internet-pos-modal{position:fixed;inset:0;z-index:420;background:rgba(3,16,29,.72);display:grid;place-items:start center;padding:22px;overflow:auto}
.internet-pos-shell{width:min(430px,100%)}
.internet-pos-toolbar{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
.internet-pos-receipt{width:88mm;max-width:100%;margin:auto;background:#fff;color:#000;padding:5mm 4mm;font-family:Arial,Tahoma,sans-serif;border-radius:5px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.pos-brand{text-align:center}.pos-logo{width:40px;height:40px;border:2px solid #000;border-radius:10px;display:grid;place-items:center;font-weight:900;margin:0 auto 6px}.pos-brand h2{margin:0;font-size:20px}.pos-brand p{margin:3px 0 0;font-size:10px}
.pos-divider{border-top:1px dashed #000;margin:9px 0}
.pos-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.pos-title b{font-size:12px}.pos-title span{font-size:10px;direction:ltr}
.pos-info,.pos-service-details,.pos-totals{display:flex;flex-direction:column;gap:6px}.pos-info>div,.pos-service-details>div,.pos-totals>div{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}.pos-info span,.pos-service-details span,.pos-totals span{font-size:9px;color:#333}.pos-info b,.pos-service-details b,.pos-totals b{font-size:9px;text-align:left;max-width:60%;line-height:1.5}
.pos-free-reason{display:block!important;background:#f2f2f2;padding:6px;border-radius:4px}.pos-free-reason span,.pos-free-reason b{display:block;max-width:none!important;text-align:right!important}.pos-free-reason b{margin-top:3px}
.pos-grand-total{border-top:2px solid #000;border-bottom:2px solid #000;padding:7px 0;margin-top:2px}.pos-grand-total span{font-weight:900;font-size:11px}.pos-grand-total strong{font-size:16px}
.pos-notes{border:1px solid #000;padding:6px;margin-top:8px}.pos-notes span{display:block;font-size:8px}.pos-notes p{font-size:9px;line-height:1.5;margin:4px 0 0}
.pos-qr{display:grid;place-items:center;margin:10px auto 2px}.pos-qr svg{display:block;width:38mm;height:38mm}.pos-qr-label{text-align:center;font-size:8px;margin:2px 0}
.pos-footer{text-align:center}.pos-footer b{font-size:10px}.pos-footer p{font-size:8px;margin:4px 0 0}
@page{size:88mm auto;margin:0}
@media print{
  body.printing-internet-pos *{visibility:hidden!important}
  body.printing-internet-pos .internet-pos-modal,
  body.printing-internet-pos .internet-pos-modal *{visibility:visible!important}
  body.printing-internet-pos .internet-pos-modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;display:block!important;overflow:visible!important}
  body.printing-internet-pos .internet-pos-shell{width:88mm!important;margin:0!important}
  body.printing-internet-pos .internet-pos-toolbar{display:none!important}
  body.printing-internet-pos .internet-pos-receipt{width:88mm!important;max-width:88mm!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
}


/* Inventory phase 10 */
.inventory-page-head{align-items:center}.inventory-head-actions{display:flex;gap:8px}
.inventory-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}
.inventory-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;white-space:nowrap;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.inventory-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.inventory-overview{display:flex;flex-direction:column;gap:18px}.inventory-stats{margin-bottom:0}
.inventory-alert-list,.inventory-recent-movements{display:flex;flex-direction:column}
.inventory-alert-list button,.inventory-movement-mini{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right;padding:12px 15px}
.inventory-alert-list button{cursor:pointer}.inventory-alert-list button:hover{background:#f4f9fd}
.inventory-alert-icon,.movement-arrow{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900}
.inventory-alert-icon.low{background:#fff3d7;color:#a66d00}.inventory-alert-icon.out{background:#ffe5e5;color:#b22f2f}
.inventory-alert-list b,.inventory-alert-list p,.inventory-alert-list strong,.inventory-alert-list small,.inventory-movement-mini b,.inventory-movement-mini p,.inventory-movement-mini strong,.inventory-movement-mini small{display:block}
.inventory-alert-list b,.inventory-movement-mini b{font-size:10px}.inventory-alert-list p,.inventory-movement-mini p{font-size:8px;color:var(--muted);margin:4px 0 0}.inventory-alert-list>button>div:last-child,.inventory-movement-mini>div:last-child{text-align:left}.inventory-alert-list strong,.inventory-movement-mini strong{font-size:10px}.inventory-alert-list small,.inventory-movement-mini small{font-size:8px;color:var(--muted);margin-top:4px}
.movement-arrow.in,.movement-arrow.return{background:#e6f7ed;color:#177343}.movement-arrow.out{background:#fff0f0;color:#ad3030}.movement-arrow.adjust{background:#e8f3ff;color:#176fc2}
.inventory-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px}.inventory-category-grid button{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);background:#f9fbfd;border-radius:13px;padding:12px;text-align:right;cursor:pointer}.inventory-category-grid button:hover{background:#eef7ff}.inventory-category-grid>button>span{width:36px;height:36px;border-radius:10px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center}.inventory-category-grid b,.inventory-category-grid p{display:block}.inventory-category-grid b{font-size:10px}.inventory-category-grid p{font-size:8px;color:var(--muted);margin:4px 0 0}.inventory-category-grid strong{font-size:13px}
.inventory-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 170px 170px 90px;gap:10px;align-items:center;padding:13px;margin-bottom:18px}.inventory-toolbar select,.inventory-movements-card .card-head select{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;font:inherit}
.inventory-items-layout{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.2fr);gap:18px}.inventory-products-list-card{height:max-content}.inventory-products-list{max-height:calc(100vh - 270px);overflow:auto}
.inventory-product-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 125px;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right;padding:13px 15px;cursor:pointer}.inventory-product-row:hover,.inventory-product-row.selected{background:#f2f8ff}
.inventory-product-icon{width:40px;height:40px;border-radius:12px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-weight:900}.inventory-product-icon.large{width:58px;height:58px;border-radius:18px;font-size:20px}
.inventory-product-row b,.inventory-product-row p,.inventory-product-row small{display:block}.inventory-product-row>div:nth-child(2)>b{font-size:10px}.inventory-product-row p{font-size:8px;color:var(--muted);margin:4px 0}.inventory-product-row small{font-size:8px;color:var(--muted)}.inventory-product-row-meta{text-align:left}.inventory-product-row-meta strong{display:block;font-size:11px;margin:6px 0}
.inventory-product-detail{padding:18px;height:max-content}.inventory-detail-head{display:flex;align-items:center;gap:12px}.inventory-detail-head>div:nth-child(2){flex:1}.inventory-detail-head h3{margin:3px 0}.inventory-detail-head p{margin:0;color:var(--muted)}
.inventory-quantity-card{display:flex;justify-content:space-between;align-items:center;border-radius:14px;padding:13px 15px;margin:15px 0}.inventory-quantity-card.good{background:#eaf8f0;color:#176d43}.inventory-quantity-card.low{background:#fff6e5;color:#8c5c00}.inventory-quantity-card.out{background:#fff0f0;color:#a92e2e}.inventory-quantity-card span{display:block;font-size:9px}.inventory-quantity-card strong{display:block;font-size:21px;margin-top:3px}.inventory-quantity-card b{font-size:12px}
.inventory-detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.inventory-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.inventory-info-grid>div{background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:10px}.inventory-info-grid span{display:block;color:var(--muted);font-size:8px;margin-bottom:5px}.inventory-info-grid b{font-size:10px}
.inventory-product-movements{display:flex;flex-direction:column}
.inventory-movements-card{overflow:hidden}.inventory-movements-table-wrap{overflow:auto}.inventory-movements-table{width:100%;border-collapse:collapse;min-width:980px}.inventory-movements-table th{background:#071b33;color:#fff;padding:11px;text-align:right;font-size:9px}.inventory-movements-table td{padding:11px;border-bottom:1px solid var(--line);font-size:9px}.inventory-movements-table td b,.inventory-movements-table td small{display:block}.inventory-movements-table td small{font-size:8px;color:var(--muted);margin-top:4px}
.inventory-add-card{max-width:1100px;margin:auto}.inventory-add-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.inventory-add-sections section{border:1px solid var(--line);border-radius:14px;padding:14px}.inventory-add-sections h4{margin:0 0 12px}.inventory-serial-check{background:#f8fbfe;border:1px solid var(--line);border-radius:10px;padding:10px}
.inventory-stock-modal .pin-card{width:min(600px,94vw)}
.inventory-empty{text-align:center;padding:28px;color:var(--muted);font-size:10px}.inventory-empty.small{padding:14px}
.barcode-label-modal{position:fixed;inset:0;z-index:450;background:rgba(3,16,29,.72);display:grid;place-items:center;padding:20px}.barcode-label-shell{width:min(430px,100%)}.barcode-label-toolbar{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.barcode-label{width:58mm;min-height:34mm;background:#fff;color:#000;border-radius:5px;padding:4mm;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.3)}.barcode-label>b,.barcode-label>small,.barcode-label>strong{display:block}.barcode-label>b{font-size:11px}.barcode-label>small{font-size:8px;margin-top:2px}.barcode-label svg{width:100%;height:18mm;display:block;margin:3px 0}.barcode-label>strong{font-size:12px}
@media(max-width:1100px){.inventory-items-layout{grid-template-columns:1fr}.inventory-products-list{max-height:420px}.inventory-category-grid{grid-template-columns:repeat(2,1fr)}.inventory-add-sections{grid-template-columns:1fr}}
@media(max-width:720px){.inventory-page-head{align-items:flex-start;flex-direction:column}.inventory-head-actions{width:100%}.inventory-head-actions button{flex:1}.inventory-toolbar{grid-template-columns:1fr}.inventory-product-row{grid-template-columns:40px 1fr}.inventory-product-row-meta{grid-column:2;text-align:right}.inventory-info-grid{grid-template-columns:1fr}.inventory-category-grid{grid-template-columns:1fr}}
@media print{
  body.printing-barcode-label *{visibility:hidden!important}
  body.printing-barcode-label .barcode-label-modal,
  body.printing-barcode-label .barcode-label-modal *{visibility:visible!important}
  body.printing-barcode-label .barcode-label-modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;display:block!important}
  body.printing-barcode-label .barcode-label-shell{width:58mm!important;margin:0!important}
  body.printing-barcode-label .barcode-label-toolbar{display:none!important}
  body.printing-barcode-label .barcode-label{width:58mm!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
}


/* Purchases phase 11 */
.purchase-page-head{align-items:center}.purchase-head-actions{display:flex;gap:8px}
.purchase-tabs{display:flex;gap:6px;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px;overflow:auto}
.purchase-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.purchase-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.purchase-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.62fr);gap:18px}.purchase-main-column{display:flex;flex-direction:column;gap:18px}.purchase-summary-column{height:max-content}.purchase-summary-card{position:sticky;top:88px}
.purchase-supplier-tabs{display:flex;gap:5px;background:#eef3f8;border-radius:11px;padding:4px;margin-bottom:12px}.purchase-supplier-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 12px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.purchase-supplier-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 2px 8px rgba(20,56,87,.1)}
.purchase-wide-select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff;font:inherit}.purchase-invoice-meta{margin-top:12px}
.purchase-product-results{display:flex;flex-direction:column;gap:7px;margin-top:10px;max-height:330px;overflow:auto}.purchase-product-card{display:grid;grid-template-columns:38px minmax(0,1fr) 150px 24px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:right;padding:10px;cursor:pointer}.purchase-product-card:hover{background:#f5faff;border-color:#65a7dc}.purchase-product-card b,.purchase-product-card small,.purchase-product-card strong,.purchase-product-card span{display:block}.purchase-product-card b{font-size:10px}.purchase-product-card small,.purchase-product-card span{font-size:8px;color:var(--muted);margin-top:4px}.purchase-product-card>div:nth-child(3){text-align:left}
.purchase-cart-head,.purchase-cart-row{display:grid;grid-template-columns:minmax(190px,1fr) 95px 125px 115px 95px 28px;gap:8px;align-items:center;padding:10px 15px}.purchase-cart-head{background:#f5f8fb;color:var(--muted);font-size:9px;border-bottom:1px solid var(--line)}.purchase-cart-row{border-bottom:1px solid var(--line)}.purchase-cart-row b,.purchase-cart-row small{display:block}.purchase-cart-row b{font-size:10px}.purchase-cart-row small{font-size:8px;color:var(--muted);margin-top:4px}.purchase-cart-row input{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;text-align:center;font:inherit}.purchase-cart-row strong{font-size:10px}.purchase-cart-row button{border:0;background:#fff0f0;color:#b53030;border-radius:8px;width:26px;height:26px;cursor:pointer}
.purchase-receive-toggle{display:flex;gap:10px;align-items:flex-start;background:#edf7ff;border:1px solid #cfe6f8;border-radius:12px;padding:11px;margin-top:14px}.purchase-receive-toggle input{margin-top:3px}.purchase-receive-toggle b,.purchase-receive-toggle small{display:block}.purchase-receive-toggle b{font-size:10px}.purchase-receive-toggle small{font-size:8px;color:var(--muted);margin-top:4px}
.purchase-history-list{display:flex;flex-direction:column}.purchase-history-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 150px;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.purchase-history-row b,.purchase-history-row small,.purchase-history-row strong,.purchase-history-row span{display:block}.purchase-history-row b{font-size:10px}.purchase-history-row small{font-size:8px;color:var(--muted);margin-top:4px}.purchase-history-row>div:nth-child(2){text-align:left}.purchase-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.purchase-history-qr{width:58px;height:58px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;overflow:hidden}.purchase-history-qr svg{width:58px;height:58px}
.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.supplier-card{padding:16px}.supplier-card-head{display:flex;align-items:center;gap:10px}.supplier-card-head>div:nth-child(2){flex:1}.supplier-card-head h3{font-size:12px;margin:0}.supplier-card-head p{font-size:8px;color:var(--muted);margin:4px 0 0}.supplier-card-info{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.supplier-card-info>div{background:#f8fbfe;border:1px solid var(--line);border-radius:10px;padding:9px}.supplier-card-info span{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.supplier-card-info b{font-size:9px}
.purchase-record-modal{position:fixed;inset:0;z-index:500;background:rgba(3,16,29,.72);display:grid;place-items:center;padding:18px;overflow:auto}.purchase-record-card{width:min(980px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.3);padding:24px;color:#14283c}
.summary-field select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:inherit}
@media(max-width:1050px){.purchase-layout{grid-template-columns:1fr}.purchase-summary-card{position:static}.supplier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.purchase-page-head{align-items:flex-start;flex-direction:column}.purchase-head-actions{width:100%}.purchase-head-actions button{flex:1}.purchase-cart-head{display:none}.purchase-cart-row{grid-template-columns:1fr 90px 110px 28px}.purchase-cart-row>div:first-child{grid-column:1/-1}.purchase-cart-row strong{grid-column:1}.purchase-history-row{grid-template-columns:1fr}.purchase-history-row>div:nth-child(2){text-align:right}.purchase-history-actions{justify-content:flex-start}.supplier-grid{grid-template-columns:1fr}}


/* Functional cashbox phase 12 */
.cashbox-page-head{align-items:center}.cashbox-head-status{display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 14px;min-width:230px}.cashbox-head-status.open{background:#e8f8ef;color:#176d43}.cashbox-head-status.closed{background:#fff0f0;color:#a92e2e}.cashbox-head-status>span{font-size:18px}.cashbox-head-status b,.cashbox-head-status small{display:block}.cashbox-head-status b{font-size:10px}.cashbox-head-status small{font-size:8px;margin-top:3px}
.cashbox-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}.cashbox-tabs .cash-tab{border:0;background:transparent;border-radius:10px;padding:10px 13px;font:inherit;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.cashbox-tabs .cash-tab.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.cashbox-overview{display:flex;flex-direction:column;gap:18px}.cashbox-stats{margin-bottom:0}.cashbox-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:18px}
.cash-current-shift-card{height:max-content}.cash-shift-owner{display:flex;align-items:center;gap:10px;margin-bottom:13px}.cash-shift-owner b,.cash-shift-owner p{display:block}.cash-shift-owner b{font-size:11px}.cash-shift-owner p{font-size:8px;color:var(--muted);margin:3px 0 0}.cash-shift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cash-shift-grid>div{background:#f8fbfe;border:1px solid var(--line);border-radius:10px;padding:10px}.cash-shift-grid span{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.cash-shift-grid b{font-size:9px}.cash-shift-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
.cashbox-empty-state{text-align:center;padding:35px 20px}.cashbox-empty-state>span{width:52px;height:52px;border-radius:16px;background:#edf5fc;color:#247bc3;display:grid;place-items:center;margin:auto;font-size:22px}.cashbox-empty-state.active>span{background:#e8f8ef;color:#176d43}.cashbox-empty-state h3{margin:12px 0 6px}.cashbox-empty-state p{color:var(--muted);font-size:9px;margin:0 0 13px}
.cash-source-list,.cash-recent-list{display:flex;flex-direction:column}.cash-source-list>div,.cash-movement-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.cash-source-icon,.cash-movement-arrow{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900}.cash-source-icon{background:#eaf5ff;color:#247bc3}.cash-movement-arrow.in{background:#e8f8ef;color:#176d43}.cash-movement-arrow.out{background:#fff0f0;color:#a92e2e}.cash-source-list b,.cash-source-list p,.cash-source-list strong,.cash-source-list small,.cash-movement-card b,.cash-movement-card p,.cash-movement-card strong,.cash-movement-card small{display:block}.cash-source-list b,.cash-movement-card b{font-size:10px}.cash-source-list p,.cash-movement-card p{font-size:8px;color:var(--muted);margin:4px 0 0}.cash-source-list>div>div:last-child,.cash-movement-card>div:last-child{text-align:left}.cash-source-list strong,.cash-source-list small,.cash-movement-card strong{font-size:9px}.cash-source-list small,.cash-movement-card small{margin-top:4px;font-size:8px;color:var(--muted)}
.cashbox-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 130px 170px 150px 130px;gap:9px;align-items:center;padding:13px;margin-bottom:18px}.cashbox-toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:inherit;font-size:9px}.cash-movements-table-card{overflow:hidden}.cash-table-totals{display:flex;gap:14px;font-size:9px}.cash-table-totals b{margin-right:4px}.cash-movements-table{min-width:1100px}.cash-movements-table td b,.cash-movements-table td small{display:block}.cash-movements-table td small{font-size:8px;color:var(--muted);margin-top:3px}
.cash-voucher-card,.cash-open-card,.cash-handover-card{max-width:920px;margin:auto}.cash-voucher-direction{display:flex;gap:5px;background:#eef3f8;border-radius:12px;padding:5px;margin-bottom:16px}.cash-voucher-direction button{flex:1;border:0;background:transparent;border-radius:9px;padding:10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.cash-voucher-direction button.active{background:#fff;color:#176fc2;box-shadow:0 2px 8px rgba(20,56,87,.1)}
.cash-count-page{display:flex;flex-direction:column;gap:18px}.cash-count-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.cash-count-summary>div{background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:10px}.cash-count-summary span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.cash-count-summary b,.cash-count-summary strong{font-size:11px}.cash-count-result{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:14px}.cash-count-result span{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.cash-count-result b{font-size:12px}
.cash-handover-values{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.cash-handover-values>div,.cash-handover-values>label{background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:10px}.cash-handover-values span,.cash-handover-values label{font-size:8px;color:var(--muted)}.cash-handover-values b,.cash-handover-values strong{display:block;font-size:11px;margin-top:5px}.cash-handover-values input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:5px;font:inherit}
.cashbox-reports{display:flex;flex-direction:column;gap:18px}.cash-period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px}.cash-period-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:#f9fbfd}.cash-period-card h4{margin:0 0 11px}.cash-period-card>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:9px}.cash-period-card .net{border-bottom:0;border-top:2px solid #233e56;margin-top:5px;padding-top:9px}.cash-period-card small{display:block;color:var(--muted);font-size:8px;margin-top:7px}
.cash-adjustments-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);gap:18px}.cash-audit-list{display:flex;flex-direction:column}.cash-audit-item{display:grid;grid-template-columns:13px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 15px;border-bottom:1px solid var(--line)}.cash-audit-item .audit-dot{width:9px;height:9px;border-radius:50%;background:#247bc3;margin-top:4px}.cash-audit-item.warning .audit-dot{background:#d38a00}.cash-audit-item.danger .audit-dot{background:#b53030}.cash-audit-item b,.cash-audit-item p,.cash-audit-item strong,.cash-audit-item small{display:block}.cash-audit-item b{font-size:10px}.cash-audit-item p{font-size:8px;color:var(--muted);margin:4px 0 0}.cash-audit-item>div:last-child{text-align:left}.cash-audit-item strong{font-size:9px}.cash-audit-item small{font-size:8px;color:var(--muted);margin-top:4px}
@media(max-width:1050px){.cashbox-overview-grid,.cash-adjustments-layout{grid-template-columns:1fr}.cashbox-toolbar{grid-template-columns:1fr 1fr 1fr}.cash-shift-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.cashbox-page-head{align-items:flex-start;flex-direction:column}.cashbox-head-status{width:100%}.cashbox-toolbar{grid-template-columns:1fr}.cash-count-summary,.cash-handover-values,.cash-period-grid{grid-template-columns:1fr 1fr}.cash-count-result{grid-template-columns:1fr}.cash-shift-grid{grid-template-columns:1fr}.cash-table-totals{flex-direction:column}.cash-source-list>div,.cash-movement-card{grid-template-columns:38px 1fr}.cash-source-list>div>div:last-child,.cash-movement-card>div:last-child{grid-column:2;text-align:right}}


/* Expenses phase 13 */
.expenses-page-head{align-items:center}.expenses-head-actions{display:flex;gap:8px}
.expenses-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}
.expenses-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;white-space:nowrap;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.expenses-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.expenses-overview,.expenses-reports{display:flex;flex-direction:column;gap:18px}.expenses-stats{margin-bottom:0}
.expenses-overview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:18px}
.expenses-recent-list,.expense-category-summary,.employee-withdrawal-summary,.expense-outstanding-list,.employee-withdrawal-month-list,.expense-report-list,.expense-categories-list{display:flex;flex-direction:column}
.expense-record-card,.expense-category-summary button,.employee-withdrawal-summary>div,.expense-outstanding-list>div,.employee-withdrawal-month-list button,.expense-report-list>div,.expense-categories-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 15px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right}
.expense-category-summary button,.employee-withdrawal-month-list button{cursor:pointer}.expense-category-summary button:hover,.employee-withdrawal-month-list button:hover{background:#f4f9fd}
.expense-type-icon,.expense-category-icon,.expense-alert-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900}.expense-type-icon.expense,.expense-category-icon,.expense-alert-icon{background:#fff0f0;color:#a92e2e}.expense-type-icon.withdrawal{background:#fff4dc;color:#9a6600}
.expense-record-card b,.expense-record-card p,.expense-record-card strong,.expense-category-summary b,.expense-category-summary p,.expense-category-summary strong,.employee-withdrawal-summary b,.employee-withdrawal-summary p,.employee-withdrawal-summary strong,.expense-outstanding-list b,.expense-outstanding-list p,.expense-outstanding-list strong,.employee-withdrawal-month-list b,.employee-withdrawal-month-list p,.employee-withdrawal-month-list strong,.expense-report-list b,.expense-report-list p,.expense-report-list strong{display:block}
.expense-record-card b,.expense-category-summary b,.employee-withdrawal-summary b,.expense-outstanding-list b,.employee-withdrawal-month-list b,.expense-report-list b{font-size:10px}
.expense-record-card p,.expense-category-summary p,.employee-withdrawal-summary p,.expense-outstanding-list p,.employee-withdrawal-month-list p,.expense-report-list p{font-size:8px;color:var(--muted);margin:4px 0 0}
.expense-record-card>div:last-child,.expense-category-summary>button>strong,.employee-withdrawal-summary>div>strong,.expense-outstanding-list>div>div:last-child,.employee-withdrawal-month-list>button>strong,.expense-report-list>div>strong{text-align:left;font-size:10px}
.expense-outstanding-list>div{grid-template-columns:38px minmax(0,1fr) 120px}.expense-outstanding-list>div>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.expense-form-card{max-width:1050px;margin:auto}.expense-form-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.expense-form-sections section{border:1px solid var(--line);border-radius:14px;padding:14px}.expense-form-sections section:last-child{grid-column:1/-1}.expense-form-sections h4{margin:0 0 12px}.expense-print-check,.expense-deduct-check{display:flex;gap:8px;align-items:center;background:#f8fbfe;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:12px;font-size:9px;font-weight:800}
.employee-withdrawal-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.7fr);gap:18px}.employee-withdrawal-layout .expense-form-card{margin:0}
.expenses-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(5,minmax(125px,auto));gap:8px;align-items:center;padding:13px;margin-bottom:18px}.expenses-toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:inherit;font-size:9px}
.expenses-history-card{overflow:hidden}.expense-history-total{text-align:left}.expense-history-total span,.expense-history-total b{display:block}.expense-history-total span{font-size:8px;color:var(--muted)}.expense-history-total b{font-size:15px;margin-top:3px}.expenses-table{min-width:1250px}.expenses-table td b,.expenses-table td small{display:block}.expenses-table td small{font-size:8px;color:var(--muted);margin-top:3px}.expense-row-actions{display:flex;gap:5px}
.expense-categories-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.6fr);gap:18px}.expense-categories-list>div{grid-template-columns:38px minmax(0,1fr) auto auto}.expense-categories-list b,.expense-categories-list p{display:block}.expense-categories-list b{font-size:10px}.expense-categories-list p{font-size:8px;color:var(--muted);margin:4px 0 0}.expense-add-category-card{height:max-content}
.expense-voucher-modal{position:fixed;inset:0;z-index:520;background:rgba(3,16,29,.72);display:grid;place-items:start center;padding:22px;overflow:auto}.expense-voucher-shell{width:min(430px,100%)}.expense-voucher-toolbar{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.expense-voucher-receipt{width:88mm;max-width:100%;margin:auto;background:#fff;color:#000;padding:5mm 4mm;font-family:Arial,Tahoma,sans-serif;border-radius:5px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.warning-text{color:#9a6600}
@media(max-width:1100px){.expenses-overview-grid,.employee-withdrawal-layout,.expense-categories-layout{grid-template-columns:1fr}.expenses-toolbar{grid-template-columns:1fr 1fr 1fr}.expense-form-sections{grid-template-columns:1fr}.expense-form-sections section:last-child{grid-column:auto}}
@media(max-width:720px){.expenses-page-head{align-items:flex-start;flex-direction:column}.expenses-head-actions{width:100%}.expenses-head-actions button{flex:1}.expenses-toolbar{grid-template-columns:1fr}.expense-outstanding-list>div{grid-template-columns:38px 1fr}.expense-outstanding-list>div>div:last-child{grid-column:2;align-items:flex-start}.expense-categories-list>div{grid-template-columns:38px 1fr}.expense-categories-list>div>.badge,.expense-categories-list>div>button{grid-column:2;width:max-content}}
@media print{
  body.printing-expense-voucher *{visibility:hidden!important}
  body.printing-expense-voucher .expense-voucher-modal,
  body.printing-expense-voucher .expense-voucher-modal *{visibility:visible!important}
  body.printing-expense-voucher .expense-voucher-modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;display:block!important;overflow:visible!important}
  body.printing-expense-voucher .expense-voucher-shell{width:88mm!important;margin:0!important}
  body.printing-expense-voucher .expense-voucher-toolbar{display:none!important}
  body.printing-expense-voucher .expense-voucher-receipt{width:88mm!important;max-width:88mm!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
}


/* Salaries and employee personal finance phase 13.1 */
.salary-employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.salary-employee-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:right;padding:12px;cursor:pointer}.salary-employee-card:hover,.salary-employee-card.selected{background:#f0f8ff;border-color:#73b3e5}.salary-employee-card b,.salary-employee-card p,.salary-employee-card small,.salary-employee-card strong,.salary-employee-card span{display:block}.salary-employee-card b{font-size:10px}.salary-employee-card p,.salary-employee-card small{font-size:8px;color:var(--muted);margin:4px 0 0}.salary-employee-card>div:last-child{text-align:left}.salary-employee-card strong{font-size:10px;margin-bottom:5px}
.salary-management-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.75fr);gap:18px;margin-bottom:18px}.salary-current-period-card{height:max-content}.salary-summary-list{display:flex;flex-direction:column}.salary-summary-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}.salary-summary-list .net,.salary-summary-list .remaining{margin-top:5px;border-radius:10px;padding:11px}.salary-summary-list .net{background:#edf7ff;border:0}.salary-summary-list .remaining{background:#fff5df;border:0}.salary-summary-list strong{font-size:14px}.salary-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.salary-action-grid .primary{grid-column:1/-1}
.salary-history-card{overflow:hidden}.salary-history-filters{display:flex;gap:7px}.salary-history-filters select{border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff;font:inherit;font-size:9px}.salary-history-table{min-width:1050px}.salary-history-table td b,.salary-history-table td small{display:block}.salary-history-table td small{font-size:8px;color:var(--muted);margin-top:3px}
.salary-payment-preview{display:flex;flex-direction:column;background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:9px;margin-bottom:13px}.salary-payment-preview>div{display:flex;justify-content:space-between;gap:9px;padding:5px;font-size:9px}
.employee-personal-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#071b33,#174c78);color:#fff;border-radius:18px;padding:20px;margin-bottom:18px}.employee-personal-hero>div:nth-child(2){flex:1}.employee-personal-hero h2{margin:4px 0}.employee-personal-hero p{margin:0;opacity:.75}.employee-personal-hero .private-label{background:rgba(255,255,255,.14);color:#fff}.employee-personal-info{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.employee-personal-info>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px}.employee-personal-info span{display:block;color:var(--muted);font-size:8px;margin-bottom:5px}.employee-personal-info b{font-size:10px}.employee-financial-stats{margin-bottom:18px}
.employee-personal-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.salary-personal-breakdown{display:flex;flex-direction:column}.salary-personal-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}.salary-personal-breakdown .net,.salary-personal-breakdown .remaining{border-radius:10px;padding:11px;margin-top:5px}.salary-personal-breakdown .net{background:#edf7ff;border:0}.salary-personal-breakdown .remaining{background:#fff5df;border:0}.salary-personal-breakdown strong{font-size:14px}
.personal-withdrawal-list,.personal-salary-list,.personal-cash-list{display:flex;flex-direction:column}.personal-withdrawal-list>div,.personal-salary-list>div,.personal-cash-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.personal-salary-list>div{grid-template-columns:auto minmax(0,1fr) auto}.personal-withdrawal-list b,.personal-withdrawal-list p,.personal-withdrawal-list strong,.personal-salary-list b,.personal-salary-list p,.personal-salary-list strong,.personal-cash-list b,.personal-cash-list p,.personal-cash-list strong{display:block}.personal-withdrawal-list b,.personal-salary-list b,.personal-cash-list b{font-size:10px}.personal-withdrawal-list p,.personal-salary-list p,.personal-cash-list p{font-size:8px;color:var(--muted);margin:4px 0 0}.personal-withdrawal-list strong,.personal-salary-list strong,.personal-cash-list strong{font-size:10px;text-align:left}
@media(max-width:1100px){.salary-employee-grid{grid-template-columns:repeat(2,1fr)}.salary-management-layout,.employee-personal-layout{grid-template-columns:1fr}.employee-personal-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.salary-employee-grid,.employee-personal-info{grid-template-columns:1fr}.employee-personal-hero{align-items:flex-start;flex-wrap:wrap}.salary-history-filters{flex-direction:column}.salary-employee-card{grid-template-columns:42px 1fr}.salary-employee-card>div:last-child{grid-column:2;text-align:right}}


/* Sham Cash & mobile transfers phase 14 */
.shamcash-page-head{align-items:center}.shamcash-head-actions{display:flex;gap:8px}
.shamcash-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}
.shamcash-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;white-space:nowrap;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.shamcash-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.shamcash-overview,.shamcash-reports,.shamcash-balances-layout{display:flex;flex-direction:column;gap:18px}.shamcash-stats{margin-bottom:0}.shamcash-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr);gap:18px}
.shamcash-rate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:15px}.shamcash-rate-grid>div{background:#f8fbfe;border:1px solid var(--line);border-radius:12px;padding:12px}.shamcash-rate-grid span,.shamcash-rate-grid strong,.shamcash-rate-grid small{display:block}.shamcash-rate-grid span{font-size:8px;color:var(--muted)}.shamcash-rate-grid strong{font-size:15px;margin:5px 0}.shamcash-rate-grid small{font-size:8px;color:var(--muted)}
.shamcash-today-summary{display:flex;flex-direction:column;padding:8px 15px 15px}.shamcash-today-summary>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px}.shamcash-today-summary .profit{background:#eaf8f0;border:0;border-radius:10px;padding:11px;margin-top:8px}.shamcash-today-summary strong{font-size:14px;color:#176d43}
.shamcash-recent-list{display:flex;flex-direction:column}.shamcash-transaction-card,.shamcash-report-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.shamcash-operation-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900}.shamcash-operation-icon.green{background:#e8f8ef;color:#176d43}.shamcash-operation-icon.red{background:#fff0f0;color:#a92e2e}.shamcash-operation-icon.amber{background:#fff4dc;color:#9a6600}.shamcash-operation-icon.blue{background:#eaf5ff;color:#247bc3}.shamcash-transaction-card b,.shamcash-transaction-card p,.shamcash-transaction-card strong,.shamcash-transaction-card small,.shamcash-report-list b,.shamcash-report-list p,.shamcash-report-list strong{display:block}.shamcash-transaction-card b,.shamcash-report-list b{font-size:10px}.shamcash-transaction-card p,.shamcash-report-list p{font-size:8px;color:var(--muted);margin:4px 0 0}.shamcash-transaction-card>div:last-child{text-align:left}.shamcash-transaction-card strong,.shamcash-report-list strong{font-size:10px}.shamcash-transaction-card small{font-size:8px;color:var(--muted);margin-top:4px}
.shamcash-balance-alerts{display:flex;flex-direction:column;padding:8px 15px 15px}.shamcash-balance-alerts>div{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.shamcash-balance-alerts>div>span{width:32px;height:32px;border-radius:10px;background:#fff0f0;color:#a92e2e;display:grid;place-items:center;font-weight:900}.shamcash-balance-alerts b,.shamcash-balance-alerts p{display:block}.shamcash-balance-alerts b{font-size:10px}.shamcash-balance-alerts p{font-size:8px;color:var(--muted);margin:4px 0 0}.shamcash-all-good>span{background:#e8f8ef!important;color:#176d43!important}
.shamcash-exchange-layout,.mobile-cash-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.65fr);gap:18px}.shamcash-form-card{height:max-content}.shamcash-operation-selector{display:flex;gap:5px;background:#eef3f8;border-radius:12px;padding:5px;margin-bottom:16px}.shamcash-operation-selector button{flex:1;border:0;background:transparent;border-radius:9px;padding:10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.shamcash-operation-selector button.active{background:#fff;color:#176fc2;box-shadow:0 2px 8px rgba(20,56,87,.1)}.shamcash-operation-note{background:#edf7ff;color:#1b639a;border-radius:10px;padding:11px;margin-top:13px;font-size:9px}
.shamcash-live-summary{height:max-content}.shamcash-balance-preview{display:flex;flex-direction:column}.shamcash-balance-preview>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px}.mobile-company-balance-box{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mobile-company-balance-box>div{background:#f8fbfe;border:1px solid var(--line);border-radius:11px;padding:11px}.mobile-company-balance-box span,.mobile-company-balance-box b{display:block}.mobile-company-balance-box span{font-size:8px;color:var(--muted)}.mobile-company-balance-box b{font-size:13px;margin-top:5px}
.shamcash-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px;gap:9px;align-items:center;padding:13px;margin-bottom:18px}.shamcash-toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:inherit;font-size:9px}.shamcash-history-card{overflow:hidden}.shamcash-history-table{min-width:1150px}.shamcash-history-table td b,.shamcash-history-table td small{display:block}.shamcash-history-table td small{font-size:8px;color:var(--muted);margin-top:3px}
.shamcash-report-list{display:flex;flex-direction:column}.shamcash-report-balances{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:15px}.shamcash-report-balances>div{background:#f8fbfe;border:1px solid var(--line);border-radius:12px;padding:13px}.shamcash-report-balances span,.shamcash-report-balances b{display:block}.shamcash-report-balances span{font-size:8px;color:var(--muted)}.shamcash-report-balances b{font-size:14px;margin-top:6px}
.shamcash-balance-adjustment-card{max-width:none}.mobile-balance-table{min-width:1000px}
.shamcash-invoice-modal{position:fixed;inset:0;z-index:540;background:rgba(3,16,29,.72);display:grid;place-items:start center;padding:22px;overflow:auto}.shamcash-invoice-shell{width:min(430px,100%)}.shamcash-invoice-toolbar{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.shamcash-invoice-receipt{width:88mm;max-width:100%;margin:auto;background:#fff;color:#000;padding:5mm 4mm;font-family:Arial,Tahoma,sans-serif;border-radius:5px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
@media(max-width:1050px){.shamcash-overview-grid,.shamcash-exchange-layout,.mobile-cash-layout{grid-template-columns:1fr}}@media(max-width:720px){.shamcash-page-head{align-items:flex-start;flex-direction:column}.shamcash-head-actions{width:100%}.shamcash-head-actions button{flex:1}.shamcash-rate-grid,.shamcash-report-balances,.mobile-company-balance-box{grid-template-columns:1fr}.shamcash-toolbar{grid-template-columns:1fr}.shamcash-transaction-card{grid-template-columns:38px 1fr}.shamcash-transaction-card>div:last-child{grid-column:2;text-align:right}}
@media print{
  body.printing-shamcash-invoice *{visibility:hidden!important}
  body.printing-shamcash-invoice .shamcash-invoice-modal,
  body.printing-shamcash-invoice .shamcash-invoice-modal *{visibility:visible!important}
  body.printing-shamcash-invoice .shamcash-invoice-modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;display:block!important;overflow:visible!important}
  body.printing-shamcash-invoice .shamcash-invoice-shell{width:88mm!important;margin:0!important}
  body.printing-shamcash-invoice .shamcash-invoice-toolbar{display:none!important}
  body.printing-shamcash-invoice .shamcash-invoice-receipt{width:88mm!important;max-width:88mm!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
}


/* Phase 15 */
.mobilecash-page-head,.bills-page-head{align-items:center}.mobilecash-head-actions,.bills-head-actions{display:flex;gap:8px}
.mobilecash-tabs,.bills-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}
.mobilecash-tabs button,.bills-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;white-space:nowrap;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.mobilecash-tabs button.active,.bills-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.mobilecash-overview,.mobilecash-reports,.mobilecash-balances-layout,.mobilecash-settings-layout,.bills-overview,.bills-reports,.bill-wallet-layout,.bills-settings-layout{display:flex;flex-direction:column;gap:18px}
.mobile-company-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mobile-company-service-card{padding:17px;border-top:4px solid transparent}.mobile-company-service-card.mtn{border-top-color:#f2c300}.mobile-company-service-card.syriatel{border-top-color:#d32631}.mobile-company-brand{display:flex;align-items:center;gap:11px}.mobile-company-brand>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:20px;font-weight:900;background:#eef4f9}.mobile-company-brand>div{flex:1}.mobile-company-brand h3{margin:0}.mobile-company-brand p{margin:3px 0 0;color:var(--muted);font-size:8px}.mobile-company-service-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.mobile-company-service-info>div{background:#f8fbfe;border:1px solid var(--line);border-radius:10px;padding:10px}.mobile-company-service-info span,.mobile-company-service-info b{display:block}.mobile-company-service-info span{font-size:8px;color:var(--muted);margin-bottom:4px}.mobile-company-actions{display:flex;gap:8px}.mobile-company-actions button{flex:1}.mobile-balance-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mobile-balance-cards>.card{padding:20px}.mobile-balance-cards span,.mobile-balance-cards strong{display:block}.mobile-balance-cards strong{font-size:22px;margin-top:7px}.shamcash-only-toolbar{grid-template-columns:1fr}

.bill-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bill-service-summary{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px;text-align:right;cursor:pointer}.bill-service-summary>span,.bill-service-icon{width:40px;height:40px;border-radius:12px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center}.bill-service-summary b,.bill-service-summary p,.bill-service-summary strong{display:block}.bill-service-summary b{font-size:10px}.bill-service-summary p{font-size:8px;color:var(--muted);margin:4px 0 0}.bill-recent-list{display:flex;flex-direction:column}.bill-invoice-card{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.bill-invoice-card b,.bill-invoice-card p,.bill-invoice-card strong{display:block}.bill-invoice-card b{font-size:10px}.bill-invoice-card p{font-size:8px;color:var(--muted);margin:4px 0 0}
.bill-payment-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.6fr);gap:18px}.bill-main-column{display:flex;flex-direction:column;gap:18px}.bill-summary-card{height:max-content;position:sticky;top:88px}.bill-service-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px}.bill-service-selector button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;cursor:pointer}.bill-service-selector button.active{background:#edf7ff;border-color:#55a2db;color:#176fc2}.bill-amount-lines{padding:12px 15px}.bill-amount-row{display:grid;grid-template-columns:1fr 170px 30px;gap:8px;margin-bottom:8px}.bill-amount-row input{border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}.bill-amount-row button{border:0;border-radius:9px;background:#fff0f0;color:#a92e2e}.bill-hidden-commission-note{margin:0 15px 15px;background:#f4f7fa;color:var(--muted);border-radius:10px;padding:10px;font-size:8px}.bill-summary-values>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.bill-summary-values .grand{background:#edf7ff;border-radius:10px;padding:12px;margin:8px 0}.bills-toolbar{display:grid;grid-template-columns:1fr 200px;gap:8px;padding:13px;margin-bottom:18px}.bills-toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.bills-history-table{min-width:1150px}.bill-wallet-balance-card{text-align:center;padding:25px}.bill-wallet-balance-card span,.bill-wallet-balance-card strong{display:block}.bill-wallet-balance-card strong{font-size:28px;margin-top:8px}.bill-locked-rate{display:flex;justify-content:space-between;align-items:center;background:#edf7ff;border-radius:14px;padding:15px}.bill-locked-rate strong{font-size:25px}.bill-service-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bill-service-settings label{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px}
.bill-invoice-modal{position:fixed;inset:0;z-index:560;background:rgba(3,16,29,.72);display:grid;place-items:start center;padding:22px;overflow:auto}.bill-invoice-shell{width:min(430px,100%)}.bill-invoice-toolbar{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.bill-invoice-receipt{width:88mm;max-width:100%;margin:auto;background:#fff;color:#000;padding:5mm 4mm;border-radius:5px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
@media(max-width:1000px){.mobile-company-service-grid,.bill-payment-layout{grid-template-columns:1fr}.bill-summary-card{position:static}.bill-service-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.mobilecash-page-head,.bills-page-head{align-items:flex-start;flex-direction:column}.mobilecash-head-actions,.bills-head-actions{width:100%}.mobile-company-service-grid,.mobile-balance-cards,.bill-service-grid,.bill-service-selector,.bill-service-settings{grid-template-columns:1fr}.mobile-company-service-info{grid-template-columns:1fr}.bill-amount-row{grid-template-columns:1fr 100px 30px}.bills-toolbar{grid-template-columns:1fr}}
@media print{body.printing-bill *{visibility:hidden!important}body.printing-bill .bill-invoice-modal,body.printing-bill .bill-invoice-modal *{visibility:visible!important}body.printing-bill .bill-invoice-modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important;display:block!important}body.printing-bill .bill-invoice-toolbar{display:none!important}body.printing-bill .bill-invoice-receipt{width:88mm!important;max-width:88mm!important;box-shadow:none!important;border-radius:0!important}}


/* Phase 15.3 — service request workflow */
.service-request-form-note{background:#fff6df;color:#856000;border:1px solid #f2dfac;border-radius:10px;padding:10px;margin:10px 0;font-size:9px;line-height:1.7}
.service-requests-view{display:flex;flex-direction:column;gap:14px}.service-requests-help{display:flex;align-items:center;gap:12px;padding:14px}.service-requests-help>span{width:42px;height:42px;border-radius:13px;background:#fff3d6;color:#936100;display:grid;place-items:center;font-size:18px}.service-requests-help h3{margin:0 0 4px}.service-requests-help p{margin:0;color:var(--muted);font-size:9px}
.service-request-list{display:flex;flex-direction:column;gap:12px}.service-request-card{padding:15px;border-right:4px solid #d79500}.service-request-card.in_progress{border-right-color:#247bc3}.service-request-card.completed{border-right-color:#218553}
.service-request-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.service-request-title{display:flex;align-items:center;gap:10px}.service-request-kind{width:39px;height:39px;border-radius:12px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-weight:900}.service-request-title h3{margin:0;font-size:11px}.service-request-title p{margin:4px 0 0;color:var(--muted);font-size:8px}
.service-request-people{display:grid;grid-template-columns:1fr 44px 1fr;gap:10px;align-items:center;margin:14px 0;background:#f8fbfe;border:1px solid var(--line);border-radius:13px;padding:12px}.service-request-people>div:not(.request-flow-arrow){background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.service-request-people span,.service-request-people b,.service-request-people small{display:block}.service-request-people span{font-size:8px;color:var(--muted)}.service-request-people b{font-size:10px;margin:4px 0}.service-request-people small{font-size:8px;color:var(--muted)}.request-flow-arrow{text-align:center;font-size:18px;color:#247bc3}
.service-request-details,.service-request-completed-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-request-details>div,.service-request-completed-meta>div{border:1px solid var(--line);border-radius:10px;padding:10px}.service-request-details span,.service-request-completed-meta span{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.service-request-details b,.service-request-completed-meta b{font-size:9px}.service-request-completed-meta{margin-top:10px;background:#edf9f2;border-radius:12px;padding:8px}
.service-request-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:13px}.request-assigned-note{background:#edf5fc;color:#216a9e;border-radius:9px;padding:9px 12px;font-size:9px}
.service-request-mini-list{display:flex;flex-direction:column}.service-request-mini-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line)}.service-request-mini-card b,.service-request-mini-card p,.service-request-mini-card small{display:block}.service-request-mini-card b{font-size:9px}.service-request-mini-card p{font-size:8px;color:var(--muted);margin:4px 0 0}.service-request-mini-card>div:last-child{text-align:left}.service-request-mini-card small{font-size:8px;color:var(--muted);margin-top:4px}
.service-request-complete-card{max-width:620px}.service-request-executor-preview{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#edf7ff;border-radius:10px;padding:10px;margin:12px 0}.service-request-executor-preview span{font-size:8px;color:var(--muted)}.service-request-executor-preview b{font-size:10px}.service-request-executor-preview small{font-size:8px;color:var(--muted)}.service-request-warning{background:#fff5df;color:#856000;border-radius:10px;padding:10px;margin-top:12px;font-size:8px}
@media(max-width:800px){.service-request-details,.service-request-completed-meta{grid-template-columns:1fr 1fr}.service-request-people{grid-template-columns:1fr}.request-flow-arrow{transform:rotate(-90deg)}}
@media(max-width:560px){.service-request-details,.service-request-completed-meta{grid-template-columns:1fr}.service-request-card-head{flex-direction:column}.service-request-actions{align-items:stretch;flex-direction:column}.service-request-actions button{width:100%}.service-request-mini-card{grid-template-columns:40px 1fr}.service-request-mini-card>div:last-child{grid-column:2;text-align:right}}


/* Phase 15.4 — Sales price bounds and dual currency */
.sales-pricing-head{align-items:center}.sales-head-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.sales-fx-badge{min-width:210px;border-radius:12px;padding:9px 12px;border:1px solid var(--line);background:#fff}.sales-fx-badge.fresh{border-color:#b8e4ca;background:#f1fbf5}.sales-fx-badge.stale{border-color:#f0d39a;background:#fff8e8}.sales-fx-badge span,.sales-fx-badge b,.sales-fx-badge small{display:block}.sales-fx-badge span{font-size:8px;color:var(--muted)}.sales-fx-badge b{font-size:10px;margin:3px 0}.sales-fx-badge small{font-size:8px;color:var(--muted)}
.sales-pricing-policy{display:flex;align-items:center;gap:10px;background:#edf7ff;border:1px solid #cae5f8;border-radius:11px;padding:10px;margin-bottom:11px}.sales-pricing-policy>span{width:30px;height:30px;border-radius:9px;background:#fff;color:#247bc3;display:grid;place-items:center;font-weight:900}.sales-pricing-policy b,.sales-pricing-policy p{display:block}.sales-pricing-policy b{font-size:9px}.sales-pricing-policy p{font-size:8px;color:var(--muted);margin:3px 0 0}.sales-bound-mode button{min-width:92px}
.sales-priced-product{grid-template-columns:42px minmax(150px,.8fr) minmax(280px,1.3fr) 28px}.sales-product-identity b,.sales-product-identity small,.sales-product-identity span{display:block}.sales-product-identity span{font-size:8px;color:var(--muted);margin-top:4px}.sales-price-range{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sales-price-range>div{border:1px solid var(--line);border-radius:9px;padding:7px;background:#f8fbfe}.sales-price-range span{display:block;font-size:7px;color:var(--muted);margin-bottom:3px}.sales-price-range b,.dual-price-syp,.dual-price-usd{display:block}.sales-price-range .dual-price-syp{font-size:9px}.dual-price-usd{font-size:8px;color:#2976aa;margin-top:2px}.sales-price-invalid{background:#fff0f0;color:#a92e2e;border-radius:9px;padding:8px}.sales-price-invalid b,.sales-price-invalid small{display:block}.sales-price-invalid b{font-size:9px}.sales-price-invalid small{font-size:7px;margin-top:3px}
.sales-priced-cart-head,.sales-priced-cart-row{grid-template-columns:minmax(150px,1.1fr) minmax(170px,.9fr) minmax(135px,.65fr) 130px minmax(145px,.7fr) 30px}.cart-price-bounds{display:flex;flex-direction:column;gap:3px}.cart-price-bounds span{font-size:8px}.cart-price-bounds small{font-size:8px;color:#2976aa}.cart-selected-price{display:flex;flex-direction:column;gap:3px}.cart-selected-price small{font-size:8px;color:#2976aa}.cart-line-total .dual-price-syp{font-size:9px}.sales-discount-limit{background:#fff8e8;padding:8px!important;border-radius:8px;border:0!important}.sales-discount-limit b{font-size:8px;color:#8c6500}
.inventory-sales-pricing-section{border-color:#b9daf1!important;background:#f8fcff}.sales-manager-only-label{background:#071b33;color:#fff;border-radius:9px;padding:8px 10px;font-size:8px;margin-bottom:10px;width:max-content}.new-product-pricing-preview,.product-pricing-edit-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.new-product-pricing-preview>div,.product-pricing-edit-preview>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.new-product-pricing-preview span,.new-product-pricing-preview b,.new-product-pricing-preview small,.product-pricing-edit-preview span,.product-pricing-edit-preview b,.product-pricing-edit-preview small{display:block}.new-product-pricing-preview span,.product-pricing-edit-preview span{font-size:8px;color:var(--muted)}.new-product-pricing-preview b,.product-pricing-edit-preview b{font-size:10px;margin:4px 0}.new-product-pricing-preview small,.product-pricing-edit-preview small{font-size:8px;color:#2976aa}.danger-note{background:#fff0f0!important;color:#9d2c2c!important}.manager-private-price{background:#fff8e8!important;border-color:#f0d39a!important}.manager-private-price small{display:block;font-size:7px;color:#8c6500;margin-top:3px}.sales-pricing-edit-btn{grid-column:span 2}.sales-manager-secret-note{background:#fff8e8;color:#7b5900;border-radius:10px;padding:10px;margin-top:12px;font-size:8px}
.sales-pricing-settings-card,.product-sales-pricing-card{max-width:680px}
.invoice-record-table td small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
@media(max-width:1100px){.sales-priced-product{grid-template-columns:42px 1fr}.sales-priced-product .product-card-price{grid-column:2}.sales-priced-product .product-add-symbol{grid-column:2}.sales-priced-cart-head{display:none}.sales-priced-cart-row{grid-template-columns:1fr 1fr}.sales-priced-cart-row .cart-remove{grid-column:2;justify-self:end}.new-product-pricing-preview,.product-pricing-edit-preview{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.sales-pricing-head{align-items:flex-start;flex-direction:column}.sales-head-tools{width:100%;justify-content:flex-start}.sales-fx-badge{width:100%}.sales-price-range,.new-product-pricing-preview,.product-pricing-edit-preview{grid-template-columns:1fr}.sales-priced-cart-row{grid-template-columns:1fr}.sales-priced-cart-row .cart-remove{grid-column:1}.sales-pricing-edit-btn{grid-column:auto}}


/* Phase 15.5 — Inventory Excel import/export */
.inventory-excel-page,.inventory-excel-import-layout,.inventory-excel-export-layout{display:flex;flex-direction:column;gap:16px}
.inventory-excel-tabs{display:flex;gap:6px;background:#eaf0f6;border-radius:13px;padding:5px;overflow:auto}
.inventory-excel-tabs button{border:0;background:transparent;border-radius:9px;padding:10px 14px;font:inherit;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}
.inventory-excel-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.inventory-excel-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;border:2px dashed #9fc5df;border-radius:16px;background:#f7fcff;cursor:pointer;text-align:center;padding:22px}
.inventory-excel-drop:hover{background:#edf8ff}.inventory-excel-drop input{display:none}.inventory-excel-drop>span{width:52px;height:52px;border-radius:16px;background:#e1f2ff;color:#176fc2;display:grid;place-items:center;font-size:24px;margin-bottom:10px}.inventory-excel-drop b{font-size:12px}.inventory-excel-drop small{font-size:8px;color:var(--muted);margin-top:6px}
.inventory-excel-actions-row{display:flex;gap:8px;justify-content:center;margin-top:12px}.inventory-excel-actions-row a{text-decoration:none}.inventory-excel-message{margin-top:12px;border-radius:10px;padding:10px;background:#edf7ff;color:#216a9e;font-size:9px}
.inventory-header-row-select{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:center;margin-bottom:14px}.inventory-header-row-select select,.inventory-excel-mapping-grid select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;font:inherit;font-size:8px}
.inventory-excel-mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inventory-excel-mapping-grid label{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fbfdff}.inventory-excel-mapping-grid label>span{font-size:8px;font-weight:700}.inventory-excel-mapping-grid label.required-map{border-color:#68aadd;background:#f3faff}
.inventory-excel-warning{display:flex;gap:10px;align-items:center;margin:0 15px 15px;background:#fff8e8;border:1px solid #efd294;border-radius:11px;padding:11px}.inventory-excel-warning>span{width:32px;height:32px;border-radius:10px;background:#fff;color:#916200;display:grid;place-items:center;font-weight:900}.inventory-excel-warning b,.inventory-excel-warning p{display:block}.inventory-excel-warning b{font-size:9px}.inventory-excel-warning p{font-size:8px;color:#765a1a;margin:4px 0 0}
.inventory-excel-preview-card{overflow:hidden}.inventory-excel-preview-table{min-width:max-content}.inventory-excel-preview-table th,.inventory-excel-preview-table td{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-excel-final-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px}.inventory-excel-final-card b,.inventory-excel-final-card p{display:block}.inventory-excel-final-card p{font-size:8px;color:var(--muted);margin:4px 0 0}
.inventory-excel-result-card{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:17px;border-right:4px solid #218553}.inventory-excel-result-icon{width:46px;height:46px;border-radius:15px;background:#e8f8ef;color:#218553;display:grid;place-items:center;font-size:20px;font-weight:900}.inventory-excel-result-card h3{margin:0 0 4px}.inventory-excel-result-card p{margin:0;color:var(--muted);font-size:8px}.inventory-excel-result-stats{display:grid;grid-template-columns:repeat(4,85px);gap:6px}.inventory-excel-result-stats>div{background:#f7fafc;border:1px solid var(--line);border-radius:9px;padding:8px;text-align:center}.inventory-excel-result-stats span,.inventory-excel-result-stats b{display:block}.inventory-excel-result-stats span{font-size:7px;color:var(--muted)}.inventory-excel-result-stats b{font-size:12px;margin-top:3px}
.inventory-export-hero{display:grid;grid-template-columns:55px 1fr auto;gap:15px;align-items:center;padding:20px}.inventory-export-hero>span{width:52px;height:52px;border-radius:16px;background:#e7f5ff;color:#176fc2;display:grid;place-items:center;font-size:25px}.inventory-export-hero h3{margin:0 0 5px}.inventory-export-hero p{margin:0;color:var(--muted);font-size:9px}.inventory-export-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px}.inventory-export-columns span{border:1px solid var(--line);border-radius:9px;padding:9px;font-size:8px;background:#fbfdff}.inventory-template-card{padding:15px}.inventory-template-card p{font-size:9px;color:var(--muted);line-height:1.8}.inventory-template-card a{text-decoration:none;display:inline-block}.inventory-export-stats{padding:15px}
.inventory-excel-history-card{overflow:hidden}.inventory-excel-history-card table{min-width:950px}
@media(max-width:1050px){.inventory-excel-mapping-grid{grid-template-columns:1fr 1fr}.inventory-excel-result-card{grid-template-columns:50px 1fr}.inventory-excel-result-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.inventory-excel-mapping-grid{grid-template-columns:1fr}.inventory-header-row-select{grid-template-columns:1fr}.inventory-excel-final-card,.inventory-export-hero{display:flex;flex-direction:column;align-items:stretch}.inventory-export-hero>span{align-self:center}.inventory-export-columns{grid-template-columns:1fr}.inventory-excel-result-card{grid-template-columns:1fr}.inventory-excel-result-icon{margin:auto}.inventory-excel-result-stats{grid-template-columns:1fr 1fr}.inventory-excel-actions-row{flex-direction:column}.inventory-excel-actions-row>*{width:100%;text-align:center}}


/* Phase 16 — Tasks and approvals */
.tasks-page-head{align-items:center}.tasks-head-actions{display:flex;gap:8px}.tasks-main-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}.tasks-main-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;white-space:nowrap;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.tasks-main-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}.tasks-dashboard,.tasks-list-view,.operational-requests-view,.approvals-view,.completed-work-view{display:flex;flex-direction:column;gap:18px}
.tasks-mini-list{display:flex;flex-direction:column}.task-mini-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;padding:11px 15px;text-align:right;cursor:pointer}.task-mini-card:hover{background:#f8fbfe}.task-mini-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900}.task-mini-icon.red{background:#fff0f0;color:#a92e2e}.task-mini-icon.amber{background:#fff4dc;color:#966100}.task-mini-icon.blue{background:#eaf5ff;color:#247bc3}.task-mini-icon.green{background:#e8f8ef;color:#176d43}.task-mini-card b,.task-mini-card p{display:block}.task-mini-card b{font-size:9px}.task-mini-card p{font-size:8px;color:var(--muted);margin:4px 0 0}
.task-performance-list{padding:8px 15px 15px}.task-performance-row{display:grid;grid-template-columns:150px 1fr 45px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.task-performance-row b,.task-performance-row small{display:block}.task-performance-row b{font-size:9px}.task-performance-row small{font-size:7px;color:var(--muted);margin-top:3px}.task-performance-bar{height:8px;border-radius:20px;background:#e7edf2;overflow:hidden}.task-performance-bar span{display:block;height:100%;background:#3185c4;border-radius:20px}.task-performance-row strong{font-size:9px;text-align:left}
.tasks-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px auto;gap:8px;align-items:center;padding:12px}.tasks-toolbar select,.approvals-toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;font:inherit;font-size:8px}.operations-task-list,.approval-request-list{display:flex;flex-direction:column;gap:12px}.operation-task-card{padding:15px;border-right:4px solid #d79500}.operation-task-card.in_progress{border-right-color:#247bc3}.operation-task-card.waiting{border-right-color:#7654a6}.operation-task-card.overdue{background:#fffafa}.operation-task-head{display:flex;justify-content:space-between;gap:12px}.operation-task-head h3{font-size:11px;margin:7px 0 4px}.operation-task-head p{font-size:8px;color:var(--muted);margin:0;line-height:1.7}.task-card-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.task-card-meta .ref{font-size:8px;color:var(--muted)}.operation-task-info,.approval-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.operation-task-info>div,.approval-info>div{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fbfdff}.operation-task-info span,.operation-task-info b,.approval-info span,.approval-info b{display:block}.operation-task-info span,.approval-info span{font-size:7px;color:var(--muted);margin-bottom:4px}.operation-task-info b,.approval-info b{font-size:8px}.operation-task-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:11px}.operation-task-footer small{font-size:8px;color:var(--muted)}.operation-task-actions,.approval-actions{display:flex;gap:7px;justify-content:flex-end}.danger-outline{color:#a92e2e!important;border-color:#e6bcbc!important}
.operational-requests-table{min-width:1050px}.operational-requests-table td b,.operational-requests-table td small{display:block}.operational-requests-table td small{font-size:7px;color:var(--muted);margin-top:3px}.approvals-toolbar{display:flex;gap:8px;justify-content:flex-end;padding:12px}.approval-request-card{padding:15px;border-right:4px solid #d79500}.approval-request-card.approved{border-right-color:#218553}.approval-request-card.rejected{border-right-color:#b83939}.approval-head{display:flex;justify-content:space-between;gap:15px}.approval-head h3{font-size:11px;margin:7px 0 4px}.approval-head p{font-size:8px;color:var(--muted);margin:0;line-height:1.7}.approval-amount{font-size:14px;font-weight:900;white-space:nowrap}.approval-decision{background:#f5f8fa;border-radius:10px;padding:10px;margin-bottom:10px}.approval-decision span,.approval-decision b,.approval-decision p{display:block}.approval-decision span{font-size:7px;color:var(--muted)}.approval-decision b{font-size:8px;margin:4px 0}.approval-decision p{font-size:8px;margin:0}
.create-task-approval-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:18px}.create-type-card{height:max-content}.create-type-tabs{display:flex;gap:5px;background:#eef3f8;border-radius:11px;padding:5px;margin:0 15px}.create-type-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:10px;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.create-type-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 2px 8px rgba(20,56,87,.1)}.task-create-form{padding-top:14px}.create-help-card{height:max-content}.create-help-step{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.create-help-step span{width:28px;height:28px;border-radius:9px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-weight:900}.create-help-step p{font-size:8px;color:var(--muted);margin:0;line-height:1.7}
.tasks-audit-card{overflow:hidden}.tasks-audit-card table{min-width:950px}.operation-complete-card,.approval-decision-card,.task-details-modal{max-width:700px}.approval-decision-summary{display:grid;grid-template-columns:120px 1fr 120px 1fr;gap:8px;background:#f6f9fb;border-radius:10px;padding:10px;margin:12px 0}.approval-decision-summary span{font-size:8px;color:var(--muted)}.approval-decision-summary b{font-size:9px}.task-completion-result{background:#eaf8f0;border-radius:10px;padding:10px;margin:12px 0}.task-completion-result span{font-size:8px;color:#176d43}.task-completion-result p{font-size:9px;margin:4px 0 0}.task-history-list{margin-top:14px}.task-history-list h4{font-size:10px}.task-history-list>div{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.task-history-list b,.task-history-list p,.task-history-list small{display:block}.task-history-list b{font-size:8px}.task-history-list p{font-size:8px;margin:3px 0;color:var(--muted)}.task-history-list small{font-size:7px;color:var(--muted)}
.badge.violet{background:#efe9f7;color:#644690}.badge.gray{background:#edf0f2;color:#68737c}
@media(max-width:1050px){.tasks-toolbar{grid-template-columns:1fr 1fr}.create-task-approval-layout{grid-template-columns:1fr}.operation-task-info,.approval-info{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.tasks-page-head{align-items:flex-start;flex-direction:column}.tasks-head-actions{width:100%}.tasks-head-actions button{flex:1}.tasks-toolbar{grid-template-columns:1fr}.approvals-toolbar{flex-direction:column}.operation-task-info,.approval-info{grid-template-columns:1fr}.operation-task-footer,.approval-head{align-items:flex-start;flex-direction:column}.operation-task-actions,.approval-actions{width:100%;flex-wrap:wrap}.operation-task-actions button,.approval-actions button{flex:1}.task-performance-row{grid-template-columns:110px 1fr 35px}.approval-decision-summary{grid-template-columns:1fr 1fr}.task-mini-card{grid-template-columns:38px 1fr}.task-mini-card>.badge{grid-column:2;justify-self:start}}


/* Phase 16.1 — Seller commissions */
.seller-commission-manager{display:flex;flex-direction:column;gap:18px}
.seller-commission-employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.seller-commission-employee-card{padding:15px}
.seller-commission-employee-head{display:flex;align-items:center;gap:10px}
.seller-commission-employee-head>span{width:42px;height:42px;border-radius:13px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-weight:900}
.seller-commission-employee-head h3{margin:0;font-size:11px}.seller-commission-employee-head p{margin:4px 0 0;color:var(--muted);font-size:8px}
.seller-commission-employee-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:13px 0}
.seller-commission-employee-values>div{border:1px solid var(--line);background:#f8fbfe;border-radius:9px;padding:8px;text-align:center}
.seller-commission-employee-values span,.seller-commission-employee-values b{display:block}
.seller-commission-employee-values span{font-size:7px;color:var(--muted)}.seller-commission-employee-values b{font-size:10px;margin-top:4px}
.seller-commission-history-card{overflow:hidden}.seller-commission-filters{display:flex;gap:7px;flex-wrap:wrap}.seller-commission-filters input,.seller-commission-filters select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;font:inherit;font-size:8px}
.seller-commission-table{min-width:1180px}.seller-commission-table td small{display:block;color:var(--muted);font-size:7px;margin-top:3px}
.seller-commission-personal-section{display:flex;flex-direction:column;gap:15px;margin:16px 0}.seller-commission-personal-stats{margin:0}
.personal-commission-list{display:flex;flex-direction:column}.personal-commission-list>div{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line)}
.seller-commission-icon{width:36px;height:36px;border-radius:11px;background:#e8f8ef;color:#218553;display:grid;place-items:center;font-weight:900}
.personal-commission-list b,.personal-commission-list p,.personal-commission-list strong{display:block}.personal-commission-list b{font-size:9px}.personal-commission-list p{font-size:8px;color:var(--muted);margin:4px 0 0}.personal-commission-list>div>div:last-child{text-align:left}.personal-commission-list strong{font-size:10px;margin-bottom:4px}
.seller-commission-payment-card{max-width:620px}.seller-commission-payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.seller-commission-payment-summary>div{border:1px solid var(--line);background:#f8fbfe;border-radius:10px;padding:10px;text-align:center}.seller-commission-payment-summary span,.seller-commission-payment-summary b,.seller-commission-payment-summary strong{display:block}.seller-commission-payment-summary span{font-size:8px;color:var(--muted)}.seller-commission-payment-summary b,.seller-commission-payment-summary strong{font-size:13px;margin-top:5px}.seller-commission-payment-summary strong{color:#218553}
@media(max-width:1050px){.seller-commission-employee-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.seller-commission-employee-grid{grid-template-columns:1fr}.seller-commission-filters{flex-direction:column}.seller-commission-filters>*{width:100%}.seller-commission-payment-summary{grid-template-columns:1fr}.personal-commission-list>div{grid-template-columns:40px 1fr}.personal-commission-list>div>div:last-child{grid-column:2;text-align:right}}


/* Phase 17 — Employees and permissions */
.permission-hidden{display:none!important}
.employees-permissions-page{display:flex;flex-direction:column}.employees-page-head{align-items:center}.employees-head-actions{display:flex;gap:8px}
.employees-tabs{display:flex;gap:6px;overflow:auto;background:#eaf0f6;border-radius:14px;padding:5px;margin-bottom:18px}
.employees-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 14px;white-space:nowrap;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.employees-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 3px 10px rgba(27,61,91,.12)}
.employee-access-overview,.employee-accounts-view,.employee-templates-view{display:flex;flex-direction:column;gap:17px}
.employee-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.employee-access-card{padding:15px;border-top:4px solid #247bc3}.employee-access-card.inactive{opacity:.68;border-top-color:#b7c0c8}
.employee-access-card-head{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.employee-access-avatar,.employee-table-person>span{width:42px;height:42px;border-radius:13px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-weight:900}
.employee-access-card-head h3{margin:0;font-size:11px}.employee-access-card-head p{margin:4px 0 0;color:var(--muted);font-size:8px}
.employee-access-card-info{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.employee-access-card-info>div{border:1px solid var(--line);background:#f8fbfe;border-radius:9px;padding:8px}.employee-access-card-info span,.employee-access-card-info b{display:block}.employee-access-card-info span{font-size:7px;color:var(--muted);margin-bottom:4px}.employee-access-card-info b{font-size:9px}.employee-access-card-actions{display:flex;gap:7px}.employee-access-card-actions button{flex:1}
.employee-template-summary{display:flex;flex-direction:column;padding:5px 15px 15px}.employee-template-summary>div{display:grid;grid-template-columns:15px 1fr 35px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.template-dot{width:10px;height:10px;border-radius:50%;background:#9aa7b2}.template-dot.red{background:#d94b4b}.template-dot.violet{background:#7956c6}.template-dot.blue{background:#247bc3}.template-dot.green{background:#218553}.template-dot.amber{background:#d69400}.template-dot.gray{background:#85929d}.template-dot.large{width:18px;height:18px}.employee-template-summary b,.employee-template-summary p{display:block}.employee-template-summary b{font-size:9px}.employee-template-summary p{font-size:8px;color:var(--muted);margin:3px 0 0}.employee-template-summary strong{text-align:center}
.employee-audit-mini{display:flex;flex-direction:column;padding:5px 15px 15px}.employee-audit-mini>div{display:grid;grid-template-columns:35px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.employee-audit-mini>div>span{width:31px;height:31px;border-radius:9px;background:#eef5fa;display:grid;place-items:center}.employee-audit-mini b,.employee-audit-mini p{display:block}.employee-audit-mini b{font-size:9px}.employee-audit-mini p{font-size:8px;color:var(--muted);margin:3px 0 0}
.employee-accounts-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 150px 190px auto;gap:8px;align-items:center;padding:13px}.employee-accounts-toolbar select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;font:inherit;font-size:9px}.employee-accounts-table-card,.employee-access-audit-card{overflow:hidden}.employee-accounts-table{min-width:1150px}.employee-accounts-table td b,.employee-accounts-table td small,.employee-access-audit-table td b,.employee-access-audit-table td small{display:block}.employee-accounts-table td small,.employee-access-audit-table td small{font-size:7px;color:var(--muted);margin-top:3px}.employee-table-person{display:flex;align-items:center;gap:9px}.employee-table-person>span{width:35px;height:35px;border-radius:10px}.employee-table-actions{display:flex;gap:5px;flex-wrap:wrap}
.employee-template-note{display:flex;gap:12px;align-items:center;padding:15px}.employee-template-note>span{width:40px;height:40px;border-radius:12px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-weight:900}.employee-template-note h3{margin:0 0 4px}.employee-template-note p{margin:0;color:var(--muted);font-size:9px}.employee-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.employee-template-card{padding:15px}.employee-template-card-head{display:grid;grid-template-columns:20px 1fr 35px;gap:9px;align-items:start}.employee-template-card h3{margin:0;font-size:11px}.employee-template-card p{font-size:8px;color:var(--muted);margin:4px 0 0}.employee-template-card-head strong{font-size:16px;color:#247bc3}.employee-template-permissions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.employee-template-permissions span{font-size:7px;background:#f1f6fa;border:1px solid var(--line);border-radius:8px;padding:5px 7px}.employee-template-permissions small{font-size:7px;color:var(--muted);padding:5px}
.employee-access-audit-table{min-width:1000px}
.employee-access-modal{align-items:flex-start;overflow:auto;padding:20px}.employee-access-modal-card{width:min(1120px,100%);max-width:1120px;margin:auto}.employee-access-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.employee-access-modal-head h3{margin:6px 0}.employee-access-modal-head p{margin:0;color:var(--muted);font-size:9px}.employee-editor-tabs{display:flex;gap:5px;background:#edf3f8;padding:5px;border-radius:11px;margin:15px 0}.employee-editor-tabs button{border:0;background:transparent;border-radius:8px;padding:9px 13px;font:inherit;font-size:9px;font-weight:800}.employee-editor-tabs button.active{background:#fff;color:#176fc2}.employee-editor-section{border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:12px}.employee-editor-section h4{margin:0 0 12px}.employee-login-security-note{display:flex;gap:8px;align-items:center;background:#fff8e8;border-radius:10px;padding:10px}.employee-login-security-note>span{width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center;color:#8a6200;font-weight:900}.employee-login-security-note p{margin:0;font-size:8px;color:#745a18}
.employee-permissions-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.employee-permissions-toolbar b,.employee-permissions-toolbar p{display:block}.employee-permissions-toolbar p{font-size:8px;color:var(--muted);margin:4px 0 0}.employee-permissions-toolbar>div:last-child{display:flex;gap:6px}
.employee-permission-matrix{display:flex;flex-direction:column;gap:10px;max-height:58vh;overflow:auto;padding-left:4px}.employee-permission-group{border:1px solid var(--line);border-radius:13px;overflow:hidden}.employee-permission-group-head{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;background:#f7fafc;padding:10px 12px}.employee-permission-group-head>span{width:34px;height:34px;border-radius:10px;background:#eaf5ff;display:grid;place-items:center}.employee-permission-group-head h4{margin:0;font-size:10px}.employee-permission-group-head p{margin:3px 0 0;font-size:7px;color:var(--muted)}.employee-permission-group-head label{font-size:8px;display:flex;gap:5px;align-items:center}.employee-permission-items{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.employee-permission-item{display:grid;grid-template-columns:20px 1fr;gap:6px;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff;cursor:pointer}.employee-permission-item.enabled{background:#edf8f2;border-color:#b9dfc8}.employee-permission-item input{margin-top:2px}.employee-permission-item b,.employee-permission-item small{display:block}.employee-permission-item b{font-size:8px}.employee-permission-item small{font-size:7px;color:var(--muted);margin-top:3px;line-height:1.5}
.permission-denied-page{display:grid;place-items:center;min-height:65vh}.permission-denied-card{max-width:520px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:0 15px 40px rgba(21,49,72,.08)}.permission-denied-card>span{width:70px;height:70px;border-radius:22px;background:#fff0f0;display:grid;place-items:center;margin:auto;font-size:28px}.permission-denied-card h2{margin:17px 0 8px}.permission-denied-card p,.permission-denied-card small{display:block;color:var(--muted)}.permission-denied-card small{font-size:8px;margin:10px 0 18px}
.employee-personal-access-card{margin:16px 0}.employee-personal-access-info{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 15px 12px}.employee-personal-access-info>div{border:1px solid var(--line);background:#f8fbfe;border-radius:9px;padding:9px}.employee-personal-access-info span,.employee-personal-access-info b{display:block}.employee-personal-access-info span{font-size:7px;color:var(--muted)}.employee-personal-access-info b{font-size:9px;margin-top:4px}.employee-personal-permission-chips{display:flex;flex-wrap:wrap;gap:5px;padding:0 15px 15px}.employee-personal-permission-chips span{font-size:7px;background:#eaf5ff;color:#216a9e;border-radius:8px;padding:5px 7px}.employee-personal-permission-chips small{font-size:7px;color:var(--muted);padding:5px}
@media(max-width:1100px){.employee-access-grid,.employee-template-grid{grid-template-columns:1fr 1fr}.employee-permission-items{grid-template-columns:1fr 1fr}.employee-personal-access-info{grid-template-columns:1fr 1fr 1fr}.employee-accounts-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.employees-page-head{align-items:flex-start;flex-direction:column}.employees-head-actions{width:100%}.employees-head-actions button{flex:1}.employee-access-grid,.employee-template-grid,.employee-permission-items{grid-template-columns:1fr}.employee-accounts-toolbar{grid-template-columns:1fr}.employee-access-modal{padding:8px}.employee-permissions-toolbar{align-items:flex-start;flex-direction:column}.employee-permission-group-head{grid-template-columns:38px 1fr}.employee-permission-group-head label{grid-column:2}.employee-personal-access-info{grid-template-columns:1fr 1fr}.employee-access-card-info{grid-template-columns:1fr}.employee-access-modal-card .form-grid.three{grid-template-columns:1fr}}


/* Phase 17.1 — PIN-only login */
.pin-only-login-card{max-width:430px;text-align:center}
.pin-login-icon{width:64px;height:64px;border-radius:20px;background:#eaf5ff;color:#176fc2;display:grid;place-items:center;margin:0 auto 14px;font-size:26px}
.pin-login-field{text-align:right;position:relative}.pin-login-field input{font-size:24px;letter-spacing:13px;text-align:center;padding:15px 10px;color:transparent;caret-color:#176fc2;text-shadow:0 0 0 transparent}
.pin-login-dots{position:absolute;left:12px;right:12px;bottom:13px;height:30px;display:flex;justify-content:center;align-items:center;gap:11px;pointer-events:none}
.pin-login-dots span{width:13px;height:13px;border-radius:50%;border:2px solid #a9bccb;background:#fff;transition:.18s}.pin-login-dots span.filled{background:#176fc2;border-color:#176fc2;transform:scale(1.08)}
.pin-login-button{width:100%;margin-top:6px}.pin-demo-note{line-height:1.8}
.employee-internal-username-field{opacity:.72}.pin-uniqueness-status{margin:9px 0;border-radius:9px;padding:9px;background:#edf8f2;color:#218553;font-size:8px}.pin-uniqueness-status.invalid{background:#fff0f0;color:#a92e2e}.pin-uniqueness-status.valid{background:#edf8f2;color:#218553}
@media(max-width:700px){.pin-only-login-shell .login-panel{padding:20px}.pin-login-dots{gap:9px}.pin-login-dots span{width:12px;height:12px}}


/* Phase 18 — Comprehensive reports */
.comprehensive-reports-page{display:flex;flex-direction:column}.reports-page-head{align-items:center}.reports-head-actions{display:flex;gap:8px}
.reports-filter-card{padding:12px;margin-bottom:14px}.reports-period-tabs{display:flex;gap:5px;overflow:auto;background:#eef3f7;border-radius:11px;padding:5px}.reports-period-tabs button,.reports-main-tabs button{border:0;background:transparent;border-radius:8px;padding:9px 13px;font:inherit;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.reports-period-tabs button.active,.reports-main-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 2px 9px rgba(27,61,91,.12)}
.reports-filter-fields{display:grid;grid-template-columns:170px 170px 220px 1fr;gap:9px;align-items:end;margin-top:10px}.reports-filter-fields label{display:flex;flex-direction:column;gap:5px;font-size:8px;color:var(--muted)}.reports-filter-fields input,.reports-filter-fields select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;font:inherit;font-size:9px}.reports-current-period{border:1px solid var(--line);background:#f8fbfe;border-radius:10px;padding:9px 11px}.reports-current-period span,.reports-current-period b{display:block}.reports-current-period span{font-size:7px;color:var(--muted)}.reports-current-period b{font-size:9px;margin-top:3px}
.reports-main-tabs{display:flex;gap:5px;background:#e8eff5;border-radius:13px;padding:5px;overflow:auto;margin-bottom:17px}.reports-executive-view,.reports-sales-view,.reports-finance-view,.reports-inventory-view,.reports-services-view,.reports-employees-view{display:flex;flex-direction:column;gap:16px}
.reports-overview-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:12px}.reports-chart-card,.reports-health-card{min-height:310px}.reports-bar-chart{height:210px;display:flex;gap:8px;align-items:flex-end;padding:15px 8px 0;border-bottom:1px solid var(--line)}.reports-bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.reports-bars{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.reports-bar{display:block;width:min(17px,40%);border-radius:5px 5px 2px 2px;min-height:3px}.reports-bar.revenue{background:#2485c7}.reports-bar.expense{background:#dc5b5b}.reports-bar-column small{font-size:7px;color:var(--muted)}.reports-chart-legend{display:flex;justify-content:center;gap:18px;padding-top:12px;font-size:8px}.reports-chart-legend span{display:flex;align-items:center;gap:5px}.reports-chart-legend i{width:10px;height:10px;border-radius:3px}.reports-chart-legend i.revenue{background:#2485c7}.reports-chart-legend i.expense{background:#dc5b5b}
.reports-health-list{padding:5px 15px 15px;display:flex;flex-direction:column;gap:15px}.reports-health-row>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.reports-health-row b{font-size:9px}.reports-health-row span{font-size:8px;color:var(--muted)}.reports-health-track{height:8px;background:#e9eff4;border-radius:999px;overflow:hidden}.reports-health-track i{display:block;height:100%;border-radius:999px}.reports-health-track i.good{background:#218553}.reports-health-track i.warning{background:#d69400}.reports-health-track i.danger{background:#d94b4b}
.reports-module-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reports-module-card{border:1px solid var(--line);padding:13px;text-align:right;display:grid;grid-template-columns:45px 1fr 20px;gap:10px;align-items:center;cursor:pointer;font:inherit}.reports-module-card>span{width:42px;height:42px;border-radius:13px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-size:12px;font-weight:900}.reports-module-card b,.reports-module-card strong,.reports-module-card small{display:block}.reports-module-card b{font-size:9px}.reports-module-card strong{font-size:11px;margin:4px 0}.reports-module-card small{font-size:7px;color:var(--muted)}.reports-module-card>i{font-style:normal;color:#247bc3}
.reports-ranking-list{display:flex;flex-direction:column;padding:5px 15px 15px}.reports-ranking-row{display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.reports-ranking-row>span{width:28px;height:28px;border-radius:9px;background:#edf5fb;color:#247bc3;display:grid;place-items:center;font-size:8px;font-weight:900}.reports-ranking-row b,.reports-ranking-row small{display:block}.reports-ranking-row b{font-size:9px}.reports-ranking-row small{font-size:7px;color:var(--muted);margin-top:3px}.reports-ranking-row strong{font-size:9px}.reports-permission-note{border:1px solid #edd79e;background:#fff8e7;color:#775b18;border-radius:11px;padding:11px;font-size:8px}
.reports-sales-products-table,.reports-invoices-table,.reports-cash-table,.reports-products-table,.employee-performance-table{min-width:1100px}.reports-sales-products-table td small,.reports-invoices-table td small,.reports-products-table td small,.employee-performance-table td small{display:block;font-size:7px;color:var(--muted);margin-top:3px}
.reports-finance-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-finance-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:13px}.report-finance-card>span{width:40px;height:40px;border-radius:12px;background:#edf5fb;color:#247bc3;display:grid;place-items:center;font-weight:900}.report-finance-card b,.report-finance-card strong,.report-finance-card small{display:block}.report-finance-card b{font-size:8px}.report-finance-card strong{font-size:11px;margin:4px 0}.report-finance-card small{font-size:7px;color:var(--muted)}
.reports-category-list{display:flex;flex-direction:column;padding:6px 15px 15px}.reports-category-row{display:grid;grid-template-columns:160px 1fr 110px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.reports-category-row b,.reports-category-row span{display:block}.reports-category-row b{font-size:8px}.reports-category-row span{font-size:7px;color:var(--muted);margin-top:2px}.reports-category-track{height:7px;background:#edf2f6;border-radius:999px;overflow:hidden}.reports-category-track i{display:block;height:100%;background:#2b88c8;border-radius:999px}.reports-category-row strong{text-align:left;font-size:8px}
.reports-inventory-profit-card{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;padding:14px}.reports-inventory-profit-card>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#f8fbfe}.reports-inventory-profit-card span,.reports-inventory-profit-card b,.reports-inventory-profit-card strong,.reports-inventory-profit-card small{display:block}.reports-inventory-profit-card span{font-size:7px;color:var(--muted)}.reports-inventory-profit-card strong{font-size:16px;color:#218553;margin:5px 0}.reports-inventory-profit-card b{font-size:11px;margin-top:5px}.reports-inventory-profit-card small{font-size:7px;color:var(--muted)}
.reports-stock-alert-list{display:flex;flex-direction:column;padding:5px 15px 15px}.reports-stock-alert-list>div{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.reports-stock-alert-list b,.reports-stock-alert-list p{display:block}.reports-stock-alert-list b{font-size:9px}.reports-stock-alert-list p{font-size:7px;color:var(--muted);margin:3px 0 0}.reports-stock-alert-list strong{font-size:9px}
.reports-services-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-service-detail-card{overflow:hidden}.report-service-values{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 15px 12px}.report-service-values>div{border:1px solid var(--line);background:#f8fbfe;border-radius:9px;padding:9px}.report-service-values span,.report-service-values b{display:block}.report-service-values span{font-size:7px;color:var(--muted)}.report-service-values b{font-size:9px;margin-top:4px}.reports-status-list{display:flex;flex-direction:column;padding:0 15px 15px}.reports-status-list>div{display:grid;grid-template-columns:130px 1fr 30px;gap:7px;align-items:center;padding:7px 0}.reports-status-list span{font-size:8px}.reports-status-list>div>div{height:6px;border-radius:99px;background:#edf2f6;overflow:hidden}.reports-status-list i{display:block;height:100%;background:#2b88c8;border-radius:99px}.reports-status-list b{text-align:center;font-size:8px}
.employee-performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.employee-performance-card{padding:14px}.employee-performance-head{display:grid;grid-template-columns:28px 42px 1fr;gap:8px;align-items:center}.employee-performance-head>span{width:26px;height:26px;border-radius:9px;background:#071b33;color:#fff;display:grid;place-items:center;font-size:8px}.employee-performance-head h3{margin:0;font-size:10px}.employee-performance-head p{font-size:7px;color:var(--muted);margin:3px 0 0}.employee-performance-values{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.employee-performance-values>div{border:1px solid var(--line);background:#f8fbfe;border-radius:8px;padding:8px}.employee-performance-values span,.employee-performance-values b{display:block}.employee-performance-values span{font-size:7px;color:var(--muted)}.employee-performance-values b{font-size:8px;margin-top:3px}.employee-performance-progress{height:6px;background:#e9eff4;border-radius:99px;overflow:hidden;margin-top:10px}.employee-performance-progress i{display:block;height:100%;background:#218553;border-radius:99px}
@media(max-width:1100px){.reports-filter-fields{grid-template-columns:1fr 1fr}.reports-overview-grid{grid-template-columns:1fr}.reports-module-cards,.reports-finance-breakdown,.reports-services-cards,.employee-performance-grid{grid-template-columns:1fr 1fr}.reports-inventory-profit-card{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.reports-page-head{align-items:flex-start;flex-direction:column}.reports-head-actions{width:100%}.reports-head-actions button{flex:1}.reports-filter-fields,.reports-module-cards,.reports-finance-breakdown,.reports-services-cards,.employee-performance-grid,.reports-inventory-profit-card{grid-template-columns:1fr}.reports-category-row{grid-template-columns:1fr}.reports-category-row strong{text-align:right}.reports-stock-alert-list>div{grid-template-columns:1fr}.report-service-values{grid-template-columns:1fr}.reports-bottom-grid{grid-template-columns:1fr!important}}
@media print{
  body.printing-comprehensive-report .sidebar,
  body.printing-comprehensive-report .topbar,
  body.printing-comprehensive-report .reports-head-actions,
  body.printing-comprehensive-report .reports-filter-card,
  body.printing-comprehensive-report .reports-main-tabs{display:none!important}
  body.printing-comprehensive-report .app-shell,
  body.printing-comprehensive-report .main,
  body.printing-comprehensive-report .content{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}
  body.printing-comprehensive-report .comprehensive-reports-page{padding:0!important}
  body.printing-comprehensive-report .card{break-inside:avoid;box-shadow:none!important}
  body.printing-comprehensive-report table{font-size:8px}
}


/* Phase 18.1 — Independent mobile-repair fund */
.mobile-repair-fund-view{display:flex;flex-direction:column;gap:15px}
.mobile-repair-fund-hero{display:grid;grid-template-columns:1fr 260px auto;gap:15px;align-items:center;background:linear-gradient(135deg,#092440,#0e4b70);color:#fff;border-radius:17px;padding:20px}
.mobile-repair-fund-hero h3{margin:5px 0;font-size:18px}.mobile-repair-fund-hero p{margin:0;opacity:.75;font-size:9px;line-height:1.7}.mobile-repair-fund-balance{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:13px}.mobile-repair-fund-balance span,.mobile-repair-fund-balance strong,.mobile-repair-fund-balance small{display:block}.mobile-repair-fund-balance span{font-size:8px;opacity:.7}.mobile-repair-fund-balance strong{font-size:20px;margin:5px 0}.mobile-repair-fund-balance small{font-size:7px;opacity:.7}
.mobile-repair-fund-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-repair-fund-rules>div{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px}.mobile-repair-fund-rules>div>span{width:31px;height:31px;border-radius:9px;background:#eaf5ff;color:#247bc3;display:grid;place-items:center;font-weight:900}.mobile-repair-fund-rules p{font-size:8px;line-height:1.6;margin:0;color:var(--muted)}.mobile-repair-fund-rules b{color:var(--ink)}
.mobile-repair-fund-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 190px auto;gap:9px;align-items:center;padding:12px}.mobile-repair-fund-toolbar select{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;font:inherit;font-size:8px}.mobile-repair-fund-periods{display:flex;gap:4px;background:#edf3f7;border-radius:10px;padding:4px}.mobile-repair-fund-periods button{border:0;background:transparent;border-radius:7px;padding:8px 10px;font:inherit;font-size:8px;font-weight:800}.mobile-repair-fund-periods button.active{background:#fff;color:#176fc2;box-shadow:0 2px 8px rgba(27,61,91,.12)}
.mobile-repair-pending-parts{overflow:hidden}.mobile-repair-pending-list{display:flex;flex-direction:column}.mobile-repair-pending-list button{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;padding:11px 15px;text-align:right;font:inherit;cursor:pointer}.mobile-repair-pending-list button:hover{background:#f8fbfe}.mobile-repair-pending-list b,.mobile-repair-pending-list p{display:block}.mobile-repair-pending-list b{font-size:9px}.mobile-repair-pending-list p{font-size:8px;color:var(--muted);margin:4px 0 0}.mobile-repair-pending-list strong{font-size:10px;color:#b27900}
.mobile-repair-fund-movements-card{overflow:hidden}.mobile-repair-fund-totals{display:flex;gap:8px}.mobile-repair-fund-totals span{font-size:8px;background:#f1f6fa;border-radius:8px;padding:7px}.mobile-repair-fund-table{min-width:1200px}.mobile-repair-fund-table td small{display:block;font-size:7px;color:var(--muted);margin-top:3px}
.repair-fund-strip{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center;background:#eef8ff;border:1px solid #cce5f5;border-radius:11px;padding:10px;margin:12px 0}.repair-fund-strip>div{border-left:1px solid #d6e8f3;padding-left:8px}.repair-fund-strip span,.repair-fund-strip b{display:block}.repair-fund-strip span{font-size:7px;color:var(--muted)}.repair-fund-strip b{font-size:9px;margin-top:4px}.warning-text{color:#aa7000}
.mobile-repair-fund-modal-card{max-width:650px}.mobile-repair-fund-modal-balances{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mobile-repair-fund-modal-balances>div{border:1px solid var(--line);background:#f8fbfe;border-radius:10px;padding:10px}.mobile-repair-fund-modal-balances span,.mobile-repair-fund-modal-balances b{display:block}.mobile-repair-fund-modal-balances span{font-size:8px;color:var(--muted)}.mobile-repair-fund-modal-balances b{font-size:11px;margin-top:4px}.mobile-repair-fund-source-note{background:#edf7ff;color:#216a9e;border-radius:10px;padding:10px;margin-top:11px;font-size:8px}
.reports-mobile-repair-fund-card{padding:14px}.reports-mobile-repair-fund-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.reports-mobile-repair-fund-head span,.reports-mobile-repair-fund-head h3,.reports-mobile-repair-fund-head p{display:block}.reports-mobile-repair-fund-head span{font-size:7px;color:#247bc3}.reports-mobile-repair-fund-head h3{margin:3px 0;font-size:12px}.reports-mobile-repair-fund-head p{margin:0;font-size:8px;color:var(--muted)}.reports-mobile-repair-fund-head strong{font-size:17px;color:#176fc2}.reports-mobile-repair-fund-values,.reports-repair-fund-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.reports-mobile-repair-fund-values>div,.reports-repair-fund-strip>div{border:1px solid var(--line);background:#f8fbfe;border-radius:9px;padding:9px}.reports-mobile-repair-fund-values span,.reports-mobile-repair-fund-values b,.reports-repair-fund-strip span,.reports-repair-fund-strip b,.reports-repair-fund-strip strong{display:block}.reports-mobile-repair-fund-values span,.reports-repair-fund-strip span{font-size:7px;color:var(--muted)}.reports-mobile-repair-fund-values b,.reports-repair-fund-strip b,.reports-repair-fund-strip strong{font-size:10px;margin-top:4px}.reports-repair-fund-strip{margin:0}
@media(max-width:1050px){.mobile-repair-fund-hero{grid-template-columns:1fr 1fr}.mobile-repair-fund-hero>button{grid-column:1/-1}.mobile-repair-fund-rules{grid-template-columns:1fr 1fr}.mobile-repair-fund-toolbar{grid-template-columns:1fr 1fr}.mobile-repair-fund-periods{grid-column:1/-1}.repair-fund-strip{grid-template-columns:1fr 1fr}.reports-mobile-repair-fund-values,.reports-repair-fund-strip{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.mobile-repair-fund-hero,.mobile-repair-fund-rules,.mobile-repair-fund-toolbar,.repair-fund-strip,.mobile-repair-fund-modal-balances,.reports-mobile-repair-fund-values,.reports-repair-fund-strip{grid-template-columns:1fr}.mobile-repair-fund-periods{grid-column:auto}.mobile-repair-pending-list button{grid-template-columns:1fr}.repair-fund-strip>div{border-left:0;padding-left:0}.reports-mobile-repair-fund-head{align-items:flex-start;flex-direction:column}}


/* Phase 18.2 — Full repair cost deduction */
.mobile-repair-fund-hero-actions{display:flex;flex-direction:column;gap:7px}.mobile-repair-fund-hero-actions button{white-space:nowrap}
.repair-fund-strip-full{grid-template-columns:1fr 1fr 1fr 1fr auto}
.repair-cost-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 12px}.repair-cost-breakdown>div{border:1px solid var(--line);background:#fff8e8;border-radius:9px;padding:9px}.repair-cost-breakdown span,.repair-cost-breakdown b,.repair-cost-breakdown strong{display:block}.repair-cost-breakdown span{font-size:7px;color:var(--muted)}.repair-cost-breakdown b,.repair-cost-breakdown strong{font-size:9px;margin-top:4px}.repair-cost-breakdown strong{color:#a86e00}
.mobile-repair-expense-card{max-width:680px}.direct-repair-expense-balance{background:#edf7ff;color:#216a9e;border-radius:10px;padding:10px;margin-top:11px;font-size:8px}.direct-repair-expense-balance b{font-size:10px}
.reports-repair-cost-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reports-repair-cost-detail>div{border:1px solid var(--line);background:#fff8e8;border-radius:9px;padding:9px}.reports-repair-cost-detail span,.reports-repair-cost-detail b{display:block}.reports-repair-cost-detail span{font-size:7px;color:var(--muted)}.reports-repair-cost-detail b{font-size:10px;margin-top:4px}
@media(max-width:1050px){.repair-fund-strip-full{grid-template-columns:1fr 1fr}.repair-cost-breakdown{grid-template-columns:1fr 1fr}.mobile-repair-fund-hero-actions{grid-column:1/-1;flex-direction:row}.reports-repair-cost-detail{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.repair-fund-strip-full,.repair-cost-breakdown,.reports-repair-cost-detail{grid-template-columns:1fr}.mobile-repair-fund-hero-actions{flex-direction:column}.mobile-repair-fund-hero-actions button{width:100%}}


/* Phase 18.3 — Automatic invoice numbers for repair-fund operations */
.repair-operation-invoice-number{border:0;background:#edf7ff;color:#176fc2;border-radius:9px;padding:7px 9px;text-align:right;font:inherit;cursor:pointer;min-width:125px}
.repair-operation-invoice-number:hover{background:#dff0fc}.repair-operation-invoice-number b,.repair-operation-invoice-number small{display:block}.repair-operation-invoice-number b{font-size:8px}.repair-operation-invoice-number small{font-size:7px;color:#5d819b;margin-top:3px}
.repair-operation-invoices-section{border-color:#cce5f5!important;background:#f9fdff}.repair-operation-invoices-list{display:flex;flex-direction:column}.repair-operation-invoices-list button{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;text-align:right;font:inherit;cursor:pointer}.repair-operation-invoices-list button:hover{background:#f4faff}.repair-operation-invoices-list b,.repair-operation-invoices-list p{display:block}.repair-operation-invoices-list b{font-size:9px}.repair-operation-invoices-list p{font-size:7px;color:var(--muted);margin:3px 0 0}.repair-operation-invoices-list strong{font-size:9px}
.mobile-repair-operation-invoice-modal{position:fixed;inset:0;z-index:10000;background:rgba(5,21,35,.72);display:grid;place-items:center;padding:18px;overflow:auto}.mobile-repair-operation-invoice-shell{width:min(720px,100%);margin:auto}.mobile-repair-operation-invoice-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.mobile-repair-operation-invoice{background:#fff;border-radius:16px;padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.28);direction:rtl}.mobile-repair-operation-invoice>header{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.mobile-repair-invoice-logo{width:54px;height:54px;border-radius:16px;background:#0b3558;color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px}.mobile-repair-operation-invoice header h2{margin:0;font-size:18px}.mobile-repair-operation-invoice header p{margin:4px 0 0;color:#667886;font-size:9px}.mobile-repair-invoice-divider{border-top:2px dashed #bfd0dc;margin:18px 0}.mobile-repair-invoice-title{text-align:center}.mobile-repair-invoice-title h3{margin:0 0 7px;font-size:15px}.mobile-repair-invoice-title>b{display:inline-block;background:#edf7ff;color:#176fc2;border:1px solid #c8e4f5;border-radius:9px;padding:7px 13px;font-size:12px;letter-spacing:.5px}.mobile-repair-invoice-meta,.mobile-repair-invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.mobile-repair-invoice-meta>div,.mobile-repair-invoice-grid>div{border:1px solid #dce5eb;border-radius:10px;padding:9px;background:#f9fbfc}.mobile-repair-invoice-meta span,.mobile-repair-invoice-meta b,.mobile-repair-invoice-grid span,.mobile-repair-invoice-grid b{display:block}.mobile-repair-invoice-meta span,.mobile-repair-invoice-grid span{font-size:8px;color:#6c7c87}.mobile-repair-invoice-meta b,.mobile-repair-invoice-grid b{font-size:9px;margin-top:4px}.mobile-repair-invoice-section{border-top:1px solid #e1e7eb;margin-top:16px;padding-top:14px}.mobile-repair-invoice-section h4{margin:0 0 9px;font-size:10px}.mobile-repair-invoice-description{background:#f5f8fa;border-radius:10px;padding:11px;font-size:9px;line-height:1.7}.mobile-repair-invoice-amount{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:13px;margin-top:10px}.mobile-repair-invoice-amount.income{background:#e9f8ef;color:#187748}.mobile-repair-invoice-amount.expense{background:#fff0f0;color:#a53333}.mobile-repair-invoice-amount span{font-size:9px}.mobile-repair-invoice-amount strong{font-size:18px}.mobile-repair-operation-invoice footer{border-top:2px dashed #bfd0dc;margin-top:18px;padding-top:14px;text-align:center}.mobile-repair-operation-invoice footer p{font-size:8px;color:#71818c}.mobile-repair-operation-invoice footer>div{display:flex;justify-content:space-around;margin-top:25px}.mobile-repair-operation-invoice footer span{border-top:1px solid #7b8992;width:140px;padding-top:6px;font-size:8px}
@media(max-width:650px){.repair-operation-invoices-list button{grid-template-columns:1fr}.mobile-repair-invoice-meta,.mobile-repair-invoice-grid{grid-template-columns:1fr}.mobile-repair-operation-invoice{padding:16px}.mobile-repair-operation-invoice footer>div{gap:15px}.mobile-repair-operation-invoice footer span{width:110px}}
@media print{
  body.printing-mobile-repair-operation-invoice>*:not(.mobile-repair-operation-invoice-modal){display:none!important}
  body.printing-mobile-repair-operation-invoice .mobile-repair-operation-invoice-modal{position:static;background:#fff;padding:0;display:block}
  body.printing-mobile-repair-operation-invoice .mobile-repair-operation-invoice-shell{width:100%;max-width:none}
  body.printing-mobile-repair-operation-invoice .mobile-repair-operation-invoice-toolbar{display:none!important}
  body.printing-mobile-repair-operation-invoice .mobile-repair-operation-invoice{box-shadow:none;border-radius:0;width:100%;max-width:100%;margin:0}
}


/* Phase 18.4 — Main-laptop attendance kiosk */
.attendance-kiosk-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  background:#edf3f7;
  direction:rtl
}
.attendance-kiosk-brand{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#061a2d,#0b4b71);
  color:#fff;
  padding:48px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.attendance-kiosk-brand:before,
.attendance-kiosk-brand:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.05)
}
.attendance-kiosk-brand:before{
  width:420px;
  height:420px;
  left:-190px;
  bottom:-120px
}
.attendance-kiosk-brand:after{
  width:260px;
  height:260px;
  right:-100px;
  top:80px
}
.attendance-kiosk-brand>*{
  position:relative;
  z-index:1
}
.attendance-kiosk-hero span{
  display:inline-block;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  padding:8px 12px;
  font-size:10px
}
.attendance-kiosk-hero h1{
  font-size:44px;
  margin:18px 0 10px
}
.attendance-kiosk-hero p{
  max-width:590px;
  font-size:14px;
  line-height:1.9;
  opacity:.78
}
.attendance-kiosk-time{
  display:flex;
  flex-direction:column;
  gap:5px
}
.attendance-kiosk-time strong{
  font-size:44px;
  letter-spacing:2px
}
.attendance-kiosk-time span{
  font-size:13px;
  opacity:.72
}
.attendance-kiosk-panel{
  padding:34px;
  display:grid;
  grid-template-columns:minmax(330px,430px) minmax(300px,1fr);
  gap:18px;
  align-items:center
}
.attendance-kiosk-card,
.attendance-today-card{
  background:#fff;
  border:1px solid #dbe5ec;
  border-radius:20px;
  box-shadow:0 20px 50px rgba(18,49,73,.09)
}
.attendance-kiosk-card{
  padding:28px;
  text-align:center
}
.attendance-kiosk-icon{
  width:68px;
  height:68px;
  border-radius:21px;
  background:#eaf5ff;
  color:#176fc2;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  font-size:29px
}
.attendance-kiosk-card h2{
  margin:0 0 7px;
  font-size:19px
}
.attendance-kiosk-card>p{
  margin:0 0 18px;
  color:#6c7e8b;
  font-size:10px
}
.attendance-pin-field{
  text-align:right
}
.attendance-register-button{
  width:100%;
  margin-top:8px;
  padding:13px
}
.attendance-message{
  min-height:38px;
  border-radius:10px;
  margin:10px 0;
  display:grid;
  place-items:center;
  padding:8px;
  font-size:9px
}
.attendance-message:empty{
  background:transparent
}
.attendance-message.success{
  background:#eaf8ef;
  color:#19794a;
  border:1px solid #bfe2cd
}
.attendance-message.error{
  background:#fff0f0;
  color:#a52d2d;
  border:1px solid #efc7c7
}
.attendance-today-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px
}
.attendance-today-summary>div{
  border:1px solid #dfe7ed;
  background:#f8fbfd;
  border-radius:10px;
  padding:10px
}
.attendance-today-summary span,
.attendance-today-summary b{
  display:block
}
.attendance-today-summary span{
  font-size:8px;
  color:#71818d
}
.attendance-today-summary b{
  font-size:15px;
  margin-top:4px
}
.attendance-system-login,
.attendance-back-button{
  width:100%;
  border:0;
  background:transparent;
  color:#176fc2;
  font:inherit;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
  margin-top:16px
}
.attendance-today-card{
  overflow:hidden;
  max-height:620px
}
.attendance-today-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:17px;
  border-bottom:1px solid #dfe7ed
}
.attendance-today-head h3{
  margin:0;
  font-size:12px
}
.attendance-today-head p{
  margin:4px 0 0;
  color:#71818d;
  font-size:8px
}
.attendance-today-head>span{
  width:38px;
  height:38px;
  border-radius:12px;
  background:#eaf5ff;
  color:#176fc2;
  display:grid;
  place-items:center;
  font-weight:900
}
.attendance-today-list{
  max-height:530px;
  overflow:auto
}
.attendance-today-list>div{
  display:grid;
  grid-template-columns:43px 1fr auto;
  gap:10px;
  align-items:center;
  padding:12px 16px;
  border-bottom:1px solid #edf1f4
}
.attendance-employee-avatar{
  width:40px;
  height:40px;
  border-radius:13px;
  background:#edf6fc;
  color:#176fc2;
  display:grid;
  place-items:center;
  font-weight:900
}
.attendance-today-list b,
.attendance-today-list p{
  display:block
}
.attendance-today-list b{
  font-size:9px
}
.attendance-today-list p{
  font-size:7px;
  color:#71818d;
  margin:4px 0 0
}
.attendance-today-list strong{
  font-size:10px;
  color:#19794a
}
.attendance-empty{
  display:block!important;
  text-align:center;
  color:#71818d;
  font-size:9px;
  padding:28px!important
}
.attendance-back-button{
  margin-top:10px
}
@media(max-width:1180px){
  .attendance-kiosk-panel{
    grid-template-columns:1fr;
    align-content:center;
    overflow:auto
  }
  .attendance-today-card{
    max-height:360px
  }
}
@media(max-width:800px){
  .attendance-kiosk-shell{
    grid-template-columns:1fr
  }
  .attendance-kiosk-brand{
    min-height:340px;
    padding:28px
  }
  .attendance-kiosk-hero h1{
    font-size:34px
  }
  .attendance-kiosk-time strong{
    font-size:32px
  }
  .attendance-kiosk-panel{
    padding:16px
  }
}
@media(max-width:520px){
  .attendance-kiosk-brand{
    min-height:290px
  }
  .attendance-kiosk-card{
    padding:20px
  }
  .attendance-today-summary{
    grid-template-columns:1fr
  }
}


/* Phase 18.5 — Attendance lateness and salary deductions */
.attendance-report-view{display:flex;flex-direction:column;gap:15px}.attendance-report-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.attendance-report-topbar h3{margin:0;font-size:17px}.attendance-report-topbar p{margin:5px 0 0;color:var(--muted);font-size:9px}.attendance-report-actions{display:flex;gap:7px}.attendance-report-filter-card{display:grid;grid-template-columns:1fr 210px 170px 210px;gap:9px;align-items:center;padding:11px}.attendance-report-periods{display:flex;gap:4px;background:#edf3f7;border-radius:10px;padding:4px}.attendance-report-periods button{border:0;background:transparent;border-radius:7px;padding:8px 11px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.attendance-report-periods button.active{background:#fff;color:#176fc2;box-shadow:0 2px 8px rgba(27,61,91,.12)}.attendance-report-filter-card select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;font:inherit;font-size:8px}.attendance-report-period-label{border:1px solid var(--line);background:#f8fbfe;border-radius:9px;padding:8px}.attendance-report-period-label span,.attendance-report-period-label b{display:block}.attendance-report-period-label span{font-size:7px;color:var(--muted)}.attendance-report-period-label b{font-size:8px;margin-top:3px}
.attendance-report-main-grid{align-items:start}.attendance-ranking-card,.attendance-settings-card{overflow:hidden}.attendance-ranking-list{display:flex;flex-direction:column}.attendance-ranking-row{display:grid;grid-template-columns:30px 42px 1fr 135px 120px;gap:9px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line)}.attendance-ranking-row.first{background:#fff6f3}.attendance-ranking-row>span{width:27px;height:27px;border-radius:9px;background:#edf5fb;color:#247bc3;display:grid;place-items:center;font-size:8px;font-weight:900}.attendance-ranking-row.first>span{background:#e95858;color:#fff}.attendance-ranking-avatar{width:39px;height:39px;border-radius:12px;background:#eaf5ff;color:#176fc2;display:grid;place-items:center;font-weight:900}.attendance-ranking-row b,.attendance-ranking-row p,.attendance-ranking-row strong,.attendance-ranking-row small{display:block}.attendance-ranking-row b{font-size:9px}.attendance-ranking-row p,.attendance-ranking-row small{font-size:7px;color:var(--muted);margin:3px 0 0}.attendance-ranking-row strong{font-size:9px}.attendance-formula-card{border:1px solid #cfe4f2;background:#eff8ff;border-radius:11px;padding:11px;margin:11px 0}.attendance-formula-card>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0}.attendance-formula-card span{font-size:8px;color:var(--muted)}.attendance-formula-card b{font-size:9px}.attendance-formula-card p{font-size:8px;line-height:1.7;color:#356a8b;margin:8px 0 0}.full-width{width:100%}
.attendance-records-card{overflow:hidden}.attendance-records-table{min-width:1150px}.attendance-records-table td small{display:block;color:var(--muted);font-size:7px;margin-top:3px}
@media(max-width:1150px){.attendance-report-filter-card{grid-template-columns:1fr 1fr}.attendance-report-period-label{grid-column:1/-1}.attendance-ranking-row{grid-template-columns:30px 42px 1fr 110px}.attendance-ranking-row>div:last-child{grid-column:3/-1}}
@media(max-width:750px){.attendance-report-topbar{align-items:flex-start;flex-direction:column}.attendance-report-actions{width:100%}.attendance-report-actions button{flex:1}.attendance-report-filter-card{grid-template-columns:1fr}.attendance-report-period-label{grid-column:auto}.attendance-report-main-grid{grid-template-columns:1fr!important}.attendance-ranking-row{grid-template-columns:30px 42px 1fr}.attendance-ranking-row>div:nth-last-child(-n+2){grid-column:3/-1}}
@media print{body.printing-attendance-report .sidebar,body.printing-attendance-report .topbar,body.printing-attendance-report .employees-tabs,body.printing-attendance-report .attendance-report-actions,body.printing-attendance-report .attendance-report-filter-card,body.printing-attendance-report .attendance-settings-card{display:none!important}body.printing-attendance-report .app-shell,body.printing-attendance-report .main,body.printing-attendance-report .content{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}body.printing-attendance-report .attendance-report-view{padding:0!important}body.printing-attendance-report .card{box-shadow:none!important;break-inside:avoid}}


/* Phase 18.6 — Review-ready center */
.system-review-page{display:flex;flex-direction:column;gap:14px}.system-review-head{align-items:center}.review-build-badge{display:inline-block;background:#e9f7ef;color:#187748;border:1px solid #bfe4cd;border-radius:999px;padding:5px 9px;font-size:7px;font-weight:900;margin-bottom:6px}.system-review-head-actions{display:flex;gap:7px}.system-review-tabs{display:flex;gap:5px;background:#e9eff3;border-radius:11px;padding:5px}.system-review-tabs button{border:0;background:transparent;border-radius:8px;padding:9px 14px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.system-review-tabs button.active{background:#fff;color:#176fc2;box-shadow:0 2px 9px rgba(25,62,88,.12)}.system-review-guide{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px}.system-review-guide b{font-size:10px}.system-review-guide p{font-size:8px;color:var(--muted);margin:4px 0 0}.system-review-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.system-review-module-card{padding:13px;border-right:4px solid #d4dee5}.system-review-module-card.reviewed{border-right-color:#31a568}.system-review-module-card.changes{border-right-color:#d84d4d}.system-review-module-card.pending{border-right-color:#d8a735}.system-review-module-head{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:start}.system-review-module-head>span:first-child{width:36px;height:36px;border-radius:10px;background:#edf6fc;color:#176fc2;display:grid;place-items:center;font-size:14px}.system-review-module-head h3{margin:0;font-size:10px}.system-review-module-head p{margin:4px 0 0;color:var(--muted);font-size:7px;line-height:1.6}.system-review-module-info{display:flex;justify-content:space-between;gap:8px;margin:11px 0;padding:8px;background:#f7fafc;border-radius:8px}.system-review-module-info span{font-size:7px;color:var(--muted)}.system-review-module-info b{color:var(--ink)}.system-review-module-actions{display:grid;grid-template-columns:1fr auto auto;gap:6px}.system-review-module-actions select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px;font:inherit;font-size:7px}.system-review-note-form{padding:14px}.system-review-note-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px;padding:11px}.system-review-note-filters select{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;font:inherit;font-size:8px}.system-review-notes-view,.system-review-tools-view{display:flex;flex-direction:column;gap:10px}.system-review-notes-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-review-note-card{padding:13px;border-right:4px solid #e0ac35}.system-review-note-card.done{border-right-color:#37a76d;opacity:.82}.system-review-note-head{display:flex;justify-content:space-between;align-items:center}.system-review-note-head>div{display:flex;gap:5px}.system-review-note-card h3{font-size:11px;margin:12px 0 6px}.system-review-note-card>p{font-size:8px;color:var(--muted);line-height:1.8;white-space:pre-wrap}.system-review-suggestion{background:#edf7ff;border-radius:8px;padding:8px;margin:8px 0}.system-review-suggestion span,.system-review-suggestion b{display:block}.system-review-suggestion span{font-size:7px;color:#397ba4}.system-review-suggestion b{font-size:8px;margin-top:4px}.system-review-note-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:7px;border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.system-review-note-actions{display:flex;gap:6px;margin-top:10px}.danger-btn{border:1px solid #e2b9b9;background:#fff1f1;color:#a52d2d;border-radius:8px;padding:8px 11px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.system-review-tool-card{padding:19px;text-align:center}.system-review-tool-card.warning{border-color:#edc9c9}.system-review-tool-icon{width:54px;height:54px;border-radius:17px;background:#edf6fc;color:#176fc2;display:grid;place-items:center;margin:0 auto 11px;font-size:20px}.system-review-tool-card h3{font-size:11px;margin:0 0 7px}.system-review-tool-card p{font-size:8px;color:var(--muted);line-height:1.7;min-height:42px}.system-review-diagnostics{padding:14px}.system-review-diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.system-review-diagnostic-grid>div{background:#f7fafc;border:1px solid var(--line);border-radius:8px;padding:9px}.system-review-diagnostic-grid span,.system-review-diagnostic-grid b{display:block}.system-review-diagnostic-grid span{font-size:7px;color:var(--muted)}.system-review-diagnostic-grid b{font-size:9px;margin-top:4px;overflow-wrap:anywhere}
@media(max-width:1150px){.system-review-module-grid{grid-template-columns:1fr 1fr}.system-review-diagnostic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.system-review-module-grid,.system-review-notes-list,.system-review-diagnostic-grid{grid-template-columns:1fr}.system-review-head,.system-review-guide{align-items:flex-start;flex-direction:column}.system-review-note-filters{grid-template-columns:1fr}.system-review-module-actions{grid-template-columns:1fr}.system-review-head-actions{width:100%}.system-review-head-actions button{flex:1}}


/* Phase 18.7 — Fast POS sales interface */
.sales-pos-page{max-width:none}.sales-pos-topbar{margin-bottom:12px}.sales-pos-top-actions{display:flex;align-items:center;gap:8px}.sales-pos-employee{background:#eef5fa;border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:8px;font-weight:800;color:var(--muted)}
.sales-pos-layout{display:grid;direction:ltr;grid-template-columns:minmax(470px,46%) minmax(540px,54%);grid-template-areas:"invoice catalog";gap:12px;align-items:start}.sales-pos-invoice-panel,.sales-pos-catalog-panel{direction:rtl;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 24px rgba(20,48,69,.05);overflow:hidden}.sales-pos-invoice-panel{grid-area:invoice;position:sticky;top:8px}.sales-pos-catalog-panel{grid-area:catalog}
.sales-pos-invoice-head,.sales-pos-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);background:#f8fbfd}.sales-pos-invoice-head span,.sales-pos-catalog-head span{font-size:7px;color:var(--muted)}.sales-pos-invoice-head h3,.sales-pos-catalog-head h3{margin:4px 0 0;font-size:13px}.sales-pos-price-mode{display:flex;background:#eaf1f6;border-radius:9px;padding:3px}.sales-pos-price-mode button{border:0;background:transparent;border-radius:7px;padding:7px 9px;font:inherit;font-size:7px;font-weight:800;cursor:pointer}.sales-pos-price-mode button.active{background:#fff;color:#176fc2;box-shadow:0 2px 7px rgba(20,48,69,.12)}
.sales-pos-customer,.sales-pos-cart-section{padding:12px 14px;border-bottom:1px solid var(--line)}.sales-pos-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.sales-pos-section-title>div{display:flex;align-items:center;gap:7px}.sales-pos-section-title>div>span{width:24px;height:24px;border-radius:8px;background:#eaf5ff;color:#176fc2;display:grid;place-items:center;font-size:8px;font-weight:900}.sales-pos-section-title b{font-size:9px}.sales-pos-section-title small{font-size:7px;color:var(--muted)}.sales-pos-customer-tabs{margin-bottom:8px}.sales-pos-customer-results{max-height:125px;overflow:auto}.sales-pos-cash-phone label,.sales-pos-notes label,.sales-pos-payment label{display:flex;flex-direction:column;gap:5px;font-size:7px;font-weight:800;color:var(--muted)}.sales-pos-cash-phone input,.sales-pos-notes textarea,.sales-pos-payment input{border:1px solid var(--line);border-radius:8px;padding:9px;font:inherit;background:#fff}.sales-pos-notes textarea{min-height:62px;resize:vertical}
.sales-pos-cart{max-height:325px;overflow:auto}.sales-pos-cart .sales-priced-cart-head{position:sticky;top:0;z-index:2;background:#eef4f8}.sales-pos-cart .sales-priced-cart-row{min-width:850px}.sales-pos-invoice-bottom{display:grid;grid-template-columns:.9fr 1.1fr;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line)}.sales-pos-totals{display:flex;flex-direction:column;gap:5px}.sales-pos-total-row,.sales-pos-discount-row,.sales-pos-grand-total{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:8px;padding:7px 9px;background:#f5f8fa}.sales-pos-total-row span,.sales-pos-discount-row span,.sales-pos-grand-total span{font-size:7px;color:var(--muted)}.sales-pos-total-row b{font-size:8px;text-align:left}.sales-pos-total-row.compact{padding:5px 9px}.sales-pos-discount-row input{width:115px;border:1px solid var(--line);border-radius:7px;padding:6px;text-align:center;font:inherit}.sales-pos-grand-total{background:#eaf7ef}.sales-pos-grand-total strong{font-size:11px;color:#157849;text-align:left}
.sales-pos-payment{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:end;padding:12px 14px}.sales-pos-payment .payment-type-tabs{margin:0}.sales-pos-payment .remaining-box{min-height:48px}.sales-pos-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:8px;padding:0 14px 14px}.sales-pos-actions button{padding:12px}
.sales-pos-groups{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:7px;padding:12px}.sales-pos-group{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 7px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;cursor:pointer;transition:.15s}.sales-pos-group:hover{transform:translateY(-1px);border-color:#a8cfe8;box-shadow:0 7px 16px rgba(23,111,194,.09)}.sales-pos-group.active{background:linear-gradient(145deg,#0e4770,#176fc2);border-color:#176fc2;color:#fff}.sales-pos-group-icon{font-size:21px;line-height:1}.sales-pos-group b{font-size:8px}.sales-pos-group small{font-size:7px;color:var(--muted)}.sales-pos-group.active small{color:rgba(255,255,255,.72)}
.sales-pos-search-box{margin:0 12px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;border:2px solid #bfd9eb;border-radius:12px;background:#fff;overflow:hidden}.sales-pos-search-box>span{text-align:center;color:#176fc2;font-size:15px}.sales-pos-search-box input{border:0;outline:0;padding:12px 5px;font:inherit;font-size:10px}.sales-pos-search-box button{margin-left:5px}.sales-pos-search-help{font-size:7px;color:var(--muted);padding:6px 15px 0}.sales-pos-results-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 7px}.sales-pos-results-head b{font-size:9px}.sales-pos-results-head span{font-size:7px;color:var(--muted)}
.sales-pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px;padding:0 12px 14px;max-height:560px;overflow:auto}.sales-pos-product{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;text-align:right;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:188px;transition:.15s}.sales-pos-product:hover:not(:disabled){border-color:#7cb7df;box-shadow:0 8px 18px rgba(23,111,194,.10);transform:translateY(-1px)}.sales-pos-product.in-cart{border-color:#61b58a;background:#f6fffa}.sales-pos-product.disabled{opacity:.55;cursor:not-allowed}.sales-pos-product-top{display:flex;align-items:center;gap:5px}.sales-pos-product-icon{width:34px;height:34px;border-radius:10px;background:#edf6fc;display:grid;place-items:center;font-size:16px}.sales-pos-cart-qty{width:24px;height:24px;border-radius:999px;background:#157849;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.sales-pos-product-top .badge{margin-right:auto}.sales-pos-product-name{font-size:9px;font-weight:900;line-height:1.55;min-height:28px}.sales-pos-product-codes{display:flex;flex-wrap:wrap;gap:4px}.sales-pos-product-codes span{font-size:6.5px;background:#f1f5f8;color:#60717e;border-radius:6px;padding:4px}.sales-pos-product-stock{font-size:7px;color:var(--muted)}.sales-pos-product-price{margin-top:auto}.sales-pos-product-add{text-align:center;background:#edf7ff;color:#176fc2;border-radius:8px;padding:7px;font-size:7px;font-weight:900}.sales-pos-product.in-cart .sales-pos-product-add{background:#e6f7ee;color:#157849}.sales-pos-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:35px;text-align:center;color:var(--muted);font-size:9px}
.sales-pos-history-card{margin-top:12px}.sales-pos-history-list{display:grid;grid-template-columns:repeat(4,1fr)}.sales-pos-history-list .sales-history-row{border-left:1px solid var(--line)}
@media(max-width:1450px){.sales-pos-layout{grid-template-columns:minmax(430px,48%) minmax(480px,52%)}.sales-pos-groups{grid-template-columns:repeat(4,1fr)}.sales-pos-product-grid{grid-template-columns:repeat(2,1fr)}.sales-pos-history-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.sales-pos-layout{grid-template-columns:1fr;grid-template-areas:"catalog" "invoice"}.sales-pos-invoice-panel{position:static}.sales-pos-groups{grid-template-columns:repeat(5,1fr)}.sales-pos-product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.sales-pos-topbar,.sales-pos-top-actions{align-items:flex-start;flex-direction:column}.sales-pos-groups{grid-template-columns:repeat(2,1fr)}.sales-pos-product-grid{grid-template-columns:1fr 1fr}.sales-pos-invoice-bottom,.sales-pos-payment{grid-template-columns:1fr}.sales-pos-actions{grid-template-columns:1fr}.sales-pos-history-list{grid-template-columns:1fr}}
@media(max-width:480px){.sales-pos-product-grid{grid-template-columns:1fr}.sales-pos-group{min-height:75px}.sales-pos-cart .sales-priced-cart-row{min-width:780px}}


/* Phase 18.8 — Sales cart add/delete controls */
.sales-cart-help{
  background:#edf7ff;
  color:#276b99;
  border:1px solid #cde5f5;
  border-radius:9px;
  padding:8px 10px;
  margin-bottom:8px;
  font-size:8px;
  line-height:1.6
}
.sales-cart-controls-head{
  grid-template-columns:minmax(160px,1.35fr) minmax(120px,.9fr) minmax(100px,.75fr) 132px minmax(105px,.85fr) 82px!important
}
.sales-cart-editable-row{
  grid-template-columns:minmax(160px,1.35fr) minmax(120px,.9fr) minmax(100px,.75fr) 132px minmax(105px,.85fr) 82px!important
}
.sales-pos-quantity-control{
  display:grid!important;
  grid-template-columns:34px 54px 34px;
  gap:4px;
  align-items:center
}
.sales-pos-quantity-control input{
  width:54px!important;
  min-width:0;
  text-align:center;
  font-weight:900
}
.sales-qty-button{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  font-size:16px!important;
  font-weight:900!important
}
.sales-qty-button.minus{
  background:#fff3e5!important;
  color:#a86200!important;
  border:1px solid #f0d2aa!important
}
.sales-qty-button.plus{
  background:#eaf8ef!important;
  color:#167547!important;
  border:1px solid #bfe3ce!important
}
.sales-qty-button:disabled{
  opacity:.38;
  cursor:not-allowed
}
.sales-cart-delete-button{
  min-width:72px!important;
  height:36px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:9px!important;
  background:#fff0f0!important;
  color:#ad3030!important;
  border:1px solid #efc5c5!important;
  font:inherit!important;
  cursor:pointer
}
.sales-cart-delete-button:hover{
  background:#ffe2e2!important
}
.sales-cart-delete-button span{
  font-size:11px
}
.sales-cart-delete-button b{
  font-size:8px
}
.sales-clear-cart-button{
  border:1px solid #efc5c5;
  background:#fff0f0;
  color:#ad3030;
  border-radius:8px;
  padding:7px 10px;
  font:inherit;
  font-size:8px;
  font-weight:900;
  cursor:pointer
}
.sales-clear-cart-button:hover{
  background:#ffe2e2
}
.sales-clear-cart-button:disabled{
  opacity:.4;
  cursor:not-allowed
}
@media(max-width:1100px){
  .sales-cart-controls-head{
    display:none!important
  }
  .sales-cart-editable-row{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important
  }
  .sales-cart-editable-row .cart-product{
    grid-column:1/-1
  }
}
@media(max-width:650px){
  .sales-cart-editable-row{
    grid-template-columns:1fr!important
  }
  .sales-pos-quantity-control{
    justify-content:start
  }
  .sales-cart-delete-button{
    width:100%!important
  }
}


/* Phase 18.9 — Sales category manager */
.sales-category-manager-card{
  width:min(900px,94vw);
  max-width:900px;
  max-height:88vh;
  overflow:auto
}
.sales-category-manager-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:15px
}
.sales-category-manager-head h3{
  margin:5px 0;
  font-size:17px
}
.sales-category-manager-head p{
  margin:0;
  color:var(--muted);
  font-size:9px;
  line-height:1.7
}
.sales-category-manager-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:18px 0 10px;
  padding:12px;
  border-radius:11px;
  background:#f3f8fc;
  border:1px solid var(--line)
}
.sales-category-manager-toolbar b,
.sales-category-manager-toolbar span{
  display:block
}
.sales-category-manager-toolbar b{
  font-size:10px
}
.sales-category-manager-toolbar span{
  font-size:8px;
  color:var(--muted);
  margin-top:3px
}
.sales-category-manager-list{
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden
}
.sales-category-manager-row{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  padding:11px 13px;
  border-bottom:1px solid var(--line);
  background:#fff
}
.sales-category-manager-row:last-child{
  border-bottom:0
}
.sales-category-manager-icon{
  width:44px;
  height:44px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#edf7ff;
  font-size:20px
}
.sales-category-manager-info>div{
  display:flex;
  align-items:center;
  gap:7px
}
.sales-category-manager-info b{
  font-size:10px
}
.sales-category-manager-info p{
  margin:4px 0;
  color:var(--muted);
  font-size:8px
}
.sales-category-manager-info small{
  font-size:7px;
  color:#7d8c97
}
.sales-category-manager-actions{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.sales-category-manager-note{
  margin-top:11px;
  padding:10px;
  border-radius:9px;
  background:#fff8e7;
  color:#8c6500;
  font-size:8px;
  line-height:1.7
}
.sales-category-editor-card{
  width:min(620px,94vw);
  max-width:620px
}
.sales-category-delete-card{
  width:min(520px,94vw);
  max-width:520px;
  text-align:center
}
.sales-category-delete-icon{
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  background:#fff0f0;
  color:#b42e2e;
  font-size:27px;
  font-weight:900
}
.sales-category-products-card{
  width:min(850px,94vw);
  max-width:850px;
  max-height:88vh;
  overflow:auto
}
.sales-category-products-search{
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:6px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:0 10px;
  margin:15px 0 8px
}
.sales-category-products-search input{
  border:0;
  outline:0;
  padding:11px 3px;
  font:inherit;
  font-size:9px
}
.sales-category-products-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:8px
}
.sales-category-products-actions span{
  margin-right:auto;
  font-size:8px;
  color:var(--muted)
}
.sales-category-products-list{
  max-height:460px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:11px
}
.sales-category-product-row{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  cursor:pointer;
  background:#fff
}
.sales-category-product-row:last-child{
  border-bottom:0
}
.sales-category-product-row:hover{
  background:#f8fbfd
}
.sales-category-product-row input{
  display:none
}
.sales-category-product-check{
  width:24px;
  height:24px;
  border-radius:7px;
  display:grid;
  place-items:center;
  border:1px solid #cad7df;
  color:transparent;
  background:#fff
}
.sales-category-product-row input:checked + .sales-category-product-check{
  background:#1d78bf;
  border-color:#1d78bf;
  color:#fff
}
.sales-category-product-row b,
.sales-category-product-row p{
  display:block
}
.sales-category-product-row b{
  font-size:9px
}
.sales-category-product-row p{
  margin:3px 0 0;
  font-size:7px;
  color:var(--muted)
}
.sales-category-product-row small{
  font-size:8px;
  color:#176fc2;
  background:#edf7ff;
  border-radius:8px;
  padding:6px 8px
}
@media(max-width:760px){
  .sales-category-manager-row{
    grid-template-columns:44px 1fr
  }
  .sales-category-manager-actions{
    grid-column:1/-1;
    justify-content:stretch
  }
  .sales-category-manager-actions button{
    flex:1
  }
  .sales-category-manager-toolbar{
    align-items:stretch;
    flex-direction:column
  }
  .sales-category-product-row{
    grid-template-columns:28px 1fr
  }
  .sales-category-product-row small{
    grid-column:2
  }
}


/* Phase 19 — Internet workflow and separate invoice templates */
.internet-alert-button{position:relative}.internet-alert-button span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#d72e2e;color:#fff;font-size:8px;margin-right:4px}.internet-request-mode-tabs{display:flex;gap:6px;padding:12px 14px 0}.internet-request-mode-tabs button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 14px;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.internet-request-mode-tabs button.active{background:#176fc2;color:#fff;border-color:#176fc2}.internet-workflow-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.internet-workflow-stats>div,.internet-workflow-owner>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px}.internet-workflow-stats span,.internet-workflow-owner span{display:block;font-size:8px;color:var(--muted)}.internet-workflow-stats b{display:block;font-size:18px;margin-top:4px}.internet-workflow-owner{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.internet-workflow-owner b{display:block;font-size:9px;margin-top:4px}.internet-workflow-fields label{display:flex;flex-direction:column;gap:5px}.internet-workflow-fields input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;font-size:9px}.internet-material-add{display:grid;grid-template-columns:1fr 85px 110px auto;gap:7px;margin-bottom:9px}.internet-material-add select,.internet-material-add input{border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;font-size:8px}.internet-material-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.internet-material-head,.internet-material-row{display:grid;grid-template-columns:1.4fr 60px 100px 100px 70px;gap:8px;align-items:center;padding:9px 11px}.internet-material-head{background:#f2f7fa;font-size:8px;font-weight:800}.internet-material-row{border-top:1px solid var(--line);font-size:8px}.internet-material-row b,.internet-material-row small{display:block}.internet-material-row small{margin-top:3px;color:var(--muted)}.internet-material-empty{padding:17px;text-align:center;color:var(--muted);font-size:8px;border:1px dashed var(--line);border-radius:9px}.internet-workflow-notifications-card{width:min(720px,94vw);max-width:720px;max-height:86vh;overflow:auto}.internet-workflow-modal-head{display:flex;justify-content:space-between;gap:12px}.internet-workflow-modal-head h3{margin:4px 0}.internet-workflow-modal-head p{font-size:8px;color:var(--muted)}.internet-workflow-notification-list{margin-top:12px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.internet-workflow-notification-row{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:right;border:0;border-bottom:1px solid var(--line);background:#fff;padding:11px;cursor:pointer;font:inherit}.internet-workflow-notification-row:last-child{border-bottom:0}.internet-workflow-notification-row.unread{background:#eef7ff}.internet-workflow-notification-row>span:first-child{width:34px;height:34px;border-radius:10px;background:#e6f3ff;display:grid;place-items:center}.internet-workflow-notification-row b{font-size:9px}.internet-workflow-notification-row p,.internet-workflow-notification-row small{display:block;margin:3px 0 0;font-size:7px;color:var(--muted)}.internet-workflow-notification-row em{font-style:normal;color:#176fc2;font-size:7px;font-weight:900}.internet-invoice-archive-list>button{width:100%;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;padding:12px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:right;font:inherit;cursor:pointer}.internet-invoice-archive-list>button:hover{background:#f7fbfd}.internet-invoice-type{display:grid;place-items:center;border-radius:9px;padding:8px;font-size:8px;font-weight:900}.internet-invoice-type.installation{background:#eaf8ef;color:#147045}.internet-invoice-type.maintenance{background:#fff3df;color:#986000}.internet-invoice-archive-list b{font-size:9px}.internet-invoice-archive-list p,.internet-invoice-archive-list small{display:block;margin:3px 0 0;font-size:7px;color:var(--muted)}.internet-invoice-archive-list strong{font-size:10px}.internet-invoice-modal{position:fixed;inset:0;z-index:3000;background:rgba(4,18,30,.72);padding:20px;overflow:auto;direction:rtl}.internet-invoice-modal-shell{max-width:980px;margin:auto}.internet-invoice-document{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.24)}.internet-invoice-document>header{display:flex;justify-content:space-between;gap:20px;padding:25px 28px;color:#fff}.installation-invoice-document>header{background:linear-gradient(135deg,#064c75,#0f83a8)}.maintenance-invoice-document>header{background:linear-gradient(135deg,#4f2c05,#a46b14)}.internet-invoice-document header h2{margin:5px 0;font-size:22px}.internet-invoice-document header p,.internet-invoice-document header small,.internet-invoice-document header span{display:block;opacity:.8;font-size:8px}.internet-invoice-document header strong{display:block;font-size:18px;margin:5px 0}.internet-invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #dfe7ec}.internet-invoice-meta>div{padding:12px 15px;border-left:1px solid #e6edf1;border-top:1px solid #e6edf1}.internet-invoice-meta .wide{grid-column:span 2}.internet-invoice-meta span{display:block;font-size:7px;color:#71808a}.internet-invoice-meta b{display:block;font-size:9px;margin-top:4px}.internet-workflow-invoice-items{width:calc(100% - 44px);margin:22px;border-collapse:collapse}.internet-workflow-invoice-items th,.internet-workflow-invoice-items td{border:1px solid #dfe7ec;padding:10px;text-align:right;font-size:8px}.internet-workflow-invoice-items th{background:#f3f7f9}.internet-workflow-invoice-items input{width:100%;border:1px solid #cfdce4;border-radius:6px;padding:6px;font:inherit}.internet-invoice-bottom{display:grid;grid-template-columns:1fr 320px;gap:25px;padding:0 22px 22px}.internet-invoice-bottom>div:first-child{border:1px solid #dfe7ec;border-radius:10px;padding:12px}.internet-invoice-bottom span{font-size:8px;color:#71808a}.internet-invoice-bottom p{font-size:9px;line-height:1.7}.internet-invoice-bottom textarea{width:100%;min-height:70px;border:1px solid #d3dee5;border-radius:8px;padding:8px;font:inherit}.internet-invoice-bottom small{display:block;font-size:7px;color:#71808a}.internet-invoice-totals{border:1px solid #dfe7ec;border-radius:10px;overflow:hidden}.internet-invoice-totals>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #e5ecef}.internet-invoice-totals>div:last-child{border-bottom:0}.internet-invoice-totals .grand{background:#102e45;color:#fff}.internet-invoice-totals input{width:120px;border:1px solid #cfdce4;border-radius:7px;padding:6px}.internet-invoice-document>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe7ec}.internet-invoice-document>footer>div{background:#f7fafb;padding:12px 20px}.internet-invoice-document footer b,.internet-invoice-document footer span{display:block;font-size:8px}.internet-invoice-document footer span{margin-top:4px;color:#60717c}.internet-invoice-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 0}.internet-print-confirm-card{width:min(480px,94vw);max-width:480px}.internet-print-confirm-card label{display:block;margin-top:10px;font-size:8px;font-weight:800}.internet-print-confirm-card input{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}
@media(max-width:850px){.internet-workflow-stats,.internet-workflow-owner{grid-template-columns:1fr}.internet-material-add{grid-template-columns:1fr 1fr}.internet-material-add select{grid-column:1/-1}.internet-material-head{display:none}.internet-material-row{grid-template-columns:1fr 1fr}.internet-invoice-meta{grid-template-columns:1fr 1fr}.internet-invoice-bottom{grid-template-columns:1fr}.internet-invoice-document>footer{grid-template-columns:1fr}.internet-invoice-archive-list>button{grid-template-columns:70px 1fr}.internet-invoice-archive-list>button strong{grid-column:2}}
@media print{body.printing-internet-workflow-invoice>*:not(.internet-invoice-modal){display:none!important}body.printing-internet-workflow-invoice .internet-invoice-modal{position:static!important;background:#fff!important;padding:0!important;overflow:visible!important}body.printing-internet-workflow-invoice .internet-invoice-actions{display:none!important}body.printing-internet-workflow-invoice .internet-invoice-document{box-shadow:none!important;border-radius:0!important}body.printing-internet-workflow-invoice input,body.printing-internet-workflow-invoice textarea{border:0!important;resize:none!important}}


/* Phase 19.1 — Router change approval */
.internet-router-lock-section{
  border:1px solid #cfe0ee!important;
  background:#f9fcff
}
.internet-router-lock-section .section-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px
}
.internet-router-lock-section .section-title small{
  display:block;
  color:var(--muted);
  margin-top:4px;
  font-size:8px
}
.internet-router-lock-badge{
  background:#e9f2fb;
  color:#245f8d;
  border:1px solid #c9dfef;
  border-radius:999px;
  padding:6px 10px;
  font-size:8px;
  font-weight:900;
  white-space:nowrap
}
.internet-router-current{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:8px;
  margin-top:10px
}
.internet-router-current>div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px
}
.internet-router-current span,
.internet-router-current b,
.internet-router-current strong,
.internet-router-current small{
  display:block
}
.internet-router-current span{
  color:var(--muted);
  font-size:7px
}
.internet-router-current strong{
  font-size:12px;
  margin-top:5px;
  color:#135f98
}
.internet-router-current b{
  font-size:9px;
  margin-top:5px
}
.internet-router-current small{
  color:var(--muted);
  font-size:7px;
  margin-top:3px
}
.internet-router-change-button{
  width:100%;
  margin-top:10px
}
.internet-router-pending-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:11px;
  border-radius:10px;
  background:#fff7df;
  border:1px solid #ead38d
}
.internet-router-pending-box span,
.internet-router-pending-box b,
.internet-router-pending-box p,
.internet-router-pending-box small{
  display:block
}
.internet-router-pending-box span{
  font-size:8px;
  color:#856200
}
.internet-router-pending-box b{
  margin-top:4px;
  font-size:10px
}
.internet-router-pending-box p{
  margin:5px 0;
  font-size:8px
}
.internet-router-pending-box small{
  font-size:7px;
  color:var(--muted)
}
.internet-router-approval-actions{
  display:flex;
  gap:6px
}
.internet-router-change-history{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:10px
}
.internet-router-change-history-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff
}
.internet-router-change-history-row b{
  display:block;
  margin-top:5px;
  font-size:9px
}
.internet-router-change-history-row p{
  margin:4px 0 0;
  font-size:8px
}
.internet-router-change-history-row small{
  font-size:7px;
  color:var(--muted);
  text-align:left;
  line-height:1.6
}
.internet-router-change-empty{
  padding:10px;
  margin-top:9px;
  border-radius:8px;
  background:#f1f5f8;
  color:var(--muted);
  text-align:center;
  font-size:8px
}
.internet-router-change-card,
.internet-router-decision-card{
  width:min(650px,94vw);
  max-width:650px
}
.internet-router-change-summary{
  padding:12px;
  margin:12px 0;
  border-radius:10px;
  border:1px solid #d6e3ec;
  background:#f4f9fc
}
.internet-router-change-summary span,
.internet-router-change-summary b,
.internet-router-change-summary small{
  display:block
}
.internet-router-change-summary span{
  color:var(--muted);
  font-size:8px
}
.internet-router-change-summary b{
  margin-top:5px;
  font-size:10px
}
.internet-router-change-summary small{
  margin-top:5px;
  color:var(--muted);
  font-size:7px
}
@media(max-width:720px){
  .internet-router-current{
    grid-template-columns:1fr
  }
  .internet-router-pending-box{
    align-items:stretch;
    flex-direction:column
  }
  .internet-router-approval-actions button{
    flex:1
  }
  .internet-router-change-history-row{
    grid-template-columns:1fr
  }
  .internet-router-change-history-row small{
    text-align:right
  }
}


/* Phase 19.2 — Private payroll and detailed salary invoices */
.salary-private-access-card,
.salary-private-message-card{
  text-align:center;
  padding:30px
}
.salary-private-access-icon,
.salary-private-message-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  background:#edf4fa;
  font-size:27px
}
.salary-private-access-card h3,
.salary-private-message-card h3{
  margin:4px 0 7px
}
.salary-private-access-card p,
.salary-private-message-card p{
  color:var(--muted);
  line-height:1.8;
  margin:0
}
.salary-private-message-card{
  display:flex;
  align-items:center;
  text-align:right;
  gap:16px
}
.salary-private-message-card .salary-private-message-icon{
  flex:0 0 64px;
  margin:0
}
.salary-payment-preview.detailed{
  grid-template-columns:1fr 1fr
}
.salary-payment-preview.detailed .net{
  grid-column:1/-1
}
.salary-invoice-archive-card{
  margin-top:14px
}
.salary-invoice-archive-list{
  display:flex;
  flex-direction:column
}
.salary-invoice-archive-list>button{
  width:100%;
  border:0;
  border-bottom:1px solid var(--line);
  background:#fff;
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:11px;
  align-items:center;
  text-align:right;
  padding:11px 14px;
  font:inherit;
  cursor:pointer
}
.salary-invoice-archive-list>button:last-child{
  border-bottom:0
}
.salary-invoice-archive-list>button:hover{
  background:#f6fafc
}
.salary-invoice-archive-icon{
  width:40px;
  height:40px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#edf7ff;
  color:#176fc2;
  font-size:18px
}
.salary-invoice-archive-list b,
.salary-invoice-archive-list p,
.salary-invoice-archive-list small,
.salary-invoice-archive-list strong,
.salary-invoice-archive-list span{
  display:block
}
.salary-invoice-archive-list p{
  margin:3px 0;
  font-size:8px
}
.salary-invoice-archive-list small{
  color:var(--muted);
  font-size:7px
}
.salary-invoice-archive-list>button>div:last-child{
  text-align:left
}
.salary-invoice-archive-list strong{
  color:#176fc2;
  font-size:10px
}
.salary-invoice-archive-list>button>div:last-child span{
  color:var(--muted);
  font-size:7px;
  margin-top:4px
}
.salary-payment-invoice-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  background:rgba(12,27,40,.72);
  overflow:auto;
  padding:22px
}
.salary-payment-invoice-shell{
  width:min(940px,96vw);
  margin:auto
}
.salary-payment-invoice-toolbar{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-bottom:10px
}
.salary-payment-invoice-document{
  background:#fff;
  color:#17232c;
  border-radius:15px;
  padding:25px;
  box-shadow:0 22px 60px rgba(0,0,0,.25)
}
.salary-payment-invoice-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  border-bottom:2px solid #1b6da8;
  padding-bottom:17px
}
.salary-payment-invoice-brand{
  display:flex;
  align-items:center;
  gap:12px
}
.salary-payment-invoice-brand span,
.salary-payment-invoice-brand h2,
.salary-payment-invoice-brand p{
  display:block
}
.salary-payment-invoice-brand span{
  color:#176fc2;
  font-weight:900
}
.salary-payment-invoice-brand h2{
  margin:3px 0;
  font-size:21px
}
.salary-payment-invoice-brand p{
  margin:0;
  color:#667884
}
.salary-payment-invoice-number{
  text-align:left
}
.salary-payment-invoice-number span,
.salary-payment-invoice-number strong,
.salary-payment-invoice-number small{
  display:block
}
.salary-payment-invoice-number span{
  color:#667884;
  font-size:9px
}
.salary-payment-invoice-number strong{
  margin:5px 0;
  font-size:18px;
  color:#176fc2
}
.salary-payment-invoice-number small{
  font-size:8px;
  color:#667884
}
.salary-payment-invoice-meta{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:16px 0
}
.salary-payment-invoice-meta>div{
  padding:10px;
  border:1px solid #dce5eb;
  border-radius:9px;
  background:#f8fbfd
}
.salary-payment-invoice-meta span,
.salary-payment-invoice-meta b{
  display:block
}
.salary-payment-invoice-meta span{
  color:#697b87;
  font-size:8px
}
.salary-payment-invoice-meta b{
  margin-top:4px;
  font-size:9px
}
.salary-payment-invoice-table{
  width:100%;
  border-collapse:collapse
}
.salary-payment-invoice-table th,
.salary-payment-invoice-table td{
  border:1px solid #dbe5eb;
  padding:9px;
  text-align:right;
  font-size:9px
}
.salary-payment-invoice-table th{
  background:#edf5fa;
  color:#365668
}
.salary-payment-invoice-table .plus{
  color:#147344;
  font-weight:900
}
.salary-payment-invoice-table .minus{
  color:#b23b3b;
  font-weight:900
}
.salary-payment-invoice-summary{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:18px;
  align-items:start;
  margin-top:17px
}
.salary-payment-invoice-note{
  border:1px solid #dbe5eb;
  border-radius:10px;
  padding:13px;
  min-height:130px
}
.salary-payment-invoice-note span,
.salary-payment-invoice-note p,
.salary-payment-invoice-note small{
  display:block
}
.salary-payment-invoice-note span{
  color:#697b87;
  font-size:8px
}
.salary-payment-invoice-note p{
  margin:8px 0 20px;
  line-height:1.8
}
.salary-payment-invoice-note small{
  color:#697b87;
  font-size:8px
}
.salary-payment-invoice-totals{
  border:1px solid #dbe5eb;
  border-radius:10px;
  overflow:hidden
}
.salary-payment-invoice-totals>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 11px;
  border-bottom:1px solid #e4ebef
}
.salary-payment-invoice-totals>div:last-child{
  border-bottom:0
}
.salary-payment-invoice-totals span,
.salary-payment-invoice-totals b{
  font-size:9px
}
.salary-payment-invoice-totals .net{
  background:#f1f7fb
}
.salary-payment-invoice-totals .paid-now{
  background:#eaf8ef
}
.salary-payment-invoice-totals .remaining{
  background:#fff4db
}
.salary-payment-invoice-totals strong{
  font-size:12px
}
.salary-payment-invoice-footer{
  display:grid;
  grid-template-columns:1fr 1fr 180px;
  gap:15px;
  margin-top:22px;
  padding-top:16px;
  border-top:1px dashed #aebbc3
}
.salary-payment-invoice-footer b,
.salary-payment-invoice-footer span{
  display:block
}
.salary-payment-invoice-footer b{
  font-size:9px;
  margin-bottom:18px
}
.salary-payment-invoice-footer span{
  color:#61727d;
  font-size:8px
}
@media(max-width:760px){
  .salary-private-message-card{
    align-items:flex-start;
    flex-direction:column
  }
  .salary-payment-invoice-meta{
    grid-template-columns:1fr 1fr
  }
  .salary-payment-invoice-summary{
    grid-template-columns:1fr
  }
  .salary-payment-invoice-footer{
    grid-template-columns:1fr
  }
  .salary-invoice-archive-list>button{
    grid-template-columns:40px 1fr
  }
  .salary-invoice-archive-list>button>div:last-child{
    grid-column:2;
    text-align:right
  }
}
@media print{
  body.printing-salary-payment-invoice *{
    visibility:hidden!important
  }
  body.printing-salary-payment-invoice .salary-payment-invoice-modal,
  body.printing-salary-payment-invoice .salary-payment-invoice-modal *{
    visibility:visible!important
  }
  body.printing-salary-payment-invoice .salary-payment-invoice-modal{
    position:absolute!important;
    inset:0!important;
    padding:0!important;
    background:#fff!important;
    overflow:visible!important
  }
  body.printing-salary-payment-invoice .salary-payment-invoice-shell{
    width:100%!important;
    margin:0!important
  }
  body.printing-salary-payment-invoice .salary-payment-invoice-toolbar{
    display:none!important
  }
  body.printing-salary-payment-invoice .salary-payment-invoice-document{
    box-shadow:none!important;
    border-radius:0!important;
    padding:12mm!important
  }
}


/* Phase 19.3 — Granular internet visibility and confirmed invoice identity */
.internet-section-denied{
  text-align:center;
  padding:34px
}
.internet-section-denied-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  background:#edf4fa;
  font-size:28px
}
.internet-section-denied h3{
  margin:0 0 7px
}
.internet-section-denied p{
  margin:0 auto 8px;
  max-width:520px;
  color:var(--muted);
  line-height:1.8
}
.internet-section-denied small{
  color:#7c8c97
}
.internet-kind-workboard .internet-workflow-stats{
  grid-template-columns:repeat(4,1fr)
}
.internet-confirm-employee-preview{
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 12px;
  align-items:center;
  padding:11px 12px;
  margin:12px 0;
  border:1px solid #cfdeea;
  border-radius:10px;
  background:#f5f9fc
}
.internet-confirm-employee-preview span{
  color:var(--muted);
  font-size:8px
}
.internet-confirm-employee-preview b{
  grid-row:1/3;
  grid-column:2;
  color:#176fc2;
  font-size:11px
}
.internet-confirm-employee-preview small{
  font-size:8px
}
.internet-save-confirm-card,
.internet-print-confirm-card{
  width:min(520px,94vw);
  max-width:520px
}
.internet-invoice-confirmed-identities{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:12px
}
.internet-invoice-confirmed-identities>div{
  border:1px solid #d7e2e9;
  border-radius:9px;
  padding:9px;
  background:#f8fbfd
}
.internet-invoice-confirmed-identities>div.confirmed{
  background:#eef9f2;
  border-color:#c6e5d1
}
.internet-invoice-confirmed-identities>div.pending{
  background:#fff8e7;
  border-color:#ead8aa
}
.internet-invoice-confirmed-identities span,
.internet-invoice-confirmed-identities b,
.internet-invoice-confirmed-identities small{
  display:block
}
.internet-invoice-confirmed-identities span{
  color:var(--muted);
  font-size:7px
}
.internet-invoice-confirmed-identities b{
  margin-top:4px;
  font-size:8px
}
.internet-invoice-confirmed-identities small{
  margin-top:3px;
  color:var(--muted);
  font-size:7px
}
@media(max-width:850px){
  .internet-kind-workboard .internet-workflow-stats{
    grid-template-columns:1fr 1fr
  }
}
@media(max-width:620px){
  .internet-invoice-confirmed-identities{
    grid-template-columns:1fr
  }
}


/* Phase 19.4 — Experimental attendance device lock */
.attendance-device-kiosk-status{
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:10px;
  align-items:center;
  margin:12px 0;
  padding:10px;
  border-radius:11px;
  border:1px solid
}
.attendance-device-kiosk-status.approved{
  background:#edf9f2;
  border-color:#bfe2cc;
  color:#166a42
}
.attendance-device-kiosk-status.blocked{
  background:#fff3f3;
  border-color:#efcaca;
  color:#9e3030
}
.attendance-device-status-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.72);
  font-size:17px;
  font-weight:900
}
.attendance-device-kiosk-status span,
.attendance-device-kiosk-status b,
.attendance-device-kiosk-status small{
  display:block
}
.attendance-device-kiosk-status span{
  font-size:7px;
  opacity:.75
}
.attendance-device-kiosk-status b{
  margin-top:3px;
  font-size:9px
}
.attendance-device-kiosk-status small{
  margin-top:3px;
  font-size:6.5px;
  opacity:.7
}
.attendance-device-blocked-button{
  background:#a63c3c!important;
  box-shadow:none!important
}
.attendance-device-approval-card{
  width:min(560px,94vw);
  max-width:560px
}
.attendance-device-modal-info{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:13px 0
}
.attendance-device-modal-info>div{
  border:1px solid var(--line);
  background:#f7fafc;
  border-radius:9px;
  padding:10px
}
.attendance-device-modal-info span,
.attendance-device-modal-info b{
  display:block
}
.attendance-device-modal-info span{
  color:var(--muted);
  font-size:7px
}
.attendance-device-modal-info b{
  margin-top:5px;
  font-size:9px
}
.attendance-device-manager-card{
  margin-bottom:14px
}
.attendance-device-manager-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:0 14px 12px
}
.attendance-device-manager-grid>div{
  border:1px solid var(--line);
  border-radius:9px;
  background:#f8fbfd;
  padding:10px
}
.attendance-device-manager-grid span,
.attendance-device-manager-grid b{
  display:block
}
.attendance-device-manager-grid span{
  color:var(--muted);
  font-size:7px
}
.attendance-device-manager-grid b{
  margin-top:5px;
  font-size:9px;
  overflow-wrap:anywhere
}
.attendance-device-manager-actions{
  display:flex;
  gap:8px;
  padding:0 14px 12px
}
.attendance-device-experimental-note{
  margin:0 14px 12px;
  padding:10px;
  border-radius:9px;
  background:#fff8e7;
  border:1px solid #ead8aa;
  color:#7c5a00;
  font-size:8px;
  line-height:1.7
}
.attendance-device-attempts{
  border-top:1px solid var(--line);
  padding:12px 14px
}
.attendance-device-attempts .section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px
}
.attendance-device-attempts .section-title span{
  min-width:26px;
  height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#eef4f8;
  font-size:8px;
  font-weight:900
}
.attendance-device-attempt-row{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:9px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid var(--line)
}
.attendance-device-attempt-row:last-child{
  border-bottom:0
}
.attendance-device-attempt-icon{
  width:30px;
  height:30px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#fff0f0;
  color:#ac3030;
  font-weight:900
}
.attendance-device-attempt-row b,
.attendance-device-attempt-row p,
.attendance-device-attempt-row small{
  display:block
}
.attendance-device-attempt-row b{
  font-size:8px
}
.attendance-device-attempt-row p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:7px
}
.attendance-device-attempt-row small{
  color:var(--muted);
  font-size:7px;
  text-align:left
}
@media(max-width:760px){
  .attendance-device-kiosk-status{
    grid-template-columns:42px 1fr
  }
  .attendance-device-kiosk-status button{
    grid-column:1/-1
  }
  .attendance-device-manager-grid{
    grid-template-columns:1fr 1fr
  }
  .attendance-device-manager-actions{
    flex-direction:column
  }
}
@media(max-width:520px){
  .attendance-device-manager-grid,
  .attendance-device-modal-info{
    grid-template-columns:1fr
  }
  .attendance-device-attempt-row{
    grid-template-columns:30px 1fr
  }
  .attendance-device-attempt-row small{
    grid-column:2;
    text-align:right
  }
}


/* Phase 19.5 — Attendance device management center */
.attendance-device-center{
  display:flex;
  flex-direction:column;
  gap:14px
}
.attendance-device-center-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:20px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,#153e5b,#1b7895)
}
.attendance-device-center-hero h3{
  margin:4px 0 6px;
  font-size:20px
}
.attendance-device-center-hero p{
  margin:0;
  opacity:.8
}
.attendance-device-center-head-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end
}
.attendance-device-center-stats{
  grid-template-columns:repeat(4,1fr)
}
.attendance-device-center-toolbar{
  display:grid;
  grid-template-columns:minmax(250px,1fr) 180px 190px 100px;
  gap:9px;
  align-items:center;
  padding:12px
}
.attendance-device-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}
.attendance-device-card{
  padding:14px;
  border:1px solid var(--line)
}
.attendance-device-card.current{
  border-color:#5ca0c8;
  box-shadow:0 0 0 2px rgba(47,136,187,.08)
}
.attendance-device-card-head{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:10px;
  align-items:center
}
.attendance-device-card-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eaf4fa;
  color:#176c99;
  font-size:21px
}
.attendance-device-card-head h4,
.attendance-device-card-head p{
  margin:0
}
.attendance-device-card-head p{
  color:var(--muted);
  margin-top:4px;
  font-size:8px
}
.attendance-device-card-title{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px
}
.attendance-device-primary,
.attendance-device-current{
  padding:3px 6px;
  border-radius:999px;
  font-size:6.5px;
  font-weight:900
}
.attendance-device-primary{
  background:#fff2c9;
  color:#856300
}
.attendance-device-current{
  background:#dff4ff;
  color:#176c99
}
.attendance-device-card-info{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:12px 0
}
.attendance-device-card-info>div{
  padding:8px;
  border-radius:8px;
  background:#f7fafc;
  border:1px solid #e4ebef
}
.attendance-device-card-info span,
.attendance-device-card-info b{
  display:block
}
.attendance-device-card-info span{
  color:var(--muted);
  font-size:7px
}
.attendance-device-card-info b{
  margin-top:4px;
  font-size:8px
}
.attendance-device-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:11px
}
.attendance-device-capabilities span{
  padding:5px 7px;
  border-radius:7px;
  font-size:7px;
  font-weight:800
}
.attendance-device-capabilities .enabled{
  background:#eaf8ef;
  color:#187348
}
.attendance-device-capabilities .disabled{
  background:#f0f2f3;
  color:#87939a
}
.attendance-device-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  border-top:1px solid var(--line);
  padding-top:10px
}
.attendance-device-card-actions button{
  flex:1 0 auto
}
.attendance-device-center-audit{
  overflow:hidden
}
.attendance-device-audit-list>div{
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:9px;
  align-items:center;
  padding:9px 14px;
  border-top:1px solid var(--line)
}
.attendance-device-audit-icon{
  width:32px;
  height:32px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#edf5fa;
  color:#176c99
}
.attendance-device-audit-list b,
.attendance-device-audit-list p,
.attendance-device-audit-list small{
  display:block
}
.attendance-device-audit-list b{
  font-size:8px
}
.attendance-device-audit-list p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:7px
}
.attendance-device-audit-list small{
  color:var(--muted);
  font-size:7px;
  text-align:left
}
.attendance-device-center-modal-card{
  width:min(680px,95vw);
  max-width:680px
}
.attendance-current-device-preview{
  padding:11px;
  margin:12px 0;
  border-radius:10px;
  background:#f4f9fc;
  border:1px solid #d7e5ed
}
.attendance-current-device-preview span,
.attendance-current-device-preview b{
  display:block
}
.attendance-current-device-preview span{
  color:var(--muted);
  font-size:8px
}
.attendance-current-device-preview b{
  margin-top:5px;
  font-size:10px;
  overflow-wrap:anywhere
}
.attendance-device-pair-summary{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;
  margin:12px 0
}
.attendance-device-pair-summary>div{
  padding:9px;
  border-radius:8px;
  border:1px solid var(--line);
  background:#f8fbfd
}
.attendance-device-pair-summary span,
.attendance-device-pair-summary b{
  display:block
}
.attendance-device-pair-summary span{
  color:var(--muted);
  font-size:7px
}
.attendance-device-pair-summary b{
  margin-top:4px;
  font-size:8px
}
#attendanceDevicePairingToken,
#attendanceDeviceImportToken{
  min-height:115px;
  direction:ltr;
  text-align:left;
  font-family:monospace;
  font-size:8px;
  overflow-wrap:anywhere
}
.attendance-device-local-warning{
  padding:10px;
  border-radius:9px;
  background:#fff8e7;
  border:1px solid #ead8aa;
  color:#755900;
  font-size:8px;
  line-height:1.7
}
.attendance-device-local-warning.center-warning{
  margin-bottom:12px
}
.attendance-device-details-card{
  width:min(760px,96vw);
  max-width:760px;
  max-height:90vh;
  overflow:auto
}
.attendance-device-details-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:13px 0
}
.attendance-device-details-grid>div{
  padding:9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f8fbfd
}
.attendance-device-details-grid span,
.attendance-device-details-grid b{
  display:block
}
.attendance-device-details-grid span{
  color:var(--muted);
  font-size:7px
}
.attendance-device-details-grid b{
  margin-top:4px;
  font-size:8px;
  overflow-wrap:anywhere
}
.attendance-device-detail-section{
  margin-top:13px;
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden
}
.attendance-device-detail-section h4{
  margin:0;
  padding:10px;
  background:#f2f7fa
}
.attendance-device-detail-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  padding:9px 10px;
  border-top:1px solid var(--line)
}
.attendance-device-detail-row b,
.attendance-device-detail-row p,
.attendance-device-detail-row span{
  display:block
}
.attendance-device-detail-row p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:7px
}
.attendance-device-detail-row span{
  color:var(--muted);
  font-size:7px;
  text-align:left
}
.attendance-kiosk-device-actions{
  display:flex;
  gap:7px;
  margin-top:8px
}
.attendance-kiosk-device-actions button{
  width:100%
}
.attendance-device-center-summary-card .attendance-device-manager-grid{
  padding-bottom:14px
}
@media(max-width:1050px){
  .attendance-device-center-toolbar{
    grid-template-columns:1fr 1fr
  }
  .attendance-device-center-toolbar .repair-search{
    grid-column:1/-1
  }
}
@media(max-width:850px){
  .attendance-device-center-hero{
    align-items:flex-start;
    flex-direction:column
  }
  .attendance-device-center-head-actions{
    width:100%;
    justify-content:flex-start
  }
  .attendance-device-grid{
    grid-template-columns:1fr
  }
  .attendance-device-center-stats{
    grid-template-columns:1fr 1fr
  }
}
@media(max-width:620px){
  .attendance-device-center-toolbar,
  .attendance-device-card-info,
  .attendance-device-details-grid,
  .attendance-device-pair-summary{
    grid-template-columns:1fr
  }
  .attendance-device-center-toolbar .repair-search{
    grid-column:auto
  }
  .attendance-device-card-head{
    grid-template-columns:42px 1fr
  }
  .attendance-device-card-head>.badge{
    grid-column:2
  }
  .attendance-device-audit-list>div{
    grid-template-columns:32px 1fr
  }
  .attendance-device-audit-list small{
    grid-column:2;
    text-align:right
  }
}


/* Phase 19.6 — Main laptop + technician POS */
.attendance-two-device-center{
  gap:14px
}
.attendance-two-device-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);
  gap:12px;
  align-items:stretch
}
.attendance-two-device-card{
  padding:16px;
  border:1px solid var(--line)
}
.attendance-two-device-card.main{
  border-top:4px solid #176c99
}
.attendance-two-device-card.pos{
  border-top:4px solid #1c8653
}
.attendance-two-device-card.current{
  box-shadow:0 0 0 3px rgba(37,134,188,.1)
}
.attendance-two-device-card-top{
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:10px;
  align-items:center
}
.attendance-two-device-big-icon{
  width:52px;
  height:52px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-size:24px;
  background:#edf5fa;
  color:#176c99
}
.attendance-two-device-card.pos .attendance-two-device-big-icon{
  background:#eaf8ef;
  color:#187348
}
.attendance-two-device-card h4,
.attendance-two-device-card p{
  margin:0
}
.attendance-two-device-card h4{
  margin-top:3px
}
.attendance-two-device-card p{
  margin-top:4px;
  color:var(--muted);
  font-size:8px
}
.attendance-two-device-role-list{
  display:grid;
  gap:7px;
  margin:14px 0
}
.attendance-two-device-role-list span{
  padding:8px 9px;
  border-radius:8px;
  background:#f7fafc;
  border:1px solid #e5ecef;
  font-size:8px
}
.attendance-two-device-assignment{
  margin:12px 0 4px;
  padding:10px;
  border-radius:9px;
  background:#fff8e7;
  border:1px solid #ead8aa
}
.attendance-two-device-assignment span,
.attendance-two-device-assignment b,
.attendance-two-device-assignment small{
  display:block
}
.attendance-two-device-assignment span{
  color:#7b620d;
  font-size:7px
}
.attendance-two-device-assignment b{
  margin-top:4px;
  font-size:9px
}
.attendance-two-device-assignment small{
  margin-top:3px;
  color:#817143;
  font-size:7px
}
.attendance-two-device-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-top:10px;
  border-top:1px solid var(--line)
}
.attendance-two-device-card-actions button{
  flex:1 1 auto
}
.attendance-two-device-link{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#527180
}
.attendance-two-device-link span{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef5f8;
  font-size:22px
}
.attendance-two-device-link b{
  margin-top:8px;
  font-size:8px
}
.attendance-two-device-link small{
  margin-top:3px;
  color:var(--muted);
  font-size:7px
}
.attendance-two-device-policy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:0 14px 14px
}
.attendance-two-device-policy-grid>div{
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fbfd
}
.attendance-two-device-policy-grid span,
.attendance-two-device-policy-grid b,
.attendance-two-device-policy-grid p{
  display:block
}
.attendance-two-device-policy-grid span{
  color:var(--muted);
  font-size:7px
}
.attendance-two-device-policy-grid b{
  margin-top:4px;
  font-size:10px
}
.attendance-two-device-policy-grid p{
  margin:6px 0 0;
  color:#5c707b;
  font-size:8px;
  line-height:1.7
}
.attendance-two-device-setup-card{
  width:min(720px,95vw);
  max-width:720px
}
.attendance-two-device-diagram{
  display:grid;
  grid-template-columns:1fr 60px 1fr;
  gap:10px;
  align-items:center;
  margin:14px 0
}
.attendance-two-device-diagram>div{
  padding:13px;
  border-radius:11px;
  border:1px solid var(--line);
  background:#f8fbfd;
  text-align:center
}
.attendance-two-device-diagram>div>span,
.attendance-two-device-diagram>div>b,
.attendance-two-device-diagram>div>small{
  display:block
}
.attendance-two-device-diagram>div>span{
  font-size:25px
}
.attendance-two-device-diagram>div>b{
  margin-top:7px;
  font-size:9px
}
.attendance-two-device-diagram>div>small{
  margin-top:4px;
  color:var(--muted);
  font-size:7px
}
.attendance-two-device-diagram>em{
  text-align:center;
  font-style:normal;
  font-size:22px;
  color:#568091
}
.technician-pos-login-card{
  border-top:5px solid #1c8653
}
@media(max-width:900px){
  .attendance-two-device-layout{
    grid-template-columns:1fr
  }
  .attendance-two-device-link{
    padding:4px 0
  }
  .attendance-two-device-link span{
    transform:rotate(90deg)
  }
}
@media(max-width:620px){
  .attendance-two-device-card-top{
    grid-template-columns:48px 1fr
  }
  .attendance-two-device-card-top>.badge{
    grid-column:2
  }
  .attendance-two-device-policy-grid,
  .attendance-two-device-diagram{
    grid-template-columns:1fr
  }
  .attendance-two-device-diagram>em{
    transform:rotate(90deg)
  }
}


/* Phase 19.7 — Third optional device and approved phone */
.attendance-third-device-section{display:flex;flex-direction:column;gap:10px}
.attendance-third-device-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.attendance-third-device-section-head h3,.attendance-third-device-section-head p{margin:0}
.attendance-third-device-section-head h3{margin-top:3px}.attendance-third-device-section-head p{margin-top:5px;color:var(--muted)}
.attendance-third-empty-card{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:18px;border:1px dashed #aebfca;background:#fbfdfe}
.attendance-third-empty-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#edf5fa;color:#176c99;font-size:26px}
.attendance-third-empty-card h4,.attendance-third-empty-card p{margin:0}.attendance-third-empty-card h4{margin-top:4px}.attendance-third-empty-card p{margin-top:5px;color:var(--muted)}
.attendance-two-device-card.third{border-top:4px solid #7b55b7}.attendance-two-device-card.third .attendance-two-device-big-icon{background:#f3ecff;color:#6f44ad}
.attendance-third-device-card{width:min(760px,96vw);max-width:760px}.approved-phone-login-card{border-top:5px solid #7b55b7}
@media(max-width:680px){.attendance-third-device-section-head{align-items:flex-start;flex-direction:column}.attendance-third-empty-card{grid-template-columns:54px 1fr}.attendance-third-empty-card button{grid-column:1/-1}}


/* Phase 19.8 — Sales layout from hand-drawn sketch */
.sales-drawing-layout{
  display:grid!important;
  grid-template-columns:minmax(440px,42%) minmax(520px,58%)!important;
  gap:14px!important;
  align-items:start
}
.sales-drawing-layout>.sales-pos-invoice-panel{
  position:sticky;
  top:12px;
  min-height:calc(100vh - 120px);
  border:1px solid #dbe5ea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(35,65,80,.08);
  overflow:hidden
}
.sales-drawing-layout>.sales-drawing-catalog{
  min-height:calc(100vh - 120px);
  border:1px solid #dbe5ea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(35,65,80,.08);
  padding:14px
}
.sales-drawing-hidden-price-mode{
  display:none!important
}
.sales-drawing-search-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  position:sticky;
  top:8px;
  z-index:5;
  padding:8px;
  margin:-4px -4px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  border:1px solid #e1e9ed
}
.sales-drawing-search-box{
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  min-height:48px;
  border:2px solid #b9ccd6;
  border-radius:12px;
  overflow:hidden;
  background:#fff
}
.sales-drawing-search-box>span{
  text-align:center;
  font-size:20px;
  color:#176c99
}
.sales-drawing-search-box input{
  height:46px;
  border:0!important;
  outline:0!important;
  font-size:14px;
  background:transparent
}
.sales-drawing-search-box button{
  margin-left:6px
}
.sales-drawing-price-mode{
  display:flex;
  gap:4px;
  padding:4px;
  border-radius:10px;
  background:#edf4f7
}
.sales-drawing-price-mode button{
  min-height:38px;
  padding:0 14px;
  border:0;
  border-radius:8px;
  background:transparent;
  font-weight:800
}
.sales-drawing-price-mode button.active{
  background:#176c99;
  color:#fff
}
.sales-drawing-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  margin-bottom:10px
}
.sales-drawing-heading span{
  color:var(--muted);
  font-size:8px
}
.sales-drawing-heading h3{
  margin:4px 0 0;
  font-size:17px
}
.sales-drawing-heading small{
  color:var(--muted);
  font-size:8px;
  max-width:330px;
  line-height:1.6;
  text-align:left
}
.sales-drawing-categories{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  padding:10px;
  border:2px solid #dce6eb;
  border-radius:14px;
  background:#f8fbfc
}
.sales-drawing-category{
  position:relative;
  min-height:100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px 7px;
  border:1px solid #d4e0e6;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  transition:.15s ease
}
.sales-drawing-category:hover{
  transform:translateY(-2px);
  border-color:#67a5c5;
  box-shadow:0 7px 16px rgba(28,91,123,.1)
}
.sales-drawing-category.active{
  color:#fff;
  border-color:#176c99;
  background:linear-gradient(145deg,#176c99,#2385aa)
}
.sales-drawing-category-icon{
  font-size:27px;
  line-height:1
}
.sales-drawing-category b{
  font-size:9px;
  text-align:center
}
.sales-drawing-category small{
  color:var(--muted);
  font-size:7px
}
.sales-drawing-category.active small{
  color:rgba(255,255,255,.8)
}
.sales-drawing-products-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:14px 0 8px
}
.sales-drawing-products-head>div{
  display:flex;
  align-items:center;
  gap:8px
}
.sales-drawing-products-head b{
  font-size:12px
}
.sales-drawing-products-head span{
  padding:4px 7px;
  border-radius:999px;
  background:#edf4f7;
  color:#53707e;
  font-size:7px
}
.sales-drawing-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:480px;
  overflow:auto;
  padding:2px
}
.sales-drawing-product{
  position:relative;
  display:grid;
  grid-template-columns:46px 1fr auto;
  gap:9px;
  align-items:center;
  min-height:78px;
  padding:9px;
  border:1px solid #dae4e9;
  border-radius:11px;
  background:#fff;
  text-align:right;
  cursor:pointer
}
.sales-drawing-product:hover{
  border-color:#5b9dbf;
  background:#f8fcfe
}
.sales-drawing-product.in-cart{
  border-color:#55a475;
  background:#f1fbf5
}
.sales-drawing-product.disabled{
  opacity:.52;
  cursor:not-allowed
}
.sales-drawing-product-icon{
  width:44px;
  height:44px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#edf5fa;
  font-size:21px
}
.sales-drawing-product-text b,
.sales-drawing-product-text small,
.sales-drawing-product-meta strong,
.sales-drawing-product-meta span{
  display:block
}
.sales-drawing-product-text b{
  font-size:9px
}
.sales-drawing-product-text small{
  margin-top:4px;
  color:var(--muted);
  font-size:7px
}
.sales-drawing-product-meta{
  text-align:left
}
.sales-drawing-product-meta strong{
  font-size:8px;
  color:#176c99
}
.sales-drawing-product-meta span{
  margin-top:4px;
  color:var(--muted);
  font-size:7px
}
.sales-drawing-product>em{
  position:absolute;
  top:-6px;
  left:-5px;
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  color:#fff;
  background:#1d8653;
  font-size:8px;
  font-style:normal;
  font-weight:900
}
@media(max-width:1180px){
  .sales-drawing-layout{
    grid-template-columns:minmax(390px,45%) minmax(450px,55%)!important
  }
  .sales-drawing-categories{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .sales-drawing-products{
    grid-template-columns:1fr
  }
}
@media(max-width:900px){
  .sales-drawing-layout{
    grid-template-columns:1fr!important
  }
  .sales-drawing-layout>.sales-pos-invoice-panel{
    position:static;
    order:2
  }
  .sales-drawing-layout>.sales-drawing-catalog{
    order:1
  }
}
@media(max-width:620px){
  .sales-drawing-search-row{
    grid-template-columns:1fr
  }
  .sales-drawing-categories{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .sales-drawing-heading{
    align-items:flex-start;
    flex-direction:column
  }
  .sales-drawing-heading small{
    text-align:right
  }
}


/* Phase 19.9 — fixed device workspaces */
.workstation-home{display:flex;flex-direction:column;gap:14px}.workstation-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#123f58,#1c789d);color:#fff}.workstation-hero.maintenance{background:linear-gradient(135deg,#18543b,#299363)}.workstation-hero.manager{background:linear-gradient(135deg,#4b3578,#7655ad)}.workstation-hero h2,.workstation-hero p{margin:0}.workstation-hero h2{margin-top:4px;font-size:24px}.workstation-hero p{margin-top:6px;opacity:.82}.workstation-device-chip{display:flex;gap:9px;align-items:center;min-width:210px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.1)}.workstation-device-chip>span{font-size:25px}.workstation-device-chip b,.workstation-device-chip small{display:block}.workstation-device-chip small{margin-top:3px;opacity:.7}.workstation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.workstation-home-tile{min-height:132px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:16px;border:1px solid #dbe5ea;border-radius:14px;background:#fff;text-align:right;cursor:pointer;box-shadow:0 5px 15px rgba(36,70,87,.05)}.workstation-home-tile:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(36,70,87,.1)}.workstation-home-icon{font-size:27px}.workstation-home-tile b{font-size:12px}.workstation-home-tile small{color:var(--muted);line-height:1.5}.workstation-home-tile.green{border-top:4px solid #27875a}.workstation-home-tile.blue{border-top:4px solid #2581ae}.workstation-home-tile.amber{border-top:4px solid #c58d22}.workstation-home-tile.violet{border-top:4px solid #7655ad}.workstation-rule-card{display:flex;gap:12px;align-items:flex-start;padding:15px}.workstation-rule-card>span{font-size:24px}.workstation-rule-card b,.workstation-rule-card p{display:block;margin:0}.workstation-rule-card p{margin-top:5px;color:var(--muted);line-height:1.7}.workstation-operation-pin-card{width:min(460px,94vw)}.workstation-operation-result{margin:10px 0;padding:10px;border-radius:9px;font-size:9px}.workstation-operation-result.error{display:block!important;background:#fff0f0;border:1px solid #efb9b9;color:#a83939}.workstation-operation-result.success{display:block!important;background:#eefaf3;border:1px solid #b7dfc7;color:#25734a}@media(max-width:900px){.workstation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workstation-hero{align-items:flex-start;flex-direction:column}.workstation-device-chip{width:100%}}@media(max-width:560px){.workstation-grid{grid-template-columns:1fr}.workstation-home-tile{min-height:105px}}


/* Phase 19.10 — Sales laptops + internet-only technician workspace */
.workspace-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:18px;
  border-radius:14px;
  margin-bottom:14px
}
.workspace-hero.sales{
  background:linear-gradient(135deg,#eff7fb,#ffffff);
  border:1px solid #cfe0e8
}
.workspace-hero.technician{
  background:linear-gradient(135deg,#eef8f2,#ffffff);
  border:1px solid #cfe4d7
}
.workspace-hero h2,
.workspace-hero p{
  margin:0
}
.workspace-hero h2{
  margin-top:4px
}
.workspace-hero p{
  margin-top:6px;
  color:var(--muted)
}
.workspace-device-badge{
  padding:9px 12px;
  border-radius:999px;
  background:#1f7a4b;
  color:#fff;
  font-weight:800
}
.workspace-action-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.workspace-action-card{
  min-height:130px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  border:1px solid #d9e4e9;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  transition:.15s ease
}
.workspace-action-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(33,69,85,.08);
  border-color:#79a8bf
}
.workspace-action-card>span{
  font-size:30px
}
.workspace-action-card>b{
  font-size:11px
}
.workspace-action-card>small{
  color:var(--muted);
  font-size:8px;
  text-align:center
}
.technician-only-grid .workspace-action-card{
  border-top:4px solid #2e8b57
}
.sales-only-grid .workspace-action-card{
  border-top:4px solid #297ca3
}
.technician-workspace-note{
  margin-top:14px;
  padding:14px
}
.technician-workspace-note p{
  margin:6px 0 0;
  color:var(--muted)
}
@media(max-width:900px){
  .workspace-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:600px){
  .workspace-action-grid{
    grid-template-columns:1fr
  }
  .workspace-hero{
    align-items:flex-start;
    flex-direction:column
  }
}


/* Phase 19.12 */
.unified-entry-features{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.unified-entry-features span{padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.1);font-size:8px}
.unified-entry-card h2,.unified-entry-card>p{text-align:center}
.unified-entry-button{width:100%;min-height:48px;margin-top:8px}
.unified-entry-note{display:block;margin-top:12px;text-align:center;color:var(--muted)}
.employee-presence-quick-button.floating{
  position:fixed;left:16px;bottom:16px;z-index:90;box-shadow:0 8px 20px rgba(0,0,0,.14)
}
.employee-presence-card{width:min(720px,95vw);max-width:720px}
.employee-presence-list{display:grid;gap:7px;max-height:320px;overflow:auto;margin:12px 0;padding:2px}
.employee-presence-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f9fbfc}
.employee-presence-row b,.employee-presence-row small{display:block}
.employee-presence-row small{margin-top:3px;color:var(--muted)}
.employee-presence-actions{flex-wrap:wrap}
.employee-presence-actions button{flex:1 1 140px}
.cash-handover-card{width:min(620px,94vw);max-width:620px}
.cash-handover-summary{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:10px;background:#f5f9fb;border:1px solid var(--line);margin:12px 0}
.cash-handover-summary strong{font-size:18px}
.danger-outline{border:1px solid #b83b3b;background:#fff;color:#a82d2d}


/* Phase 19.12B — persistent device approval */
.persistent-device-badge.approved{
  border-color:#8fc9a6;
  background:#eef9f2;
  color:#1f7647
}
.persistent-device-badge.not-approved{
  border-color:#e0bd73;
  background:#fff8e8;
  color:#8a6518
}


/* Phase 19.13 — employee-to-employee cashbox handover */
.phase1913-handover-card{
  width:min(820px,96vw);
  max-width:820px
}
.handover-employees-grid{
  display:grid;
  grid-template-columns:1fr 50px 1fr;
  gap:12px;
  align-items:center;
  margin:16px 0
}
.handover-employee-box{
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fbfc
}
.handover-employee-box.from{border-top:4px solid #b56d26}
.handover-employee-box.to{border-top:4px solid #25805a}
.handover-employee-box span,
.handover-employee-box b,
.handover-employee-box small{
  display:block
}
.handover-employee-box span{
  color:var(--muted);
  font-size:8px
}
.handover-employee-box b{
  margin-top:5px;
  font-size:11px
}
.handover-employee-box small{
  margin:4px 0 9px;
  color:#72858f
}
.handover-arrow{
  text-align:center;
  font-size:25px;
  color:#58717e
}
.handover-cashbox-info{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0
}
.handover-cashbox-info>div{
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff
}
.handover-cashbox-info span,
.handover-cashbox-info strong{
  display:block
}
.handover-cashbox-info span{
  color:var(--muted);
  font-size:7px
}
.handover-cashbox-info strong{
  margin-top:5px;
  font-size:11px
}
.handover-final-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:17px;
  margin:12px 0;
  border-radius:12px;
  background:#163f52;
  color:#fff
}
.handover-final-total span{font-size:9px}
.handover-final-total strong{font-size:22px}
.handover-transactions-details{
  margin:12px 0;
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden
}
.handover-transactions-details summary{
  cursor:pointer;
  padding:11px;
  font-weight:800;
  background:#f8fafb
}
.handover-transactions-list{
  max-height:280px;
  overflow:auto;
  padding:8px
}
.handover-transaction-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:8px 5px;
  border-bottom:1px solid #edf1f3
}
.handover-transaction-row b,
.handover-transaction-row small{
  display:block
}
.handover-transaction-row small{
  margin-top:3px;
  color:var(--muted)
}
.handover-transaction-row .in{
  color:#17794a;
  font-weight:900
}
.handover-transaction-row .out{
  color:#af3636;
  font-weight:900
}
@media(max-width:760px){
  .handover-employees-grid{
    grid-template-columns:1fr
  }
  .handover-arrow{
    transform:rotate(-90deg)
  }
  .handover-cashbox-info{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:460px){
  .handover-cashbox-info{
    grid-template-columns:1fr
  }
  .handover-final-total{
    align-items:flex-start;
    flex-direction:column
  }
}


/* Phase 19.13A */
.compact-presence-card{
  width:min(560px,94vw);
  max-width:560px
}
.compact-presence-card .employee-presence-actions{
  margin-top:14px
}


/* Phase 19.14 — Manager Employees Center */
.manager-employees-center{display:flex;flex-direction:column;gap:14px}
.manager-employees-hero-actions input{
  min-width:300px;
  height:42px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff
}
.manager-employees-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}
.manager-employee-card{
  display:grid;
  grid-template-columns:54px 1fr 28px;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid #dbe4e8;
  border-radius:13px;
  background:#fff;
  text-align:right;
  cursor:pointer
}
.manager-employee-card:hover{
  border-color:#5c9dbd;
  box-shadow:0 7px 18px rgba(31,76,98,.08)
}
.manager-employee-avatar{
  width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;
  background:#eaf3f8;color:#176c99;font-size:20px;font-weight:900
}
.manager-employee-avatar.large{width:64px;height:64px;font-size:25px}
.manager-employee-name-row{display:flex;gap:8px;align-items:center}
.manager-employee-main>small{display:block;margin-top:4px;color:var(--muted)}
.manager-employee-card-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.manager-employee-card-stats span{
  padding:5px 7px;border-radius:7px;background:#f5f8fa;font-size:7px
}
.manager-employee-open{font-size:20px;color:#66818e}
.manager-employee-profile-card{
  width:min(1050px,97vw);
  max-width:1050px;
  max-height:94vh;
  overflow:auto
}
.manager-employee-profile-head{
  display:grid;
  grid-template-columns:70px 1fr auto;
  gap:12px;
  align-items:center
}
.manager-employee-profile-head h3,.manager-employee-profile-head p{margin:0}
.manager-employee-profile-head p{margin-top:4px;color:var(--muted)}
.manager-employee-tabs{
  display:flex;gap:6px;flex-wrap:wrap;margin:16px 0;
  border-bottom:1px solid var(--line);padding-bottom:8px
}
.manager-employee-tabs button{
  border:0;background:#f0f4f6;padding:8px 10px;border-radius:8px;cursor:pointer
}
.manager-employee-tabs button.active{background:#176c99;color:#fff}
.manager-employee-tab-panel{display:none}
.manager-employee-tab-panel.active{display:block}
.manager-employee-info-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
.manager-employee-salary-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0
}
.manager-employee-salary-summary>div{
  padding:12px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc
}
.manager-employee-salary-summary span,.manager-employee-salary-summary strong{display:block}
.manager-employee-salary-summary span{color:var(--muted);font-size:7px}
.manager-employee-salary-summary strong{margin-top:5px;font-size:12px}
.manager-employee-salary-summary .final{background:#173e50;color:#fff}
.manager-employee-salary-summary .final span{color:#c9dce5}
.manager-employee-action-row{display:flex;gap:7px;flex-wrap:wrap}
.manager-employee-table-wrap{overflow:auto}
.manager-employee-table{width:100%;border-collapse:collapse}
.manager-employee-table th,.manager-employee-table td{
  padding:9px;border-bottom:1px solid #e7edef;text-align:right;white-space:nowrap
}
.manager-employee-table th{background:#f5f8fa;color:#58707c;font-size:8px}
.manager-employee-permissions-head{
  display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px
}
.manager-employee-permissions-head h4,.manager-employee-permissions-head p{margin:0}
.manager-employee-permissions-head p{margin-top:4px;color:var(--muted)}
.manager-employee-permissions-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  max-height:430px;overflow:auto
}
.manager-employee-permission-item{
  display:flex;align-items:flex-start;gap:8px;padding:9px;
  border:1px solid var(--line);border-radius:9px;background:#fafcfd
}
.manager-employee-permission-item b,.manager-employee-permission-item small{display:block}
.manager-employee-permission-item small{margin-top:3px;color:var(--muted)}
.manager-employees-main-card{border-top:4px solid #7955b5!important}
@media(max-width:850px){
  .manager-employees-list{grid-template-columns:1fr}
  .manager-employee-salary-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .manager-employees-hero-actions input{min-width:0;width:100%}
  .manager-employee-info-grid,
  .manager-employee-permissions-grid,
  .manager-employee-salary-summary{grid-template-columns:1fr}
  .manager-employee-profile-head{grid-template-columns:60px 1fr}
  .manager-employee-profile-head>.badge{grid-column:2}
}


/* Phase 19.15 — permission-driven dashboard */
.phase1915-sales-dashboard{
  display:flex;
  flex-direction:column;
  gap:14px
}
.phase1915-dashboard-stats:empty{
  display:none
}
.phase1915-permission-note{
  padding:11px 13px;
  border:1px solid #d9e4e9;
  border-radius:10px;
  background:#f8fbfc;
  color:#617984;
  font-size:8px
}


/* Phase 19.16 — employee name privacy */
.phase1916-hide-employee-ui .current-user,
.phase1916-hide-employee-ui .current-employee,
.phase1916-hide-employee-ui .employee-name,
.phase1916-hide-employee-ui .user-name,
.phase1916-hide-employee-ui .logged-user,
.phase1916-hide-employee-ui .logged-employee,
.phase1916-hide-employee-ui .topbar-user,
.phase1916-hide-employee-ui .topbar-employee,
.phase1916-hide-employee-ui .header-user,
.phase1916-hide-employee-ui .header-employee{
  display:none!important
}

@media screen{
  .phase1916-print-employee{
    display:none!important
  }
}

@media print{
  .phase1916-print-employee{
    display:block!important;
    margin-top:18px;
    padding-top:10px;
    border-top:1px dashed #999;
    text-align:right;
    font-size:11px
  }
  .phase1916-print-employee span,
  .phase1916-print-employee b,
  .phase1916-print-employee small{
    display:block
  }
  .phase1916-print-employee b{
    margin-top:3px;
    font-size:13px
  }
  .phase1916-print-employee small{
    margin-top:2px;
    color:#555
  }
}


/* Phase 19.17 Preview — Unified POS */
.unified-preview-layout{
  display:grid!important;
  grid-template-columns:minmax(390px,38%) minmax(580px,62%)!important;
  gap:14px!important;
  align-items:start
}
.unified-preview-cart-shell{
  position:sticky;
  top:10px;
  min-height:calc(100vh - 110px);
  background:#fff;
  border:1px solid #dfe7eb;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(35,69,85,.07)
}
.unified-preview-cart-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 15px;
  border-bottom:1px solid #e4eaed;
  background:#f9fbfc
}
.unified-preview-cart-head span{
  color:var(--muted);
  font-size:8px
}
.unified-preview-cart-head h3{
  margin:4px 0 0
}
.unified-preview-catalog{
  min-height:calc(100vh - 110px);
  background:#fff;
  border:1px solid #dfe7eb;
  border-radius:16px;
  padding:14px;
  box-shadow:0 8px 25px rgba(35,69,85,.07)
}
.unified-preview-search{
  display:grid;
  grid-template-columns:40px 1fr auto;
  align-items:center;
  height:54px;
  border:2px solid #abc2ce;
  border-radius:13px;
  overflow:hidden;
  background:#fff
}
.unified-preview-search>span{
  font-size:22px;
  text-align:center;
  color:#176c99
}
.unified-preview-search input{
  height:50px;
  border:0!important;
  outline:0!important;
  background:transparent;
  font-size:14px
}
.unified-preview-top-row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  margin:15px 0 10px
}
.unified-preview-top-row h3{
  margin:4px 0 0
}
.unified-preview-categories{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px
}
.unified-preview-category{
  min-height:95px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:7px;
  border:1px solid #d8e3e8;
  border-radius:13px;
  background:#f8fbfc;
  cursor:pointer
}
.unified-preview-category span{
  font-size:27px
}
.unified-preview-category b{
  text-align:center;
  font-size:9px
}
.unified-preview-category.active{
  background:#176c99;
  color:#fff;
  border-color:#176c99
}
.unified-preview-products-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:16px 0 8px
}
.unified-preview-products-head span{
  padding:4px 8px;
  border-radius:999px;
  background:#eef4f6;
  color:#637985;
  font-size:7px
}
.unified-preview-products{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  max-height:510px;
  overflow:auto;
  padding:2px
}
.unified-preview-product{
  position:relative;
  min-height:132px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  padding:11px;
  border:1px solid #dbe5ea;
  border-radius:12px;
  background:#fff;
  text-align:right;
  cursor:pointer
}
.unified-preview-product:hover{
  border-color:#5d9fbe;
  background:#f9fcfd
}
.unified-preview-product.in-cart{
  border-color:#4b9a6c;
  background:#f1faf5
}
.unified-preview-product.disabled{
  opacity:.45;
  cursor:not-allowed
}
.unified-preview-product-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf4f8;
  font-size:18px
}
.unified-preview-product b{
  font-size:9px
}
.unified-preview-product small{
  color:var(--muted);
  font-size:7px
}
.unified-preview-product>div:last-of-type{
  width:100%;
  display:flex;
  justify-content:space-between;
  gap:6px;
  margin-top:5px
}
.unified-preview-product strong{
  color:#176c99;
  font-size:8px
}
.unified-preview-product span{
  color:var(--muted);
  font-size:7px
}
.unified-preview-product em{
  position:absolute;
  top:-6px;
  left:-5px;
  min-width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#248354;
  color:#fff;
  font-style:normal;
  font-weight:900
}
@media(max-width:1180px){
  .unified-preview-layout{
    grid-template-columns:minmax(360px,42%) minmax(500px,58%)!important
  }
  .unified-preview-categories{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .unified-preview-products{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:900px){
  .unified-preview-layout{
    grid-template-columns:1fr!important
  }
  .unified-preview-cart-shell{
    position:static
  }
}
@media(max-width:560px){
  .unified-preview-categories,
  .unified-preview-products{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .unified-preview-top-row{
    align-items:flex-start;
    flex-direction:column
  }
}
/* =====================================================================
   MajdTel Unified V10 — approved login, stations and brand assets
   ===================================================================== */
.approved-login{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(circle at 49% 42%,rgba(255,255,255,.06),transparent 34%),linear-gradient(140deg,#4b4e52 0%,#33363a 44%,#272a2e 100%);color:#fff}
.approved-login::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.18) 100%);pointer-events:none}
.wave-lines{position:absolute;width:58vw;height:44vh;opacity:.8;pointer-events:none}.wave-lines::before,.wave-lines::after{content:"";position:absolute;inset:0;border-top:2px solid rgba(255,194,0,.82);border-radius:50%;transform:skewY(-10deg);box-shadow:0 18px 0 -1px rgba(255,194,0,.18),0 36px 0 -1px rgba(255,194,0,.13),0 54px 0 -1px rgba(255,194,0,.11),0 72px 0 -1px rgba(255,194,0,.09),0 90px 0 -1px rgba(255,194,0,.07),0 108px 0 -1px rgba(255,194,0,.06)}
.wave-left{left:-20vw;top:56vh;transform:rotate(6deg)}.wave-right{right:-18vw;top:35vh;transform:scaleX(-1) rotate(7deg)}
.floating-time-card{position:absolute;top:36px;right:36px;z-index:2;width:255px;padding:20px 24px;border:1px solid rgba(255,255,255,.28);background:rgba(35,37,40,.3);backdrop-filter:blur(10px);border-radius:18px}.floating-time-row{display:flex;align-items:center;gap:16px;direction:ltr}.floating-time-row strong{font-size:29px;font-weight:500}.clock-circle{width:38px;height:38px;border:3px solid #ffc400;border-radius:50%;display:grid;place-items:center;color:#ffc400;font-size:22px}.floating-date-row{margin-top:7px;display:flex;gap:10px;justify-content:flex-start;color:#ffd21c;font-size:16px}
.approved-login-card{width:min(710px,92vw);margin-top:22px;position:relative;z-index:2;border:1px solid rgba(255,255,255,.28);border-radius:36px;background:linear-gradient(180deg,rgba(83,85,88,.67),rgba(50,52,55,.8));box-shadow:0 28px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(12px);overflow:hidden}.approved-logo-wrap{display:flex;justify-content:center;align-items:center;min-height:240px;padding:30px 70px 0}.approved-logo{display:block;width:min(520px,94%);max-height:215px;object-fit:contain}.v9-logo-transparent{mix-blend-mode:normal;filter:drop-shadow(0 8px 24px rgba(0,0,0,.24))}.approved-gold-line{position:relative;height:1px;margin:0 75px 18px;background:linear-gradient(90deg,transparent,#c79a21 20%,#e6b92d 50%,#c79a21 80%,transparent)}.approved-gold-line span{position:absolute;left:50%;top:-2px;width:8px;height:4px;border-radius:50%;background:#ffd52a;box-shadow:0 0 13px 4px rgba(255,198,0,.7)}
.approved-welcome{text-align:center;padding:0 28px}.approved-welcome h1{margin:0;color:#ffc800;font-size:34px;font-weight:800}.approved-welcome h2{margin:9px 0 0;color:#f7f7f7;font-size:31px;font-weight:500}.approved-welcome h2 span{font-family:Georgia,serif;font-weight:700}.approved-station-name{text-align:center;color:#c8c8ca;font-size:14px;margin-top:11px}.approved-form{padding:22px 52px 32px}.approved-form label{display:block;color:#ffc800;font-size:18px;margin-bottom:8px;text-align:right}.approved-pin-field{display:flex;align-items:center;border:1.7px solid #d4a615;border-radius:15px;background:rgba(31,33,36,.48);overflow:hidden}.approved-user-icon{order:2;width:62px;display:grid;place-items:center;color:#ffc800;font-size:31px}.approved-pin-field input{order:1;flex:1;width:100%;border:0;outline:0;background:transparent;color:#fff;padding:17px 18px;font-size:22px;text-align:right}.approved-pin-field input::placeholder{color:#9fa0a3}.approved-login-btn{width:100%;margin-top:16px;padding:16px 24px;border:0;border-radius:15px;background:linear-gradient(180deg,#ffd52c,#f2bc0b);color:#151515;font-size:24px;font-weight:800;cursor:pointer;box-shadow:0 7px 19px rgba(221,169,0,.22)}.approved-login-btn:disabled{opacity:.6;cursor:wait}.approved-login-btn span{margin-right:18px;font-size:26px}.approved-login-footer{padding:18px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.1);background:rgba(31,33,36,.16);color:#b9b9bb;font-size:14px}.approved-login-footer span{color:#ffc800;margin-left:8px}.login-msg.pending{color:#ffd45a}
.side-head .logo:has(img){width:74px;height:48px;background:transparent;border-radius:0;overflow:visible}.side-head .logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.22))}
.approval-brand-logo{display:block;width:min(390px,85%);height:130px;object-fit:contain;margin:0 auto 10px}.v9-approval-label{display:block;text-align:right;font-size:13px;color:#5f6f79;margin:12px 0 6px}.v9-approval-label input,.v9-approval-label select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d5dee5;border-radius:11px;background:#fff}.v9-device-approval .approval-card{max-width:650px}
.v9-station-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.v9-station-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center}.v9-station-summary span{color:var(--muted);font-size:12px}.v9-station-summary b{font-size:18px}.v9-station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.v9-station-card{padding:18px;display:flex;flex-direction:column;gap:14px}.v9-station-card.current{border:2px solid #d6aa20;box-shadow:0 10px 28px rgba(210,163,20,.16)}.v9-station-card-head{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center}.v9-station-card-head>span:first-child{width:46px;height:46px;border-radius:13px;background:#172d43;color:#fff;display:grid;place-items:center;font-size:22px}.v9-station-card-head h3{margin:0;font-size:16px}.v9-station-card-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.v9-station-modules{display:flex;gap:6px;flex-wrap:wrap;min-height:58px}.v9-station-modules span{background:#eef3f6;border-radius:999px;padding:6px 9px;font-size:10px;color:#52616c}
.v9-settings-card{padding:18px;margin-bottom:16px}.v9-settings-card>.primary{margin-top:14px}.v9-integration-list{display:flex;flex-direction:column}.v9-integration-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0}.v9-integration-list>div:last-child{border:0}.v9-integration-list span{color:var(--muted);font-size:12px}.v9-station-module-editor>select{min-width:280px;padding:12px;border:1px solid var(--line);border-radius:11px;margin-bottom:14px}.v9-station-module-editor #v9ModuleChecks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v9-station-module-editor #v9ModuleChecks label{display:flex;gap:9px;align-items:center;padding:11px;background:#f7f9fb;border:1px solid var(--line);border-radius:11px;font-size:12px}.v9-station-module-editor>.primary{margin-top:14px}
.v9-service-logos{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 16px;margin-bottom:15px}.v9-service-logos img{height:54px;width:130px;object-fit:contain}.v9-service-logos.telecom img{width:92px}.v9-service-logos span{font-weight:800;color:#314454}
.v9-document-brands{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e3e7ea;padding:10px 14px;margin-bottom:12px;background:#fff}.v9-document-brands img{height:52px;max-width:190px;object-fit:contain}.v9-document-brands img[alt="Majd Tel"]{margin-right:auto;background:#3d4044;border-radius:8px;padding:5px}
@media(max-width:1000px){.v9-station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-station-module-editor #v9ModuleChecks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.floating-time-card{top:12px;right:12px;left:12px;width:auto}.approved-login{padding:96px 12px 20px}.approved-login-card{border-radius:26px}.approved-logo-wrap{min-height:180px;padding:22px 28px 0}.approved-logo{max-height:160px}.approved-gold-line{margin:0 30px 16px}.approved-welcome h1{font-size:27px}.approved-welcome h2{font-size:22px}.approved-form{padding:20px 22px 26px}.approved-pin-field input{font-size:18px}.approved-login-btn{font-size:20px}.v9-station-grid,.v9-station-summary{grid-template-columns:1fr}.v9-station-module-editor #v9ModuleChecks{grid-template-columns:1fr}.v9-document-brands{flex-wrap:wrap}.v9-document-brands img{height:42px;max-width:135px}}
@media print{.v9-document-brands{display:flex!important}.v9-document-brands img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* MajdTel V10.5 — professional workstation login and fast session restore */
.v103-session-restore{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 25%,rgba(31,145,166,.18),transparent 35%),linear-gradient(145deg,#07131f,#0b1d2a 58%,#061018);color:#fff;text-align:center}.v103-session-restore section{width:min(440px,92vw);padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(13,32,45,.88);box-shadow:0 30px 80px rgba(0,0,0,.35)}.v103-session-restore img{display:block;width:min(290px,82%);height:105px;object-fit:contain;margin:auto}.v103-session-restore h2{margin:17px 0 7px;color:#f3c64f;font-size:21px}.v103-session-restore p{margin:0;color:#8fa5b3;font-size:11px;line-height:1.8}.v103-session-spinner{display:block;width:28px;height:28px;margin:12px auto 0;border:3px solid rgba(255,255,255,.14);border-top-color:#f3c64f;border-radius:50%;animation:v103SessionSpin .8s linear infinite}@keyframes v103SessionSpin{to{transform:rotate(360deg)}}
.v102-approved-login{display:block;padding:0;background:#07131f;color:#f7fafc;isolation:isolate}
.v102-approved-login::before{background:linear-gradient(115deg,rgba(3,12,21,.2),rgba(3,12,21,.8)),radial-gradient(circle at 76% 20%,rgba(25,128,156,.2),transparent 32%);z-index:-2}
.v102-approved-login::after{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.v102-login-glow{position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none;opacity:.85}.v102-login-glow-a{width:560px;height:560px;right:-190px;top:-210px;background:radial-gradient(circle,rgba(26,171,188,.24),transparent 68%)}.v102-login-glow-b{width:620px;height:620px;left:-270px;bottom:-320px;background:radial-gradient(circle,rgba(214,167,50,.19),transparent 69%)}
.v102-approved-login .floating-time-card{top:26px;right:36px;width:auto;min-width:250px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:rgba(255,255,255,.12);background:rgba(6,18,29,.68);box-shadow:0 12px 40px rgba(0,0,0,.2);border-radius:14px;backdrop-filter:blur(18px)}
.v102-approved-login .floating-time-row{gap:10px}.v102-approved-login .floating-time-row strong{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.v102-approved-login .clock-circle{width:31px;height:31px;border-width:1px;font-size:17px}.v102-approved-login .floating-date-row{margin:0;padding-right:16px;border-right:1px solid rgba(255,255,255,.12);font-size:11px;color:#c8d2db}
.v102-login-shell{position:relative;z-index:2;width:min(1240px,calc(100% - 56px));min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr);align-items:center;gap:80px;padding:110px 0 48px}
.v102-login-brand-panel{padding:34px 5px}.v102-brand-kicker{display:flex;align-items:center;gap:12px;color:#f2c34d;font-size:11px;font-weight:900;letter-spacing:3px}.v102-brand-kicker i{width:42px;height:1px;background:linear-gradient(90deg,#f2c34d,transparent)}.v102-brand-copy{margin-top:54px;max-width:650px}.v102-brand-label{display:inline-block;color:#8da7b7;font-size:13px;margin-bottom:15px}.v102-brand-copy h1{margin:0;font-size:clamp(43px,5.2vw,74px);line-height:1.17;letter-spacing:-2.5px;font-weight:500}.v102-brand-copy h1 b{color:#f3c64f;font-weight:900}.v102-brand-copy p{max-width:590px;margin:27px 0 0;color:#9fb0bc;font-size:16px;line-height:2}
.v102-brand-services{display:flex;flex-wrap:wrap;gap:9px;margin-top:33px}.v102-brand-services span{padding:9px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:#c4d0d8;font-size:11px}.v102-brand-security{display:flex;align-items:center;gap:13px;margin-top:48px;padding-top:25px;border-top:1px solid rgba(255,255,255,.08);max-width:560px}.v102-brand-security>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(57,191,150,.12);border:1px solid rgba(76,211,170,.2);color:#65ddb5}.v102-brand-security b,.v102-brand-security small{display:block}.v102-brand-security b{font-size:12px}.v102-brand-security small{margin-top:5px;color:#748895;font-size:10px}
.approved-login-card.v102-login-card{width:100%;margin:0;border-radius:28px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(160deg,rgba(18,37,50,.96),rgba(7,20,31,.94));box-shadow:0 38px 90px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px);overflow:visible}
.v102-login-card-top{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 0}.v102-secure-chip,.v102-version-chip{display:inline-flex;align-items:center;gap:8px;color:#8fa5b3;font-size:10px}.v102-secure-chip i,.v102-online-dot{width:7px;height:7px;border-radius:50%;background:#56d6a7;box-shadow:0 0 0 4px rgba(86,214,167,.1)}.v102-version-chip{padding:5px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px}
.v102-login-card .approved-logo-wrap{min-height:0;height:130px;padding:2px 66px 0}.v102-login-card .approved-logo{width:min(320px,88%);height:120px;max-height:120px}.v102-login-card .approved-welcome{padding:0 36px}.v102-login-card .approved-welcome h1{font-size:25px}.v102-login-card .approved-welcome h2{margin-top:6px;font-size:25px;font-weight:600}.v102-login-card .approved-welcome h2 span{color:#f1c34e}.v102-login-card .approved-welcome p{margin:9px 0 0;color:#8fa1ad;font-size:11px}.v102-login-card .approved-station-name{width:max-content;max-width:calc(100% - 48px);margin:17px auto 0;padding:8px 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);color:#b9c5cc;font-size:10px}.v102-login-card .approved-station-name span{color:#f0c34d;margin-left:7px}
.v102-login-card .approved-form{padding:22px 38px 28px}.v102-pin-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.v102-login-card .approved-form .v102-pin-label label{margin:0;color:#e7edf0;font-size:12px;font-weight:800}.v102-pin-label small{color:#738995;font-size:9px}.v102-login-card .approved-pin-field{height:57px;border:1px solid rgba(240,195,77,.42);border-radius:13px;background:rgba(0,0,0,.18);transition:.2s;direction:rtl}.v102-login-card .approved-pin-field:focus-within{border-color:#f1c44e;box-shadow:0 0 0 4px rgba(241,196,78,.08),0 12px 35px rgba(0,0,0,.15)}.v102-login-card .approved-user-icon{width:54px;font-size:23px;border-left:1px solid rgba(255,255,255,.07)}.v102-login-card .approved-pin-field input{padding:15px 17px;color:transparent;text-shadow:0 0 0 transparent;font-size:20px;letter-spacing:14px;caret-color:#f1c44e}.v102-login-card .approved-pin-field input::placeholder{color:#52636d;text-shadow:none;letter-spacing:8px}
.v102-pin-dots{height:14px;margin-top:9px;display:flex;justify-content:center;gap:8px}.v102-pin-dots span{width:6px;height:6px;border-radius:50%;background:#344853;transition:transform .16s,background .16s,box-shadow .16s}.v102-pin-dots span.filled{background:#f1c44e;box-shadow:0 0 10px rgba(241,196,78,.5);transform:scale(1.2)}.v102-login-card .login-msg{min-height:19px;margin:4px 0 0;text-align:center;font-size:10px}.v102-login-card .login-msg.error{color:#ff8f91}.v102-login-card .approved-login-btn{height:56px;margin-top:7px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-radius:13px;background:linear-gradient(135deg,#f5cf65,#d8a72e);font-size:14px;box-shadow:0 14px 36px rgba(207,155,30,.18);transition:transform .18s,box-shadow .18s}.v102-login-card .approved-login-btn:hover{transform:translateY(-2px);box-shadow:0 19px 44px rgba(207,155,30,.25)}.v102-login-button-text{margin:auto}.v102-login-arrow{width:31px;height:31px;margin:0!important;border-radius:9px;display:grid;place-items:center;background:rgba(10,18,23,.12);font-size:18px!important}.v102-login-card .approved-login-footer{min-height:54px;padding:13px 22px;display:grid;grid-template-columns:9px auto 1fr;align-items:center;gap:9px;border-radius:0 0 28px 28px;text-align:right;background:rgba(3,13,20,.36);font-size:9px}.v102-login-card .approved-login-footer b{color:#b8c8d1}.v102-login-card .approved-login-footer small{justify-self:end;color:#657c89;direction:ltr}
@media(max-width:980px){.v102-login-shell{grid-template-columns:1fr;width:min(560px,calc(100% - 32px));padding-top:105px}.v102-login-brand-panel{display:none}.v102-approved-login .floating-time-card{left:16px;right:16px;top:15px}.approved-login-card.v102-login-card{align-self:center}}
@media(max-width:560px){.v102-login-shell{width:calc(100% - 22px);padding:93px 0 20px}.v102-approved-login .floating-time-card{padding:11px 13px;min-width:0}.v102-approved-login .floating-time-row strong{font-size:16px}.v102-approved-login .floating-date-row{font-size:9px;padding-right:10px}.approved-login-card.v102-login-card{border-radius:22px}.v102-login-card .approved-logo-wrap{height:105px;padding:0 35px}.v102-login-card .approved-logo{height:100px}.v102-login-card .approved-welcome h1{font-size:22px}.v102-login-card .approved-welcome h2{font-size:20px}.v102-login-card .approved-form{padding:20px 20px 23px}.v102-pin-label{align-items:flex-start;flex-direction:column;gap:4px}.v102-login-card .approved-login-footer{border-radius:0 0 22px 22px}.v102-login-card .approved-login-footer small{max-width:160px;overflow:hidden;text-overflow:ellipsis}.v102-login-card .approved-pin-field input{letter-spacing:10px}}
.v9-cashflow-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(135deg,#b99238,#e0c476);color:#202326!important;border:0!important;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 5px 14px rgba(185,146,56,.2)}
.v9-cashflow-link:hover{transform:translateY(-1px);filter:brightness(1.03)}
@media(max-width:780px){.v9-cashflow-link{font-size:0;width:38px;height:38px;padding:0}.v9-cashflow-link::after{content:'＋';font-size:20px}}

/* Telegram integration — V9.4 */
.telegram-settings-card{border-color:#d7c88f;background:linear-gradient(180deg,#fff,#fffdf7)}
.telegram-settings-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:end}
.telegram-settings-grid>label:not(.telegram-switch-line){display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}
.telegram-settings-grid input[type="text"],.telegram-settings-grid input:not([type]){padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.telegram-switch-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;background:#f5f8fa;border:1px solid var(--line);border-radius:12px}
.telegram-switch-line span{display:flex;flex-direction:column;gap:4px}.telegram-switch-line small{color:var(--muted);font-size:11px}.telegram-switch-line input{width:22px;height:22px;accent-color:#c89a1b}
.telegram-notification-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}
.telegram-notification-checks label{display:flex;align-items:center;gap:8px;padding:10px;background:#f8fafb;border:1px solid var(--line);border-radius:10px;font-size:12px}.telegram-notification-checks input{accent-color:#c89a1b}
.telegram-security-note{padding:12px 14px;border-radius:11px;background:#fff7d9;color:#66531c;font-size:12px;line-height:1.8}
.telegram-employee-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.telegram-employee-links>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff}.telegram-employee-links span{display:flex;flex-direction:column}.telegram-employee-links small{color:var(--muted);font-size:10px}.telegram-employee-links em{font-style:normal}
.telegram-settings-actions{display:flex;gap:10px;flex-wrap:wrap}.telegram-link-card,.telegram-customer-card{max-width:620px}.telegram-link-card>input{width:100%;direction:ltr;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f7f9fb}.telegram-open-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.telegram-customer-status{margin:16px 0;padding:13px;border-radius:11px;font-weight:700}.telegram-customer-status.pending{background:#fff5d6;color:#7e6316}.telegram-customer-status.linked{background:#e6f7ed;color:#177345}.telegram-customer-status.error{background:#fdebea;color:#a92d27}
@media(max-width:900px){.telegram-notification-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-settings-grid{grid-template-columns:1fr}}
@media(max-width:620px){.telegram-notification-checks,.telegram-employee-links{grid-template-columns:1fr}.telegram-employee-links>div{grid-template-columns:1fr auto}.telegram-employee-links button{grid-column:1/-1}}

/* Public welcome shown only on browsers that are not approved workstations */
.public-store-welcome{min-height:100vh;background:radial-gradient(circle at 70% 34%,rgba(255,199,27,.13),transparent 31%),linear-gradient(145deg,#15181c,#24282d 55%,#111316);color:#fff;font-family:Tahoma,Arial,sans-serif;overflow:hidden}
.public-store-nav{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 34px;border-bottom:1px solid rgba(255,255,255,.1)}.public-store-nav img{width:190px;height:72px;object-fit:contain}.public-store-staff{border:1px solid rgba(255,205,47,.55);background:transparent;color:#e9d794;border-radius:999px;padding:10px 18px;cursor:pointer}
.public-store-hero{max-width:1240px;min-height:580px;margin:auto;padding:56px 34px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.public-store-copy>span{color:#e1b735;letter-spacing:4px;font-size:13px}.public-store-copy h1{font-size:62px;line-height:1.2;margin:19px 0;color:#f4f4f3;font-weight:500}.public-store-copy h1 b{color:#f0c234}.public-store-copy p{color:#c6c9cc;font-size:20px;line-height:1.9;max-width:650px}.public-store-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.public-store-actions a{padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,#f7d04a,#c99a19);color:#17191b;text-decoration:none;font-weight:900}.public-store-actions a.outline{background:transparent;color:#f5cf47;border:1px solid #bd992d}
.public-store-visual{display:grid;place-items:center;min-height:420px}.public-store-logo-orbit{width:min(430px,78vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid rgba(255,198,20,.28);box-shadow:0 0 90px rgba(235,180,20,.1),inset 0 0 80px rgba(0,0,0,.45)}.public-store-logo-orbit::before,.public-store-logo-orbit::after{content:"";position:absolute;border:1px solid rgba(255,200,30,.14);border-radius:50%;inset:-34px}.public-store-logo-orbit::after{inset:45px}.public-store-logo-orbit img{width:84%;height:62%;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.4))}.public-store-logo-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffd338;box-shadow:0 0 18px #ffd338}.public-store-logo-orbit i:nth-of-type(1){top:-6px}.public-store-logo-orbit i:nth-of-type(2){right:4%;bottom:20%}.public-store-logo-orbit i:nth-of-type(3){left:2%;top:25%}
.public-store-services{max-width:1240px;margin:0 auto 55px;padding:0 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.public-store-services article{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:23px;backdrop-filter:blur(8px)}.public-store-services strong{font-size:30px}.public-store-services h3{color:#f4cc43;margin:15px 0 8px}.public-store-services p{color:#b7bcc0;line-height:1.7;font-size:13px}.public-store-footer{display:flex;justify-content:space-between;gap:20px;padding:23px 34px;max-width:1240px;margin:auto;border-top:1px solid rgba(255,255,255,.1);color:#8e9499;font-size:12px}
.telegram-profile-review-card{max-width:980px}.telegram-profile-review-list{display:grid;gap:12px;max-height:62vh;overflow:auto;margin:15px 0}.telegram-profile-row{border:1px solid var(--line);border-radius:13px;padding:14px;background:#f8fafb}.telegram-profile-row-head,.telegram-profile-row-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.telegram-profile-row dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.telegram-profile-row dl div{background:#fff;border-radius:9px;padding:9px}.telegram-profile-row dt{font-size:9px;color:var(--muted)}.telegram-profile-row dd{margin:4px 0 0;font-size:11px;font-weight:800}.telegram-review-photo{max-width:min(720px,90vw);max-height:75vh;display:block;margin:auto;border-radius:12px}
@media(max-width:900px){.public-store-hero{grid-template-columns:1fr;text-align:center}.public-store-copy p{margin-inline:auto}.public-store-actions{justify-content:center}.public-store-visual{min-height:330px}.public-store-services{grid-template-columns:repeat(2,1fr)}.telegram-profile-row dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.public-store-nav{padding:0 16px}.public-store-nav img{width:145px}.public-store-staff{font-size:11px;padding:8px 12px}.public-store-hero{padding:38px 18px}.public-store-copy h1{font-size:39px}.public-store-copy p{font-size:16px}.public-store-services{grid-template-columns:1fr;padding:0 18px}.public-store-footer{flex-direction:column;padding:20px 18px}.telegram-profile-row dl{grid-template-columns:1fr}}

/* V10 central multi-device */
.v10-cloud-devices{margin-top:18px}.v10-cloud-devices-list{display:grid;gap:9px}.v10-cloud-device-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.v10-cloud-device-row>div{display:flex;flex-direction:column;gap:3px}.v10-cloud-device-row small{font-size:10px;color:var(--muted)}.v10-cloud-device-row em{font-style:normal}.v10-device-dot{width:11px;height:11px;border-radius:50%;background:#c4483f;box-shadow:0 0 0 4px rgba(196,72,63,.1)}.v10-device-dot.approved{background:#2a995d;box-shadow:0 0 0 4px rgba(42,153,93,.12)}
.v10-central-card{border-color:#a8c9bc;background:linear-gradient(180deg,#fff,#f7fcfa)}.v10-central-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 15px}.v10-central-stats>div{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px}.v10-central-stats span{font-size:10px;color:var(--muted)}.v10-central-stats b{font-size:12px;color:#1d6044}.v10-backups-card{max-width:820px}.v10-backups-list{display:grid;gap:10px;max-height:62vh;overflow:auto;margin:14px 0}.v10-backup-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid var(--line);background:#f8fafb;border-radius:12px;padding:13px}.v10-backup-row>div{display:flex;flex-direction:column;gap:4px}.v10-backup-row small,.v10-backup-row p{font-size:10px;color:var(--muted);margin:0}
@media(max-width:760px){.v10-cloud-device-row{grid-template-columns:auto 1fr auto}.v10-cloud-device-row>small,.v10-cloud-device-row>button{grid-column:2/-1}.v10-central-stats{grid-template-columns:1fr}}

/* V10.1 complete management, departments and live theme editor */
html{font-size:calc(16px * var(--v101-font-scale,1))}
body{background:linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--bg) 86%,var(--v101-primary,#1677ff)));transition:background .25s,color .25s}
.sidebar{background:linear-gradient(180deg,var(--v101-secondary,var(--navy)),color-mix(in srgb,var(--v101-secondary,var(--navy)) 78%,#000));box-shadow:16px 0 45px rgba(10,24,45,.12)}
.nav-item{border-radius:12px;margin:3px 10px;transition:transform .16s ease,background .16s ease}.nav-item:hover{transform:translateX(-2px)}
.nav-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--v101-primary,#1677ff) 88%,#fff),var(--v101-primary,#1677ff));box-shadow:0 8px 22px color-mix(in srgb,var(--v101-primary,#1677ff) 28%,transparent)}
.card,.welcome{border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 8%,var(--line));box-shadow:0 13px 38px rgba(17,38,70,.07)}
.primary,.confirm{background:linear-gradient(135deg,var(--v101-primary,#1677ff),color-mix(in srgb,var(--v101-primary,#1677ff) 72%,var(--v101-accent,#1cc8db)))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 7px 18px color-mix(in srgb,var(--v101-primary,#1677ff) 22%,transparent)}
.topbar{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--card) 88%,transparent)}
.v101-manager-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v101-manager-grid .workstation-home-tile{min-height:150px;border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 12%,var(--line));background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--bg) 78%,var(--v101-primary,#1677ff)));transition:transform .18s ease,box-shadow .18s ease}.v101-manager-grid .workstation-home-tile:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(17,38,70,.12)}
.v101-departments-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.v101-departments-summary>div{display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg) 70%,var(--card))}.v101-departments-summary span{font-size:11px;color:var(--muted)}.v101-departments-summary b{font-size:23px;color:var(--v101-primary,#1677ff)}
.v101-departments-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.v101-departments-head h3{margin:0}.v101-departments-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.v101-departments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.v101-department-card{padding:18px}.v101-department-card.inactive{opacity:.68}.v101-department-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.v101-department-card-head h3{margin:0}.v101-department-card-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.v101-department-card>p{min-height:36px;color:var(--muted);font-size:11px;line-height:1.7}.v101-department-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v101-department-stats span{background:var(--bg);padding:10px;border-radius:10px;color:var(--muted);font-size:9px}.v101-department-stats b{display:block;color:var(--ink);font-size:11px;margin-top:4px}.v101-department-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.v101-department-modal-card{width:min(1080px,96vw);max-height:94vh;overflow:auto}.v101-department-fields{margin:16px 0}.v101-department-permissions{max-height:50vh;overflow:auto;padding-inline:2px}
.v101-theme-panel{overflow:hidden}.v101-theme-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.v101-theme-presets button{border:1px solid var(--line);background:var(--card);border-radius:13px;padding:11px;text-align:right;cursor:pointer}.v101-theme-presets button:hover{border-color:var(--v101-primary,#1677ff);transform:translateY(-2px)}.v101-theme-presets button>span{display:flex;height:34px;overflow:hidden;border-radius:9px;margin-bottom:8px}.v101-theme-presets i{flex:1}.v101-theme-presets i:nth-child(1){background:var(--swatch-a)}.v101-theme-presets i:nth-child(2){background:var(--swatch-b)}.v101-theme-presets i:nth-child(3){background:var(--swatch-c)}.v101-theme-presets b{font-size:11px}.v101-theme-controls input[type=color]{height:46px;width:100%;padding:3px;border-radius:10px}.v101-theme-controls input[type=range]{accent-color:var(--v101-primary,#1677ff)}.v101-theme-controls small{display:block;color:var(--muted);margin-top:4px}.v101-theme-preview{display:grid;grid-template-columns:90px 1fr;min-height:130px;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin:15px 0;background:var(--bg)}.v101-preview-sidebar{background:var(--v101-secondary,#071b33);padding:16px 10px}.v101-preview-sidebar span{display:block;height:12px;margin-bottom:10px;border-radius:6px;background:rgba(255,255,255,.2)}.v101-preview-sidebar span:first-child{background:var(--v101-primary,#1677ff)}.v101-preview-content{padding:18px}.v101-preview-content>b{color:var(--ink)}.v101-preview-content>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.v101-preview-content span{height:54px;border-radius:var(--radius);background:var(--card);box-shadow:0 5px 18px rgba(17,38,70,.08);border-top:3px solid var(--v101-primary,#1677ff)}
.v101-camera-placeholder{text-align:center;padding:55px}.v101-camera-placeholder>span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 15px;border-radius:22px;background:color-mix(in srgb,var(--v101-primary,#1677ff) 12%,var(--card));color:var(--v101-primary,#1677ff);font-size:34px}.v101-camera-placeholder p{color:var(--muted)}
body[data-density="compact"] .card{padding-top:12px;padding-bottom:12px}body[data-density="compact"] .nav-item{padding-top:8px;padding-bottom:8px}body[data-density="compact"] .content{padding-top:14px}body[data-density="compact"] .table td,body[data-density="compact"] .table th{padding-top:7px;padding-bottom:7px}
@media(max-width:1180px){.v101-manager-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v101-theme-presets{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.v101-manager-grid,.v101-departments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v101-departments-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.v101-manager-grid,.v101-departments-grid,.v101-theme-presets{grid-template-columns:1fr}.v101-departments-summary{grid-template-columns:1fr 1fr}.v101-departments-head{align-items:flex-start;flex-direction:column}}

/* Thermal printer profile — 88 mm paper */
@media print{
  .invoice-record-card{width:88mm!important;max-width:88mm!important;padding:4mm!important;margin:0!important;font-family:Arial,Tahoma,sans-serif!important}
  .invoice-record-header{align-items:stretch!important;flex-direction:column!important;gap:7px!important;padding-bottom:8px!important}.invoice-record-brand{justify-content:center!important}.invoice-record-number{width:100%!important;min-width:0!important;text-align:right!important;padding:8px 10px!important}.invoice-verification{display:none!important}
  .invoice-record-meta{grid-template-columns:1fr 1fr!important;gap:4px!important;margin:8px 0!important}.invoice-record-meta>div{padding:6px!important}.invoice-record-table-wrap{overflow:visible!important}.invoice-record-table{min-width:0!important;table-layout:fixed!important}.invoice-record-table th,.invoice-record-table td{padding:4px 2px!important;font-size:7px!important;word-break:break-word!important}.invoice-record-table th:nth-child(3),.invoice-record-table td:nth-child(3){display:none!important}.invoice-record-table th:first-child,.invoice-record-table td:first-child{width:7mm}.invoice-record-table th:nth-child(4),.invoice-record-table td:nth-child(4){width:9mm}
  .invoice-record-bottom{grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important}.invoice-record-notes,.invoice-record-totals{padding:7px!important}.invoice-record-footer{grid-template-columns:28mm 1fr!important;gap:7px!important;margin-top:8px!important;padding-top:8px!important}.invoice-record-qr,.invoice-record-qr svg{width:28mm!important;height:28mm!important}
  body.printing-mobile-repair-operation-invoice .mobile-repair-operation-invoice-shell{width:88mm!important;max-width:88mm!important;margin:0!important}body.printing-mobile-repair-operation-invoice .mobile-repair-operation-invoice{width:88mm!important;max-width:88mm!important;padding:4mm!important}.mobile-repair-invoice-meta,.mobile-repair-invoice-grid{grid-template-columns:1fr 1fr!important}.mobile-repair-operation-invoice footer>div{gap:10px!important}.mobile-repair-operation-invoice footer span{width:30mm!important}
  body.printing-internet-workflow-invoice .internet-invoice-modal-shell{width:88mm!important;max-width:88mm!important;margin:0!important}body.printing-internet-workflow-invoice .internet-invoice-document{width:88mm!important;max-width:88mm!important}.internet-invoice-document>header{flex-direction:column!important;padding:4mm!important}.internet-invoice-meta{grid-template-columns:1fr 1fr!important}.internet-invoice-meta .wide{grid-column:span 2!important}.internet-workflow-invoice-items{width:calc(100% - 8mm)!important;margin:4mm!important;table-layout:fixed!important}.internet-workflow-invoice-items th,.internet-workflow-invoice-items td{padding:4px 2px!important;font-size:7px!important;word-break:break-word!important}.internet-invoice-bottom{grid-template-columns:1fr!important;gap:8px!important;padding:0 4mm 4mm!important}.internet-invoice-document>footer{grid-template-columns:1fr!important}
}

/* Final V10.5 overrides stay last so the live theme remains respected. */
.app-shell{grid-template-columns:252px minmax(0,1fr)}
.sidebar{padding:17px 11px;border-left:1px solid rgba(255,255,255,.06);box-shadow:8px 0 34px rgba(9,24,39,.14)}
.side-head{padding:5px 10px 18px}.side-head .logo:has(img){width:82px;height:49px}
.nav-item{min-height:43px;padding:10px 13px;margin:3px 6px;border-radius:11px;font-weight:700;font-size:12px}
.topbar{min-height:70px;backdrop-filter:none;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);box-shadow:0 4px 18px rgba(18,42,64,.035)}
.content{width:100%;max-width:1680px;margin:0 auto;padding:23px 26px 38px}
.card,.welcome{border-radius:16px;box-shadow:0 8px 24px rgba(20,43,67,.055)}
.approved-login{background:radial-gradient(circle at 50% 38%,rgba(232,186,66,.09),transparent 32%),linear-gradient(140deg,#18232d,#2a3036 55%,#151b21)}
.approved-login-card{border-color:rgba(236,202,91,.26);background:linear-gradient(180deg,rgba(55,61,67,.96),rgba(36,41,46,.98));box-shadow:0 24px 58px rgba(0,0,0,.32);backdrop-filter:none}
.floating-time-card{backdrop-filter:none;background:rgba(26,31,36,.78)}.public-store-services article{backdrop-filter:none}
@media(max-width:1000px){.app-shell{grid-template-columns:78px 1fr}}
@media(max-width:540px){.app-shell{grid-template-columns:1fr}.content{padding:14px 13px 28px}}

/* V10.11 — professional department and permissions workspace */
.v101-department-modal{
  align-items:flex-start;
  overflow:auto;
  padding:18px;
  background:rgba(7,18,31,.72)
}
.v101-department-modal-card{
  width:min(1180px,calc(100vw - 36px));
  max-width:1180px;
  max-height:calc(100vh - 36px);
  margin:auto;
  padding:0;
  overflow:auto;
  border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 16%,var(--line));
  border-radius:22px;
  background:var(--card,#fff);
  box-shadow:0 28px 80px rgba(3,16,31,.3)
}
.v110-department-modal-head{
  position:sticky;
  top:0;
  z-index:5;
  min-height:94px;
  padding:20px 24px;
  color:#fff;
  background:linear-gradient(125deg,var(--v101-secondary,#071b33),color-mix(in srgb,var(--v101-secondary,#071b33) 72%,var(--v101-primary,#1677ff)));
  border-bottom:1px solid rgba(255,255,255,.1)
}
.v110-department-title,.v110-department-head-actions{display:flex;align-items:center;gap:13px}
.v110-department-title>div{min-width:0}
.v110-department-title .eyebrow{display:inline-flex;color:#9dc9ef;letter-spacing:1.5px;font-size:10px;font-weight:900}
.v110-department-title h3{margin:4px 0!important;color:#fff;font-size:21px}
.v110-department-title p{margin:0!important;color:#c8d8e8!important;font-size:11px!important}
.v110-department-icon{
  flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;
  background:#277ec1;color:#fff;font-size:21px;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.2)
}
.v110-department-icon.green{background:#218553}.v110-department-icon.amber{background:#d39112}.v110-department-icon.violet{background:#7655c7}.v110-department-icon.blue{background:#277ec1}
.v110-department-head-actions .icon-btn{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16)}
.v110-department-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}
.v110-department-status.active{color:#91f1bc;background:rgba(44,184,105,.14);border:1px solid rgba(99,225,153,.28)}
.v110-department-status.archived{color:#ffd2ce;background:rgba(210,72,62,.14);border:1px solid rgba(235,112,103,.28)}
.v110-department-profile,.v110-department-permissions-shell{margin:18px 22px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--card) 94%,var(--bg));overflow:hidden}
.v110-section-heading{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 72%,var(--card))}
.v110-section-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--v101-primary,#1677ff) 12%,var(--card));color:var(--v101-primary,#1677ff);font-size:10px;font-weight:900}
.v110-section-heading h4{margin:0;font-size:14px}.v110-section-heading p{margin:3px 0 0;font-size:10px;color:var(--muted)}
.v101-department-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0;padding:17px}
.v101-department-fields label{font-size:11px;color:var(--muted)}
.v101-department-fields input,.v101-department-fields select,.v101-department-fields textarea{min-width:0;width:100%;font-size:13px;color:var(--ink);background:var(--card);border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 10%,var(--line))}
.v101-department-fields textarea{min-height:68px;resize:vertical}
.v101-department-fields input[readonly],.v101-department-fields textarea[readonly],.v101-department-fields select:disabled{opacity:1;color:var(--ink);background:color-mix(in srgb,var(--bg) 64%,var(--card));cursor:default}
.v110-permissions-toolbar{display:grid;grid-template-columns:minmax(210px,1fr) minmax(240px,360px) auto;align-items:center;gap:14px;padding:16px 17px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 72%,var(--card))}
.v110-permissions-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px}.v110-permissions-toolbar>div:first-child>span{font-size:10px;color:var(--muted)}.v110-permissions-toolbar>div:first-child>b{font-size:15px}.v110-permissions-toolbar>div:first-child>small{font-size:9px;color:var(--muted)}
.v110-permission-search{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:0 12px}.v110-permission-search>span{font-size:18px;color:var(--muted)}.v110-permission-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:var(--ink)}
.v110-permission-bulk{display:flex;gap:7px}.v110-permission-bulk button{white-space:nowrap;font-size:10px}
.v101-department-permissions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:13px;
  max-height:none;
  overflow:visible;
  padding:16px
}
.v101-department-permissions .employee-permission-group{border-radius:14px;border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 10%,var(--line));background:var(--card);box-shadow:0 5px 16px rgba(20,43,67,.035)}
.v101-department-permissions .employee-permission-group-head{grid-template-columns:42px minmax(0,1fr);padding:12px 14px;background:color-mix(in srgb,var(--bg) 68%,var(--card))}
.v101-department-permissions .employee-permission-group-head>span{width:38px;height:38px;border-radius:11px;font-size:15px;background:color-mix(in srgb,var(--v101-primary,#1677ff) 10%,var(--card));color:var(--v101-primary,#1677ff)}
.v101-department-permissions .employee-permission-group-head h4{font-size:13px}.v101-department-permissions .employee-permission-group-head p{font-size:9px;margin-top:4px}.v101-department-permissions .employee-permission-group-head p b{font-size:10px;color:var(--v101-primary,#1677ff)}
.v101-department-permissions .employee-permission-group-head i{display:block;height:4px;margin-top:8px;border-radius:999px;background:linear-gradient(to left,var(--v101-primary,#1677ff) var(--v110-progress,0%),color-mix(in srgb,var(--line) 72%,transparent) var(--v110-progress,0%));transition:.2s}
.v101-department-permissions .employee-permission-items{grid-template-columns:1fr;gap:7px;padding:10px}
.v101-department-permissions .employee-permission-item{position:relative;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:8px;min-height:58px;padding:10px 11px;border-radius:11px;transition:border-color .15s,background .15s,transform .15s}
.v101-department-permissions .employee-permission-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 35%,var(--line))}
.v101-department-permissions .employee-permission-item.enabled{background:color-mix(in srgb,#eaf8f0 84%,var(--card));border-color:#acd9bf}
.v101-department-permissions .employee-permission-item input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--v101-primary,#1677ff)}
.v101-department-permissions .employee-permission-item input:disabled{opacity:.9}
.v101-department-permissions .employee-permission-item b{font-size:11px;line-height:1.45;color:var(--ink)}
.v101-department-permissions .employee-permission-item small{font-size:9px;line-height:1.55;color:var(--muted);margin-top:4px}
.v101-department-permissions .employee-permission-item em{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#c8d1da}
.v101-department-permissions .employee-permission-item.enabled em{background:#2c9b61;box-shadow:0 0 0 4px rgba(44,155,97,.1)}
.v110-department-modal-actions{position:sticky;bottom:0;z-index:4;justify-content:flex-end;margin:0;padding:14px 22px;background:color-mix(in srgb,var(--card) 94%,transparent);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(20,43,67,.05)}
.v110-department-modal-actions .confirm{flex:0 1 260px}.v110-department-modal-actions .secondary{min-width:110px}
@media(max-width:900px){
  .v110-permissions-toolbar{grid-template-columns:1fr 1fr}.v110-permission-bulk{grid-column:1/-1}
  .v101-department-permissions{grid-template-columns:1fr}.v101-department-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .v101-department-modal{padding:0}.v101-department-modal-card{width:100%;max-height:100vh;border-radius:0}
  .v110-department-modal-head{position:relative;padding:16px}.v110-department-modal-head,.v110-department-head-actions{align-items:flex-start}.v110-department-modal-head{flex-direction:column}.v110-department-head-actions{position:absolute;top:14px;left:14px}.v110-department-status{display:none}
  .v110-department-title p{padding-left:36px}.v110-department-profile,.v110-department-permissions-shell{margin:12px}.v101-department-fields,.v110-permissions-toolbar{grid-template-columns:1fr}.v110-permission-bulk{grid-column:auto;flex-wrap:wrap}.v101-department-permissions{padding:10px}.v110-department-modal-actions{padding:11px 12px}.v110-department-modal-actions>*{flex:1!important}
}

/* =====================================================================
   V10.11 — unified professional workspace for every ERP page
   These screen-only overrides intentionally leave the approved login,
   public store welcome and 88 mm thermal print profiles unchanged.
   ===================================================================== */
@media screen{
  .app-shell{
    --v110-surface-shadow:0 10px 30px rgba(20,43,67,.065);
    --v110-surface-shadow-hover:0 17px 40px rgba(20,43,67,.1);
    --v110-soft:color-mix(in srgb,var(--bg) 78%,var(--card));
    --v110-primary-soft:color-mix(in srgb,var(--v101-primary,#1677ff) 8%,var(--card));
    background:linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--bg) 94%,var(--v101-primary,#1677ff)))
  }
  .app-shell .main{min-width:0;background:transparent}
  .app-shell .content{max-width:1720px;padding:26px 30px 44px}
  .app-shell .topbar{height:74px;padding-inline:26px;z-index:12}
  .app-shell .top-title h1{font-size:21px;letter-spacing:-.2px}
  .app-shell .top-title p{font-size:11px;line-height:1.5}
  .app-shell .top-actions{gap:9px}
  .app-shell .icon-btn{display:grid;place-items:center;flex:0 0 42px;transition:transform .16s,border-color .16s,background .16s}
  .app-shell .icon-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 24%,var(--line));background:var(--v110-primary-soft)}
  .app-shell .status-pill{font-size:11px;box-shadow:inset 0 0 0 1px rgba(20,133,94,.08)}

  .app-shell .sidebar{width:auto;padding:17px 11px 22px}
  .app-shell .side-head strong{font-size:14px}.app-shell .side-head small{font-size:10px}
  .app-shell .nav-label{padding:15px 13px 7px;font-size:10px;font-weight:800;letter-spacing:.25px}
  .app-shell .nav-item{min-height:44px;padding:10px 13px;font-size:12px;line-height:1.4}
  .app-shell .nav-ico{display:grid;place-items:center;flex:0 0 27px;font-size:17px}

  .app-shell .section-page.active{animation:v110PageIn .2s ease both}
  .app-shell .section-page.active>*+*{margin-top:18px}
  .app-shell .section-page .welcome,
  .app-shell .section-page .mode-switch-card,
  .app-shell .section-page [class$="-page-head"],
  .app-shell .section-page [class$="-topbar"]{
    min-height:82px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 9%,var(--line));border-radius:18px;background:linear-gradient(135deg,var(--card),var(--v110-primary-soft));box-shadow:var(--v110-surface-shadow)
  }
  .app-shell .section-page .welcome{margin-bottom:20px}
  .app-shell .section-page .welcome h2,
  .app-shell .section-page [class$="-page-head"] h2,
  .app-shell .section-page [class$="-topbar"] h2{font-size:24px;line-height:1.35;margin-top:0}
  .app-shell .section-page .welcome p{font-size:12px;line-height:1.75}
  .app-shell .date-card{min-height:48px;display:flex;align-items:center;padding:11px 15px;font-size:11px;background:color-mix(in srgb,var(--card) 88%,var(--bg));box-shadow:0 5px 16px rgba(20,43,67,.04)}

  .app-shell .card,
  .app-shell .page-card{
    border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 8%,var(--line));border-radius:18px;background:var(--card);box-shadow:var(--v110-surface-shadow)
  }
  .app-shell .card{overflow:hidden}
  .app-shell .card-head{min-height:66px;padding:17px 20px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--bg) 45%,var(--card)))}
  .app-shell .card-head h3{font-size:15px;line-height:1.45}.app-shell .card-head p{margin:4px 0 0}
  .app-shell .card-body{padding:20px}
  .app-shell .page-card{padding:21px}
  .app-shell .empty{min-height:260px;display:grid;place-content:center;padding:42px 20px}

  .app-shell .stats{gap:14px;margin-bottom:19px}
  .app-shell .stat{position:relative;overflow:hidden;min-height:126px;padding:18px;border-radius:17px;box-shadow:var(--v110-surface-shadow)}
  .app-shell .stat:after{content:"";position:absolute;inset:auto -35px -55px auto;width:110px;height:110px;border-radius:50%;background:var(--v110-primary-soft);pointer-events:none}
  .app-shell .stat span{font-size:11px}.app-shell .stat strong{position:relative;z-index:1;font-size:24px}.app-shell .trend{font-size:10px}
  .app-shell :is([class$="-kpis"],[class$="-stats"],[class$="-summary"],[class$="-values"]){gap:12px}
  .app-shell :is([class$="-kpis"],[class$="-stats"],[class$="-summary"],[class$="-values"])>article,
  .app-shell :is([class$="-kpis"],[class$="-stats"],[class$="-summary"],[class$="-values"])>div{border-radius:14px}

  .app-shell .grid-2{gap:18px}.app-shell .quick-grid{gap:12px}
  .app-shell .quick{min-height:116px;padding:17px;border-radius:15px;background:linear-gradient(145deg,var(--card),var(--v110-soft))}
  .app-shell .quick:hover{box-shadow:var(--v110-surface-shadow-hover)}

  .app-shell .section-page p{font-size:clamp(11px,.76rem,13px)!important;line-height:1.75}
  .app-shell .section-page small{font-size:clamp(10px,.69rem,11.5px)!important;line-height:1.55}
  .app-shell .section-page label{font-size:clamp(11px,.73rem,12px)!important;line-height:1.45}
  .app-shell .section-page button{font-size:clamp(11px,.74rem,12px)!important;line-height:1.35}
  .app-shell .section-page input,
  .app-shell .section-page select,
  .app-shell .section-page textarea{min-width:0;min-height:42px;font-size:clamp(12px,.78rem,13px)!important;line-height:1.45;color:var(--ink)}
  .app-shell .section-page textarea{min-height:84px;resize:vertical}
  .app-shell .section-page :is(h2,h3,h4){line-height:1.4}
  .app-shell .section-page h3{font-size:max(14px,.9em)}
  .app-shell .section-page h4{font-size:max(12px,.82em)}

  .app-shell .form-grid{gap:14px}
  .app-shell .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .app-shell .form-grid label{gap:7px;color:var(--ink);font-weight:800}
  .app-shell .form-grid input,
  .app-shell .form-grid select,
  .app-shell .form-grid textarea,
  .app-shell .person-box select{width:100%;border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 10%,var(--line));border-radius:11px;background:var(--card);transition:border-color .16s,box-shadow .16s}
  .app-shell .form-grid input:focus,
  .app-shell .form-grid select:focus,
  .app-shell .form-grid textarea:focus{outline:0;border-color:var(--v101-primary,#1677ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--v101-primary,#1677ff) 12%,transparent)}

  .app-shell .primary,
  .app-shell .confirm,
  .app-shell .secondary,
  .app-shell .danger-btn{min-height:40px;border-radius:11px;padding:10px 15px;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s}
  .app-shell :is(.primary,.confirm,.secondary,.danger-btn):hover{transform:translateY(-1px);filter:saturate(1.04)}
  .app-shell .primary:not(.compact),.app-shell .confirm:not(.compact){box-shadow:0 7px 18px color-mix(in srgb,var(--v101-primary,#1677ff) 18%,transparent)}
  .app-shell .secondary{background:color-mix(in srgb,var(--card) 94%,var(--bg))}
  .app-shell .compact{min-height:34px;padding:7px 11px;border-radius:9px}
  .app-shell .modal-actions{align-items:center;justify-content:flex-end;gap:9px}

  .app-shell .table-wrap,
  .app-shell [class$="-table-wrap"],
  .app-shell [class$="-table-shell"]{width:100%;overflow:auto;border-radius:13px;border:1px solid var(--line);background:var(--card)}
  .app-shell .table{width:100%;border-collapse:separate;border-spacing:0}
  .app-shell .table th,
  .app-shell .table td{height:49px;padding:12px 14px;font-size:clamp(11px,.75rem,12.5px)!important;line-height:1.5;vertical-align:middle}
  .app-shell .table th{position:sticky;top:0;z-index:2;white-space:nowrap;color:#5f7288;background:color-mix(in srgb,var(--bg) 66%,var(--card));font-weight:900}
  .app-shell .table tbody tr{transition:background .14s}.app-shell .table tbody tr:hover{background:var(--v110-primary-soft)}
  .app-shell .table td:first-child,.app-shell .table th:first-child{padding-right:17px}
  .app-shell .badge{min-height:27px;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;font-size:10px!important}

  .app-shell :is(.cashbox-tabs,.employees-tabs,.tasks-main-tabs,.system-review-tabs,.sales-pos-customer-tabs,.mobile-tabs,.repair-tabs,.internet-tabs){display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;padding:5px;border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 7%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--bg) 78%,var(--card));scrollbar-width:thin}
  .app-shell :is(.cashbox-tabs,.employees-tabs,.tasks-main-tabs,.system-review-tabs,.sales-pos-customer-tabs,.mobile-tabs,.repair-tabs,.internet-tabs) button{min-height:37px;white-space:nowrap;border-radius:9px;padding:8px 13px;font-weight:900}

  .app-shell :is([class$="-toolbar"],[class$="-filters"],[class$="-actions"]){gap:9px}
  .app-shell :is([class$="-toolbar"],[class$="-filters"]){align-items:center}
  .app-shell :is([class$="-toolbar"],[class$="-filters"]) input,
  .app-shell :is([class$="-toolbar"],[class$="-filters"]) select{min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--card)}

  .pin-modal{overflow:auto;padding:18px;background:rgba(4,15,29,.66);backdrop-filter:blur(3px)}
  .pin-modal .pin-card{width:min(620px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 10%,var(--line));border-radius:20px;padding:23px;box-shadow:0 26px 75px rgba(3,16,31,.28)}
  .pin-modal .pin-card>h3{font-size:18px;line-height:1.45}.pin-modal .pin-card>p{font-size:12px;line-height:1.7}
  .pin-modal .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pin-modal :is(input,select,textarea){font-size:12px}
  .pin-modal .modal-actions{position:sticky;bottom:-23px;z-index:3;margin:20px -23px -23px;padding:14px 23px;background:color-mix(in srgb,var(--card) 95%,transparent);border-top:1px solid var(--line)}
  .pin-modal .v110-department-modal-actions{position:sticky;bottom:0;margin:0;padding:14px 22px}
  .pin-modal.v101-department-modal .v101-department-modal-card{width:min(1180px,calc(100vw - 36px));max-width:1180px;max-height:calc(100vh - 36px);padding:0;border-radius:22px}

  .app-shell :is(.employee-permission-item,.manager-employee-permission-item){min-height:60px;padding:10px 11px;border-radius:11px}
  .app-shell :is(.employee-permission-item,.manager-employee-permission-item) b{font-size:11px!important;line-height:1.45}
  .app-shell :is(.employee-permission-item,.manager-employee-permission-item) small{font-size:9.5px!important;line-height:1.55}
  .app-shell .employee-permission-group-head h4{font-size:12px}.app-shell .employee-permission-group-head p{font-size:10px!important}

  .app-shell :is(.sales-pos-page,.internet-page,.repair-page,.employees-page,.cashbox-page,.inventory-page,.expenses-page,.tasks-page,.reports-page,.system-review-page){gap:16px}
  .app-shell :is(.sales-pos-group,.workstation-home-tile,.v101-department-card,.system-review-module-card){border-radius:15px;transition:transform .16s,box-shadow .16s,border-color .16s}
  .app-shell :is(.sales-pos-group,.workstation-home-tile,.v101-department-card,.system-review-module-card):hover{transform:translateY(-2px);box-shadow:var(--v110-surface-shadow-hover)}
  .app-shell .sales-pos-group{min-height:96px}.app-shell .sales-pos-group b{font-size:11px}.app-shell .sales-pos-group small{font-size:9.5px!important}
  .app-shell .sales-pos-invoice-head h3,.app-shell .sales-pos-catalog-head h3{font-size:15px}
  .app-shell .sales-pos-section-title b{font-size:11px}.app-shell .sales-pos-results-head b{font-size:11px}
  .app-shell .system-review-module-grid{gap:13px}.app-shell .system-review-module-card{padding:16px}.app-shell .system-review-module-head h3{font-size:12px}.app-shell .system-review-tool-card h3{font-size:13px}
  .app-shell .attendance-ranking-row{min-height:62px}.app-shell .attendance-ranking-row b,.app-shell .attendance-ranking-row strong{font-size:11px}
  .app-shell .v101-department-card-head h3{font-size:14px}.app-shell .v101-department-card>p{min-height:0}.app-shell .v101-department-stats span{font-size:10px}

  @keyframes v110PageIn{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
}

@media screen and (max-width:1200px){
  .app-shell .content{padding:22px 22px 38px}
  .app-shell .section-page [class$="-page-head"],.app-shell .section-page [class$="-topbar"]{padding:18px}
  .app-shell .form-grid.three,.pin-modal .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .system-review-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:820px){
  .app-shell .content{padding:18px 17px 34px}
  .app-shell .topbar{padding-inline:17px}
  .app-shell .section-page .welcome,
  .app-shell .section-page [class$="-page-head"],
  .app-shell .section-page [class$="-topbar"]{align-items:flex-start;flex-direction:column;min-height:0;padding:17px}
  .app-shell .section-page .welcome h2,.app-shell .section-page [class$="-page-head"] h2{font-size:21px}
  .app-shell :is([class$="-toolbar"],[class$="-filters"]){flex-wrap:wrap}
  .app-shell :is([class$="-toolbar"],[class$="-filters"]) input{flex:1 1 200px}
  .app-shell .grid-2{grid-template-columns:1fr}
  .app-shell .system-review-module-grid{grid-template-columns:1fr}
}
@media screen and (max-width:560px){
  .app-shell .content{padding:13px 11px 28px}
  .app-shell .topbar{height:65px;padding-inline:12px}.app-shell .top-title h1{font-size:17px}
  .app-shell .top-actions{gap:5px}.app-shell .icon-btn{flex-basis:38px;width:38px;height:38px}
  .app-shell .section-page.active>*+*{margin-top:13px}
  .app-shell .section-page .welcome,.app-shell .section-page [class$="-page-head"],.app-shell .section-page [class$="-topbar"]{padding:15px;border-radius:15px}
  .app-shell .card-head,.app-shell .card-body,.app-shell .page-card{padding:15px}
  .app-shell .card,.app-shell .page-card{border-radius:15px}
  .app-shell .stats{grid-template-columns:1fr 1fr;gap:9px}.app-shell .stat{min-height:112px;padding:14px}.app-shell .stat strong{font-size:20px}
  .app-shell .form-grid.two,.app-shell .form-grid.three,.pin-modal .form-grid.three{grid-template-columns:1fr}
  .app-shell .form-grid .full{grid-column:auto}
  .app-shell .modal-actions{flex-wrap:wrap}.app-shell .modal-actions>*{flex:1 1 120px}
  .pin-modal{padding:0;align-items:end}.pin-modal .pin-card{width:100%;max-width:none;max-height:94vh;border-radius:20px 20px 0 0;padding:18px}
  .pin-modal .modal-actions{bottom:-18px;margin:18px -18px -18px;padding:12px 18px}
  .pin-modal.v101-department-modal .v101-department-modal-card{width:100%;max-height:100vh;border-radius:0}
  .app-shell .table th,.app-shell .table td{height:46px;padding:10px 12px;white-space:nowrap}
}

/* =====================================================================
   V10.12 — fast employee-to-department management
   ===================================================================== */
@media screen{
  .v112-department-members{display:flex;align-items:center;min-height:38px;margin:13px 0 2px}
  .v112-department-members>span{display:grid;place-items:center;width:31px;height:31px;margin-left:-7px;border:3px solid var(--card);border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--v101-primary,#1677ff),var(--v101-accent,#1cc8db));font-size:10px!important;font-weight:900;box-shadow:0 3px 9px rgba(20,43,67,.12)}
  .v112-department-members>span:first-child{margin-left:0}.v112-department-members>span.more{color:var(--v101-primary,#1677ff);background:var(--v110-primary-soft)}
  .v112-department-members>small{min-width:0;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}

  .v112-department-assignments{margin-top:24px;overflow:visible!important;border-radius:20px!important}
  .v112-assignment-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 23px;color:#fff;border-radius:19px 19px 0 0;background:linear-gradient(125deg,var(--v101-secondary,#071b33),color-mix(in srgb,var(--v101-secondary,#071b33) 72%,var(--v101-primary,#1677ff)))}
  .v112-assignment-head .eyebrow{color:#8fc9f1}.v112-assignment-head h3{margin:4px 0!important;color:#fff;font-size:18px!important}.v112-assignment-head p{margin:0!important;color:#c8d9e9!important}
  .v112-assignment-head-stats{display:flex;gap:8px}.v112-assignment-head-stats>span{min-width:92px;padding:10px 13px;text-align:center;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.08);font-size:10px}.v112-assignment-head-stats b{display:block;margin-bottom:2px;font-size:18px}.v112-assignment-head-stats .warning{color:#ffd785;background:rgba(226,158,29,.12)}
  .v112-assignment-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,230px) auto;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 64%,var(--card))}
  .v112-assignment-search{display:flex!important;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.v112-assignment-search>span{color:var(--muted);font-size:17px}.v112-assignment-search input{width:100%;min-height:0!important;padding:0;border:0!important;outline:0;background:transparent;box-shadow:none!important}
  .v112-assignment-toolbar>select,.v112-bulk-assignment>select,.v112-assignment-select>select{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
  .v112-bulk-assignment{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,260px) auto minmax(250px,340px);align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid #cde0ef;background:linear-gradient(110deg,#f5faff,#f1f8fc)}
  .v112-bulk-assignment>div>b,.v112-bulk-assignment>div>small{display:block}.v112-bulk-assignment>div>small{margin-top:3px;color:var(--muted)}
  .v112-auto-permissions,.v112-auto-copy{display:flex!important;align-items:center;gap:9px;min-height:42px;padding:8px 11px;border:1px solid #c9e0f1;border-radius:11px;background:#fff}
  .v112-auto-permissions input,.v112-auto-copy input{flex:0 0 auto;width:17px;height:17px;accent-color:var(--v101-primary,#1677ff)}.v112-auto-permissions b,.v112-auto-permissions small,.v112-auto-copy b,.v112-auto-copy small{display:block}.v112-auto-permissions small,.v112-auto-copy small{margin-top:2px;color:var(--muted)}
  .v112-assignment-grid{display:grid;gap:9px;padding:15px 17px 18px;background:color-mix(in srgb,var(--bg) 45%,var(--card))}
  .v112-employee-assignment{position:relative;display:grid;grid-template-columns:28px 46px minmax(180px,1.2fr) minmax(150px,.8fr) minmax(190px,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 4px 14px rgba(20,43,67,.035);transition:border-color .16s,box-shadow .16s,transform .16s}
  .v112-employee-assignment:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 22%,var(--line));box-shadow:0 9px 24px rgba(20,43,67,.07)}
  .v112-employee-assignment.pending{border-color:#e3ad45;background:linear-gradient(90deg,#fffaf0,var(--card));box-shadow:0 0 0 3px rgba(227,173,69,.1)}
  .v112-employee-assignment.locked{background:color-mix(in srgb,var(--bg) 62%,var(--card))}
  .v112-employee-check{display:grid!important;place-items:center;cursor:pointer}.v112-employee-check input{position:absolute;opacity:0;pointer-events:none}.v112-employee-check>span{width:20px;height:20px;border:2px solid #bcc9d5;border-radius:6px;background:#fff}.v112-employee-check input:checked+span{border-color:var(--v101-primary,#1677ff);background:var(--v101-primary,#1677ff);box-shadow:inset 0 0 0 4px #fff}
  .v112-employee-lock{display:grid;place-items:center;width:22px;height:22px;color:#8b63cb;background:#f0eaff;border-radius:7px;font-size:9px!important}
  .v112-employee-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--v101-primary,#1677ff),var(--v101-accent,#1cc8db));font-size:16px;font-weight:900;box-shadow:0 7px 16px color-mix(in srgb,var(--v101-primary,#1677ff) 20%,transparent)}
  .v112-employee-identity{min-width:0}.v112-employee-identity>b,.v112-employee-identity>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v112-employee-identity>b{font-size:13px}.v112-employee-identity>small{margin:4px 0 6px;color:var(--muted)}.v112-employee-identity>.badge{min-height:23px;padding:3px 8px}
  .v112-current-access{min-width:0;padding-right:12px;border-right:1px solid var(--line)}.v112-current-access>span,.v112-current-access>b,.v112-current-access>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v112-current-access>span,.v112-assignment-select>span{font-size:9.5px;color:var(--muted)}.v112-current-access>b{margin:4px 0;font-size:11px}.v112-current-access>small{color:#8192a4}
  .v112-assignment-select{display:grid!important;gap:5px}.v112-assignment-select>select:disabled{color:#718195;background:var(--bg);cursor:not-allowed}
  .v112-pending-mark{position:absolute;left:13px;bottom:-7px;display:none;padding:3px 8px;border-radius:999px;color:#8e6107;background:#fff0c9;font-size:8px;font-style:normal;font-weight:900}.v112-employee-assignment.pending .v112-pending-mark{display:block}
  .v112-assignment-footer{position:sticky;bottom:10px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 16px 16px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 16%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 13px 34px rgba(20,43,67,.13);backdrop-filter:blur(10px)}
  .v112-assignment-footer>div:first-child span,.v112-assignment-footer>div:first-child small{display:block}.v112-assignment-footer>div:first-child span{font-weight:900}.v112-assignment-footer>div:first-child small{margin-top:3px;color:var(--muted)}.v112-assignment-footer>div:last-child{display:flex;gap:8px}.v112-assignment-footer button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}

  .v112-native-department-field{display:none!important}
  .v112-employee-department-picker{margin-bottom:15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 13%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--bg) 48%,var(--card))}
  .v112-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--v110-primary-soft))}.v112-picker-head h4{margin:3px 0!important;font-size:14px!important}.v112-picker-head p{margin:0!important;color:var(--muted)!important}
  .v112-department-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:13px}
  .v112-department-choice{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:70px;padding:10px;text-align:right;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.v112-department-choice:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--v101-primary,#1677ff) 34%,var(--line));box-shadow:0 7px 18px rgba(20,43,67,.07)}.v112-department-choice:disabled{cursor:default}
  .v112-department-choice .v110-department-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px;font-size:15px}.v112-department-choice b,.v112-department-choice small{display:block}.v112-department-choice b{font-size:11px}.v112-department-choice small{margin-top:4px;color:var(--muted)}.v112-department-choice>i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:transparent;background:#edf1f5;font-size:10px;font-style:normal}.v112-department-choice.active{border-color:var(--v101-primary,#1677ff);background:var(--v110-primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--v101-primary,#1677ff) 10%,transparent)}.v112-department-choice.active>i{color:#fff;background:var(--v101-primary,#1677ff)}
  .v112-picker-bottom{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,320px) auto;align-items:center;gap:10px;padding:12px 13px;border-top:1px solid var(--line);background:var(--card)}
  .v112-selected-department{display:flex;align-items:center;gap:10px;min-width:0}.v112-selected-department .v110-department-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px;font-size:14px}.v112-selected-department small,.v112-selected-department b,.v112-selected-department p{display:block}.v112-selected-department small{color:var(--muted)}.v112-selected-department b{margin:2px 0;font-size:12px}.v112-selected-department p{margin:0!important;color:var(--muted)!important}
  .v112-department-copy-status{display:none;padding:9px 14px;color:#14765d;background:#eaf8f2;border-top:1px solid #c4e6d6;font-size:10px;font-weight:800}.v112-department-copy-status.visible{display:block}
}

@media screen and (max-width:1100px){
  .v112-bulk-assignment{grid-template-columns:1fr 1fr auto}.v112-auto-permissions{grid-column:1/-1}
  .v112-employee-assignment{grid-template-columns:28px 46px 1fr auto}.v112-current-access{grid-column:3;padding-right:0;border-right:0}.v112-assignment-select{grid-column:3}.v112-employee-assignment>button{grid-column:4;grid-row:1/4}
  .v112-department-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v112-picker-bottom{grid-template-columns:1fr 1fr}.v112-picker-bottom>button{grid-column:2}
}
@media screen and (max-width:760px){
  .v112-assignment-head{align-items:flex-start;flex-direction:column}.v112-assignment-head-stats{width:100%}.v112-assignment-head-stats>span{flex:1}
  .v112-assignment-toolbar{grid-template-columns:1fr 1fr}.v112-assignment-search{grid-column:1/-1}.v112-bulk-assignment{grid-template-columns:1fr 1fr}.v112-bulk-assignment>div,.v112-auto-permissions{grid-column:1/-1}
  .v112-employee-assignment{grid-template-columns:26px 43px 1fr}.v112-employee-identity{grid-column:3}.v112-current-access,.v112-assignment-select{grid-column:2/-1}.v112-employee-assignment>button{grid-column:2/-1;grid-row:auto}.v112-assignment-footer{align-items:flex-start;flex-direction:column}.v112-assignment-footer>div:last-child{width:100%}.v112-assignment-footer button{flex:1}
  .v112-picker-bottom{grid-template-columns:1fr}.v112-picker-bottom>button{grid-column:auto}.v112-auto-copy{width:100%}
}
@media screen and (max-width:520px){
  .v112-assignment-head,.v112-assignment-toolbar,.v112-bulk-assignment,.v112-assignment-grid{padding-inline:12px}.v112-assignment-toolbar,.v112-bulk-assignment{grid-template-columns:1fr}.v112-assignment-search,.v112-bulk-assignment>div,.v112-auto-permissions{grid-column:auto}.v112-assignment-footer{position:relative;bottom:auto;margin:0 11px 12px}
  .v112-department-choice-grid{grid-template-columns:1fr;padding:10px}.v112-picker-head{align-items:flex-start}.v112-picker-bottom{padding:10px}.v112-employee-assignment{padding:11px}
}

/* =====================================================================
   V10.16 — new Syrian pound, funding, dollar pricing and trial week
   ===================================================================== */
@media screen{
  .v1013-sham-funding-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--v101-primary,#1677ff) 14%,var(--line));border-radius:20px!important;background:linear-gradient(145deg,var(--card) 0%,color-mix(in srgb,var(--v101-primary,#1677ff) 4%,var(--card)) 100%);box-shadow:0 14px 38px rgba(20,43,67,.08)}
  .v1013-sham-funding-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 23px;color:#fff;background:linear-gradient(125deg,var(--v101-secondary,#071b33),color-mix(in srgb,var(--v101-secondary,#071b33) 70%,var(--v101-primary,#1677ff)))}
  .v1013-sham-funding-head .eyebrow{color:#90d8ff}.v1013-sham-funding-head h3{margin:4px 0!important;color:#fff;font-size:19px!important}.v1013-sham-funding-head p{margin:0!important;color:#cfe0ef!important}
  .v1013-sham-funding-head button,.v1013-head-funding-button{white-space:nowrap;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;background:linear-gradient(135deg,#1689f4,#13b8c8)!important;box-shadow:0 8px 20px rgba(19,128,202,.25)}
  .v1013-sham-funding-balances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:17px 19px 8px}
  .v1013-sham-funding-balances article{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 5px 16px rgba(20,43,67,.035)}
  .v1013-sham-funding-balances article>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--v101-primary,#1677ff),var(--v101-accent,#1cc8db));font-weight:900}
  .v1013-sham-funding-balances article:nth-child(n+3)>span{background:linear-gradient(145deg,#68798a,#32475b)}
  .v1013-sham-funding-balances small,.v1013-sham-funding-balances b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v1013-sham-funding-balances small{color:var(--muted)}.v1013-sham-funding-balances b{margin-top:4px;font-size:14px}
  .v1013-sham-funding-help{display:grid;grid-template-columns:26px 1fr 26px 1fr;align-items:center;gap:8px;margin:8px 19px 15px;padding:11px 13px;border:1px solid #cde6f5;border-radius:13px;background:linear-gradient(110deg,#f3faff,#eef8fb)}
  .v1013-sham-funding-help>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#0876bc;background:#dceffc;font-weight:900}.v1013-sham-funding-help p{margin:0!important;color:#536b80!important;font-size:10px!important;line-height:1.65}
  .v1013-sham-funding-history{margin:0 19px 19px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--card)}
  .v1013-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 60%,var(--card))}.v1013-mini-head small{color:var(--muted)}
  .v1013-sham-funding-history>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid var(--line)}.v1013-sham-funding-history>article:last-child{border-bottom:0}.v1013-sham-funding-history>article div{min-width:0}.v1013-sham-funding-history>article b,.v1013-sham-funding-history>article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v1013-sham-funding-history>article small{margin-top:4px;color:var(--muted)}.v1013-sham-funding-history>article strong{color:#087d62;font-size:13px;white-space:nowrap}
  .v1013-funding-currency{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;font-size:10px;font-weight:900}.v1013-funding-currency.syp{background:linear-gradient(145deg,#0e9d78,#19bea0)}.v1013-funding-currency.usd{background:linear-gradient(145deg,#176ed3,#27a4e6)}
  .v1013-funding-row{background:color-mix(in srgb,#eaf8f4 54%,var(--card))}.v1013-funding-row td:first-child{box-shadow:inset -3px 0 #19a783}

  .pin-modal.v1013-sham-funding-modal{padding:18px}.pin-modal.v1013-sham-funding-modal .v1013-sham-funding-modal-card{width:min(780px,calc(100vw - 36px));max-width:780px;max-height:calc(100vh - 36px);padding:0;overflow:auto;border-radius:22px;background:var(--card)}
  .v1013-funding-modal-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;background:linear-gradient(125deg,var(--v101-secondary,#071b33),color-mix(in srgb,var(--v101-secondary,#071b33) 68%,var(--v101-primary,#1677ff)))}
  .v1013-funding-modal-head>div{display:flex;align-items:center;gap:12px}.v1013-funding-modal-head h3{margin:3px 0!important;color:#fff;font-size:18px!important}.v1013-funding-modal-head p{margin:0!important;color:#c8dbea!important}.v1013-funding-modal-head .eyebrow{color:#8fd7ff}.v1013-funding-modal-head .icon-btn{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1)}
  .v1013-funding-modal-icon{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#178cf5,#16c0c6);font-size:21px;box-shadow:0 8px 22px rgba(18,143,218,.3)}
  .v1013-funding-live-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px 20px 5px}.v1013-funding-live-balances>div{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 58%,var(--card))}.v1013-funding-live-balances span,.v1013-funding-live-balances b{display:block}.v1013-funding-live-balances span{color:var(--muted);font-size:9.5px}.v1013-funding-live-balances b{margin-top:4px;font-size:13px}
  .v1013-funding-form{padding:13px 20px 5px}.v1013-funding-form textarea{min-height:76px;resize:vertical}
  .v1013-funding-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 20px 2px;padding:13px;border:1px solid #c9e5f4;border-radius:14px;background:linear-gradient(110deg,#f2faff,#edf8fa)}.v1013-funding-preview>div{min-width:0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.74)}.v1013-funding-preview span,.v1013-funding-preview b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v1013-funding-preview span{color:#60788c;font-size:9px}.v1013-funding-preview b{margin-top:4px;color:#0c6f9f;font-size:12px}.v1013-funding-preview>p{grid-column:1/-1;margin:0!important;padding:8px 10px;color:#43657d!important;border-radius:9px;background:rgba(255,255,255,.74)!important;font-size:10px!important;line-height:1.65}
  .v1013-sham-funding-modal .repair-intake-error{margin:12px 20px 0}.v1013-sham-funding-modal .modal-actions{margin:16px 0 0!important;padding:14px 20px!important}
}

@media screen and (max-width:900px){
  .v1013-sham-funding-balances{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:620px){
  .v1013-sham-funding-head{align-items:flex-start;flex-direction:column;padding:18px}.v1013-sham-funding-head button{width:100%}
  .v1013-sham-funding-balances{grid-template-columns:1fr;padding-inline:13px}.v1013-sham-funding-help{grid-template-columns:25px 1fr;margin-inline:13px}.v1013-sham-funding-history{margin-inline:13px}
  .pin-modal.v1013-sham-funding-modal{align-items:end;padding:0}.pin-modal.v1013-sham-funding-modal .v1013-sham-funding-modal-card{width:100%;max-width:none;max-height:96vh;border-radius:20px 20px 0 0}
  .v1013-funding-live-balances,.v1013-funding-preview{grid-template-columns:1fr}.v1013-funding-live-balances{padding-inline:14px}.v1013-funding-form{padding-inline:14px}.v1013-funding-preview{margin-inline:14px}.v1013-sham-funding-modal .repair-intake-error{margin-inline:14px}.v1013-sham-funding-modal .modal-actions{padding-inline:14px!important}
  .v1013-funding-modal-head{padding:15px}.v1013-funding-modal-icon{display:none}.v1013-sham-funding-history>article{grid-template-columns:36px 1fr}.v1013-sham-funding-history>article>strong{grid-column:2}
}

/* MajdTel V10.16.45 — sales vouchers and mobile-balance daily workspace */
.sales-voucher-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:16px;margin:0 0 16px;padding:15px 18px;border:1px solid #bcd8ea;border-radius:18px;background:linear-gradient(110deg,#f8fcff,#edf7fc);box-shadow:0 8px 24px rgba(20,67,101,.07)}
.sales-voucher-toolbar-title{display:flex;align-items:center;gap:12px}.sales-voucher-toolbar-title>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#0f6fa2,#19a9b7);font-size:20px}.sales-voucher-toolbar-title b,.sales-voucher-toolbar-title small{display:block}.sales-voucher-toolbar-title b{color:#10283d;font-size:14px}.sales-voucher-toolbar-title small{margin-top:3px;color:#577187}
.sales-voucher-today{display:flex;gap:8px}.sales-voucher-today>span{display:grid;gap:3px;padding:8px 11px;border:1px solid #d5e3ed;border-radius:11px;color:#5c7184;background:#fff;font-size:10px}.sales-voucher-today b{color:#17374f;font-size:11px}.sales-voucher-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.sales-voucher-receipt-button,.sales-voucher-payment-button{min-height:42px;padding:0 15px;border:0;border-radius:11px;color:#fff;font-weight:900;cursor:pointer}.sales-voucher-receipt-button{background:linear-gradient(135deg,#14936e,#20b78b)}.sales-voucher-payment-button{background:linear-gradient(135deg,#c94a54,#e5676f)}
.sales-voucher-modal{padding:18px}.sales-voucher-modal-card{width:min(820px,96vw);max-height:94vh;overflow:auto;border-radius:22px;background:#fff;box-shadow:0 25px 80px rgba(5,29,49,.28)}.sales-voucher-modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 21px;color:#fff}.sales-voucher-modal-head.receipt{background:linear-gradient(120deg,#0b694e,#16a97d)}.sales-voucher-modal-head.payment{background:linear-gradient(120deg,#8d2631,#d5505d)}.sales-voucher-modal-head>div{display:flex;align-items:center;gap:12px}.sales-voucher-modal-head>div>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.15);font-size:25px}.sales-voucher-modal-head h3,.sales-voucher-modal-head p,.sales-voucher-modal-head small{margin:0;color:#fff}.sales-voucher-modal-head h3{margin:3px 0;font-size:21px}.sales-voucher-modal-head .icon-btn{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1)}
.sales-voucher-shift{display:flex;justify-content:space-between;gap:12px;padding:10px 21px;border-bottom:1px solid #e4ebf0;font-weight:800}.sales-voucher-shift.open{color:#13755d;background:#eaf9f4}.sales-voucher-shift.closed{color:#9a3a43;background:#fff0f1}.sales-voucher-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px 21px}.sales-voucher-form label{display:grid;gap:6px;color:#263b4d;font-weight:800}.sales-voucher-form .full{grid-column:1/-1}.sales-voucher-form input,.sales-voucher-form select,.sales-voucher-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #bdcbd7;border-radius:11px;color:#152238!important;background:#fff!important;box-sizing:border-box}.sales-voucher-form textarea{min-height:82px;resize:vertical}.sales-voucher-error{margin:0 21px;padding:11px 13px;border:1px solid #f0bec2;border-radius:11px;color:#a5303a;background:#fff0f1;font-weight:800}.sales-voucher-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 21px;border-top:1px solid #e4ebf0;background:#f8fafc}.sales-voucher-modal-actions .danger{color:#fff;background:#d34b56}
.sales-voucher-list-card{width:min(1040px,96vw);max-height:94vh;overflow:auto;padding:20px;border-radius:22px;background:#fff}.sales-voucher-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sales-voucher-list-head h3{margin:4px 0}.sales-voucher-list-head p{margin:0;color:#627589}.sales-voucher-list-search{display:flex;align-items:center;gap:9px;margin:17px 0;padding:0 12px;border:1px solid #c5d2dd;border-radius:12px;background:#fff}.sales-voucher-list-search input{flex:1;min-height:44px;border:0;background:transparent}.sales-voucher-list{display:grid;gap:8px}.sales-voucher-list-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dce5ec;border-radius:14px;background:#fff}.sales-voucher-list-row.cancelled{opacity:.7;background:#f5f6f7}.sales-voucher-list-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;font-size:20px;font-weight:900}.sales-voucher-list-icon.receipt{background:#18a47c}.sales-voucher-list-icon.payment{background:#dc5862}.sales-voucher-list-row b,.sales-voucher-list-row small,.sales-voucher-list-row p{display:block}.sales-voucher-list-row small{margin-top:3px;color:#65798c}.sales-voucher-list-row p{margin:4px 0 0;color:#42596c}.sales-voucher-list-value{text-align:left}.sales-voucher-list-value strong,.sales-voucher-list-value span{display:block}.sales-voucher-list-value span{margin-top:5px}.sales-voucher-list-actions{display:flex;gap:5px}
.sales-voucher-print-modal{position:fixed;inset:0;z-index:10000;overflow:auto;padding:24px;background:rgba(4,18,31,.72)}.sales-voucher-print-shell{width:min(450px,96vw);margin:auto;padding:15px;border-radius:18px;background:#eef2f4}.sales-voucher-print-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.sales-voucher-receipt-88{position:relative;width:88mm;max-width:100%;margin:auto;padding:6mm 5mm;box-sizing:border-box;color:#111!important;background:#fff;font-family:Tahoma,Arial,sans-serif;text-align:center}.sales-voucher-receipt-88 img{max-width:38mm;max-height:19mm;object-fit:contain}.sales-voucher-receipt-88 h2{margin:4px 0;font-size:17px}.sales-voucher-receipt-88 h3{margin:5px 0;font-size:15px}.sales-voucher-number{display:block;font-family:monospace;font-size:12px}.sales-voucher-receipt-88 hr{border:0;border-top:1px dashed #222;margin:9px 0}.sales-voucher-receipt-88>div:not(.sales-voucher-cancelled-stamp):not(.sales-voucher-signatures){display:flex;justify-content:space-between;gap:10px;padding:4px 0;text-align:right;font-size:11px}.sales-voucher-receipt-88 strong{font-size:14px}.sales-voucher-statement{min-height:28px;margin:7px 0;line-height:1.6;font-size:11px}.sales-voucher-signatures{display:flex;justify-content:space-between;gap:20px;margin:22px 0 14px;padding-top:7px;border-top:1px dotted #777;font-size:10px}.sales-voucher-cancelled-stamp{position:absolute;top:28mm;left:19mm;transform:rotate(-16deg);padding:5px 15px;border:3px solid #c92132;color:#c92132;font-size:24px;font-weight:900;opacity:.78}.sales-voucher-cancel-note{padding:7px;color:#a22532;border:1px solid #d78b92}.sales-voucher-receipt-88>small{display:block;margin-top:8px;font-size:9px}
.mobile-daily-workspace{display:grid;gap:14px;margin-bottom:18px}.mobile-daily-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#09253d,#0f678a)}.mobile-daily-title h3{margin:4px 0;color:#fff}.mobile-daily-title p{margin:0;color:#d5e9f3}.mobile-daily-title .eyebrow{color:#7ee1dc}.mobile-daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mobile-daily-company{padding:18px!important;border-top:5px solid #ffc400!important}.mobile-daily-company.syriatel{border-top-color:#d81e36!important}.mobile-daily-head,.mobile-daily-head>div{display:flex;align-items:center;justify-content:space-between;gap:11px}.mobile-daily-head>div>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#111;background:#ffc400;font-weight:900}.mobile-daily-company.syriatel .mobile-daily-head>div>span{color:#fff;background:#d81e36}.mobile-daily-head h3{margin:0}.mobile-daily-head small{display:block;margin-top:3px;color:#63788b}.mobile-daily-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mobile-daily-fields label{display:grid;gap:6px;color:#344b5e;font-weight:800}.mobile-daily-fields input,.mobile-quick-transfer input,.mobile-funding-request input{min-width:0;min-height:42px;padding:9px 11px;border:1px solid #bdcbd7;border-radius:10px;color:#152238!important;background:#fff!important}.mobile-daily-result{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px}.mobile-daily-result>div{padding:10px;border:1px solid #dce6ed;border-radius:11px;background:#f5f8fa}.mobile-daily-result span,.mobile-daily-result b{display:block}.mobile-daily-result span{color:#667b8e;font-size:10px}.mobile-daily-result b{margin-top:4px;color:#17364d;font-size:12px}.mobile-daily-actions{display:flex;justify-content:flex-end;margin-top:10px}.mobile-daily-company hr{border:0;border-top:1px solid #e0e8ee;margin:15px 0}.mobile-quick-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-quick-title small{color:#687d8f}.mobile-quick-transfer{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:9px}.mobile-funding-request{display:grid;grid-template-columns:minmax(140px,.8fr) 1fr 1.2fr auto;align-items:center;gap:7px;margin-top:12px;padding:10px;border:1px solid #cfe3ee;border-radius:12px;background:#f1f8fb}.mobile-funding-request b,.mobile-funding-request small{display:block}.mobile-funding-request small{margin-top:3px;color:#657d90}.mobile-funding-manager{overflow:hidden}.mobile-funding-manager-list{display:grid}.mobile-funding-manager-list article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid #e2e9ee}.mobile-funding-manager-list article:last-child{border-bottom:0}.mobile-funding-manager-list article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:#177aa6;font-weight:900}.mobile-funding-manager-list b,.mobile-funding-manager-list small,.mobile-funding-manager-list p{display:block}.mobile-funding-manager-list small{margin-top:3px;color:#64788a}.mobile-funding-manager-list p{margin:4px 0 0;color:#40576a}.mobile-funding-manager-list article>div:last-child{display:flex;gap:6px}.mobile-funding-approval-modal .pin-card{width:min(680px,94vw)}
@media(max-width:1050px){.sales-voucher-toolbar{grid-template-columns:1fr}.sales-voucher-today,.sales-voucher-actions{justify-content:flex-start}.mobile-daily-grid{grid-template-columns:1fr}.mobile-funding-request{grid-template-columns:1fr 1fr}.mobile-funding-request>div{grid-column:1/-1}}
@media(max-width:680px){.sales-voucher-modal{align-items:end;padding:0}.sales-voucher-modal-card{width:100%;max-height:96vh;border-radius:20px 20px 0 0}.sales-voucher-form{grid-template-columns:1fr}.sales-voucher-form .full{grid-column:auto}.sales-voucher-today{display:grid;grid-template-columns:1fr 1fr}.sales-voucher-actions>*{flex:1}.sales-voucher-list-row{grid-template-columns:40px 1fr}.sales-voucher-list-value,.sales-voucher-list-actions{grid-column:2;text-align:right}.mobile-daily-title{flex-direction:column}.mobile-daily-fields,.mobile-daily-result,.mobile-quick-transfer,.mobile-funding-request{grid-template-columns:1fr}.mobile-funding-request>div{grid-column:auto}.mobile-funding-manager-list article{grid-template-columns:38px 1fr}.mobile-funding-manager-list article>div:last-child{grid-column:2}}
@media print{
  @page{size:88mm auto;margin:0}
  body.printing-sales-voucher>*{display:none!important}
  body.printing-sales-voucher>.sales-voucher-print-modal{display:block!important;position:static!important;padding:0!important;background:#fff!important}
  body.printing-sales-voucher .sales-voucher-print-shell{width:88mm!important;margin:0!important;padding:0!important;background:#fff!important}
  body.printing-sales-voucher .sales-voucher-print-toolbar{display:none!important}
  body.printing-sales-voucher .sales-voucher-receipt-88{display:block!important;width:88mm!important;max-width:88mm!important;box-shadow:none!important}
}


/* ================================================================
   V10.16.54 Stage 1 — station identity / sidebar attendance
   ================================================================ */
.side-brand-logo{
  width:48px;height:48px;object-fit:contain;border-radius:10px;
  background:#66686d;padding:3px;
}
.side-footer{display:grid!important;gap:10px!important}
.station-mini{
  display:flex;align-items:center;gap:10px;padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);border-radius:12px;
  background:rgba(255,255,255,.05);
}
.station-mini-icon{font-size:20px}
.station-mini div{display:grid;gap:2px}
.station-mini small{font-size:11px;opacity:.7}
.station-mini b{font-size:14px;letter-spacing:.3px}
.side-attendance-btn,.side-system-logout{
  width:100%;min-height:44px;border-radius:11px;border:1px solid transparent;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-weight:800;cursor:pointer;
}
.side-system-logout{
  color:#fff;background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.14);
}
.side-system-logout:hover{background:rgba(255,255,255,.12)}
.majdtel-final-login .v101615-logo-panel img,
.v102-login-card .approved-logo{
  width:min(340px,90%);max-height:190px;object-fit:contain;
}


/* =====================================================================
   V10.16.55 — General Administration portal
   ===================================================================== */
:root{
  --mt-primary:#d5a928;
  --mt-success:#16a34a;
  --mt-danger:#dc2626;
  --mt-warning:#f59e0b;
  --mt-info:#2563eb;
  --mt-sidebar:#17191d;
  --mt-surface:#ffffff;
  --mt-button-radius:12px;
  --mt-button-height:44px;
}
.general-admin-shell .sidebar{background:var(--mt-sidebar)!important}
.general-admin-shell .side-head{margin-bottom:12px}
.manager-nav-group{border-top:1px solid rgba(255,255,255,.07)}
.manager-nav-group:last-of-type{border-bottom:1px solid rgba(255,255,255,.07)}
.manager-nav-group summary{
  list-style:none;cursor:pointer;display:grid;grid-template-columns:28px 1fr 20px;
  align-items:center;gap:8px;padding:11px 10px;color:rgba(255,255,255,.72);
  user-select:none;
}
.manager-nav-group summary::-webkit-details-marker{display:none}
.manager-nav-group[open] summary{color:#fff}
.manager-nav-group-icon{font-size:16px;text-align:center}
.manager-nav-chevron{transition:transform .18s ease;text-align:center;opacity:.6}
.manager-nav-group[open] .manager-nav-chevron{transform:rotate(180deg)}
.manager-nav-group-items{display:grid;gap:3px;padding:0 5px 9px}
.manager-nav-item{
  width:100%;border:0;text-align:right;background:transparent;color:inherit;
  font:inherit;cursor:pointer;
}
.general-admin-shell .nav-item.active{
  border-inline-start:3px solid var(--mt-primary)!important;
  background:color-mix(in srgb,var(--mt-primary) 18%,transparent)!important;
}
.manager-interface-settings{display:grid;gap:18px}
.manager-settings-hero{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:linear-gradient(135deg,#1c1e22,#30333a);color:#fff;padding:24px;border-radius:18px;
}
.manager-settings-hero h2{margin:5px 0 7px;font-size:27px}
.manager-settings-hero p{margin:0;opacity:.72;max-width:720px}
.manager-settings-preview{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08)}
.manager-settings-preview span{color:var(--mt-success)}
.manager-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.manager-settings-card{background:var(--mt-surface)}
.manager-theme-colors{display:grid;gap:10px}
.manager-theme-color{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:11px 12px;border:1px solid #e5e7eb;border-radius:12px;
}
.manager-theme-color span{display:grid;gap:3px}
.manager-theme-color small{color:#777}
.manager-theme-color input[type=color]{width:48px;height:38px;border:0;background:none;cursor:pointer}
.manager-button-controls{display:grid;gap:18px}
.manager-button-controls>label{display:grid;gap:9px}
.manager-button-controls input[type=range]{width:100%}
.manager-button-preview{display:flex;flex-wrap:wrap;gap:9px}
.manager-button-preview button,
.primary,.confirm,.gold-btn,.secondary,.ghost-btn,.side-attendance-btn,.side-system-logout{
  min-height:var(--mt-button-height)!important;border-radius:var(--mt-button-radius)!important;
}
.primary,.confirm,.gold-btn{background:var(--mt-primary)!important}
.manager-preview-success{background:var(--mt-success);color:#fff;border:0;padding:0 18px}
.manager-preview-danger{background:var(--mt-danger);color:#fff;border:0;padding:0 18px}
.manager-preview-warning{background:var(--mt-warning);color:#111;border:0;padding:0 18px}
.badge.green{background:color-mix(in srgb,var(--mt-success) 14%,white)!important;color:var(--mt-success)!important}
.badge.red{background:color-mix(in srgb,var(--mt-danger) 14%,white)!important;color:var(--mt-danger)!important}
.badge.amber{background:color-mix(in srgb,var(--mt-warning) 14%,white)!important;color:#8a5a00!important}
.badge.blue{background:color-mix(in srgb,var(--mt-info) 14%,white)!important;color:var(--mt-info)!important}
.manager-theme-note{padding:13px;border-radius:12px;background:#f7f7f8;color:#555;line-height:1.7}
.manager-theme-actions{display:flex;gap:10px;margin-top:14px}
@media(max-width:900px){
  .manager-settings-grid{grid-template-columns:1fr}
  .manager-settings-hero{align-items:flex-start;flex-direction:column}
}