/* ==================== پذیرش حضوری (اول پلاک، بعد مشتری) — قرارداد core v0.30 ==================== */
/* این فایل فقط روی صفحه‌ی پذیرش لود می‌شود (customCSS). متغیرهای غایب در تم پنل را روی wrapper تعریف می‌کنیم. */
.accept-form {
    --border-color: #e5e7eb;
    --bg-white: #ffffff;
    --text-secondary: #6b7280;
    --text-primary: #111827;
    --border-radius: 12px;
    --primary-gradient: linear-gradient(135deg, #5b7dff, #8b5cf6);
}

.accept-form .section-title { font-size: 17px; font-weight: 700; margin: 22px 0 14px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); color: var(--text-primary); }
.accept-form .section-title:first-child { margin-top: 0; }
.accept-form .required { color: var(--danger-color); }
.accept-form .form-label, .accept-form label { font-weight: 500; color: var(--text-primary); }

/* راهنمای پیش‌پر شدن از دفترچه */
.lookup-status { font-size: 12.5px; margin-top: 6px; min-height: 18px; }
.lookup-status .spinner-border { width: 12px; height: 12px; border-width: 2px; }
.lookup-status.found { color: #16a34a; }
.lookup-status.notfound { color: var(--text-secondary); }
.prefill-badge { display: inline-flex; align-items: center; gap: 5px; background: rgba(22,163,74,.10); color: #16a34a; border-radius: 50px; padding: 3px 10px; font-size: 12px; font-weight: 600; }

/* پیش‌نمایش خودرو */
.car-preview { display: flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #f5f7ff, #eef2ff); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 16px 18px; margin-bottom: 20px; }
.car-preview-stage { width: 160px; max-width: 45%; }
.car-svg { width: 100%; height: auto; display: block; filter: drop-shadow(0 6px 10px rgba(15,23,42,.12)); }
.car-body { transition: fill .25s ease; }
.car-preview-cap { font-weight: 700; color: var(--text-primary); font-size: 16px; }

/* چیپ‌های برند */
.brand-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.brand-chip { border: 1px solid var(--border-color); background: var(--bg-white); color: var(--text-secondary); border-radius: 50px; padding: 5px 12px; font-size: 13px; font-weight: 500; cursor: pointer; transition: var(--transition-fast); font-family: inherit; }
.brand-chip:hover { border-color: var(--primary-light); color: var(--primary-color); }
.brand-chip.active { background: var(--primary-gradient); color: #fff; border-color: transparent; }

/* سوآچ رنگ */
.color-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.color-swatch { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border-color); background: var(--bg-white); border-radius: 50px; padding: 5px 12px 5px 8px; cursor: pointer; font-size: 13px; font-family: inherit; color: var(--text-secondary); transition: var(--transition-fast); }
.color-swatch .cs-dot { width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); flex: 0 0 18px; }
.color-swatch.light .cs-dot { box-shadow: inset 0 0 0 1px rgba(0,0,0,.28); }
.color-swatch:hover { border-color: var(--primary-light); }
.color-swatch.active { border-color: var(--primary-color); background: rgba(91,125,255,.08); color: var(--text-primary); font-weight: 600; }

/* پلاک واقع‌نما (ورودی) */
.plate { direction: ltr; display: inline-flex; align-items: stretch; background: #fff; border: 2px solid #111827; border-radius: 10px; overflow: hidden; box-shadow: var(--shadow-sm); max-width: 100%; }
.plate-main { display: flex; align-items: center; gap: 6px; padding: 8px 10px; }
.plate-cell { border: none; outline: none; text-align: center; font-weight: 800; font-size: 26px; color: #111827; background: transparent; padding: 2px 0; font-family: 'Vazirmatn','IRANSans',sans-serif; }
.plate-2 { width: 52px; } .plate-3 { width: 74px; } .plate-letter { width: 46px; }
.plate-cell:focus { background: rgba(91,125,255,.10); border-radius: 6px; }
.plate-region { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; background: #0b3d91; color: #fff; padding: 5px 9px; min-width: 58px; }
.plate-flag { display: flex; flex-direction: column; width: 22px; height: 14px; border-radius: 2px; overflow: hidden; }
.plate-flag i { flex: 1; display: block; }
.plate-flag i:nth-child(1){ background: #16a34a; } .plate-flag i:nth-child(2){ background: #fff; } .plate-flag i:nth-child(3){ background: #dc2626; }
.plate-region-num { width: 46px; border: none; outline: none; text-align: center; font-weight: 800; font-size: 20px; background: #fff; color: #111827; border-radius: 4px; padding: 1px 0; font-family: inherit; }
.plate-ir { font-size: 12px; font-weight: 700; }
@media (max-width: 480px){ .plate-cell{ font-size: 22px; } .plate-2{ width: 44px; } .plate-3{ width: 62px; } .plate-letter{ width: 42px; } .car-preview-stage{ width: 120px; } }