[hidden]{display:none!important}body{min-width:320px}.header-inner,.header-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand-sub{font:12px system-ui;color:#b4bac4;letter-spacing:3px;margin-inline-start:12px}.app-shell{max-width:1600px;margin:auto}.app-nav .nav-item{width:100%;text-align:right}.page-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.page-title h2{font-size:23px;font-weight:700}.page-title p{color:#6b7280;font-size:13px;margin:6px 0}.btn-primary{--bs-btn-bg:var(--zb-red);--bs-btn-border-color:var(--zb-red);--bs-btn-hover-bg:var(--zb-red-dark);--bs-btn-hover-border-color:var(--zb-red-dark);--bs-btn-active-bg:var(--zb-red-dark)}.panel{background:white;border:1px solid var(--zb-line);border-radius:var(--zb-radius);padding:22px;margin-bottom:18px;box-shadow:var(--zb-shadow-tight)}.panel h3{font-size:17px;margin-bottom:18px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.field{min-width:0}.field label{display:block;font-size:13px;margin-bottom:7px}.field small{display:block;color:#6b7280;font-size:11px;margin-top:5px}.field input,.field select,.field textarea{width:100%}.form-actions{margin-top:18px;display:flex;gap:10px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.metric-card strong{direction:ltr;display:block;text-align:right;font:700 24px system-ui}.metric-card span{font-size:12px}.table-wrap{overflow:auto;max-width:100%}.table{font-size:12px;margin:0}.table td,.table th{white-space:nowrap;padding:12px}.empty-state{padding:36px;text-align:center;color:#6b7280}.empty-state strong{display:block;color:var(--zb-text);margin-bottom:8px}.notice{padding:10px 24px;background:#e7fbfd;color:#245469;font-size:12px}.picker{display:flex;gap:12px;align-items:center;margin-bottom:18px}.picker select{max-width:300px}.badge-state{padding:4px 8px;background:#eef2f7;border-radius:6px}.pager{display:flex;justify-content:center;gap:16px;align-items:center;margin-top:18px;font-size:12px}.login-shell{max-width:430px;margin:7vh auto;padding:28px;background:white;border-radius:16px}.login-brand{text-align:right;margin-bottom:30px}.login-brand h1{font-size:26px;font-weight:800}.login-brand p,.login-shell small{font-size:12px;color:#6b7280}.brand-mark{color:var(--zb-red)}.login-lock{border:1px solid var(--zb-line);border-radius:12px;background:#f5f7fa;width:48px;height:48px;display:grid;place-items:center;font-size:30px;margin-bottom:20px}.login-shell h2{font-size:24px;font-weight:700}.login-shell label{margin:16px 0 7px;font-size:13px}.login-shell button{margin-top:24px}.login-shell small{display:block;margin-top:20px}.login-shell #loginError{color:#c43d4b;font-size:13px;margin-top:12px}dialog{border:1px solid var(--zb-line);border-radius:16px;padding:28px;max-width:90vw;width:600px}dialog::backdrop{background:#16181d88}dialog textarea{width:100%;direction:ltr;height:100px;margin:15px 0}.output{white-space:pre-wrap;overflow-wrap:anywhere;direction:auto;max-height:450px;overflow:auto;background:#f5f7fa;border-radius:10px;padding:18px;font-size:13px}.help{font-size:13px;line-height:2}.muted{color:#6b7280}.guide{max-width:900px;margin:30px auto;padding:24px}.guide pre{direction:ltr;text-align:left;background:#23252b;color:white;padding:20px;overflow:auto;border-radius:12px}.action-row{display:flex;gap:6px;flex-wrap:wrap}.ltr{direction:ltr;text-align:left}@media(max-width:767px){.app-shell{grid-template-columns:1fr;padding:12px!important}.app-nav{position:static;display:flex;overflow:auto;gap:6px;flex-wrap:nowrap;padding:8px;max-width:100%}.app-nav .nav-item{flex:0 0 auto;width:auto;padding:10px 14px}.nav-item small{display:none}.header-inner{padding:0}.app-header .container-fluid{padding:0 16px!important}.app-header h1{font-size:22px}.header-actions{width:100%;font-size:11px}.header-actions .btn{font-size:11px}.fields{grid-template-columns:1fr}.panel{padding:16px}.page-title h2{font-size:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card strong{font-size:20px}.login-shell{margin:24px 14px;padding:24px}.picker{align-items:stretch;flex-direction:column}.picker select{max-width:none}.page-title{align-items:flex-start}}

.field input[readonly]{background:#eef2f7}.panel .help{color:#5b6470} .table-wrap{scrollbar-width:thin}

/* Accessibility and responsive table controls */
:focus-visible{outline:3px solid #126e82!important;outline-offset:3px}.table-tools{display:flex;gap:12px;align-items:center;margin-bottom:12px}.table-tools input{max-width:360px}.table-tools span{white-space:nowrap;font-size:12px}.table th{background:#f5f7fa;position:sticky;top:0;z-index:1}.table-wrap{max-height:65vh}.table td{max-width:340px;white-space:normal;overflow-wrap:anywhere}.table th{white-space:nowrap}.field select[multiple]{min-height:165px}.field .btn{margin-top:6px}.btn{min-height:36px}.app-nav .nav-item{min-height:48px}.page-title{scroll-margin-top:16px}.alert{overflow-wrap:anywhere}.form-control,.form-select{min-height:42px}@media(max-width:767px){.table-tools{align-items:stretch;flex-direction:column}.table-tools input{max-width:none}.action-row .btn{min-height:42px}.guide{margin:12px}.page-title{gap:8px}.app-content{min-width:0}.table td{min-width:100px}.app-nav{position:sticky;top:0;z-index:5;background:var(--zb-bg,#f5f7fa)}.btn{min-height:42px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.wide-field{grid-column:1/-1}.model-choices{border:1px solid var(--zb-line);border-radius:10px;padding:12px}.model-choice-list{max-height:230px;overflow:auto;margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px}.field label.model-choice{display:flex;align-items:center;gap:9px;padding:9px;margin:0;cursor:pointer;border-radius:6px;background:#f7f8fa;font-size:12px}.model-choice input{width:18px;min-height:18px;height:18px;flex-shrink:0}.model-choice span{direction:ltr;overflow-wrap:anywhere}.model-choice:focus-within{outline:2px solid #126e82}.model-choice:has(input:checked){background:#e7f3f4}.model-choice-list:empty::after{content:'مدلی در کاتالوگ ثبت نشده است.';padding:12px;color:#6b7280}

.advanced-settings{margin-top:18px;border:1px solid var(--zb-line);border-radius:10px;padding:12px}.advanced-settings summary{cursor:pointer;font-size:13px;font-weight:600}.advanced-settings[open] summary{margin-bottom:16px}.panel>.btn{margin-inline-end:8px;margin-bottom:6px}