/* ===== Ш2 · СТРОЕНЕ ПО СТЪПКИ — менюто на шкафа като поредност (Какво е → Обектът → Размер → Корпус → Основа → Вътре → Фасади → Прецизно) ===== */
#rdCabMenu{padding:0 0 6px}
.rdCmCap{display:flex;flex-direction:column;gap:1px;padding:10px 14px 4px}
.rdCmCap span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted,#5c6a7d)}
.rdCmCap small{font-size:10px;color:#9aa5b5}
/* стъпката = карта с глава (номер · заглавие · обобщение) и тяло, което се отваря */
.sidebar .rdStep.card{border-bottom:none !important;margin:0 10px 8px;border:1px solid var(--border,#d9dee6);border-radius:14px;background:#fff;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}
.sidebar .rdStep.card.open{border-color:#1c2c44;box-shadow:0 8px 24px rgba(28,44,68,.10)}
.rdStepH{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;user-select:none}
.rdStepH:hover{background:#f7f9fc}
.rdStepN{flex:none;min-width:28px;height:28px;padding:0 6px;border-radius:9px;background:#eef2f7;color:#1c2c44;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.02em}
.rdStep.open .rdStepN{background:#1c2c44;color:#e8b978}
.rdStepT{flex:1;min-width:0}
.rdStepT .t{font-size:13px;font-weight:800;color:var(--text,#1c2430);display:flex;align-items:center;gap:6px}
.rdStepS{font-size:10.5px;color:var(--muted,#5c6a7d);line-height:1.35;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rdStep.open .rdStepS{white-space:normal}
.rdChev{flex:none;width:8px;height:8px;border-right:2px solid #9aa5b5;border-bottom:2px solid #9aa5b5;transform:rotate(45deg);margin:0 4px 3px 0;transition:transform .18s ease}
.rdStep.open .rdChev{transform:rotate(-135deg);margin:3px 4px 0 0;border-color:#e8b978}
.rdDot{width:6px;height:6px;border-radius:3px;background:#e8b978;display:none;flex:none}
.rdStep.chg .rdDot{display:inline-block}
.rdStepOpt .rdStepN{background:transparent;border:1.5px dashed #c4cdd9;color:#5c6a7d}
.rdStepOpt.open .rdStepN{background:#1c2c44;border-color:#1c2c44;color:#e8b978}
/* тялото: скрито, докато стъпката не е отворена; „Какво е“ е отворена по подразбиране */
.sidebar .rdStep.card .body{display:none;padding:0 14px 12px}
.sidebar .rdStep.card.open .body{display:block;animation:rdStepIn .2s ease}
@keyframes rdStepIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
/* „Какво е“: картинката на шкафа + предназначението + какво го няма */
.rdWhat{display:flex;gap:12px;align-items:flex-start;padding-top:2px}
.rdWhatSvg{flex:none}
.rdWhatSvg svg{display:block}
.rdWhatIn{flex:1;min-width:0}
.rdWhatIn .rdPpBar{margin:0;padding:8px 10px}
.rdWhatIn .rdPpCur{flex-direction:column;align-items:stretch;gap:5px}
.rdWhatIn .rdPpBtn{margin:0;width:100%;text-align:left;font-size:12.5px;padding:8px 10px}
.rdWhatIn .rdPpS{font-size:10.5px}
.rdWhatGone{margin-top:8px;font-size:10.5px;line-height:1.45;color:#9aa5b5}
.rdWhatGone span{font-weight:800;color:var(--muted,#5c6a7d)}
.rdGuess{margin-top:8px;padding:9px 10px;border-radius:10px;background:#fdf4e3;border-left:3px solid #e8b978;font-size:11.5px;color:#1c2430;line-height:1.4}
.rdGuess button{margin:6px 6px 0 0;font:inherit;font-size:11.5px;font-weight:800;border-radius:8px;padding:6px 10px;cursor:pointer;border:1px solid #1c2c44;background:#1c2c44;color:#fff}
.rdGuess button.rdGuessNo{background:#fff;color:#1c2c44}
/* групите вътре в стъпката */
.rdGh{display:flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  font-weight:800;color:var(--muted,#5c6a7d);padding:12px 0 6px;margin-top:2px;border-top:1px solid var(--border,#d9dee6)}
.rdPart>.rdGroup:first-child .rdGh,.rdWhat+.rdWhatGone+.rdGroup .rdGh{border-top:none;padding-top:4px;margin-top:0}
.rdGh .rdGb{background:#e8b978;color:#1c2c44;font-size:9px;font-weight:800;border-radius:99px;padding:1px 6px;line-height:1.4}
.rdGh .rdGb[hidden]{display:none}
.rdGroup:empty{display:none}
/* „Напред“: води към следващата стъпка, която съществува за тази мебел */
.rdStepNext{display:flex;justify-content:flex-end;padding-top:10px}
.rdNextBtn{font:inherit;font-size:12px;font-weight:800;border:none;border-radius:9px;padding:8px 14px;background:#1c2c44;color:#e8b978;cursor:pointer;transition:filter .15s ease}
.rdNextBtn:hover{filter:brightness(1.12)}
.rdStep[data-step="what"] .rdStepNext{display:none}
/* кутиите на другите модули вътре в стъпките: без външно поле отгоре, за да не висят */
.rdPart>.rdApplBox:first-child,.rdPart>.rdCutBox:first-child{margin-top:4px}
/* старите номерирани карти остават в DOM само като празни обвивки */
.sidebar .card.rdMoved{display:none !important}
/* скок към секция: картата светва в злато */
.sec-card.rdFlash{animation:rdFlash 1.4s ease}
@keyframes rdFlash{0%{box-shadow:0 0 0 3px rgba(232,185,120,.95)}100%{box-shadow:0 0 0 3px rgba(232,185,120,0)}}
/* тъмна тема */
html.dark .sidebar .rdStep.card{background:#16233a;border-color:#2b3f60}
html.dark .sidebar .rdStep.card.open{border-color:#e8b978}
html.dark .rdStepH:hover{background:#1b2a44}
html.dark .rdStepN{background:#22324a;color:#a9bbd6}
html.dark .rdStep.open .rdStepN{background:#e8b978;color:#1c2c44}
html.dark .rdStepT .t{color:#dbe4f0}
html.dark .rdCmCap span{color:#8fa9cf}
html.dark .rdGh{border-top-color:#26374e}
html.dark .rdGuess{background:rgba(232,185,120,.12);color:#f0d5a6}
html.dark .rdGuess button.rdGuessNo{background:#16233a;color:#e9edf3;border-color:#2e415c}
/* лампите на осветлението живеят в „Прецизно и екстри › Осветление“; старата карта „кликни върху лампа" е скрита завинаги */
#lightViewBox{display:none !important}
.rdLamps{margin:4px 0 2px;background:#f7f9fc;border:1px solid var(--border,#d9dee6);border-radius:10px;padding:8px}
.rdLamps svg{display:block;width:100%;max-height:220px;margin:0 auto}
.rdLamps .rdLamp{fill:#e8b978;stroke:#a97c3a;stroke-width:1.2;transition:fill .15s ease}
.rdLamps .rdLamp:not(.on){fill:#e6ebf2;stroke:#9aa3af;stroke-dasharray:4 3}
.rdLamps .rdLamp:hover{stroke:#1c2c44;stroke-width:2}
.rdLampsNote{font-size:9.5px;color:var(--muted,#5c6a7d);margin-top:6px;line-height:1.4}
html.dark .rdLamps{background:#16233a;border-color:#2b3f60}
html.dark .rdLamps .rdLamp:not(.on){fill:#2b3a52;stroke:#5b7092}
/* условните редове (row_A2, row_slideCount…): inline display:none на програмата трябва да печели над !important на кожата */
/* с id, за да бие и „.row:has(input[type=checkbox]){display:flex !important}" на кожата — иначе Лост за дрехи и Въртележка оставаха видими при мивка */
#rdCabMenu .row[style*="display: none"],#rdCabMenu .row[style*="display:none"],
.sidebar .card .body .row[style*="display: none"],.sidebar .card .body .row[style*="display:none"]{display:none !important}

/* СЕКЦИЯТА (13.09): картинка + три числа + чипове — заменя картата от v0.1 */
.sidebar .card .body .sec-card.rdSec{padding:10px 12px 10px;margin-bottom:8px}
.rdSecH{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.rdSecH b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#1c2c44}
.rdSecH span{font-size:11px;color:var(--muted,#5c6a7d)}
.rdSecB{display:flex;gap:12px;align-items:flex-start}
.rdSecPic{flex:none;background:#fff;border:1px solid #edf0f5;border-radius:10px;padding:6px;line-height:0}
.rdSecPic svg{display:block;width:96px;height:120px}
.rdSecNums{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.rdSecN{display:block}
.rdSecN>span{display:block;font-size:11.5px;color:var(--muted,#5c6a7d);margin-bottom:4px}
.sidebar .card .body .rdSecN .num{position:relative;display:flex;width:100%}
.sidebar .card .body .rdSecN .num input{flex:1;width:100% !important;min-width:0;padding-left:34px;padding-right:34px;text-align:center;font-weight:700}
.sidebar .card .body .rdSecN .num button{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:7px;border:1px solid var(--border,#d9dee6);background:#fff;cursor:pointer;font-size:14px;line-height:1;color:#1c2c44}
.sidebar .card .body .rdSecN .num button:first-child{left:4px}
.sidebar .card .body .rdSecN .num button:last-child{right:4px}
.rdSecNote{font-size:11px;color:var(--muted,#5c6a7d);line-height:1.4}
.rdSecNote b{color:#1c2c44}
.rdSecChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border,#d9dee6)}
.rdChip{font:inherit;font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;border:1px solid var(--border,#d9dee6);background:#f7f9fc;color:#1c2c44;cursor:pointer;transition:background .12s,border-color .12s}
.rdChip:hover{border-color:#1c2c44}
.rdChip.on{background:#1c2c44;color:#e8b978;border-color:#1c2c44}
.rdSecFine .rdFineSec{padding:6px 0 4px}
.rdSecFine .rdFineSec b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#1c2c44;margin-bottom:4px}
.rdSecFine label{display:block;font-size:11.5px;color:var(--muted,#5c6a7d);margin-bottom:8px}
.rdSecFine label small{display:block;font-size:10px;color:#9aa5b5}
.rdSecFine label input[type=text],.rdSecFine label input[type=number],.rdSecFine label select{display:block;width:100%;margin-top:4px;font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--border,#d9dee6);background:#f7f9fc}
.rdSecFine label.rdFineChk{display:flex;align-items:center;gap:8px;color:#1c2c44}
.rdSecFine label.rdFineChk input{width:auto;margin:0}
html.dark .rdSecPic{background:#0f1622;border-color:#2b3f60}
html.dark .rdSecH b,html.dark .rdSecNote b{color:#dbe4f0}
html.dark .rdChip{background:#16233a;border-color:#2b3f60;color:#dbe4f0}
html.dark .rdChip.on{background:#e8b978;color:#1c2c44;border-color:#e8b978}
html.dark .sidebar .card .body .rdSecN .num button{background:#16233a;border-color:#2b3f60;color:#dbe4f0}