/* Fladero — НОВ ДИЗАЙН v2: моделът от концепта (рейл | шкафове | превю | настройки)
   върху ПЪЛНАТА програма. Само скелет и кожа — нула намеса в изчисленията. */

/* нашето синьо: акцентът на цялата програма става брандовият navy */
:root{--accent:#1c2c44;--accent-soft:rgba(28,44,68,.13)}
html.dark{--accent:#7db4ff;--accent-soft:rgba(125,180,255,.22)}
input:focus,select:focus{outline:2px solid rgba(28,44,68,.45)}

/* ── лява navy лента с екраните ──────────────────────────────── */
#rdRail{position:fixed;left:0;top:0;bottom:0;width:56px;background:#1c2c44;
  display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px;z-index:1200}
#rdRail .rdlogo{width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:12px;cursor:pointer}
#rdRail .rdlogo:hover{background:rgba(255,255,255,.08)}
#rdRail button{width:40px;height:40px;border-radius:10px;border:none;background:transparent;
  display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
#rdRail button svg{stroke:#8fa2bd;fill:none;stroke-width:1.6}
#rdRail button.on{background:rgba(232,185,120,.18)}
#rdRail button.on svg{stroke:#e8b978}
#rdRail button:hover:not(.on){background:rgba(255,255,255,.08)}

/* ── втора колона: ШКАФОВЕТЕ В ПРОЕКТА (строи я skin.js) ─────── */
#rdSide{position:fixed;left:56px;top:0;bottom:0;width:250px;background:var(--panel,#fff);
  border-right:1px solid var(--border,#d9dee6);z-index:1150;display:flex;flex-direction:column;overflow-y:auto}
#rdSide .rdproj{padding:14px 16px 10px;border-bottom:1px solid var(--border,#d9dee6);cursor:pointer}
#rdSide .rdproj small{font-size:12px;color:var(--muted,#5c6a7d);display:block}
#rdSide .rdproj b{font-size:15px}
#rdSide .rdcap{padding:12px 12px 6px;font-size:11.5px;font-weight:700;color:var(--muted,#5c6a7d);letter-spacing:.4px}
#rdCabs{display:flex;flex-direction:column;gap:4px;padding:0 10px}
#rdCabs .rdcab{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;
  cursor:pointer;border:1px solid transparent}
#rdCabs .rdcab.on{background:#eef2f7;border-color:#c3cfdf}
#rdCabs .rdcab b{font-size:13.5px;display:block;font-weight:600}
#rdCabs .rdcab small{font-size:11.5px;color:var(--muted,#5c6a7d)}
#rdAdd{margin:10px;border:1.5px dashed #c4cdd9;border-radius:9px;padding:9px;text-align:center;
  font-size:13px;color:var(--muted,#5c6a7d);font-weight:600;cursor:pointer;background:transparent;width:calc(100% - 20px)}
#rdAdd:hover{border-color:#1c2c44;color:#1c2c44}
/* бутоните на шкафа (копирай/огледално/шаблон/изтрий) — преместени тук */
#rdSide .cabbar{display:flex;gap:6px;align-items:center;margin:2px 10px 10px;padding:0;
  border:none;background:transparent;box-shadow:none;overflow:visible;flex-wrap:nowrap}
#rdSide .cabbar .rdCabBtn{width:38px;height:34px;flex:1;border:1px solid var(--border,#d9dee6) !important;
  background:var(--panel,#fff) !important;border-radius:9px;display:inline-flex;align-items:center;
  justify-content:center;padding:0;cursor:pointer}
#rdSide .cabbar .rdCabBtn svg{stroke:#5c6a7d;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#rdSide .cabbar .rdCabBtn:hover{border-color:#1c2c44 !important}
#rdSide .cabbar .rdCabBtn:hover svg{stroke:#1c2c44}
#rdSide .cabbar .rdCabBtn.primary{background:#1c2c44 !important;border-color:#1c2c44 !important}
#rdSide .cabbar .rdCabBtn.primary svg{stroke:#e8b978}
#rdSide .cabbar .rdCabBtn[title="Изтрий"]:hover{border-color:#b91c1c !important}
#rdSide .cabbar .rdCabBtn[title="Изтрий"]:hover svg{stroke:#b91c1c}
#rdSide .cabbar select{display:none}   /* списъкът вляво Е селекторът */
/* библиотеката с готовите шкафове — плочки с детайлни икони (избраното от концептите) */
#rdSide .presets{padding:0 10px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#rdSide .presets button{display:flex;flex-direction:column;align-items:center;gap:3px;
  border:1px solid var(--border,#d9dee6);background:var(--panel,#fff);border-radius:12px;
  padding:8px 4px 7px;font-size:10.5px;font-weight:600;color:var(--muted,#5c6a7d);
  cursor:pointer;line-height:1.15;text-align:center}
#rdSide .presets button:hover{border-color:#1c2c44;color:#1c2c44}
#rdSide .presets button svg{display:block}
#rdSide .presets button:first-child{grid-column:1 / -1;flex-direction:row;gap:8px;
  background:#1c2c44;color:#e8b978;border-color:#1c2c44;font-size:12.5px;font-weight:700;padding:9px}
#rdSide .presets button.user{flex-direction:row;gap:6px;font-size:11.5px;grid-column:1 / -1;padding:8px}

/* ЖЕЛЯЗНОТО ПРАВИЛО НА ПАНЕЛА: етикет отгоре, ВСЯКО поле на пълна ширина, един ритъм */
.sidebar .card .body .row{display:block;margin-bottom:10px}
.sidebar .card .body .row>label{display:block;font-size:11.5px;color:var(--muted,#5c6a7d);margin-bottom:4px;flex:none}
.sidebar .card .body .row>label .hint{display:none}   /* дребните обяснения — вън от панела */
.sidebar .card .body .row input[type=text],
.sidebar .card .body .row input[type=number],
.sidebar .card .body .row select{width:100% !important}
.sidebar .card .body input[type=text],
.sidebar .card .body input[type=number]{background:#f7f9fc}
.sidebar .card .body input:focus{background:#fff}
.sidebar .card .body .row input[type=number]{text-align:center;font-weight:700}
.sidebar .card .body .row>input[type=number],
.sidebar .card .body .row>input[type=text]{display:block}   /* винаги под етикета, никога до него */
.sidebar .card .body .row{display:block !important}
/* стъпер С3: в покой само цифрата; − и + изплуват при посочване/фокус, ВЪТРЕ в полето */
.sidebar .card .body .num{position:relative;display:flex;width:100%}
.sidebar .card .body .num input{flex:1;width:100% !important;min-width:0;padding-left:38px;padding-right:38px}
.sidebar .card .body .num button{position:absolute;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border:none !important;border-radius:8px;background:#eef2f7;color:#1c2c44;
  font-size:15px;font-weight:700;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .12s;cursor:pointer;z-index:2}
.sidebar .card .body .num button:first-child{left:5px}
.sidebar .card .body .num button:last-child{right:5px}
.sidebar .card .body .num:hover button,
.sidebar .card .body .num:focus-within button{opacity:1}
.sidebar .card .body .num button:hover{background:#1c2c44;color:#fff}
/* редовете с отметка си остават на един ред */
.sidebar .card .body .row:has(input[type=checkbox]){display:flex !important;align-items:center;gap:10px;margin-bottom:9px}
.sidebar .card .body .row:has(input[type=checkbox])>label{margin:0;flex:1;font-size:13px;color:var(--text,#1c2430)}
/* материалите: мостра на дървото вляво в селекта */
.rdMat{position:relative}
.rdMat select{padding-left:40px !important}
.rdMat .rdSw{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;
  border-radius:5px;background:linear-gradient(135deg,#ecd9b8,#d4b583);border:1px solid #c9a97a;pointer-events:none}

/* селектите: чисти, наши — не сивите системни */
select{appearance:none;-webkit-appearance:none;background-color:var(--panel,#fff);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5l3 3 3-3' fill='none' stroke='%235c6a7d' stroke-width='1.6'/></svg>");
  background-repeat:no-repeat;background-position:right 10px center;
  padding:8px 30px 8px 10px;font-weight:600}

/* габаритите като в концепта П1: етикет отгоре, трите полета в един ред */
.rdDims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}
.rdDims .row{display:block;margin:0}
.rdDims .row label{display:block;font-size:11px;color:var(--muted,#5c6a7d);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Ш/В/Д като в концепта: три РАВНИ кутии на пълна ширина, само чистата цифра */
.sidebar .card .body .rdDims .row{display:block;margin:0}
.sidebar .card .body .rdDims .row>label{display:block;flex:none;margin:0 0 3px;font-size:11px;color:var(--muted,#5c6a7d)}
.sidebar .card .body .rdDims .num{display:flex;width:100%}
.sidebar .card .body .rdDims .num input{flex:1;width:100% !important;min-width:0;font-weight:800;font-size:16px;
  padding:9px 24px;text-align:center;border-radius:9px !important;background:#f7f9fc}
.sidebar .card .body .rdDims .num input:focus{background:#fff;border-color:#1c2c44;outline:2px solid #1c2c44}
/* и тук С3: изплуват, но по-малки (кутиите са тесни) */
.sidebar .card .body .rdDims .num button{width:20px;height:22px;border-radius:6px;font-size:13px}
.sidebar .card .body .rdDims .num button:first-child{left:3px}
.sidebar .card .body .rdDims .num button:last-child{right:3px}

body{margin-left:306px}

/* ── горна лента Т2: navy, слята с рейла в Г-рамка, с ИСТИНСКОТО лого ── */
header{background:#1c2c44;color:#fff;border-bottom:none;
  position:sticky;top:0;z-index:1160;padding:0 16px;height:53px;
  margin-left:-250px;display:flex;align-items:center;flex-wrap:nowrap;gap:16px}
header h1{display:none !important}   /* логото живее на рейла — без дубликат */
header .sub{display:none}
nav#mainNav{display:none}
.projbar{display:flex;align-items:center;gap:5px;margin-left:auto;flex-wrap:nowrap}
.projbar button{background:rgba(255,255,255,.08);color:#dbe4f0;border:none;border-radius:9px}
.projbar button:hover{background:rgba(255,255,255,.18)}
.projbar select{border-radius:9px;background-color:rgba(255,255,255,.08) !important;color:#dbe4f0;border:none;
  width:auto !important;min-width:0 !important;flex:none;padding:8px 26px 8px 10px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5l3 3 3-3' fill='none' stroke='%23c9d4e2' stroke-width='1.6'/></svg>") !important;
  background-repeat:no-repeat !important;background-position:right 8px center !important}
.projbar select option{color:#1c2430;background:#fff}
.projbar select#projSelect{display:none}  /* проектът се вижда и сменя вляво */
/* колоната с шкафовете започва ПОД navy лентата */
#rdSide{top:53px}

/* ── трите колони: настройките отиват ВДЯСНО, превюто в центъра ─ */
.layout{flex-direction:row-reverse}
.sidebar{width:320px}

/* ── общият вид (концепт А) ──────────────────────────────────── */
.card{border-radius:14px;box-shadow:0 1px 3px rgba(28,44,68,.05)}
.card h2{background:var(--panel,#fff);font-size:11.5px;letter-spacing:.5px;
  text-transform:uppercase;color:var(--muted,#5c6a7d)}
.preview-box{border-radius:14px;box-shadow:0 1px 3px rgba(28,44,68,.05)}
.preview-wrap{background:linear-gradient(180deg,#f7f9fc,#e9eef6);border-radius:14px;padding:12px}
html.dark .preview-wrap{background:none}
html.dark #rdSide{background:var(--panel,#1a2635)}
.btn{border-radius:10px}
input[type=number],select,input[type=text]{border-radius:9px}

/* ── печат и телефон ─────────────────────────────────────────── */
@media print{
  #rdRail,#rdSide{display:none !important}
  body{margin-left:0 !important}
  header{position:static}
}
@media (max-width:900px){
  #rdSide{display:none}
  body{margin-left:56px}
  .projbar select#projSelect{display:inline-block}
  .layout{flex-direction:column}
  .sidebar{width:auto}
}
@media (max-width:700px){
  #rdRail{top:auto;bottom:0;left:0;right:0;width:auto;height:54px;
    flex-direction:row;justify-content:center;padding:0 8px;gap:4px}
  #rdRail .rdlogo{display:none}
  body{margin-left:0;padding-bottom:54px}
}

/* ── СЕКЦИИТЕ: карти в стила на концепта ─────────────────────── */
.sec-card{background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:12px;
  padding:12px;margin-bottom:10px}
.sec-card .sec-title{font-size:11px;letter-spacing:.5px;text-transform:uppercase;
  color:var(--muted,#5c6a7d);margin-bottom:9px}
.sec-card .sec-title a{opacity:.55;text-decoration:none;margin-left:7px;font-size:13px}
.sec-card .sec-title a:hover{opacity:1}
.sec-card .row:last-child{margin-bottom:0}

/* ── РАЗКРОЯТ (концепт А2): всяка плоча е карта с шапка ──────── */
#nestResult h3{font-size:12px;letter-spacing:.5px;text-transform:uppercase;
  color:var(--muted,#5c6a7d);margin:20px 0 6px;border:none;background:none}
#nestResult .nest-info{background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);
  border-bottom:none;border-radius:14px 14px 0 0;padding:11px 15px;margin-top:14px;
  font-size:13px;box-shadow:0 1px 3px rgba(28,44,68,.05)}
#nestResult .nest-info b{color:var(--text,#1c2430)}
#nestResult svg.sheet-svg{display:block;background:#fff;border:1px solid var(--border,#d9dee6);
  border-top:none;border-radius:0 0 14px 14px;padding:8px;box-sizing:border-box;
  box-shadow:0 1px 3px rgba(28,44,68,.05)}
html.dark #nestResult svg.sheet-svg{background:#16202e}


/* ── И1: горната лента — чиста линия, злато при активно ──────── */
.projbar button.rdTop{background:transparent !important;border:none !important;
  width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.projbar button.rdTop svg{stroke:#8fa2bd;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.projbar button.rdTop:hover{background:rgba(255,255,255,.1) !important}
.projbar button.rdTop:hover svg{stroke:#fff}
.projbar button.rdTop.on{background:rgba(232,185,120,.15) !important}
.projbar button.rdTop.on svg{stroke:#e8b978}
.projbar button.rdSep{margin-left:12px;position:relative}
.projbar button.rdSep::before{content:"";position:absolute;left:-7px;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.16)}


/* ── чипове и тъмно меню за език/мерки ───────────────────────── */
.projbar .rdChip{background:rgba(255,255,255,.08);border:none;border-radius:9px;height:34px;
  padding:0 12px;color:#dbe4f0;font-size:12.5px;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px}
.projbar .rdChip:hover{background:rgba(255,255,255,.16)}
.rdMenu{position:fixed;z-index:3000;background:#16202e;border:1px solid #2e415c;border-radius:12px;
  padding:6px;min-width:190px;display:none;box-shadow:0 12px 34px rgba(0,0,0,.4)}
.rdMenu.open{display:block}
.rdMenu .rdMi{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;cursor:pointer;color:#dbe4f0}
.rdMenu .rdMi b{font-size:12px;width:26px;color:#8fa2bd}
.rdMenu .rdMi span{flex:1;font-size:13.5px;font-weight:600}
.rdMenu .rdMi:hover{background:rgba(255,255,255,.07)}
.rdMenu .rdMi.on{background:rgba(232,185,120,.12)}
.rdMenu .rdMi.on b,.rdMenu .rdMi.on span{color:#e8b978}

/* ===== ЗОНАТА С ПРЕВЮТАТА: К1 табове + К4 сцена + К8 кино ===== */
.rdPrevTabs{display:inline-flex;gap:2px;margin:2px 0 10px;background:#eef2f7;border-radius:12px;padding:3px}
.rdPrevTabs .rdPt{padding:7px 16px;border-radius:9px;font-size:13px;font-weight:700;color:#5c6a7d;cursor:pointer;border:none;background:transparent;transition:background .18s cubic-bezier(.2,.8,.2,1),color .18s}
.rdPrevTabs .rdPt:hover{background:rgba(28,44,68,.07)}
.rdPrevTabs .rdPt.on{background:#1c2c44 !important;color:#e8b978 !important;box-shadow:0 3px 10px rgba(28,44,68,.22);view-transition-name:segTabs}
html.dark .rdPrevTabs .rdPt{color:#93a4bd}
html.dark .rdPrevTabs .rdPt.on{background:#7db4ff !important;color:#101b2d !important}
.preview-wrap.rdPrev{position:relative}
.preview-wrap.rdPrev .preview-box{display:none}
.preview-wrap.rdPrev[data-rdview="front"] .rdBoxFront{display:block;flex:1 1 100%}
.preview-wrap.rdPrev[data-rdview="side"] .rdBoxSide{display:block;flex:1 1 100%}
.preview-wrap.rdPrev[data-rdview="3d"] .rdBox3d{display:block;flex:1 1 100%}
.preview-wrap.rdPrev .rdBoxFront h3, .preview-wrap.rdPrev .rdBoxSide h3{display:none}
.preview-wrap.rdPrev .rdBoxFront svg, .preview-wrap.rdPrev .rdBoxSide svg{max-height:56vh !important;display:block;margin:14px auto}
/* К4 — сцената */
.preview-wrap.rdPrev .rdBox3d{background:radial-gradient(circle at 50% 62%, #ffffff 0%, #dfe6ef 100%) !important;border-radius:14px;min-height:420px}
html.dark .preview-wrap.rdPrev .rdBox3d{background:radial-gradient(circle at 50% 62%, #1d2a40 0%, #131e30 100%) !important}
.preview-wrap.rdPrev .rdBox3d #svg3d svg{max-height:58vh !important;display:block;margin:0 auto;filter:drop-shadow(0 26px 16px rgba(28,44,68,.20));transition:transform .15s}
.preview-wrap.rdPrev .rdBox3d h3{font-size:0;text-align:right;margin:0;min-height:34px}
.preview-wrap.rdPrev .rdBox3d h3 .btn{float:right !important;width:32px;height:32px;margin:0 0 0 6px !important;padding:0;border:1px solid var(--border,#d9dee6) !important;background:var(--panel,#fff) !important;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#1c2c44;cursor:pointer}
.preview-wrap.rdPrev .rdBox3d h3 .btn svg{pointer-events:none}
.preview-wrap.rdPrev .rdBox3d h3 .btn.rdOn{background:rgba(232,185,120,.18) !important;border-color:#e8b978 !important;color:#9a6f2f}
html.dark .preview-wrap.rdPrev .rdBox3d h3 .btn{color:#c7d4e8}
.rdStageHint{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600;color:#5c6a7d;box-shadow:0 2px 6px rgba(28,44,68,.10);pointer-events:none;white-space:nowrap}
/* К8 — кино режим */
body.rdCinema .preview-wrap.rdPrev .rdBox3d{position:fixed;inset:0;z-index:6000;border-radius:0;margin:0;background:radial-gradient(circle at 50% 58%, #182642 0%, #0c1524 100%) !important;display:flex !important;flex-direction:column;justify-content:center;padding:24px}
body.rdCinema .preview-wrap.rdPrev .rdBox3d h3{position:absolute;top:14px;right:16px;z-index:2}
body.rdCinema .preview-wrap.rdPrev .rdBox3d h3 .btn{background:rgba(16,27,45,.85) !important;border-color:#31415c !important;color:#8fa4c4}
body.rdCinema .preview-wrap.rdPrev .rdBox3d #svg3d svg{max-height:86vh !important;filter:drop-shadow(0 34px 22px rgba(0,0,0,.45))}
body.rdCinema .rdStageHint{background:rgba(16,27,45,.85);border-color:#31415c;color:#8fa4c4}
body.rdCinema .rdCineStats{position:absolute;left:0;right:0;bottom:0;background:#0a1220;display:flex;justify-content:center;gap:26px;padding:7px 10px;font-size:12px;color:#8fa4c4;z-index:2}
.rdCineStats{display:none}
.rdCineStats b{color:#c7d4e8;font-weight:700}

/* статистиките под превюто — в стила на концепта */
#totals .tot{background:var(--panel,#fff) !important;border:1px solid var(--border,#d9dee6) !important;border-radius:10px !important;padding:6px 12px !important;display:inline-flex;flex-direction:column;gap:1px;font-size:10px !important;color:#5c6a7d !important;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
#totals .tot b{font-size:14.5px;color:#2a3648;text-transform:none;letter-spacing:0;font-weight:800}
html.dark #totals .tot{background:#1b2536 !important;border-color:#2c3a52 !important;color:#93a4bd !important}
html.dark #totals .tot b{color:#dfe7f4}

body.rdCinema .rdStageHint{bottom:44px}

/* ===== ГЛОБАЛНА ЧЕТКА: бутони и таблици в стила на концепта ===== */
.btn{background:#1c2c44;border:1px solid #1c2c44;color:#e8b978;border-radius:9px;font-weight:700}
.btn:hover{filter:none;background:#25395a}
.btn.gray, .btn.ghost{background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);color:#2a3648;font-weight:600}
.btn.gray:hover, .btn.ghost:hover{border-color:#1c2c44;background:var(--panel,#fff)}
.btn.danger{background:#fff;border:1px solid #fca5a5;color:#b91c1c}
html.dark .btn{background:#7db4ff;border-color:#7db4ff;color:#101b2d}
html.dark .btn:hover{background:#93c1ff}
html.dark .btn.gray, html.dark .btn.ghost{background:#1b2536;border-color:#2c3a52;color:#dbe5f3}
html.dark .btn.gray:hover, html.dark .btn.ghost:hover{border-color:#7db4ff;background:#1b2536}
html.dark .btn.danger{background:transparent;color:#f87171;border-color:#7f1d1d}
table th{background:#f2f5f9 !important;color:#5c6a7d !important;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
html.dark table th{background:#223048 !important;color:#93a4bd !important}

/* тъмна тема — полета, списък шкафове, библиотека */
html.dark .sidebar .card .body input[type=text],
html.dark .sidebar .card .body input[type=number]{background:#141e2d;color:#e2eaf6;border-color:#2c3a52}
html.dark .sidebar .card .body input:focus{background:#101827}
html.dark .sidebar .card .body .row select{background-color:#141e2d;color:#e2eaf6;border-color:#2c3a52}
html.dark #rdCabs .rdcab{color:#dbe5f3}
html.dark #rdCabs .rdcab.on{background:#223048;border-color:#31435f}
html.dark #rdCabs .rdcab small{color:#93a4bd}
html.dark #rdSide .presets button{background:#1b2536;border-color:#2c3a52;color:#c7d4e8}
html.dark #rdSide .presets button:hover{border-color:#7db4ff;color:#cfe2ff}

/* заглавията на категориите в библиотеката */
#libModal .libCat{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5c6a7d}
html.dark #libModal .libCat{color:#93a4bd}

/* лентата над превюто: табове вляво + инструментите като ЕДНА слята група вдясно */
.rdPrevTabs{align-items:center}
.rdPrevTools{margin-left:auto;display:none;align-items:stretch;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:10px;overflow:hidden}
.rdPrevTabs[data-v="3d"] .rdPrevTools{display:flex}
.rdPrevTools .btn{border:none !important;border-left:1px solid var(--border,#d9dee6) !important;border-radius:0 !important;background:transparent !important;width:42px;height:34px;margin:0 !important;padding:0 !important;float:none !important;display:inline-flex;align-items:center;justify-content:center;color:#1c2c44}
.rdPrevTools .btn:first-child{border-left:none !important}
.rdPrevTools .btn:hover{background:rgba(28,44,68,.07) !important}
.rdPrevTools .btn.rdOn{background:rgba(232,185,120,.20) !important;color:#9a6f2f}
.rdPrevTools .rdCine{border-left:2px solid var(--border,#d9dee6) !important}
html.dark .rdPrevTools{background:#1b2536;border-color:#2c3a52}
html.dark .rdPrevTools .btn{border-left-color:#2c3a52 !important;color:#c7d4e8}
html.dark .rdPrevTools .btn:hover{background:rgba(125,180,255,.12) !important}
html.dark .rdPrevTools .rdCine{border-left-color:#2c3a52 !important}
.preview-wrap.rdPrev .rdBox3d h3{display:none !important}
/* кино режим: лентата остава най-горе върху тъмния екран */
body.rdCinema .rdPrevTabs{position:fixed;top:12px;left:16px;right:16px;z-index:6001}
body.rdCinema .rdPrevTabs .rdPt{color:#8fa4c4}
body.rdCinema .rdPrevTabs .rdPt.on{background:#e8b978 !important;color:#1c2c44 !important}
body.rdCinema .rdPrevTools{background:rgba(16,27,45,.88);border-color:#31415c}
body.rdCinema .rdPrevTools .btn{border-left-color:#31415c !important;color:#8fa4c4}
body.rdCinema .rdPrevTools .rdCine{border-left-color:#31415c !important}

/* превюто = платно от ръб до ръб: залепено за лявата колона, горната лента и десния панел */
.preview-wrap.rdPrev{position:relative;margin:-14px -14px 14px -14px}
.preview-wrap.rdPrev .rdPrevTabs{position:absolute;top:12px;left:16px;right:16px;margin:0;z-index:30}
.preview-wrap.rdPrev .preview-box{border:none !important;border-radius:0 !important;padding:54px 0 0;box-shadow:none}
.preview-wrap.rdPrev .rdBox3d{min-height:460px}
.preview-wrap.rdPrev .rdBoxFront svg, .preview-wrap.rdPrev .rdBoxSide svg{margin:10px auto 20px}
body.rdCinema .preview-wrap.rdPrev .rdPrevTabs{position:fixed;top:12px;left:16px;right:16px}

/* без сиви писти: скролбарът на лявата колона е скрит, на панела с настройки — тънък */
#rdSide{scrollbar-width:none}
#rdSide::-webkit-scrollbar{display:none}
.sidebar{scrollbar-width:thin}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:#c9d2de;border-radius:99px}
html.dark .sidebar::-webkit-scrollbar-thumb{background:#2c3a52}

/* ===== Л4 (избраното): табовете = navy капсула, инструментите = вертикален navy рейл вдясно ===== */
.preview-wrap.rdPrev .rdPrevTabs{left:16px;right:auto;top:14px;height:42px;background:#1c2c44;border-radius:11px;padding:0 6px;box-shadow:0 6px 16px rgba(16,27,45,.25);gap:2px}
.preview-wrap.rdPrev .rdPrevTabs .rdPt{color:#8fa2bd;padding:6px 14px;border-radius:8px}
.preview-wrap.rdPrev .rdPrevTabs .rdPt.on{background:#e8b978 !important;color:#1c2c44 !important;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.rdPrevTabs .rdPt:hover{background:rgba(255,255,255,.08);color:#c7d4e8}
.rdPrevTabs .rdPt.on{background:rgba(232,185,120,.16) !important;color:#e8b978 !important}
html.dark .rdPrevTabs .rdPt{color:#8fa2bd}
html.dark .rdPrevTabs .rdPt.on{background:rgba(232,185,120,.16) !important;color:#e8b978 !important}
/* инструментите на сцената (Л4): вертикален navy рейл горе вдясно — по желание на Кристиан (07.09) остава вертикален;
   right:36px (20 px чисто от езичето на панела, което стърчи 16 px навътре); [Перспектива|Орто] е вертикален Б1 сегмент, тънки разделители между групите */
.preview-wrap.rdPrev .rdPrevTools{position:absolute;top:14px;right:36px;left:auto;bottom:auto;margin:0;display:none;flex-direction:column;flex-wrap:nowrap;
  align-items:center;width:46px;height:auto;background:#1c2c44;border:none;border-radius:12px;padding:8px 0;gap:2px;
  box-shadow:0 6px 16px rgba(16,27,45,.25);z-index:30;overflow:visible;box-sizing:border-box}
.preview-wrap.rdPrev[data-rdview="3d"] .rdPrevTools{display:flex}
.preview-wrap.rdPrev .rdPrevTools .btn{width:36px;height:34px;border:none !important;border-radius:9px !important;background:transparent !important;color:#8fa2bd;flex:none}
.preview-wrap.rdPrev .rdPrevTools .btn:hover{background:rgba(255,255,255,.08) !important;color:#c7d4e8}
.preview-wrap.rdPrev .rdPrevTools .btn.rdOn{background:rgba(232,185,120,.18) !important;color:#e8b978}
.preview-wrap.rdPrev .rdPrevTools .rdPrevSeg{display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(255,255,255,.07);border-radius:9px;padding:2px;margin:0 0 2px}
.preview-wrap.rdPrev .rdPrevTools .rdPrevSeg .btn{height:30px;width:34px;border-radius:7px !important}
.preview-wrap.rdPrev .rdPrevTools .rdPrevSeg .btn.rdOn{background:#e8b978 !important;color:#1c2c44;box-shadow:0 2px 8px rgba(0,0,0,.3);view-transition-name:segPersp}
.preview-wrap.rdPrev .rdPrevTools .rdSep{width:22px;height:1px;background:#2b3d5c;margin:4px 0;flex:none}
.preview-wrap.rdPrev .rdPrevTools .rdCine{border:none !important;border-radius:9px !important;margin:0 !important;padding:0 !important;height:34px;width:36px;color:#e8b978}
html.dark .preview-wrap.rdPrev .rdPrevTools{background:#1c2c44;border:none}
/* кино режим: капсулата и рейлът остават по местата си върху тъмния екран */
body.rdCinema .preview-wrap.rdPrev .rdPrevTabs{position:fixed;top:12px;left:16px;right:auto;z-index:6002}
body.rdCinema .preview-wrap.rdPrev .rdPrevTools{position:fixed;top:12px;right:16px;display:flex;z-index:6002}
body.rdCinema .rdPrevTabs .rdPt.on{background:rgba(232,185,120,.16) !important;color:#e8b978 !important}

/* ===== Д11: долната зона = мини-рейл + документ „Крой лист" ===== */
#rdBot{display:flex;gap:14px;margin-top:14px;align-items:flex-start}
#rdBotRail{width:190px;flex-shrink:0;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:14px;padding:8px;box-shadow:0 1px 3px rgba(28,44,68,.06)}
#rdBotRail .rbi{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600;color:#5c6a7d;cursor:pointer}
#rdBotRail .rbi svg{flex-shrink:0}
#rdBotRail .rbi:hover{background:rgba(28,44,68,.06)}
#rdBotRail .rbi.on{background:#1c2c44;color:#e8b978}
#rdBotRail .rbi.on svg{stroke:#e8b978}
#rdBotRail .rbi .rbn{margin-left:auto;font-size:11px;background:rgba(232,185,120,.2);border-radius:99px;padding:2px 8px}
#rdBotRail .rbi:not(.on) .rbn{background:#eef2f7;color:#5c6a7d}
#rdBotPrintGold{border-top:1px solid var(--border,#d9dee6);margin:8px 6px 4px;padding-top:10px}
#rdBotPrintGold button{width:100%;background:#e8b978 !important;border:none !important;color:#101b2d !important;font-weight:800;font-size:12.5px;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
#rdBotPrintGold button:hover{background:#f0c78e !important}
#rdBotMain{flex:1;min-width:0}
#rdBotHead{background:#1c2c44;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:12px;padding:11px 16px}
#rdBotHead .rbt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8b978;white-space:nowrap}
#rdBotHead .rbs{font-size:11.5px;color:#8fa2bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdBotHead input#partsQ{margin-left:auto !important;width:200px !important;background:#fff;border:1px solid transparent;border-radius:9px;padding:7px 12px;font-size:12.5px}
#rdBotHead label{font-size:12px !important;color:#8fa2bd;white-space:nowrap}
#rdBot .card{border-radius:0 0 13px 13px !important;margin:0 !important;border-top:none !important}
#rdBot #partsTable tr.rdZeb td{background:transparent}
#rdBot #totals{margin:0 !important;padding:11px 16px;background:#f7f9fc;border-top:1px solid var(--border,#d9dee6);border-radius:0 0 13px 13px;display:flex;gap:18px;flex-wrap:wrap}
#rdBot #totals .tot{border:none !important;background:transparent !important;padding:0 !important;flex-direction:row !important;gap:6px;align-items:baseline;font-size:10.5px !important;box-shadow:none !important}
#rdBot #totals .tot b{font-size:13px}
.rdBotPanel{display:none;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-top:none;border-radius:0 0 13px 13px;padding:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rdBotPanel button{margin:0 !important;padding:16px 12px !important;font-size:13.5px !important;border-radius:12px !important;display:flex;align-items:center;justify-content:center;gap:8px}
#rdBot[data-sec="parts"] .rdBotParts{display:block}
#rdBot:not([data-sec="parts"]) .rdBotParts{display:none}
#rdBot[data-sec="print"] .rdBotPrint{display:grid}
#rdBot[data-sec="csv"] .rdBotCsv{display:grid}
#rdBot[data-sec="stats"] .rdBotStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.rdBotStats .tot{background:#f7f9fc !important;border:1px solid var(--border,#d9dee6) !important;border-radius:12px !important;padding:14px 16px !important;display:flex;flex-direction:column;gap:3px;font-size:11px !important;color:#5c6a7d !important;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.rdBotStats .tot b{font-size:19px;color:#1c2c44}
html.dark #rdBotRail{background:#1b2536;border-color:#2c3a52}
html.dark #rdBotRail .rbi{color:#93a4bd}
html.dark #rdBotRail .rbi.on{background:#1c2c44;color:#e8b978}
html.dark #rdBot #totals{background:#141e2d;border-color:#2c3a52}
html.dark #rdBot #partsTable tr.rdZeb td{background:transparent}
html.dark .rdBotPanel{background:#1b2536;border-color:#2c3a52}
html.dark .rdBotStats .tot{background:#141e2d !important;border-color:#2c3a52 !important;color:#93a4bd !important}
html.dark .rdBotStats .tot b{color:#dfe7f4}
@media print{#rdBotRail,#rdBotHead{display:none !important}#rdBot{display:block !important}#rdBot .card{border-radius:0 !important;border:none !important}}

/* заглавия на групи в падащите менюта */
.rdMenu .rdMg{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8fa2bd;padding:8px 11px 4px;font-weight:800}
.rdMenu.rdSel .rdMi span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== известията: карти с икона и ляв акцент (без емоджи ленти) ===== */
.warnings{margin:14px 0 !important}
.warnings div{background:#fdf8ec !important;border:1px solid #eeddb4;border-left:4px solid #d99e2b !important;
  border-radius:11px !important;padding:10px 14px !important;color:#7a5c18 !important;font-size:13px !important;
  font-weight:600;margin-bottom:7px !important;display:flex;align-items:flex-start;gap:11px;line-height:1.45}
.warnings div .rdwIc{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#d99e2b;
  display:inline-flex;align-items:center;justify-content:center;margin-top:-2px}
.warnings div.rdwInfo{background:#f2f6fc !important;border-color:#ccdcf2;border-left-color:#1c2c44 !important;color:#2a3648 !important}
.warnings div.rdwInfo .rdwIc{background:#1c2c44}
html.dark .warnings div{background:#241d0e !important;border-color:#4a3a15;color:#e8c983 !important}
html.dark .warnings div.rdwInfo{background:#141e2d !important;border-color:#2c3a52;color:#c7d4e8 !important}

/* Д11 полиране: рейлът се разпъва с листа; таблицата — равни, спокойни редове */
#rdBot{align-items:stretch}
#rdBotRail{display:flex;flex-direction:column;align-self:stretch}
#rdBotPrintGold{margin-top:auto}
#rdBot #partsTable td, #rdBot #partsTable th{padding:9px 10px !important;vertical-align:middle;line-height:1.35}
#rdBot #partsTable td:nth-child(3){min-width:150px}
#rdBot #partsTable td{white-space:nowrap}
#rdBot #partsTable td:nth-child(3), #rdBot #partsTable td:last-child{white-space:normal}
.rdSz{font-weight:700;white-space:nowrap}
#rdBot #partsTable td:last-child{min-width:220px;font-size:12px;color:var(--muted,#5c6a7d)}

/* груповите редове при „Всички шкафове" + чекбоксове и скролбар в стила */
#rdBot #partsTable tr.rdGrp td{background:#e9eef6 !important;color:#1c2c44;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px !important;border-top:1px solid #d9dee6}
html.dark #rdBot #partsTable tr.rdGrp td{background:#223048 !important;color:#c7d4e8}
input[type=checkbox]{accent-color:#1c2c44}
html.dark input[type=checkbox]{accent-color:#7db4ff}
#rdBot .card .body::-webkit-scrollbar{height:8px}
#rdBot .card .body::-webkit-scrollbar-track{background:transparent}
#rdBot .card .body::-webkit-scrollbar-thumb{background:#c9d2de;border-radius:99px}
html.dark #rdBot .card .body::-webkit-scrollbar-thumb{background:#2c3a52}

/* И4: итогът с мини-барове */
#rdBot #totals{gap:22px 26px}
#rdBot #totals .tot{flex-direction:column !important;align-items:stretch;gap:3px;min-width:130px;flex:0 1 auto}
#rdBot #totals .tot .rdTrow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;white-space:nowrap}
.rdBar{display:block;height:5px;background:#e6ebf2;border-radius:99px;overflow:hidden}
.rdBar i{display:block;height:5px;border-radius:99px}
html.dark .rdBar{background:#22304a}
.rdBotStats .tot .rdTrow{display:flex;justify-content:space-between;align-items:baseline}
.rdBotStats .rdBar{margin-top:6px;height:6px}

/* Т4 точно като концепта: БЕЗ вертикални линии — само редове */
#rdBot #partsTable td, #rdBot #partsTable th{border:none !important;border-bottom:1px solid #eef1f6 !important}
#rdBot #partsTable th{border-bottom:1px solid #d9dee6 !important}
#rdBot #partsTable tr.rdGrp td{border-bottom:none !important}
html.dark #rdBot #partsTable td{border-bottom-color:#22304a !important}
html.dark #rdBot #partsTable th{border-bottom-color:#2c3a52 !important}

/* итогът е ЧАСТ от таблицата — една рамка, един документ */
#rdBot .rdBotParts .card{border-radius:0 !important;border-bottom:none !important;box-shadow:none}
#rdBot #totals{border:1px solid var(--border,#d9dee6);border-top:1px solid #eef1f6;border-radius:0 0 13px 13px;padding:10px 16px;gap:12px 22px;box-shadow:0 1px 3px rgba(28,44,68,.06)}
#rdBot #totals .tot{min-width:105px;gap:2px}
#rdBot #totals .tot .rdTrow{font-size:10px}
#rdBot #totals .tot b{font-size:12.5px}
html.dark #rdBot #totals{border-color:#2c3a52;border-top-color:#22304a}

/* ===== ОБКОВ И ПРОБИВАНЕ: рейл + документ (финалният дизайн) ===== */
#rdHw{display:flex;gap:14px;align-items:stretch;margin-top:2px}
#rdHwRail{width:190px;flex-shrink:0;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:14px;padding:8px;box-shadow:0 1px 3px rgba(28,44,68,.06);display:flex;flex-direction:column;align-self:stretch}
#rdHwRail .rbi{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600;color:#5c6a7d;cursor:pointer}
#rdHwRail .rbi:hover{background:rgba(28,44,68,.06)}
#rdHwRail .rbi.on{background:#1c2c44;color:#e8b978}
#rdHwRail .rbi.on svg{stroke:#e8b978}
#rdHwRail .rbi .rbn{margin-left:auto;font-size:11px;background:#eef2f7;color:#5c6a7d;border-radius:99px;padding:2px 8px}
#rdHwRail .rbi.on .rbn{background:rgba(232,185,120,.2);color:#e8b978}
#rdHwGold{border-top:1px solid var(--border,#d9dee6);margin:8px 6px 4px;padding-top:10px;margin-top:auto}
#rdHwGold button{width:100%;background:#e8b978 !important;border:none !important;color:#101b2d !important;font-weight:800;font-size:12.5px;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
#rdHwGold button:hover{background:#f0c78e !important}
#rdHwMain{flex:1;min-width:0}
#rdHwHead{background:#1c2c44;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:12px;padding:11px 16px}
#rdHwHead .rbt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8b978;white-space:nowrap}
#rdHwHead .rbs{font-size:11.5px;color:#8fa2bd}
#rdHwHead label{font-size:12px !important;color:#8fa2bd;white-space:nowrap;margin-left:6px}
#rdHwHead .btn{width:32px;height:30px;padding:0 !important;background:transparent !important;border:1px solid #31415c !important;border-radius:8px !important;color:#8fa2bd;display:inline-flex;align-items:center;justify-content:center;margin:0 !important}
#rdHwHead .btn:hover{border-color:#8fa2bd !important;color:#c7d4e8}
.rdHwSec{display:none}
#rdHw[data-sec="hw"] .rdHwSec-hw{display:block}
#rdHw[data-sec="drill"] .rdHwSec-drill{display:block}
#rdHw[data-sec="asm"] .rdHwSec-asm{display:block}
#rdHw[data-sec="light"] .rdHwSec-light{display:block}
#rdHwMain .card{border-radius:0 0 13px 13px !important;margin:0 0 12px !important;border-top:none !important}
#rdHwMain .rdHwSec .card + .card{border-radius:13px !important;border-top:1px solid var(--border,#d9dee6) !important;margin-top:12px !important}
#rdHwMain .card h2{font-size:11.5px !important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5c6a7d);padding:12px 16px 4px;margin:0}
#rdHwMain .card h2 .arrow{color:#c4cdd9}
/* обковът: таблица без вертикали + групи */
#hwTable td, #hwTable th{border:none !important;border-bottom:1px solid #eef1f6 !important;padding:9px 12px !important;vertical-align:middle}
#hwTable th{background:#f2f5f9 !important}
#hwTable tr.rdGrp td{background:#e9eef6 !important;color:#1c2c44;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-bottom:none !important}
html.dark #hwTable tr.rdGrp td{background:#223048 !important;color:#c7d4e8}
html.dark #hwTable td{border-bottom-color:#22304a !important}
/* редът на сглобяване: пътека с navy номера; критичната стъпка — кехлибарена */
#asmBlock ol{list-style:none;padding:6px 10px 12px;margin:0;counter-reset:rdstep}
#asmBlock ol li{counter-increment:rdstep;position:relative;margin:0 0 10px 48px;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:11px;padding:11px 15px;font-size:13.5px;line-height:1.5}
#asmBlock ol li::before{content:counter(rdstep);position:absolute;left:-48px;top:2px;width:36px;height:36px;border-radius:11px;background:#1c2c44;color:#e8b978;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
#asmBlock ol li.rdWarnStep{background:#fdf6e7;border-color:#eeddb4;font-weight:700}
#asmBlock ol li.rdWarnStep::before{content:"!";background:#fdf3dd;border:1.5px solid #d99e2b;color:#b97f14}
html.dark #asmBlock ol li{background:#1b2536;border-color:#2c3a52}
html.dark #asmBlock ol li.rdWarnStep{background:#241d0e;border-color:#4a3a15}
/* схемите: леки карти около всяка фигура */
#hingeBlock > div[style*="border"], #handleBlock > div[style*="border"], #drillBlock > div[style*="border"]{border:1px solid var(--border,#d9dee6) !important;border-radius:13px !important;background:radial-gradient(circle at 50% 55%, #fff 0%, #f2f5f9 100%) !important}
#drillBlock td, #drillBlock th{border:none !important;border-bottom:1px solid #eef1f6 !important}
/* ===== РАЗКРОЙ: рейл + документ ===== */
#rdNest{display:flex;gap:14px;align-items:stretch;margin-top:2px}
#rdNestRail{width:190px;flex-shrink:0;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:14px;padding:8px;box-shadow:0 1px 3px rgba(28,44,68,.06);display:flex;flex-direction:column;align-self:stretch}
#rdNestRail .rbi{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600;color:#5c6a7d;cursor:pointer}
#rdNestRail .rbi:hover{background:rgba(28,44,68,.06)}
#rdNestRail .rbi.on{background:#1c2c44;color:#e8b978}
#rdNestRail .rbi.on svg{stroke:#e8b978}
#rdNestRail .rbi .rbn{margin-left:auto;font-size:11px;background:#eef2f7;color:#5c6a7d;border-radius:99px;padding:2px 8px}
#rdNestRail .rbi.on .rbn{background:rgba(232,185,120,.2);color:#e8b978}
#rdNestGold{border-top:1px solid var(--border,#d9dee6);margin:8px 6px 4px;padding-top:10px;margin-top:auto}
#rdNestGold button{width:100%;background:#e8b978 !important;border:none !important;color:#101b2d !important;font-weight:800;font-size:12.5px;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
#rdNestGold button:hover{background:#f0c78e !important}
#rdNestMain{flex:1;min-width:0}
#rdNestHead{background:#1c2c44;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:12px;padding:11px 16px}
#rdNestHead .rbt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8b978;white-space:nowrap}
#rdNestHead .rbs{font-size:11.5px;color:#8fa2bd}
#rdNestHead label{font-size:12px !important;color:#8fa2bd;white-space:nowrap;margin-left:6px}
#rdNestHead .btn{width:32px;height:30px;padding:0 !important;background:transparent !important;border:1px solid #31415c !important;border-radius:8px !important;color:#8fa2bd;display:inline-flex;align-items:center;justify-content:center;margin:0 !important}
#rdNestHead .btn:hover{border-color:#8fa2bd !important;color:#c7d4e8}
.rdNestSec{display:none}
#rdNest[data-sec="sheets"] .rdNestSec-sheets{display:block}
#rdNest[data-sec="settings"] .rdNestSec-settings{display:block}
#rdNest[data-sec="offcuts"] .rdNestSec-offcuts{display:block}
#rdNest[data-sec="defects"] .rdNestSec-defects{display:block}
#rdNestMain .card{border-radius:0 0 13px 13px !important;margin:0 0 12px !important;border-top:none !important}
#rdNestMain .rdNestSec .card + .card{border-radius:13px !important;border-top:1px solid var(--border,#d9dee6) !important;margin-top:12px !important}
#rdNestMain .card h2{font-size:11.5px !important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5c6a7d);padding:12px 16px 4px;margin:0}
#rdNestMain .card h2 .arrow{color:#c4cdd9}
/* Разкроят: секциите-документи */
.rdNestSec .rdNsCard{background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-top:none;border-radius:0 0 13px 13px;padding:16px 18px}
.rdNestSec-sheets .rdNsCard{background:transparent;border:none;padding:10px 0 0}
#rdNest .row{display:block;margin-bottom:12px;max-width:420px}
#rdNest .row>label{display:block;font-size:11.5px;color:var(--muted,#5c6a7d);margin-bottom:4px}
#rdNest .row input[type=number], #rdNest .row select{width:100%}
#rdNest h3.sub{font-size:11.5px !important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5c6a7d);margin:4px 0 10px}
#rdNest h3.sub .hint{display:block;text-transform:none;letter-spacing:0;font-weight:500;font-size:11.5px;margin-top:3px}
#offcutTable td, #offcutTable th, #defectTable td, #defectTable th{border:none !important;border-bottom:1px solid #eef1f6 !important;padding:8px 10px !important}
#offcutTable th, #defectTable th{background:#f2f5f9 !important}
html.dark #offcutTable td, html.dark #defectTable td{border-bottom-color:#22304a !important}
.rdNsTools{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border,#d9dee6)}
.rdNestHint{font-size:12px;color:var(--muted,#5c6a7d);padding:2px 4px 10px}
#rdNestHead label{display:inline-flex !important;align-items:center;gap:6px}
#clearImportBtn{margin-left:6px}
@media print{.rdNestSec{display:block !important}#rdNestRail,#rdNestHead{display:none !important}#rdNest{display:block !important}}

/* ===== СТЕНА: рейл + документ ===== */
#rdWall{display:flex;gap:14px;align-items:stretch;margin-top:2px}
#rdWallRail{width:190px;flex-shrink:0;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:14px;padding:8px;box-shadow:0 1px 3px rgba(28,44,68,.06);display:flex;flex-direction:column;align-self:stretch}
#rdWallRail .rbi{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600;color:#5c6a7d;cursor:pointer}
#rdWallRail .rbi:hover{background:rgba(28,44,68,.06)}
#rdWallRail .rbi.on{background:#1c2c44;color:#e8b978}
#rdWallRail .rbi.on svg{stroke:#e8b978}
#rdWallRail .rbi .rbn{margin-left:auto;font-size:11px;background:#eef2f7;color:#5c6a7d;border-radius:99px;padding:2px 8px}
#rdWallRail .rbi.on .rbn{background:rgba(232,185,120,.2);color:#e8b978}
#rdWallGold{border-top:1px solid var(--border,#d9dee6);margin:8px 6px 4px;padding-top:10px;margin-top:auto}
#rdWallGold button{width:100%;background:#e8b978 !important;border:none !important;color:#101b2d !important;font-weight:800;font-size:12.5px;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
#rdWallGold button:hover{background:#f0c78e !important}
#rdWallMain{flex:1;min-width:0}
#rdWallHead{background:#1c2c44;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:12px;padding:11px 16px}
#rdWallHead .rbt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8b978;white-space:nowrap}
#rdWallHead .rbs{font-size:11.5px;color:#8fa2bd}
#rdWallHead label{font-size:12px !important;color:#8fa2bd;white-space:nowrap;margin-left:6px}
#rdWallHead .btn{width:32px;height:30px;padding:0 !important;background:transparent !important;border:1px solid #31415c !important;border-radius:8px !important;color:#8fa2bd;display:inline-flex;align-items:center;justify-content:center;margin:0 !important}
#rdWallHead .btn:hover{border-color:#8fa2bd !important;color:#c7d4e8}
.rdWallSec{display:none}
#rdWall[data-sec="wall"] .rdWallSec-wall{display:block}
#rdWall[data-sec="wizard"] .rdWallSec-wizard{display:block}
#rdWall[data-sec="room"] .rdWallSec-room{display:block}
#rdWallMain .card{border-radius:0 0 13px 13px !important;margin:0 0 12px !important;border-top:none !important}
#rdWallMain .rdWallSec .card + .card{border-radius:13px !important;border-top:1px solid var(--border,#d9dee6) !important;margin-top:12px !important}
#rdWallMain .card h2{font-size:11.5px !important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5c6a7d);padding:12px 16px 4px;margin:0}
#rdWallMain .card h2 .arrow{color:#c4cdd9}
/* Стената: редове и отметки */
#rdWall .row{display:block;margin-bottom:12px;max-width:420px}
#rdWall .row>label{display:block;font-size:11.5px;color:var(--muted,#5c6a7d);margin-bottom:4px}
#rdWall .row input[type=number]{width:100%}
#rdWall .row:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;max-width:420px}
#rdWall .row:has(input[type=checkbox])>label{margin:0;flex:1;font-size:13.5px;color:var(--text,#1c2430)}
#obstacleTable td, #obstacleTable th{border:none !important;border-bottom:1px solid #eef1f6 !important;padding:8px 10px !important}
#obstacleTable th{background:#f2f5f9 !important}
html.dark #obstacleTable td{border-bottom-color:#22304a !important}
#rdWallHead label{display:inline-flex !important;align-items:center;gap:6px}
#rdWallHead .rdWallHint{font-size:11.5px;color:#8fa2bd}
@media print{.rdWallSec{display:block !important}#rdWallRail,#rdWallHead{display:none !important}#rdWall{display:block !important}}

/* ===== ЦЕНИ И ОФЕРТА: рейл + документ ===== */
#rdPrice{display:flex;gap:14px;align-items:stretch;margin-top:2px}
#rdPriceRail{width:190px;flex-shrink:0;background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:14px;padding:8px;box-shadow:0 1px 3px rgba(28,44,68,.06);display:flex;flex-direction:column;align-self:stretch}
#rdPriceRail .rbi{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600;color:#5c6a7d;cursor:pointer}
#rdPriceRail .rbi:hover{background:rgba(28,44,68,.06)}
#rdPriceRail .rbi.on{background:#1c2c44;color:#e8b978}
#rdPriceRail .rbi.on svg{stroke:#e8b978}
#rdPriceRail .rbi .rbn{margin-left:auto;font-size:11px;background:#eef2f7;color:#5c6a7d;border-radius:99px;padding:2px 8px}
#rdPriceRail .rbi.on .rbn{background:rgba(232,185,120,.2);color:#e8b978}
#rdPriceGold{border-top:1px solid var(--border,#d9dee6);margin:8px 6px 4px;padding-top:10px;margin-top:auto}
#rdPriceGold button{width:100%;background:#e8b978 !important;border:none !important;color:#101b2d !important;font-weight:800;font-size:12.5px;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
#rdPriceGold button:hover{background:#f0c78e !important}
#rdPriceMain{flex:1;min-width:0}
#rdPriceHead{background:#1c2c44;border-radius:13px 13px 0 0;display:flex;align-items:center;gap:12px;padding:11px 16px}
#rdPriceHead .rbt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8b978;white-space:nowrap}
#rdPriceHead .rbs{font-size:11.5px;color:#8fa2bd}
#rdPriceHead label{font-size:12px !important;color:#8fa2bd;white-space:nowrap;margin-left:6px}
#rdPriceHead .btn{width:32px;height:30px;padding:0 !important;background:transparent !important;border:1px solid #31415c !important;border-radius:8px !important;color:#8fa2bd;display:inline-flex;align-items:center;justify-content:center;margin:0 !important}
#rdPriceHead .btn:hover{border-color:#8fa2bd !important;color:#c7d4e8}
.rdPriceSec{display:none}
#rdPrice[data-sec="offer"] .rdPriceSec-offer{display:block}
#rdPrice[data-sec="pricelist"] .rdPriceSec-pricelist{display:block}
#rdPrice[data-sec="clients"] .rdPriceSec-clients{display:block}
#rdPriceMain .card{border-radius:0 0 13px 13px !important;margin:0 0 12px !important;border-top:none !important}
#rdPriceMain .rdPriceSec .card + .card{border-radius:13px !important;border-top:1px solid var(--border,#d9dee6) !important;margin-top:12px !important}
#rdPriceMain .card h2{font-size:11.5px !important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5c6a7d);padding:12px 16px 4px;margin:0}
#rdPriceMain .card h2 .arrow{color:#c4cdd9}
/* Цени и оферта: лостовете, пътечката, героят-цена */
#rdPrice .row{display:block;margin-bottom:12px;max-width:440px}
#rdPrice .row>label{display:block;font-size:11.5px;color:var(--muted,#5c6a7d);margin-bottom:4px}
#rdPrice .row>label .hint{display:block;font-size:11px;font-weight:500;margin-top:1px}
#rdPrice .row input[type=text], #rdPrice .row input[type=number], #rdPrice .row select{width:100% !important}
#rdPrice .row input[type=date]{width:170px !important}
#matTable td, #matTable th, #hwPrices td, #hwPrices th, #clientsTable td, #clientsTable th, #offerTable td, #offerTable th, #edgeRepHost td, #edgeRepHost th{border:none !important;border-bottom:1px solid #eef1f6 !important;padding:8px 10px !important;vertical-align:middle}
#matTable th, #hwPrices th, #clientsTable th, #offerTable th, #edgeRepHost th{background:#f2f5f9 !important}
html.dark #matTable td, html.dark #hwPrices td, html.dark #clientsTable td, html.dark #offerTable td{border-bottom-color:#22304a !important}
#rdPriceHero{margin-left:auto;display:flex;align-items:baseline;gap:8px}
#rdPriceHero small{font-size:10px;color:#8fa2bd;letter-spacing:.06em;text-transform:uppercase}
#rdPriceHero b{font-size:20px;color:#e8b978}
.rdLever{margin-bottom:15px}
.rdLever .lt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}
.rdLever .lt span{font-size:11px;color:var(--muted,#5c6a7d);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.rdLever .lt b{font-size:16px;color:#1c2c44}
html.dark .rdLever .lt b{color:#dfe7f4}
.rdLever input[type=range]{width:100%;accent-color:#1c2c44;height:22px}
html.dark .rdLever input[type=range]{accent-color:#7db4ff}
#rdLevers{background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:13px;padding:16px 18px;margin-bottom:12px}
#rdLevers .cap{position:static;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5c6a7d);margin-bottom:12px;display:block}
#rdLevers .note{font-size:11px;color:var(--muted,#5c6a7d);border-top:1px solid var(--border,#d9dee6);padding-top:9px;margin-top:2px}
#rdPath{display:flex;padding:16px 18px 6px}
#rdPath .st{flex:1;text-align:center;cursor:pointer}
#rdPath .st i{width:28px;height:28px;border-radius:99px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;font-style:normal;background:#eef2f7;color:#5c6a7d}
#rdPath .st.done i{background:#1c2c44;color:#e8b978}
#rdPath .st.cur i{background:#e8b978;color:#101b2d}
#rdPath .st div{font-size:10.5px;margin-top:5px;font-weight:600;color:var(--muted,#5c6a7d)}
#rdPath .st.cur div, #rdPath .st.done div{color:var(--text,#1c2430);font-weight:700}
html.dark #rdPath .st i{background:#223048;color:#93a4bd}
#rdHwSearch{background:var(--panel,#fff);border:1px solid var(--border,#d9dee6);border-radius:9px;padding:8px 12px;font-size:13px;margin:12px 16px 0;width:260px;display:block}
@media print{.rdPriceSec{display:block !important}#rdPriceRail,#rdPriceHead,#rdLevers{display:none !important}#rdPrice{display:block !important}}

/* печат: секциите не пречат на пълния пакет (в @media print по-долу) */
@media print{.rdHwSec{display:block !important}#rdHwRail,#rdHwHead{display:none !important}#rdHw{display:block !important}}

/* антетката носи заглавието — старите h2 в секциите се скриват */
.rdWallSec-wizard .card h2, .rdWallSec-room .card h2{display:none !important}

/* ===== ЕТИКЕТИ: антетка + грид ===== */
#rdLblHead{background:#1c2c44;border-radius:13px;display:flex;align-items:center;gap:14px;padding:11px 16px;margin-bottom:14px}
#rdLblHead .rbt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8b978}
#rdLblHead .rbs{font-size:11.5px;color:#8fa2bd}
#rdLblHead label{font-size:12px !important;color:#8fa2bd;white-space:nowrap;display:inline-flex !important;align-items:center;gap:6px;margin-left:auto}
#rdLblHead .btn{background:#e8b978 !important;border:none !important;color:#101b2d !important;font-weight:800;font-size:12.5px;border-radius:9px;padding:9px 16px !important;margin:0 !important}
#rdLblHead .btn:hover{background:#f0c78e !important}
.labels-grid .lbl{border:1px solid var(--border,#d9dee6) !important;border-radius:12px !important;box-shadow:0 1px 3px rgba(28,44,68,.06)}
html.dark .labels-grid .lbl{border-color:#2c3a52 !important}
@media print{#rdLblHead{display:none !important}}

/* ===== ДЕСНИЯТ ПАНЕЛ = ПЛОСКА КОЛОНА (като лявата) — не балони ===== */
.sidebar{background:var(--panel,#fff) !important;border-left:1px solid var(--border,#d9dee6);
  position:fixed;top:53px;right:0;bottom:0;width:350px;overflow-y:auto;overscroll-behavior:contain;
  margin:0;padding:0 0 20px;border-radius:0;box-sizing:border-box;z-index:1100;scrollbar-width:thin}
.main{margin-right:350px}
#rdSide{overscroll-behavior:contain}
@media print{.sidebar{position:static;width:auto}.main{margin-right:0}}
.sidebar .card{border:none !important;border-radius:0 !important;box-shadow:none !important;
  margin:0 !important;background:transparent !important;border-bottom:1px solid var(--border,#d9dee6) !important}
.sidebar .card:last-child{border-bottom:none !important}
.sidebar .card h2{font-size:11.5px !important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted,#5c6a7d);padding:14px 16px 2px;margin:0}
.sidebar .card .body{padding:10px 16px 16px}
html.dark .sidebar{background:#16202e !important;border-left-color:#26374e}
html.dark .sidebar .card{border-bottom-color:#26374e !important}

/* ===== Ч2: CAD VIEWPORT ===== */
#rdVp{position:relative;width:100%;height:100%;min-height:340px;border-radius:12px;overflow:hidden;background:transparent}
#rdVpCv{position:absolute;inset:0;width:100%;height:100%;cursor:grab;display:block}
#rdVpCv:active{cursor:grabbing}
#rdVpCube{position:absolute;top:52px;left:12px;width:84px;height:84px;cursor:grab;z-index:42}
#rdVpCube:active{cursor:grabbing}
#rdVpHome{position:absolute;top:82px;left:102px;width:24px;height:24px;border-radius:8px;background:#ffffffd9;
  border:1px solid #c6d0de;color:#5c6a7d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:42}
#rdVpHome:hover{background:#fff}
html.dark #rdVpHome{background:#16233a;border-color:#2b3f60;color:#8fa9cf}
html.dark #rdVpHome:hover{background:#22344f}
#rdVpHint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:9.5px;color:#8a97ab;pointer-events:none;z-index:41}
html.dark #rdVpHint{color:#5b7092}
.rdVpOldSvg{display:none !important}
.rdBox3d:has(#rdVp) .rdStageHint{display:none !important}
/* сцената запълва догоре: табовете плуват ВЪРХУ платното, не в бяла лента над него */
.preview-wrap.rdPrev{position:relative}
.preview-wrap.rdPrev .rdPrevTabs{position:absolute;top:10px;left:12px;z-index:45;margin:0}
@media print{#rdVp{display:none !important}.rdVpOldSvg{display:block !important}}

/* ===== СЕКЦИИТЕ-МЕНЮТА: navy стрелка, затворени при старт, плавно отваряне ===== */
.card h2 .arrow{font-size:0 !important;width:22px;height:20px;flex-shrink:0;display:inline-flex;
  background:#1c2c44 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23e8b978' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E") center/12px no-repeat;
  border-radius:7px;transition:transform .25s ease}
.card h2:hover .arrow{background-color:#25395a}
.card.closed h2 .arrow{transform:rotate(-90deg)}
.sidebar .card h2 .arrow{transition:transform .35s ease}
.sidebar .card h2{display:flex !important;align-items:center;gap:9px;
  background:#eef2f7 !important;color:#5c6a7d !important;border:1px solid #d9dee6;border-radius:10px;
  margin:8px 10px 0 !important;padding:10px 12px !important;cursor:pointer;
  font-size:13px !important;font-weight:800;letter-spacing:.02em;text-transform:none !important;user-select:none;
  transition:background .3s ease, color .3s ease, border-color .3s ease}
.sidebar .card h2:hover{background:#e4ebf4 !important}
.sidebar .card:not(.closed) h2{background:#1c2c44 !important;color:#e8b978 !important;border-color:#1c2c44}
.sidebar .card:not(.closed) h2:hover{background:#25395a !important}
.sidebar .card h2 .arrow{margin-left:auto;width:18px;height:18px;background-size:14px;
  background-color:transparent;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%235c6a7d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E")}
.sidebar .card h2:hover .arrow{background-color:transparent}
.sidebar .card:not(.closed) h2 .arrow{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23e8b978' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E")}
.sidebar .card h2 .rdSecIco{display:inline-flex;flex-shrink:0}
.sidebar .card h2 .rdSecIco svg{stroke:#5c6a7d;transition:stroke .3s ease}
.sidebar .card:not(.closed) h2 .rdSecIco svg{stroke:#e8b978}
.sidebar .card{border-bottom:none !important}
html.dark .sidebar .card h2{background:#1b2739 !important;color:#8fa2bd !important;border-color:#2c3a52}
html.dark .sidebar .card:not(.closed) h2{background:#1c2c44 !important;color:#e8b978 !important;border-color:#2e415c}
@media screen{
  :root{interpolate-size:allow-keywords}
  .sidebar .card .body{overflow:hidden;transition:height .45s ease, padding-top .45s ease, padding-bottom .45s ease}
  .sidebar .card.closed .body{display:block !important;height:0 !important;padding-top:0 !important;padding-bottom:0 !important}
}

/* ===== ЗАПАЗИ/ОТВОРИ ПРОЕКТ — нашият дизайн, наместени в реда ===== */
#rdProjBtns{display:flex;gap:8px;padding:12px 10px 16px !important;margin:0 !important;border:none !important;background:transparent !important}
#rdProjBtns .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border-radius:10px !important;padding:10px 8px !important;font-size:12.5px !important;font-weight:800;cursor:pointer;margin:0 !important}
#rdProjBtns .rdSaveP{background:#1c2c44 !important;border:1px solid #1c2c44 !important;color:#e8b978 !important}
#rdProjBtns .rdSaveP:hover{background:#25395a !important}
#rdProjBtns .rdOpenP{background:#eef2f7 !important;border:1px solid #d9dee6 !important;color:#5c6a7d !important}
#rdProjBtns .rdOpenP:hover{background:#e4ebf4 !important}
#rdProjBtns svg{flex-shrink:0}
html.dark #rdProjBtns .rdOpenP{background:#1b2739 !important;border-color:#2c3a52 !important;color:#8fa2bd !important}
html.dark #rdProjBtns .rdOpenP svg{stroke:#8fa2bd}
@media print{#rdProjBtns{display:none !important}}

/* ===== СПИСЪКЪТ С ШКАФОВЕ: само 5, останалите зад стрелкичката ===== */
#rdCabs{overflow:hidden;transition:max-height .3s ease;flex-shrink:0}
.rdcab{position:relative}
.rdcab .rdCabDel{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:8px;align-items:center;justify-content:center;
  background:#fdecec;color:#c0392b;cursor:pointer}
.rdcab .rdCabDel:hover{background:#f7d4d0;color:#96281b}
.rdcab.on:hover .rdCabDel{display:flex}
html.dark .rdcab .rdCabDel{background:#3a2226;color:#e8837a}
html.dark .rdcab .rdCabDel:hover{background:#4a282c}
#rdCabMore{display:none;align-items:center;justify-content:center;gap:6px;height:20px;
  width:74px;margin:2px auto 10px;background:#1c2c44;border-radius:999px;cursor:pointer;
  color:#e8b978;font-size:10.5px;font-weight:800;letter-spacing:.04em;user-select:none}
#rdCabMore:hover{background:#25395a}
#rdCabMore svg{transition:transform .25s ease;flex-shrink:0}
#rdCabMore.open svg{transform:rotate(180deg)}
@media print{#rdCabMore{display:none !important}}

/* ===== СГЪВАНЕТО: С5 езиче + М4 нишка (плътно прилепнали, с анимация) ===== */
.rdTongue{width:16px;height:44px;background:#1c2c44;display:flex;align-items:center;justify-content:center;
  cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:40;box-shadow:0 2px 8px rgba(16,27,45,.25)}
.rdTongue svg{pointer-events:none}
.rdTongue.tr{right:-16px;border-radius:0 9px 9px 0}
.rdTongue.tl{left:-16px;border-radius:9px 0 0 9px}
.rdTongue:hover{background:#25395a}
.rdThreadBar{position:absolute;top:0;bottom:0;left:0;width:6px;background:#1c2c44}
/* плавното плъзгане */
body{transition:margin-left .28s ease}
.main{transition:margin-right .28s ease}
#rdSide{transition:transform .28s ease, visibility 0s 0s}
body.rdSideClosed #rdSide{display:flex;transform:translateX(-100%);visibility:hidden;pointer-events:none;
  transition:transform .28s ease, visibility 0s .28s}
.sidebar{transition:transform .28s ease, visibility 0s 0s}
body.rdSbClosed .sidebar{display:block;transform:translateX(100%);visibility:hidden;pointer-events:none;
  transition:transform .28s ease, visibility 0s .28s}
/* езичетата в отворено състояние — fixed на ръба на панела (НЕ вътре в него: панелите скролват) */
#rdSideTg.rdTongue{position:fixed;left:306px;right:auto;top:50%;transform:translateY(-50%);z-index:1160;
  border-radius:0 9px 9px 0;transition:left .28s ease, opacity .18s}
body.rdSideClosed #rdSideTg{left:56px;opacity:0;pointer-events:none}
#rdSbTg.rdTongue{position:fixed;right:350px;left:auto;top:50%;transform:translateY(-50%);z-index:1160;
  border-radius:9px 0 0 9px;transition:right .28s ease, opacity .18s}
body.rdSbClosed #rdSbTg{right:0;opacity:0;pointer-events:none}
@media (max-width:900px){#rdSideTg,#rdSbTg{display:none !important}}
@media print{#rdSideTg,#rdSbTg{display:none !important}}
/* нишките — залепени за ръба, целите отгоре до долу */
#rdSideThread{position:fixed;left:56px;top:53px;bottom:0;width:14px;z-index:1150;display:block;
  opacity:0;pointer-events:none;transition:opacity .18s .22s}
body.rdSideClosed #rdSideThread{opacity:1;pointer-events:auto}
#rdSideThread .rdTongue{left:5px;border-radius:0 9px 9px 0;right:auto}
#rdSbThread{position:fixed;right:0;top:53px;bottom:0;width:14px;z-index:1100;display:block;
  opacity:0;pointer-events:none;transition:opacity .18s .22s}
body.rdSbClosed #rdSbThread{opacity:1;pointer-events:auto}
#rdSbThread .rdThreadBar{left:auto;right:0}
#rdSbThread .rdTongue{right:5px;left:auto;border-radius:9px 0 0 9px}
body.rdSideClosed{margin-left:70px}
body.rdSideClosed header{margin-left:-14px}
body.rdSbClosed .main{margin-right:14px}
/* мини-рейловете: свиват се плавно + ЗАКОВАНИ за екрана (секциите горе, Печат долу, езичето посредата) */
#rdBotRail,#rdHwRail,#rdNestRail,#rdWallRail,#rdPriceRail{transition:width .25s ease, opacity .18s, padding .25s ease;
  position:sticky !important;top:63px;height:calc(100vh - 76px);box-sizing:border-box;
  display:flex;flex-direction:column;overflow:visible}
.rdRailWrap{align-self:stretch}
.rdRailHidden{width:0 !important;min-width:0 !important;padding:0 !important;border-width:0 !important;
  opacity:0;overflow:hidden !important;pointer-events:none}
.rdRailThread{position:sticky;top:63px;height:calc(100vh - 76px);width:0;flex-shrink:0;align-self:flex-start;opacity:0;pointer-events:none;
  transition:width .25s ease, opacity .18s .2s;display:block}
.rdRailThread.rdOnTh{width:14px;opacity:1;pointer-events:auto}
.rdRailThread .rdTongue{left:5px;right:auto;border-radius:0 9px 9px 0}
.rdRailWrap{position:relative}
@media print{.rdTongue,#rdSideThread,#rdSbThread,.rdRailThread{display:none !important}}

/* иконите в navy антетките — БЕЗ рамки */
#rdHwHead .btn, #rdNestHead .btn, #rdWallHead .btn, #rdPriceHead .btn{border:none !important;background:transparent !important}
#rdHwHead .btn:hover, #rdNestHead .btn:hover, #rdWallHead .btn:hover, #rdPriceHead .btn:hover{background:rgba(255,255,255,.09) !important;color:#c7d4e8}

/* ===== UPDATE 0.2 · 110: ТИКЧЕТАТА — Т5 превключвател (опции) + Т2 злато (отмятане) ===== */
input[type="checkbox"]{appearance:none;-webkit-appearance:none;margin:0 6px 0 0;cursor:pointer;vertical-align:middle;
  width:32px;height:18px;border-radius:99px;background:#cfd7e2;position:relative;flex-shrink:0;
  transition:background .25s ease;outline:none}
input[type="checkbox"]::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:99px;background:#fff;
  box-shadow:0 1px 2px rgba(16,27,45,.25);transition:transform .25s cubic-bezier(.2,.8,.2,1), background .25s ease}
input[type="checkbox"]:checked{background:#1c2c44}
input[type="checkbox"]:checked::after{transform:translateX(14px);background:#e8b978}
input[type="checkbox"]:focus-visible{box-shadow:0 0 0 3px rgba(232,185,120,.35)}
input[type="checkbox"]:disabled{opacity:.45;cursor:default}
html.dark input[type="checkbox"]{background:#3a4a62}
html.dark input[type="checkbox"]:checked{background:#7db4ff}
html.dark input[type="checkbox"]:checked::after{background:#101b2d}
/* Т2 — отмятане: в таблиците и „Всички шкафове“/„Целият проект“ в антетките */
table input[type="checkbox"],
#rdBotHead label input[type="checkbox"],#rdHwHead label input[type="checkbox"],#rdNestHead label input[type="checkbox"],
#rdWallHead label input[type="checkbox"],#rdLblHead label input[type="checkbox"],#rdPriceHead label input[type="checkbox"]{
  width:18px;height:18px;border-radius:5px;background:#fff;border:1.5px solid #b9c4d4;box-sizing:border-box;
  transition:background .18s ease, border-color .18s ease, transform .18s ease}
table input[type="checkbox"]::after,
#rdBotHead label input[type="checkbox"]::after,#rdHwHead label input[type="checkbox"]::after,#rdNestHead label input[type="checkbox"]::after,
#rdWallHead label input[type="checkbox"]::after,#rdLblHead label input[type="checkbox"]::after,#rdPriceHead label input[type="checkbox"]::after{
  content:"";position:absolute;inset:0;border-radius:0;background:transparent;box-shadow:none;transform:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%231c2c44' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:11px;opacity:0;transition:opacity .15s ease}
table input[type="checkbox"]:checked,
#rdBotHead label input[type="checkbox"]:checked,#rdHwHead label input[type="checkbox"]:checked,#rdNestHead label input[type="checkbox"]:checked,
#rdWallHead label input[type="checkbox"]:checked,#rdLblHead label input[type="checkbox"]:checked,#rdPriceHead label input[type="checkbox"]:checked{
  background:#e8b978;border-color:#e8b978}
table input[type="checkbox"]:checked::after,
#rdBotHead label input[type="checkbox"]:checked::after,#rdHwHead label input[type="checkbox"]:checked::after,#rdNestHead label input[type="checkbox"]:checked::after,
#rdWallHead label input[type="checkbox"]:checked::after,#rdLblHead label input[type="checkbox"]:checked::after,#rdPriceHead label input[type="checkbox"]:checked::after{
  opacity:1;transform:none;background-color:transparent}
table input[type="checkbox"]:active{transform:scale(.92)}
html.dark table input[type="checkbox"]{background:#16202e;border-color:#3a4a62}

/* ===== UPDATE 0.2 · 117: ТЪРСАЧКАТА С3 — само лупа, разгъва се наляво (Apple-плавно) ===== */
.rdC3{display:inline-flex;align-items:center;height:30px;width:30px;border-radius:9px;background:rgba(232,185,120,.16);
  position:relative;overflow:hidden;flex-shrink:0;margin-left:auto;
  transition:width .42s cubic-bezier(.2,.8,.2,1), background .3s ease, box-shadow .3s ease;will-change:width}
.rdC3 .rdC3Btn{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;padding:0}
.rdC3 .rdC3Btn svg{stroke:#e8b978;transition:stroke .3s ease, transform .42s cubic-bezier(.2,.8,.2,1)}
.rdC3 input{flex:1;min-width:0;border:none !important;background:transparent !important;outline:none;font-size:12.5px;color:#1a2233;
  padding:0 6px 0 0 !important;margin:0 !important;height:30px;opacity:0;transform:translateX(8px);
  transition:opacity .28s ease .08s, transform .42s cubic-bezier(.2,.8,.2,1);box-shadow:none !important;width:auto !important}
.rdC3 .rdC3Esc{font-size:9.5px;color:#8a97ab;background:#eef2f7;border:1px solid #d9dee6;border-radius:4px;padding:1px 5px;margin-right:8px;
  opacity:0;transition:opacity .25s ease .12s;flex-shrink:0;pointer-events:none;user-select:none}
.rdC3.open{width:240px;background:#fff;box-shadow:0 6px 18px rgba(16,27,45,.22)}
.rdC3.open .rdC3Btn svg{stroke:#1c2c44;transform:scale(.92)}
.rdC3.open input{opacity:1;transform:translateX(0)}
.rdC3.open .rdC3Esc{opacity:1}
.rdC3:not(.open):hover{background:rgba(232,185,120,.28)}
html.dark .rdC3.open{background:#16202e}
html.dark .rdC3.open input{color:#e9edf3}
html.dark .rdC3.open .rdC3Btn svg{stroke:#e8b978}
html.dark .rdC3 .rdC3Esc{background:#22344f;border-color:#2e415c;color:#8fa9cf}
@media print{.rdC3{display:none !important}}

/* 114: сечение — плъзгачът и етикетът върху сцената */
#rdVpClip{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:46%;accent-color:#1c2c44;z-index:5;cursor:ew-resize}
#rdVpClipLbl{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);font-size:11px;font-weight:700;color:#1c2c44;background:rgba(255,255,255,.85);border:1px solid #d9dee6;border-radius:8px;padding:3px 10px;z-index:5;pointer-events:none}
html.dark #rdVpClipLbl{background:rgba(13,22,38,.85);color:#e8b978;border-color:#31415c}

.rdBeta{display:inline-block;background:#e8b978;color:#1c2c44;font-size:9px;font-weight:800;letter-spacing:.1em;padding:2px 7px;border-radius:6px;margin-left:8px;vertical-align:middle}
/* подменютата под точките на рейла (вътрешните режими на секцията) */
.d2Modes.rdSubbed{display:none !important}
.rbSub{display:flex;flex-direction:column;gap:2px;margin:2px 0 8px 22px;padding-left:10px;border-left:2px solid #e8b978}
.rbs{padding:6px 10px;border-radius:8px;font-size:12.5px;font-weight:700;color:#5c6a7d;cursor:pointer;line-height:1.2}
.rbs:hover{color:#1c2c44;background:#f3f5f9}
.rbs.on{background:#eef1f6;color:#1c2c44}
html.dark .rbs{color:#9fb0c8}
html.dark .rbs.on,html.dark .rbs:hover{background:#1b2740;color:#e8b978}

/* мострата на декора в падащото меню за материал (13.09) */
.rdMenu .rdMi .rdMiSw{flex:none;width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.rdMenu.rdSel .rdMi{padding:7px 11px}