@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{
  --brand-blue:#0f6bde;
  --brand-blue-2:#2387ff;
  --brand-blue-3:#3b82f6;
  --brand-light:#eaf3ff;
  --brand-soft:#f3f8ff;
  --brand-gray:#4b5563;
  --brand-gray-2:#6b7280;
  --brand-dark:#111827;
  --bg:#f8fafc;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --green:#16a34a;
  --red:#dc2626;
  --orange:#f59e0b;
  --shadow-sm:0 10px 30px rgba(15,23,42,.06);
  --shadow-md:0 18px 46px rgba(15,23,42,.09);
  --shadow-lg:0 28px 78px rgba(15,23,42,.14);
  --gradient-main:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));
  --radius:22px;
  --side:286px;
}
*{box-sizing:border-box}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:rgba(100,116,139,.20);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:rgba(15,107,222,.34)}
html{font-family:'Cairo',Tahoma,Arial,sans-serif;font-feature-settings:'tnum' 1,'lnum' 1}body{margin:0;background:var(--bg);color:var(--text);direction:rtl;min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}.ltr{direction:ltr;text-align:left}
.app-shell{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;color:var(--brand-dark);padding:18px 16px;display:flex;flex-direction:column;box-shadow:10px 0 34px rgba(15,23,42,.04);z-index:20;border-left:1px solid var(--line);overflow:hidden}.brand{display:flex;align-items:center;justify-content:center;padding:8px 6px 22px;border-bottom:1px solid var(--line);margin-bottom:12px}.brand-logo{width:220px;max-width:100%;height:auto;object-fit:contain;display:block}.brand .icon,.brand h1,.brand p{display:none!important}
.nav{overflow-y:auto;overflow-x:hidden;padding:4px 0 10px;scrollbar-width:thin;-ms-overflow-style:auto}.nav::-webkit-scrollbar{width:10px;height:10px}.nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.nav::-webkit-scrollbar-track{background:#f8fafc}.nav a{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;margin:5px 0;border-radius:15px;color:#374151;font-size:13px;font-weight:800;transition:background .18s,color .18s,transform .18s,border .18s;position:relative;border:1px solid transparent}.nav a i{width:22px;text-align:center;font-size:15px;color:#64748b}.nav a:hover{background:#f3f6fa;color:var(--brand-blue);transform:translateX(-2px)}.nav a:hover i{color:var(--brand-blue)}.nav a.active{background:var(--brand-light);color:var(--brand-blue);border-color:#dbeafe}.nav a.active:before{content:"";position:absolute;right:0;top:11px;bottom:11px;width:4px;border-radius:999px;background:var(--brand-blue)}.nav a.active i{color:var(--brand-blue)}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.main{min-width:0;padding:20px 22px 34px}.topbar{min-height:74px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px 18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:12px;z-index:10}.page-title h2{margin:0;font-size:22px;font-weight:900;color:var(--brand-dark)}.page-title p{display:none}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:15px;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:12px;cursor:pointer;white-space:nowrap;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--gradient-main);color:#fff;box-shadow:0 12px 22px rgba(15,107,222,.18)}.btn.soft{background:var(--brand-light);color:var(--brand-blue);border:1px solid #d7e7ff}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}.btn.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}
.hero{background:radial-gradient(circle at top left,rgba(15,107,222,.13),transparent 34%),#fff;border:1px solid var(--line);border-radius:28px;color:var(--text);padding:30px;margin:18px 0;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;left:-70px;top:-80px;width:220px;height:220px;border:32px solid rgba(15,107,222,.05);border-radius:999px}.hero>*{position:relative}.hero h3{margin:0;font-size:28px;font-weight:900;color:var(--brand-dark)}.hero p{margin:7px 0 0;color:var(--muted);font-size:14px;font-weight:700}.hero .hero-icon{width:92px;height:92px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#fff);font-size:34px;border:1px solid var(--line);color:var(--brand-blue);box-shadow:var(--shadow-sm)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;min-height:96px}.stat i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--brand-blue);background:#eff6ff;font-size:18px}.stat h2{margin:0;font-size:25px;font-weight:900;color:var(--brand-dark)}.stat p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);padding:18px;margin-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--brand-dark);font-size:15px}.panel-title i{color:var(--brand-blue)}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px;margin-bottom:14px}.tab{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;min-height:38px;padding:0 14px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.tab.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.tab-pane{display:none}.tab-pane.active{display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;background:#fff;min-width:680px}th{background:#f3f8ff;color:var(--brand-dark);font-size:12px;font-weight:900;text-align:right;padding:12px;white-space:nowrap;border-bottom:1px solid var(--line)}td{border-top:1px solid #eef2f7;padding:12px;font-size:12px;font-weight:700;color:#334155}tr:hover td{background:#fafcff}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:0 10px;font-size:11px;font-weight:900}.badge.green{background:#dcfce7;color:#166534}.badge.red{background:#fee2e2;color:#991b1b}.badge.blue{background:#dbeafe;color:#1e40af}.badge.orange{background:#ffedd5;color:#9a3412}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field span{font-size:12px;color:#334155;font-weight:900}.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:14px;background:#f9fafb;padding:0 12px;color:var(--text);outline:0;font-weight:800}.field textarea{min-height:90px;padding:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-blue);background:#fff;box-shadow:0 0 0 4px rgba(15,107,222,.09)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);font-weight:900;color:var(--brand-dark)}.quick i{width:42px;height:42px;border-radius:15px;background:#eff6ff;color:var(--brand-blue);display:grid;place-items:center}.empty{border:1px dashed #cbd5e1;border-radius:18px;padding:26px;text-align:center;color:var(--muted);font-weight:900;background:#fbfdff}
.auth-body{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 18% 10%,rgba(15,107,222,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#f8fafc 100%)}.auth-card{width:min(1080px,100%);display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.auth-brand,.auth-form{border-radius:32px;box-shadow:var(--shadow-lg);overflow:hidden}.auth-brand{min-height:610px;background:#fff;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.auth-brand .logo{width:min(420px,92%);height:auto;display:block}.auth-brand h1,.auth-brand p{display:none}.auth-form{background:rgba(255,255,255,.96);border:1px solid var(--line);padding:38px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{margin:0 0 7px;font-size:26px;color:var(--brand-dark);font-weight:900}.auth-form p{margin:0 0 22px;color:var(--muted);font-size:13px;font-weight:800}.message{margin-top:12px;border-radius:14px;padding:11px;text-align:center;font-size:12px;font-weight:900}.message.error{background:#fee2e2;color:#991b1b}.message.ok{background:#dcfce7;color:#166534}
.pos-shell{min-height:100vh;display:grid;grid-template-columns:1fr 390px;gap:14px;padding:14px;background:var(--bg)}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;min-height:128px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.product-card i{color:var(--brand-blue);font-size:22px}.product-card b{font-weight:900}.product-card span{color:var(--muted);font-weight:800}.cart{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-md);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 28px);position:sticky;top:14px}.cart-list{flex:1;overflow:auto}.cart-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7;padding:12px 0;font-size:13px;font-weight:900}.total-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:var(--muted);font-weight:900}.total-row.big{font-size:20px;color:var(--brand-dark);border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.mobile-toggle{display:none!important}@media(max-width:1180px){:root{--side:260px}.stats,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card{grid-template-columns:1fr}.auth-brand{min-height:260px}.auth-brand .logo{width:min(360px,90%)}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;transform:translateX(110%);transition:.22s;width:286px}.sidebar.open{transform:none}.mobile-toggle{display:inline-flex!important}.main{padding:14px}.topbar{top:8px;border-radius:18px}.hero{grid-template-columns:1fr;text-align:center}.hero .hero-icon{margin:auto}.stats,.grid,.quick-grid,.grid.three,.form-grid{grid-template-columns:1fr}.pos-shell{grid-template-columns:1fr}.cart{position:relative;top:0;min-height:auto}.auth-form{padding:26px}.auth-brand{min-height:220px}}@media(max-width:520px){.actions .btn.soft{display:none}.hero h3{font-size:22px}.stats{gap:10px}.panel{padding:14px}.brand-logo{width:200px}}
.nav-group{padding:3px 0 7px;border-bottom:1px solid rgba(226,232,240,.65);margin-bottom:6px}.nav-group:last-child{border-bottom:0}.nav-title{font-size:10px;font-weight:900;color:#94a3b8;padding:6px 14px 2px;letter-spacing:.2px}.pos-entry{padding-top:8px;margin-top:6px;border-top:1px dashed #dbe3ef}.pos-entry a{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#dbeafe!important;color:var(--brand-blue)!important}.pos-entry a i{color:var(--brand-blue)!important}


.dashboard-hero{margin:18px 0;display:grid;grid-template-columns:1.45fr .75fr;gap:16px;align-items:stretch}
.dashboard-hero .hero-content{background:radial-gradient(circle at top left,rgba(15,107,222,.16),transparent 34%),linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.dashboard-hero .hero-content:after{content:"";position:absolute;left:-80px;bottom:-95px;width:250px;height:250px;border-radius:999px;border:34px solid rgba(15,107,222,.055)}
.dashboard-hero .hero-content>*{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:var(--brand-blue);border:1px solid #dbeafe;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.dashboard-hero h3{margin:14px 0 8px;color:var(--brand-dark);font-size:31px;font-weight:900}.dashboard-hero p{margin:0;color:var(--muted);font-weight:800;line-height:1.9}.hero-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.hero-card{background:linear-gradient(160deg,var(--brand-dark),var(--brand-blue));border-radius:30px;padding:22px;color:#fff;box-shadow:0 18px 44px rgba(15,76,129,.22);display:flex;flex-direction:column;justify-content:space-between;min-height:230px;overflow:hidden;position:relative}.hero-card:before{content:"";position:absolute;right:-45px;top:-45px;width:150px;height:150px;border-radius:999px;background:rgba(255,255,255,.08)}.hero-card-head,.hero-card-foot{position:relative;display:flex;align-items:center;justify-content:space-between;font-weight:900}.hero-card-head span,.hero-card-foot span{opacity:.78}.hero-card-head b{font-size:34px}.mini-chart{height:94px;display:flex;align-items:end;gap:7px;position:relative;z-index:1}.mini-chart span{flex:1;min-width:8px;border-radius:999px 999px 0 0;background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.pro-stats .stat{min-height:104px}.dashboard-layout{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:16px}.dashboard-layout .panel{margin-top:0}.span-2{grid-column:span 2}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analytic-card{background:#f8fbff;border:1px solid #e4edf8;border-radius:20px;padding:16px}.analytic-card span,.analytic-card small{display:block;color:var(--muted);font-size:12px;font-weight:900}.analytic-card b{display:block;color:var(--brand-dark);font-size:23px;font-weight:900;margin:7px 0 4px}.section-subtitle{margin:16px 0 9px;color:var(--brand-dark);font-weight:900;font-size:13px}.progress-row{margin:10px 0}.progress-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:900;color:#334155;margin-bottom:7px}.progress{height:10px;background:#edf2f7;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-accent))}.quick-stack{display:grid;gap:10px}.quick-stack a{min-height:56px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 14px;color:var(--brand-dark);font-weight:900;background:#fff}.quick-stack a i{width:38px;height:38px;border-radius:14px;background:#eff6ff;color:var(--brand-blue);display:grid;place-items:center}.alert-list{display:grid;gap:10px}.alert{border-radius:18px;padding:13px;display:flex;gap:11px;border:1px solid var(--line);background:#fbfdff}.alert i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center}.alert b,.timeline-item b{display:block;color:var(--brand-dark);font-size:12px;font-weight:900}.alert span,.timeline-item span{display:block;color:var(--muted);font-size:11px;font-weight:800;margin-top:3px}.alert.ok i{background:#dcfce7;color:#166534}.alert.info i{background:#dbeafe;color:#1e40af}.alert.warn i{background:#ffedd5;color:#9a3412}.timeline{display:grid;gap:13px}.timeline-item{display:flex;gap:11px;align-items:flex-start}.timeline-item i{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:#eff6ff;color:var(--brand-blue);flex:0 0 auto}.timeline-item i.green{background:#dcfce7;color:#166534}.timeline-item i.orange{background:#ffedd5;color:#9a3412}@media(max-width:1180px){.dashboard-hero,.dashboard-layout{grid-template-columns:1fr}.span-2{grid-column:auto}.analytics-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:720px){.analytics-grid{grid-template-columns:1fr}.dashboard-hero h3{font-size:24px}.dashboard-hero .hero-content{padding:22px}.hero-card{min-height:190px}}

.crud-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;flex-wrap:wrap}.searchbox{min-width:260px;flex:1;max-width:520px;display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:0 12px;height:46px}.searchbox i{color:var(--brand-blue)}.searchbox input{border:0;background:transparent;outline:0;width:100%;height:100%;font-weight:800;color:var(--text)}.btn.mini{height:32px;min-width:36px;padding:0 10px;border-radius:12px;font-size:12px}.btn.danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}.modal{border:0;border-radius:26px;padding:0;background:transparent;max-width:min(880px,94vw);width:880px}.modal::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(4px)}.modal-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:var(--shadow-lg)}.modal-card h3{margin:0 0 16px;color:var(--brand-dark);font-weight:900}.modal-card menu{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 0;margin:0}.dropzone{min-height:240px;border:2px dashed #bfdbfe;background:linear-gradient(180deg,#f8fbff,#fff);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--brand-dark);font-weight:900}.dropzone i{font-size:42px;color:var(--brand-blue)}.dropzone span{color:var(--muted);font-size:13px}.alert.info{background:#eff6ff}.quick-stack a{text-decoration:none}.table-wrap table td:last-child{white-space:nowrap}.ltr{direction:ltr;text-align:left}@media(max-width:720px){.crud-toolbar{display:grid;grid-template-columns:1fr}.searchbox{min-width:0;max-width:none}.modal{width:96vw}.modal-card .form-grid{grid-template-columns:1fr!important}.modal-card menu{justify-content:stretch}.modal-card menu .btn{flex:1}}


.pro-entry{display:grid;gap:16px}.pro-hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.pro-hero:after{content:"";position:absolute;left:-70px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(15,107,222,.06)}.pro-hero h3{margin:0;color:var(--brand-dark);font-size:24px;font-weight:900}.pro-hero p{margin:7px 0 0;color:var(--muted);font-size:13px;font-weight:800;line-height:1.8}.pro-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.entry-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.entry-layout.single{grid-template-columns:1fr}.entry-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow-sm)}.entry-card.compact{padding:14px}.entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.entry-title{display:flex;align-items:center;gap:10px;color:var(--brand-dark);font-weight:900}.entry-title i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:var(--brand-blue)}.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;min-height:44px;padding:0 12px;background:#fff;color:var(--text);font-weight:800;outline:0}.field textarea{min-height:92px;padding:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.12)}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.required:after{content:" *";color:#ef4444}.line-editor{display:grid;gap:10px}.line-row{display:grid;grid-template-columns:1.5fr .7fr .7fr .7fr 44px;gap:8px;align-items:end;background:#f8fafc;border:1px solid #e8eef6;border-radius:18px;padding:10px}.line-row input{height:42px;border-radius:13px}.line-row .btn{height:42px}.totals-box{display:grid;gap:9px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #dbeafe;border-radius:20px;padding:14px}.total-line{display:flex;align-items:center;justify-content:space-between;color:#334155;font-weight:900}.total-line.big{font-size:20px;color:var(--brand-dark);border-top:1px solid #dbeafe;padding-top:10px;margin-top:4px}.filter-strip{display:grid;grid-template-columns:1fr 160px 160px 170px;gap:10px;align-items:end;margin-bottom:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row-actions{display:flex;gap:6px;justify-content:center}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px}.kpi i{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;color:var(--brand-blue)}.kpi b{display:block;font-size:20px;color:var(--brand-dark);font-weight:900}.kpi span{display:block;font-size:12px;color:var(--muted);font-weight:900}.details-drawer{margin-top:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px}.pill-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pill-nav button{border:1px solid var(--line);background:#fff;border-radius:999px;height:38px;padding:0 14px;font-weight:900;color:#475569;cursor:pointer}.pill-nav button.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.table-wrap table th,.table-wrap table td{vertical-align:middle}.empty{min-height:72px}.modal.large{width:min(1120px,96vw);max-width:1120px}.modal-card .entry-card{box-shadow:none}.btn.warn{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}.btn.success{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important}@media(max-width:1180px){.entry-layout{grid-template-columns:1fr}.form-grid.four,.filter-strip,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-hero{grid-template-columns:1fr}.pro-actions{justify-content:flex-start}}@media(max-width:760px){.form-grid.four,.form-grid.two,.filter-strip,.kpi-row{grid-template-columns:1fr}.line-row{grid-template-columns:1fr 1fr}.line-row .btn{grid-column:span 2}.pro-hero h3{font-size:20px}}


.op-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.op-card{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #dbeafe;border-radius:20px;padding:14px;display:flex;align-items:center;gap:10px}.op-card i{width:38px;height:38px;border-radius:14px;background:#eff6ff;color:var(--brand-blue);display:grid;place-items:center}.op-card b{display:block;font-size:18px;font-weight:900;color:var(--brand-dark)}.op-card span{display:block;font-size:11px;font-weight:900;color:var(--muted)}.record-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.record-field{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:10px}.record-field span{display:block;color:#64748b;font-size:11px;font-weight:900;margin-bottom:4px}.record-field b{display:block;color:#0f172a;font-size:13px;font-weight:900;word-break:break-word}.modal.viewer{width:min(940px,96vw);max-width:940px}.print-only-title{display:none}.bulkbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px}.bulkbar small{color:#64748b;font-weight:900}.row-actions .btn{min-width:34px}.table-wrap input.row-check{width:16px;height:16px;accent-color:var(--brand-blue)}
@media(max-width:900px){.op-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.record-view{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.pro-hero,.filter-strip,.kpi-row,.bulkbar,.row-actions,.modal-card menu{display:none!important}.modal[open]{position:static!important;display:block!important;background:#fff!important}.modal::backdrop{display:none!important}.modal-card{box-shadow:none!important;border:0!important}.record-view{grid-template-columns:repeat(2,1fr)}.print-only-title{display:block;text-align:center;font-weight:900;font-size:20px;margin-bottom:14px}}


.module-hero .hero-card{min-width:220px}
.module-counter{display:flex;align-items:flex-end;gap:10px;margin-top:18px}
.module-counter b{font-size:44px;line-height:1;color:var(--primary,#1266d6)}
.module-counter span{color:var(--muted,#64748b);padding-bottom:8px}
.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.module-card{position:relative;display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:flex-start;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.06);overflow:hidden}
.module-card:before{content:"";position:absolute;inset-inline-start:0;top:0;width:5px;height:100%;background:#94a3b8}
.module-card.on:before{background:#0ea5e9}.module-card.off{opacity:.72;filter:grayscale(.15)}
.module-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(14,165,233,.11);color:#0369a1;font-size:22px}
.module-card h3{margin:0 0 6px;font-size:17px;color:#0f172a}.module-card p{margin:0;color:#64748b;font-size:13px;line-height:1.75}.module-status{white-space:nowrap}.module-pages{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.module-pages span{font-size:11px;background:#eef6ff;color:#1e3a8a;border:1px solid rgba(59,130,246,.12);border-radius:999px;padding:4px 8px}.module-locked{text-align:center;max-width:760px;margin:40px auto;padding:40px!important}.module-locked>i{font-size:44px;color:#f59e0b;background:#fffbeb;border-radius:24px;width:86px;height:86px;display:grid;place-items:center;margin:0 auto 18px}.module-locked h3{font-size:24px;margin:0 0 10px}.module-locked p{color:#64748b;line-height:1.9;margin:0 auto 20px;max-width:560px}



.pos-pro-v84 .pos-grid{display:grid;grid-template-columns:1fr 1.2fr 360px;gap:16px;align-items:start}.quick-add{display:grid;grid-template-columns:1fr 120px auto;gap:8px;margin-top:14px}.quick-add input{height:44px;border:1px solid var(--line);border-radius:15px;padding:0 12px;font-weight:800}.btn.full{width:100%;justify-content:center;margin-top:12px}.small-title{margin-top:16px}.print-invoice{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:12px}.print-invoice h2{text-align:center;color:var(--brand-dark);margin:0 0 12px}.print-meta{line-height:2;font-weight:800}.print-total{text-align:left;font-weight:900;font-size:18px;margin-top:12px;color:var(--brand-dark)}
@media(max-width:1280px){.pos-pro-v84 .pos-grid{grid-template-columns:1fr}.quick-add{grid-template-columns:1fr 1fr}.quick-add .btn{grid-column:span 2}}
@media print{.pos-pro-v84 .pro-hero,.pos-pro-v84 .entry-card:not(:has(.print-invoice)){display:none!important}.print-invoice{border:0!important}.print-total{font-size:20px}}


.invoice-manager-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.55fr)) auto auto auto;gap:10px;align-items:end;margin:16px 0}.invoice-manager-toolbar .field.compact span{font-size:12px;color:#64748b}.invoice-manager-toolbar .field.compact input,.invoice-manager-toolbar .field.compact select{height:42px}.invoice-filter{min-height:42px}.invoice-kpis{grid-template-columns:repeat(5,minmax(150px,1fr))}.invoice-table th,.invoice-table td{white-space:nowrap}.invoice-table td b{font-weight:900;color:#0f172a}.row-actions{display:flex;gap:6px;flex-wrap:nowrap}.btn.mini{padding:7px 10px;font-size:12px;border-radius:10px}.invoice-detail-dialog{width:min(1120px,96vw);border:0;background:transparent;padding:0}.invoice-detail-card{width:100%;max-width:1120px;max-height:92vh;overflow:auto}.invoice-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.invoice-detail-head h3{margin:0;color:#0f172a}.invoice-detail-head p{margin:6px 0 0;color:#64748b}.invoice-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:14px}.invoice-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin:14px 0}.invoice-meta-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.invoice-meta-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.invoice-meta-grid b{font-size:14px;color:#0f172a}.invoice-actions-bar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px;padding:0}.empty.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.print-only-body{background:white;padding:0;margin:0}.invoice-print-page{font-family:Cairo,Arial,sans-serif;background:#fff;color:#111827;width:190mm;min-height:277mm;margin:0 auto;padding:10mm;box-sizing:border-box}.print-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #0f4c81;padding-bottom:10px;margin-bottom:14px}.print-head h2{margin:0;color:#0f4c81}.print-head p{margin:4px 0;color:#64748b}.print-number{display:flex;flex-direction:column;text-align:left;direction:ltr}.print-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.print-info-grid>div{border:1px solid #dbeafe;border-radius:10px;padding:10px;background:#f8fbff}.print-info-grid b,.print-info-grid span{display:block}.print-info-grid b{font-size:12px;color:#64748b}.print-summary{width:78mm;margin:16px 0 0 auto;border:1px solid #dbeafe;border-radius:14px;overflow:hidden}.print-summary div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #e2e8f0}.print-summary div:last-child{border-bottom:0}.print-summary .big{background:#eff6ff;font-weight:900;color:#0f4c81}@media(max-width:1000px){.invoice-manager-toolbar{grid-template-columns:1fr 1fr}.invoice-filter{grid-column:1/-1}.invoice-kpis,.invoice-detail-kpis,.invoice-meta-grid{grid-template-columns:1fr 1fr}}@media print{body.print-only-body .invoice-print-page{width:100%;min-height:auto;margin:0;padding:5mm}.invoice-manager-toolbar,.topbar,.sidebar,.invoice-actions-bar,.btn{display:none!important}.invoice-print-page .table-wrap{box-shadow:none;border:0}.invoice-print-page table{font-size:11px}}


.mini-summary{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
.mini-summary span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;color:#334155;font-size:13px}
.mini-summary b{color:#0f172a}


body.is-loading-page #view{opacity:.55;pointer-events:none;transition:opacity .12s ease}
.table-wrap tbody tr:nth-child(n+81){display:none}


.app-shell{contain:layout style;}
.sidebar{contain:layout style paint;}
.panel,.stat,.dashboard-hero,.table-wrap{content-visibility:auto;contain-intrinsic-size:1px 420px;}
.nav a,.btn,.tab{touch-action:manipulation;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* =====================================================
   LIGHT ROYAL BLUE ENTERPRISE DESIGN SYSTEM v2026
   Applied globally: platform admin + company modules
   Mobile / Tablet / Desktop responsive layer
   ===================================================== */

:root{
  --primary:#163A70;
  --primary-dark:#0F2C5C;
  --primary-hover:#1D4ED8;
  --primary-light:#DBEAFE;
  --success:#10B981;
  --success-light:#D1FAE5;
  --warning:#F59E0B;
  --warning-light:#FEF3C7;
  --danger:#EF4444;
  --danger-light:#FEE2E2;
  --info:#3B82F6;
  --info-light:#DBEAFE;
  --bg-page:#F8FAFC;
  --bg-main:#F4F7FB;
  --bg-card:#FFFFFF;
  --bg-sidebar:#FFFFFF;
  --bg-header:#FFFFFF;
  --text-main:#0F172A;
  --text-secondary:#64748B;
  --text-light:#94A3B8;
  --text-white:#FFFFFF;
  --border:#D9E1EC;
  --border-light:#E5EAF2;
  --shadow-sm:0 4px 10px rgba(15,44,92,.05);
  --shadow-md:0 10px 26px rgba(15,44,92,.07);
  --shadow-lg:0 20px 50px rgba(15,44,92,.12);
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:30px;
  --sidebar-width:250px;

  /* bridge old variables to the new system */
  --brand-blue:var(--primary);
  --brand-blue-2:var(--primary-hover);
  --brand-blue-3:var(--info);
  --brand-light:var(--primary-light);
  --brand-soft:#F3F8FF;
  --brand-gray:var(--text-secondary);
  --brand-gray-2:var(--text-secondary);
  --brand-dark:var(--text-main);
  --bg:var(--bg-page);
  --card:var(--bg-card);
  --text:var(--text-main);
  --muted:var(--text-secondary);
  --line:var(--border-light);
  --green:var(--success);
  --red:var(--danger);
  --orange:var(--warning);
  --gradient-main:linear-gradient(135deg,var(--primary),var(--primary-hover));
  --radius:var(--radius-lg);
  --side:var(--sidebar-width);
}

html,body{
  width:100%;
  min-height:100%;
  background:var(--bg-page)!important;
  color:var(--text-main)!important;
  font-family:'Cairo',Tahoma,Arial,sans-serif!important;
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}
body{overflow-x:hidden!important;}
button,input,select,textarea{font-family:'Cairo',Tahoma,Arial,sans-serif!important;}

/* layout */
.app-shell{
  display:grid!important;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  min-height:100vh!important;
  background:var(--bg-page)!important;
}
.sidebar{
  width:var(--sidebar-width)!important;
  background:var(--bg-sidebar)!important;
  border-left:1px solid var(--border)!important;
  box-shadow:var(--shadow-sm)!important;
  padding:15px!important;
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow:hidden!important;
}
.main,.content{
  min-width:0!important;
  padding:25px!important;
  background:var(--bg-page)!important;
}
.brand{
  padding:8px 6px 18px!important;
  border-bottom:1px solid var(--border-light)!important;
}
.brand-logo{max-width:205px!important;}
.nav{padding:8px 0 12px!important;overflow:auto!important;}
.nav a,.sidebar-item{
  min-height:48px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 15px!important;
  color:var(--primary)!important;
  cursor:pointer!important;
  transition:.25s!important;
  font-weight:800!important;
  border:1px solid transparent!important;
  background:transparent!important;
}
.nav a i,.sidebar-item i{color:var(--primary)!important;}
.nav a:hover,.sidebar-item:hover{
  background:var(--primary-light)!important;
  color:var(--primary)!important;
  transform:none!important;
}
.nav a.active,.sidebar-item.active{
  background:var(--primary)!important;
  color:white!important;
  border-color:var(--primary)!important;
}
.nav a.active:before{display:none!important;}
.nav a.active i,.sidebar-item.active i{color:white!important;}

/* header */
.topbar,.header{
  min-height:70px!important;
  height:auto!important;
  background:var(--bg-header)!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 22px!important;
  box-shadow:var(--shadow-sm)!important;
  position:sticky!important;
  top:12px!important;
  z-index:10!important;
}
.page-title h2,.header-title{
  margin:0!important;
  font-size:24px!important;
  font-weight:900!important;
  color:var(--primary)!important;
}
.page-title p{color:var(--text-secondary)!important;font-weight:700!important;margin:4px 0 0!important;}
.actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}

/* cards / panels */
.cards,.stats,.quick-grid,.module-grid,.module-admin-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:20px!important;
}
.card,.stat,.panel,.quick,.module-card,.module-admin-card,.entry-card,.hero,.pro-hero,.op-card,.auth-form,.auth-brand{
  background:var(--bg-card)!important;
  border:1px solid var(--border-light)!important;
  border-radius:20px!important;
  box-shadow:var(--shadow-md)!important;
  overflow:hidden;
}
.panel{padding:18px!important;margin-top:16px!important;}
.panel-title,.card-title{color:var(--text-main)!important;font-weight:900!important;}
.stat h2,.card-value,.module-counter b{color:var(--primary)!important;font-weight:900!important;}
.stat p,.card-title,.module-counter span,.module-card p,.module-admin-card p{color:var(--text-secondary)!important;}
.stat i,.quick i,.module-icon,.op-card i{
  background:var(--primary-light)!important;
  color:var(--primary)!important;
}
.hero,.pro-hero{background:linear-gradient(180deg,#fff,#F8FAFD)!important;}
.hero h3,.pro-hero h3{color:var(--primary)!important;}

/* buttons */
.btn{
  min-height:42px!important;
  border:none!important;
  border-radius:12px!important;
  cursor:pointer!important;
  font-weight:800!important;
  padding:0 20px!important;
  transition:.25s!important;
  box-shadow:none!important;
}
.btn:hover{transform:translateY(-1px)!important;}
.btn.primary,.btn-primary,.tab.active{
  background:var(--primary)!important;
  color:white!important;
  border-color:var(--primary)!important;
}
.btn.primary:hover,.btn-primary:hover{background:var(--primary-dark)!important;}
.btn.soft,.btn.secondary,.btn-secondary,.btn.ghost,.tab{
  background:white!important;
  border:1px solid var(--border)!important;
  color:var(--primary)!important;
}
.btn.soft:hover,.btn.secondary:hover,.btn-secondary:hover,.btn.ghost:hover,.tab:hover{background:var(--primary-light)!important;}
.btn.success,.btn-success{background:var(--success)!important;color:white!important;}
.btn.danger,.btn-danger{background:var(--danger)!important;color:white!important;}
.btn.warn{background:var(--warning-light)!important;color:#92400e!important;border:1px solid #FDE68A!important;}

/* tables */
.table-box,.table-wrap{
  background:white!important;
  border-radius:20px!important;
  overflow:auto!important;
  box-shadow:var(--shadow-md)!important;
  border:1px solid var(--border-light)!important;
  -webkit-overflow-scrolling:touch!important;
}
table{width:100%!important;border-collapse:collapse!important;background:white!important;}
thead,th{background:var(--primary)!important;color:white!important;}
th{padding:15px!important;font-weight:900!important;text-align:right!important;white-space:nowrap!important;}
td{padding:14px!important;border-top:0!important;border-bottom:1px solid var(--border-light)!important;color:#334155!important;font-weight:700!important;}
tbody tr:nth-child(even) td{background:#F8FAFD!important;}
tbody tr:hover td{background:var(--primary-light)!important;}

/* inputs */
.input,.field input,.field select,.field textarea,.mini-select,.quick-add input{
  min-height:42px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  padding:0 15px!important;
  width:100%!important;
  background:white!important;
  color:var(--text-main)!important;
  font-weight:800!important;
}
.field textarea{padding:12px 15px!important;}
.input:focus,.field input:focus,.field select:focus,.field textarea:focus,.quick-add input:focus{
  outline:none!important;
  border-color:var(--primary)!important;
  box-shadow:0 0 0 4px rgba(22,58,112,.10)!important;
}
.field span{font-size:12px!important;color:var(--text-secondary)!important;font-weight:900!important;}

/* modal / badges */
.modal,.sa-modal,.modal-card,.invoice-detail-card{
  background:white!important;
  border-radius:24px!important;
  box-shadow:var(--shadow-lg)!important;
  border:1px solid var(--border-light)!important;
}
.badge{padding:6px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;}
.badge.green,.badge-success{background:var(--success-light)!important;color:#047857!important;}
.badge.orange,.badge-warning{background:var(--warning-light)!important;color:#b45309!important;}
.badge.red,.badge-danger{background:var(--danger-light)!important;color:#b91c1c!important;}
.badge.blue{background:var(--info-light)!important;color:#1D4ED8!important;}
.switch input:checked+span{background:var(--primary)!important;}

/* authentication */
.auth-body{
  background:radial-gradient(circle at 20% 10%,rgba(22,58,112,.10),transparent 30%),var(--bg-page)!important;
}
.auth-card{width:min(1080px,100%)!important;gap:20px!important;}
.auth-form h2{color:var(--primary)!important;font-weight:900!important;}
.auth-form p{color:var(--text-secondary)!important;}

/* POS */
.pos-shell{background:var(--bg-page)!important;}
.product-card,.cart,.pos-panel{background:white!important;border:1px solid var(--border-light)!important;border-radius:20px!important;box-shadow:var(--shadow-md)!important;}
.product-card i{color:var(--primary)!important;}

/* tablet */
@media(max-width:1180px){
  :root{--sidebar-width:220px;--side:220px;}
  .main,.content{padding:18px!important;}
  .topbar,.header{position:relative!important;top:auto!important;}
  .stats,.cards,.quick-grid,.module-grid,.module-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  .form-grid,.form-grid.four,.form-grid.three,.grid,.grid.three,.invoice-kpis,.invoice-detail-kpis,.invoice-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .pos-shell,.pos-pro-v84 .pos-grid{grid-template-columns:1fr!important;}
}

/* mobile */
@media(max-width:768px){
  :root{--sidebar-width:100%;--side:100%;}
  html,body{overflow-x:hidden!important;}
  .app-shell{display:block!important;min-height:100vh!important;}
  .sidebar{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    position:relative!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    padding:10px!important;
    border-left:0!important;
    border-bottom:1px solid var(--border)!important;
    overflow:visible!important;
  }
  .brand{padding:6px 8px 10px!important;margin:0!important;justify-content:center!important;}
  .brand-logo{max-width:160px!important;}
  .nav{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px 2px!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .nav a,.sidebar-item{
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:0 13px!important;
    margin:0!important;
    font-size:12px!important;
    border-radius:12px!important;
  }
  .sidebar-footer{display:none!important;}
  .main,.content{padding:12px!important;margin-right:0!important;}
  .topbar,.header{
    min-height:auto!important;
    border-radius:18px!important;
    padding:12px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    position:relative!important;
    top:auto!important;
  }
  .page-title h2,.header-title{font-size:20px!important;line-height:1.5!important;}
  .page-title p{font-size:12px!important;}
  .actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .actions .btn,.topbar .btn{width:100%!important;padding:0 10px!important;}
  .stats,.cards,.quick-grid,.module-grid,.module-admin-grid,.form-grid,.form-grid.four,.form-grid.three,.form-grid.two,.grid,.grid.three,.op-summary,.record-view,.invoice-kpis,.invoice-detail-kpis,.invoice-meta-grid,.invoice-manager-toolbar{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .panel,.card,.stat,.quick,.module-card,.module-admin-card,.entry-card,.hero,.pro-hero{border-radius:18px!important;}
  .panel{padding:12px!important;margin-top:12px!important;}
  .hero,.pro-hero{display:block!important;padding:18px!important;}
  .hero .hero-icon{display:none!important;}
  .table-wrap,.table-box{border-radius:16px!important;margin-inline:-2px!important;}
  table{min-width:720px!important;}
  th,td{padding:11px!important;font-size:11px!important;}
  .btn{min-height:42px!important;padding:0 12px!important;font-size:12px!important;}
  .auth-body{padding:12px!important;display:block!important;}
  .auth-card{display:block!important;width:100%!important;}
  .auth-brand{min-height:auto!important;padding:24px!important;margin-bottom:12px!important;border-radius:24px!important;}
  .auth-brand .logo{width:min(260px,90%)!important;}
  .auth-form{padding:22px!important;border-radius:24px!important;}
  .auth-form h2{font-size:22px!important;}
  .pos-shell{display:block!important;padding:10px!important;}
  .pos-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .quick-add{grid-template-columns:1fr!important;}
  .quick-add .btn{grid-column:auto!important;}
  .sa-modal,.invoice-detail-card{width:96vw!important;max-height:90vh!important;border-radius:20px!important;}
  .modal-backdrop{padding:10px!important;align-items:flex-start!important;overflow:auto!important;}
}

@media(max-width:420px){
  .actions{grid-template-columns:1fr!important;}
  .pos-products{grid-template-columns:1fr!important;}
  .page-title h2,.header-title{font-size:18px!important;}
}

@media print{
  body{background:white!important;}
  .sidebar,.topbar,.header,.actions,.btn,.nav,.sidebar-footer{display:none!important;}
  .app-shell,.main,.content{display:block!important;padding:0!important;margin:0!important;background:white!important;}
  .panel,.table-wrap,.card{box-shadow:none!important;border-color:#ddd!important;}
}

/* =====================================================
   MOBILE FIRST LARGE SHORTCUTS — LIGHT ROYAL BLUE
   ===================================================== */
.mobile-shortcuts-panel{
  background:var(--bg-card)!important;
  border:1px solid var(--border-light)!important;
  border-radius:24px!important;
  box-shadow:var(--shadow-md)!important;
  padding:20px!important;
  margin:16px 0!important;
}
.mobile-shortcuts-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.mobile-shortcuts-head h3{
  margin:0!important;
  color:var(--primary)!important;
  font-size:22px!important;
  font-weight:900!important;
}
.mobile-shortcuts-head p{
  margin:4px 0 0!important;
  color:var(--text-secondary)!important;
  font-size:13px!important;
  font-weight:700!important;
}
.mobile-shortcuts-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:14px!important;
}
.mobile-shortcut-tile{
  min-height:132px!important;
  background:linear-gradient(180deg,#fff,#F8FAFD)!important;
  border:1px solid var(--border-light)!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-sm)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:16px 12px!important;
  text-align:center!important;
  color:var(--text-main)!important;
  text-decoration:none!important;
  transition:.22s ease!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
.mobile-shortcut-tile:hover{
  transform:translateY(-2px)!important;
  border-color:var(--primary)!important;
  box-shadow:var(--shadow-md)!important;
  background:linear-gradient(180deg,#fff,var(--primary-light))!important;
}
.mobile-shortcut-tile .tile-icon{
  width:64px!important;
  height:64px!important;
  border-radius:22px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--primary-light)!important;
  color:var(--primary)!important;
  box-shadow:inset 0 0 0 1px rgba(22,58,112,.06)!important;
}
.mobile-shortcut-tile i{
  font-size:34px!important;
  color:var(--primary)!important;
}
.mobile-shortcut-tile b{
  font-size:16px!important;
  font-weight:900!important;
  color:var(--text-main)!important;
  line-height:1.35!important;
}
.mobile-shortcut-tile small{
  font-size:11px!important;
  color:var(--text-secondary)!important;
  font-weight:800!important;
}
.mobile-bottom-nav{display:none!important;}

@media(max-width:768px){
  body{padding-bottom:78px!important;}
  .mobile-shortcuts-panel{padding:14px!important;border-radius:20px!important;margin:12px 0!important;}
  .mobile-shortcuts-head{align-items:flex-start!important;margin-bottom:12px!important;}
  .mobile-shortcuts-head h3{font-size:18px!important;}
  .mobile-shortcuts-head p{font-size:11px!important;line-height:1.6!important;}
  .mobile-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  .mobile-shortcut-tile{min-height:104px!important;border-radius:18px!important;padding:12px 8px!important;gap:6px!important;}
  .mobile-shortcut-tile .tile-icon{width:54px!important;height:54px!important;border-radius:18px!important;}
  .mobile-shortcut-tile i{font-size:30px!important;}
  .mobile-shortcut-tile b{font-size:12px!important;}
  .mobile-shortcut-tile small{display:none!important;}
  .mobile-bottom-nav{
    position:fixed!important;
    right:10px!important;
    left:10px!important;
    bottom:10px!important;
    height:64px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(12px)!important;
    border:1px solid var(--border)!important;
    border-radius:22px!important;
    box-shadow:var(--shadow-lg)!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    z-index:1000!important;
    overflow:hidden!important;
  }
  .mobile-bottom-nav a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:var(--text-secondary)!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:900!important;
    min-width:0!important;
  }
  .mobile-bottom-nav a i{font-size:21px!important;color:var(--primary)!important;}
  .mobile-bottom-nav a.active{
    background:var(--primary)!important;
    color:white!important;
  }
  .mobile-bottom-nav a.active i{color:white!important;}
  .nav-title{display:none!important;}
}

@media(max-width:420px){
  .mobile-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mobile-shortcut-tile{min-height:112px!important;}
}


/* =====================================================
   PRODUCTION MOBILE MODULE POLISH
   ===================================================== */
.mobile-shortcuts-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:18px;margin:0 0 18px;}
.mobile-shortcuts-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.mobile-shortcuts-head h3{margin:0;color:var(--primary);font-weight:900;font-size:20px;}
.mobile-shortcuts-head p{margin:4px 0 0;color:var(--text-secondary);font-size:13px;}
.mobile-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px;}
.mobile-shortcuts-grid.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
.mobile-shortcut-tile{min-height:122px;border:1px solid var(--border-light);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:var(--text-main);padding:14px;transition:.22s;gap:7px;}
.mobile-shortcut-tile:hover{transform:translateY(-2px);border-color:var(--primary-light);box-shadow:var(--shadow-md);}
.tile-icon{width:58px;height:58px;border-radius:20px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;font-size:30px;}
.mobile-shortcut-tile b{font-size:15px;font-weight:900;}
.mobile-shortcut-tile small{font-size:12px;color:var(--text-secondary);}
.pro-hero{border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;background:linear-gradient(135deg,#ffffff,#f7fbff)!important;box-shadow:var(--shadow-md)!important;}
.pro-hero p,.page-title p{color:var(--text-secondary)!important;}
.kpi{border-radius:22px!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border-light)!important;}
.kpi i{width:52px!important;height:52px!important;border-radius:18px!important;font-size:24px!important;background:var(--primary-light)!important;color:var(--primary)!important;display:grid!important;place-items:center!important;}
.entry-card,.panel,.table-box{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;border:1px solid var(--border-light)!important;}
.empty.danger{background:var(--danger-light);color:var(--danger);border-radius:16px;}
@media(max-width:900px){
  .main{padding-bottom:92px!important;}
  .topbar{align-items:flex-start!important;gap:10px!important;}
  .page-title h2{font-size:22px!important;}
  .actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;}
  .actions .btn,.pro-actions .btn{height:48px!important;justify-content:center!important;}
  .mobile-shortcuts-grid,.mobile-shortcuts-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .mobile-shortcut-tile{min-height:118px;padding:12px;}
  .tile-icon{width:62px;height:62px;font-size:32px;}
  .filter-strip{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .kpi-row,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  table{min-width:720px;}
  .modal-card{width:min(96vw,760px)!important;max-height:86vh!important;overflow:auto!important;}
}
@media(max-width:520px){
  .mobile-shortcuts-grid,.mobile-shortcuts-grid.compact,.kpi-row,.stats-grid{grid-template-columns:1fr 1fr!important;}
  .mobile-shortcuts-panel{padding:14px;margin-bottom:14px;}
  .mobile-shortcuts-head{align-items:flex-start;}
  .mobile-shortcuts-head p{display:none;}
  .mobile-shortcut-tile{min-height:112px;border-radius:20px;}
  .tile-icon{width:56px;height:56px;font-size:30px;}
  .mobile-shortcut-tile b{font-size:14px;}
  .mobile-shortcut-tile small{display:none;}
  .pro-hero{padding:16px!important;}
  .pro-hero h3{font-size:20px!important;}
  .pro-hero p{display:none;}
}


/* =====================================================
   Production layout
   ===================================================== */
html{scroll-padding-top:0!important;}
body{overscroll-behavior-y:contain!important;}
#view{min-height:0!important;}
@media(max-width:900px){
  html,body{min-height:100dvh!important;}
  body{padding-top:0!important;margin-top:0!important;}
  .app-shell{min-height:100dvh!important;}
  .main,.content{padding:8px 10px 92px!important;}
  .topbar,.header{
    position:sticky!important;
    top:0!important;
    min-height:56px!important;
    border-radius:0 0 18px 18px!important;
    margin:-8px -10px 10px!important;
    padding:9px 12px!important;
    box-shadow:0 8px 22px rgba(15,44,92,.08)!important;
  }
  .page-title h2,.header-title{font-size:18px!important;line-height:1.25!important;}
  .page-title p{display:none!important;}
  .actions{width:auto!important;display:flex!important;gap:7px!important;flex-wrap:nowrap!important;margin-inline-start:auto!important;}
  .actions .btn{height:40px!important;min-height:40px!important;border-radius:13px!important;padding:0 10px!important;}
  .actions .btn.soft{display:none!important;}
  .mobile-toggle{display:inline-flex!important;}
  .mobile-shortcuts-panel:first-child,.dashboard-hero:first-child,.pro-entry:first-child,.panel:first-child{margin-top:0!important;}
  .sidebar{top:0!important;height:100dvh!important;max-height:100dvh!important;}
}
@media(max-width:520px){
  .main,.content{padding:6px 8px 88px!important;}
  .topbar,.header{margin:-6px -8px 8px!important;padding:8px 10px!important;min-height:52px!important;}
  .page-title h2,.header-title{font-size:17px!important;}
  .actions .btn{font-size:0!important;width:40px!important;padding:0!important;}
  .actions .btn i{font-size:17px!important;margin:0!important;}
}

/* =====================================================
   CORE v8.5.2.7 — FIXED HEADER + REAL COLORED ICONS
   ===================================================== */
:root{
  --c-sales:#1D4ED8; --c-pos:#0F766E; --c-inventory:#7C3AED; --c-purchase:#EA580C;
  --c-finance:#059669; --c-report:#9333EA; --c-customer:#0891B2; --c-supplier:#B45309;
  --c-hr:#BE123C; --c-settings:#475569; --c-ai:#4F46E5; --c-security:#DC2626;
}
/* header always visible */
.topbar,.header{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  background:rgba(255,255,255,.96)!important;
}
.main,.content{padding-top:14px!important;}
@media(min-width:901px){
  .topbar,.header{top:0!important;margin-top:0!important;border-radius:0 0 24px 24px!important;}
}
@media(max-width:900px){
  .topbar,.header{position:sticky!important;top:0!important;z-index:9999!important;}
  .main,.content{padding-top:0!important;}
  .sidebar{display:none!important;}
  .mobile-bottom-nav{z-index:9999!important;}
}
/* Real module colors — icons no longer all blue */
.fa-cash-register{--ic:var(--c-pos)}
.fa-file-invoice,.fa-file-invoice-dollar,.fa-receipt,.fa-file-signature{--ic:var(--c-sales)}
.fa-box,.fa-boxes-stacked,.fa-warehouse,.fa-tags,.fa-barcode{--ic:var(--c-inventory)}
.fa-cart-shopping,.fa-truck,.fa-dolly,.fa-rotate-left{--ic:var(--c-purchase)}
.fa-coins,.fa-wallet,.fa-money-bill-wave,.fa-credit-card,.fa-scale-balanced,.fa-calculator{--ic:var(--c-finance)}
.fa-chart-line,.fa-chart-pie,.fa-ranking-star,.fa-chart-simple{--ic:var(--c-report)}
.fa-users,.fa-user,.fa-user-clock,.fa-address-book{--ic:var(--c-customer)}
.fa-building,.fa-store,.fa-code-branch{--ic:var(--c-supplier)}
.fa-gear,.fa-sliders,.fa-bell,.fa-rotate,.fa-right-from-bracket,.fa-bars{--ic:var(--c-settings)}
.fa-shield-halved,.fa-lock,.fa-user-shield,.fa-triangle-exclamation{--ic:var(--c-security)}
.fa-brain,.fa-robot,.fa-wand-magic-sparkles{--ic:var(--c-ai)}
.fa-mobile-screen,.fa-qrcode{--ic:#2563EB}
.nav a i,.sidebar-item i,.panel-title i,.entry-title i,.product-card i,.mobile-bottom-nav a i{color:var(--ic,var(--primary))!important;}
.stat i,.kpi i,.quick i,.module-icon,.op-card i,.tile-icon,.mobile-shortcut-tile .tile-icon{
  color:var(--ic,var(--primary))!important;
  background:color-mix(in srgb, var(--ic,var(--primary)) 14%, white)!important;
  border:1px solid color-mix(in srgb, var(--ic,var(--primary)) 18%, white)!important;
}
.stat i[class*="fa-"],.kpi i[class*="fa-"],.tile-icon i[class*="fa-"]{color:var(--ic,var(--primary))!important;}
.nav a.active i,.mobile-bottom-nav a.active i{color:#fff!important;}
/* Buttons by action */
.btn i{color:var(--ic,currentColor)!important;}
.btn.primary i,.btn.danger i,.btn.primary{color:#fff!important;}
.btn.primary{background:linear-gradient(135deg,#163A70,#1D4ED8)!important;}
.btn.soft,.btn.ghost{background:#fff!important;border:1px solid var(--border)!important;color:var(--text-main)!important;}
.btn.soft:hover,.btn.ghost:hover{background:color-mix(in srgb, var(--ic,#1D4ED8) 9%, white)!important;border-color:color-mix(in srgb, var(--ic,#1D4ED8) 30%, white)!important;}
/* Mobile: remove upper empty gap completely */
@media(max-width:768px){
  body{padding-top:0!important;margin-top:0!important;}
  .app-shell,.main,#view{margin-top:0!important;padding-top:0!important;}
  .topbar,.header{margin:0 -8px 8px!important;border-radius:0 0 18px 18px!important;}
  .page-title{min-width:0!important;}
}

/* =====================================================
   CORE v8.5.2.8 — CLEAN USER UI + FIXED HEADER
   ===================================================== */
:root{--header-h:64px;}
html,body{scroll-padding-top:var(--header-h)!important;}
.main,.content{padding-top:0!important;}
.topbar,.header{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  border-radius:0 0 18px 18px!important;
  margin:0 0 14px!important;
  min-height:var(--header-h)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 8px 24px rgba(15,44,92,.10)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.page-title p,.header p,.eyebrow,.hero-card,.dashboard-hero,.mobile-shortcuts-panel{display:none!important;}
.pro-hero{
  padding:14px 16px!important;
  min-height:auto!important;
  border-radius:18px!important;
  box-shadow:var(--shadow-sm)!important;
  background:#fff!important;
  margin:0!important;
}
.pro-hero:after{display:none!important;}
.pro-hero p{display:none!important;}
.pro-hero h3{font-size:20px!important;}
.kpi-row,.stats-grid{margin-top:0!important;}
.stat,.kpi{min-height:86px!important;padding:14px 16px!important;}
.stat i,.kpi i{width:46px!important;height:46px!important;border-radius:16px!important;}
.empty.loading-clean{min-height:28px!important;border:0!important;background:transparent!important;}
/* real action colors */
.btn .fa-plus{--ic:#16A34A}.btn .fa-rotate{--ic:#475569}.btn .fa-file-export,.btn .fa-download{--ic:#7C3AED}.btn .fa-cash-register{--ic:#0F766E}.btn .fa-trash{--ic:#DC2626}.btn .fa-pen{--ic:#EA580C}.btn .fa-eye{--ic:#0891B2}.btn .fa-floppy-disk,.btn .fa-check{--ic:#059669}
.btn.ghost i,.btn.soft i{color:var(--ic,currentColor)!important;}
.btn.primary i{color:#fff!important;}
@media(max-width:900px){
  :root{--header-h:56px;}
  body{padding-top:0!important;margin-top:0!important;}
  .main,.content{padding:0 10px 88px!important;}
  .topbar,.header{margin:0 -10px 10px!important;padding:8px 10px!important;grid-template-columns:1fr auto!important;display:grid!important;align-items:center!important;}
  .page-title h2,.header-title{font-size:18px!important;line-height:1.25!important;}
  .actions{width:auto!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;}
  .actions .btn{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:0!important;border-radius:12px!important;}
  .actions .btn i{font-size:16px!important;}
  .panel{margin-top:10px!important;}
  .pro-hero{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;padding:12px!important;}
  .pro-actions{display:flex!important;gap:6px!important;justify-content:flex-end!important;}
  .pro-actions .btn{height:40px!important;min-height:40px!important;padding:0 10px!important;}
  .stat,.kpi{min-height:76px!important;padding:12px!important;}
  .stat i,.kpi i{width:42px!important;height:42px!important;}
}
@media(max-width:520px){
  .main,.content{padding:0 8px 84px!important;}
  .topbar,.header{margin:0 -8px 8px!important;}
  .stats-grid,.kpi-row{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .stat,.kpi{border-radius:16px!important;}
}


/* =====================================================
   FINAL REVIEW CORE v8.5.2.9 — PRODUCTION CLEAN RESPONSIVE
   ===================================================== */
:root{--header-h:64px;--bottom-h:74px;}
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;background:var(--bg-page,#F8FAFC)!important;}
body{padding-top:0!important;}
.app-shell{min-height:100dvh!important;}
.main,.content{min-width:0!important;padding-top:0!important;}
/* Fixed top header: stays visible while scrolling */
.topbar,.header{
  position:fixed!important;
  top:0!important;
  left:16px!important;
  right:calc(var(--side,286px) + 22px)!important;
  height:var(--header-h)!important;
  min-height:var(--header-h)!important;
  margin:0!important;
  padding:10px 18px!important;
  z-index:20000!important;
  border-radius:0 0 20px 20px!important;
  background:rgba(255,255,255,.985)!important;
  border:1px solid var(--border-light,#E2E8F0)!important;
  border-top:0!important;
  box-shadow:0 10px 28px rgba(15,44,92,.10)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.main::before,.content::before{content:"";display:block;height:calc(var(--header-h) + 14px)!important;}
.page-title p,.header p,.eyebrow,.hero-card,.dashboard-hero,.mobile-shortcuts-panel{display:none!important;}
.page-title h2,.header-title{font-size:22px!important;line-height:1.25!important;margin:0!important;color:var(--primary,#163A70)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;}
.actions .btn{height:42px!important;min-height:42px!important;border-radius:14px!important;}
/* remove oversized intro cards, keep actions compact */
.pro-hero,.hero{
  padding:12px 14px!important;
  min-height:auto!important;
  margin:0 0 12px!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--shadow-sm)!important;
  border:1px solid var(--border-light,#E2E8F0)!important;
}
.pro-hero p,.hero p,.hero .hero-icon,.pro-hero:before,.pro-hero:after,.hero:before{display:none!important;}
.pro-hero h3,.hero h3{font-size:20px!important;margin:0!important;color:var(--primary,#163A70)!important;}
.pro-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.panel,.entry-card{margin-top:12px!important;}
.stat,.kpi{min-height:78px!important;padding:12px 14px!important;border-radius:18px!important;}
.stat h2,.kpi b{font-size:20px!important;}
.stat p,.kpi span{font-size:12px!important;}
.stat i,.kpi i{width:44px!important;height:44px!important;border-radius:15px!important;}
/* real icon colors */
.fa-cash-register{--ic:#0F766E}.fa-file-invoice,.fa-file-invoice-dollar,.fa-receipt,.fa-file-signature{--ic:#1D4ED8}.fa-box,.fa-boxes-stacked,.fa-warehouse,.fa-tags,.fa-barcode{--ic:#7C3AED}.fa-cart-shopping,.fa-truck,.fa-dolly,.fa-rotate-left{--ic:#EA580C}.fa-coins,.fa-wallet,.fa-money-bill-wave,.fa-credit-card,.fa-scale-balanced,.fa-calculator{--ic:#059669}.fa-chart-line,.fa-chart-pie,.fa-ranking-star,.fa-chart-simple{--ic:#9333EA}.fa-users,.fa-user,.fa-user-clock,.fa-address-book{--ic:#0891B2}.fa-building,.fa-store,.fa-code-branch{--ic:#B45309}.fa-gear,.fa-sliders,.fa-bell,.fa-rotate,.fa-right-from-bracket,.fa-bars{--ic:#475569}.fa-shield-halved,.fa-lock,.fa-user-shield,.fa-triangle-exclamation{--ic:#DC2626}.fa-brain,.fa-robot,.fa-wand-magic-sparkles{--ic:#4F46E5}.fa-mobile-screen,.fa-qrcode{--ic:#2563EB}
.nav a i,.panel-title i,.entry-title i,.product-card i,.mobile-bottom-nav a i,.btn.ghost i,.btn.soft i{color:var(--ic,var(--primary,#163A70))!important;}
.stat i,.kpi i,.quick i,.module-icon,.op-card i,.tile-icon{color:var(--ic,var(--primary,#163A70))!important;background:color-mix(in srgb,var(--ic,var(--primary,#163A70)) 14%,white)!important;border:1px solid color-mix(in srgb,var(--ic,var(--primary,#163A70)) 20%,white)!important;}
.btn.primary,.btn.primary i{color:#fff!important;}
.btn .fa-plus{--ic:#16A34A}.btn .fa-file-export,.btn .fa-download{--ic:#7C3AED}.btn .fa-trash{--ic:#DC2626}.btn .fa-pen,.btn .fa-pen-to-square{--ic:#EA580C}.btn .fa-eye{--ic:#0891B2}.btn .fa-floppy-disk,.btn .fa-check{--ic:#059669}
/* Desktop/tablet layout */
@media(min-width:901px){
  .sidebar{position:fixed!important;right:0!important;top:0!important;bottom:0!important;height:100dvh!important;}
  .main,.content{margin-right:var(--side,286px)!important;padding-left:22px!important;padding-right:22px!important;padding-bottom:34px!important;}
}
@media(max-width:1180px) and (min-width:901px){
  .topbar,.header{right:calc(var(--side,220px) + 18px)!important;left:14px!important;}
}
/* Mobile / small tablet */
@media(max-width:900px){
  :root{--header-h:56px;}
  .sidebar{display:none!important;}
  .app-shell{display:block!important;}
  .main,.content{margin:0!important;padding:0 10px calc(var(--bottom-h) + 12px)!important;}
  .main::before,.content::before{height:calc(var(--header-h) + 8px)!important;}
  .topbar,.header{
    right:0!important;left:0!important;top:0!important;width:100%!important;
    height:var(--header-h)!important;min-height:var(--header-h)!important;
    border-radius:0 0 18px 18px!important;padding:8px 10px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  }
  .page-title h2,.header-title{font-size:18px!important;}
  .actions{width:auto!important;gap:6px!important;}
  .actions .btn{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:0!important;}
  .actions .btn i{font-size:16px!important;margin:0!important;}
  .actions .btn.soft{display:none!important;}
  .mobile-toggle{display:inline-flex!important;}
  .stats-grid,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .grid,.grid.three,.entry-layout,.form-grid,.form-grid.four,.form-grid.three,.invoice-manager-toolbar,.invoice-kpis,.invoice-detail-kpis,.invoice-meta-grid{grid-template-columns:1fr!important;}
  .panel,.entry-card{padding:12px!important;border-radius:18px!important;margin-top:10px!important;}
  .pro-hero,.hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:10px 12px!important;margin-bottom:10px!important;}
  .pro-hero h3,.hero h3{font-size:18px!important;}
  .pro-actions{justify-content:flex-end!important;flex-wrap:nowrap!important;}
  .pro-actions .btn{height:40px!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important;}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  table{min-width:720px!important;}
  th,td{padding:10px!important;font-size:11px!important;}
  .mobile-bottom-nav{display:grid!important;position:fixed!important;right:8px!important;left:8px!important;bottom:8px!important;height:62px!important;z-index:20001!important;background:rgba(255,255,255,.98)!important;border:1px solid var(--border,#E2E8F0)!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(15,44,92,.16)!important;overflow:hidden!important;grid-template-columns:repeat(5,1fr)!important;}
}
@media(max-width:520px){
  .main,.content{padding-inline:8px!important;}
  .page-title h2,.header-title{font-size:17px!important;}
  .stats-grid,.kpi-row{gap:7px!important;}
  .stat,.kpi{min-height:72px!important;padding:10px!important;}
  .stat i,.kpi i{width:38px!important;height:38px!important;}
  .stat h2,.kpi b{font-size:17px!important;}
}

/* =====================================================
   PRODUCTION FINAL CLEAN UI CORE v8.5.2.10
   Global for all modules: fixed header, no technical cards,
   compact mobile/desktop, real icon colors.
   ===================================================== */
:root{--final-header-h:64px;--final-radius:18px;}
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;background:#F8FAFC!important;}
body{padding-top:0!important;}
.app-shell{min-height:100dvh!important;background:#F8FAFC!important;}
.main,.content{min-width:0!important;padding-top:10px!important;}
.main::before,.content::before{display:none!important;height:0!important;content:none!important;}
.topbar,.header{
  position:sticky!important;top:0!important;z-index:30000!important;
  min-height:var(--final-header-h)!important;height:auto!important;
  margin:0 0 14px!important;padding:10px 16px!important;
  border-radius:0 0 22px 22px!important;background:rgba(255,255,255,.98)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  border:1px solid #DBE5F2!important;border-top:0!important;
  box-shadow:0 10px 28px rgba(15,44,92,.10)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.page-title h2,.header-title{font-size:22px!important;line-height:1.2!important;margin:0!important;color:#163A70!important;font-weight:900!important;}
.page-title p,.header p,.eyebrow,.hero-card,.dashboard-hero,.mobile-shortcuts-panel,.platform-shortcuts{display:none!important;}
.actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
.actions .btn{min-height:40px!important;height:40px!important;border-radius:14px!important;padding:0 12px!important;}
/* remove oversized intro cards and marketing/technical explanation blocks */
.pro-hero,.hero{
  min-height:auto!important;margin:0 0 12px!important;padding:10px 12px!important;
  border-radius:18px!important;background:#fff!important;border:1px solid #E2E8F0!important;
  box-shadow:0 8px 22px rgba(15,44,92,.07)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.pro-hero h3,.hero h3{font-size:18px!important;line-height:1.25!important;margin:0!important;color:#163A70!important;font-weight:900!important;}
.pro-hero p,.hero p,.hero .hero-icon,.pro-hero:before,.pro-hero:after,.hero:before,.hero:after{display:none!important;}
.pro-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
.panel,.card,.entry-card,.stat,.kpi,.quick,.module-card,.module-admin-card,.table-wrap{border-color:#E2E8F0!important;box-shadow:0 8px 24px rgba(15,44,92,.07)!important;}
.panel,.entry-card{margin-top:12px!important;border-radius:20px!important;padding:14px!important;}
.stats-grid,.kpi-row{gap:10px!important;}
.stat,.kpi{min-height:76px!important;padding:12px 14px!important;border-radius:18px!important;}
.stat h2,.kpi b{font-size:20px!important;line-height:1.15!important;}
.stat p,.kpi span{font-size:12px!important;margin:4px 0 0!important;color:#64748B!important;}
.stat i,.kpi i{width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;}
.empty{min-height:42px!important;padding:14px!important;border-radius:16px!important;color:#64748B!important;background:#F8FAFC!important;border:1px dashed #CBD5E1!important;}
.empty.loading-clean{min-height:24px!important;padding:4px!important;border:0!important;background:transparent!important;}
/* official multi-color icon system */
.fa-cash-register{--ic:#0F766E}.fa-file-invoice,.fa-file-invoice-dollar,.fa-receipt,.fa-file-signature,.fa-clipboard-list{--ic:#1D4ED8}.fa-box,.fa-boxes-stacked,.fa-warehouse,.fa-tags,.fa-barcode,.fa-cubes{--ic:#7C3AED}.fa-cart-shopping,.fa-truck,.fa-truck-field,.fa-truck-ramp-box,.fa-dolly,.fa-rotate-left,.fa-rotate-right{--ic:#EA580C}.fa-coins,.fa-wallet,.fa-money-bill-wave,.fa-money-check-dollar,.fa-credit-card,.fa-scale-balanced,.fa-calculator{--ic:#059669}.fa-chart-line,.fa-chart-pie,.fa-ranking-star,.fa-chart-simple,.fa-chart-column{--ic:#9333EA}.fa-users,.fa-user,.fa-user-clock,.fa-user-check,.fa-address-book{--ic:#0891B2}.fa-building,.fa-store,.fa-code-branch,.fa-building-circle-check{--ic:#B45309}.fa-gear,.fa-sliders,.fa-bell,.fa-rotate,.fa-right-from-bracket,.fa-bars,.fa-ellipsis{--ic:#475569}.fa-shield-halved,.fa-lock,.fa-user-shield,.fa-triangle-exclamation{--ic:#DC2626}.fa-brain,.fa-robot,.fa-wand-magic-sparkles{--ic:#4F46E5}.fa-mobile-screen,.fa-qrcode,.fa-key,.fa-plug,.fa-server,.fa-database,.fa-cloud-arrow-up{--ic:#2563EB}.fa-plus,.fa-check,.fa-floppy-disk{--ic:#16A34A}.fa-trash,.fa-xmark{--ic:#DC2626}.fa-eye,.fa-magnifying-glass,.fa-search{--ic:#0891B2}.fa-pen,.fa-pen-to-square{--ic:#EA580C}
.nav a i,.sidebar a i,.panel-title i,.entry-title i,.product-card i,.mobile-bottom-nav a i,.btn.ghost i,.btn.soft i,.quick i,.module-icon,.op-card i,.tile-icon,.mobile-shortcut-tile .tile-icon{color:var(--ic,#163A70)!important;}
.stat i,.kpi i,.quick i,.module-icon,.op-card i,.tile-icon,.mobile-shortcut-tile .tile-icon{background:color-mix(in srgb,var(--ic,#163A70) 13%,white)!important;border:1px solid color-mix(in srgb,var(--ic,#163A70) 22%,white)!important;}
.nav a.active i,.mobile-bottom-nav a.active i,.btn.primary i,.btn.primary{color:#fff!important;}
/* layout desktop */
@media(min-width:901px){
  .sidebar{position:fixed!important;right:0!important;top:0!important;bottom:0!important;height:100dvh!important;z-index:25000!important;}
  .main,.content{margin-right:var(--side,286px)!important;padding:0 22px 34px!important;}
  .topbar,.header{top:0!important;}
}
@media(max-width:900px){
  :root{--final-header-h:56px;}
  .sidebar{display:none!important;}
  .app-shell{display:block!important;}
  .main,.content{margin:0!important;padding:0 8px calc(var(--bottom-h,74px) + 14px)!important;}
  .topbar,.header{min-height:56px!important;padding:8px 10px!important;margin:0 -8px 10px!important;border-radius:0 0 18px 18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
  .page-title h2,.header-title{font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .actions{gap:6px!important;justify-content:flex-end!important;flex-wrap:nowrap!important;}
  .actions .btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:0!important;display:inline-grid!important;place-items:center!important;}
  .actions .btn i{font-size:16px!important;margin:0!important;}
  .pro-hero,.hero{margin:0 0 10px!important;padding:8px 10px!important;border-radius:16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .pro-hero h3,.hero h3{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .pro-actions{justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important;}
  .pro-actions .btn{height:38px!important;min-height:38px!important;padding:0 9px!important;border-radius:13px!important;font-size:12px!important;}
  .stats-grid,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .panel,.entry-card{padding:11px!important;border-radius:18px!important;margin-top:9px!important;}
  .stat,.kpi{min-height:70px!important;padding:10px!important;}
  .stat i,.kpi i{width:36px!important;height:36px!important;border-radius:13px!important;}
  .stat h2,.kpi b{font-size:16px!important;}
  .stat p,.kpi span{font-size:11px!important;}
  .form-grid,.form-grid.two,.form-grid.three,.form-grid.four,.entry-layout,.pos-grid,.invoice-manager-toolbar,.invoice-kpis,.invoice-detail-kpis,.invoice-meta-grid{grid-template-columns:1fr!important;}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  table{min-width:680px!important;}
  th,td{font-size:11px!important;padding:9px!important;}
  .mobile-bottom-nav{display:grid!important;position:fixed!important;right:8px!important;left:8px!important;bottom:8px!important;height:60px!important;z-index:32000!important;background:rgba(255,255,255,.98)!important;border:1px solid #E2E8F0!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(15,44,92,.16)!important;grid-template-columns:repeat(5,1fr)!important;overflow:hidden!important;}
}
@media(max-width:520px){
  .stats-grid,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .panel-title,.entry-title{font-size:14px!important;}
  .btn{border-radius:13px!important;}
}
@media print{.topbar,.header,.sidebar,.mobile-bottom-nav,.actions{display:none!important}.main,.content{margin:0!important;padding:0!important}}

/* ============================================================
   FINAL SALES + POS PRODUCTION UI
   ============================================================ */
.final-sales-hero{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e6edf7;box-shadow:0 10px 26px rgba(15,44,92,.07)}
.final-pos-layout{display:grid;grid-template-columns:1.05fr 1.55fr .82fr;gap:14px;align-items:start}.product-panel,.cart-panel,.pos-side{min-width:0}.pos-search{display:flex;gap:8px;margin:12px 0}.pos-search input,.quick-add input{width:100%;height:42px;border:1px solid #dbe5f3;border-radius:12px;padding:0 12px;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;max-height:58vh;overflow:auto;padding:2px}.product-tile{border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:14px 10px;min-height:86px;text-align:right;cursor:pointer;box-shadow:0 8px 18px rgba(15,44,92,.06);transition:.15s}.product-tile:hover{transform:translateY(-2px);border-color:#2563eb}.product-tile b{display:block;color:#0f172a;font-size:13px;line-height:1.5}.product-tile span{display:inline-flex;margin-top:8px;color:#1d4ed8;font-weight:800}.quick-add{display:grid;grid-template-columns:1fr 110px auto;gap:8px;margin:12px 0}.final-lines{display:flex;flex-direction:column;gap:8px}.final-line{display:grid;grid-template-columns:minmax(180px,2fr) 100px 82px 110px 90px 110px 42px;gap:8px;align-items:end;background:#f8fafc;border:1px solid #e6edf7;border-radius:16px;padding:10px}.final-line .field span{font-size:11px}.final-line .field input{height:38px}.pos-side{position:sticky;top:78px}.pos-side .full{width:100%;margin-top:10px;justify-content:center}.hold-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;border:1px solid #e6edf7;border-radius:12px;padding:8px;margin-top:8px;background:#fff}.compact-empty{padding:10px!important}.final-sales-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:14px 0}.final-sales-tiles .mobile-shortcut-tile{display:flex;min-height:104px;border:1px solid #e6edf7;border-radius:18px;background:#fff;padding:14px;text-decoration:none;color:#0f172a;box-shadow:0 8px 22px rgba(15,44,92,.06);flex-direction:column;gap:8px}.final-sales-tiles .tile-icon{width:42px;height:42px;border-radius:14px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center}.final-doc-form .entry-card{overflow:visible}.compact-form textarea{min-height:42px}.final-invoices-page .crud-toolbar{align-items:end}.final-invoices-page .field{min-width:150px}.small-title{margin-top:18px}.loading-clean:before{content:'جاري التحميل...'}
@media(max-width:1100px){.final-pos-layout{grid-template-columns:1fr}.pos-side{position:static}.product-grid{max-height:none}.final-line{grid-template-columns:1fr 1fr 1fr}.final-line .item-field{grid-column:1/-1}.final-line .remove-line{height:42px}.quick-add{grid-template-columns:1fr 90px auto}}
@media(max-width:640px){.final-pos-screen .pro-hero,.final-sales-dashboard .pro-hero{padding:14px}.final-pos-layout{gap:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-tile{min-height:78px;padding:10px}.final-line{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.final-line .item-field{grid-column:1/-1}.final-line .remove-line{grid-column:1/-1;width:100%;justify-content:center}.quick-add{grid-template-columns:1fr 1fr}.quick-add button{grid-column:1/-1}.final-sales-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-side .totals-box{position:relative}.final-invoices-page .crud-toolbar{display:grid;grid-template-columns:1fr}.final-invoices-page .field{min-width:0}}

/* ============================================================
   Production layout
   السبب: كان فيه Grid + margin ثابت عاملين إزاحة مزدوجة للمحتوى فظهرت الصفحة كشريط ضيق.
   ============================================================ */
@media (min-width:901px){
  .app-shell{
    display:block!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    overflow:visible!important;
  }
  .sidebar{
    position:fixed!important;
    inset:0 0 0 auto!important;
    width:var(--side,286px)!important;
    min-width:var(--side,286px)!important;
    max-width:var(--side,286px)!important;
    height:100dvh!important;
    transform:none!important;
    z-index:25000!important;
  }
  .main,.content{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin-right:var(--side,286px)!important;
    margin-left:0!important;
    padding:0 22px 34px!important;
    transform:none!important;
    overflow:visible!important;
  }
  #view,.view,.page,.module-page,.final-sales-dashboard,.final-pos-screen,.final-invoices-page{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
  }
  .topbar,.header{
    position:fixed!important;
    top:0!important;
    right:calc(var(--side,286px) + 22px)!important;
    left:22px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }
  .pro-hero,.hero,.panel,.entry-card,.table-box,.stats,.stats-grid,.kpi-row,.final-sales-tiles,.final-pos-layout{
    max-width:100%!important;
    transform:none!important;
  }
}
@media (max-width:900px){
  .app-shell{display:block!important;grid-template-columns:none!important;}
  .main,.content,#view{width:100%!important;max-width:100%!important;transform:none!important;}
  .sidebar{display:none!important;transform:translateX(110%)!important;}
}


/* ============================================================
   Production layout
   ============================================================ */
.mobile-shortcuts-panel,
.enterprise-shortcuts,
.module-shortcuts{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:#FFFFFF!important;
  border:1px solid #E2E8F0!important;
  border-radius:24px!important;
  box-shadow:0 10px 28px rgba(15,44,92,.08)!important;
  padding:18px!important;
  margin:0 0 16px!important;
}
.mobile-shortcuts-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 14px!important;gap:12px!important;}
.mobile-shortcuts-head h3{display:block!important;margin:0!important;font-size:20px!important;font-weight:900!important;color:#163A70!important;}
.mobile-shortcuts-head p{display:block!important;margin:4px 0 0!important;color:#64748B!important;font-size:13px!important;}
.mobile-shortcuts-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:14px!important;}
.mobile-shortcuts-grid.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;}
.mobile-shortcut-tile{
  display:flex!important;
  min-height:126px!important;
  border-radius:24px!important;
  padding:16px 12px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:8px!important;
  text-decoration:none!important;
  color:#0F172A!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFF)!important;
  border:1px solid color-mix(in srgb,var(--ic,#1D4ED8) 20%,#E2E8F0)!important;
  box-shadow:0 8px 22px rgba(15,44,92,.07)!important;
  text-align:center!important;
}
.mobile-shortcut-tile:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(15,44,92,.12)!important;}
.mobile-shortcut-tile .tile-icon{width:58px!important;height:58px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--ic,#1D4ED8) 14%,white)!important;border:1px solid color-mix(in srgb,var(--ic,#1D4ED8) 26%,white)!important;color:var(--ic,#1D4ED8)!important;}
.mobile-shortcut-tile .tile-icon i,.mobile-shortcut-tile i{font-size:30px!important;color:var(--ic,#1D4ED8)!important;}
.mobile-shortcut-tile b{display:block!important;font-size:15px!important;font-weight:900!important;line-height:1.35!important;color:#0F172A!important;}
.mobile-shortcut-tile small{display:block!important;font-size:12px!important;color:#64748B!important;line-height:1.35!important;}
.final-sales-tiles .mobile-shortcut-tile{display:flex!important;min-height:118px!important;}
@media(max-width:900px){
  .mobile-shortcuts-panel{padding:14px!important;margin:0 0 12px!important;border-radius:20px!important;}
  .mobile-shortcuts-head h3{font-size:17px!important;}
  .mobile-shortcuts-head p{display:none!important;}
  .mobile-shortcuts-grid,.mobile-shortcuts-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .mobile-shortcut-tile{min-height:112px!important;border-radius:20px!important;padding:12px 8px!important;}
  .mobile-shortcut-tile .tile-icon{width:54px!important;height:54px!important;border-radius:18px!important;}
  .mobile-shortcut-tile .tile-icon i,.mobile-shortcut-tile i{font-size:28px!important;}
  .mobile-shortcut-tile b{font-size:13px!important;}
  .mobile-shortcut-tile small{display:none!important;}
}
@media(max-width:420px){
  .mobile-shortcuts-grid,.mobile-shortcuts-grid.compact,.final-sales-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mobile-shortcut-tile{min-height:106px!important;}
}


/* ============================================================
   Phase 8.5.2.14 — Sales/POS Next Phase UI
   ============================================================ */
.pos-touch-v14{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(360px,1.55fr) minmax(280px,.9fr);gap:14px;align-items:start}
.touch-product-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}
.touch-product-search input{height:48px;border:1px solid #dbe5f3;border-radius:16px;padding:0 14px;background:#fff;font-weight:800}
.touch-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;max-height:58vh;overflow:auto;padding:2px}
.touch-product-card{border:1px solid #dbeafe;background:#fff;border-radius:20px;padding:14px 12px;text-align:right;cursor:pointer;box-shadow:0 10px 22px rgba(15,44,92,.07);min-height:116px;display:flex;flex-direction:column;gap:8px;transition:.15s}
.touch-product-card:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 16px 30px rgba(29,78,216,.13)}
.touch-product-card .p-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#e0f2fe;color:#0369a1;font-size:20px}
.touch-product-card:nth-child(3n+1) .p-icon{background:#dcfce7;color:#15803d}.touch-product-card:nth-child(3n+2) .p-icon{background:#fef3c7;color:#b45309}.touch-product-card:nth-child(3n+3) .p-icon{background:#ede9fe;color:#6d28d9}
.touch-product-card b{font-size:14px;color:#0f172a;line-height:1.4}.touch-product-card small{color:#64748b}.touch-product-card strong{font-size:16px;color:#163a70;margin-top:auto}
.pos-big-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.pos-big-actions .btn{min-height:54px;font-size:15px;font-weight:900;border-radius:16px}
.split-payments-box{display:grid;gap:8px;margin-top:10px}.split-pay-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.split-pay-row select,.split-pay-row input{height:42px;border:1px solid #dbe5f3;border-radius:12px;padding:0 10px;background:#fff}
.kds-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.kds-ticket{background:#fff;border:1px solid #dbeafe;border-radius:22px;box-shadow:0 12px 30px rgba(15,44,92,.08);overflow:hidden}.kds-ticket-head{padding:14px 16px;background:linear-gradient(135deg,#163A70,#2563EB);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.kds-ticket-body{padding:14px 16px}.kds-ticket-body ul{padding:0 18px;margin:0 0 12px;line-height:1.9}.kds-ticket-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}.kds-status-ready .kds-ticket-head{background:linear-gradient(135deg,#047857,#10b981)}.kds-status-new .kds-ticket-head{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}
.sales-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.sales-report-card{background:#fff;border:1px solid #e6edf7;border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(15,44,92,.06)}.sales-report-card h4{margin:0 0 8px;color:#0f2c5c}.sales-report-card .bar{height:10px;background:#e5eefb;border-radius:999px;overflow:hidden;margin-top:8px}.sales-report-card .bar span{display:block;height:100%;background:linear-gradient(90deg,#1D4ED8,#10B981);border-radius:999px}
@media(max-width:980px){.pos-touch-v14{grid-template-columns:1fr}.touch-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.pos-big-actions{grid-template-columns:1fr 1fr}.split-pay-row{grid-template-columns:1fr 1fr auto}.touch-product-card{min-height:108px}}
@media(max-width:560px){.touch-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.touch-product-card{padding:12px 10px;border-radius:18px}.pos-big-actions .btn{min-height:58px}.split-pay-row{grid-template-columns:1fr}.split-pay-row .btn{width:100%}.kds-board{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.mobile-shortcuts-panel,.pro-actions,.pos-big-actions,.touch-product-search,.touch-product-panel,.kds-ticket-actions,.btn{display:none!important}.main{margin:0!important;padding:0!important}.entry-card,.panel{box-shadow:none!important;border:1px solid #ddd!important}.invoice-print-page,.print-invoice{page-break-inside:avoid}}

/* ============================================================
   Phase 8.5.2.15 — Sales/POS Closing Layer UI
   ============================================================ */
.phase15-actions .mobile-shortcut-tile.active{outline:2px solid #1D4ED8;background:linear-gradient(180deg,#EFF6FF,#FFFFFF)!important}
.row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.row-actions .btn{width:36px;height:36px;min-height:36px;padding:0;display:inline-grid;place-items:center;border-radius:12px}.btn.warn{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.btn.success{background:#10b981;color:#fff;border-color:#10b981}.btn.danger{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.mini{font-size:12px!important;min-height:34px!important;padding:0 10px!important}.phase15-actions{border-top:4px solid #1D4ED8!important}.phase15-actions .mobile-shortcut-tile:nth-child(6n+1) .tile-icon{--ic:#0F766E}.phase15-actions .mobile-shortcut-tile:nth-child(6n+2) .tile-icon{--ic:#1D4ED8}.phase15-actions .mobile-shortcut-tile:nth-child(6n+3) .tile-icon{--ic:#7C3AED}.phase15-actions .mobile-shortcut-tile:nth-child(6n+4) .tile-icon{--ic:#EA580C}.phase15-actions .mobile-shortcut-tile:nth-child(6n+5) .tile-icon{--ic:#059669}.phase15-actions .mobile-shortcut-tile:nth-child(6n+6) .tile-icon{--ic:#9333EA}
@media(max-width:900px){.row-actions{justify-content:center}.row-actions .btn{width:42px;height:42px}.phase15-actions .mobile-shortcuts-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}.phase15-actions .mobile-shortcut-tile{min-height:96px!important}.phase15-actions .mobile-shortcut-tile .tile-icon{width:48px!important;height:48px!important}.phase15-actions .mobile-shortcut-tile b{font-size:12px!important}}
@media(max-width:520px){.phase15-actions .mobile-shortcuts-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Phase 8.5.2.16 Sales/POS Operational Control UI */
.phase16-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 14px;margin:0 0 8px;scrollbar-width:none}
.phase16-strip::-webkit-scrollbar{display:none}
.phase16-strip a{min-width:106px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:11px 12px;text-decoration:none;color:#163A70;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.06);white-space:nowrap}
.phase16-strip a i{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:#DBEAFE;color:#1D4ED8}
.phase16-strip a.active{background:#1D4ED8;color:#fff;border-color:#1D4ED8}
.phase16-strip a.active i{background:rgba(255,255,255,.18);color:#fff}
.print-doc{background:#fff;max-width:190mm;margin:0 auto;padding:8mm;font-family:Cairo,Calibri,Arial,sans-serif;color:#0f172a}.print-doc h2{text-align:center;margin:0 0 14px;color:#163A70}
@media(max-width:780px){.phase16-strip{position:sticky;top:64px;z-index:20;background:#F8FAFC;padding-top:10px}.phase16-strip a{min-width:96px;flex-direction:column;gap:5px;font-size:12px}.phase16-strip a i{width:38px;height:38px;font-size:16px}.pro-hero.final-sales-hero{padding:14px}.pro-hero.final-sales-hero .pro-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.pro-hero.final-sales-hero .btn{height:46px}}


/* ============================================================
   Phase 8.5.2.17 — Final responsive sales/POS lock
   ============================================================ */
html,body{max-width:100%;overflow-x:hidden;}
.app-shell{min-height:100dvh;}
.main{min-width:0;}
.view,.content,#view{min-width:0;}
.phase17-nav{display:flex;gap:10px;overflow:auto;padding:4px 0 12px;margin-bottom:8px;scrollbar-width:none;position:relative;z-index:6}
.phase17-nav::-webkit-scrollbar{display:none}
.phase17-nav a{min-width:112px;text-decoration:none;border:1px solid #dbeafe;background:#fff;border-radius:18px;padding:11px 12px;display:flex;align-items:center;gap:9px;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.06);font-weight:800;white-space:nowrap}
.phase17-nav a i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}
.phase17-nav a.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-color:#1d4ed8}
.phase17-nav a.active i{background:rgba(255,255,255,.18);color:#fff}
.phase17-mobile-panel{border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f8fbff);}
.phase17-grid{grid-template-columns:repeat(6,minmax(110px,1fr));}
.phase17-grid .mobile-shortcut-tile{min-height:122px;align-items:center;text-align:center;justify-content:center;border-radius:22px;box-shadow:0 14px 36px rgba(15,23,42,.07)}
.phase17-grid .mobile-shortcut-tile .tile-icon{width:58px;height:58px;font-size:22px;border-radius:20px}
.phase17-grid .mobile-shortcut-tile b{font-size:15px}
.phase17-grid .mobile-shortcut-tile small{font-size:12px;line-height:1.5}
.phase17-kpis{grid-template-columns:repeat(4,minmax(180px,1fr));}
.phase17-card{overflow:hidden;}
.phase17-split{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:start}
.phase17-funnel{display:grid;gap:12px;margin-top:12px}
.funnel-stage{display:grid;grid-template-columns:54px 1fr 70px;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff}
.funnel-stage>i{width:48px;height:48px;border-radius:16px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:20px}
.funnel-stage b{display:block;color:#0f172a;margin-bottom:5px}
.funnel-stage span{display:block;color:#64748b;font-size:12px;margin-bottom:8px}
.funnel-stage em{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#1d4ed8,#60a5fa)}
.funnel-stage strong{font-size:18px;color:#1d4ed8;text-align:center}
.btn.mini,.mini{min-height:32px!important;padding:6px 10px!important;border-radius:10px!important;font-size:12px!important}
.field.grow{grid-column:span 2}
@media(min-width:1201px){.sidebar{position:fixed;inset-block:0;right:0}.main{margin-right:280px;width:calc(100% - 280px)}}
@media(max-width:1200px) and (min-width:901px){.phase17-grid{grid-template-columns:repeat(4,minmax(120px,1fr));}.phase17-kpis{grid-template-columns:repeat(2,minmax(180px,1fr));}.phase17-split{grid-template-columns:1fr}}
@media(max-width:900px){body{padding-bottom:82px}.app-shell{display:block}.sidebar{display:none!important}.main{margin:0!important;width:100%!important;padding:12px!important}.topbar{position:sticky;top:0;z-index:30;border-radius:0 0 20px 20px;margin:-12px -12px 12px;padding:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.topbar .page-title p{display:none}.topbar .actions{gap:6px}.topbar .actions .btn{min-width:44px;padding-inline:12px}.phase17-nav{position:sticky;top:64px;background:#f8fafc;padding:8px 0 12px;margin-inline:-2px;z-index:25}.phase17-nav a{min-width:88px;flex-direction:column;gap:6px;padding:9px 8px;font-size:12px}.phase17-nav a i{width:38px;height:38px;font-size:16px}.phase17-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}.phase17-grid .mobile-shortcut-tile{min-height:116px;padding:12px 8px}.phase17-grid .mobile-shortcut-tile .tile-icon{width:54px;height:54px}.phase17-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.phase17-kpis .stat,.kpi-row .stat{min-height:96px;padding:13px}.phase17-split{grid-template-columns:1fr}.crud-toolbar{display:grid!important;grid-template-columns:1fr!important}.crud-toolbar .btn,.pro-actions .btn{width:100%;justify-content:center}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:720px}.modal-card{width:calc(100vw - 22px)!important;max-height:86dvh;overflow:auto}.form-grid,.form-grid.three{grid-template-columns:1fr!important}.field.grow{grid-column:auto}.funnel-stage{grid-template-columns:44px 1fr 52px;padding:11px}.funnel-stage>i{width:42px;height:42px}.funnel-stage strong{font-size:14px}}
@media(max-width:560px){.main{padding:10px!important}.phase17-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.phase17-grid .mobile-shortcut-tile{min-height:108px;border-radius:18px}.phase17-grid .mobile-shortcut-tile .tile-icon{width:50px;height:50px;font-size:19px}.phase17-kpis{grid-template-columns:1fr 1fr!important}.phase17-kpis .stat h2{font-size:18px}.phase17-nav a{min-width:78px}.mobile-bottom-nav{height:68px}.mobile-bottom-nav a{font-size:11px}.pro-hero.final-sales-hero{display:block}.pro-hero.final-sales-hero .pro-actions{grid-template-columns:1fr!important;margin-top:12px}.entry-card,.panel{border-radius:18px;padding:12px}.auth-card{width:calc(100vw - 20px)!important;margin:10px!important}.product-grid,.touch-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:390px){.phase17-grid{gap:8px}.phase17-grid .mobile-shortcut-tile{min-height:102px;padding:10px 6px}.phase17-grid .mobile-shortcut-tile b{font-size:13px}.phase17-grid .mobile-shortcut-tile small{font-size:11px}.phase17-kpis{grid-template-columns:1fr!important}.phase17-nav a{min-width:74px;font-size:11px}.phase17-nav a i{width:34px;height:34px}.topbar .page-title h2{font-size:16px}}
@media print{.phase17-nav,.phase17-mobile-panel,.mobile-bottom-nav,.sidebar,.topbar,.pro-actions,.btn{display:none!important}.main{margin:0!important;width:100%!important;padding:0!important}.entry-card,.panel{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}}

/* ===== PHASE 8.5.2.18 REAL POS TOUCH RESPONSIVE ===== */
.real-pos-page .main{overflow:hidden}.pos18-wrap{padding:14px;max-width:1600px;margin:auto}.pos18-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;background:#fff;border:1px solid #e5edf8;border-radius:22px;padding:16px;box-shadow:0 10px 28px rgba(15,44,92,.08)}.pos18-head h2{margin:0;color:#0f2c5c;font-size:26px}.pos18-head p{margin:5px 0 0;color:#64748b}.pos18-head-actions{display:flex;gap:8px;flex-wrap:wrap}.pos18-main{display:grid;grid-template-columns:minmax(360px,1.35fr) minmax(330px,.95fr) 330px;gap:14px;align-items:start}.pos18-products-card,.pos18-cart-card,.pos18-pay-card{background:#fff;border:1px solid #e5edf8;border-radius:22px;padding:14px;box-shadow:0 10px 26px rgba(15,44,92,.08)}.pos18-tools{display:flex;gap:10px;margin-bottom:12px}.pos18-tools input,.pos18-invoice input,.pos18-invoice textarea,.pos18-pay-row input{width:100%;height:48px;border:1px solid #dbe7f6;border-radius:14px;padding:0 12px;font-size:16px;background:#f8fafc}.pos18-invoice textarea{height:60px;padding-top:10px;resize:none}.pos18-cats{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:10px}.pos18-cats button{border:0;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:11px 18px;font-weight:800;white-space:nowrap}.pos18-cats button.active{background:#1d4ed8;color:#fff}.pos18-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:calc(100vh - 250px);overflow:auto;padding:2px}.pos18-product{border:1px solid #dbe7f6;background:#fff;border-radius:20px;padding:15px 10px;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 18px rgba(29,78,216,.06);cursor:pointer}.pos18-product i{font-size:30px;color:#1d4ed8}.pos18-product:nth-child(4n+1) i{color:#10b981}.pos18-product:nth-child(4n+2) i{color:#f59e0b}.pos18-product:nth-child(4n+3) i{color:#8b5cf6}.pos18-product b{font-size:15px;color:#0f172a}.pos18-product span{color:#0f2c5c;font-weight:900;font-size:17px}.pos18-invoice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.pos18-invoice textarea{grid-column:1/-1}.pos18-cart{display:flex;flex-direction:column;gap:9px;max-height:calc(100vh - 245px);overflow:auto}.pos18-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e6eef8;border-radius:16px;padding:11px;background:#fbfdff}.pos18-line b{display:block;color:#0f172a}.pos18-line span{font-size:13px;color:#64748b}.pos18-qty{display:flex;align-items:center;gap:7px}.pos18-qty button{width:36px;height:36px;border:0;border-radius:12px;background:#dbeafe;color:#1d4ed8;font-size:20px;font-weight:900}.pos18-qty button.danger{background:#fee2e2;color:#ef4444;font-size:14px}.pos18-pay-card{position:sticky;top:88px}.pos18-pay-card h3{margin:2px 0 12px;color:#0f2c5c}.pos18-total,.pos18-pay-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f7;padding:10px 0}.pos18-total b{font-size:18px;color:#0f2c5c}.pos18-total.big{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:14px;margin:10px 0}.pos18-total.big b{font-size:28px;color:#1d4ed8}.pos18-pay-row input{max-width:150px;text-align:left;direction:ltr;height:42px}.btn.success{background:#10b981;color:#fff}.btn.full{width:100%;height:52px;margin-top:10px;justify-content:center}.pos18-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pos18-msg{margin-top:10px;border-radius:12px;padding:10px;font-weight:800;display:none}.pos18-msg.ok{display:block;background:#d1fae5;color:#047857}.pos18-msg.bad{display:block;background:#fee2e2;color:#b91c1c}.pos18-holds{display:flex;flex-direction:column;gap:8px}.pos18-holds button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e5edf8;background:#f8fafc;border-radius:14px;padding:10px}.pos18-empty{padding:18px;text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px}.pos18-empty.small{font-size:13px;padding:10px}@media(max-width:1180px){.pos18-main{grid-template-columns:1fr 340px}.pos18-products-card{grid-column:1/-1}.pos18-products{grid-template-columns:repeat(4,1fr);max-height:none}.pos18-pay-card{position:static}}@media(max-width:760px){.real-pos-page .topbar{position:sticky;top:0;z-index:20}.pos18-wrap{padding:8px 8px 86px}.pos18-head{align-items:flex-start;flex-direction:column;border-radius:18px}.pos18-head h2{font-size:22px}.pos18-main{display:flex;flex-direction:column}.pos18-products-card{order:1;width:100%}.pos18-cart-card{order:2;width:100%}.pos18-pay-card{order:3;width:100%}.pos18-products{grid-template-columns:repeat(2,1fr);max-height:none}.pos18-product{min-height:112px}.pos18-tools{position:sticky;top:58px;z-index:5;background:#fff;padding-bottom:8px}.pos18-invoice{grid-template-columns:1fr}.pos18-line{align-items:flex-start;flex-direction:column}.pos18-qty{width:100%;justify-content:space-between}.pos18-pay-row input{max-width:130px}.pos18-total.big b{font-size:24px}.pos18-head-actions .btn{flex:1}.pos18-head-actions{width:100%}}


/* PHASE 8.5.2.19 POS ENTERPRISE TOUCH LOCK */
.pos19-page .main{padding:10px!important;background:#f6f9fd}.pos19-page .topbar{position:sticky;top:0;z-index:30}.p19{direction:rtl}.p19-top,.p19-modes,.p19-grid,.p19-bottom{max-width:1800px;margin-inline:auto}.p19-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.p19-top h2{margin:0;color:#0f2c5c;font-size:25px}.p19-top p{margin:4px 0 0;color:#64748b}.p19-state{display:flex;gap:10px;align-items:center}.p19-state span,.p19-state b{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:10px 14px;color:#163a70;box-shadow:0 6px 18px rgba(15,44,92,.06)}.p19-modes{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:10px}.p19-modes button{border:1px solid #dbeafe;background:#fff;border-radius:18px;padding:13px 10px;font-weight:800;color:#163a70;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 22px rgba(15,44,92,.06);cursor:pointer}.p19-modes button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.p19-grid{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(360px,1fr) minmax(310px,.62fr);gap:10px}.p19-left,.p19-center,.p19-right,.p19-bottom>div{background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:12px;box-shadow:0 10px 28px rgba(15,44,92,.07)}.p19-tools{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:10px}.p19 input,.p19 textarea{border:1px solid #dbeafe;border-radius:14px;padding:12px;font:inherit;outline:0;background:#f8fafc}.p19 textarea{min-height:44px;resize:vertical}.p19-cats{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.p19-cats button{white-space:nowrap;border:0;background:#eff6ff;color:#163a70;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.p19-cats button.active{background:#1d4ed8;color:#fff}.p19-products{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:9px;max-height:48vh;overflow:auto;padding:3px}.p19-product{min-height:116px;border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 7px 18px rgba(15,44,92,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:#0f172a}.p19-product i{font-size:28px;color:#1d4ed8}.p19-product b{font-size:14px;text-align:center}.p19-product small{color:#64748b}.p19-product span{background:#ecfdf5;color:#047857;border-radius:999px;padding:4px 10px;font-weight:900}.p19-product:active,.p19-line-actions button:active,.p19-modes button:active{transform:scale(.98)}.p19-tables-title{margin:12px 0 8px;font-weight:900;color:#163a70}.p19-tables{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;max-height:150px;overflow:auto}.p19-tables button{border:1px solid #dbeafe;background:#f8fafc;border-radius:16px;padding:9px 5px;font-weight:800;color:#163a70;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.p19-tables button.busy{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.p19-tables button.active{background:#1d4ed8;color:#fff}.p19-doc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.p19-doc textarea,.p19-doc input:nth-child(3){grid-column:span 2}.p19-cart{height:52vh;overflow:auto;padding-left:3px}.p19-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e2e8f0;border-radius:18px;padding:10px;margin-bottom:8px;background:#fff}.p19-line-name{display:flex;flex-direction:column;gap:3px}.p19-line-name b{color:#0f172a}.p19-line-name span{color:#64748b;font-size:13px}.p19-line-actions{display:flex;align-items:center;gap:5px}.p19-line-actions button{width:38px;height:38px;border:0;border-radius:12px;background:#eff6ff;color:#1d4ed8;font-weight:900;cursor:pointer}.p19-line-actions button.danger{background:#fee2e2;color:#dc2626}.p19-cart-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}.p19-right h3,.p19-bottom h3{margin:0 0 10px;color:#163a70}.p19-total,.p19-pay{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px dashed #e2e8f0;padding:9px 0;color:#475569}.p19-total b{font-size:18px;color:#0f172a}.p19-total.big{background:#eff6ff;border-radius:18px;border:0;margin:9px 0;padding:13px}.p19-total.big b{font-size:29px;color:#1d4ed8}.p19-pay input{width:130px;text-align:center;font-weight:900}.p19-quickpay{display:grid;grid-template-columns:1fr 1fr;gap:7px}.p19-quickpay button{border:0;background:#dcfce7;color:#047857;border-radius:14px;padding:10px;font-weight:900;cursor:pointer}.p19-right .full{width:100%;height:48px;margin-top:7px;justify-content:center}.p19-msg{border-radius:14px;padding:10px;margin-top:8px;font-weight:800}.p19-msg.ok{background:#ecfdf5;color:#047857}.p19-msg.bad{background:#fef2f2;color:#b91c1c}.p19-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.p19-holds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.p19-holds button{border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:3px;color:#163a70;font-weight:800;cursor:pointer}.p19-kds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.p19-kds-card{border:1px solid #dbeafe;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:6px;background:#f8fafc}.p19-kds-card small{color:#64748b;line-height:1.5}.p19-empty{padding:20px;text-align:center;color:#64748b;background:#f8fafc;border-radius:18px}.p19-empty.small{padding:12px}.btn.warn{background:#f59e0b;color:#fff}.btn.success{background:#10b981;color:#fff}.btn.danger{background:#ef4444;color:#fff}.btn.mini{height:30px;padding:4px 8px;font-size:12px}.ltr{direction:ltr;text-align:left}@media(max-width:1250px){.p19-grid{grid-template-columns:1fr 1fr}.p19-right{grid-column:1/-1}.p19-modes{grid-template-columns:repeat(4,1fr)}.p19-products{grid-template-columns:repeat(3,1fr)}.p19-cart{height:42vh}}@media(max-width:760px){.pos19-page .main{padding:6px!important;padding-bottom:82px!important}.p19-top{align-items:flex-start;flex-direction:column}.p19-top h2{font-size:21px}.p19-top p{font-size:13px}.p19-state{width:100%;display:grid;grid-template-columns:1fr 1fr}.p19-modes{grid-template-columns:repeat(2,1fr);position:sticky;top:64px;z-index:20}.p19-modes button{min-height:54px}.p19-grid,.p19-bottom{grid-template-columns:1fr}.p19-left,.p19-center,.p19-right,.p19-bottom>div{border-radius:18px;padding:9px}.p19-tools{grid-template-columns:1fr}.p19-products{grid-template-columns:repeat(2,1fr);max-height:none}.p19-product{min-height:112px}.p19-tables{grid-template-columns:repeat(4,1fr);max-height:none}.p19-doc{grid-template-columns:1fr}.p19-doc textarea,.p19-doc input:nth-child(3){grid-column:auto}.p19-cart{height:auto;min-height:170px;max-height:360px}.p19-line{align-items:flex-start;flex-direction:column}.p19-line-actions{width:100%;justify-content:space-between}.p19-line-actions button{width:42px;height:42px}.p19-cart-actions{grid-template-columns:repeat(2,1fr)}.p19-cart-actions button{height:48px}.p19-pay input{width:115px}.p19-holds,.p19-kds{grid-template-columns:1fr}.p19-right{position:sticky;bottom:64px;z-index:15}.p19-total.big b{font-size:24px}}

/* =====================================================
   PHASE 8.5.2.21 — POS ENTERPRISE STANDARD DESIGN LOCK
   Uses the same Aronium Cloud design system, no standalone fonts/layout.
   ===================================================== */
.pos-final-shell{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(360px,1fr) minmax(300px,.72fr);gap:14px;align-items:start}.pos-final-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pos-final-hero h3{margin:0;font-size:24px;color:var(--primary-dark,#0F2C5C);display:flex;align-items:center;gap:10px}.pos-final-hero p{margin:6px 0 0;color:var(--text-secondary,#64748B)}.pos-final-status{display:flex;gap:8px;flex-wrap:wrap}.pos-final-status .badge{font-size:13px}.pos-final-panel{background:var(--bg-card,#fff);border:1px solid rgba(29,78,216,.12);border-radius:22px;box-shadow:0 14px 32px rgba(15,44,92,.08);padding:14px;min-width:0}.pos-final-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--primary-dark,#0F2C5C);font-weight:900}.pos-final-title span{display:flex;align-items:center;gap:8px}.pos-final-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.pos-final-tools .full{grid-column:1/-1}.pos-final-tools input,.pos-final-tools select,.pos-final-tools textarea,.pos-pay-grid input{width:100%;border:1px solid rgba(29,78,216,.14);border-radius:16px;background:#F8FAFC;padding:12px;outline:none;color:var(--text-main,#0F172A)}.pos-final-cats{display:flex;gap:8px;overflow:auto;padding:2px 0 10px}.pos-final-cats button{border:0;border-radius:999px;background:#DBEAFE;color:#163A70;padding:10px 15px;font-weight:900;white-space:nowrap}.pos-final-cats button.active{background:#1D4ED8;color:#fff}.pos-final-products{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:9px;max-height:calc(100vh - 310px);overflow:auto;padding:2px}.pos-final-product{border:1px solid rgba(29,78,216,.12);border-radius:20px;background:linear-gradient(180deg,#fff,#F8FAFC);min-height:118px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;box-shadow:0 8px 18px rgba(15,44,92,.06);color:#0F172A}.pos-final-product i{font-size:28px;color:#1D4ED8}.pos-final-product b{line-height:1.3}.pos-final-product span{background:#ECFDF5;color:#047857;border-radius:999px;padding:5px 10px;font-weight:900}.pos-final-empty{padding:24px;text-align:center;border:1px dashed rgba(29,78,216,.24);border-radius:18px;background:#F8FAFC;color:#64748B;grid-column:1/-1}.pos-final-cart{display:flex;flex-direction:column;gap:9px;max-height:calc(100vh - 340px);overflow:auto;min-height:260px}.pos-final-line{border:1px solid #E2E8F0;border-radius:18px;background:#fff;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.pos-final-line b{display:block;color:#0F172A}.pos-final-line small{color:#64748B}.pos-final-qty{display:flex;align-items:center;gap:6px}.pos-final-qty button{border:0;border-radius:13px;background:#DBEAFE;color:#1D4ED8;width:40px;height:40px;font-weight:900}.pos-final-qty button.danger{background:#FEE2E2;color:#DC2626}.pos-final-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.pos-total-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px dashed #E2E8F0;padding:10px 0;color:#475569}.pos-total-line b{color:#0F172A}.pos-total-line.big{background:#DBEAFE;border:0;border-radius:18px;padding:14px;margin:10px 0;color:#163A70;font-weight:900}.pos-total-line.big b{font-size:30px;color:#1D4ED8}.pos-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pos-pay-grid label span{display:block;margin-bottom:6px;color:#64748B;font-weight:800}.pos-pay-grid .full{grid-column:1/-1}.pos-final-paybuttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pos-final-holds{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.pos-final-hold{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(245,158,11,.22);background:#FFFBEB;border-radius:16px;padding:10px;color:#92400E;font-weight:900}.pos-final-modebar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.pos-final-modebar button{border:1px solid rgba(29,78,216,.14);background:#fff;color:#163A70;border-radius:16px;padding:12px 8px;font-weight:900;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.pos-final-modebar button.active{background:#1D4ED8;color:#fff}.pos-final-modebar i{font-size:20px}.pos-final-msg{margin-top:10px;border-radius:14px;padding:10px;font-weight:900}.pos-final-msg.ok{background:#ECFDF5;color:#047857}.pos-final-msg.bad{background:#FEF2F2;color:#B91C1C}.pos-final-msg:empty{display:none}.pos-final-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.pos-final-mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pos-final-mini-list a,.pos-final-mini-list button{border:1px solid rgba(29,78,216,.12);background:#F8FAFC;color:#163A70;border-radius:16px;padding:12px;text-decoration:none;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.pos-final-print{display:none}@media(max-width:1280px){.pos-final-shell{grid-template-columns:1fr 1fr}.pos-final-pay{grid-column:1/-1}.pos-final-products{max-height:none;grid-template-columns:repeat(4,1fr)}.pos-final-cart{max-height:430px}.pos-final-bottom{grid-template-columns:1fr}}@media(max-width:780px){.main{padding-bottom:84px}.pos-final-hero{align-items:flex-start;flex-direction:column}.pos-final-hero h3{font-size:20px}.pos-final-shell{grid-template-columns:1fr;gap:10px}.pos-final-panel{border-radius:18px;padding:10px}.pos-final-modebar{grid-template-columns:repeat(2,1fr);position:sticky;top:70px;z-index:20}.pos-final-tools{grid-template-columns:1fr}.pos-final-products{grid-template-columns:repeat(2,1fr);gap:8px}.pos-final-product{min-height:112px}.pos-final-cart{min-height:160px;max-height:360px}.pos-final-line{grid-template-columns:1fr}.pos-final-qty{justify-content:space-between}.pos-final-qty button{width:44px;height:44px}.pos-final-actions,.pos-final-paybuttons{grid-template-columns:1fr 1fr}.pos-pay-grid{grid-template-columns:1fr 1fr}.pos-total-line.big b{font-size:24px}.pos-final-mini-list{grid-template-columns:1fr}.pos-final-pay{position:sticky;bottom:72px;z-index:25}.pos-final-cats{position:sticky;top:184px;background:var(--bg-page,#F8FAFC);z-index:19;padding-top:5px}}@media(max-width:420px){.pos-final-products{grid-template-columns:1fr 1fr}.pos-final-modebar{top:64px}.pos-pay-grid{grid-template-columns:1fr}.pos-pay-grid .full{grid-column:auto}.pos-final-actions{grid-template-columns:1fr}.pos-final-paybuttons{grid-template-columns:1fr}}@media print{body *{visibility:hidden!important}.pos-final-print,.pos-final-print *{visibility:visible!important}.pos-final-print{display:block!important;position:absolute;inset:0;width:72mm;margin:0 auto;background:#fff;color:#111;font-family:Arial,sans-serif;padding:8px}.pos-final-print .r-c{text-align:center}.pos-final-print .r-row{display:flex;justify-content:space-between;border-bottom:1px dashed #aaa;padding:6px 0;gap:8px}.pos-final-print .r-total{font-size:18px;font-weight:900}}

/* =====================================================
   PHASE 8.5.2.22 — RESTORED TOUCH POS RESPONSIVE UI
   ===================================================== */
.pos-v22-page .main{background:var(--bg-page,#F8FAFC)}
.v22-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid rgba(29,78,216,.13);border-radius:24px;padding:16px;margin-bottom:12px;box-shadow:0 12px 30px rgba(15,44,92,.08)}
.v22-hero h3{margin:0;color:var(--primary-dark,#0F2C5C);font-size:25px;display:flex;gap:10px;align-items:center}.v22-hero p{margin:6px 0 0;color:var(--text-secondary,#64748B)}.v22-status{display:flex;gap:8px;flex-wrap:wrap}.v22-status span{background:#DBEAFE;color:#163A70;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px}.v22-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.v22-modes button{border:1px solid rgba(29,78,216,.14);background:#fff;color:#163A70;border-radius:18px;min-height:64px;font-weight:900;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;cursor:pointer}.v22-modes button.active{background:#1D4ED8;color:#fff}.v22-modes i{font-size:22px}.v22-shell{display:grid;grid-template-columns:minmax(420px,1.18fr) minmax(360px,1fr) minmax(300px,.74fr);gap:12px;align-items:start}.v22-card{background:#fff;border:1px solid rgba(29,78,216,.13);border-radius:24px;padding:14px;box-shadow:0 12px 30px rgba(15,44,92,.08);min-width:0}.v22-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#0F2C5C;font-weight:900;margin-bottom:12px}.v22-title span{display:flex;align-items:center;gap:8px}.v22-title.small-title{margin-top:12px;margin-bottom:8px}.v22-tools{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin-bottom:10px}.v22-tools input,.v22-doc input,.v22-doc textarea,.v22-pay-grid input{height:48px;border:1px solid #DBEAFE;border-radius:16px;background:#F8FAFC;padding:0 12px;font-size:15px;outline:none}.v22-doc{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.v22-doc input:nth-child(3),.v22-doc textarea{grid-column:1/-1}.v22-doc textarea{height:62px;padding-top:10px;resize:none}.v22-cats{display:flex;gap:8px;overflow:auto;padding:2px 0 10px}.v22-cats button{border:0;border-radius:999px;background:#DBEAFE;color:#163A70;padding:10px 16px;font-weight:900;white-space:nowrap;cursor:pointer}.v22-cats button.active{background:#1D4ED8;color:#fff}.v22-products{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;max-height:calc(100vh - 318px);overflow:auto;padding:2px}.v22-product{border:1px solid rgba(29,78,216,.13);border-radius:22px;background:linear-gradient(180deg,#fff,#F8FAFC);min-height:132px;padding:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;box-shadow:0 9px 20px rgba(15,44,92,.06);cursor:pointer;color:#0F172A}.v22-product i{font-size:30px;color:#1D4ED8}.v22-product.c1 i{color:#10B981}.v22-product.c2 i{color:#F59E0B}.v22-product.c3 i{color:#8B5CF6}.v22-product.c4 i{color:#EF4444}.v22-product.c5 i{color:#0EA5E9}.v22-product b{font-size:15px;line-height:1.35}.v22-product small{color:#64748B;font-size:12px}.v22-product span{background:#ECFDF5;color:#047857;border-radius:999px;padding:5px 12px;font-weight:900}.v22-cart{display:flex;flex-direction:column;gap:9px;min-height:280px;max-height:calc(100vh - 370px);overflow:auto}.v22-line{border:1px solid #E2E8F0;border-radius:18px;background:#fff;padding:10px;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.v22-line b{display:block;color:#0F172A}.v22-line small{display:block;margin-top:4px;color:#64748B;line-height:1.4}.v22-line-actions{display:flex;align-items:center;gap:6px}.v22-line-actions button{width:39px;height:39px;border:0;border-radius:13px;background:#DBEAFE;color:#1D4ED8;font-size:18px;font-weight:900;cursor:pointer}.v22-line-actions button.danger{background:#FEE2E2;color:#DC2626}.v22-line-actions strong{min-width:28px;text-align:center}.v22-cart-actions,.v22-quickpay{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.v22-pay-card{position:sticky;top:86px}.v22-total{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px dashed #E2E8F0;padding:10px 0;color:#475569}.v22-total b{color:#0F172A}.v22-total.big{border:0;background:#DBEAFE;border-radius:18px;padding:14px;margin:10px 0;color:#163A70;font-weight:900}.v22-total.big b{font-size:30px;color:#1D4ED8}.v22-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v22-pay-grid label span{display:block;color:#64748B;font-weight:800;margin-bottom:6px}.v22-pay-grid .full{grid-column:1/-1}.btn.full{width:100%;height:52px;margin-top:9px;justify-content:center}.btn.warn{background:#F59E0B;color:#fff}.btn.success{background:#10B981;color:#fff}.v22-msg{margin-top:10px;border-radius:14px;padding:10px;font-weight:900;display:none}.v22-msg.ok{display:block;background:#ECFDF5;color:#047857}.v22-msg.bad{display:block;background:#FEF2F2;color:#B91C1C}.v22-empty{padding:22px;text-align:center;border:1px dashed #BFDBFE;border-radius:18px;background:#F8FAFC;color:#64748B;grid-column:1/-1}.v22-empty.small{padding:12px;font-size:13px}.v22-holds{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.v22-holds button{border:1px solid rgba(245,158,11,.26);background:#FFFBEB;color:#92400E;border-radius:16px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:900;cursor:pointer}.v22-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.v22-bottom a{background:#fff;border:1px solid rgba(29,78,216,.13);border-radius:18px;padding:14px;text-align:center;text-decoration:none;color:#163A70;font-weight:900;box-shadow:0 9px 20px rgba(15,44,92,.06);display:flex;align-items:center;justify-content:center;gap:8px}.v22-print{display:none}@media(max-width:1280px){.v22-shell{grid-template-columns:1fr 360px}.v22-products-card{grid-column:1/-1}.v22-products{grid-template-columns:repeat(4,1fr);max-height:none}.v22-pay-card{position:static}.v22-cart{max-height:430px}}@media(max-width:820px){.pos-v22-page .main{padding:10px!important;padding-bottom:86px!important}.v22-hero{align-items:flex-start;flex-direction:column;border-radius:20px}.v22-hero h3{font-size:21px}.v22-modes{grid-template-columns:repeat(2,1fr);position:sticky;top:66px;z-index:25;background:#F8FAFC;padding-bottom:8px}.v22-modes button{min-height:58px}.v22-shell{grid-template-columns:1fr;gap:10px}.v22-card{border-radius:20px;padding:10px}.v22-tools{grid-template-columns:1fr}.v22-tools .btn{height:48px}.v22-products{grid-template-columns:repeat(2,1fr);gap:8px}.v22-product{min-height:116px;border-radius:18px}.v22-doc{grid-template-columns:1fr}.v22-doc input:nth-child(3),.v22-doc textarea{grid-column:auto}.v22-cart{min-height:180px;max-height:380px}.v22-line{grid-template-columns:1fr}.v22-line-actions{justify-content:space-between}.v22-line-actions button{width:44px;height:44px}.v22-pay-card{position:sticky;bottom:70px;z-index:22}.v22-bottom{grid-template-columns:repeat(2,1fr)}.v22-holds{grid-template-columns:1fr}.v22-total.big b{font-size:24px}}@media(max-width:430px){.v22-products{grid-template-columns:repeat(2,1fr)}.v22-product{min-height:106px;padding:8px}.v22-product i{font-size:24px}.v22-product b{font-size:13px}.v22-pay-grid{grid-template-columns:1fr}.v22-pay-grid .full{grid-column:auto}.v22-cart-actions,.v22-quickpay,.v22-bottom{grid-template-columns:1fr}.v22-modes{top:62px}}
@media print{body *{visibility:hidden!important}.v22-print,.v22-print *{visibility:visible!important}.v22-print{display:block!important;position:absolute;inset:0;width:72mm;margin:0 auto;background:#fff;color:#111;font-family:Arial,sans-serif;padding:8px}.v22-print .r-c{text-align:center}.v22-print .r-row{display:flex;justify-content:space-between;border-bottom:1px dashed #aaa;padding:6px 0;gap:8px}.v22-print .r-total{font-size:18px;font-weight:900}}

/* PHASE 8.5.3 — full CRUD polish */
.enterprise-toolbar{align-items:center;gap:10px;flex-wrap:wrap}.enterprise-toolbar .searchbox{min-width:260px;flex:1}.enterprise-crud-table th:last-child,.enterprise-crud-table td:last-child{min-width:230px}.row-actions{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}.btn.mini{padding:7px 10px;font-size:12px;border-radius:10px}.btn.danger{background:#FEE2E2;color:#991B1B;border:1px solid #FECACA}.btn.danger:hover{background:#FECACA}.modal.large .modal-card{max-width:880px;width:min(92vw,880px)}@media(max-width:760px){.enterprise-toolbar{display:grid;grid-template-columns:1fr 1fr}.enterprise-toolbar .searchbox{grid-column:1/-1;min-width:0}.enterprise-crud-table th:last-child,.enterprise-crud-table td:last-child{min-width:170px}.row-actions .btn{font-size:0;padding:9px}.row-actions .btn i{font-size:14px;margin:0}.form-grid.four{grid-template-columns:1fr!important}.modal.large .modal-card{width:94vw}}

/* Production clean visual alignment core alignment — 2026-06-09 */
body{background:#f5f7fb!important;color:#0f172a!important;}
.main{min-width:0;}
.panel,.entry-card,.pro-hero,.dashboard-hero{border:1px solid #e5eaf3!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;}
.crud-toolbar,.enterprise-toolbar,.filter-strip,.panel-head,.entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.table-wrap{overflow:auto;border-radius:16px;border:1px solid #e5eaf3;background:#fff;}
table{width:100%;border-collapse:separate!important;border-spacing:0!important;}
th{background:#163A70!important;color:#fff!important;font-weight:800!important;white-space:nowrap;}
td,th{padding:12px 10px!important;border-bottom:1px solid #edf2f7!important;text-align:center;vertical-align:middle;}
.row-actions,.toolbar,.pro-actions,.actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
.btn{border-radius:12px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px;}
.btn.mini{min-height:32px!important;padding:6px 10px!important;font-size:12px!important;}
.searchbox{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:0 10px;display:flex;align-items:center;gap:8px;min-height:42px;}
.searchbox input{border:0!important;outline:0!important;background:transparent!important;min-width:220px;}
.form-grid{gap:12px!important;}
.field input,.field select,.field textarea{border:1px solid #dbe3ef!important;border-radius:12px!important;background:#fff!important;min-height:42px!important;}
/* restored operational shortcuts */
.module-shortcuts,.mobile-shortcuts-panel{display:block!important;}
@media(max-width:768px){.main{padding:10px!important}.topbar{position:sticky;top:0;z-index:20;background:#f5f7fb!important;border-radius:0 0 18px 18px}.panel,.entry-card,.pro-hero{border-radius:16px!important}.crud-toolbar,.filter-strip{align-items:stretch}.searchbox,.searchbox input,.btn{width:100%}.row-actions{justify-content:center}.row-actions .btn{width:auto;flex:1 1 90px}td,th{padding:10px 8px!important;font-size:12px}.sidebar{z-index:50}.bottom-nav{z-index:45}}


/* PHASE 8.5.3.3 — restore module big buttons and dashboard quick actions */
.mobile-shortcuts-panel,.module-shortcuts,.platform-shortcuts,.enterprise-shortcuts{display:block!important;visibility:visible!important;opacity:1!important;}
.mobile-shortcuts-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:14px!important;}
.mobile-shortcuts-grid.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;}
.mobile-shortcut-tile{display:flex!important;min-height:118px!important;border:1px solid #E5EAF3!important;border-radius:22px!important;background:linear-gradient(180deg,#FFFFFF,#F8FBFF)!important;box-shadow:0 10px 24px rgba(15,44,92,.07)!important;text-decoration:none!important;color:#0F172A!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;text-align:center!important;padding:14px!important;}
.mobile-shortcut-tile .tile-icon{width:58px!important;height:58px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:#DBEAFE!important;color:#1D4ED8!important;}
.mobile-shortcut-tile:nth-child(6n+1) .tile-icon{background:#D1FAE5!important;color:#047857!important;}
.mobile-shortcut-tile:nth-child(6n+2) .tile-icon{background:#DBEAFE!important;color:#1D4ED8!important;}
.mobile-shortcut-tile:nth-child(6n+3) .tile-icon{background:#F3E8FF!important;color:#7E22CE!important;}
.mobile-shortcut-tile:nth-child(6n+4) .tile-icon{background:#FFEDD5!important;color:#C2410C!important;}
.mobile-shortcut-tile:nth-child(6n+5) .tile-icon{background:#E0F2FE!important;color:#0369A1!important;}
.mobile-shortcut-tile:nth-child(6n+6) .tile-icon{background:#FEE2E2!important;color:#B91C1C!important;}
.mobile-shortcut-tile b{display:block!important;font-size:15px!important;font-weight:900!important;}
.mobile-shortcut-tile small{display:block!important;font-size:12px!important;color:#64748B!important;}
@media(max-width:560px){.mobile-shortcuts-grid,.mobile-shortcuts-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mobile-shortcut-tile{min-height:108px!important;padding:10px 6px!important}.mobile-shortcut-tile small{display:none!important}}

/* =====================================================
   OFFICIAL EXPORT / PRINT MODULE - PHASE 1 LOCK
   ===================================================== */
.btn.success{background:#10B981;color:#fff;border-color:#10B981}.btn.warn{background:#F59E0B;color:#fff;border-color:#F59E0B}
@media print{
  body{background:#fff!important;color:#0f172a!important}
  .sidebar,.topbar,.mobile-bottom-nav,.mobile-shortcuts-panel,.crud-toolbar,.pro-actions,.filter-strip,.bulkbar,.row-actions,button,.btn{display:none!important}
  .app-shell,.main,.content,#view,.pro-entry,.panel,.entry-card{display:block!important;width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;background:#fff!important}
  .table-wrap{overflow:visible!important;border:0!important;box-shadow:none!important}
  table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto!important}
  thead{display:table-header-group!important}
  tfoot{display:table-footer-group!important}
  tr{page-break-inside:avoid!important;page-break-after:auto!important}
  th{background:#163A70!important;color:#fff!important;border:1px solid #163A70!important;padding:6px!important;font-size:10px!important}
  td{border:1px solid #cbd5e1!important;padding:5px!important;font-size:10px!important;text-align:center!important}
  .kpi-row,.stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-bottom:8px!important}
  @page{size:A4 landscape;margin:8mm}
}


/* Production: large module launch buttons */
.production-module-launchers{display:block!important;border-top:4px solid #163A70!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;}
.production-launch-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:16px!important;}
.production-launch-tile{min-height:138px!important;border-radius:26px!important;padding:18px 14px!important;box-shadow:0 16px 38px rgba(15,44,92,.10)!important;}
.production-launch-tile .tile-icon{width:68px!important;height:68px!important;border-radius:24px!important;}
.production-launch-tile .tile-icon i{font-size:34px!important;}
.production-launch-tile b{font-size:17px!important;}
.production-launch-tile small{font-size:13px!important;display:block!important;}
.production-launch-tile:nth-child(8n+1) .tile-icon{--ic:#1D4ED8}.production-launch-tile:nth-child(8n+2) .tile-icon{--ic:#059669}.production-launch-tile:nth-child(8n+3) .tile-icon{--ic:#7C3AED}.production-launch-tile:nth-child(8n+4) .tile-icon{--ic:#EA580C}.production-launch-tile:nth-child(8n+5) .tile-icon{--ic:#0F766E}.production-launch-tile:nth-child(8n+6) .tile-icon{--ic:#9333EA}.production-launch-tile:nth-child(8n+7) .tile-icon{--ic:#2563EB}.production-launch-tile:nth-child(8n+8) .tile-icon{--ic:#475569}
@media(max-width:720px){.production-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.production-launch-tile{min-height:122px!important;padding:12px 8px!important}.production-launch-tile .tile-icon{width:58px!important;height:58px!important}.production-launch-tile b{font-size:14px!important}.production-launch-tile small{display:none!important}}

/* Settings database import entry */
.settings-import-shortcut{margin-top:18px;display:grid;grid-template-columns:minmax(220px,360px);gap:12px}
.settings-import-open{border:2px solid #bfdbfe!important;background:linear-gradient(180deg,#eff6ff,#ffffff)!important;min-height:145px!important;width:100%;cursor:pointer}
.settings-import-open .tile-icon,.big-import-action i{background:#DBEAFE!important;color:#1D4ED8!important}
.big-import-action{min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(180deg,#eff6ff,#ffffff)!important;border-color:#60a5fa!important}
.big-import-action i{font-size:54px!important;width:92px!important;height:92px!important;border-radius:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.big-import-action b{font-size:22px!important;color:#163A70!important}
@media(max-width:720px){.settings-import-shortcut{grid-template-columns:1fr}.big-import-action{min-height:160px!important}.big-import-action i{font-size:42px!important;width:74px!important;height:74px!important}.big-import-action b{font-size:18px!important}}


/* V7 8.5.7 — Module separated report center */
.module-report-center{font-family:'Cairo',Arial,sans-serif}
.official-report-toolbar{align-items:flex-end;gap:10px}
.module-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}
.module-report-card{border:1px solid #dbe5f3;background:#fff;border-radius:18px;padding:14px;text-align:right;display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.06);font-family:'Cairo',Arial,sans-serif;color:#0f172a}
.module-report-card i{font-size:22px;color:#163A70}.module-report-card b{font-size:15px}.module-report-card span{color:#64748b;font-size:12px}.module-report-card.active{border-color:#163A70;background:#eff6ff}
@media(max-width:700px){.official-report-toolbar .form-grid{grid-template-columns:1fr!important}.module-report-grid{grid-template-columns:1fr 1fr}.module-report-card{padding:12px}.module-report-card b{font-size:13px}}

/* Production clean guards */
pre, code, .dev-note, .source-card, .mock-card { display:none !important; }
.entry-dialog::backdrop{background:rgba(15,23,42,.42)}


/* =========================================================
   ARONIUM UI THEME — MAKHZNA VISUAL SYSTEM ONLY
   routes, permissions, business logic, or module behavior changed.
   Aronium name/logo/assets remain unchanged.
   ========================================================= */
:root{
  --brand-blue:#1D4ED8!important;
  --brand-blue-2:#2563EB!important;
  --brand-blue-3:#3B82F6!important;
  --brand-light:#DBEAFE!important;
  --brand-soft:#F8FAFC!important;
  --brand-gray:#64748B!important;
  --brand-gray-2:#94A3B8!important;
  --brand-dark:#0F172A!important;
  --bg:#F8FAFC!important;
  --card:#FFFFFF!important;
  --text:#0F172A!important;
  --muted:#64748B!important;
  --line:#E2E8F0!important;
  --green:#10B981!important;
  --red:#EF4444!important;
  --orange:#F59E0B!important;
  --shadow-sm:0 8px 20px rgba(15,23,42,.05)!important;
  --shadow-md:0 14px 38px rgba(15,23,42,.08)!important;
  --shadow-lg:0 24px 70px rgba(15,23,42,.12)!important;
  --gradient-main:linear-gradient(135deg,#1D4ED8,#2563EB)!important;
  --radius:20px!important;
  --side:260px!important;
}
*{box-sizing:border-box!important}
html,body,button,input,select,textarea{font-family:'Cairo',Tahoma,Arial,sans-serif!important;font-feature-settings:'tnum' 1,'lnum' 1!important}
body{background:#F8FAFC!important;color:#0F172A!important;overscroll-behavior-y:none!important;-webkit-tap-highlight-color:transparent!important}
.app-shell{grid-template-columns:260px 1fr!important;background:#F8FAFC!important;min-height:100vh!important}
.sidebar{background:#fff!important;border-left:1px solid #E2E8F0!important;box-shadow:none!important;padding:14px!important;overflow:auto!important}
.brand{padding:8px 6px 16px!important;margin-bottom:10px!important;border-bottom:1px solid #E2E8F0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.brand-logo{width:180px!important;max-width:100%!important;height:auto!important;object-fit:contain!important;display:block!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.auth-brand .logo{width:min(420px,92%)!important;height:auto!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.nav{display:grid!important;gap:6px!important;padding:4px 0 10px!important}.nav-group{margin-bottom:10px!important}.nav-title{color:#64748B!important;font-weight:900!important;font-size:11px!important;padding:8px 10px 4px!important}
.nav a{border-radius:14px!important;min-height:44px!important;font-size:13px!important;font-weight:900!important;color:#0F172A!important;margin:0!important;padding:0 12px!important;background:transparent!important;border:1px solid transparent!important;transform:none!important}
.nav a i{background:#DBEAFE!important;color:#1D4ED8!important;border-radius:9px!important;width:26px!important;height:26px!important;display:grid!important;place-items:center!important;font-size:13px!important;text-align:center!important;flex:0 0 26px!important}
.nav a:hover,.nav a.active{background:#DBEAFE!important;color:#1D4ED8!important;border-color:#BFDBFE!important;transform:none!important}.nav a.active:before{background:#1D4ED8!important;top:10px!important;bottom:10px!important}.sidebar-footer{border-top:1px solid #E2E8F0!important;padding-top:12px!important}
.main{padding:18px!important;background:#F8FAFC!important;min-width:0!important}.topbar{min-height:64px!important;border-radius:20px!important;border:1px solid #E2E8F0!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;top:10px!important;padding:12px 16px!important;background:#fff!important}.page-title h2{font-size:22px!important;color:#0F172A!important;font-weight:950!important}.page-title p{display:none!important}.actions{gap:8px!important;flex-wrap:wrap!important}
.btn,.smallbtn,button.btn{border-radius:14px!important;min-height:42px!important;font-weight:950!important;font-size:12px!important}.btn:hover,.smallbtn:hover{transform:none!important}.btn.primary{background:linear-gradient(135deg,#1D4ED8,#2563EB)!important;color:#fff!important;box-shadow:0 10px 22px rgba(29,78,216,.16)!important}.btn.soft,.smallbtn{background:#DBEAFE!important;color:#1D4ED8!important;border:1px solid #BFDBFE!important}.btn.ghost{background:#fff!important;color:#0F172A!important;border:1px solid #E2E8F0!important}.btn.danger,.danger{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}.btn.success{background:#10B981!important;color:#fff!important}.btn.warn{background:#F59E0B!important;color:#fff!important}
.hero{border-radius:24px!important;border:1px solid #E2E8F0!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;background:radial-gradient(circle at top left,rgba(29,78,216,.10),transparent 35%),#fff!important}.hero h3{color:#0F172A!important}.hero .hero-icon{background:#DBEAFE!important;color:#1D4ED8!important;border-radius:22px!important}
.stats,.cards{gap:14px!important}.stat,.card,.panel,.phase-card,.product-card,.cart,.auth-brand,.auth-form,.quick,.big,.dash-section,.mobile-shortcuts-panel,.pos23-card,.pos24-card{border:1px solid #E2E8F0!important;border-radius:20px!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;background:#fff!important}.stat{min-height:94px!important;padding:18px!important}.stat i,.quick i,.mobile-shortcut-tile .tile-icon,.card .ico{background:#DBEAFE!important;color:#1D4ED8!important}.stat h2,.card .n,.phase-card b,.statusbox b{color:#1D4ED8!important;font-weight:950!important}.stat p,.card .l,.mini,.muted{color:#64748B!important;font-weight:800!important}.panel{padding:18px!important;margin-top:14px!important}.panel-title{color:#0F172A!important;font-weight:950!important}.panel-title i{color:#1D4ED8!important}.quick,.big,.mobile-shortcut-tile{transition:.15s ease!important}.quick:hover,.big:hover,.mobile-shortcut-tile:hover,.dash-quick-btn:hover,.dash-today-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px rgba(15,44,92,.09)!important}
.table-wrap,.functional-table-wrap,.virtual-table-box{border:1px solid #E2E8F0!important;border-radius:18px!important;background:#fff!important;overflow:auto!important}.table,table{background:#fff!important;border-color:#E2E8F0!important;border-radius:18px!important}th,.table th,.entry-table th{background:#DBEAFE!important;color:#0F172A!important;font-weight:950!important;border-bottom:1px solid #BFDBFE!important;text-align:right!important}td,.table td,.entry-table td{border-top:1px solid #E2E8F0!important;color:#334155!important}tr:hover td{background:#F8FAFC!important}.toolbar,.functional-toolbar{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:16px!important;padding:12px!important}.search,.entry-search,.functional-toolbar input.search,.functional-toolbar select{border:1px solid #E2E8F0!important;border-radius:12px!important;background:#fff!important;color:#0F172A!important}
.field span{color:#334155!important;font-weight:950!important}.field input,.field select,.field textarea,input,select,textarea{border:1px solid #E2E8F0!important;border-radius:14px!important;background:#fff!important;color:#0F172A!important}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#1D4ED8!important;box-shadow:0 0 0 4px rgba(29,78,216,.10)!important;outline:none!important}.badge,.pill{font-weight:950!important}.badge.blue,.pill{background:#DBEAFE!important;color:#1D4ED8!important}.badge.green,.ok{background:#dcfce7!important;color:#166534!important}.badge.orange,.warn{background:#fff7ed!important;color:#9a3412!important}.badge.red{background:#fee2e2!important;color:#991b1b!important}.empty,.pos23-empty,.pos24-empty{background:#F8FAFC!important;border:1px dashed #CBD5E1!important;border-radius:18px!important;color:#64748B!important}
.auth-body{background:linear-gradient(180deg,#F8FAFC 0%,#EFF6FF 100%)!important}.auth-card{gap:18px!important}.auth-brand{display:grid!important;place-items:center!important;padding:30px!important}.auth-form h2{color:#0F172A!important;font-weight:950!important}.auth-form p{color:#64748B!important}.message.error,.pos23-msg.bad,#pos24Msg.bad{background:#fee2e2!important;color:#991b1b!important}.message.ok,.pos23-msg.ok,#pos24Msg.ok{background:#dcfce7!important;color:#166534!important}
.mobile-shortcuts-panel,.dash-section{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:20px!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important}.mobile-shortcut-tile,.dash-quick-btn,.dash-alert-card,.dash-today-card{border:1px solid #E2E8F0!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#F8FAFC)!important;color:#0F172A!important;box-shadow:0 6px 16px rgba(15,44,92,.045)!important}.mobile-shortcut-tile b,.dash-quick-btn .dqb-label{font-weight:950!important}.mobile-shortcut-tile small,.dash-quick-btn .dqb-sub{color:#64748B!important}.dash-quick-btn.primary{background:linear-gradient(135deg,#1D4ED8,#2563EB)!important;color:#fff!important}.dash-quick-btn.primary .dqb-sub{color:#E0ECFF!important}.dash-today-card.has-data{border-color:#BFDBFE!important;background:linear-gradient(180deg,#EFF6FF,#DBEAFE)!important}.dash-today-card .dtc-num{color:#1D4ED8!important}
.pos-shell,.pos-v23-page .main,.pos-v24-page .main{background:#F8FAFC!important}.pos23-topbar,.pos24-actions{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:20px!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important}.pos23-product,.pos24-product{border:1px solid #E2E8F0!important;background:linear-gradient(180deg,#fff,#F8FAFC)!important;border-radius:20px!important;box-shadow:0 8px 18px rgba(15,44,92,.06)!important}.pos23-product i,.pos24-product i{color:#1D4ED8!important}.pos23-cats button{background:#DBEAFE!important;color:#1D4ED8!important}.pos23-cats button.active{background:#1D4ED8!important;color:#fff!important}.pos23-total.big,.pos24-total.big{background:#DBEAFE!important;color:#1D4ED8!important}.pos23-total.big b,.pos24-total.big b{color:#1D4ED8!important}
@media(max-width:900px){.app-shell{display:block!important}.sidebar{position:fixed!important;top:0!important;bottom:0!important;right:0!important;width:min(84vw,330px)!important;height:auto!important;z-index:30!important;transform:translateX(105%)!important;transition:.22s transform ease!important;box-shadow:-12px 0 35px rgba(15,23,42,.15)!important}.menu-open .sidebar{transform:translateX(0)!important}.main{padding:14px 12px 86px!important}.topbar{top:8px!important;border-radius:18px!important}.stats,.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid,.grid.three,.form-grid,.split-2{grid-template-columns:1fr!important}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.auth-card{grid-template-columns:1fr!important}.auth-brand{min-height:auto!important}.brand-logo{width:160px!important}.auth-brand .logo{width:min(310px,90%)!important}.bottomnav{background:#fffffff2!important;border-top:1px solid #E2E8F0!important}.bottomnav button{background:#DBEAFE!important;color:#1D4ED8!important;border-radius:14px!important}}
@media(max-width:520px){.stats,.cards,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.panel{padding:14px!important;border-radius:18px!important}.btn,.smallbtn{min-height:44px!important}.table-wrap{border-radius:14px!important}}
@media print{body{background:#fff!important}.sidebar,.topbar,.actions,.btn,.smallbtn,.bottomnav{display:none!important}.panel,.card{box-shadow:none!important;border-radius:0!important}.official-report-table th,th{background:#1D4ED8!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* ARONIUM CLOUD official logo lock */
.brand-logo{width:230px!important;max-height:82px!important;object-fit:contain!important}
.auth-brand .logo{width:min(520px,96%)!important;max-height:260px!important;object-fit:contain!important}
.mobile-shortcuts-head p:empty,.page-title p:empty{display:none!important}


/* ARONIUM CLOUD official logo - final source lock */
.brand{padding:6px 4px 18px!important}
.brand-logo{width:235px!important;max-width:100%!important;max-height:none!important;height:auto!important;display:block!important;object-fit:contain!important;background:transparent!important;padding:0!important;margin:0 auto!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.auth-brand .logo{width:min(560px,96%)!important;max-height:none!important;height:auto!important;display:block!important;object-fit:contain!important;background:transparent!important;padding:0!important;margin:0 auto!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.official-card img{background:transparent!important;padding:0!important;margin:0 auto 22px!important}

.table-limit-note{padding:10px 12px;color:#64748b;font-size:12px;text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0}


/* PERF3: local lightweight icon fallback instead of blocking external FontAwesome */
.fa-solid,.fa{display:inline-flex;align-items:center;justify-content:center;min-width:1.05em;min-height:1.05em;line-height:1;vertical-align:middle}
.fa-solid::before,.fa::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:currentColor;opacity:.78}
.nav .fa-solid::before,.bottom-nav .fa-solid::before,.btn .fa-solid::before{width:.48em;height:.48em}
img{content-visibility:auto}
.panel,.entry-card,.stat,.kpi-card{content-visibility:auto;contain-intrinsic-size:auto 180px}

/* FIX: restore visible sidebar/action icons - replace PERF3 dot fallback with real lightweight symbols */
.fa-solid,.fa{font-style:normal!important;font-family:Arial,"Cairo",sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;vertical-align:middle!important}
.fa-solid::before,.fa::before{content:"•";display:inline-block!important;width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;opacity:1!important;font-size:1em!important;color:currentColor!important}
.fa-house::before{content:"⌂"}.fa-chart-line::before{content:"↗"}.fa-magnifying-glass::before,.fa-search::before{content:"⌕"}.fa-file-invoice-dollar::before,.fa-file-invoice::before{content:"▤"}.fa-clipboard-list::before{content:"☷"}.fa-receipt::before{content:"▧"}.fa-credit-card::before{content:"▭"}.fa-rotate-left::before{content:"↶"}.fa-users::before{content:"👥"}.fa-cash-register::before{content:"▣"}.fa-user-clock::before{content:"◷"}.fa-kitchen-set::before{content:"☰"}.fa-user-check::before{content:"✓"}.fa-boxes-stacked::before{content:"▦"}.fa-box::before{content:"□"}.fa-tags::before{content:"◇"}.fa-warehouse::before{content:"⌂"}.fa-truck-field::before,.fa-truck-ramp-box::before{content:"▸"}.fa-cart-shopping::before{content:"🛒"}.fa-wallet::before{content:"◫"}.fa-scale-balanced::before{content:"⚖"}.fa-book::before{content:"▣"}.fa-money-check-dollar::before{content:"▤"}.fa-chart-pie::before{content:"◔"}.fa-wand-magic-sparkles::before{content:"✦"}.fa-file-import::before{content:"⇩"}.fa-qrcode::before{content:"▦"}.fa-shield-halved::before{content:"⬟"}.fa-gear::before{content:"⚙"}.fa-layer-group::before{content:"▰"}.fa-code-branch::before{content:"⑂"}.fa-user-shield::before{content:"♙"}.fa-circle-check::before{content:"✓"}.fa-bell::before{content:"◉"}.fa-lock::before{content:"🔒"}.fa-list-check::before{content:"☑"}.fa-cloud-arrow-up::before{content:"☁"}.fa-clock-rotate-left::before{content:"↺"}.fa-mobile-screen::before{content:"▯"}.fa-right-from-bracket::before{content:"⎋"}.fa-bars::before{content:"☰"}.fa-plus::before{content:"+"}.fa-floppy-disk::before{content:"▣"}.fa-file-excel::before{content:"X"}.fa-file-pdf::before{content:"PDF"}.fa-print::before{content:"⎙"}.fa-xmark::before{content:"×"}.fa-ellipsis::before{content:"•••"}
.nav a i::before{font-size:15px!important}.nav a i.fa-users::before,.nav a i.fa-cart-shopping::before,.nav a i.fa-lock::before{font-size:13px!important}.btn i.fa-file-pdf::before{font-size:10px!important;font-weight:900!important}


/* PHASE 14 RC1 UI LOCK */
body[data-production-version="phase23-route-api-audit-lock"] .phase14-duplicate-action{display:none!important}
.phase14-secondary-action{opacity:.92}
.phase14-table-locked th:last-child,.phase14-table-locked td:last-child{white-space:nowrap}
.row-actions{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}
@media(max-width:720px){.row-actions .btn{min-width:92px}.crud-toolbar,.enterprise-toolbar,.filter-strip{align-items:stretch}.crud-toolbar .btn,.enterprise-toolbar .btn{justify-content:center}}


/* =====================================================
   PHASE 15 PWA + DESIGN COMPLETION LOCK
   مراجعة نهائية للتصميم و PWA بدون ترقيع خارجي
   ===================================================== */
:root{
  --primary:#163A70!important;--primary-dark:#0F2C5C!important;--primary-hover:#1D4ED8!important;--primary-light:#DBEAFE!important;
  --bg-page:#F8FAFC!important;--bg-main:#F4F7FB!important;--bg-card:#FFFFFF!important;--border:#E2E8F0!important;--text-main:#0F172A!important;--text-secondary:#64748B!important;
  --sidebar-width:264px!important;--side:264px!important;
}
html{height:100%;scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;}
body{min-height:100dvh!important;background:var(--bg-page)!important;overflow-x:hidden!important;}
body,input,button,select,textarea{font-family:'Cairo',Tahoma,Arial,sans-serif!important;font-feature-settings:'tnum' 1,'lnum' 1!important;}
.app-shell{min-height:100dvh!important;background:var(--bg-page)!important;grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;}
.sidebar{width:var(--sidebar-width)!important;max-width:var(--sidebar-width)!important;height:100dvh!important;position:fixed!important;right:0!important;top:0!important;bottom:0!important;z-index:1000!important;background:#fff!important;border-left:1px solid var(--border)!important;box-shadow:-8px 0 28px rgba(15,44,92,.06)!important;padding:14px!important;overflow:hidden!important;}
.sidebar .brand{min-height:94px!important;display:grid!important;place-items:center!important;margin:0 0 8px!important;padding:6px 4px 16px!important;}
.brand-logo{width:218px!important;max-width:96%!important;height:auto!important;display:block!important;}
.nav{height:calc(100dvh - 178px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px 2px 12px!important;scrollbar-width:thin!important;scrollbar-color:#CBD5E1 transparent!important;-webkit-overflow-scrolling:touch!important;}
.nav::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.tabs::-webkit-scrollbar{width:10px!important;height:10px!important}.nav::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.tabs::-webkit-scrollbar-thumb{background:#CBD5E1!important;border:2px solid #fff!important;border-radius:999px!important}.nav::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track,.tabs::-webkit-scrollbar-track{background:transparent!important}
.nav a{min-height:46px!important;margin:4px 0!important;padding:0 13px!important;border-radius:14px!important;color:#334155!important;background:transparent!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important;}
.nav a:hover{background:#EFF6FF!important;color:var(--primary-hover)!important;}
.nav a.active{background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(29,78,216,.18)!important;}
.nav a.active i{color:#fff!important}.sidebar-footer{height:62px!important;margin-top:8px!important;padding-top:10px!important;background:#fff!important;}
.main{margin-right:var(--sidebar-width)!important;width:calc(100% - var(--sidebar-width))!important;min-height:100dvh!important;padding:18px 20px 34px!important;background:var(--bg-page)!important;}
.topbar{top:10px!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;border:1px solid var(--border)!important;box-shadow:0 8px 22px rgba(15,44,92,.06)!important;min-height:66px!important;}
.page-title h2{font-size:22px!important;color:var(--text-main)!important;letter-spacing:-.01em!important;}.mobile-toggle{display:none!important;}
.panel,.entry-card,.card,.stat,.kpi-card,.mobile-shortcuts-panel,.dash-section{background:#fff!important;border:1px solid var(--border)!important;border-radius:22px!important;box-shadow:0 8px 22px rgba(15,44,92,.055)!important;}
.btn{border-radius:14px!important;min-height:42px!important;font-weight:950!important;}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;color:#fff!important;}.btn.ghost,.btn.soft{border:1px solid var(--border)!important;background:#fff!important;color:var(--primary)!important;}.btn.soft{background:#EFF6FF!important;}
.table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:18px!important;max-width:100%!important;}table{min-width:760px!important}th{background:#EFF6FF!important;color:#0F2C5C!important;font-weight:950!important}td{color:#334155!important}.field input,.field select,.field textarea,input,select,textarea{min-height:44px!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:14px!important;color:#0F172A!important}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary-hover)!important;box-shadow:0 0 0 4px rgba(29,78,216,.10)!important;outline:none!important;}
.mobile-bottom-nav{display:none!important;}
@media(max-width:900px){
  body{padding-bottom:86px!important;overflow-x:hidden!important;}
  .app-shell{display:block!important;min-height:100dvh!important;}
  .sidebar{display:flex!important;transform:translateX(108%)!important;transition:transform .22s ease!important;width:min(86vw,330px)!important;max-width:min(86vw,330px)!important;height:100dvh!important;box-shadow:-18px 0 45px rgba(15,23,42,.18)!important;}
  .sidebar.open,.menu-open .sidebar{transform:translateX(0)!important;}
  .mobile-toggle{display:inline-flex!important;}
  .main{margin:0!important;width:100%!important;padding:12px 10px 92px!important;}
  .topbar{top:0!important;margin:0 0 12px!important;border-radius:0 0 20px 20px!important;min-height:62px!important;padding:10px 12px!important;}
  .page-title h2{font-size:18px!important;}
  .actions{gap:6px!important}.actions .btn{min-width:42px!important;padding-inline:12px!important;}
  .panel,.entry-card,.card{border-radius:18px!important;padding:14px!important;margin-top:12px!important;}
  .stats,.cards,.quick-grid,.grid,.grid.three,.form-grid,.split-2,.invoice-kpis,.invoice-detail-kpis,.invoice-meta-grid{grid-template-columns:1fr!important;}
  .stats-grid,.clean-stats,.phase17-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .mobile-shortcuts-grid,.phase17-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .table-wrap table{min-width:720px!important;}.crud-toolbar,.enterprise-toolbar,.filter-strip{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}.crud-toolbar .btn,.enterprise-toolbar .btn,.filter-strip .btn{width:100%!important;justify-content:center!important;}
  .mobile-bottom-nav{display:grid!important;position:fixed!important;right:8px!important;left:8px!important;bottom:8px!important;height:66px!important;z-index:50000!important;background:rgba(255,255,255,.98)!important;border:1px solid #E2E8F0!important;border-radius:22px!important;box-shadow:0 14px 36px rgba(15,44,92,.18)!important;grid-template-columns:repeat(5,1fr)!important;overflow:hidden!important;backdrop-filter:blur(12px)!important;}
  .mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#64748B!important;font-size:11px!important;font-weight:950!important;min-width:0!important;}
  .mobile-bottom-nav a i{font-size:18px!important;color:#1D4ED8!important}.mobile-bottom-nav a.active{background:linear-gradient(135deg,#163A70,#1D4ED8)!important;color:#fff!important}.mobile-bottom-nav a.active i{color:#fff!important;}
}
@media(max-width:420px){.stats-grid,.clean-stats,.phase17-kpis{grid-template-columns:1fr!important}.mobile-shortcuts-grid,.phase17-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brand-logo{width:185px!important}.btn{min-height:44px!important}}
@media(display-mode:standalone){body{user-select:none}.topbar{padding-top:max(10px,env(safe-area-inset-top))!important}.mobile-bottom-nav{bottom:max(8px,env(safe-area-inset-bottom))!important}}

/* PHASE 20 reports center */
.report-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.report-card{border:1px solid #dbe5f3;background:#fff;border-radius:18px;padding:16px;text-align:right;display:flex;flex-direction:column;gap:6px;cursor:pointer;color:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.05)}.report-card i{font-size:22px;color:#163A70}.report-card b{font-size:15px}.report-card span{color:#64748b;font-size:12px}.report-card.active{border-color:#163A70;background:#eff6ff}.report-card.active b{color:#163A70}@media(max-width:720px){.report-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card{padding:12px}.report-card b{font-size:13px}}


/* =====================================================
   PHASE21 PWA + MOBILE PRODUCTION LOCK
   ===================================================== */
html{height:100%;scroll-padding-top:96px;}
body{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:env(safe-area-inset-top);background:#163A70;z-index:99998;pointer-events:none;}
.is-offline body::after{content:"بدون اتصال";position:fixed;z-index:99997;top:calc(10px + env(safe-area-inset-top));left:14px;background:#F59E0B;color:#111827;border-radius:999px;padding:6px 12px;font:900 12px Cairo,Tahoma,Arial;box-shadow:0 10px 26px rgba(15,44,92,.18);}
#view{min-height:calc(100dvh - 130px);}
.table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch;max-width:100%;}
.table-wrap table{min-width:780px;}
input,select,textarea,button{font-size:16px;}
.mobile-bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;}
.ac-install-pwa{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;}
@media(max-width:900px){
  .app-shell{display:block!important;min-height:100dvh!important;}
  .sidebar{position:fixed!important;right:0!important;top:0!important;bottom:0!important;height:100dvh!important;z-index:99980!important;transform:translateX(105%)!important;transition:transform .22s ease!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding-top:calc(15px + env(safe-area-inset-top))!important;}
  body.menu-open .sidebar,.sidebar.open{transform:translateX(0)!important;}
  .main,.content{padding:12px!important;padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;}
  .topbar,.header{top:calc(8px + env(safe-area-inset-top))!important;border-radius:18px!important;min-height:58px!important;padding:10px 12px!important;}
  .page-title h2,.header-title{font-size:19px!important;}
  .mobile-bottom-nav{position:fixed!important;right:0!important;left:0!important;bottom:0!important;z-index:99970!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;border-top:1px solid #D9E1EC!important;box-shadow:0 -14px 36px rgba(15,44,92,.12)!important;}
  .mobile-bottom-nav a{min-width:0!important;min-height:58px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#64748B!important;text-decoration:none!important;font-weight:900!important;font-size:11px!important;}
  .mobile-bottom-nav a.active{color:#163A70!important;background:#DBEAFE!important;}
  .mobile-bottom-nav i{font-size:17px!important;}
  .cards,.stats,.quick-grid,.module-grid,.module-admin-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .panel,.entry-card,.pro-hero,.card{border-radius:18px!important;}
  .form-grid,.entry-layout,.filter-strip,.kpi-row,.invoice-manager-toolbar,.invoice-meta-grid,.invoice-detail-kpis{grid-template-columns:1fr!important;}
  .row-actions{flex-wrap:wrap!important;justify-content:flex-start!important;}
  .modal,.modal.large,.invoice-detail-dialog{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;}
  .modal-card,.invoice-detail-card{max-height:calc(100dvh - 26px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
  .ac-install-pwa{right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;}
}
@media(min-width:901px){.mobile-bottom-nav{display:none!important}.mobile-toggle{display:none!important}}
@media print{body::before,.mobile-bottom-nav,.ac-install-pwa,#acPwaToastBox{display:none!important}body{padding-bottom:0!important}.main,.content{padding:0!important}}

/* PHASE 26 — enterprise finishing */
.enterprise26{display:grid;gap:16px}.enterprise26-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#163A70,#1D4ED8);color:#fff;border-radius:28px;padding:22px;box-shadow:0 22px 55px rgba(22,58,112,.22)}.enterprise26-hero h3{margin:0;font-size:22px;font-weight:900}.enterprise26-hero p{margin:8px 0 0;color:#dbeafe;font-weight:800}.enterprise26-hero .btn{background:#fff!important;color:#163A70!important;border:0}.enterprise26-tools{display:grid;gap:14px}.row-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.btn.mini{height:32px;padding:0 10px;border-radius:11px;font-size:12px}.field.full{grid-column:1/-1}.entry-box textarea{min-height:90px;resize:vertical}.table-wrap table td{vertical-align:middle}.mobile-shortcuts-panel,.panel,.entry-card{box-shadow:0 14px 38px rgba(15,23,42,.08)}@media(max-width:760px){.enterprise26-hero{align-items:stretch;flex-direction:column;border-radius:22px;padding:16px}.enterprise26-hero h3{font-size:18px}.enterprise26-hero .btn{width:100%;justify-content:center}.row-actions .btn{flex:1;min-width:70px}.table-wrap{overflow:auto}.table-wrap table{min-width:780px}.form-grid.four{grid-template-columns:1fr!important}.pro-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pro-actions .btn{width:100%;justify-content:center}}