/* Direction chooser: the kitchen is the primary route, the other routes stay quiet. */
.choices-main {
  grid-template-areas:
    "kitchen kitchen wardrobe"
    "custom dressing sliding";
}

.choices-quick {
  grid-template-areas:
    "kitchen kitchen wardrobe"
    "sliding dressing dressing";
}

.choices .direction-kitchen { grid-area: kitchen; }
.choices .direction-wardrobe { grid-area: wardrobe; }
.choices .direction-sliding-wardrobe { grid-area: sliding; }
.choices .direction-dressing-room { grid-area: dressing; }
.choices .direction-custom-furniture { grid-area: custom; }
.choices .kitchen-card { min-height: 218px; }
.choice-card { min-height: 166px; padding: 18px; }

/* Shared form rhythm: compact on desktop while preserving comfortable controls. */
.shell { padding-block: 18px 32px; }
.page-head { margin: clamp(38px, 7vw, 76px) 0 22px; }
.action-panel,
.placeholder,
.calculation-card,
.quick-note,
.result-card { padding: clamp(18px, 3vw, 30px); }
.panel-note { margin-bottom: 14px; }
.action-grid { gap: 12px; }
.action-card { min-height: 150px; padding: 18px; }
.back-row { margin-top: 16px; }
form { gap: 12px; }
label { gap: 5px; }
input,
select { padding: 11px 13px; }
.primary { min-height: 46px; padding: 12px 18px; }
.quick-layout,
.admin-grid,
.main-kitchen-layout { gap: 14px; }
.field-grid { gap: 10px 14px; }
.radio-row { gap: 14px; }
.radio-stack { gap: 6px; }
.result-card { margin-top: 14px; }
.result-grid,
.money-table { margin-block: 16px; }
.main-kitchen-form { gap: 12px; }
.main-section + .main-section { margin-top: 8px; }
.main-section summary { padding: 12px 14px; }
.module-fields { padding: 0 14px 14px; }
.module-fields > .switch-label { margin-top: 10px; }
.additional-items { gap: 8px; }
.additional-item { padding: 12px; }
.additional-item-head { margin-bottom: 8px; }
.commercial-option,
.vat-option { padding: 10px; }
.commercial-option > div,
.vat-option > label + label { margin-top: 8px; }
.price-vat-compact {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(150px, 1fr) auto 78px;
  align-items: end;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f7faf8;
}
.price-vat-compact label { gap: 3px; }
.price-vat-compact select,
.price-vat-compact input { min-height: 38px; padding: 7px 10px; }
.price-vat-compact .vat-enabled { min-height: 38px; padding-bottom: 1px; white-space: nowrap; }
.main-commercial-top { display: grid; grid-column: 1 / -1; gap: 4px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 12px; background: #f7faf8; }
.main-commercial-top__labels,
.main-commercial-top__controls { display: grid; grid-template-columns: minmax(132px, 1fr) minmax(92px, auto) minmax(112px, 1fr); gap: 10px; }
.main-commercial-top__labels { color: #304b43; font-size: 14px; font-weight: 700; }
.main-commercial-top__field { position: relative; display: block; min-width: 0; margin: 0; }
.main-commercial-top__field :is(input, select) { display: block; min-height: 38px; height: 38px; padding: 7px 10px; }
.main-commercial-top__vat { display: flex; align-items: center; justify-content: center; height: 38px; margin: 0; padding: 0; white-space: nowrap; }
.main-commercial-top__vat input { width: auto; }
.vat-rate-field { position: relative; }
.vat-rate-field input { padding-right: 25px; text-align: center; }
.vat-rate-unit { position: absolute; right: 10px; bottom: 10px; color: var(--muted); font-weight: 800; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.estimate-title { margin: 0 0 14px !important; }
.estimate-summary { display: grid; gap: 6px; margin-bottom: 16px; }
.estimate-summary p { margin: 0; color: var(--ink); }
.estimate-summary strong { white-space: nowrap; }
.estimate-total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 14px 0; border-block: 1px solid var(--line); font-weight: 800; }
.estimate-total strong { font-size: 24px; white-space: nowrap; }
.main-estimate .document-button { width: 100%; margin: 14px 0; }
.estimate-details,
.breakdown-details { padding-block: 10px; border-bottom: 1px solid var(--line); }
.estimate-details summary,
.breakdown-details summary { cursor: pointer; font-weight: 750; }
.estimate-money-table { margin: 12px 0 0; }
.composition-dishwasher { margin-bottom: 10px; }
.archive-summary { margin-bottom: 12px; }
.archive-summary > div { padding: 14px; }
.archive-detail-actions { margin-block: 12px; }
.document-dialog form { padding: 20px; }
.document-downloads { margin-block: 12px; padding: 12px; }

.archive-tabs,
.archive-bulk-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.archive-tabs { margin: 0 0 10px; }
.archive-tabs button,
.archive-bulk-actions button { min-height: 36px; padding: 7px 12px; }
.archive-tabs button[aria-pressed="true"] { background: var(--ink, #202629); border-color: var(--ink, #202629); color: #fff; }
.archive-bulk-actions { justify-content: space-between; margin: 0 0 10px; }
.archive-bulk-actions label { display: inline-flex; align-items: center; gap: 6px; margin: 0; }

@media (max-width: 740px) {
  .choices-main,
  .choices-quick {
    grid-template-areas: none;
  }

  .choices-main .choice-card,
  .choices-quick .choice-card {
    grid-area: auto;
  }

  .choice-card { min-height: 126px; padding: 16px; }
  .choices .kitchen-card { min-height: 154px; }
  .calculation-card,
  .quick-note,
  .result-card,
  .action-panel { padding: 20px; }
  input,
  select { min-height: 44px; padding: 10px 12px; }
  .primary { min-height: 48px; }
  .price-vat-compact { grid-template-columns: minmax(0, 1fr) auto 70px; gap: 8px; padding: 8px; }
  .price-vat-compact select,
  .price-vat-compact input { min-height: 42px; padding: 8px; }
  .price-vat-compact .vat-enabled { min-height: 42px; }
  .main-commercial-top { gap: 6px; padding: 8px; }
  .main-commercial-top__labels,
  .main-commercial-top__controls { grid-template-columns: minmax(0, 1fr) minmax(92px, auto); gap: 8px; }
  .main-commercial-top__labels span:last-child,
  .main-commercial-top__rate { grid-column: 1 / -1; }
  .main-commercial-top__field :is(input, select),
  .main-commercial-top__vat { min-height: 42px; height: 42px; }
  .vat-rate-unit { bottom: 12px; right: 9px; }
  .archive-bulk-actions { align-items: stretch; flex-direction: column; }
  .archive-bulk-actions button { width: 100%; }
}

/* Main Wardrobe: keep parts, nested sections, and form controls visually distinct. */
#main-wardrobe-form :is(input, select) { min-height: 44px; }
#main-wardrobe-form .calculation-card > .main-section:has(.wardrobe-sections),
.main-wardrobe-part {
  margin: 10px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f1f6f3;
}
#main-wardrobe-form .calculation-card > .main-section:has(.wardrobe-sections) > summary {
  margin-bottom: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
#main-wardrobe-form .calculation-card > .main-section:has(.wardrobe-sections) > .field-grid,
#main-wardrobe-form .calculation-card > .main-section:not(:has(.wardrobe-sections)) > .field-grid {
  padding: 0 2px 12px;
}
#main-wardrobe-form .wardrobe-sections,
.main-wardrobe-part .wardrobe-sections {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 10px;
  background: #fff;
}
#main-wardrobe-form .wardrobe-sections h3 { margin: 0; font-size: .9rem; }
#main-wardrobe-form .section-card,
.main-wardrobe-part .section-card {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f8fbf9;
}
#main-wardrobe-form .section-card > strong {
  display: block;
  margin-bottom: 10px;
}
#main-wardrobe-form :is([data-wardrobe-add-part], [data-wardrobe-add-section]),
.main-wardrobe-part .secondary,
.wardrobe-sections .secondary {
  width: fit-content;
  min-height: 38px;
  padding: 8px 12px;
}
#main-wardrobe-form .field-grid > .switch-label:has(input[name="includeHdf"]) { grid-column: 1; grid-row: 4; }
#main-wardrobe-form .field-grid > .switch-label:has(input[name="vat.enabled"]) { grid-column: 1; grid-row: 5; }
#main-wardrobe-form .field-grid > label:has(input[name="vat.rate"]) { grid-column: 2; grid-row: 5; }
#main-wardrobe-form .calculation-card > .main-section:not(:has(.wardrobe-sections)) {
  margin: 10px 0;
  padding: 12px 14px;
}
#main-wardrobe-form [data-wardrobe-extra] {
  align-items: end;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fafcfb;
}
#main-wardrobe-form [data-wardrobe-extra] [data-wardrobe-remove-extra] {
  align-self: center;
  width: fit-content;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid rgba(165,58,50,.35);
  border-radius: 8px;
  background: #fff8f7;
  color: #9b2f29;
}
@media (max-width: 640px) {
  #main-wardrobe-form .calculation-card > .main-section:has(.wardrobe-sections),
  #main-wardrobe-form .calculation-card > .main-section:not(:has(.wardrobe-sections)) { padding: 12px; }
  #main-wardrobe-form .wardrobe-sections,
  #main-wardrobe-form .section-card,
  #main-wardrobe-form [data-wardrobe-extra] { padding: 10px; }
  #main-wardrobe-form .field-grid > .switch-label:has(input[name="includeHdf"]),
  #main-wardrobe-form .field-grid > .switch-label:has(input[name="vat.enabled"]),
  #main-wardrobe-form .field-grid > label:has(input[name="vat.rate"]) { grid-column: auto; grid-row: auto; }
}

/* Main Nonstandard: the legacy manual sequence is a compact item accordion. */
.nonstandard-categories { display: grid; gap: 8px; }
.nonstandard-category { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #f8fbf9; }
.nonstandard-category > summary { padding: 13px 14px; cursor: pointer; font-size: .86rem; font-weight: 800; letter-spacing: .035em; }
.nonstandard-category[open] > summary { border-bottom: 1px solid var(--line); background: #f1f6f3; }
.nonstandard-category-items { display: grid; gap: 1px; padding: 8px; }
.nonstandard-category-items > .muted { margin: 2px 4px; font-size: .9rem; }
.nonstandard-standard-row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(100px, .24fr); align-items: center; gap: 12px; padding: 10px; border-radius: 9px; background: #fff; cursor: pointer; }
.nonstandard-standard-row.is-disabled { color: var(--muted); background: transparent; }
.nonstandard-standard-row.is-disabled .nonstandard-standard-title { opacity: .68; }
.nonstandard-standard-row input[type="checkbox"] { width: 18px; height: 18px; margin: 0; }
.nonstandard-standard-title { display: grid; gap: 2px; min-width: 0; }
.nonstandard-standard-title small { color: var(--muted); font-size: .78rem; font-weight: 600; }
.nonstandard-quantity { display: grid; gap: 3px; color: var(--muted); font-size: .72rem; font-weight: 800; }
.nonstandard-quantity input { min-height: 40px; padding: 7px 9px; text-align: right; }
.nonstandard-profile-fields { display: grid; gap: 10px; padding: 10px; border-radius: 9px; background: #fff; }
.nonstandard-profile-fields > .switch-label { grid-column: 1 / -1; min-height: 38px; margin: 0; }
.nonstandard-profile-fields label { min-width: 0; }
.nonstandard-profile-fields input { min-height: 40px; padding: 7px 9px; }
.nonstandard-profile-top { display: grid; grid-template-columns: minmax(160px, .38fr) minmax(0, 1fr); gap: 14px; align-items: end; }
.nonstandard-profile-top .switch-label { min-height: 40px; margin: 0; }
.nonstandard-profile-widths { display: grid; gap: 6px; }
.nonstandard-profile-widths > div { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.nonstandard-profile-widths label { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; }
.nonstandard-profile-widths input[type="checkbox"] { min-height: 18px; width: 18px; padding: 0; margin: 0; }
.nonstandard-profile-dividers { display: grid; gap: 7px; }
.nonstandard-profile-dividers > label { display: grid; grid-template-columns: minmax(0, 1fr) minmax(145px, .26fr); gap: 12px; align-items: center; }
.nonstandard-profile-dividers label > span:last-child { grid-column: 1 / -1; }
.nonstandard-profile-dividers input { width: 96px; text-align: right; }
.nonstandard-commercial .nonstandard-price-version { align-self: end; margin: 0; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: #f7faf8; }
.nonstandard-manual-row { margin: 8px 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #f8fbf9; }
.nonstandard-manual-row .text-button { margin-top: 8px; }
.form-reset-row { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.form-reset-row { justify-content: flex-start; gap: 8px; }
.vat-row { display: grid; grid-template-columns: auto minmax(96px, 1fr); align-items: end; gap: 10px; }
.vat-row > label { margin: 0; }
.field-grid > .switch-label:has(input[name="vat.enabled"]) { align-self: end; }
.field-grid > label:has(input[name="vat.rate"]) { align-self: end; }
.admin-price-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.file-input { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font-weight: 700; }
.file-input input { position: absolute; width: 1px; height: 1px; opacity: 0; }
#main-nonstandard-form input[type="number"]::-webkit-inner-spin-button,
#main-nonstandard-form input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0; }
#main-nonstandard-form input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
@media (max-width: 740px) {
  .nonstandard-standard-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; }
  .nonstandard-standard-title { grid-column: 1 / -1; }
  .nonstandard-quantity { min-width: 122px; }
  .nonstandard-category-items { padding: 7px; }
  .nonstandard-standard-row { padding: 10px; }
  .nonstandard-profile-fields { gap: 8px; padding: 10px; }
  .nonstandard-profile-top, .nonstandard-profile-dividers > label { grid-template-columns: 1fr; gap: 7px; }
  .nonstandard-profile-dividers label > span:last-child { grid-column: auto; }
}