/* Shared ERP / login / customer and supplier portal layout. */
:root{--mx-language-height:52px;--mx-accent:#0c7164}
html{scroll-padding-top:70px}body{padding-top:var(--mx-language-height)!important;overflow-wrap:break-word}
.mx-language-bar{height:var(--mx-language-height);position:fixed;inset:0 0 auto;z-index:6000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 22px;background:#fff;border-bottom:1px solid #dce4e8;color:#183d39;box-shadow:0 2px 10px #14213d08;font:600 13px "Segoe UI",Tahoma,Arial,sans-serif}
.mx-language-brand{letter-spacing:.03em;font-weight:800}.mx-language-brand span{font-weight:500;color:#526d69;margin-inline-start:7px}
.mx-language-form{display:flex;align-items:center;gap:5px;margin:0;padding:0}.mx-language-label{margin-inline-end:9px;font-size:11px;color:#526d69}
.mx-language-form button{margin:0!important;width:auto!important;min-width:65px;min-height:34px!important;padding:6px 10px!important;border:1px solid #cbd9d6!important;border-radius:7px!important;background:#fff!important;color:#264a44!important;cursor:pointer;font:600 12px Tahoma,"Segoe UI",sans-serif!important}
.mx-language-form button[aria-pressed=true]{background:#0c7164!important;border-color:#0c7164!important;color:#fff!important}
.layout,.main,.card,.module,.formgrid>*{min-width:0;max-width:100%}.side{top:var(--mx-language-height)!important;height:calc(100dvh - var(--mx-language-height))!important}
.top{flex-wrap:wrap;gap:10px}.formgrid input,.formgrid select,.formgrid textarea{max-width:100%;width:100%}.actions,.tx-tabs{flex-wrap:wrap}
.mx-scroll-table{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.mx-scroll-table:focus{outline:2px solid #0c7164;outline-offset:2px}
.mx-draft-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-block:1px solid #e3eae8;padding:10px 0;margin:10px 0}.mx-draft-tools .mx-draft-state{color:#536a64;font-size:12px;margin-inline-start:auto}
.mx-draft-tools button{min-height:36px!important}.mx-entry-hint{font-size:12px;color:#526760;margin:7px 0}.mx-entry-error{border:1px solid #e57373;background:#fff1f1;color:#922525;border-radius:8px;padding:10px;margin:8px 0}
dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 76px)!important;overflow:auto!important}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #198879;outline-offset:2px}
[dir=rtl] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}[dir=rtl] .layout{direction:rtl}[dir=rtl] .side{right:0;left:auto!important}[dir=rtl] .main{direction:rtl}
[dir=rtl] .table th,[dir=rtl] .table td,[dir=rtl] label,[dir=rtl] .mx-smart-item{text-align:right!important}[dir=rtl] .nav .nav-submenu a{padding-inline-start:14px!important;padding-inline-end:8px!important}
[dir=rtl] .mx-smart-item{align-items:flex-start}[dir=rtl] .product-search-row{direction:rtl}[dir=rtl] .sidebar-close{margin-left:0;margin-right:auto}
input[type=number],input[type=date],input[type=email],input[name*=password],input[name*=username],input[name*=barcode],.mx-pay-metric strong{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .mx-pay-live-hint{margin-right:10px;margin-left:0}[dir=rtl] .mx-barcode-scan{direction:ltr}
@media(max-width:900px){.side{position:fixed!important}.main{margin-inline:0!important}.wrap{margin-top:16px!important}[dir=rtl] body:not(.sidebar-open) .side{transform:translateX(110%)!important}[dir=rtl] body.sidebar-open .side{transform:translateX(0)!important}.mx-language-brand span{display:none}}
@media(max-width:640px){.mx-language-bar{padding:7px 10px;gap:8px}.mx-language-label{display:none}.mx-language-brand{font-size:12px}.mx-language-form button{min-width:62px}.card.login{margin-top:25px!important}.top{position:relative!important;top:auto!important}.tx-tabs{display:flex;gap:6px}.tx-tabs .btn{flex:1 1 135px;white-space:normal;text-align:center}.mx-sales-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.mx-tool-btn{min-width:0!important;white-space:normal!important}.product-search-row .product-search{min-width:180px!important}.mx-draft-tools .mx-draft-state{width:100%;margin:0}.grid,.formgrid{grid-template-columns:minmax(0,1fr)!important}.wrap{padding:0 10px!important}.metric b{font-size:23px!important}.table{width:max-content;min-width:100%!important}.table th,.table td{white-space:nowrap}.line-table{min-width:850px!important}.mx-scroll-table{border:1px solid #e8eeec;border-radius:8px}.mx-pay-dialog{width:calc(100vw - 20px)!important}}
@media print{body{padding-top:0!important}.mx-language-bar,.mx-draft-tools,.mx-entry-hint{display:none!important}.mx-scroll-table{overflow:visible}.side{display:none!important}}

.mx-portal-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.mx-portal-tabs .light,.wrap .actions .light{background:#edf4f2;color:#164c42}.mx-portal-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:14px 0}.mx-portal-filter input{margin:5px 0 0}.mx-portal-filter .btn{min-height:41px}.wrap .actions{display:flex;gap:8px;margin:12px 0}.wrap .table{min-width:100%}@media print{.mx-portal-tabs,.mx-portal-filter,.wrap .actions,.top form{display:none!important}}

.mx-status{display:inline-block;font-size:11px;padding:4px 7px;border-radius:6px;white-space:nowrap}.mx-status-ok{background:#e6f4ee;color:#156445}.mx-status-pending{background:#fff4d7;color:#8d6110}.mx-status-muted{background:#eef0f3;color:#536173}.mx-status-open{background:#eaf0fb;color:#315c92}.dashboard-shell,.command-panel,.command-grid,.quick-grid,.kpi-grid{min-width:0;max-width:100%}@media(max-width:640px){.main>*{max-width:100%!important;min-width:0!important}.dashboard-shell>*{min-width:0!important}.top>*{min-width:0;max-width:100%}.module-grid,.kpi-grid,.command-grid{grid-template-columns:minmax(0,1fr)!important}}

input[type=checkbox],input[type=radio]{min-height:18px!important;min-width:18px!important;width:18px!important;height:18px!important;padding:0!important;vertical-align:middle}.mx-invoice-discount{min-width:0!important}.mx-language-brand{white-space:nowrap}

.exec-kpi-grid{min-width:0}.exec-kpi{min-width:0}.kpi-copy{flex:1;min-width:0}.kpi-icon{flex-shrink:0}.kpi-arrow{margin-inline-start:auto;margin-inline-end:0}.quick-ribbon{min-width:0;max-width:100%}@media(max-width:640px){.exec-kpi-grid,.bi-kpi-grid,.audit-kpi-grid{grid-template-columns:minmax(0,1fr)!important}.exec-kpi{max-width:100%!important}.quick-ribbon{display:flex;flex-wrap:wrap!important;overflow:visible!important}.quick-ribbon a{white-space:normal!important}}
