:root{color:#111827;--bg:#f6f4ef;--card:#fffdf9;--text:#111827;--muted:#4b5563;--border:#d8ddd5;--soft:#f1f4ef;--primary:#475569;--danger:#b42318;--success:#2e7d5b;--shadow:#10182814;background:#f6f4ef;font-family:Segoe UI,Tahoma,Arial,sans-serif}html[data-theme=dark]{--bg:#111817;--card:#17211f;--text:#f3f6f2;--muted:#a8b3ad;--border:#344440;--soft:#1f2b28;--primary:#a8b3c3;--danger:#f97066;--success:#6ee7b7;--shadow:#0006}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);direction:ltr;margin:0}button,input,select,textarea{font:inherit}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:12px 18px;font-weight:700}button:hover{filter:brightness(.95)}input,select,textarea{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:12px;padding:11px}textarea{resize:vertical;min-height:80px}.login-page{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--bg)),var(--bg));place-items:center;min-height:100vh;display:grid}.login-card{background:var(--card);border:1px solid var(--border);width:420px;max-width:90vw;box-shadow:0 20px 60px var(--shadow);text-align:center;border-radius:28px;padding:38px}.login-card h1{margin:0 0 8px;font-size:34px}.login-card p{color:var(--muted);margin-bottom:28px}.home-head{background:var(--card);border:1px solid var(--border);box-shadow:0 10px 35px var(--shadow);border-radius:30px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding:34px;display:flex}.home-head h1{margin:0 0 8px;font-size:36px}.home-head p{color:var(--muted);margin:0}.home-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;display:grid}.home-card{background:var(--card);min-height:170px;color:var(--text);text-align:left;border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow);flex-direction:column;justify-content:center;gap:12px;display:flex}.home-card-icon{background:color-mix(in srgb,var(--primary) 13%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:20px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.home-card strong{font-size:22px}.home-card span:not(.home-card-icon){color:var(--muted);font-weight:400}.app{min-height:100vh;padding:22px}.topbar{background:var(--card);border:1px solid var(--border);height:64px;box-shadow:0 8px 25px var(--shadow);border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 18px;display:flex}.top-actions{align-items:center;gap:10px;display:flex}.back-btn{background:#111827}.theme-btn{background:#475467}.logout-btn{background:var(--danger)}.page-title{margin-bottom:18px}.page-title-row{align-items:center;gap:14px;display:flex}.page-title h2{margin:0 0 8px;font-size:30px}.page-title p{color:var(--muted);margin:0}.page-icon{background:color-mix(in srgb,var(--primary) 14%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:16px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.split-page{grid-template-columns:30% 1fr;align-items:start;gap:20px;display:grid}.production-grid{gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow);border-radius:24px;padding:20px}.card h3{align-items:center;gap:9px;margin:0 0 16px;font-size:20px;display:flex}.panel-title-icon{background:color-mix(in srgb,var(--primary) 12%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:999px;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.field{margin-bottom:13px;display:block}.field span{color:var(--text);margin-bottom:7px;font-weight:700;display:block}.table-wrap{background:var(--card);border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow);border-radius:24px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:14px}th{background:var(--soft);color:var(--muted);font-size:14px}.empty{text-align:center;color:var(--muted);padding:38px}.invoice-layout{gap:18px;display:grid}.invoice-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;display:grid}.invoice-footer{background:var(--card);border:1px solid var(--border);box-shadow:0 10px 30px var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;padding:18px;display:flex}.invoice-footer strong{font-size:22px}.inline-card{border:1px dashed var(--border);background:var(--soft);border-radius:18px;margin:12px 0;padding:12px}.inline-card strong{margin-bottom:10px;display:block}.mini-list{gap:8px;margin:10px 0;display:grid}.mini-list>div{background:var(--soft);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.small-danger{background:var(--danger);border-radius:10px;padding:7px 10px;font-size:13px}.home-head small,.login-card small{color:var(--muted);margin-top:8px;display:block}@media (width<=1100px){.home-grid{grid-template-columns:repeat(2,1fr)}.split-page{grid-template-columns:1fr}.invoice-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.home{padding:22px}.home-head,.topbar{flex-direction:column;align-items:flex-start;height:auto}.home-grid,.invoice-grid{grid-template-columns:1fr}.top-actions{flex-wrap:wrap}}.input-with-action{grid-template-columns:1fr auto;gap:8px;display:grid}.input-with-action button{border-radius:12px;padding:10px 12px}.row-actions{align-items:center;gap:6px;display:flex}.row-actions button{background:color-mix(in srgb,var(--primary) 84%,#111);border-radius:10px;place-items:center;width:34px;height:34px;padding:0;display:grid}.row-actions .danger-icon{background:var(--danger)}.row-actions .warn-icon{background:#b7791f}.stock-badge{border-radius:999px;justify-content:center;align-items:center;min-width:86px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-available{color:#166534;background:#dcfce7}.status-out{color:#991b1b;background:#fee2e2}.status-low{color:#92400e;background:#fef3c7}.status-stopped{color:#374151;background:#e5e7eb}.filter-th{padding:0;position:relative}.th-filter{width:100%;height:100%;color:var(--muted);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.th-filter:hover,.th-filter.active{background:color-mix(in srgb,var(--primary) 10%,var(--soft));color:var(--text);filter:none}.filter-menu{z-index:20;background:var(--card);border:1px solid var(--border);min-width:180px;max-height:260px;box-shadow:0 18px 50px var(--shadow);border-radius:14px;padding:8px;position:absolute;top:100%;left:8px;overflow:auto}.filter-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:10px;padding:9px 10px;font-weight:600;display:block}.filter-menu button:hover{background:var(--soft);filter:none}.cancel-btn{width:100%;margin-top:8px}html[data-theme=dark] .status-available{color:#bbf7d0;background:#064e3b}html[data-theme=dark] .status-out{color:#fecaca;background:#7f1d1d}html[data-theme=dark] .status-low{color:#fde68a;background:#78350f}html[data-theme=dark] .status-stopped{color:#e5e7eb;background:#374151}html[lang=ar] body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial,sans-serif}.centered-actions{justify-content:center;margin:10px 0}html[lang=ar] body{direction:rtl}.table-summary{border-bottom:1px solid var(--border);background:var(--soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;padding:14px 18px;font-weight:800;display:flex}.table-summary span{color:var(--muted)}.table-summary strong{color:var(--text);font-size:20px}.table-total{background:var(--card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.definition-stack,.definition-tables{gap:16px;display:grid}.definition-tables .table-wrap{margin-bottom:16px}th,td,.home-card,.th-filter{text-align:right}.filter-menu{left:auto;right:8px}.topbar,.home-head,.page-title-row,.row-actions,.top-actions{flex-direction:row-reverse}.split-page,.input-with-action,html[lang=ar] body{direction:rtl}html[lang=ar] .topbar,html[lang=ar] .home-head,html[lang=ar] .page-title-row,html[lang=ar] .row-actions,html[lang=ar] .top-actions{flex-direction:row-reverse}html[lang=ar] .field,html[lang=ar] .card,html[lang=ar] .page-title,html[lang=ar] table{text-align:right}.page{gap:18px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head h3{margin:0}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary{background:var(--primary)}.danger{background:var(--danger)}.muted{color:var(--muted)}.top-gap{margin-top:14px}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid-2.stretch{align-items:start}.full{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.form-grid .span,.span{grid-column:1/-1}.inline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline button{border-radius:10px;padding:8px 10px;font-size:13px}.tabs{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.tabs button{background:var(--card);color:var(--text);border:1px solid var(--border)}.tabs button.active{background:var(--primary);color:#fff}.modal-backdrop{z-index:100;background:#0007;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--card);border:1px solid var(--border);width:min(760px,96vw);max-height:90vh;box-shadow:0 24px 80px var(--shadow);border-radius:24px;padding:20px;overflow:auto}.modal-card.wide{width:min(1040px,96vw)}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-head h3{margin:0}.modal-head button{background:var(--danger);border-radius:999px;width:38px;height:38px;padding:0}@media (width<=900px){.grid-2,.form-grid{grid-template-columns:1fr}}html,body,#root{text-align:right;direction:rtl!important}body,.app,.home,.login-page,.card,.panel,.page-title,.table-wrap,table{text-align:right!important;direction:rtl!important}.topbar,.home-head,.page-title-row,.top-actions,.row-actions,.panel-head,.actions,.invoice-footer,.mini-list>div,.modal-head{flex-direction:row!important}.topbar{direction:rtl!important}.topbar .back-btn{order:1}.topbar .app-title{order:2;margin-inline:auto;font-size:20px}.topbar .top-actions{order:3}.home-head>div:first-child{order:1}.home-head .top-actions{order:2}.home-card{align-items:flex-start;text-align:right!important}th,td{text-align:right!important}.th-filter{text-align:right!important;flex-direction:row!important}.filter-menu{text-align:right!important;left:auto!important;right:8px!important}.filter-menu button{text-align:right!important}input,select,textarea{text-align:right;direction:rtl}input[data-number],input[inputmode=decimal],input[inputmode=numeric]{text-align:right;direction:ltr}.input-with-action{direction:rtl!important}@media (width<=720px){.home-head,.topbar{align-items:stretch;flex-direction:column!important}.topbar .app-title{margin-inline:0}.top-actions{justify-content:flex-start}}select,option,optgroup{background:var(--card);color:var(--text)}html[data-theme=dark] select,html[data-theme=dark] option,html[data-theme=dark] optgroup{color:#f8fafc;background:#0f172a}html[lang=en],html[lang=en] body,html[lang=en] #root,html[lang=en] .app,html[lang=en] .home,html[lang=en] .login-page,html[lang=en] .card,html[lang=en] .panel,html[lang=en] .page-title,html[lang=en] .table-wrap,html[lang=en] table{text-align:right!important;direction:rtl!important}html[lang=en] th,html[lang=en] td,html[lang=en] .field,html[lang=en] .home-card,html[lang=en] .th-filter,html[lang=en] input,html[lang=en] select,html[lang=en] textarea{text-align:right!important}html[lang=en] .filter-menu{text-align:right!important;left:auto!important;right:8px!important}html[lang=en] .filter-menu button{text-align:right!important}html[lang=en] .input-with-action{direction:rtl!important}.page-toolbar{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.page-toolbar .page-title{flex:1}html[lang=ar] .page-toolbar,html[lang=en] .page-toolbar{flex-direction:row}@media (width<=720px){.page-toolbar{align-items:stretch;flex-direction:column!important}}.table-wrap tbody{min-height:220px}.table-wrap tbody tr{height:54px}.confirm-card{text-align:center;width:min(440px,92vw)}.confirm-message{color:var(--text);margin:12px 0 18px;font-weight:700;line-height:1.7}.confirm-actions{justify-content:center;align-items:center;gap:10px;display:flex}.modal-footer-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.modal-footer-actions .btn-primary{order:1}.modal-footer-actions .btn:not(.btn-primary){background:var(--soft);color:var(--text);border:1px solid var(--border);order:2}.preview-columns-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.preview-columns-list label{border:1px solid var(--border);background:var(--soft);border-radius:12px;align-items:center;gap:8px;padding:10px;font-weight:800;display:flex}.preview-columns-list input{width:18px;height:18px}.party-kind-control{gap:8px;display:grid}.product-main-line-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.product-cost-line-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.product-recipe-card{grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:10px;display:grid}.product-recipe-card>strong,.product-recipe-card .component-kind-tabs,.product-recipe-card .mini-list{grid-column:1/-1}.product-recipe-card>button{min-height:44px}@media (width<=920px){.product-main-line-grid,.product-cost-line-grid,.product-recipe-card{grid-template-columns:1fr}}.toast-stack{z-index:200;gap:10px;max-width:min(420px,100vw - 44px);display:grid;position:fixed;top:22px;left:22px}.toast{background:var(--card);color:var(--text);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 16px 45px var(--shadow);border-radius:16px;padding:12px 16px;font-weight:800}html[lang=ar] .toast-stack{left:auto;right:22px}.modal-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;display:grid}.modal-grid .span{grid-column:1/-1}.component-kind-tabs{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.component-kind-tabs button{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:8px 10px}.component-kind-tabs button.active{background:var(--primary);color:#fff}@media (width<=720px){.modal-grid{grid-template-columns:1fr}.toast-stack{max-width:none;left:12px;right:12px}}.finance-cards{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.finance-cards .card strong{color:var(--primary);font-size:26px}@media (width<=900px){.finance-cards{grid-template-columns:1fr}}:root{--control-height:42px;--control-width:260px}input,select{height:var(--control-height);min-height:var(--control-height);padding:9px 12px}select{line-height:calc(var(--control-height) - 2px);padding-top:0;padding-bottom:0}textarea{min-height:calc(var(--control-height) * 1.9);padding:9px 12px}.field>input,.field>select,.field>textarea,.field>.input-with-action{max-width:var(--control-width)}.invoice-grid .field>input,.invoice-grid .field>select,.invoice-grid .field>.input-with-action,.modal-grid .field>input,.modal-grid .field>select,.modal-grid .field>.input-with-action,td input,td select,td textarea{max-width:none}.input-with-action input,.input-with-action select{height:var(--control-height)}.input-with-action button{height:var(--control-height);padding:0 12px}@media (width<=720px){.field>input,.field>select,.field>textarea,.field>.input-with-action{max-width:none}}button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.25)}button:disabled:hover{filter:grayscale(.25)}.qty-with-unit{max-width:var(--control-width);grid-template-columns:minmax(88px,1fr) auto;align-items:center;gap:8px;display:grid}.qty-with-unit input{max-width:none}.qty-with-unit span{min-width:42px;height:var(--control-height);border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:12px;justify-content:center;align-items:center;margin:0;padding:0 10px;font-weight:800;display:inline-flex}td .qty-with-unit,.invoice-grid .qty-with-unit,.modal-grid .qty-with-unit{max-width:none}@media (width<=720px){.qty-with-unit{max-width:none}}.table-actions-top{justify-content:flex-start;margin:0 0 12px;display:flex}.table-wrap{max-height:680px;overflow:auto}.table-wrap table{height:auto}.recipe-cell{white-space:normal;gap:6px;min-width:260px;max-width:420px;display:grid}.search-suggest{min-width:260px;position:relative}.search-suggest input{max-width:none}.suggest-menu{z-index:40;border:1px solid var(--border);background:var(--card);width:min(420px,88vw);max-height:280px;box-shadow:0 18px 50px var(--shadow);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.suggest-menu button{width:100%;color:var(--text);text-align:right;background:0 0;border-radius:10px;gap:4px;padding:10px 12px;font-weight:700;display:grid}.suggest-menu button:hover{background:var(--soft);filter:none}.suggest-menu span{color:var(--muted);font-size:12px;font-weight:700}.suggest-empty{color:var(--muted);padding:12px;font-weight:800}html[lang=en] .suggest-menu{left:auto;right:0}html[lang=en] .suggest-menu button{text-align:right}.link-btn{background:var(--soft);width:fit-content;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:10px;padding:7px 10px}.detail-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.detail-grid>div{border:1px solid var(--border);background:var(--soft);border-radius:12px;gap:5px;padding:10px 12px;display:grid}.detail-grid span{color:var(--muted);font-size:13px;font-weight:800}.detail-grid strong{color:var(--text);font-size:16px}@media (width<=720px){.detail-grid{grid-template-columns:1fr}}.toast-stack,html[lang=ar] .toast-stack{width:max-content;max-width:min(560px,100vw - 32px);top:26px;left:50%;right:auto;transform:translate(-50%)}.toast{text-align:center;min-width:min(520px,100vw - 32px);padding:16px 22px;font-size:16px}.app>.page-title,.app>.page-toolbar .page-title{display:none}.topbar{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:12px;height:58px;min-height:58px;padding:0 16px;display:grid;position:relative}.topbar .app-title{white-space:nowrap;grid-column:2;justify-self:center;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:900;display:inline-flex;position:static;transform:none}.app-title-icon{font-size:22px;line-height:1}.topbar .back-btn{grid-column:1;justify-self:start}.topbar .back-btn,.topbar .theme-btn,.topbar .logout-btn{border-radius:12px;padding:9px 12px}.topbar .top-actions{grid-column:3;justify-self:end;margin-inline-start:0}@media (width<=720px){.toast-stack,html[lang=ar] .toast-stack{max-width:calc(100vw - 24px);left:50%;right:auto}.toast{min-width:calc(100vw - 24px)}}.modal-head,.modal-card>h3{cursor:move;-webkit-user-select:none;user-select:none}.modal-head button,.modal-head input,.modal-head select,.modal-head textarea{cursor:pointer}.modal-card.dragging{-webkit-user-select:none;user-select:none}.material-modal-grid,.modal-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.material-modal-grid .field:first-child,.material-modal-grid .field:last-child{grid-column:1/-1}.material-modal-grid .field:has(textarea){grid-column:1/-1}.material-modal-grid .field>input,.material-modal-grid .field>select,.material-modal-grid .field>textarea,.material-modal-grid .field>.input-with-action,.material-modal-grid .field>.qty-with-unit,.modal-form-grid .field>input,.modal-form-grid .field>select,.modal-form-grid .field>textarea,.modal-form-grid .field>.input-with-action,.modal-form-grid .field>.qty-with-unit{max-width:none}:is(.modal-form-grid .span,.modal-form-grid .field:has(textarea)){grid-column:1/-1}@media (width<=720px){.material-modal-grid,.modal-form-grid{grid-template-columns:1fr}}:root{--app-font-size:16px;--app-font-size-small:.875rem;--app-font-size-xs:.8125rem;--control-height:calc(var(--app-font-size) * 2.625)}html[data-font-size=small]{--app-font-size:14px}html[data-font-size=medium]{--app-font-size:16px}html[data-font-size=large]{--app-font-size:18px}html[data-font-size=xlarge]{--app-font-size:20px}body,button,input,select,textarea,table{font-size:var(--app-font-size)}.login-card h1{font-size:calc(var(--app-font-size) * 2.125)}.home-head h1{font-size:calc(var(--app-font-size) * 2.25)}.home-card-icon{font-size:calc(var(--app-font-size) * 1.75)}.home-card strong,.invoice-footer strong{font-size:calc(var(--app-font-size) * 1.375)}.page-title h2{font-size:calc(var(--app-font-size) * 1.875)}.page-icon{font-size:calc(var(--app-font-size) * 1.375)}.card h3,.table-summary strong,.topbar .app-title{font-size:calc(var(--app-font-size) * 1.25)}.app-title-icon{font-size:calc(var(--app-font-size) * 1.375)}.panel-title-icon,th,.inline button,.small-danger{font-size:var(--app-font-size-small)}.stock-badge{font-size:var(--app-font-size-xs)}.finance-cards .card strong{font-size:calc(var(--app-font-size) * 1.625)}.toast{font-size:var(--app-font-size)}.topbar{height:auto;min-height:calc(var(--app-font-size) * 3.625);padding-block:8px}.topbar .back-btn,.topbar .theme-btn,.topbar .logout-btn{min-height:calc(var(--app-font-size) * 2.5)}.topbar .top-actions,.home-head .top-actions,.centered-actions{flex-wrap:wrap}.topbar .top-actions{justify-content:flex-end;min-width:0}.exchange-pill{min-height:calc(var(--app-font-size,16px) * 2.35);border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 9%, var(--card));color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.topbar .top-actions button,.home-head .top-actions button,.centered-actions button{white-space:nowrap}.auth-field{text-align:right}.auth-field>input{max-width:none}.auth-error{font-weight:700;color:var(--danger)!important;margin:10px 0 18px!important}button:disabled{cursor:not-allowed;opacity:.65}.btn{background:var(--card);color:var(--text);box-shadow:inset 0 0 0 1px var(--border);border:0;border-radius:12px;padding:9px 14px;font-weight:800}.btn-primary{background:var(--primary);color:#fff;box-shadow:none}.btn-soft{background:color-mix(in srgb, var(--primary) 9%, var(--card))}.btn-danger{background:var(--danger);color:#fff;box-shadow:none}.btn-sm{font-size:var(--app-font-size-small);border-radius:10px;padding:7px 10px}.invoice-page-head,.invoice-archive-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.invoice-top-actions,.invoice-archive-actions,.invoice-archive-row-actions,.invoice-actions-group,.invoice-actions-stack{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.invoice-workspace,.invoice-archive-shell,.cashbox-page{gap:14px;display:grid}.invoice-compact-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;display:grid}.invoice-compact-card{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:4px;padding:12px 14px;display:grid}.invoice-compact-card--accent{background:color-mix(in srgb, var(--primary) 10%, var(--card))}.invoice-compact-label{color:var(--muted);font-size:var(--app-font-size-small);font-weight:800}.invoice-form-grid{background:var(--card);border:1px solid var(--border);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:14px;display:grid}.invoice-archive-toolbar,.purchase-archive-toolbar,.cashbox-filter-bar,.cashbox-shift-bar,.cashbox-panel,.cashbox-closing-archive{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:12px}.invoice-archive-filters,.purchase-archive-filters,.cashbox-filter-bar,.cashbox-shift-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invoice-archive-toolbar,.purchase-archive-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.invoice-archive-filters,.purchase-archive-filters{flex-wrap:nowrap;min-width:0}.invoice-archive-filters input,.purchase-archive-filters input{height:44px}.invoice-archive-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.invoice-archive-actions button{white-space:nowrap;height:44px}.purchase-archive-filter{min-width:130px}.purchase-archive-filter--query{flex:220px;min-width:180px}.invoice-entry-shell{gap:14px;display:grid}.invoice-workspace--sales,.invoice-workspace--purchase{grid-template-columns:1fr;align-items:start}.invoice-workspace--stacked{gap:16px;display:grid}.invoice-side-card,.invoice-main-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:16px}.invoice-side-card--sales{border-top:4px solid #be123c}.invoice-side-card--purchase{border-top:4px solid #1d4ed8}.invoice-main-card--sales,.invoice-main-card--purchase{gap:14px;display:grid}.invoice-footer-row{grid-template-columns:repeat(2,minmax(105px,125px)) repeat(3,minmax(145px,1fr)) minmax(120px,150px) repeat(4,minmax(82px,100px));align-items:stretch;gap:8px;margin-top:12px;display:grid}.invoice-footer-row .invoice-compact-card,.invoice-footer-btn,.invoice-balance-checkbox{height:74px;min-height:74px}.invoice-footer-btn{white-space:normal;text-align:center;border-radius:16px;justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.invoice-balance-checkbox{border:1px solid var(--border);background:var(--soft);color:var(--text);text-align:center;border-radius:16px;place-items:center;gap:4px;padding:8px;font-size:12px;font-weight:900;display:grid}.invoice-balance-checkbox input{width:18px;height:18px}.sales-profit-top-card.is-profit{border-color:color-mix(in srgb, var(--success) 55%, var(--border))}.sales-profit-top-card.is-loss{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));color:var(--danger)}.sales-profit-top-card--compact{align-content:center;min-width:150px;position:relative}.sales-profit-hover-arrow{inset-inline-end:10px;opacity:0;font-size:12px;transition:opacity .15s;position:absolute;top:8px}.sales-profit-top-card--compact:hover .sales-profit-hover-arrow{opacity:1}.packaging-product-entry-row{grid-template-columns:minmax(220px,1.2fr) minmax(160px,.7fr) minmax(240px,1.3fr) minmax(130px,auto);align-items:end;gap:10px;margin-bottom:12px;display:grid}.packaging-add-product-btn,.packaging-save-order-btn{min-height:46px}.packaging-cost-card-row{grid-template-columns:repeat(2,minmax(180px,1fr)) minmax(160px,220px) minmax(130px,180px);align-items:stretch;gap:10px;margin-top:12px;display:grid}.packaging-cost-card-row>.invoice-compact-card,.packaging-cost-card-row>button{min-height:74px}@media (width<=1380px){.invoice-footer-row{grid-template-columns:repeat(2,minmax(105px,1fr)) repeat(3,minmax(145px,1fr))}}@media (width<=920px){.invoice-footer-row{grid-template-columns:repeat(2,1fr)}.invoice-archive-toolbar,.purchase-archive-toolbar{grid-template-columns:1fr}.invoice-archive-filters,.purchase-archive-filters,.invoice-archive-actions{flex-wrap:wrap}.packaging-product-entry-row,.packaging-cost-card-row{grid-template-columns:1fr}}.sales-invoice-topline{justify-content:space-between;align-items:stretch;gap:10px;margin-bottom:12px;display:flex}.invoice-inline-badge{font-size:var(--app-font-size-xs);background:color-mix(in srgb, var(--primary) 12%, var(--card));border-radius:999px;margin-inline-start:8px;padding:3px 8px;display:inline-flex}.invoice-return-mode-btn{align-self:center}.form-grid{gap:12px;display:grid}.form-label{color:var(--muted);font-size:var(--app-font-size-small);margin-bottom:5px;font-weight:900;display:block}.form-control,.app-input{width:100%;min-height:var(--control-height);border:1px solid var(--border);background:var(--input-bg,var(--card));color:var(--text);font:inherit;border-radius:12px;padding:8px 10px}.form-select{cursor:pointer}.form-field-span-2{grid-column:span 2}.invoice-search-selection-row{display:block}.app-table{border-collapse:separate;border-spacing:0;width:100%}.app-table th{background:color-mix(in srgb, var(--primary) 10%, var(--card));color:var(--text);font-weight:900}.app-table th,.app-table td{border-bottom:1px solid var(--border);text-align:center;padding:9px 8px}.app-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--primary) 4%, transparent)}.sales-lines-wrap,.purchase-lines-wrap,.sales-archive-table-wrap,.purchase-archive-table-wrap{border:1px solid var(--border);border-radius:18px;overflow:clip}.sales-col-barcode,.purchase-col-barcode{width:90px}.sales-col-item,.purchase-col-item{min-width:170px;text-align:right!important}.sales-col-balance,.purchase-col-balance{width:140px}.sales-col-qty,.purchase-col-qty,.sales-col-price,.purchase-col-price,.sales-col-total,.purchase-col-total{width:120px}.sales-text-strong,.purchase-text-strong,.sales-text-heavier,.purchase-text-heavier,.sales-archive-cell-strong,.purchase-archive-cell-strong{font-weight:900}.sales-inline-item-main,.purchase-inline-item-main{font-weight:850;line-height:1.45}.sales-dash,.purchase-dash,.sales-archive-dash{color:var(--muted)}.sales-balance-box,.purchase-balance-box{font-size:var(--app-font-size-small);gap:3px;display:grid}.sales-balance-before-value,.purchase-balance-before-value{color:var(--primary);font-weight:900}.sales-balance-after-value,.purchase-balance-after-value{font-weight:900}.sales-profit-mini-box.is-profit{color:#15803d;font-weight:900}.sales-profit-mini-box.is-loss{color:var(--danger);font-weight:900}.invoice-actions-stack--split{justify-content:space-between}.invoice-actions-group--secondary{justify-content:flex-end}.invoice-compact-card--big,.invoice-actions-group--big{min-width:160px}.invoice-archive-table-shell{background:var(--card)}.sales-archive-count,.purchase-archive-count{background:color-mix(in srgb, var(--primary) 12%, var(--card));border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-weight:900;display:inline-flex}.sales-archive-empty,.purchase-archive-empty{color:var(--muted);text-align:center!important;padding:20px!important}.cashbox-filter-bar button,.component-kind-tabs button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:8px 12px;font-weight:800}.cashbox-filter-bar button.active,.component-kind-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cashbox-shift-bar>div{gap:3px;min-width:170px;display:grid}.cashbox-shift-bar span{color:var(--muted);font-size:var(--app-font-size-small);font-weight:800}.cashbox-panels{gap:12px;display:grid}.table-wrap{max-width:100%}.table-wrap table{table-layout:fixed;width:100%;min-width:0}.table-wrap th,.table-wrap td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}.table-wrap input,.table-wrap select{width:100%;min-width:0}@media (width<=820px){.invoice-page-head,.invoice-archive-head{display:grid}.invoice-compact-grid{grid-template-columns:1fr}.table-wrap table{min-width:0}}.cb-page,.financial-page{gap:14px;display:grid}.cb-page-head,.financial-top-filter-bar{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.cb-layout{direction:rtl;grid-template-columns:330px minmax(0,1fr);align-items:start;gap:14px;display:grid}.cb-form-card,.cb-card,.financial-section-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:14px}.cb-card-title,.financial-section-head h3{font-size:var(--app-font-size-large);margin:0 0 10px;font-weight:950}.cb-shift-mini{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 8%, var(--card));border-radius:16px;gap:4px;margin-bottom:12px;padding:10px;display:grid}.cb-shift-mini span,.cb-shift-mini small,.cb-meta-note,.cb-empty-note{color:var(--muted);font-weight:800}.cb-form-grid{gap:10px;display:grid}.cb-form-grid input,.cb-form-grid select,.cb-form-grid textarea,.cb-filter-controls input,.cb-filter-controls select,.financial-filter-field input,.financial-filter-field select,.financial-sales-report-actions input{width:100%;min-height:var(--control-height);border:1px solid var(--border);background:var(--input-bg,var(--card));color:var(--text);font:inherit;border-radius:12px;padding:8px 10px}.cb-amount-pair,.cb-contra-grid,.cb-closing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cb-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cb-filter-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cb-filter-controls input{width:170px}.cb-filter-controls select{width:180px}.cb-totals{grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-bottom:12px;display:grid}.cb-total-box,.financial-sales-total-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 6%, var(--card));border-radius:16px;padding:10px}.cb-total-label,.financial-sales-total-pill span{color:var(--muted);font-size:var(--app-font-size-small);margin-bottom:4px;font-weight:900;display:block}.cb-total-value,.cb-summary-line strong{font-weight:950}.is-positive,.financial-money-credit{color:#15803d}.is-negative,.financial-money-debit{color:var(--danger)}.cb-table-wrap,.financial-table-wrap{border:1px solid var(--border);border-radius:18px;max-width:100%;overflow:hidden}.cb-table,.financial-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.cb-table th,.cb-table td,.financial-table th,.financial-table td{border-bottom:1px solid var(--border);text-align:center;white-space:normal;overflow-wrap:anywhere;vertical-align:middle;padding:9px 8px}.assets-page{gap:14px;display:grid}.assets-toolbar{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.assets-toolbar input{width:min(360px,100%)}.assets-toolbar select{width:170px}.assets-summary{grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;display:grid}.asset-metric{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:12px}.asset-metric span{color:var(--muted);margin-bottom:6px;font-weight:900;display:block}.asset-metric strong{font-size:var(--app-font-size-large);font-weight:950}.assets-table-wrap{border:1px solid var(--border);background:var(--card);max-width:100%;box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.assets-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:0}.assets-table th,.assets-table td{text-align:center;white-space:normal;overflow-wrap:anywhere;font-size:var(--app-font-size-small);padding:8px 6px}.assets-table th{background:color-mix(in srgb, var(--primary) 10%, var(--card));font-weight:950}.assets-row-actions{justify-items:center;gap:6px;display:grid}.asset-status{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:5px 8px;font-weight:950;display:inline-flex}.asset-status-يعمل{color:#15803d;background:#15803d1f}.asset-status-متوقف{color:#b45309;background:#b4530924}.asset-status-مستبعد{color:var(--danger);background:#dc26261f}.cb-expense-group-wrap{margin-bottom:12px}.cb-table th,.financial-table th{background:color-mix(in srgb, var(--primary) 10%, var(--card));font-weight:950}.cb-badge{font-weight:900;font-size:var(--app-font-size-small);border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;display:inline-flex}.cb-badge-in{color:#15803d;background:#15803d1f}.cb-badge-out{color:var(--danger);background:#dc26261f}.cb-btn-contra{color:#fff;background:#7c3aed}.cb-btn-close{background:var(--danger);color:#fff}.cb-modal-backdrop{z-index:80;background:#0f172a73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.cb-modal{background:var(--card);width:min(920px,96vw);max-height:92vh;color:var(--text);border:1px solid var(--border);border-radius:24px;padding:14px;overflow:auto;box-shadow:0 24px 80px #0000003d}.cb-modal-wide{width:min(1120px,96vw)}.cb-closing-modal{width:min(1180px,96vw)}.cb-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.cb-modal-title{font-weight:950;font-size:var(--app-font-size-large)}.cb-modal-subtitle{color:var(--muted);margin-top:3px;font-weight:800}.cb-modal-body{min-height:0}.cb-modal-grid{grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);align-items:start;gap:14px;display:grid}.cb-closing-card-title,.cb-closing-currency-switches,.cb-checkbox-row,.cb-datetime-grid,.ui-modal-save-close-actions{align-items:center;gap:8px;display:flex}.cb-closing-card-title{justify-content:space-between}.cb-closing-currency-switches{flex-wrap:wrap}.cb-checkbox-row{color:var(--muted);font-weight:850}.cb-checkbox-row input{width:auto;height:auto;min-height:auto}.cb-datetime-grid,.cb-row-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ui-modal-save-close-actions{justify-content:space-between}.ui-modal-save-action{order:2}.ui-modal-close-action{order:1}.cb-contra-date-row,.cb-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cb-card-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 4%, var(--card));border-radius:18px;padding:12px}.cb-summary-line{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.cb-summary-box{border:1px solid var(--border);background:var(--card);border-radius:16px;margin:10px 0;padding:10px 12px}.cb-summary-box-title{color:var(--primary);margin-bottom:4px;font-weight:950}.packaging-inline-items,.packaging-inline-actions{gap:6px;min-width:160px;display:grid}.packaging-inline-items span{background:var(--soft);border-radius:10px;padding:4px 8px;display:block}.packaging-inline-actions button{border-radius:10px;min-height:32px;padding:5px 9px;font-size:12px}.financial-top-filter-bar{justify-content:flex-start}.financial-filter-field,.financial-sales-report-actions label{min-width:150px;color:var(--muted);font-weight:900;font-size:var(--app-font-size-small);gap:4px;display:grid}.financial-grid{grid-template-columns:1.2fr 1fr;grid-template-areas:"overview profit""overview expenses""sales sales";align-items:start;gap:14px;display:grid}.financial-card-overview{grid-area:overview}.financial-card-profit{grid-area:profit}.financial-card-expenses{grid-area:expenses}.financial-card-sales-report{grid-area:sales}.financial-section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.financial-table-name{font-weight:900;text-align:right!important}.financial-strong-row td{background:color-mix(in srgb, var(--primary) 8%, transparent);font-weight:950}.financial-side-notes,.financial-money-pair{gap:5px;display:grid}.financial-side-notes{color:var(--muted);margin-top:10px;font-weight:850}.financial-sales-report-actions{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:10px;display:flex}.financial-empty-note{color:var(--muted);font-weight:900;text-align:center!important;padding:18px!important}@media (width<=1100px){.cb-layout,.financial-grid{grid-template-columns:1fr;grid-template-areas:none}.financial-card-overview,.financial-card-profit,.financial-card-expenses,.financial-card-sales-report{grid-area:auto}.cb-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.cb-amount-pair,.cb-contra-grid,.cb-closing-grid,.cb-totals{grid-template-columns:1fr}}.home-head-actions-only{justify-content:flex-end;padding:16px 18px}.home-head-actions-only .top-actions{justify-content:flex-end;width:100%}.settings-tabs-page{gap:14px;display:grid}.settings-tabs{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.settings-tabs button{background:var(--card);color:var(--text);border:1px solid var(--border);padding:10px 14px}.settings-tabs button.active{background:var(--primary);color:#fff}.settings-tab-grid{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.settings-tab-grid .field>input,.settings-tab-grid .field>select,.settings-tab-grid .field>textarea{max-width:none}.settings-tab-action{align-items:end;display:flex}.settings-tab-action button{width:100%}@media (width<=900px){.settings-tab-grid{grid-template-columns:1fr}}.home-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.table-actions-top{flex-wrap:wrap;align-items:center;gap:10px}.table-search-input{width:min(360px,100%)}.stock-dashboard-bar{grid-template-columns:auto auto minmax(220px,1fr) auto auto minmax(140px,.6fr) repeat(2,minmax(170px,.75fr));align-items:center;gap:12px;margin:0 0 14px;display:grid}.stock-stat-card,.stock-action-card{border:1px solid var(--border);background:var(--card);min-height:82px;color:var(--text);box-shadow:0 10px 30px var(--shadow);text-align:right;border-radius:20px;align-content:center;gap:6px;padding:14px;display:grid}.stock-stat-card span{color:var(--muted);font-weight:800}.stock-stat-card strong{color:var(--primary);font-size:22px}.stock-action-card{background:var(--primary);color:#fff;text-align:center;justify-items:center}.stock-toolbar-btn{white-space:nowrap;border-radius:14px;justify-content:center;align-self:center;align-items:center;height:48px;min-height:48px;padding:0 18px;display:inline-flex}.stock-dashboard-bar input,.stock-dashboard-bar select,.stock-dashboard-bar>button:not(.stock-action-card):not(.stock-toolbar-btn){align-self:center;height:48px;min-height:48px}.stock-dashboard-bar>button:not(.stock-action-card){white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.stock-row-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.stock-row-actions>button,.stock-row-actions .actions button{border-radius:10px;padding:6px 8px;font-size:11px}.stock-row-actions .row-actions{flex-wrap:wrap;gap:4px}.stock-row-actions .row-actions button{place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.stock-icon-btn{place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid;border-radius:999px!important;padding:0!important}.stock-info-btn{background:var(--success)}.stock-info-grid{gap:12px;display:grid}.stock-movement-table{overflow:auto}.stock-movement-table table{min-width:720px}.stock-table-compact .table-wrap{overflow-x:hidden}.stock-table-compact .table-wrap table{table-layout:fixed;min-width:0!important}.stock-table-compact .table-wrap th,.stock-table-compact .table-wrap td{white-space:normal;overflow-wrap:anywhere;padding:8px 6px;font-size:12px}.stock-table-compact .th-filter{white-space:normal;padding:0;font-size:12px}.stock-table-compact .table-summary{padding:8px}@media (width<=1180px){.home-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.stock-dashboard-bar{grid-template-columns:repeat(2,minmax(180px,1fr))}.cb-modal-grid{grid-template-columns:1fr}}@media (width<=720px){.home-grid,.stock-dashboard-bar{grid-template-columns:1fr}}.topbar{grid-template-columns:240px minmax(180px,1fr) minmax(520px,auto);align-items:center;gap:12px;height:72px;min-height:72px;margin-bottom:18px;display:grid;overflow:visible}.back-btn{white-space:nowrap;width:240px}.app-title{white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;overflow:hidden}.topbar .top-actions{flex-wrap:nowrap;justify-content:flex-end;min-width:0}.exchange-editor{border:1px solid var(--border);background:var(--soft);min-width:210px;color:var(--text);border-radius:14px;align-items:center;gap:6px;padding:6px;font-weight:900;display:flex}.exchange-editor input{text-align:center;border-radius:10px;width:92px;padding:7px 8px}.exchange-editor button{border-radius:10px;padding:7px 10px;font-size:12px}@media (width<=980px){.topbar{grid-template-columns:1fr;height:auto}.topbar .top-actions{flex-wrap:wrap;justify-content:flex-start}.app-title{text-align:start}}.app .page-title{display:none}.home{min-height:auto;padding:0}.entity-toolbar{grid-template-columns:minmax(180px,260px) minmax(120px,140px) minmax(140px,170px) repeat(3,minmax(150px,180px));align-items:stretch;gap:10px;margin:0 0 14px;display:grid}.entity-toolbar .table-search-input{align-self:stretch;width:100%;height:64px;min-height:64px}.entity-toolbar>button{white-space:nowrap;justify-content:center;align-self:stretch;align-items:center;height:64px;min-height:64px;display:inline-flex}.entity-toolbar .card{border-radius:16px;min-height:64px;padding:10px 12px}.entity-toolbar .card h3{margin-bottom:6px;font-size:13px}.entity-toolbar .card strong{font-size:18px}.notifications-modal{width:min(980px,96vw)}.notifications-modal-table{max-height:64vh}.notifications-modal-table table{min-width:720px}@media (width<=1180px){.entity-toolbar{grid-template-columns:minmax(220px,1fr) auto auto}}@media (width<=720px){.entity-toolbar{grid-template-columns:1fr}}
