/* ألوان مستوحاة من مخزن مواد غذائية: زيتوني عميق + خردلي للتنبيه */
:root{
  --bg:#ECEEE7; --panel:#FFFFFF; --panel2:#F6F7F2; --ink:#1F2B22; --muted:#677269; --line:#D6DBCF;
  --brand:#2E5E3E; --brand2:#24492F; --brand-ink:#FFFFFF; --side:#22382A; --side-ink:#DCE5D8;
  --accent:#C8811E; --danger:#B3261E; --ok:#2E7D32; --info:#1F5F8B; --warn-bg:#FFF4DF; --danger-bg:#FCE9E7; --ok-bg:#E6F2E6;
  --inset:inset 0 2px 4px rgba(31,43,34,.12), inset 0 0 0 1px var(--line);
  --raise:0 1px 0 rgba(255,255,255,.6) inset, 0 1px 2px rgba(31,43,34,.18);
  --r:9px;
}
:root[data-accent="navy"]{--brand:#1F4E79;--brand2:#173B5C;--side:#162B40}
:root[data-accent="wine"]{--brand:#7A2232;--brand2:#5E1926;--side:#3A1A20}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#141915; --panel:#1C231E; --panel2:#222A24; --ink:#E4EBE2; --muted:#9AA79C; --line:#34403A;
  --side:#0F1411; --side-ink:#C9D4C6; --warn-bg:#3A2E15; --danger-bg:#3D1C1A; --ok-bg:#1B3220;
  --inset:inset 0 2px 4px rgba(0,0,0,.4), inset 0 0 0 1px var(--line); --raise:0 1px 2px rgba(0,0,0,.5);}}
:root[data-theme="dark"]{
  --bg:#141915; --panel:#1C231E; --panel2:#222A24; --ink:#E4EBE2; --muted:#9AA79C; --line:#34403A;
  --side:#0F1411; --side-ink:#C9D4C6; --warn-bg:#3A2E15; --danger-bg:#3D1C1A; --ok-bg:#1B3220;
  --inset:inset 0 2px 4px rgba(0,0,0,.4), inset 0 0 0 1px var(--line); --raise:0 1px 2px rgba(0,0,0,.5);}

*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;font-size:14.5px;line-height:1.55}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;text-align:left}
td.num,th.num{text-align:left}
.neg{color:var(--danger)}

/* الهيكل */
.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.side{background:var(--side);color:var(--side-ink);padding:14px 10px;position:sticky;top:0;height:100vh;overflow:auto}
.side .logo{font-weight:700;font-size:17px;padding:4px 10px 14px;color:#fff}
.side .logo small{display:block;font-weight:400;font-size:12px;opacity:.7}
.side h4{font-size:12px;font-weight:600;opacity:.6;margin:16px 10px 6px}
.side a{display:flex;gap:8px;align-items:center;color:var(--side-ink);padding:6px 10px;border-radius:7px;font-size:14px}
.side a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.side a.on{background:var(--brand);color:#fff}
.main{min-width:0}
.layout{grid-template-columns:230px minmax(0,1fr)}
.content,.card{min-width:0;max-width:100%}
.tablewrap{overflow-x:auto!important;overflow-y:auto;max-width:100%;scrollbar-gutter:stable}
.tablewrap table{min-width:100%;width:100%;table-layout:auto}
.tablewrap::-webkit-scrollbar{height:14px;width:12px}
.tablewrap::-webkit-scrollbar-thumb{background:#7c9787;border-radius:8px;border:3px solid var(--panel)}
.ss-list{z-index:400!important;inset-inline:auto!important;margin:0!important;overflow:auto!important}
.ss-list div{white-space:normal;line-height:1.6}
.document-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
@media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}}
.top{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top .title{font-weight:700;font-size:17px;margin-inline-start:6px}
.top .sp{flex:1}
.content{padding:18px;max-width:1500px}
.btn.menu-btn{display:none}
@media (max-width:860px){
  .layout{grid-template-columns:1fr}
  .side{position:fixed;top:0;bottom:0;right:0;left:auto;width:250px;transform:translateX(100%);transition:transform .2s;z-index:50}
  body.nav-open .side{transform:none}
  .btn.menu-btn{display:inline-flex}
  .content{padding:12px}
  .grid-form{grid-template-columns:1fr}
  .grid-form>*{grid-column:auto!important}
  .totals{grid-template-columns:auto 1fr;max-width:none}
}

/* الأزرار */
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--r);padding:7px 14px;font:inherit;font-weight:600;
  cursor:pointer;background:var(--panel2);color:var(--ink);box-shadow:var(--raise),0 0 0 1px var(--line);white-space:nowrap}
.btn:hover{filter:brightness(.97);text-decoration:none}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.btn.primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 2px 0 var(--brand2)}
.btn.go{background:#1E7A34;color:#fff;box-shadow:0 2px 0 #145423}          /* ترحيل */
.btn.danger{background:var(--danger);color:#fff;box-shadow:0 2px 0 #7F1B15} /* إلغاء */
.btn.warn{background:var(--accent);color:#fff;box-shadow:0 2px 0 #8F5B12}
.btn.ghost{background:transparent;box-shadow:none}
.btn.sm{padding:4px 9px;font-size:13px}
.btn.icon{padding:6px 9px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.group{display:inline-flex;border-radius:var(--r);box-shadow:var(--raise),0 0 0 1px var(--line);overflow:hidden}
.group .btn{border-radius:0;box-shadow:none;border-inline-start:1px solid var(--line)}
.group .btn:first-child{border-inline-start:0}
.group .btn.on{background:var(--brand);color:#fff}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}

/* الحقول الغائرة */
input,select,textarea{font:inherit;color:var(--ink);background:var(--panel2);border:0;border-radius:var(--r);
  box-shadow:var(--inset);padding:8px 11px;min-height:38px;width:100%}
input[type=checkbox]{width:auto;min-height:0;box-shadow:none;accent-color:var(--brand);transform:scale(1.15)}
input.num{text-align:left}
label.f{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600}
label.f.req>span::after{content:" *";color:var(--danger)}
.grid-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 14px}

/* البطاقات */
.card{background:var(--panel);border-radius:12px;box-shadow:0 0 0 1px var(--line);padding:16px;margin-bottom:16px}
.card h3{margin:0 0 12px;font-size:15.5px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--panel);border-radius:12px;box-shadow:0 0 0 1px var(--line);padding:14px 16px;border-inline-start:5px solid var(--brand)}
.kpi b{display:block;font-size:22px} .kpi span{color:var(--muted);font-size:13px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tile{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:var(--panel2);box-shadow:0 0 0 1px var(--line);color:var(--ink);font-weight:600}
.tile:hover{box-shadow:0 0 0 2px var(--brand);text-decoration:none}
.tile i{font-style:normal;font-size:20px}

/* التنبيهات */
.alert{padding:9px 12px;border-radius:9px;margin:6px 0;display:flex;gap:8px;align-items:flex-start}
.alert.warn{background:var(--warn-bg);border-inline-start:4px solid var(--accent)}
.alert.danger{background:var(--danger-bg);border-inline-start:4px solid var(--danger)}
.alert.ok{background:var(--ok-bg);border-inline-start:4px solid var(--ok)}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:1px 9px;border-radius:20px;background:var(--panel2);box-shadow:0 0 0 1px var(--line)}
.badge.draft{background:var(--warn-bg);color:#8F5B12} .badge.posted{background:var(--ok-bg);color:var(--ok)}
.badge.cancelled{background:var(--danger-bg);color:var(--danger)} .badge.rev{background:#E7E4F5;color:#4B3F8C}

/* الجداول */
.tablewrap{overflow:auto;border-radius:10px;box-shadow:0 0 0 1px var(--line);background:var(--panel)}
table{border-collapse:collapse;width:100%}
th,td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
th{background:var(--panel2);font-size:13px;color:var(--muted);position:sticky;top:0;z-index:1;cursor:pointer;user-select:none;white-space:normal}
tr.filters th{cursor:default;padding:4px 6px;top:36px}
tr.filters input{min-height:28px;padding:3px 7px;font-size:12.5px;width:100%;min-width:0}
tbody tr:hover{background:var(--panel2)}
tfoot td{font-weight:700;background:var(--panel2)}
tr.off td{opacity:.55}
.gridbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.gridbar input.gsearch{max-width:260px}
.colmenu{position:absolute;background:var(--panel);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 1px var(--line);border-radius:10px;padding:8px;z-index:60;max-height:320px;overflow:auto}
.colmenu label{display:flex;gap:8px;padding:3px 6px;white-space:nowrap}
.gridbar{position:relative;overflow:visible;flex-wrap:wrap}
.colmenu{z-index:250}
.module-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
tr.filters[hidden]{display:none}

/* القائمة المنسدلة القابلة للبحث */
.ss{position:relative;display:flex;gap:4px}
.ss input{flex:1}
.ss .add{flex:none;width:38px;justify-content:center;padding:0}
.ss .info{flex:none;width:34px;justify-content:center;padding:0}
.ss .select-drop{flex:none;width:25px;min-width:25px;padding:0;justify-content:center;color:var(--brand);font-size:17px;border-color:var(--line)}
.ss .select-drop[aria-expanded="true"]{background:var(--brand);color:white}
.ss-list{position:absolute;top:100%;inset-inline:0;min-width:240px;margin-top:3px;background:var(--panel);border-radius:10px;z-index:40;max-height:280px;overflow:auto;
  box-shadow:0 10px 28px rgba(0,0,0,.2),0 0 0 1px var(--line)}
.ss-list div{padding:7px 11px;cursor:pointer} .ss-list div small{color:var(--muted);margin-inline-start:6px}
.ss-list div.act{background:var(--brand);color:#fff} .ss-list div.act small{color:#eee}
.ss-list .new{color:var(--brand);font-weight:700;border-top:1px solid var(--line)}
.infocard{position:fixed;background:var(--panel);z-index:45;border-radius:12px;padding:10px 12px;
  box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 0 1px var(--line);border-top:4px solid var(--accent);font-size:13.5px}
.infocard h5{margin:0 0 6px;font-size:14px}
.infocard .r{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dashed var(--line)}
.infocard .r span{color:var(--muted)}

/* سطور المستند */
.lines td{padding:4px 5px} .lines input,.lines select{min-height:34px;padding:5px 8px}
.lines .ss input{min-width:200px}
.totals{display:grid;grid-template-columns:auto 160px;gap:6px 12px;align-items:center;max-width:380px;margin-inline-start:auto}
.totals b{font-size:18px}
.dochead{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.dochead h2{margin:0;font-size:20px}
.stripe{height:5px;border-radius:5px;margin-bottom:14px}
.c-green{background:#2E7D32}.c-orange{background:#C8811E}.c-blue{background:#1F5F8B}.c-teal{background:#1D7A72}.c-red{background:#B3261E}.c-gray{background:#8A948B}

/* التبويبات */
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:12px;flex-wrap:wrap}
.tabs button{border:0;background:none;font:inherit;font-weight:600;color:var(--muted);padding:8px 14px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.tabs button.on{color:var(--brand);border-color:var(--brand)}
.tabpane{display:none}.tabpane.on{display:block}

/* النوافذ المنبثقة */
.modal-bg{position:fixed;inset:0;background:rgba(10,15,12,.5);display:none;align-items:center;justify-content:center;z-index:100;padding:14px}
.modal-bg.on{display:flex}
.modal{background:var(--panel);border-radius:14px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.modal header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700}
.modal header .sp{flex:1}
.modal .body{padding:16px}
.modal footer{display:flex;gap:8px;justify-content:flex-start;padding:12px 16px;border-top:1px solid var(--line)}
.modal iframe{width:100%;height:70vh;border:0}
.effects li{margin:4px 0}
.toast{position:fixed;bottom:18px;inset-inline-start:18px;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:200;display:none}

.muted{color:var(--muted)} .right{margin-inline-start:auto}
.popup-body .content{padding:14px}

@media print{
  .side,.top,.no-print,.gridbar,tr.filters,.tabs{display:none!important}
  .layout{display:block} body{background:#fff;color:#000;font-size:12px}
  .card,.tablewrap{box-shadow:none} .tabpane{display:block!important}
}
.document-search{position:relative;flex:1;max-width:560px;min-width:220px}.document-search input{width:100%}.document-results{position:absolute;top:calc(100% + 6px);inset-inline:0;max-height:360px;overflow:auto;background:#fff;border:1px solid #dbe4e9;border-radius:12px;box-shadow:0 12px 35px #17334d26;z-index:450;padding:6px}.document-results a{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;color:#17334d;text-decoration:none}.document-results a:hover,.document-results a.active{background:#eef6f6}.document-results span{font-size:12px;color:#687a88}
.tablewrap th,.tablewrap td{overflow-wrap:anywhere}.tablewrap td.num,.tablewrap th.num{overflow-wrap:normal;white-space:nowrap}.tablewrap th{padding-inline-end:14px}.column-resize{position:absolute;inset-inline-end:0;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;z-index:3}.column-resize:hover{background:var(--line)}.resizing-columns,.resizing-columns *{cursor:col-resize!important;user-select:none!important}.tablewrap table.manual-widths{table-layout:fixed}.tablewrap table.manual-widths td,.tablewrap table.manual-widths th{white-space:normal;overflow-wrap:anywhere}.tablewrap td input,.tablewrap td select,.tablewrap td .ss{min-width:0;max-width:100%}@media print{.tablewrap table,.tablewrap table.manual-widths{width:100%!important;min-width:0!important;table-layout:auto}.tablewrap col{width:auto!important}}
/* Grouped sidebar */
.side{padding:18px 12px;background:linear-gradient(165deg,var(--side),var(--brand2));scrollbar-width:thin;scrollbar-color:#ffffff35 transparent}.side a.logo{display:block;padding:6px 10px 18px;font-size:19px;color:white}.nav-quick{display:flex;gap:6px;padding-bottom:12px;border-bottom:1px solid #ffffff18}.nav-quick a{flex:1;padding:8px 7px;background:#ffffff08;font-size:12px;gap:5px}.nav-count{margin-inline-start:auto;background:#ffffff22;border-radius:12px;padding:0 6px;font-size:11px}.nav-search{display:block;margin:14px 0}.nav-search input{min-height:34px;font-size:12px;background:#ffffff0c;color:var(--side-ink);box-shadow:none;border:1px solid #ffffff20}.nav-search input::placeholder{color:var(--side-ink);opacity:.6}.nav-section{margin:5px 0;border-radius:10px}.nav-section summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:11px 10px;font-weight:600;font-size:14px;border-radius:9px}.nav-section summary::-webkit-details-marker{display:none}.nav-section summary:hover{background:#ffffff0b}.nav-section[open]{background:#0000000d}.nav-section.has-current summary{color:white}.nav-icon{width:19px;text-align:center;opacity:.75;font-size:19px}.nav-chevron{margin-inline-start:auto;opacity:.5;transition:transform .15s}.nav-section[open] .nav-chevron{transform:rotate(180deg)}.nav-links{padding:0 8px 8px}.nav-links a{font-size:12.5px;padding:7px 12px;margin:2px 0;border-inline-start:2px solid transparent;border-radius:5px}.nav-links a.on{background:#ffffff15;border-inline-start-color:#ffffffaa;font-weight:600}.side [hidden]{display:none!important}.nav-empty{padding:10px;text-align:center;font-size:12px;opacity:.65}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.nav-section summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.calculator-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:ltr;margin:16px 0}.calculator-keys .btn{justify-content:center;font-size:20px}.tool-result{display:block;padding:16px;margin:12px 0;background:var(--panel2);border-radius:10px;font-size:24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ss-list small{display:block;overflow-wrap:anywhere}
#daily-entry{min-width:1250px}.daily-document summary{display:flex;gap:16px;align-items:center;cursor:pointer;flex-wrap:wrap}.daily-document summary>b{margin-inline-start:auto}.daily-document[open] summary{margin-bottom:16px}.disabled-field{opacity:.35}#daily-entry td:nth-child(2){min-width:170px}#daily-entry td:nth-child(3){min-width:240px}#daily-entry td:nth-child(4){min-width:100px}
.workflow-steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-size:13px}.workflow-steps>*{padding:8px 14px;border-radius:8px;background:var(--panel2);color:var(--muted)}.workflow-steps>b{background:var(--brand);color:white}.bulk-action-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:16px;align-items:end;margin-bottom:20px}.bulk-warning{display:flex;gap:16px;padding:20px;background:#fff1ca;border:2px solid #da9b20;border-radius:12px;color:#70440b;margin-bottom:20px}.bulk-warning strong{font-size:19px}.bulk-warning p{margin:4px 0}.bulk-warning-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#ce8c0c;color:white;font-size:26px;font-weight:bold;text-align:center}.modal:has(.btn.warn){border-top:6px solid var(--accent)}.modal:has(.btn.danger){border-top:6px solid var(--danger)}@media(max-width:650px){.bulk-action-row{grid-template-columns:1fr}.bulk-warning{padding:12px}}
/* Restore the first edition's illustrated navigation and generous Arabic type. */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.side .logo{font-weight:700;line-height:1.65;letter-spacing:0}.side .logo small{font-size:12px;line-height:1.8}.nav-section summary{font-size:15px;font-weight:600;line-height:1.7;padding:10px}.nav-icon{width:27px;flex-shrink:0;font-size:22px;opacity:1;line-height:1.3}.nav-links a{font-size:14px;font-weight:500;line-height:1.7;gap:9px;padding:7px 9px}.nav-link-icon{width:23px;flex-shrink:0;text-align:center;font-size:16px;line-height:1.5}.nav-links a.on{font-weight:700;background:#ffffff1c}.nav-quick a{font-size:13px;font-weight:600}.nav-search input{font-size:13px}.top .title{font-size:18px;font-weight:700}.card h3{font-size:16px;font-weight:600}
/* Keep the heading and filter row as one table section during both scroll directions. */
.tablewrap table{border-collapse:separate;border-spacing:0}.tablewrap thead{position:sticky;top:0;z-index:4}.tablewrap thead th{position:relative;top:auto!important;min-width:80px;overflow-wrap:normal;word-break:normal}.tablewrap tr.filters th{position:relative;top:auto!important}.tablewrap td{word-break:normal}.tablewrap table.manual-widths th{min-width:0}.tablewrap table.manual-widths td{overflow-wrap:anywhere}@media print{.tablewrap thead{position:static}.tablewrap thead th{position:static}}

.grid-form [data-field][hidden]{display:none!important}
.tablewrap:has(>table.grid){max-height:68vh;scrollbar-gutter:stable;overscroll-behavior:contain}
#t-items:not(.manual-widths) th:nth-child(3){min-width:220px}
#t-items:not(.manual-widths) th:nth-child(4),#t-items:not(.manual-widths) th:nth-child(6){min-width:125px}
#stock-summary:not(.manual-widths) th:nth-child(2),#category-pricing:not(.manual-widths) th:nth-child(2){min-width:220px}
@media print{.tablewrap:has(>table.grid){max-height:none;overflow:visible;scrollbar-gutter:auto}}

.draft-selected{background:color-mix(in srgb,var(--accent,#167b83) 12%,transparent)}.draft-table .draft-items{max-width:320px;white-space:normal;min-width:180px}.draft-items small{display:block}.draft-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}

/* Sort affordances are CSS-only so spreadsheet headings stay clean. */
.tablewrap th.sortable-column{cursor:pointer;padding-inline-end:18px}
.sortable-column::after{content:'↕';display:inline-block;margin-inline-start:7px;color:var(--brand,#167b83);opacity:.8;font-size:15px;font-weight:700;vertical-align:middle}
.sortable-column[data-dir=asc]::after{content:'↑';opacity:1}
.sortable-column[data-dir=desc]::after{content:'↓';opacity:1}
.sortable-column:focus-visible{outline:2px solid var(--brand,#167b83);outline-offset:-3px}
.column-resize{width:10px;background:linear-gradient(to left,transparent 3px,var(--brand,#167b83) 3px,var(--brand,#167b83) 5px,transparent 5px);opacity:.55}
.column-resize:hover,.resizing-columns .column-resize{background:var(--brand,#167b83);opacity:.85}
@media print{.sortable-column::after{display:none}.column-resize{display:none}}

.draft-table tr.draft-blocked td{background:color-mix(in srgb,#d93025 12%,var(--card,#fff));color:var(--text,#772222)}.draft-table tr.draft-blocked td:first-child{border-inline-start:4px solid #d93025}.draft-table tr.draft-blocked .badge{background:#b42318;color:#fff}

.suggested-code{color:var(--muted)!important;font-style:italic}.customer-scope-toggle{display:flex;gap:9px;align-items:center;padding:10px 14px;background:var(--panel2);border:2px solid var(--brand,#167b83);border-radius:8px;font-weight:700;cursor:pointer}.customer-scope-toggle:has(input:checked){background:#167b83;color:white}.tablewrap td .group{min-width:0;flex-wrap:wrap}.tablewrap table.manual-widths td{overflow:hidden}.tablewrap th .column-resize{inset-inline-end:1px}.tablewrap td.no-export{white-space:normal!important}

.pivot-subtotal th{background:var(--panel2);border-top:2px solid #167b83;font-weight:700}#pivot-metrics td:first-child{white-space:normal;max-width:260px}

.movement-fields>.f,.movement-fields>div:not(.bar){padding:7px 9px;border:1px solid color-mix(in srgb,var(--brand,#2e5e3e) 16%,transparent);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand,#2e5e3e) 4%,var(--panel)),var(--panel));min-width:0}
.movement-fields .f:focus-within{border-color:color-mix(in srgb,var(--brand,#2e5e3e) 48%,transparent)}
#journal-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(640px,94vw);background:var(--panel);color:var(--ink);z-index:1500;box-shadow:0 0 40px #0003;border-inline-start:1px solid var(--line,#ddd);display:flex;flex-direction:column}
#journal-drawer>header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line,#ddd)}.journal-body{padding:16px;overflow:auto}.journal-body table{width:100%}.journal-body th,.journal-body td{padding:9px;border-bottom:1px solid var(--line,#ddd)}
@media print{#journal-drawer{display:none}}

[hidden]{display:none!important}
.movement-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px 9px}
.movement-fields>.f,.movement-fields>div:not(.bar){padding:5px 7px}
.movement-fields .f>span{font-size:12px}
.movement-fields>p.muted{margin:0;font-size:11px;line-height:1.4;align-self:center}
.document-tools{margin-bottom:8px;gap:6px;align-items:center}
.dochead{gap:6px;margin-bottom:8px}
.dochead h2{font-size:18px;margin-inline-end:auto}
.line-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.line-section-head h3{margin:0}
.field-help{font-size:11px;color:var(--muted);cursor:help}
.inline-tools{position:relative}
.inline-tools summary{list-style:none;cursor:pointer}
.inline-tools-menu{position:absolute;inset-inline-end:0;top:100%;z-index:30;min-width:145px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 18px #0002;display:grid;gap:5px}
@media(max-width:600px){.movement-fields{grid-template-columns:1fr}.movement-fields>*{grid-column:auto!important}}
.movement-fields>.document-meta-row{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding:0;border:0;background:none}
.document-meta-row>.f{flex:1 1 130px;min-width:0;padding:5px 7px;border:1px solid var(--line);border-radius:8px}
.document-meta-row>.document-notes{flex:2 1 180px}

/* Opening screens: give the principal account room without stretching dates. */
.opening-fields{grid-template-columns:130px minmax(320px,3fr) minmax(120px,1fr) minmax(160px,1.8fr)}
@media(max-width:800px){.opening-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
#opening-rows input,#opening-rows .ss,#opening-rows select{width:100%}

.opening-fields>.document-meta-row{grid-column:auto;display:block}
.opening-fields>.document-meta-row>.f{margin:0;height:100%;box-sizing:border-box}
@media(max-width:560px){.opening-fields{grid-template-columns:1fr}}

/* Size document fields by purpose, keeping names readable and secondary controls compact. */
#docform .movement-fields:not(.opening-fields){display:flex;flex-wrap:wrap;align-items:stretch}
#docform .movement-fields:not(.opening-fields)>.f{flex:1 1 180px;min-width:0}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-party){flex:2.4 1 320px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-date){flex:0 0 125px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-amount){flex:0.7 1 125px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-wh),#docform .movement-fields:not(.opening-fields)>.f:has(#f-wh2){flex:1.2 1 175px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-tr),#docform .movement-fields:not(.opening-fields)>.f:has(#f-tr2){flex:1.3 1 195px}
#docform .movement-fields .cash-toggle{flex:0 0 78px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px;align-self:stretch;white-space:normal}
#docform .cash-toggle span{max-width:49px;line-height:1.4;font-size:12px;text-align:center}
#docform .movement-fields:not(.opening-fields)>.document-meta-row{flex:1 0 100%;box-sizing:border-box;align-items:stretch}
#docform .document-meta-row>.f:has(#f-tax-mode){flex:0.9 1 150px}
#docform .document-meta-row>.f:has(#f-sm){flex:1.4 1 190px}
#docform .document-meta-row>.f:has(#f-manual-reference),#docform .document-meta-row>.f:has(#f-supplier-invoice-number){flex:0.8 1 110px}
#docform .document-meta-row>.f:has(input[type=date]){flex:0 1 130px}
#docform .document-meta-row>.f:has(#all-customers){flex:0 1 105px;border:0;background:none;padding:3px;justify-content:center}
#docform #customer-filter-hint{font-size:10px;line-height:1.3}
#docform .ss input{min-width:0;width:0}
#docform .movement-fields p.muted{flex:1 1 160px;max-width:280px}
@media(max-width:650px){#docform .movement-fields:not(.opening-fields)>.f:has(#f-party){flex-basis:100%}#docform .movement-fields .cash-toggle{flex-basis:78px}#docform .document-meta-row>.f:has(#f-sm){flex-basis:180px}}

#docform .document-meta-row>.f:has(#all-customers){flex:0 0 88px;gap:2px}
#docform .document-meta-row>.f:has(#all-customers)>span{font-size:10px}
#docform .customer-scope-toggle{font-weight:800;color:var(--brand);font-size:12px}
#docform .document-meta-row .customer-scope-toggle{padding:4px;gap:3px;white-space:normal}
#docform .document-meta-row .customer-scope-toggle input{flex:none}

/* Named accounts keep their own minimum space; only checkbox tools shrink. */
#docform .movement-fields:not(.opening-fields)>.f:has(#f-wh),#docform .movement-fields:not(.opening-fields)>.f:has(#f-wh2){flex:1.4 1 240px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-tr),#docform .movement-fields:not(.opening-fields)>.f:has(#f-tr2){flex:1.4 1 230px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-exp),#docform .movement-fields:not(.opening-fields)>.f:has(#f-source){flex:1.6 1 270px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-party){flex:2 1 340px}
#docform .document-meta-row>.f:has(#f-sm){flex:1.4 1 220px}
#docform .movement-fields .cash-toggle{flex-grow:0;flex-shrink:0}

/* Compact, unmistakable checkbox controls, independent of name-field cards. */
#docform .movement-fields label.cash-toggle{flex:0 0 76px!important;width:76px;min-width:76px;max-width:76px;align-self:center;min-height:50px;padding:6px 4px!important;border:1px solid var(--brand)!important;border-radius:9px;background:color-mix(in srgb,var(--brand) 14%,var(--panel))!important;color:var(--brand)!important;box-shadow:0 1px 3px #00000012;font-weight:800!important}
#docform .movement-fields label.cash-toggle span{font-weight:800!important;font-size:12px!important;line-height:1.35;max-width:47px;color:inherit}
#docform .movement-fields label.cash-toggle:has(input:checked){background:var(--brand)!important;color:#fff!important}
#docform .document-meta-row>.f:has(#all-customers){flex:0 0 84px!important;width:84px;max-width:84px;padding:0!important;justify-content:center}
#docform .document-meta-row>.f:has(#all-customers)>span,#docform #customer-filter-hint{display:none}
#docform .document-meta-row label.customer-scope-toggle{padding:6px 4px;border:1px solid var(--brand);border-radius:8px;background:color-mix(in srgb,var(--brand) 14%,var(--panel));color:var(--brand);font-size:12px;font-weight:800!important;min-height:36px;justify-content:center;box-sizing:border-box}
#docform .document-meta-row label.customer-scope-toggle:has(input:checked){background:var(--brand);color:#fff}

#docform .movement-fields:not(.opening-fields)>.f:has(#f-date){flex-basis:115px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-party){flex:2 1 290px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-wh),#docform .movement-fields:not(.opening-fields)>.f:has(#f-wh2){flex:1.4 1 220px}
#docform .movement-fields:not(.opening-fields)>.f:has(#f-tr),#docform .movement-fields:not(.opening-fields)>.f:has(#f-tr2){flex:1.4 1 205px}
#docform .movement-fields .ss .add,#docform .movement-fields .ss .info{width:26px;min-width:26px;max-width:26px;font-size:12px;padding:0}

#docform .movement-fields:not(.opening-fields)>.f:has(#f-date){flex-basis:135px}
@media(max-width:650px){#docform .movement-fields:not(.opening-fields)>.f:has(#f-party){flex-basis:100%}}

/* Returns retain the source invoice while keeping the head to two rows. */
#docform .movement-fields.return-fields:not(.opening-fields)>.f:has(#f-source){flex:1.2 1 210px}
#docform .movement-fields.return-fields:not(.opening-fields)>.f:has(#f-party){flex:1.7 1 240px}
#docform .movement-fields.return-fields:not(.opening-fields)>.f:has(#f-wh){flex:1.3 1 200px}
#docform .movement-fields.return-fields:not(.opening-fields) .document-meta-row>.f:has(#f-tr){flex:1.2 1 185px}
#docform .movement-fields.return-fields:not(.opening-fields) .document-meta-row>.f:has(#f-tax-mode){flex:1 1 130px}
#docform .movement-fields.return-fields:not(.opening-fields) .document-meta-row>.f:has(#f-sm){flex:1.3 1 190px}
#docform .movement-fields.return-fields:not(.opening-fields) .document-meta-row>.document-notes{flex:1.2 1 120px}
#docform .movement-fields.return-fields:not(.opening-fields) .document-meta-row>.f:has(#f-manual-reference){flex:0.8 1 90px}
@media(max-width:650px){#docform .movement-fields.return-fields:not(.opening-fields)>.f:has(#f-party){flex-basis:100%}}

/* One strong olive accent for compact options and dropdown arrows. */
.ss .select-drop{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;font-weight:900}
.ss .select-drop:hover,.ss .select-drop[aria-expanded="true"]{filter:brightness(.88)}
.ss .select-drop:disabled{opacity:.4;filter:none}
#docform .movement-fields label.cash-toggle,#docform .document-meta-row label.customer-scope-toggle{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;font-weight:900!important}
#docform .movement-fields label.cash-toggle span{font-weight:900!important;color:#fff!important}
#docform .movement-fields label.cash-toggle:has(input:checked),#docform .document-meta-row label.customer-scope-toggle:has(input:checked){filter:brightness(.82)}
#docform .movement-fields .ss .add,#docform .movement-fields .ss .info{background:color-mix(in srgb,var(--brand) 12%,var(--panel));color:var(--brand);font-weight:800;border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}

#docform .document-meta-row>.f:has(#f-amount){flex:0 0 130px}

/* Material-code workflow: fixed controls above independently scrolling tab results. */
.material-code-workspace{height:calc(100dvh - 112px);min-height:460px;display:flex;flex-direction:column;gap:10px}
.material-code-workspace>.card{margin:0}
.material-code-controls{flex:none;padding:12px 14px;position:relative;z-index:4}
.material-code-controls .alert{margin:0 0 6px;padding:5px 9px;font-size:12px}
.material-product-form{margin:0 0 7px}
.material-link-form{display:flex;gap:8px;align-items:end;margin-bottom:7px}
.material-link-form>.f{flex:1;min-width:0}
.material-link-form>.btn{flex:none;margin-bottom:1px}
.material-code-controls small{display:block;font-size:11px;margin-top:5px}
.material-code-controls .ss input{min-width:0}
.material-new summary{font-weight:700;color:var(--brand);cursor:pointer;font-size:13px;padding:4px 0}
.material-new fieldset{border:0;padding:8px 0 0;margin:0;grid-column:1/-1;display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 1fr auto;gap:8px;align-items:end;min-width:0}
.material-new input,.material-new .ss{width:100%;min-width:0;box-sizing:border-box}
.material-code-results{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px}
.material-code-tabs{flex:none;margin-bottom:8px}
.material-code-tabs>button{border:1px solid var(--line);border-radius:9px;padding:8px 14px;font-weight:700;background:var(--panel2);color:var(--brand)}
.material-code-tabs>button.on{background:var(--brand);color:#fff}
.material-code-scroll{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}
.material-code-scroll .material-group{margin-bottom:8px;border:1px solid var(--line);border-radius:8px;padding:8px}
.material-group summary{font-weight:700;color:var(--brand);cursor:pointer}
.material-code-scroll .tablewrap{overflow:auto}
@media(max-width:800px){.material-new fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.material-code-workspace{height:calc(100dvh - 100px);min-height:480px}.material-code-tabs>button{font-size:12px;padding:7px 9px}}

/* Compact raw-material rows only; group headings and main controls retain their size. */
.material-catalog-table{font-size:12px;line-height:1.45}
.material-catalog-table th{font-size:12px}
.material-catalog-table td{padding:5px 8px}
.material-catalog-table td a{font-size:inherit;line-height:inherit}
.material-catalog-table .badge{font-size:11px}
/* Stock report: identity fixed, explicit widths, horizontal scroll. */
.stock-filters{display:grid;grid-template-columns:minmax(190px,1fr) minmax(270px,1.5fr) 145px 145px;gap:10px;margin-bottom:12px;padding:14px}.stock-filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stock-zero{display:flex;gap:7px;align-items:center;font-weight:600}.stock-range{grid-column:1/-1}.stock-range summary{font-size:12px;color:var(--muted);cursor:pointer}
.stock-report-summary{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.stock-report-summary b{font-size:18px;color:var(--brand)}.stock-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin:12px 0;color:var(--muted)}.stock-legend-balance{font-weight:700;color:var(--brand)}
.stock-report-wrap table.stock-balance-grid{table-layout:fixed}.stock-report-wrap #stock-summary th:nth-child(2){min-width:0}.stock-balance-grid th,.stock-balance-grid td{padding:12px 10px!important;border-inline-end:1px solid var(--line);white-space:normal;overflow-wrap:normal!important}.stock-balance-grid thead th{background:var(--panel2);font-size:12px;font-weight:700;text-align:center;min-width:0!important;white-space:normal!important}.stock-balance-grid tbody td.num{font-variant-numeric:tabular-nums;text-align:end}
.stock-balance-grid tbody tr:nth-child(even) td{background:var(--panel2)}.stock-balance-grid tbody tr:hover td{background:color-mix(in srgb,var(--brand) 10%,var(--panel))}.stock-balance-grid tr> :first-child{position:sticky;inset-inline-start:0;z-index:2;background:var(--panel);box-shadow:-3px 0 5px #0000000d;font-weight:600;text-align:start}.stock-balance-grid thead tr> :first-child{z-index:7;background:var(--panel2)}.stock-balance-grid th.stock-main-col{background:color-mix(in srgb,var(--brand) 16%,var(--panel));color:var(--brand)}.stock-balance-grid td.stock-main-col{font-weight:700}.stock-balance-grid .stock-negative,.stock-balance-grid .stock-negative a{color:#b33030!important}.stock-code{direction:ltr;font-variant-numeric:tabular-nums;color:var(--muted);text-align:center}.stock-density-compact .stock-balance-grid td{padding:7px 9px!important;font-size:12px}.stock-balance-grid .filters th{padding:6px!important}.stock-report-wrap{max-height:65vh!important}
@media(max-width:900px){.stock-filters{grid-template-columns:1fr 1fr}.stock-filter-item{grid-column:1/-1;grid-row:1}}
@media print{.stock-filters,.stock-legend{display:none}.stock-balance-grid tr> :first-child{position:static;box-shadow:none}.stock-report-wrap{max-height:none!important}}
.manager-section{margin-top:16px}.manager-section .kpi{text-decoration:none}.manager-trend-row{display:grid;grid-template-columns:85px 1fr 120px;align-items:center;gap:12px;margin:12px 0}.manager-trend-track{height:20px;border-radius:5px;background:var(--panel2);overflow:hidden}.manager-trend-track i{height:100%;display:block;border-radius:5px}.ui-density-compact .grid-form{gap:8px}.ui-density-compact .grid-form label.f{margin-bottom:5px}.ui-density-compact .card{padding:12px}
.stock-report-wrap{max-height:clamp(220px,calc(100dvh - 425px),65vh)!important}@media(max-width:900px){.stock-report-wrap{max-height:60vh!important}}@media print{.stock-report-wrap{max-height:none!important}}
.manager-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.manager-board .manager-section{margin:0}.manager-board [data-widget=sales]{grid-column:1/-1}.manager-board .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.manager-board .kpi{padding:12px}.manager-board .kpi b{font-size:23px}.manager-board h3{margin-top:0}@media(max-width:850px){.manager-board{grid-template-columns:1fr}.manager-board [data-widget=sales]{grid-column:auto}}
.simple-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.simple-sheet{padding:14px}.simple-header{display:grid;grid-template-columns:140px minmax(190px,1fr) minmax(190px,1fr) 130px;gap:10px}.simple-header .simple-notes{grid-column:1/-1}.simple-cash{display:flex;gap:7px;align-items:center;font-weight:700;color:var(--brand);background:var(--panel2);border:1px solid var(--brand);padding:8px;border-radius:8px;font-size:13px}.simple-entry-wrap{max-height:50vh;overflow:auto}#simple-grid{min-width:1150px;table-layout:fixed}#simple-grid th:first-child,#simple-grid td:first-child{width:40px}#simple-grid th:last-child,#simple-grid td:last-child{width:45px}#simple-grid th:nth-child(2){width:230px}#simple-grid th:nth-child(3){width:260px}#simple-grid th,#simple-grid td{border-inline-end:1px solid var(--line);padding:6px}#simple-grid td input{padding:8px;min-width:0;width:100%}#simple-grid td .ss{min-width:0}#simple-grid tbody tr:nth-child(even){background:var(--panel2)}.simple-row-no{color:var(--muted);text-align:center}@media(max-width:800px){.simple-header{grid-template-columns:1fr 1fr}}
.dictionary-section{margin-bottom:10px}.dictionary-section summary{cursor:pointer;color:var(--brand);padding:4px;font-size:15px}.dictionary-section[open] summary{border-bottom:1px solid var(--line);padding-bottom:10px}
.simple-header{display:flex;flex-wrap:wrap;align-items:end}.simple-header>.f{flex:1 1 200px;min-width:0}.simple-header>.f:first-child{flex:0 0 140px}.simple-header>.simple-notes{flex:1 1 240px}.simple-header>.simple-cash{flex:0 0 125px;align-self:stretch;margin-bottom:0;min-height:48px;font-weight:700}.simple-header>[hidden]{display:none!important}

body[data-workspace="simple"] .layout{display:block}body[data-workspace="simple"] .main{margin:0;width:100%}body[data-workspace="simple"] .simple-workspace-nav{padding:8px 18px;border-bottom:1px solid var(--line)}body[data-workspace="simple"] .top>a[href="/settings/operation"],body[data-workspace="simple"] #mode-details,body[data-workspace="simple"] .menu-btn{display:none}

.designer-preview{position:sticky;top:0;z-index:4;max-height:260px;overflow:auto;box-shadow:0 3px 10px #0001}.designer-preview #layout-preview{display:flex;flex-wrap:wrap;gap:10px}.designer-preview input{background:var(--bg);pointer-events:none}[data-design-hidden="yes"]{display:none!important}

.simple-card-tools{display:inline-flex;gap:3px;margin-top:3px}.simple-card-tools .btn{padding:1px 7px;font-weight:700;color:var(--brand);min-height:24px}
body[data-workspace="simple"] .main>.content{width:100%;max-width:none;box-sizing:border-box}

body[data-workspace="simple"] .draft-table{width:100%;min-width:900px}body[data-workspace="simple"] .draft-table :is(th,td):nth-last-child(6),body[data-workspace="simple"] .draft-table :is(th,td):nth-last-child(9),body[data-workspace="simple"] .draft-table :is(th,td):nth-last-child(8),body[data-workspace="simple"] .draft-table :is(th,td):nth-last-child(7){display:none}body[data-workspace="simple"] .draft-items{max-width:300px}

.simple-summary{padding:7px 10px;border-inline-start:3px solid var(--brand);background:var(--bg);font-weight:600;margin:8px 0}

body[data-workspace="manager"] .layout,body[data-workspace="design"] .layout{display:block}body[data-workspace="manager"] .main,body[data-workspace="design"] .main{width:100%;margin:0}body[data-workspace="manager"] .main>.content,body[data-workspace="design"] .main>.content{width:100%;max-width:none;box-sizing:border-box}body[data-workspace="manager"] .menu-btn,body[data-workspace="design"] .menu-btn{display:none}

/* User-defined form sections preserve the original inputs and their events. */
.designed-layout,#layout-preview.designed-layout{display:block!important}
.designed-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--border,#ddd)}
.designed-section>h3{grid-column:1/-1;grid-row:1;margin:0 0 4px;font-size:14px}
.designed-section>.designed-field{width:auto!important;min-width:0!important;margin:0;align-self:end}
.designed-field input,.designed-field select,.designed-field textarea{max-width:100%;box-sizing:border-box}
.layout-drag-field{cursor:grab;border:1px dashed var(--brand,#467);border-radius:8px;padding:7px}
.layout-selected{background:var(--bg,#eef)}
.layout-switch{display:flex;gap:8px;align-items:center;font-weight:700;padding:10px}
.layout-switch input{width:auto}
@media(max-width:700px){.designed-section>.designed-field{grid-column:1/-1!important;grid-row:auto!important}}

.simple-row-error>td{background:color-mix(in srgb,var(--danger,#b33) 10%,var(--card,#fff))}.simple-row-message{background:var(--danger,#b33);color:white;border:0;border-radius:50%;font-weight:800;width:22px;height:22px;margin:3px;cursor:pointer}.simple-guidance{font-size:12px;margin:6px 0}.simple-guidance summary{cursor:pointer;color:var(--brand,#467);font-weight:600}.simple-entry-wrap thead{position:sticky;top:0;z-index:2}

.design-preview-panel{position:fixed;inset:0;z-index:10000;background:var(--bg,#fff);display:flex;flex-direction:column;padding:12px;gap:10px}.design-preview-panel[hidden]{display:none}.design-preview-panel iframe{flex:1;width:100%;border:1px solid #ccc;border-radius:10px;background:#fff}body[data-workspace="design_preview"] .top{display:none}

body[data-workspace="design"] .top button[title="رجوع"],body[data-workspace="design"] .top button[title="تقدم"]{display:none}
body[data-workspace="design_preview"] .layout{display:block}body[data-workspace="design_preview"] .main{width:100%;margin:0}body[data-workspace="design_preview"] .content{width:100%;max-width:none;box-sizing:border-box}

.workspace-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.workspace-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.workspace-launch a{color:inherit;text-decoration:none;border-top:4px solid var(--brand,#2e5e3e)}.workspace-launch a:hover{box-shadow:0 4px 14px #0001}

body[data-workspace="launch"] .layout{display:block}body[data-workspace="launch"] .main{width:100%;margin:0}body[data-workspace="launch"] .content{max-width:1200px;margin:auto}body[data-workspace="launch"] .menu-btn{display:none}

.launch-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 28px}.launch-heading h2{font-size:28px;margin:0}.launch-heading p{margin:6px 0}.launch-main{padding:12px 18px;border:1px solid var(--line);font-weight:700;box-shadow:var(--raise)}.launch-main small{display:block;font-weight:400;font-size:11px;margin-top:3px}.workspace-launch{gap:20px}.workspace-launch a.card{position:relative;overflow:hidden;color:#fff;border:1px solid #ffffff24;border-top:1px solid #ffffff35;border-radius:18px;padding:26px;min-height:245px;box-shadow:0 12px 25px #152a2420;transition:transform .15s,box-shadow .15s}.workspace-launch a.launch-operating{background:linear-gradient(135deg,#245c4c,#10382e)}.workspace-launch a.launch-manager{background:linear-gradient(135deg,#294e76,#122c48)}.workspace-launch a.launch-design{background:linear-gradient(135deg,#70475d,#392235)}.workspace-launch a.card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #152a2430}.workspace-launch h3{font-size:23px;margin:16px 0 8px;font-weight:700}.workspace-launch p{color:#f0f3f2;font-size:14px;max-width:260px;line-height:1.8}.launch-symbol{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #eac98166;color:#f3d799;border-radius:12px;background:#ffffff0d;font-size:26px}.launch-enter{display:block;margin-top:22px;color:#f3d799;font-weight:600;font-size:13px}@media(max-width:680px){.launch-heading{align-items:stretch;flex-direction:column}.workspace-launch a.card{min-height:220px}}@media(prefers-reduced-motion:reduce){.workspace-launch a.card{transition:none}.workspace-launch a.card:hover{transform:none}}

body[data-bom-editor="1"] .top,body[data-bom-editor="1"] .simple-workspace-nav{display:none}.manufacturing-guidance{margin:10px 0;color:var(--muted)}.manufacturing-guidance summary{cursor:pointer;font-weight:600}.manufacturing-guidance p{margin:8px 0;max-width:1000px}.simple-card-tools .simple-bom-action{background:var(--brand);color:#fff;padding:2px 9px}.simple-bom-action:disabled{opacity:.45}
.modal:has(iframe[title="تحرير تركيبة المنتج"]){width:min(1200px,100%)}body[data-bom-editor="1"] #bom-components{table-layout:fixed;min-width:950px}body[data-bom-editor="1"] #bom-components th:nth-child(2){width:25%}body[data-bom-editor="1"] #bom-components th:nth-child(3){width:13%}body[data-bom-editor="1"] #bom-components th:nth-child(4){width:12%}body[data-bom-editor="1"] #bom-components th:nth-child(5){width:12%}body[data-bom-editor="1"] #bom-components input{min-width:0;width:100%}

.simple-field-context{position:fixed;inset-inline:18px;bottom:8px;z-index:35;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted);font-size:12px;box-shadow:0 3px 12px #0001;max-height:74px;overflow:auto}.simple-field-context[hidden]{display:none}.simple-sheet{padding-bottom:36px}

.workspace-launch a.launch-finance{background:linear-gradient(135deg,#80552a,#442d18)}
.dev-link-btn{background:none;border:0;padding:0 4px;color:var(--muted);opacity:.45;font-size:.8em;cursor:pointer}.dev-link-btn:hover{opacity:.9;text-decoration:underline}
.workspace-launch a.launch-admin{background:linear-gradient(135deg,#4a4f57,#23262b)}
.report-frame{width:min(1100px,92vw);height:72vh;border:0;border-radius:8px;background:var(--bg)}
.modal:has(.report-frame){width:min(1150px,96vw);max-width:none}.modal .report-frame{width:100%}
.manager-links{margin:4px 0 8px;font-size:.85em}.manager-links a{color:var(--muted);opacity:.75}
.manager-board [data-widget=overview],.manager-board [data-widget=reports]{grid-column:1/-1}
.ov-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.ov-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:linear-gradient(160deg,var(--panel),var(--panel2));box-shadow:0 0 0 1px var(--line),0 6px 16px #0000000d;color:inherit;text-decoration:none;transition:transform .12s}.ov-card:hover{transform:translateY(-2px)}.ov-card b{font-size:22px}.ov-label{color:var(--muted);font-size:.9em}.ov-prev{font-size:.8em;color:var(--muted)}.ov-delta{font-weight:700;font-size:.85em}.ov-delta.good{color:#1e7a34}.ov-delta.bad{color:#b3261e}
.rep-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.rep-tile{display:flex;gap:8px;align-items:center;padding:12px;border-radius:12px;box-shadow:0 0 0 1px var(--line);background:var(--panel);color:inherit;text-decoration:none;font-weight:600}.rep-tile:hover{box-shadow:0 0 0 2px var(--brand)}.rep-tile span{font-size:20px}
.hbar{display:grid;grid-template-columns:minmax(90px,38%) 1fr 110px;gap:10px;align-items:center;margin:8px 0;color:inherit;text-decoration:none}.hbar i{display:block;height:16px;border-radius:5px;background:linear-gradient(90deg,var(--brand),#7cb342);width:var(--w)}.hbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.donut-wrap{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.donut{width:150px;height:150px;transform:rotate(0deg)}.legend{list-style:none;padding:0;margin:0}.legend li{margin:4px 0}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px}
.vbars{display:flex;gap:10px;align-items:flex-end;height:170px;padding-top:8px;overflow-x:auto}.vbar{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;text-decoration:none;height:100%}.vbar .pair{display:flex;gap:3px;align-items:flex-end;height:140px}.vbar .pair i{display:block;width:12px;border-radius:4px 4px 0 0}.vbar i.in,.legend-inline i.in{background:#2e7d32}.vbar i.out,.legend-inline i.out{background:#c0602a}.legend-inline i{display:inline-block;width:10px;height:10px;border-radius:3px}
.training-banner{padding:6px 14px;text-align:center;font-weight:600;background:repeating-linear-gradient(45deg,#fff4df,#fff4df 12px,#ffe9c2 12px,#ffe9c2 24px);color:#5a3a00;border-bottom:1px solid #0002}
.demo-banner{padding:7px 14px;text-align:center;font-weight:700;background:#6a4fb3;color:#fff}.demo-banner a{color:#ffe9a8}
/* 6.5 ترويسة وتذييل الطباعة */
.print-head,.print-foot{display:none}
@media print{
  @page{margin:14mm 10mm 16mm}
  .print-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;border-bottom:2px solid #2e5e3e;padding-bottom:6px;margin-bottom:10px}
  .print-head b{display:block;font-size:16px}.print-head small{display:block;color:#555;font-size:11px}.ph-title{text-align:left}
  .print-foot{display:flex;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;font-size:10px;color:#555;border-top:1px solid #ccc;padding-top:3px;background:#fff}
  .help-fab,.feedback-fab,#toast,.feedback-widget,.dev-link-btn,form.bar,.document-tools,.manager-links,a.btn,button.btn,details:not([open]){display:none!important}
  .content{padding-bottom:22px}
}
/* 6.5 دليل «كيف أعمل…؟» */
.task-guide{border:1px solid var(--line,#ccd);border-radius:10px;padding:6px 12px;margin:6px 0}.task-guide summary{font-weight:700;cursor:pointer}
.help-spot{outline:3px solid #e0a020!important;outline-offset:3px;border-radius:8px;animation:helpspot 1s ease-in-out 3}
@keyframes helpspot{50%{outline-color:transparent}}

.side .logo-icon{width:30px;height:30px;vertical-align:middle;margin-inline-end:6px}

/* 6.7 إجماليات موزعة في صف واحد (فاتورة): العنوان فوق والقيمة تحته */
.card .totals{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;grid-template-columns:none;grid-auto-columns:minmax(90px,1fr);max-width:none;gap:2px 10px;align-items:end;border-top:2px solid var(--line,#ddd);padding-top:8px}
.card .totals>span:nth-child(odd),.card .totals>b:nth-child(odd){font-size:12px;color:var(--muted,#667)}
.card .totals input{max-width:120px}.card .totals .ss{display:flex;gap:4px}
@media(max-width:700px){.card .totals{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:auto 1fr}}
/* 6.7 إبراز الإضافات: كل ما يُفتح أو يُختار له علامة بلون الثيم */
.main details>summary:not(.nav-section summary){color:var(--brand,#2e5e3e);font-weight:700;cursor:pointer}
.main details:not([open])>summary::after{content:" ▾";color:var(--accent,var(--brand,#2e5e3e));font-weight:900}
.main details[open]>summary::after{content:" ▴";color:var(--accent,var(--brand,#2e5e3e))}
.main summary.btn{border:2px solid var(--brand,#2e5e3e)!important;background:color-mix(in srgb,var(--brand,#2e5e3e) 10%,transparent)!important}
.ss>input{border-inline-end:3px solid var(--brand,#2e5e3e)!important}
.ss>.btn:not(.select-drop),.ss button.btn:not(.select-drop){color:var(--brand,#2e5e3e)!important;font-weight:900}
select{border-inline-end:3px solid var(--brand,#2e5e3e)}
.nav-chevron{opacity:.9!important;color:#ffd77a}
[title]:is(span,label)>span:first-child:not(:empty){text-decoration:underline dotted var(--brand,#2e5e3e);text-underline-offset:4px}

.backup-due{position:fixed;bottom:12px;left:12px;z-index:60;background:#fff4df;border:1px solid #c8811e;border-radius:10px;padding:6px 12px;font-size:13px;box-shadow:0 4px 14px #0002}
.alert.danger{flex-wrap:wrap}.exception-hint{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:6px;padding-top:6px;border-top:1px dashed currentColor}.exception-hint small{flex-basis:100%}.exception-focus{outline:3px solid var(--accent,#b7791f);outline-offset:4px;border-radius:8px}
.tools-split{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:center}.tools-split>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tools-label{font-size:12px;font-weight:700;color:var(--muted,#667)}.tools-own{padding:5px 8px;border-radius:10px;background:var(--soft,#eef5ef);border:1px solid var(--brand,#2e5e3e)}.tools-own .tools-label{color:var(--brand,#2e5e3e)}.tools-nav .btn.nav{background:transparent;border-style:dashed}.tools-nav .btn.nav.strong{border-style:solid;font-weight:700}
.back-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-6px 0 12px;padding:6px 10px;border-radius:10px;background:var(--panel2,#f3f5f3);border:1px dashed var(--line,#cfd6d1)}.back-bar .back-label{font-weight:700;color:var(--muted,#5d6a61);margin-inline-end:4px;white-space:nowrap}.back-bar .btn{background:transparent}