:root {
    --red: #a81f30;
    --red-dark: #7f1725;
    --red-soft: #fff0f2;
    --ink: #20262f;
    --ink-2: #3c4552;
    --muted: #75808f;
    --line: #e7e9ed;
    --surface: #ffffff;
    --canvas: #f5f6f8;
    --green: #17845f;
    --green-soft: #eaf8f2;
    --amber: #b76a08;
    --amber-soft: #fff6e8;
    --blue: #2d6cb0;
    --blue-soft: #edf5ff;
    --purple: #7651a6;
    --purple-soft: #f5effc;
    --danger: #c5343e;
    --shadow: 0 8px 28px rgba(31, 38, 47, .065);
    --radius: 18px;
    --font: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--canvas); }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--canvas); font-family: var(--font); font-size: 14px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, strong { letter-spacing: 0; }
.icon { width: 20px; height: 20px; flex: 0 0 auto; }
.muted { color: var(--muted); }
.text-danger { color: var(--danger) !important; }
.text-success { color: var(--green) !important; }
.ltr-code { direction: ltr; display: inline-block; font-family: "Segoe UI", Arial, sans-serif; letter-spacing: .25px; }
.eyebrow { margin: 0 0 3px; color: var(--red); font-size: 11px; font-weight: 700; letter-spacing: 0; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; z-index: 50; top: 0; right: 0; bottom: 0; width: 250px; display: flex; flex-direction: column; padding: 22px 15px 16px; color: #fff; background: linear-gradient(180deg, #252a32 0%, #1c2027 100%); box-shadow: -4px 0 20px rgba(0,0,0,.08); }
.sidebar-brand { display: flex; align-items: center; gap: 11px; min-height: 58px; padding: 4px 8px 20px; border-bottom: 1px solid rgba(255,255,255,.09); }
.sidebar-brand strong { display: block; font-size: 16px; }
.sidebar-brand small { display: block; margin-top: 1px; color: rgba(255,255,255,.55); font-size: 11px; }
.brand-mark { display: grid; place-items: center; width: 52px; height: 52px; color: #fff; background: var(--red); border-radius: 16px 16px 16px 5px; font-size: 27px; font-weight: 900; box-shadow: 0 8px 20px rgba(168,31,48,.25); }
.brand-mark.small { width: 42px; height: 42px; border-radius: 13px 13px 13px 4px; font-size: 22px; }
.brand-mark.large { width: 76px; height: 76px; border-radius: 24px 24px 24px 8px; font-size: 40px; }
.side-nav { display: flex; flex: 1; min-height: 0; flex-direction: column; gap: 5px; padding: 22px 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.2) transparent; }
.nav-item { position: relative; display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 14px; color: rgba(255,255,255,.68); border-radius: 12px; font-weight: 700; transition: .18s ease; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-item.is-active { color: #fff; background: rgba(168,31,48,.28); }
.nav-item.is-active::before { content: ""; position: absolute; right: -15px; width: 4px; height: 27px; background: #e64b5f; border-radius: 4px 0 0 4px; }
.nav-item.nav-accent { margin: 6px 0 8px; color: #fff; background: var(--red); box-shadow: 0 7px 18px rgba(168,31,48,.24); }
.sidebar-user { margin-top: auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 13px 9px 2px; border-top: 1px solid rgba(255,255,255,.09); }
.topbar-settings { margin-right: auto; color: var(--red); background: var(--red-soft); }
.sidebar-user strong, .sidebar-user small { display: block; }
.sidebar-user strong { font-size: 12px; }
.sidebar-user small { color: rgba(255,255,255,.5); font-size: 10px; }
.user-avatar, .customer-avatar { display: grid; place-items: center; width: 38px; height: 38px; color: var(--red); background: var(--red-soft); border: 1px solid #f4d6db; border-radius: 12px; font-size: 16px; font-weight: 900; }
.user-avatar { color: #fff; background: rgba(255,255,255,.12); border-color: transparent; }
.customer-avatar.large { width: 68px; height: 68px; margin: 0 auto 12px; border-radius: 20px; font-size: 28px; }
.logout-form { display: flex; }
.main-area { min-height: 100vh; margin-right: 250px; }
.topbar { position: sticky; z-index: 30; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 82px; padding: 14px clamp(20px,3vw,42px); background: rgba(255,255,255,.92); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.page-title small { color: var(--muted); font-size: 10px; }
.page-title h1 { margin: -1px 0 0; font-size: 22px; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }
.quick-search { display: flex; align-items: center; gap: 8px; width: min(270px,25vw); min-height: 42px; padding: 0 13px; color: var(--muted); background: var(--canvas); border: 1px solid var(--line); border-radius: 11px; font-size: 12px; }
.content { max-width: 1550px; margin: 0 auto; padding: 26px clamp(18px,3vw,42px) 60px; }
.mobile-menu { display: none !important; }
.mobile-nav, .sidebar-backdrop { display: none; }

.icon-btn { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; color: inherit; background: transparent; border: 0; border-radius: 10px; cursor: pointer; }
.icon-btn:hover { background: rgba(0,0,0,.06); }
.icon-btn.danger { color: var(--danger); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 0 16px; border: 1px solid transparent; border-radius: 11px; cursor: pointer; font-weight: 800; white-space: nowrap; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: #fff; background: var(--red); box-shadow: 0 7px 17px rgba(168,31,48,.16); }
.btn-primary:hover { background: var(--red-dark); }
.btn-secondary { color: var(--ink); background: #fff; border-color: #d9dde3; }
.btn-secondary:hover { border-color: #b6bdc8; }
.btn-ghost { color: var(--ink-2); background: transparent; border-color: var(--line); }
.btn-light { color: var(--red-dark); background: #fff; box-shadow: 0 6px 18px rgba(72,20,27,.12); }
.btn-wide { width: 100%; }
.btn-lg { min-height: 50px; border-radius: 13px; }
.btn-sm { min-height: 36px; padding: 0 12px; font-size: 12px; }
.text-link { display: inline-flex; align-items: center; gap: 4px; color: var(--red); font-size: 12px; font-weight: 800; }
.text-link .icon { width: 16px; }
.table-action { display: inline-flex; min-height: 34px; align-items: center; padding: 0 10px; color: var(--red); background: var(--red-soft); border-radius: 8px; font-size: 11px; font-weight: 800; }

.panel-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.card-heading, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.card-heading { min-height: 76px; padding: 17px 21px; border-bottom: 1px solid var(--line); }
.card-heading h2, .section-heading h2 { margin: 0; font-size: 17px; }
.count-bubble, .step-pill { display: grid; place-items: center; min-width: 32px; height: 32px; padding: 0 9px; color: var(--red); background: var(--red-soft); border-radius: 10px; font-size: 12px; font-weight: 900; }
.alert { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 980px; margin: 0 0 18px; padding: 12px 15px; border: 1px solid; border-radius: 12px; font-weight: 700; }
.alert button { padding: 0; color: inherit; background: none; border: 0; font-size: 22px; cursor: pointer; }
.alert-success { color: #0f684b; background: var(--green-soft); border-color: #c8eddf; }
.alert-danger { color: #94202a; background: var(--red-soft); border-color: #f3ccd2; }
.alert-warning { color: #82500a; background: var(--amber-soft); border-color: #f1ddb7; }
.badge { display: inline-flex; align-items: center; min-height: 27px; padding: 0 9px; border-radius: 999px; font-size: 10px; font-weight: 900; white-space: nowrap; }
.badge-neutral { color: #5d6570; background: #eef0f3; }
.badge-info { color: var(--blue); background: var(--blue-soft); }
.badge-warning { color: var(--amber); background: var(--amber-soft); }
.badge-success { color: var(--green); background: var(--green-soft); }
.badge-purple { color: var(--purple); background: var(--purple-soft); }
.badge-dark { color: #fff; background: var(--ink); }
.badge-danger { color: var(--danger); background: var(--red-soft); }

.welcome-strip { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 20px; padding: 24px 26px; color: #fff; background: linear-gradient(110deg, var(--red-dark), #b9283c 68%, #c84e5e); border-radius: var(--radius); box-shadow: 0 10px 25px rgba(142,24,40,.16); overflow: hidden; }
.welcome-strip::after { content: "ب"; margin: -45px 15px -45px 0; color: rgba(255,255,255,.08); font-size: 140px; font-weight: 900; line-height: 1; }
.welcome-strip > div { position: relative; z-index: 1; }
.welcome-strip .eyebrow { color: #ffc8d0; }
.welcome-strip h2 { margin: 0 0 5px; font-size: 20px; }
.welcome-strip p:last-child { margin: 0; color: rgba(255,255,255,.72); }
.welcome-strip .btn { position: relative; z-index: 1; margin-right: auto; }
.stats-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 20px; }
.stat-card { position: relative; display: flex; align-items: center; gap: 14px; min-height: 120px; padding: 18px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); overflow: hidden; }
.stat-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: currentColor; opacity: .85; }
.stat-icon { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; }
.stat-card.red { color: var(--red); }.stat-card.red .stat-icon { background: var(--red-soft); }
.stat-card.green { color: var(--green); }.stat-card.green .stat-icon { background: var(--green-soft); }
.stat-card.amber { color: var(--amber); }.stat-card.amber .stat-icon { background: var(--amber-soft); }
.stat-card.ink { color: var(--ink-2); }.stat-card.ink .stat-icon { background: #eef0f3; }
.stat-card span, .stat-card small { display: block; color: var(--muted); }
.stat-card strong { display: block; margin: 0; color: var(--ink); font-size: 27px; line-height: 1.35; }
.stat-card strong.money-stat { font-size: clamp(17px,1.7vw,23px); }
.stat-card small { font-size: 10px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(270px,1fr); gap: 18px; margin-bottom: 18px; }
.span-2 { grid-column: span 1; }
.due-list { padding: 4px 16px 14px; }
.due-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 3px; border-bottom: 1px solid var(--line); }
.due-item:last-child { border: 0; }
.due-item strong, .due-item span { display: block; }
.due-item strong { font-size: 12px; }.due-item span { color: var(--muted); font-size: 10px; }
.due-date { min-width: 84px; padding: 5px 7px; color: var(--amber); background: var(--amber-soft); border-radius: 8px; text-align: center; font-size: 10px; font-weight: 800; }
.due-date.late { color: var(--danger); background: var(--red-soft); }
.workflow-card { margin-bottom: 20px; }
.workflow-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; padding: 18px 20px 22px; }
.workflow-item { display: flex; flex-direction: column; gap: 5px; padding: 13px; background: var(--canvas); border: 1px solid var(--line); border-radius: 12px; }
.workflow-item span { color: var(--muted); font-size: 10px; }.workflow-item strong { font-size: 22px; }
.workflow-help { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; font-weight: 500; }
.workflow-item.status-success { background: var(--green-soft); border-color: #cbeadd; }.workflow-item.status-warning { background: var(--amber-soft); }.workflow-item.status-info { background: var(--blue-soft); }.workflow-item.status-purple { background: var(--purple-soft); }

.table-wrap { width: 100%; overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { padding: 12px 15px; color: var(--muted); background: #fafbfc; border-bottom: 1px solid var(--line); text-align: right; font-size: 10px; white-space: nowrap; }
.data-table td { padding: 13px 15px; border-bottom: 1px solid var(--line); vertical-align: middle; font-size: 12px; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:hover { background: #fcfcfd; }
.data-table td strong, .data-table td small { display: block; }
.data-table td small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.phone-link { display: block; width: max-content; margin-top: 2px; color: var(--blue); font-family: "Segoe UI",Arial,sans-serif; font-size: 10px; }
.empty-state { display: grid; justify-items: center; padding: 55px 25px; color: var(--muted); text-align: center; }
.empty-state.compact { padding: 28px 18px; }.empty-state p { margin-bottom: 10px; }.empty-state h2,.empty-state h3 { margin: 8px 0 4px; color: var(--ink); }
.empty-icon { display: grid; place-items: center; min-width: 52px; height: 52px; padding: 0 10px; color: var(--red); background: var(--red-soft); border-radius: 16px; font-size: 18px; font-weight: 900; }.empty-icon .icon { width: 26px; height: 26px; }

.page-actions { display: flex; align-items: stretch; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.filter-bar { display: flex; align-items: center; gap: 9px; flex: 1; padding: 10px; }
.filter-bar select, .filter-bar input { min-height: 40px; background: #fff; border: 1px solid var(--line); border-radius: 9px; outline: none; }
.filter-bar select:focus, .filter-bar input:focus { border-color: #c98e97; box-shadow: 0 0 0 3px var(--red-soft); }
.search-field { display: flex; flex: 1; align-items: center; gap: 7px; min-width: 210px; padding: 0 10px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.search-field .icon { color: var(--muted); }.search-field input { flex: 1; border: 0; box-shadow: none !important; }
.date-filter { display: flex; align-items: center; gap: 7px; padding-right: 8px; color: var(--muted); font-size: 10px; }.date-filter input { width: 130px; padding: 0 7px; direction: ltr; }

.form-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: start; gap: 18px; }
.form-main { display: grid; gap: 16px; }
.form-section { padding: 0 21px 22px; }
.form-section .section-heading { min-height: 82px; margin-bottom: 17px; border-bottom: 1px solid var(--line); }
.section-number { display: grid; place-items: center; width: 38px; height: 38px; margin-left: -2px; color: var(--red); background: var(--red-soft); border-radius: 12px; font-weight: 900; }
.section-heading > div:nth-child(2) { margin-left: auto; }
.section-note { color: var(--muted); font-size: 10px; }
.invoice-number-field { display: grid; grid-template-columns: minmax(240px,420px) 1fr; align-items: end; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px dashed var(--line); }.invoice-number-field small { padding-bottom: 11px; color: var(--muted); font-size: 9px; }
.form-grid { display: grid; gap: 14px; }.form-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }.form-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }.form-grid .full { grid-column: 1/-1; }
.field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }.field > span { color: var(--ink-2); font-size: 11px; font-weight: 800; }
.field input, .field select, .field textarea, .stack-form > select, .photo-form select, .photo-form > input { width: 100%; min-height: 44px; padding: 9px 11px; color: var(--ink); background: #fff; border: 1px solid #dce0e6; border-radius: 10px; outline: none; transition: .15s ease; }
.field textarea { resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus, .stack-form > select:focus { border-color: #c47c87; box-shadow: 0 0 0 3px var(--red-soft); }
.money-input { direction: ltr; text-align: left; font-family: "Segoe UI",Arial,sans-serif !important; }
.stack-form { display: flex; flex-direction: column; gap: 14px; }
.stack-form.compact-form { gap: 9px; padding: 0 18px 18px; }
.form-hint { margin: 0; color: var(--muted); font-size: 9px; text-align: center; }
.form-section-title { margin: 8px 0 -2px; padding-bottom: 7px; color: var(--red); border-bottom: 1px solid var(--line); font-weight: 900; }
.customer-match { margin-top: 12px; padding: 9px 11px; color: var(--green); background: var(--green-soft); border-radius: 9px; font-size: 11px; }
.order-items { display: grid; gap: 12px; }
.order-item { padding: 13px; background: #fafbfc; border: 1px solid var(--line); border-radius: 13px; }
.item-head { display: flex; justify-content: space-between; align-items: center; min-height: 28px; margin-bottom: 9px; }.drag-handle { color: var(--muted); font-size: 10px; }.drag-handle b { color: var(--ink); }
.item-grid { display: grid; grid-template-columns: 1.4fr .48fr .72fr .56fr .56fr .82fr 1.05fr; align-items: end; gap: 9px; }
.item-note { grid-column: 1/-1; }.item-result { display: flex; flex-direction: column; justify-content: center; min-width: 112px; min-height: 66px; padding: 7px 11px; overflow: visible; background: #fff; border: 1px solid var(--line); border-radius: 10px; }.item-result span { color: var(--muted); font-size: 9px; }.item-result strong { font-size: 15px; white-space: nowrap; }.item-result small { display: block; color: var(--red); font-size: 12px; font-weight: 800; white-space: nowrap; direction: rtl; unicode-bidi: plaintext; }
.order-summary { position: sticky; top: 100px; padding: 21px; }.order-summary > h2 { margin: 0 0 13px; font-size: 18px; }.invoice-items-preview { margin-bottom: 12px; padding: 11px; background: linear-gradient(145deg,#fff 0%,#f7f8fa 100%); border: 1px solid var(--line); border-radius: 13px; }.invoice-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }.invoice-preview-heading strong { font-size: 11px; }.invoice-preview-heading small { padding: 3px 7px; color: var(--red); background: var(--red-soft); border-radius: 20px; font-size: 8px; font-weight: 800; }.invoice-preview-list { display: grid; gap: 7px; max-height: 280px; overflow-y: auto; }.invoice-preview-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 9px; background: #fff; border: 1px solid #e7e9ed; border-radius: 10px; }.invoice-preview-item > div { min-width: 0; }.invoice-preview-item strong,.invoice-preview-item span,.invoice-preview-note { display: block; }.invoice-preview-item strong { margin-bottom: 2px; font-size: 10px; }.invoice-preview-item span { color: var(--muted); font-size: 8px; line-height: 1.7; }.invoice-preview-item > b { align-self: center; color: var(--red); font-size: 10px; white-space: nowrap; direction: rtl; unicode-bidi: plaintext; }.invoice-preview-note { margin-top: 4px; padding-top: 4px; overflow: hidden; color: #714a18; border-top: 1px dashed #eadcc8; font-size: 8px; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }.summary-lines { display: grid; gap: 2px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.summary-lines > div, .summary-lines > label { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 51px; border-bottom: 1px dashed var(--line); }.summary-lines > *:last-child { border-bottom: 0; }.summary-lines span { color: var(--muted); font-size: 11px; }.summary-lines strong { white-space: nowrap; direction: rtl; unicode-bidi: plaintext; }.summary-lines input, .summary-lines select { width: 120px; min-height: 34px; padding: 4px 7px; background: var(--canvas); border: 1px solid var(--line); border-radius: 8px; }.summary-total { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 20px 0; }.summary-total span { color: var(--muted); }.summary-total strong { color: var(--red); font-size: 21px; white-space: nowrap; direction: rtl; unicode-bidi: plaintext; }.order-summary .btn + .btn { margin-top: 8px; }.order-summary .form-hint { margin-top: 13px; }

.order-detail-header { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 18px; padding: 19px 22px; }.order-id-block h2 { margin: 5px 0 1px; font-size: 24px; }.order-id-block p { margin: 0; color: var(--muted); font-size: 10px; }.order-detail-actions { display: flex; gap: 8px; }
.detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: start; gap: 18px; }.detail-main, .detail-side { display: grid; gap: 17px; }.detail-side { position: sticky; top: 100px; }
.customer-summary { display: grid; grid-template-columns: auto minmax(130px,.8fr) minmax(100px,.5fr) minmax(220px,1.5fr); align-items: center; gap: 14px; padding: 20px; }.customer-summary h3 { margin: 0; }.customer-summary a { color: var(--blue); font-family: "Segoe UI",Arial,sans-serif; }.customer-summary span, .customer-summary strong { display: block; }.customer-summary span { color: var(--muted); font-size: 9px; }.customer-summary strong { font-size: 11px; }.address-block { padding-right: 15px; border-right: 1px solid var(--line); }
.order-note { margin: 14px 20px 20px; padding: 11px 13px; color: var(--ink-2); background: var(--amber-soft); border-radius: 10px; font-size: 11px; }
.photo-upload-box { padding: 15px 18px; background: #fafbfc; border-bottom: 1px solid var(--line); }.photo-form { display: grid; grid-template-columns: 1.3fr .75fr 1fr auto; align-items: center; gap: 8px; }.upload-field { position: relative; display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 11px; color: var(--red); background: var(--red-soft); border: 1px dashed #df9ca6; border-radius: 10px; cursor: pointer; font-size: 11px; font-weight: 800; }.upload-field input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }.photo-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; padding: 17px; }.order-photo { margin: 0; overflow: hidden; background: var(--canvas); border: 1px solid var(--line); border-radius: 12px; }.order-photo img { width: 100%; height: 150px; object-fit: cover; }.order-photo figcaption { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-height: 42px; padding: 5px 9px; font-size: 9px; }.order-photo form { display: flex; }.order-photo .icon-btn { width: 29px; height: 29px; }.order-photo .icon { width: 16px; }
.account-card { padding: 21px; }.account-card h2 { margin: 0; font-size: 18px; }.account-total { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 17px 0 8px; }.account-total span { color: var(--muted); }.account-total strong { color: var(--red); font-size: 24px; }.account-total small { margin-right: 3px; font-size: 9px; }.account-progress { height: 7px; margin-bottom: 14px; background: #eef0f3; border-radius: 99px; overflow: hidden; }.account-progress span { display: block; height: 100%; background: var(--green); border-radius: inherit; }.account-lines { border-top: 1px solid var(--line); }.account-lines div { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; color: var(--muted); font-size: 10px; }.account-lines b { color: var(--ink); }.account-lines .paid { color: var(--green); }.account-lines .paid b { color: var(--green); }.account-lines .balance { margin: 5px 0 13px; padding: 10px; color: var(--red); background: var(--red-soft); border-radius: 9px; }.account-lines .balance b { color: var(--red); font-size: 13px; }
.delivery-meta { display: grid; gap: 9px; padding: 0 18px 18px; }.delivery-meta > div { display: grid; grid-template-columns: auto 1fr; gap: 0 8px; align-items: center; padding: 10px; background: var(--canvas); border-radius: 9px; }.delivery-meta .icon { grid-row: 1/3; color: var(--muted); }.delivery-meta span { color: var(--muted); font-size: 9px; }.delivery-meta strong { font-size: 11px; }
.status-help { margin: -7px 18px 14px; color: var(--muted); font-size: 9px; line-height: 1.8; }
.payment-list { padding: 5px 17px 15px; }.payment-item { display: flex; justify-content: space-between; gap: 10px; padding: 12px 2px; border-bottom: 1px solid var(--line); }.payment-item:last-child { border-bottom: 0; }.payment-item strong,.payment-item span { display: block; }.payment-item strong { color: var(--green); font-size: 12px; }.payment-item span,.payment-item small { color: var(--muted); font-size: 9px; }.payment-item small { text-align: left; }
.modal { position: fixed; z-index: 100; inset: 0; display: none; align-items: center; justify-content: center; padding: 18px; }.modal.is-open { display: flex; }.modal-backdrop { position: absolute; inset: 0; background: rgba(15,18,23,.66); backdrop-filter: blur(4px); }.modal-card { position: relative; z-index: 1; width: min(430px,100%); padding: 24px; background: #fff; border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,.22); }.modal-card h2 { margin-bottom: 16px; }.modal-close { position: absolute; top: 12px; left: 12px; width: 34px; height: 34px; background: var(--canvas); border: 0; border-radius: 9px; cursor: pointer; font-size: 22px; }

.customer-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 16px; }.customer-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 15px; background: #fafbfc; border: 1px solid var(--line); border-radius: 13px; transition: .15s ease; }.customer-card:hover { background: #fff; border-color: #d0d4da; transform: translateY(-1px); box-shadow: var(--shadow); }.customer-card-main > div { display: flex; align-items: center; gap: 7px; }.customer-card-main h3 { margin: 0; font-size: 13px; }.customer-card-main > span,.customer-card-main small { display: block; color: var(--muted); font-size: 10px; }.customer-card-stats { display: flex; gap: 17px; padding-right: 13px; border-right: 1px solid var(--line); }.customer-card-stats div { min-width: 55px; }.customer-card-stats span,.customer-card-stats strong { display: block; }.customer-card-stats span { color: var(--muted); font-size: 8px; }.customer-card-stats strong { font-size: 11px; }.customer-page .profile-summary { padding: 25px 20px; text-align: center; }.profile-summary h2 { margin: 0 0 2px; }.profile-summary > a { color: var(--blue); font-family: "Segoe UI",Arial,sans-serif; }.profile-actions { display: grid; gap: 8px; margin-top: 20px; }

.report-stats { margin-top: 3px; }.report-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }.report-grid .span-2 { grid-column: 1/-1; }.bar-list { display: grid; gap: 15px; padding: 19px; }.bar-item > div:first-child { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 5px; }.bar-item strong { font-size: 11px; }.bar-item span { color: var(--muted); font-size: 10px; }.bar-track { height: 7px; background: #eef0f3; border-radius: 99px; overflow: hidden; }.bar-track span { display: block; height: 100%; background: linear-gradient(90deg,var(--red),#df6677); border-radius: inherit; }.source-list { display: grid; padding: 8px 19px; }.source-list > div,.report-note { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }.source-list span,.report-note span { color: var(--muted); }.report-note { margin: 8px 19px 18px; padding: 12px; color: var(--red); background: var(--red-soft); border: 0; border-radius: 10px; }.daily-chart { display: flex; align-items: flex-end; gap: 10px; min-height: 255px; padding: 25px 20px 18px; overflow-x: auto; }.daily-bar { flex: 1 0 55px; display: grid; grid-template-rows: 22px 160px 36px; justify-items: center; align-items: end; }.daily-value { font-size: 8px; color: var(--muted); }.daily-column { width: 25px; height: 150px; display: flex; align-items: flex-end; background: #f0f1f3; border-radius: 7px 7px 2px 2px; overflow: hidden; }.daily-column span { width: 100%; background: linear-gradient(180deg,#ce4a5d,var(--red)); border-radius: inherit; }.daily-bar small { width: 70px; color: var(--muted); font-size: 8px; text-align: center; transform: rotate(-25deg); transform-origin: center; }

.service-layout { display: grid; grid-template-columns: minmax(0,1fr) 315px; align-items: start; gap: 18px; }.service-layout > aside { position: sticky; top: 100px; padding: 0 19px 20px; }.service-layout > aside .card-heading { margin: 0 -19px 18px; }.service-list { padding: 10px 17px 17px; }.service-row { display: flex; align-items: center; gap: 9px; padding: 11px 0; border-bottom: 1px solid var(--line); }.service-row:last-child { border-bottom: 0; }.service-row.is-disabled { opacity: .5; }.service-edit-form { flex: 1; display: grid; grid-template-columns: 1.3fr .75fr .8fr .75fr .9fr auto; align-items: end; gap: 8px; }.service-edit-form label span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 8px; }.service-edit-form input,.service-edit-form select { width: 100%; min-height: 37px; padding: 5px 7px; background: #fff; border: 1px solid var(--line); border-radius: 8px; }.service-toggle-form { display: flex; }.switch-btn { width: 42px; height: 25px; padding: 3px; background: #d7dbe1; border: 0; border-radius: 99px; cursor: pointer; }.switch-btn span { display: block; width: 19px; height: 19px; background: #fff; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,.15); transition: .2s; }.switch-btn.on { background: var(--green); }.switch-btn.on span { transform: translateX(-17px); }.tip-box { margin-top: 17px; padding: 12px; color: var(--amber); background: var(--amber-soft); border-radius: 10px; }.tip-box strong { display: block; }.tip-box p { margin: 3px 0 0; color: #73511d; font-size: 9px; }
.settings-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.7fr); align-items: start; gap: 18px; }.settings-grid > article { padding: 0 21px 22px; }.settings-grid > article .card-heading { margin: 0 -21px 18px; }.settings-grid > aside { display: grid; gap: 17px; }.settings-grid > aside > article { padding: 0 19px 20px; }.settings-grid > aside .card-heading { margin: 0 -19px 18px; }.system-info > div:not(.card-heading) { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }.system-info > div:last-child { border-bottom: 0; }.system-info span { color: var(--muted); }
.business-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); font-size: 9px; font-weight: 800; white-space: nowrap; }.business-badge b,.brand-letter { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: var(--red); border-radius: 9px; font-size: 13px; }.business-radio-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.business-radio { position: relative; display: flex; align-items: center; gap: 11px; padding: 15px; background: #fafbfc; border: 2px solid var(--line); border-radius: 13px; cursor: pointer; }.business-radio:has(input:checked) { border-color: var(--red); background: var(--red-soft); }.business-radio input { position: absolute; opacity: 0; }.business-radio strong,.business-radio small { display: block; }.business-radio small { color: var(--muted); font-size: 9px; }.selected-business { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px; background: var(--canvas); border-radius: 11px; }.selected-business small { color: var(--muted); }.business-summary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 14px 0 18px; }.business-summary-card { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 15px; padding: 15px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }.business-summary-card h3 { margin: 0; font-size: 13px; }.business-summary-card span,.business-summary-card small { display: block; color: var(--muted); font-size: 8px; }.business-summary-card strong { display: block; font-size: 10px; }.business-tabs { display: flex; gap: 8px; margin-bottom: 15px; }.business-tabs > a { padding: 9px 13px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }.business-tabs > a.is-active { border-color: var(--red); background: var(--red-soft); }.business-settings-list { display: grid; gap: 17px; padding: 0 !important; }.business-settings-card { padding: 0 21px 22px; }.business-settings-card .card-heading { margin: 0 -21px 18px !important; }.order-badges { display: flex; align-items: center; gap: 8px; }
.business-badge-list { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }.business-badge-list .business-badge { padding: 3px 7px 3px 9px; background: var(--canvas); border-radius: 9px; }.business-badge-list .business-badge b { width: 22px; height: 22px; border-radius: 7px; font-size: 10px; }.inline-actions { display: flex; align-items: center; gap: 8px; }.check-field { display: flex; align-items: center; gap: 9px; min-height: 45px; padding: 10px 12px; background: var(--canvas); border: 1px solid var(--line); border-radius: 11px; cursor: pointer; }.check-field input { width: 17px; height: 17px; accent-color: var(--red); }.profile-brands { display: flex; justify-content: center; margin-top: 12px; }.website-lead-notice { max-width: none; }.welcome-strip a { text-decoration: underline; text-underline-offset: 3px; }

.message-hero { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 17px; padding: 22px 25px; background: linear-gradient(120deg,#fff,#fff7f8); }.message-hero h2 { margin: 0 0 5px; }.message-hero p:last-child { margin: 0; color: var(--muted); }.audience-count { min-width: 105px; padding: 14px; color: #fff; background: var(--red); border-radius: 17px; text-align: center; }.audience-count strong,.audience-count span { display: block; }.audience-count strong { font-size: 28px; }.audience-count span { color: rgba(255,255,255,.75); font-size: 10px; }.messaging-grid { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); align-items: start; gap: 17px; }.campaign-card { position: sticky; top: 100px; }.campaign-body { padding: 18px 20px 20px; }.campaign-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }.copy-buffer { position: fixed; left: -10000px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }.message-table-wrap { max-height: 680px; overflow: auto; }

.lead-stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 16px; }.lead-stat { display: flex; align-items: center; justify-content: space-between; min-height: 75px; padding: 14px 17px; background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow); }.lead-stat span { color: var(--muted); }.lead-stat strong { font-size: 24px; }.lead-stat.is-active { color: var(--red); background: var(--red-soft); border-color: #eec4ca; }.lead-list { display: grid; gap: 0; padding: 5px 20px 20px; }.lead-card { display: grid; grid-template-columns: 1fr auto; gap: 14px 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }.lead-card:last-child { border-bottom: 0; }.lead-customer { display: flex; align-items: center; gap: 11px; }.lead-customer h3 { margin: 0; }.lead-customer a,.lead-customer small { display: block; }.lead-customer a { color: var(--blue); }.lead-customer small { color: var(--muted); font-size: 9px; }.lead-brand { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }.lead-details { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; padding: 12px; background: var(--canvas); border-radius: 11px; }.lead-details .full { grid-column: 1/-1; }.lead-details span,.lead-details strong { display: block; }.lead-details span { color: var(--muted); font-size: 9px; }.lead-details strong { font-size: 11px; }.lead-actions { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 8px; }.lead-actions form { display: flex; }.site-connection-box { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 20px; padding: 17px; background: #f8f9fb; border: 1px dashed #cfd4dc; border-radius: 14px; }.site-connection-box > div:first-child { grid-column: 1/-1; }.site-connection-box h3 { margin: 0 0 3px; }.site-connection-box p:last-child { margin: 0; color: var(--muted); }.site-connection-box .inline-actions { grid-column: 1/-1; }

.login-body { background: #20242b; }.login-shell { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; }.login-visual { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(35px,6vw,90px); color: #fff; background: radial-gradient(circle at 20% 20%,rgba(186,48,66,.28),transparent 35%),linear-gradient(135deg,#171a1f,#292f38); overflow: hidden; }.login-visual::after { content: ""; position: absolute; left: -150px; bottom: -210px; width: 520px; height: 520px; border: 80px solid rgba(255,255,255,.025); border-radius: 50%; }.login-brand { position: relative; z-index: 1; }.login-brand .eyebrow { margin-top: 24px; color: #f6a5b0; }.login-brand h1 { margin: 0 0 9px; font-size: clamp(34px,5vw,62px); }.login-brand p:last-child { color: rgba(255,255,255,.6); }.login-feature-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.login-feature-grid div { padding: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }.login-feature-grid strong,.login-feature-grid span { display: block; }.login-feature-grid span { color: rgba(255,255,255,.5); font-size: 10px; }.login-card-wrap { display: grid; place-items: center; padding: 30px; background: #f7f7f8; }.login-card { width: min(420px,100%); padding: clamp(24px,4vw,42px); background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 20px 55px rgba(18,22,28,.11); }.login-card-heading h2 { margin: 0 0 4px; font-size: 28px; }.login-card-heading > p:last-child { margin-bottom: 22px; color: var(--muted); }.password-field { position: relative; }.password-field input { padding-left: 62px; }.password-toggle { position: absolute; bottom: 8px; left: 8px; min-height: 28px; color: var(--red); background: var(--red-soft); border: 0; border-radius: 7px; cursor: pointer; font-size: 9px; font-weight: 800; }.login-security { margin: 18px 0 0; color: var(--muted); font-size: 9px; text-align: center; }
.setup-body { background: #252a31; }.setup-shell { width: min(1050px,calc(100% - 32px)); min-height: calc(100vh - 60px); display: grid; grid-template-columns: .75fr 1.25fr; margin: 30px auto; background: #fff; border-radius: 24px; box-shadow: 0 25px 80px rgba(0,0,0,.22); overflow: hidden; }.setup-brand { padding: clamp(30px,5vw,65px); color: #fff; background: linear-gradient(145deg,#252a32,#171b20); }.setup-brand .eyebrow { margin-top: 24px; color: #f2a0ab; }.setup-brand h1 { margin: 0; font-size: clamp(28px,4vw,46px); }.setup-brand p:last-child { color: rgba(255,255,255,.55); }.setup-card { padding: clamp(25px,4vw,48px); }.setup-card .section-heading { margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }.setup-success { display: grid; justify-items: center; align-content: center; min-height: 480px; text-align: center; }.success-icon { display: grid; place-items: center; width: 70px; height: 70px; margin-bottom: 15px; color: #fff; background: var(--green); border-radius: 50%; font-size: 30px; }.setup-success p { color: var(--muted); }.setup-success .btn { max-width: 300px; }

.invoice-body { padding: 25px; background: #dfe2e6; }.invoice-toolbar { display: flex; justify-content: space-between; width: min(148mm,100%); margin: 0 auto 15px; }.invoice-sheet { width: 148mm; min-height: 210mm; margin: 0 auto; padding: 9mm 8mm; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.14); }.invoice-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 10px; border-bottom: 3px solid var(--red); }.invoice-logo { display: flex; align-items: center; gap: 9px; min-width: 0; }.invoice-logo p,.invoice-logo h1,.invoice-logo span { margin: 0; }.invoice-logo p,.invoice-logo span { color: var(--muted); font-size: 8px; }.invoice-logo h1 { font-size: 19px; }.invoice-brand-logo { width: 58px; height: 58px; object-fit: contain; border-radius: 9px; }.invoice-meta { min-width: 145px; padding: 9px; background: var(--red-soft); border-radius: 9px; text-align: center; }.invoice-meta span,.invoice-meta strong,.invoice-meta small { display: block; }.invoice-meta span,.invoice-meta small { color: var(--muted); font-size: 8px; }.invoice-meta strong { color: var(--red); font-size: 14px; }.invoice-parties { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 10px 0; padding: 9px; background: #f7f8f9; border-radius: 9px; }.invoice-parties .full { grid-column: 1/-1; }.invoice-parties span,.invoice-parties strong { display: block; }.invoice-parties span { color: var(--muted); font-size: 7px; }.invoice-parties strong { font-size: 9px; }.invoice-parties .invoice-phone,.invoice-parties .invoice-phone strong { width: 100%; text-align: right; }.invoice-parties .invoice-phone strong { direction: ltr; unicode-bidi: isolate; }.invoice-table { width: 100%; border-collapse: collapse; }.invoice-table th,.invoice-table td { padding: 6px 4px; border: 1px solid #dfe2e6; font-size: 8px; text-align: right; }.invoice-table th { color: #fff; background: var(--ink); }.invoice-table td:first-child,.invoice-table th:first-child { text-align: center; }.invoice-table small { display: block; color: var(--muted); }.invoice-bottom { display: grid; grid-template-columns: 1fr 190px; gap: 10px; margin-top: 10px; }.invoice-notes { padding: 9px; border: 1px solid var(--line); border-radius: 9px; }.invoice-notes h3 { margin: 0 0 4px; font-size: 9px; }.invoice-notes p { min-height: 48px; margin: 0; color: var(--muted); font-size: 7px; }.signature { display: flex; justify-content: space-around; padding-top: 16px; border-top: 1px dashed var(--line); font-size: 7px; }.invoice-totals { padding: 6px 9px; background: #f7f8f9; border-radius: 9px; }.invoice-totals div { display: flex; justify-content: space-between; gap: 7px; padding: 4px 0; border-bottom: 1px solid var(--line); font-size: 7px; }.invoice-totals .grand { color: var(--red); font-size: 10px; }.invoice-totals .paid { color: var(--green); }.invoice-totals .balance { color: var(--red); border: 0; }.invoice-footer { display: flex; align-items: end; justify-content: space-between; gap: 9px; margin-top: 11px; padding-top: 8px; border-top: 1px solid var(--line); }.invoice-footer strong,.invoice-footer span { display: block; font-size: 7px; }.invoice-footer span { color: var(--muted); }.invoice-footer p { margin: 0; color: var(--red); font-size: 8px; font-weight: 800; }

.brand-logo-settings { display: grid; grid-template-columns: 96px 1fr; gap: 14px; align-items: center; margin-bottom: 18px; padding: 14px; background: #f8f9fb; border: 1px dashed #cfd4dc; border-radius: 14px; }.brand-logo-settings h3 { margin: 0 0 3px; }.brand-logo-settings p { margin: 0 0 10px; color: var(--muted); font-size: 9px; }.brand-logo-preview { display: grid; place-items: center; width: 96px; height: 96px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 15px; }.brand-logo-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }.brand-logo-preview span { display: grid; place-items: center; width: 60px; height: 60px; color: #fff; background: var(--ink); border-radius: 16px; font-size: 28px; font-weight: 900; }.brand-logo-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.brand-logo-form input[type=file] { flex: 1; min-width: 220px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }.brand-logo-delete { display: inline-flex; margin-top: 8px; }
.invoice-branding-intro { align-items: center; }.invoice-branding-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }.invoice-branding-card { padding-bottom: 19px; }.invoice-header-preview { display: grid; grid-template-columns: 68px 1fr auto; align-items: center; gap: 12px; margin: 0 19px 14px; padding: 15px; background: #fff; border: 1px solid var(--line); border-bottom: 3px solid var(--red); border-radius: 12px; box-shadow: 0 8px 25px rgba(22,25,30,.06); }.invoice-preview-logo { display: grid; place-items: center; width: 68px; height: 68px; padding: 5px; background: var(--canvas); border: 1px solid var(--line); border-radius: 11px; }.invoice-preview-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }.invoice-preview-logo > span { display: grid; place-items: center; width: 48px; height: 48px; color: #fff; background: var(--ink); border-radius: 12px; font-size: 23px; font-weight: 900; }.invoice-header-preview small,.invoice-header-preview strong,.invoice-header-preview em { display: block; }.invoice-header-preview small,.invoice-header-preview em { color: var(--muted); font-size: 7px; font-style: normal; }.invoice-header-preview strong { margin: 3px 0; font-size: 14px; }.invoice-preview-number { padding: 9px 11px; background: var(--red-soft); border-radius: 9px; text-align: center; }.invoice-preview-number b { display: block; margin: 3px 0; color: var(--red); font-size: 10px; direction: ltr; }.logo-placement-note { display: flex; justify-content: space-between; gap: 10px; margin: 0 19px 13px; padding: 10px 12px; color: var(--green); background: var(--green-soft); border-radius: 9px; font-size: 9px; }.invoice-logo-upload { display: grid; grid-template-columns: 1fr auto; gap: 9px; margin: 0 19px 10px; }.invoice-logo-remove { margin: 0 19px 9px; }.invoice-branding-card .form-hint { padding: 0 19px; text-align: right; }

/* مرکز فرمان مدیریتی */
.command-filter { display: grid; grid-template-columns: minmax(190px,1fr) repeat(2,minmax(175px,.7fr)) auto; align-items: end; gap: 12px; margin-bottom: 17px; padding: 13px; }.command-filter label { display: grid; gap: 5px; }.command-filter label span { color: var(--muted); font-size: 9px; }.command-filter select,.command-filter input { width: 100%; min-height: 42px; padding: 8px 10px; background: #fff; border: 1px solid var(--line); border-radius: 10px; outline: none; }.command-filter input { direction: ltr; text-align: left; }
.manager-assistant { display: grid; grid-template-columns: minmax(205px,.65fr) minmax(0,1.35fr); gap: 18px; margin-bottom: 17px; padding: 20px 22px; background: linear-gradient(120deg,#242a32,#363e49); color: #fff; }.manager-assistant h2 { margin: 3px 0 0; }.manager-assistant .eyebrow { color: #f2a6b0; }.assistant-insights { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.assistant-insights span,.assistant-insights a { padding: 10px 12px; color: #fff; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; font-size: 10px; line-height: 1.75; }.assistant-insights .positive { color: #9fe1c6; }.assistant-insights .negative { color: #ffb5bd; }
.assistant-caption { margin:8px 0 0;color:#cbd2db;font-size:10px;line-height:1.8; }.smart-route-note{display:flex;align-items:center;gap:12px;margin-bottom:17px;padding:13px 16px}.smart-route-note strong{color:var(--red)}.smart-route-note span{color:var(--muted);font-size:10px}.driver-mission{grid-template-columns:auto 1fr auto}.route-sequence{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--red);border-radius:50%}
.range-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 17px; }.range-summary-grid article { padding: 15px 17px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }.range-summary-grid span,.range-summary-grid strong { display: block; }.range-summary-grid span { color: var(--muted); font-size: 9px; }.range-summary-grid strong { margin-top: 5px; font-size: 13px; }
.operations-kpi-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-bottom: 17px; }.operations-kpi { min-width: 0; padding: 16px 17px; border-top: 3px solid var(--red); }.operations-kpi span,.operations-kpi strong,.operations-kpi small { display: block; }.operations-kpi span { color: var(--muted); font-size: 9px; }.operations-kpi strong { margin: 6px 0 3px; color: var(--ink); font-size: 15px; white-space: nowrap; }.operations-kpi small { color: var(--muted); font-size: 8px; line-height: 1.7; }.operations-kpi.cover-kpi { background: linear-gradient(145deg,#fff,#fff5f6); }.operations-kpi.address-kpi { border-top-color: #4479b8; }
.trend-card,.service-command,.daily-performance-card,.source-performance-card { margin-bottom: 17px; }.sales-trend { display: flex; align-items: end; gap: 6px; height: 220px; padding: 23px 20px 16px; overflow-x: auto; }.trend-point { flex: 1 0 23px; display: grid; grid-template-rows: 165px 25px; align-items: end; justify-items: center; gap: 5px; }.trend-point > span { width: 13px; min-height: 3px; background: linear-gradient(180deg,#e36a7b,var(--red)); border-radius: 6px 6px 2px 2px; }.trend-point small { color: var(--muted); font-size: 7px; direction: ltr; transform: rotate(-30deg); }
.service-command-heading small,.report-daily-services .card-heading small { display: block; margin-top: 5px; color: var(--red); font-size: 9px; font-weight: 800; }.service-range-filter { display: grid; grid-template-columns: repeat(2,minmax(150px,1fr)) auto; align-items: end; gap: 10px; margin: 0 20px 4px; padding: 12px; background: #f7f8fa; border: 1px solid var(--line); border-radius: 12px; }.service-range-filter label { display: grid; gap: 5px; }.service-range-filter label > span { color: var(--muted); font-size: 9px; }.service-range-filter input { width: 100%; min-height: 40px; padding: 7px 10px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 9px; outline: none; }.service-range-filter input:focus { border-color: #c47c87; box-shadow: 0 0 0 3px var(--red-soft); }.report-service-command { margin-top: 17px; }.report-operations-kpi { margin-bottom: 17px; }
.version-chip { display: inline-flex; margin-right: 7px; padding: 2px 7px; color: #fff; background: rgba(255,255,255,.17); border-radius: 20px; font-size: 8px; }
.service-performance-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; padding: 17px 20px 21px; }.service-performance-grid article { min-width: 0; padding: 15px; background: var(--canvas); border: 1px solid var(--line); border-radius: 13px; }.service-performance-grid article.service-major { background: linear-gradient(145deg,#fff,#fff7f8); border-color: #ecc6cb; }.service-performance-grid h3 { margin: 0 0 12px; font-size: 13px; }.service-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }.service-metrics > div { min-width: 0; padding: 9px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }.service-metrics span,.service-metrics strong { display: block; }.service-metrics span { color: var(--muted); font-size: 8px; }.service-metrics strong { margin-top: 4px; font-size: 11px; white-space: nowrap; }.service-metrics > div:last-child strong { color: var(--red); }
.wash-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px}.wash-summary-grid article{padding:18px}.wash-summary-grid h2{margin:0 0 14px;color:var(--red);font-size:16px}.wash-summary-grid article>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.wash-summary-grid span{color:var(--muted);font-size:10px}.wash-summary-grid strong{font-size:12px}@media(max-width:850px){.wash-summary-grid{grid-template-columns:1fr}}
.profit-input-card{margin-bottom:17px}.profit-input-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 20px}.profit-input-grid .btn{align-self:end}.overall-profit-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:17px;padding:0}.overall-profit-card>div{padding:17px;border-left:1px solid var(--line)}.overall-profit-card>div:last-child{border-left:0}.overall-profit-card span,.overall-profit-card strong{display:block}.overall-profit-card span{color:var(--muted);font-size:9px}.overall-profit-card strong{margin-top:6px;font-size:13px}.overall-profit-card .target{background:var(--red-soft)}.profit-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px}.profit-result-grid article{padding:18px}.profit-result-grid h2{margin:0 0 12px;color:var(--red);font-size:16px}.profit-result-grid article>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.profit-result-grid span{color:var(--muted);font-size:9px}.profit-result-grid strong{font-size:11px}.profit-result-grid .target{margin-top:5px;padding:12px 10px;background:var(--red-soft);border-radius:9px}.formula-note{padding:16px 20px;color:var(--muted);font-size:11px}.formula-note strong{color:var(--ink)}@media(max-width:1000px){.profit-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overall-profit-card{grid-template-columns:repeat(2,minmax(0,1fr))}.overall-profit-card>div{border-bottom:1px solid var(--line)}.profit-result-grid{grid-template-columns:1fr}}@media(max-width:600px){.profit-input-grid,.overall-profit-card{grid-template-columns:1fr}.overall-profit-card>div{border-left:0}}
.smart-profit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:17px}.smart-profit-grid article{display:grid;gap:8px;padding:20px}.smart-profit-grid h2{margin:0;font-size:24px}.smart-profit-grid span{color:var(--muted)}.scenario-card,.sensitivity-card{margin-bottom:17px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px}.scenario-grid article{display:grid;gap:7px;padding:15px;background:var(--canvas);border:1px solid var(--line);border-radius:12px}.scenario-grid h3{margin:0}.scenario-grid span{color:var(--muted);font-size:10px}.scenario-grid strong{margin-top:5px;color:var(--red)}@media(max-width:750px){.smart-profit-grid,.scenario-grid{grid-template-columns:1fr}}
.cost-profile-card,.suggested-price-card{margin-bottom:17px}.suggested-price-grid,.invoice-profit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 20px 20px}.suggested-price-grid>div,.invoice-profit-grid>div{padding:13px;background:var(--canvas);border:1px solid var(--line);border-radius:10px}.suggested-price-grid span,.suggested-price-grid strong,.invoice-profit-grid span,.invoice-profit-grid strong{display:block}.suggested-price-grid span,.invoice-profit-grid span{color:var(--muted);font-size:9px}.suggested-price-grid strong,.invoice-profit-grid strong{margin-top:5px;font-size:12px}.invoice-profit-card{margin-bottom:17px}.invoice-profit-card>.card-heading>strong{font-size:20px}@media(max-width:750px){.suggested-price-grid,.invoice-profit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.daily-performance-list { display: grid; gap: 0; max-height: 610px; padding: 4px 20px 20px; overflow: auto; }.daily-performance-list article { padding: 15px 2px; border-bottom: 1px solid var(--line); }.daily-performance-list article:last-child { border: 0; }.daily-performance-list header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; }.daily-performance-list header span { color: var(--red); font-size: 10px; font-weight: 800; }.daily-performance-list article > div { display: flex; flex-wrap: wrap; gap: 7px; }.daily-performance-list article > div span { padding: 6px 9px; color: var(--muted); background: var(--canvas); border-radius: 8px; font-size: 9px; }.daily-performance-list b { margin-left: 5px; color: var(--ink); }
.source-performance-list { display: grid; padding: 7px 20px 20px; }.source-performance-list > div { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; padding: 12px 2px; border-bottom: 1px solid var(--line); }.source-performance-list > div:last-child { border: 0; }.source-performance-list span { color: var(--muted); }.source-performance-list b { font-size: 10px; }.source-performance-list strong { color: var(--red); font-size: 11px; }
.promo-summary-line { align-items: center; }.discount-code-box { display: grid !important; gap: 8px !important; min-height: 0 !important; padding: 12px 0; border-bottom: 1px dashed var(--line); }.discount-code-heading { display: grid !important; grid-template-columns: auto 1fr; gap: 3px 8px !important; min-height: 0 !important; border: 0 !important; }.discount-code-heading span { color: var(--ink) !important; font-weight: 900; }.discount-code-heading small { color: var(--muted); font-size: 8px; text-align: left; }.discount-code-control { display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 7px !important; min-height: 0 !important; border: 0 !important; }.summary-lines .discount-code-control input { width: 100%; direction: ltr; text-align: left; text-transform: uppercase; }.discount-code-control button { min-width: 78px; min-height: 35px; padding: 0 10px; color: #fff; background: var(--red); border: 0; border-radius: 8px; cursor: pointer; font-family: inherit; font-size: 9px; font-weight: 900; }.discount-code-box > small { min-height: 14px; color: var(--muted); font-size: 8px; }.discount-code-box > small.valid { color: var(--green); }.discount-code-box > small.invalid { color: var(--danger); }
.crm-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; margin: 16px 0; }.crm-summary > div { padding: 10px; background: var(--canvas); border-radius: 9px; }.crm-summary span,.crm-summary strong { display: block; }.crm-summary span { color: var(--muted); font-size: 8px; }.crm-summary strong { margin-top: 3px; font-size: 10px; }
.quick-status-form { margin-bottom: 10px; }
.discount-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); align-items: start; gap: 17px; }.discount-layout > aside { position: sticky; top: 100px; }.discount-code-list { display: grid; padding: 4px 18px 18px; }.discount-code-row { display: grid; grid-template-columns: 1.1fr .8fr 1.2fr .7fr auto; align-items: center; gap: 12px; padding: 14px 2px; border-bottom: 1px solid var(--line); }.discount-code-row:last-child { border: 0; }.discount-code-row.is-disabled { opacity: .52; }.discount-code-row span,.discount-code-row b,.discount-code-row strong { display: block; }.discount-code-row span { color: var(--muted); font-size: 8px; }.discount-code-row strong { font-size: 14px; }.discount-code-row b { margin-top: 2px; font-size: 10px; }
.mission-stats,.accounting-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 17px; }.accounting-stats { grid-template-columns: repeat(5,minmax(0,1fr)); }.mission-stats article,.accounting-stats article { padding: 15px 17px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }.mission-stats span,.mission-stats strong,.accounting-stats span,.accounting-stats strong { display: block; }.mission-stats span,.accounting-stats span { color: var(--muted); font-size: 9px; }.mission-stats strong { margin-top: 4px; font-size: 23px; }.accounting-stats strong { margin-top: 5px; font-size: 14px; }.accounting-stats .profit { color: var(--green); background: var(--green-soft); border-color: #cbeadd; }
.driver-route-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }.driver-route-card .card-heading small { color: var(--muted); font-size: 9px; }.driver-mission-list { display: grid; padding: 4px 18px 18px; }.driver-mission { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 13px 2px; border-bottom: 1px solid var(--line); }.driver-mission:last-child { border: 0; }.driver-mission strong,.driver-mission span,.driver-mission small { display: block; }.driver-mission span,.driver-mission small { color: var(--muted); font-size: 9px; }.driver-mission select { min-width: 115px; min-height: 38px; padding: 6px 8px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.accounting-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); align-items: start; gap: 17px; }.accounting-layout > aside { position: sticky; top: 100px; }.expense-category-list { display: flex; flex-wrap: wrap; gap: 7px; padding: 14px 18px 18px; border-top: 1px solid var(--line); }.expense-category-list span { padding: 7px 9px; color: var(--muted); background: var(--canvas); border-radius: 8px; font-size: 9px; }.expense-category-list b { margin-right: 6px; color: var(--ink); }.report-secondary { margin-top: 17px; }

/* فرم ثبت هزینه: چیدمان فشرده و منظم در دسکتاپ */
.accounting-layout > aside .stack-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 13px; padding: 0 18px 18px; }
.accounting-layout > aside .stack-form > input[type="hidden"] { display: none; }
.accounting-layout > aside .stack-form .field { margin: 0; }
.accounting-layout > aside .stack-form .btn-wide { grid-column: 1 / -1; width: 100%; margin-top: 2px; }

/* تقویم جلالی فارسی */
.jalali-date-control { position: relative; display: flex; width: 100%; min-width: 0; }.jalali-date-control > input { width: 100% !important; padding-left: 42px !important; direction: rtl !important; text-align: right !important; }.jalali-date-control > input.date-invalid { border-color: var(--danger) !important; box-shadow: 0 0 0 3px rgba(197,45,63,.1) !important; }.jalali-date-trigger { position: absolute; top: 50%; left: 6px; display: grid; place-items: center; width: 31px; height: 31px; padding: 0; color: var(--red); background: var(--red-soft); border: 0; border-radius: 8px; transform: translateY(-50%); cursor: pointer; font-size: 18px; line-height: 1; }.jalali-picker { position: absolute; z-index: 160; padding: 12px; opacity: 0; direction: rtl; color: var(--ink); background: #fff; border: 1px solid #d9dde3; border-radius: 15px; box-shadow: 0 18px 55px rgba(25,29,35,.24); transform: translateY(-4px); transition: opacity .12s ease,transform .12s ease; }.jalali-picker.is-open { opacity: 1; transform: translateY(0); }.jalali-picker header { display: grid; grid-template-columns: 38px 1fr 38px; align-items: center; gap: 8px; margin-bottom: 10px; direction:ltr; }.jalali-picker header strong { text-align: center; font-size: 14px; }.jalali-picker button { font-family: inherit; }.jalali-picker-nav { width: 38px; height: 38px; padding: 0; color: var(--red); background: var(--red-soft); border: 0; border-radius: 9px; cursor: pointer; font-size: 24px; }.jalali-picker-weekdays,.jalali-picker-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; }.jalali-picker-weekdays { margin-bottom: 5px; color: var(--muted); font-size: 9px; text-align: center; }.jalali-picker-weekdays span { padding: 5px 0; }.jalali-picker-grid > span,.jalali-picker-grid > button { min-height: 35px; }.jalali-picker-grid > button { padding: 0; color: var(--ink); background: transparent; border: 0; border-radius: 9px; cursor: pointer; font-size: 11px; }.jalali-picker-grid > button:hover { color: var(--red); background: var(--red-soft); }.jalali-picker-grid > button.is-today { border: 1px solid #d89ca5; }.jalali-picker-grid > button.is-selected { color: #fff; background: var(--red); border-color: var(--red); font-weight: 900; }.jalali-picker footer { display: flex; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--line); }.jalali-picker footer button { padding: 5px 8px; color: var(--red); background: transparent; border: 0; cursor: pointer; font-size: 9px; font-weight: 900; }

@media (max-width: 1180px) {
    .sidebar { width: 220px; }.main-area { margin-right: 220px; }.stats-grid { grid-template-columns: repeat(2,1fr); }.workflow-grid { grid-template-columns: repeat(3,1fr); }.item-grid { grid-template-columns: 1.4fr .55fr .75fr .65fr; }.item-result { grid-column: span 2; }.service-edit-form { grid-template-columns: repeat(3,1fr); }.service-edit-form .btn { align-self: end; }
}

@media (max-width: 900px) {
    body { padding-bottom: 74px; }.sidebar { transform: translateX(105%); transition: transform .22s ease; }.sidebar.is-open { transform: translateX(0); }.sidebar-backdrop { position: fixed; z-index: 45; inset: 0; display: none; background: rgba(18,22,28,.54); }.sidebar.is-open ~ .main-area + .mobile-nav + .sidebar-backdrop { display: block; }.main-area { margin-right: 0; }.topbar { min-height: 68px; padding: 10px 15px; }.mobile-menu { display: inline-grid !important; }.page-title { margin-left: auto; }.page-title h1 { font-size: 17px; }.topbar-actions { display: none; }.content { padding: 16px 13px 25px; }.mobile-nav { position: fixed; z-index: 40; right: 10px; bottom: max(8px,env(safe-area-inset-bottom)); left: 10px; display: grid; grid-template-columns: repeat(5,1fr); align-items: end; height: 62px; padding: 6px 8px; background: rgba(31,36,43,.96); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; box-shadow: 0 10px 35px rgba(0,0,0,.23); backdrop-filter: blur(14px); }.mobile-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 48px; color: rgba(255,255,255,.65); font-size: 8px; }.mobile-nav .icon { width: 19px; }.mobile-nav .mobile-new { width: 54px; height: 54px; margin: -19px auto 0; color: #fff; background: var(--red); border: 4px solid var(--canvas); border-radius: 18px; box-shadow: 0 8px 18px rgba(168,31,48,.3); }.mobile-nav .mobile-new .icon { width: 24px; height: 24px; }.welcome-strip { padding: 18px; }.welcome-strip::after { display: none; }.welcome-strip h2 { font-size: 16px; }.dashboard-grid,.form-layout,.detail-grid,.service-layout,.settings-grid,.messaging-grid,.discount-layout { grid-template-columns: 1fr; }.detail-side,.service-layout > aside,.order-summary,.campaign-card,.discount-layout > aside { position: static; }.order-summary { order: -1; }.customer-cards { grid-template-columns: 1fr; }.report-grid { grid-template-columns: 1fr; }.report-grid .span-2 { grid-column: auto; }.photo-form { grid-template-columns: 1fr 1fr; }.photo-form .upload-field,.photo-form > input { grid-column: 1/-1; }.customer-summary { grid-template-columns: auto 1fr 1fr; }.customer-summary .address-block { grid-column: 1/-1; padding: 10px 0 0; border: 0; border-top: 1px solid var(--line); }.setup-shell { grid-template-columns: 1fr; }.setup-brand { padding: 28px; }.setup-brand p:last-child { margin: 0; }.login-shell { grid-template-columns: 1fr; }.login-visual { min-height: 280px; padding: 30px; }.login-feature-grid { display: none; }.invoice-sheet { width: 100%; min-height: 0; padding: 25px; }.invoice-body { padding: 12px; }.command-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }.command-filter > select,.command-filter > button { grid-column: 1/-1; }.manager-assistant { grid-template-columns: 1fr; }.range-summary-grid,.service-performance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.discount-code-row { grid-template-columns: 1fr 1fr; }.discount-code-row > form { grid-column: 1/-1; }.discount-code-row .btn { width: 100%; }
}

@media (max-width: 650px) {
    :root { --radius: 15px; }.desktop-only { display: none !important; }.welcome-strip { align-items: flex-start; }.welcome-strip .btn { min-width: 42px; width: 42px; padding: 0; font-size: 0; }.stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.stat-card { min-height: 105px; gap: 9px; padding: 13px 11px; }.stat-icon { width: 36px; height: 36px; }.stat-icon .icon { width: 18px; }.stat-card strong { font-size: 22px; }.stat-card strong.money-stat { font-size: 15px; }.stat-card span { font-size: 9px; }.workflow-grid { grid-template-columns: repeat(2,1fr); padding: 12px; }.page-actions { flex-direction: column; }.page-actions > .btn { width: 100%; }.filter-bar { flex-wrap: wrap; }.filter-bar .search-field { flex-basis: 100%; }.filter-bar select { flex: 1; }.date-filter { flex: 1; min-width: 135px; }.date-filter input { width: 100%; }.form-grid.two,.form-grid.three { grid-template-columns: 1fr; }.form-grid .full { grid-column: auto; }.form-section { padding: 0 14px 16px; }.form-section .section-heading { min-height: 72px; }.section-note { display: none; }.section-heading .btn span { display: none; }.invoice-number-field { grid-template-columns: 1fr; }.invoice-number-field small { padding: 0; }.item-grid { grid-template-columns: repeat(2,1fr); }.item-grid .service-field,.item-grid .item-note { grid-column: 1/-1; }.item-result { grid-column: auto; }.order-detail-header { align-items: flex-start; flex-direction: column; }.order-detail-actions { width: 100%; }.order-detail-actions .btn { flex: 1; padding: 0 8px; }.customer-summary { grid-template-columns: auto 1fr; }.customer-summary > div:nth-child(3) { grid-column: 1/-1; }.photo-grid { grid-template-columns: repeat(2,1fr); }.photo-form { grid-template-columns: 1fr; }.photo-form > * { grid-column: auto !important; }.customer-card { grid-template-columns: auto 1fr; }.customer-card-stats { grid-column: 1/-1; justify-content: space-around; padding: 10px 0 0; border: 0; border-top: 1px solid var(--line); }.service-edit-form { grid-template-columns: repeat(2,1fr); }.service-edit-form > :first-child { grid-column: 1/-1; }.report-stats { grid-template-columns: 1fr 1fr; }.login-visual { min-height: 215px; }.login-brand .brand-mark { width: 55px;height:55px;font-size:28px; }.login-brand .eyebrow { margin-top: 13px; }.login-brand h1 { font-size: 30px; }.login-card-wrap { padding: 15px; }.login-card { padding: 24px 20px; }.setup-shell { width: 100%; min-height: 100vh; margin: 0; border-radius: 0; }.setup-brand { padding: 22px; }.setup-card { padding: 22px 16px; }.invoice-header,.invoice-bottom,.invoice-footer { display: block; }.invoice-meta { margin-top: 12px; }.invoice-parties { grid-template-columns: 1fr 1fr; }.invoice-table th,.invoice-table td { padding: 6px 4px; font-size: 8px; }.invoice-totals { margin-top: 13px; }.invoice-footer p { margin-top: 10px; }
    .responsive-table thead { display: none; }.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td { display: block; width: 100%; }.responsive-table tr { display: grid; grid-template-columns: repeat(2,1fr); gap: 0; padding: 10px 12px; border-bottom: 1px solid var(--line); }.responsive-table tr:last-child { border: 0; }.responsive-table td { position: relative; min-height: 42px; padding: 5px 0 !important; border: 0 !important; }.responsive-table td::before { content: attr(data-label); display: block; color: var(--muted); font-size: 8px; }.responsive-table td:last-child { display: flex; align-items: end; justify-content: flex-end; }.orders-table tr { grid-template-columns: repeat(2,1fr); }
    .business-radio-grid,.business-summary-grid,.lead-stat-grid,.site-connection-box { grid-template-columns: 1fr; }.business-summary-card { grid-template-columns: auto 1fr; }.business-summary-card > div:nth-child(n+3) { padding-top: 8px; border-top: 1px solid var(--line); }.business-tabs { overflow-x: auto; }.selected-business { align-items: flex-start; flex-direction: column; }.inline-actions,.campaign-actions { width: 100%; flex-wrap: wrap; }.inline-actions .btn { flex: 1; }.message-hero { align-items: flex-start; padding: 18px; }.audience-count { min-width: 82px; }.lead-card { grid-template-columns: 1fr; }.lead-brand,.lead-details,.lead-actions { grid-column: 1; }.lead-brand { justify-content: flex-start; }.lead-details { grid-template-columns: 1fr; }.lead-details .full { grid-column: 1; }.site-connection-box > div:first-child,.site-connection-box .inline-actions { grid-column: 1; }.brand-logo-settings { grid-template-columns: 1fr; }.brand-logo-preview { width: 82px; height: 82px; }.brand-logo-form input[type=file] { min-width: 100%; }.assistant-insights { grid-template-columns: 1fr; }.command-filter { grid-template-columns: 1fr; }.command-filter > * { grid-column: auto !important; }.range-summary-grid,.service-performance-grid { grid-template-columns: 1fr 1fr; }.service-performance-grid { padding: 12px; }.service-performance-grid article { padding: 11px; }.service-performance-grid strong { font-size: 14px; }.source-performance-list > div { grid-template-columns: 1fr auto; }.source-performance-list strong { grid-column: 1/-1; }.daily-performance-list article > div { display: grid; }.discount-code-row { grid-template-columns: 1fr; }.discount-code-row > form { grid-column: 1; }
}

@media (max-width: 900px) {
    .accounting-layout,.driver-route-grid,.invoice-branding-grid { grid-template-columns: 1fr; }.accounting-layout > aside { position: static; }.mission-stats,.accounting-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .accounting-layout > aside .stack-form { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
    .driver-mission { grid-template-columns: auto 1fr; }.driver-mission form { grid-column: 1/-1; }.driver-mission select { width: 100%; }.smart-route-note{align-items:flex-start;flex-direction:column}.accounting-stats strong { font-size: 11px; }.service-performance-grid { grid-template-columns: 1fr; }.service-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }.service-metrics strong { font-size: 10px !important; }.invoice-header-preview { grid-template-columns: 58px 1fr; margin: 0 12px 12px; padding: 11px; }.invoice-preview-logo { width: 58px; height: 58px; }.invoice-preview-number { grid-column: 1/-1; }.logo-placement-note { display: grid; margin: 0 12px 12px; }.invoice-logo-upload { grid-template-columns: 1fr; margin: 0 12px 10px; }.invoice-logo-remove { margin: 0 12px 9px; }
}

@media (max-width: 1000px) {
    .operations-kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 650px) {
    .operations-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.operations-kpi.cover-kpi { grid-column: 1/-1; }.discount-code-heading { grid-template-columns: 1fr; }.discount-code-heading small { text-align: right; }.service-range-filter { grid-template-columns: 1fr; margin: 0 12px 3px; }.service-range-filter .btn { width: 100%; }
}

.mobile-dashboard-toggle { display: none; width: 100%; min-height: 48px; align-items: center; justify-content: center; border: 1px solid #d9dee9; border-radius: 14px; background: #fff; color: var(--ink); font-family: inherit; font-weight: 800; cursor: pointer; }
.backup-card { scroll-margin-top: 24px; }
.backup-status { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 999px; color: #147a4b; background: #e9f8ef; font-size: 10px; font-weight: 800; }
.backup-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #24a866; box-shadow: 0 0 0 3px rgba(36,168,102,.12); }
.backup-description { margin: -2px 0 14px; color: var(--muted); font-size: 11px; line-height: 2; }
.latest-backup { display: grid; gap: 4px; margin-bottom: 12px; padding: 13px; border: 1px solid #d9ede2; border-radius: 13px; background: #f5fbf7; }
.latest-backup span,.latest-backup small { color: var(--muted); font-size: 9px; }.latest-backup strong { font-size: 13px; }.latest-backup.is-empty { border-color: var(--line); background: #f7f8fb; }
.backup-create-form { margin-bottom: 15px; }
.backup-list { display: grid; gap: 7px; margin-top: 13px; }.backup-list h3 { margin: 0 0 3px; font-size: 11px; }.backup-list a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: #fff; transition: border-color .2s, transform .2s; }.backup-list a:hover { border-color: var(--primary); transform: translateY(-1px); }.backup-list a span { display: grid; gap: 2px; }.backup-list b { font-size: 10px; }.backup-list small,.backup-list em { color: var(--muted); font-size: 8px; font-style: normal; }.backup-card .form-hint { line-height: 1.9; }

@media (max-width: 650px) {
    .mobile-dashboard-toggle { display: flex; }
    .dashboard-secondary { display: none; }
    .dashboard-secondary.is-mobile-visible { display: block; }
    .manager-assistant { padding: 14px; }.manager-assistant h2 { font-size: 15px; }.assistant-insights span,.assistant-insights a { padding: 9px 10px; }
    .backup-list a { align-items: flex-start; }.backup-list em { white-space: nowrap; }
}

/* نسخه ۱.۶: تابلوی عملیات، تسویه راننده و خوانایی موبایل */
.operations-toolbar { margin-bottom: 18px; padding: 13px; }.operations-toolbar .filter-bar { margin: 0; padding: 0; border: 0; box-shadow: none; }
.operation-board { display: grid; grid-template-columns: repeat(6,minmax(245px,1fr)); gap: 13px; padding-bottom: 12px; overflow-x: auto; scroll-snap-type: x proximity; }
.operation-column { min-width: 245px; padding: 10px; background: #eef1f5; border: 1px solid #e1e5ea; border-radius: 17px; scroll-snap-align: start; }
.operation-column > header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; min-height: 42px; padding: 2px 5px 10px; }.operation-column h2 { margin: 0; font-size: 14px; }.operation-column header b { display: grid; place-items: center; min-width: 26px; height: 26px; background: #fff; border-radius: 8px; font-size: 11px; }
.status-dot { width: 10px; height: 10px; background: var(--muted); border-radius: 50%; }.status-info { background: var(--blue); }.status-warning { background: var(--amber); }.status-success { background: var(--green); }.status-purple { background: var(--purple); }
.operation-list { display: grid; gap: 9px; }.operation-card { padding: 13px; background: #fff; border: 1px solid #e2e5e9; border-radius: 13px; box-shadow: 0 4px 14px rgba(31,38,47,.045); }.operation-card.is-late { border-color: #efb7be; box-shadow: inset -3px 0 var(--danger); }
.operation-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 7px; }.operation-card-top strong,.operation-card-top small { display: block; }.operation-card-top small { margin-top: 2px; color: var(--muted); font-size: 11px; direction: ltr; }.operation-card .business-badge { padding: 3px 6px; font-size: 9px; }.operation-card .business-badge b { display: none; }
.operation-card p { margin: 9px 0; color: var(--muted); font-size: 12px; }.operation-meta { display: grid; gap: 3px; margin-bottom: 10px; padding-top: 8px; border-top: 1px dashed var(--line); font-size: 11px; }.operation-meta b { color: var(--red); }.operation-empty { padding: 24px 10px; color: var(--muted); background: rgba(255,255,255,.6); border: 1px dashed #d5dae1; border-radius: 12px; text-align: center; font-size: 12px; }
.driver-settlement-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(300px,.5fr); align-items: start; gap: 17px; margin-top: 18px; }.driver-settlement-grid > aside { position: sticky; top: 100px; }
.cashflow-note { display: flex; align-items: center; gap: 12px; margin: -6px 0 17px; padding: 12px 16px; }.cashflow-note span { color: var(--muted); }.cashflow-note strong { color: var(--green); }.cashflow-note small { margin-right: auto; color: var(--muted); }
.sms-settings-card { margin-bottom: 17px; }.setting-switch { display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--canvas); border-radius: 12px; cursor: pointer; }.setting-switch input { width: 20px; height: 20px; accent-color: var(--red); }.setting-switch b,.setting-switch small { display: block; }.setting-switch small { color: var(--muted); font-size: 11px; }
.sms-queue-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto; align-items: center; gap: 12px; margin-bottom: 17px; padding: 13px 16px; }.sms-queue-summary div { padding-left: 12px; border-left: 1px solid var(--line); }.sms-queue-summary span,.sms-queue-summary strong { display: block; }.sms-queue-summary span { color: var(--muted); font-size: 11px; }.sms-queue-summary strong { margin-top: 2px; font-size: 18px; }.sms-log-card { margin-top: 17px; }
.field > span,.date-filter > span,.service-edit-form label span,.summary-lines span { font-size: 12px; }.data-table th { font-size: 11px; }.data-table td { font-size: 12px; }.form-hint,.tip-box p { font-size: 11px; }

@media (max-width: 900px) {
    .driver-settlement-grid { grid-template-columns: 1fr; }.driver-settlement-grid > aside { position: static; }
    .operations-toolbar .filter-bar { display: grid; grid-template-columns: 1fr; }.operations-toolbar .filter-bar > * { width: 100%; }
    .operation-board { margin-left: -13px; margin-right: -13px; padding: 0 13px 15px; }.operation-column { min-width: min(84vw,300px); }
    .sms-queue-summary { grid-template-columns: repeat(3,1fr); }.sms-queue-summary .btn { grid-column: 1/-1; }.sms-queue-summary div { padding-left: 0; border-left: 0; }
    .order-summary { order: initial; }.field input,.field select,.field textarea,.btn { min-height: 46px; }.cashflow-note { align-items: flex-start; flex-direction: column; }.cashflow-note small { margin-right: 0; }
}

.label-print-body { padding: 24px; background: #e9ebef; }.label-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 980px; margin: 0 auto 18px; }.label-toolbar > div { display: flex; align-items: center; gap: 12px; }.item-label-sheet { display: grid; grid-template-columns: repeat(2,90mm); justify-content: center; gap: 8mm; }.item-print-label { width: 90mm; min-height: 58mm; padding: 6mm; background: #fff; border: 1px dashed #777; border-radius: 3mm; }.item-print-label header { display: flex; align-items: center; gap: 3mm; padding-bottom: 3mm; border-bottom: 1px solid #ddd; }.label-brand-mark { display: grid; place-items: center; width: 11mm; height: 11mm; color: #fff; background: var(--red); border-radius: 3mm; font-size: 18px; font-weight: 900; }.item-print-label header strong,.item-print-label header span { display: block; }.item-print-label header span { color: var(--muted); font-size: 10px; }.label-code { margin: 4mm 0; padding: 2mm; background: #f1f2f4; border: 2px solid var(--ink); border-radius: 2mm; font-family: Arial,sans-serif; font-size: 21px; font-weight: 900; letter-spacing: 1px; text-align: center; }.item-print-label section { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm 4mm; }.item-print-label section span,.item-print-label section strong { display: block; }.item-print-label section span { color: var(--muted); font-size: 9px; }.item-print-label section strong { font-size: 11px; }.item-print-label footer { display: flex; justify-content: space-between; margin-top: 3mm; padding-top: 2mm; border-top: 1px dashed #bbb; font-size: 10px; }
.alert-summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 17px; }.alert-summary-grid article { padding: 17px; background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--muted); border-radius: 14px; box-shadow: var(--shadow); }.alert-summary-grid article.danger { border-top-color: var(--danger); }.alert-summary-grid article.warning { border-top-color: var(--amber); }.alert-summary-grid article.info { border-top-color: var(--blue); }.alert-summary-grid span,.alert-summary-grid strong { display: block; }.alert-summary-grid span { color: var(--muted); }.alert-summary-grid strong { margin-top: 4px; font-size: 27px; }.alert-board { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; align-items: start; }.alert-order-list { display: grid; padding: 4px 18px 18px; }.alert-order-list a { display: flex; justify-content: space-between; gap: 10px; padding: 12px 2px; border-bottom: 1px solid var(--line); }.alert-order-list a:last-child { border: 0; }.alert-order-list strong,.alert-order-list span,.alert-order-list b,.alert-order-list small { display: block; }.alert-order-list span,.alert-order-list small { color: var(--muted); font-size: 10px; }.alert-order-list a > div:last-child { text-align: left; }
.users-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(300px,.5fr); align-items: start; gap: 17px; }.users-layout > aside { position: sticky; top: 100px; }.user-management-list { display: grid; padding: 5px 18px 18px; }.managed-user { padding: 14px 0; border-bottom: 1px solid var(--line); }.managed-user:last-child { border: 0; }.managed-user.is-disabled { opacity: .55; }.managed-user-main { display: grid; grid-template-columns: 1fr .8fr 1fr .65fr auto; align-items: end; gap: 8px; }.managed-user-main label span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 11px; }.managed-user-main input,.managed-user-main select,.managed-user-actions input { width: 100%; min-height: 39px; padding: 6px 8px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }.managed-user-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }.managed-user-actions form { display: flex; gap: 7px; }

@media (max-width: 1000px) { .alert-board { grid-template-columns: 1fr; }.users-layout { grid-template-columns: 1fr; }.users-layout > aside { position: static; }.managed-user-main { grid-template-columns: repeat(2,1fr); }.managed-user-main .btn { grid-column: 1/-1; } }
@media (max-width: 650px) { .alert-summary-grid { grid-template-columns: 1fr; }.managed-user-main { grid-template-columns: 1fr; }.managed-user-actions { align-items: stretch; flex-direction: column; }.managed-user-actions form,.managed-user-actions input,.managed-user-actions .btn { width: 100%; }.label-print-body { padding: 12px; }.label-toolbar { align-items: stretch; flex-direction: column; }.label-toolbar > div { justify-content: space-between; }.item-label-sheet { grid-template-columns: 1fr; }.item-print-label { width: 100%; } }

.nav-count { min-width: 22px; height: 22px; margin-right: auto; padding: 0 6px; display: inline-grid; place-items: center; color: #fff; background: var(--danger); border-radius: 999px; font-size: 11px; }
.tracking-share { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 16px 20px; }.tracking-share h3 { margin: 2px 0; }.tracking-share small { color: var(--muted); }.tracking-share label { display: flex; align-items: center; gap: 8px; width: min(650px,58%); }.tracking-share input { min-width: 0; flex: 1; }
.invoice-share{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:20px;margin-bottom:18px;padding:18px 20px}.invoice-share h3{margin:2px 0}.invoice-share small,.invoice-share label span{color:var(--muted)}.invoice-share-controls{display:grid;gap:10px}.invoice-share-controls label{display:grid;gap:5px}.invoice-share-controls input,.invoice-share-controls textarea{width:100%;padding:10px 12px;background:var(--canvas);border:1px solid var(--line);border-radius:10px;resize:none}.public-invoice-note{align-self:center;color:var(--muted);font-weight:800}
.tracking-body { min-height: 100vh; background: linear-gradient(145deg,#f7eef0,#eef3f8); }.tracking-shell { width: min(660px,calc(100% - 28px)); margin: 0 auto; padding: 42px 0; }.tracking-card { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 20px 60px rgba(33,24,27,.1); }.tracking-brand { display: flex; align-items: center; gap: 14px; padding: 22px 25px; color: #fff; background: linear-gradient(135deg,var(--primary),#371d25); }.tracking-brand span,.tracking-brand h1 { display:block;margin:0; }.tracking-brand span { opacity:.76;font-size:13px; }.tracking-brand h1 { margin-top:3px;font-size:22px; }.tracking-order { padding: 24px 25px 18px; }.tracking-order span,.tracking-order strong { display:block; }.tracking-order strong { margin:4px 0 10px;font-size:24px; }.tracking-order p { margin:0;color:var(--muted); }.tracking-current { margin:0 25px;padding:14px 16px;color:#0f684b;background:var(--green-soft);border:1px solid #c8eddf;border-radius:13px; }.tracking-current span,.tracking-current strong { display:block; }.tracking-current strong { margin-top:3px;font-size:19px; }.tracking-timeline { margin:22px 25px;padding:0;list-style:none; }.tracking-timeline li { position:relative;display:flex;gap:12px;min-height:58px;color:var(--muted); }.tracking-timeline li:not(:last-child)::after { content:"";position:absolute;right:14px;top:29px;width:2px;height:29px;background:var(--line); }.tracking-timeline i { position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;background:#fff;border:2px solid var(--line);border-radius:50%; }.tracking-timeline i .icon { width:16px;height:16px; }.tracking-timeline li.is-done { color:var(--ink); }.tracking-timeline li.is-done i { color:#fff;background:var(--green);border-color:var(--green); }.tracking-timeline li.is-done:not(:last-child)::after { background:var(--green); }.tracking-timeline li.is-current strong { color:var(--primary); }.tracking-timeline strong,.tracking-timeline small { display:block; }.tracking-timeline small { margin-top:2px;color:var(--muted); }.tracking-card > footer { display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 25px;background:var(--canvas); }.tracking-card > footer span,.tracking-card > footer strong { display:block; }.tracking-card > footer span { color:var(--muted);font-size:12px; }.tracking-empty { padding:42px 28px;text-align:center; }.tracking-empty .brand-mark { margin:0 auto 18px; }.tracking-empty p { color:var(--muted); }
@media (max-width: 650px) { .tracking-share { align-items:stretch;flex-direction:column; }.tracking-share label { width:100%;flex-wrap:wrap; }.tracking-share input { flex-basis:100%; }.invoice-share{grid-template-columns:1fr;padding:15px}.invoice-share .inline-actions{display:grid;grid-template-columns:1fr}.tracking-shell { padding:16px 0; }.tracking-card { border-radius:17px; }.tracking-card > footer { grid-template-columns:1fr; }.tracking-brand,.tracking-order { padding-right:18px;padding-left:18px; }.tracking-current,.tracking-timeline { margin-right:18px;margin-left:18px; } }

.label-barcode { display:block;min-height:20mm;margin:3mm 0 1mm;padding:1mm 2mm;overflow:hidden;background:#fff;border:1px solid #ddd; }.label-barcode .code128,.code128 { display:block;width:100%;height:18mm;background:#fff;fill:#000!important;color:#000!important; }
.label-machine-codes { display:grid;grid-template-columns:minmax(0,1fr) 23mm;align-items:center;gap:2mm;margin:3mm 0 1mm;direction:ltr; }.label-machine-codes .label-barcode { min-height:21mm;margin:0; }.label-qr { display:grid;place-items:center;width:23mm;height:23mm;padding:1mm;background:#fff;border:1px solid #ddd; }.label-qr svg { display:block;width:100%;height:100%; }
.barcode-scanner-layout { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:17px;align-items:start;max-width:1050px;margin:0 auto; }.barcode-camera-card,.barcode-manual-card { padding:18px; }.barcode-camera-card .card-heading,.barcode-manual-card .card-heading { padding:0 0 15px; }.barcode-camera-card .card-heading > .icon { width:30px;height:30px;color:var(--red); }.barcode-video-wrap { position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:16/10;margin-bottom:14px;background:#17191d;border-radius:15px; }.barcode-video-wrap video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }.barcode-camera-placeholder { position:relative;z-index:1;display:grid;place-items:center;gap:8px;color:#fff;text-align:center; }.barcode-camera-placeholder .icon { width:46px;height:46px;opacity:.7; }.barcode-camera-placeholder small { color:rgba(255,255,255,.65); }.is-camera-on .barcode-camera-placeholder { display:none; }.barcode-scan-frame { position:absolute;z-index:2;inset:24% 8%;border:2px solid rgba(255,255,255,.9);border-radius:13px;box-shadow:0 0 0 999px rgba(0,0,0,.22); }.barcode-scan-frame span { position:absolute;right:4%;left:4%;top:50%;height:2px;background:#ef4059;box-shadow:0 0 8px #ef4059;animation:barcode-scan 1.8s ease-in-out infinite; }.barcode-status { margin:12px 2px 0;color:var(--muted);font-size:12px;text-align:center; }.barcode-status.is-success { color:var(--green);font-weight:700; }.barcode-status.is-error { color:var(--danger); }.barcode-status.is-active { color:var(--blue); }.barcode-manual-card .field input { min-height:52px;font-family:Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:.5px;text-align:left; }.barcode-manual-card .form-hint { margin-bottom:0;line-height:1.9; } @keyframes barcode-scan { 0%,100%{transform:translateY(-65px)} 50%{transform:translateY(65px)} }
.route-links { margin-top:14px; }.damage-checks { display:flex;flex-wrap:wrap;gap:8px; }.damage-checks label { display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--canvas);border:1px solid var(--line);border-radius:10px; }.signature-box { display:grid;gap:9px;padding:14px;background:var(--canvas);border:1px solid var(--line);border-radius:13px; }.signature-box small,.signature-box strong { display:block; }.signature-box small { color:var(--muted); }.signature-box canvas { width:100%;height:150px;touch-action:none;background:#fff;border:1px dashed #9ca3af;border-radius:10px; }.signature-box img { max-width:280px;max-height:100px;background:#fff;border:1px solid var(--line); }.inventory-stats { display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:17px; }.inventory-stats article { padding:17px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow); }.inventory-stats span,.inventory-stats strong { display:block; }.inventory-stats strong { margin-top:4px;font-size:26px; }.inventory-stats .danger { border-top:3px solid var(--danger); }.inventory-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr);gap:17px;align-items:start; }.inventory-list { display:grid;padding:0 18px 18px; }.inventory-list article { display:grid;grid-template-columns:1fr auto minmax(240px,.7fr);align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line); }.inventory-list article.is-low { color:var(--danger); }.inventory-list strong,.inventory-list span,.inventory-list b,.inventory-list small { display:block; }.inventory-list span,.inventory-list small { color:var(--muted); }.inventory-adjust { display:flex;gap:7px; }.inventory-adjust input { min-width:0;width:100%; }
@media(max-width:800px){.inventory-layout{grid-template-columns:1fr}.inventory-list article{grid-template-columns:1fr 1fr}.inventory-adjust{grid-column:1/-1}.inventory-stats{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.barcode-scanner-layout{grid-template-columns:1fr}.barcode-camera-card,.barcode-manual-card{padding:14px}.barcode-video-wrap{aspect-ratio:4/3}}

.invoice-sheet.invoice-easywash{--invoice-blue:#2476aa;--invoice-blue-soft:#e8f5ff}.invoice-easywash .invoice-header{border-bottom-color:var(--invoice-blue)}.invoice-easywash .invoice-meta{background:var(--invoice-blue-soft)}.invoice-easywash .invoice-meta strong,.invoice-easywash .invoice-totals .grand,.invoice-easywash .invoice-totals .balance,.invoice-easywash .invoice-footer p{color:var(--invoice-blue)}.invoice-easywash .invoice-table th{background:#2d668a}.invoice-easywash .invoice-parties,.invoice-easywash .invoice-totals{background:#f3f9fd}

.invoice-credentials{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px;margin-top:4px}.invoice-credentials b,.invoice-credentials em{font-size:7px;font-style:normal}.invoice-credentials em{color:var(--muted)}.invoice-credentials strong{display:block;width:100%;margin-top:2px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.4px;text-align:right}

.invoice-credentials strong{font-family:inherit;letter-spacing:0;direction:rtl}.invoice-meta strong{font-family:inherit;direction:ltr;unicode-bidi:isolate}
.subscription-highlight{display:grid;gap:2px;width:100%;margin:8px 0;padding:10px 12px;background:var(--red-soft);border:1px solid rgba(168,31,48,.12);border-radius:12px;text-align:center}.subscription-highlight span{color:var(--muted);font-size:10px}.subscription-highlight strong{color:var(--red);font-size:20px}
.order-customer-summary{grid-template-columns:auto minmax(150px,.8fr) minmax(105px,.48fr) minmax(105px,.48fr) minmax(220px,1.35fr);align-items:stretch;gap:0;padding:0 20px 20px}.order-customer-summary>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:14px 16px;border-right:1px solid var(--line)}.order-customer-summary>.customer-avatar{align-self:center;display:grid;width:46px;height:46px;margin-left:14px;padding:0;border:0}.order-customer-summary .customer-identity{border-right:0}.order-customer-summary .customer-identity h3{margin:3px 0}.order-customer-summary .customer-subscription strong{color:var(--red);font-size:16px}.order-customer-summary .address-block{padding-right:16px;border-right:1px solid var(--line)}
@media(max-width:1100px){.order-customer-summary{grid-template-columns:auto minmax(150px,1fr) repeat(2,minmax(95px,.55fr))}.order-customer-summary .address-block{grid-column:2/-1;padding:13px 16px;border-top:1px solid var(--line)}}
@media(max-width:650px){.order-customer-summary{grid-template-columns:auto 1fr 1fr;padding:0 13px 14px}.order-customer-summary>.customer-avatar{grid-row:1;margin-left:8px}.order-customer-summary>div.customer-identity{grid-column:2/-1}.order-customer-summary>div.customer-subscription{grid-column:1/3;border-right:0;border-top:1px solid var(--line)}.order-customer-summary>div.customer-neighborhood{grid-column:3;border-top:1px solid var(--line)}.order-customer-summary>div.address-block{grid-column:1/-1;border-right:0}.order-customer-summary>div{padding:11px 10px}}

/* A5 invoice readability: keep the sheet compact while giving identity and key data priority. */
.invoice-header{align-items:flex-start;gap:12px;padding-bottom:11px}.invoice-logo{align-items:flex-start;gap:12px}.invoice-brand-logo{width:70px;height:70px;border-radius:11px}.invoice-logo .brand-mark{width:62px;height:62px;font-size:27px}.invoice-logo p,.invoice-logo>div>span{font-size:9px}.invoice-logo h1{font-size:22px;line-height:1.25}.invoice-credentials{gap:4px 10px;margin-top:5px}.invoice-credentials b,.invoice-credentials em{font-size:9px;line-height:1.5}.invoice-credentials strong{margin-top:1px;font-size:15px;line-height:1.35}.invoice-meta{min-width:155px;padding:11px 9px}.invoice-meta span,.invoice-meta small{font-size:9px}.invoice-meta strong{font-size:16px;line-height:1.45}.invoice-parties span{font-size:8px}.invoice-parties strong{font-size:10px;line-height:1.55}.invoice-table th,.invoice-table td{font-size:8.5px;line-height:1.45}.invoice-notes h3{font-size:10px}.invoice-notes p,.signature{font-size:8px}.invoice-totals div{font-size:8px}.invoice-totals .grand{font-size:11px}.invoice-footer strong{font-size:9px}.invoice-footer span{font-size:8px}.invoice-footer p{font-size:9px}
.invoice-business-phones{display:grid;gap:2px;width:100%;margin-top:2px}.invoice-business-phones strong,.invoice-footer-phones strong{display:flex;align-items:center;gap:5px;direction:ltr;unicode-bidi:isolate}.invoice-business-phones strong{width:100%;margin:0}.invoice-business-phones strong span{color:inherit;font-size:inherit}.invoice-business-phones .icon{width:10px!important;height:10px!important;flex:0 0 10px;stroke-width:1.6}.invoice-footer-phones{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:2px}.invoice-footer-phones strong{font-size:9px}.invoice-footer-phones strong span{color:inherit;font-size:inherit}.invoice-footer-phones .icon{width:8px!important;height:8px!important;flex:0 0 8px;stroke-width:1.6}
@media(max-width:650px){.invoice-business-phones .icon{width:8px!important;height:8px!important;flex-basis:8px}.invoice-footer-phones .icon{width:7px!important;height:7px!important;flex-basis:7px}}
.driver-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 17px}.driver-week-strip a{display:grid;gap:3px;padding:10px 6px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;box-shadow:var(--shadow)}.driver-week-strip a span{font-size:9px}.driver-week-strip a strong{color:var(--ink);font-size:10px}.driver-week-strip a.is-current{color:#fff;background:var(--red);border-color:var(--red)}.driver-week-strip a.is-current strong{color:#fff}.quality-card{border-top:3px solid var(--blue)}
@media(max-width:650px){.driver-week-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px}.driver-week-strip a{min-width:92px}.invoice-toolbar{align-items:stretch;flex-direction:column;gap:8px}.invoice-toolbar>.inline-actions{display:grid;grid-template-columns:1fr}.invoice-toolbar .btn{width:100%}}

@media print {
    .label-barcode,.label-barcode svg,.label-barcode rect,.label-qr,.label-qr svg,.label-qr rect { visibility:visible!important;opacity:1!important; }.label-barcode rect,.label-qr rect { fill:#000!important; }
    @page { size: A5 portrait; margin: 5mm; }
    html,body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }.invoice-brand-logo { print-color-adjust: exact; }.invoice-body { padding: 0; background: #fff; }.no-print { display: none !important; }.invoice-sheet { width: 100%; min-height: 0; margin: 0; padding: 0; box-shadow: none; }.invoice-header { display: flex; padding-top: 0; }.invoice-bottom { display: grid; }.invoice-footer { display: flex; }.invoice-meta { margin-top: 0; }.invoice-parties { grid-template-columns: repeat(3,1fr); }.invoice-table { page-break-inside: auto; }.invoice-table tr { page-break-inside: avoid; }.label-print-body { padding: 0; background: #fff; }.item-label-sheet { grid-template-columns: repeat(2,90mm); gap: 5mm; }.item-print-label { break-inside: avoid; page-break-inside: avoid; }
}

/* Financial totals for filtered customer/order lists. */
.finance-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.finance-summary-grid article{padding:15px 17px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--ink-2);border-radius:14px;box-shadow:var(--shadow)}.finance-summary-grid article.paid{border-top-color:var(--green)}.finance-summary-grid article.balance{border-top-color:var(--red)}.finance-summary-grid span,.finance-summary-grid strong{display:block}.finance-summary-grid span{color:var(--muted);font-size:10px}.finance-summary-grid strong{margin-top:5px;font-size:15px;white-space:nowrap}.finance-summary-grid .paid strong{color:var(--green)}.finance-summary-grid .balance strong{color:var(--red)}
@media(max-width:650px){.finance-summary-grid{grid-template-columns:1fr}.finance-summary-grid article{padding:13px 15px}.invoice-sheet.invoice-easywash .invoice-header{border-bottom-color:#2476aa!important}.invoice-sheet.invoice-easywash .invoice-meta{background:#e8f5ff!important}.invoice-sheet.invoice-easywash .invoice-meta strong,.invoice-sheet.invoice-easywash .invoice-totals .grand,.invoice-sheet.invoice-easywash .invoice-totals .balance,.invoice-sheet.invoice-easywash .invoice-footer p{color:#2476aa!important}.invoice-sheet.invoice-easywash .invoice-table th{background:#2d668a!important}.invoice-sheet.invoice-easywash .invoice-parties,.invoice-sheet.invoice-easywash .invoice-totals{background:#f3f9fd!important}}

/* Desktop/tablet layout fit fix: prevent page-wide horizontal overflow and let order/customer filters wrap cleanly. */
html, body { max-width: 100%; overflow-x: hidden; }
.app-shell, .main-area, .content, .page-actions, .filter-bar { min-width: 0; }
.table-wrap { max-width: 100%; }

@media (min-width: 901px) and (max-width: 1400px) {
    .content { padding-right: 22px; padding-left: 22px; }
    .page-actions { align-items: stretch; flex-wrap: wrap; }
    .page-actions > .filter-bar {
        flex: 1 1 100%;
        order: 2;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 9px;
        width: 100%;
    }
    .page-actions > .btn { order: 1; margin-right: auto; }
    .page-actions .filter-bar > * { min-width: 0; width: 100%; }
    .page-actions .filter-bar .search-field { min-width: 0; grid-column: span 2; }
    .page-actions .filter-bar .search-field input { min-width: 0; width: 100%; }
    .page-actions .filter-bar .date-filter { min-width: 0; padding-right: 0; }
    .page-actions .filter-bar .date-filter input { min-width: 0; width: 100%; }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .page-actions > .filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .page-actions .filter-bar .search-field { grid-column: 1 / -1; }
}
\n\n/* v1.11.2 EasyWash mobile invoice theme + phone icon sizing. Keep at end to win the cascade. */
.invoice-body-easywash .invoice-toolbar .btn-primary{background:#2476aa!important;border-color:#2476aa!important;color:#fff!important}
.invoice-sheet.invoice-easywash .invoice-header{border-bottom-color:#2476aa!important}
.invoice-sheet.invoice-easywash .invoice-meta{background:#e8f5ff!important}
.invoice-sheet.invoice-easywash .invoice-meta strong,
.invoice-sheet.invoice-easywash .invoice-totals .grand,
.invoice-sheet.invoice-easywash .invoice-totals .balance,
.invoice-sheet.invoice-easywash .invoice-footer p{color:#2476aa!important}
.invoice-sheet.invoice-easywash .invoice-table th{background:#2d668a!important;color:#fff!important}
.invoice-sheet.invoice-easywash .invoice-parties,
.invoice-sheet.invoice-easywash .invoice-totals{background:#f3f9fd!important}
.invoice-sheet .invoice-business-phones strong,
.invoice-sheet .invoice-footer-phones strong{display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;direction:ltr!important;line-height:1.25!important}
.invoice-sheet .invoice-business-phones .icon{width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;flex:0 0 13px!important;display:block!important;vertical-align:middle!important}
.invoice-sheet .invoice-footer-phones .icon{width:11px!important;height:11px!important;min-width:11px!important;max-width:11px!important;flex:0 0 11px!important;display:block!important;vertical-align:middle!important}
@media(max-width:650px){
  .invoice-sheet .invoice-business-phones .icon{width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;flex-basis:12px!important}
  .invoice-sheet .invoice-footer-phones .icon{width:10px!important;height:10px!important;min-width:10px!important;max-width:10px!important;flex-basis:10px!important}
  .invoice-sheet.invoice-easywash .invoice-header{border-bottom-color:#2476aa!important}
  .invoice-sheet.invoice-easywash .invoice-meta{background:#e8f5ff!important}
  .invoice-sheet.invoice-easywash .invoice-table th{background:#2d668a!important;color:#fff!important}
  .invoice-sheet.invoice-easywash .invoice-parties,
  .invoice-sheet.invoice-easywash .invoice-totals{background:#f3f9fd!important}
}

.jalali-picker-prev,.jalali-picker-next{direction:ltr!important;touch-action:manipulation;user-select:none}.jalali-picker footer{direction:rtl;flex-wrap:wrap}.jalali-picker footer button{min-height:32px}.date-filter .jalali-date-input{font-variant-numeric:tabular-nums}

/* v1.12.0 Smart action center */
.smart-action-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(16,185,129,.06));border:1px solid rgba(37,99,235,.14)}
.smart-action-hero h2{margin:.2rem 0}.smart-action-hero p{margin:0;color:var(--muted,#748094)}
.smart-action-score{min-width:150px;text-align:center;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid #e7ebf0}.smart-action-score span{display:block;font-size:12px;color:#788397}.smart-action-score strong{display:block;font-size:30px;margin-top:4px}
.smart-alert-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.smart-alert-summary article{min-height:104px}.smart-alert-summary article small{display:block;margin-top:5px;font-size:11px}.smart-alert-summary .money{border-top:3px solid #0f9f6e}.smart-alert-summary .money strong{color:#087857}.smart-alert-summary .crm{border-top:3px solid #6d5bd0}.smart-alert-summary .crm strong{color:#5747b8}
.smart-priority-list{display:grid;gap:8px}.smart-priority-list>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e7ebf0;border-radius:14px;text-decoration:none;color:inherit;transition:.15s}.smart-priority-list>a:hover{transform:translateY(-1px);border-color:#cbd5e1;background:#fafcff}.priority-rank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#18212f;color:#fff;font-weight:800}.smart-priority-list div{display:grid;gap:2px}.smart-priority-list b{font-size:11px;color:#b4232f}.smart-priority-list strong{font-size:14px}.smart-priority-list small{color:#7b8799}.smart-priority-list em{font-style:normal;font-size:11px;padding:6px 9px;border-radius:999px;background:#fff1f2;color:#b4232f;white-space:nowrap}
.smart-alert-board{grid-template-columns:repeat(2,minmax(0,1fr))}.debt-list b{color:#b4232f}.followup-list b{color:#5747b8}
@media(max-width:1100px){.smart-alert-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.smart-action-hero{align-items:flex-start;flex-direction:column}.smart-action-score{width:100%}.smart-alert-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-alert-board{grid-template-columns:1fr}.smart-priority-list>a{grid-template-columns:36px minmax(0,1fr)}.smart-priority-list em{grid-column:2;justify-self:start}.priority-rank{width:30px;height:30px}}

/* v1.12.0 Smart action center */
.smart-action-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(16,185,129,.06));border:1px solid rgba(37,99,235,.14)}
.smart-action-hero h2{margin:.2rem 0}.smart-action-hero p{margin:0;color:var(--muted,#748094)}
.smart-action-score{min-width:150px;text-align:center;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid #e7ebf0}.smart-action-score span{display:block;font-size:12px;color:#788397}.smart-action-score strong{display:block;font-size:30px;margin-top:4px}
.smart-alert-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.smart-alert-summary article{min-height:104px}.smart-alert-summary article small{display:block;margin-top:5px;font-size:11px}.smart-alert-summary .money{border-top:3px solid #0f9f6e}.smart-alert-summary .money strong{color:#087857}.smart-alert-summary .crm{border-top:3px solid #6d5bd0}.smart-alert-summary .crm strong{color:#5747b8}
.smart-priority-list{display:grid;gap:8px}.smart-priority-list>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e7ebf0;border-radius:14px;text-decoration:none;color:inherit;transition:.15s}.smart-priority-list>a:hover{transform:translateY(-1px);border-color:#cbd5e1;background:#fafcff}.priority-rank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#18212f;color:#fff;font-weight:800}.smart-priority-list div{display:grid;gap:2px}.smart-priority-list b{font-size:11px;color:#b4232f}.smart-priority-list strong{font-size:14px}.smart-priority-list small{color:#7b8799}.smart-priority-list em{font-style:normal;font-size:11px;padding:6px 9px;border-radius:999px;background:#fff1f2;color:#b4232f;white-space:nowrap}
.smart-alert-board{grid-template-columns:repeat(2,minmax(0,1fr))}.debt-list b{color:#b4232f}.followup-list b{color:#5747b8}
@media(max-width:1100px){.smart-alert-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.smart-action-hero{align-items:flex-start;flex-direction:column}.smart-action-score{width:100%}.smart-alert-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-alert-board{grid-template-columns:1fr}.smart-priority-list>a{grid-template-columns:36px minmax(0,1fr)}.smart-priority-list em{grid-column:2;justify-self:start}.priority-rank{width:30px;height:30px}}
.shared-cost-card,.break-even-progress-card,.daily-profit-card{margin-bottom:17px}.shared-cost-card+.cost-profile-card,.shared-cost-card+.alert{display:none}.break-even-progress-card{padding-bottom:20px}.break-even-meter{height:14px;margin:0 20px;background:#edf0f3;border-radius:999px;overflow:hidden}.break-even-meter span{display:block;height:100%;background:linear-gradient(90deg,#b22941,#e6a23c,#198c68);border-radius:999px;transition:width .3s}.break-even-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 20px 0;color:var(--muted);font-size:10px}.break-even-meta b{color:var(--ink)}
.payment-breakdown-card{margin-bottom:17px}.payment-method-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 20px 20px}.payment-method-summary>div{padding:13px;background:var(--canvas);border:1px solid var(--line);border-radius:10px}.payment-method-summary span,.payment-method-summary strong{display:block}.payment-method-summary span{color:var(--muted);font-size:9px}.payment-method-summary strong{margin-top:5px;font-size:12px}@media(max-width:750px){.payment-method-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cover-cost-card{margin-bottom:17px}.compact-cover-form{display:grid;grid-template-columns:minmax(220px,360px) max-content;gap:12px;align-items:end;padding:0 20px 20px}@media(max-width:600px){.compact-cover-form{grid-template-columns:1fr}.compact-cover-form .btn{width:100%}}
.cash-method-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:17px}.cash-method-grid article{padding:15px}.cash-method-grid span,.cash-method-grid strong{display:block}.cash-method-grid span{color:var(--muted);font-size:10px}.cash-method-grid strong{margin-top:6px;font-size:13px}.cash-close-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:16px;margin-bottom:17px}.cash-expected{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px}.cash-expected>div{padding:13px;border-left:1px solid var(--line)}.cash-expected>div:last-child{border-left:0}.cash-expected span,.cash-expected strong{display:block}.cash-expected span{color:var(--muted);font-size:9px}.cash-expected strong{margin-top:5px;font-size:11px}.cash-note{align-self:start}.cash-note p:last-child{color:var(--muted);line-height:2}.debt-followup-card{margin-bottom:17px}@media(max-width:1000px){.cash-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cash-close-layout{grid-template-columns:1fr}.cash-expected{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cash-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-expected{grid-template-columns:1fr}.cash-expected>div{border-left:0;border-bottom:1px solid var(--line)}}

/* Mobile tables: keep each record readable as a compact two-column card. */
@media(max-width:650px){
  .table-wrap{overflow:visible}
  .responsive-table tr{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:7px;padding:13px 14px}
  .responsive-table td{min-width:0;min-height:0;padding:3px 0!important;overflow-wrap:anywhere}
  .responsive-table td[data-label]::before{margin-bottom:3px;font-size:9px;line-height:1.35}
  .responsive-table td:last-child[data-label]{display:block;align-items:initial;justify-content:initial}
  .responsive-table td:not([data-label]){grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;padding-top:8px!important;border-top:1px dashed var(--line)!important}
  .responsive-table td:not([data-label])::before{display:none}
  .responsive-table .table-action{min-height:34px;padding:0 13px}
  .responsive-table td strong,.responsive-table td .phone-link,.responsive-table td small{max-width:100%}
}