/* Inventory form (details/index.html): the dark look of /form, over the shared form markup */
.qz-inv .qz-main { max-width: 820px; }
.qz-inv .inv-head { margin: 0 0 32px; }
.qz-inv .inv-head .qz-eyebrow { color: var(--qz-acc-2); margin-bottom: 18px; }
.qz-inv .inv-head h1 { font: 600 clamp(34px, 4.4vw, 54px)/1.05 var(--tight); letter-spacing: -.035em; text-wrap: balance; }
.qz-inv .inv-head p { color: var(--qz-muted); font-size: 18px; line-height: 1.5; margin: 14px 0 0; }

.qz-inv .quote-card { background: none; border: 0; max-width: none; }
.qz-inv .form-block { padding: 0; }
.qz-inv .form-block + .form-block { border: 0; margin-top: 8px; }
.qz-inv .inv-step { background: var(--qz-card); padding: 36px 40px 22px; }
.qz-inv .block-label { font: 600 clamp(24px, 2.6vw, 32px)/1.15 var(--tight); letter-spacing: -.03em; text-transform: none; color: var(--qz-text); margin: 0 0 26px; }

/* Progress: one segment per step, like /form's bar */
.qz-inv .inv-steps { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; padding: 0; margin: 0 0 22px; border: 0; justify-content: stretch; }
.qz-inv .step { display: grid; gap: 10px; font: 400 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--qz-muted); }
.qz-inv .step i { order: 2; width: auto; height: 3px; background: var(--qz-line); }
.qz-inv .step.is-active, .qz-inv .step.is-done { color: var(--qz-text); }
.qz-inv .step.is-active i { background: var(--qz-acc); }
.qz-inv .step.is-done i { background: var(--qz-acc-2); opacity: .55; }

/* Questions and fields */
.qz-inv .q legend, .qz-inv .q-label, .qz-inv .est-row label { color: var(--qz-text); font-size: 16px; }
.qz-inv .q em, .qz-inv .est-row em { color: var(--qz-acc-2); }
.qz-inv .hint, .qz-inv .inv-opt { color: var(--qz-muted); font-size: 14px; }
.qz-inv .inv-intro, .qz-inv .inv-unit { color: #d9d2c8; }
.qz-inv input[type=text], .qz-inv input[type=email], .qz-inv input[type=tel], .qz-inv input[type=number], .qz-inv select, .qz-inv textarea {
  background: #0f0c0d; border-color: var(--qz-line); color: var(--qz-text); font-size: 16px; padding: 15px 16px;
}
.qz-inv input::placeholder, .qz-inv textarea::placeholder { color: #6f6863; }
.qz-inv input:focus, .qz-inv select:focus, .qz-inv textarea:focus { border-color: var(--qz-acc); background: #0f0c0d; }
.qz-inv select:invalid { color: #6f6863; }
.qz-inv select option { color: var(--ink); background: #fff; }
.qz-inv .select-wrap::after { border-color: var(--qz-muted); }
.qz-inv .invalid { border-color: #e0685e !important; }
.qz-inv fieldset.invalid legend { color: #e0685e; }

.qz-inv .chips { gap: 8px; }
.qz-inv .chips span { background: var(--qz-card-2); border-color: var(--qz-line); color: var(--qz-text); padding: 13px 18px; font-size: 16px; }
.qz-inv .chips label:hover span { border-color: var(--qz-muted); }
.qz-inv .chips input:checked + span { background: var(--qz-acc-bg); border-color: var(--qz-acc); color: var(--qz-text); }
.qz-inv fieldset.invalid .chips span { border-color: #e0685e; }

.qz-inv .inv-refer-out { display: block; margin: 0 0 24px; padding: 14px 16px; border: 1px dashed var(--qz-line); color: var(--qz-muted); text-decoration: none; font-size: 14px; }
.qz-inv .inv-refer-out b { display: block; color: var(--qz-text); font-weight: 500; margin-bottom: 4px; }
.qz-inv .inv-refer-out:hover { border-color: var(--qz-muted); }
.qz-inv .inv-referred { background: var(--qz-acc-bg); border-left-color: var(--qz-acc); color: var(--qz-text); }

.qz-inv .inv-system { background: var(--qz-card-2); border-color: var(--qz-line); }
.qz-inv .inv-remove { color: var(--qz-muted); }
.qz-inv .inv-remove:hover { color: var(--qz-text); }
.qz-inv .btn-line { background: none; border-color: var(--qz-line); color: var(--qz-text); }
.qz-inv .btn-line:hover { border-color: var(--qz-text); }
.qz-inv .inv-confirm { border-color: var(--qz-line); color: var(--qz-text); }
.qz-inv .inv-confirm input { accent-color: var(--qz-acc); }

/* Back / Next, in /form's yellow */
.qz-inv .inv-nav { margin-top: 18px; }
.qz-inv .inv-buttons .btn { padding: 22px 28px; font-size: 18px; }
.qz-inv .btn-dark { background: var(--qz-acc); color: var(--ink); }
.qz-inv .btn-dark:hover { background: var(--qz-acc-2); }
.qz-inv .btn-dark:disabled { background: var(--qz-acc); opacity: .5; }
.qz-inv .form-error { color: #e0685e; }
.qz-inv .fine { color: var(--qz-muted); }

.qz-inv .inv-done { background: var(--qz-card); padding: 44px 40px !important; }
.qz-inv .inv-done .payout-label { color: var(--qz-acc-2); }
.qz-inv .inv-done p:not(.payout-label) { color: #d9d2c8; }
.qz-inv .inv-refer-cta { border-color: var(--qz-line); }
.qz-inv .inv-rules-link { text-align: left; margin-top: 24px; }
.qz-inv .inv-rules-link a { color: var(--qz-muted); }

@media (max-width: 720px) {
  .qz-inv .inv-step { padding: 26px 18px 14px; }
  .qz-inv .inv-done { padding: 30px 20px !important; }
  .qz-inv .inv-steps .step:not(.is-active) b { display: inline; visibility: hidden; }
  .qz-inv .inv-buttons .btn { padding: 18px 20px; }
}