/* ═══ т.4 · етап 3 — „ОБКОВ“ (#rdHwws) върху общата рамка (ws.css): разделите, списъкът, вдясно 400 px, Ц7, телефонът, прегледът ═══ */
#page-hardware #rdHwws{display:block;margin-top:2px}
#rdHwCompat,#rdHwCompat[hidden]{display:none !important}
#rdHwws .wsBody{padding-top:16px}
#rdHwws .wsSec{display:none;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
#rdHwws[data-sec="list"] .wsSec[data-s="list"],#rdHwws[data-sec="drill"] .wsSec[data-s="drill"],#rdHwws[data-sec="asm"] .wsSec[data-s="asm"],#rdHwws[data-sec="light"] .wsSec[data-s="light"]{display:grid}
#rdHwws .wsMain{min-width:0;display:flex;flex-direction:column;gap:12px}
#rdHwws .wsSide{min-width:0;display:flex;flex-direction:column;gap:12px;position:sticky;top:12px}
#rdHwws .wsBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--ws-card);border:1px solid var(--ws-line);border-radius:12px;padding:8px 12px}
#rdHwws .wsBarT{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-mut)}

/* 7.1 Списък — колоните: снимка 52 · артикул · брой 84 · ед. цена 80 · сума 80 · действие 92 */
#rdHwws .wsHwT col.cP{width:52px}#rdHwws .wsHwT col.cQ{width:84px}#rdHwws .wsHwT col.cU{width:90px}#rdHwws .wsHwT col.cS{width:80px}#rdHwws .wsHwT col.cA{width:108px}
#rdHwws .wsHwT td.p{padding:4px 0 4px 12px}
#rdHwws .wsHwT td.a{text-align:right;padding-left:4px}
#rdHwws .wsHwT tr.wsR td:first-child{box-shadow:inset 3px 0 0 transparent}
#rdHwws .wsHwT tr.wsR.chg td:first-child{box-shadow:inset 4px 0 0 #e8b978}
#rdHwws .wsHwT tr.rem .wsNm{text-decoration:line-through;opacity:.7}
#rdHwws .wsPic{display:flex;align-items:center;justify-content:center;width:40px;height:32px;border-radius:7px;background:#fff center/contain no-repeat;border:1px solid var(--ws-line2);color:#8a97ab;overflow:hidden}
html.dark #rdHwws .wsPic:not(.wsIco),body.shop #rdHwws .wsPic:not(.wsIco){background-color:#fff}
html.dark #rdHwws .wsPic.wsIco,body.shop #rdHwws .wsPic.wsIco{background:#1b2a44;color:#9aa7b8}
#rdHwws .wsNm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdHwws .wsRowSub{display:flex;align-items:center;gap:8px;min-width:0;font-size:11.5px;color:var(--ws-mut);margin-top:1px;white-space:nowrap}
#rdHwws .wsRowSub .wsNt{overflow:hidden;text-overflow:ellipsis;min-width:0}
#rdHwws .wsRowSub .wsLink{flex:none;font-size:11.5px;opacity:0;transition:opacity .15s}
#rdHwws .wsHwT tr.wsR:hover .wsLink,#rdHwws .wsHwT tr.wsR:focus-within .wsLink{opacity:1}
@media (hover:none){#rdHwws .wsRowSub .wsLink{opacity:1}}
#rdHwws .wsArt{flex:none;font:700 11px var(--ws-mono);color:var(--ws-goldT);background:var(--ws-goldBg);border-radius:5px;padding:1px 5px}
#rdHwws .wsFilt{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#rdHwws .wsFilt > .rdNote{margin:0;flex:1 1 220px}
#rdHwws .wsTblCard{overflow:hidden}
#rdHwws .wsTblCard .wsTbl thead th:first-child{padding-left:12px}

/* вдясно: Сметката · Ниво на обкова · Поръчки към доставчици · Каталогът */
#rdHwws .wsLvl{display:flex;width:100%;box-sizing:border-box}
#rdHwws .wsLvl .rdSeg2Btn{flex:1 1 0;font-size:12px;padding:7px 6px;overflow:hidden;text-overflow:ellipsis}
#rdHwws .wsOrds{display:flex;flex-direction:column;gap:0}
#rdHwws .wsOrd{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--ws-line2)}
#rdHwws .wsOrd:first-child{border-top:0;padding-top:0}
#rdHwws .wsOrdT{display:flex;flex-direction:column;gap:1px;min-width:0}
#rdHwws .wsOrdT b{font-size:13.5px}
#rdHwws .wsOrdT span{font-size:11.5px;color:var(--ws-mut)}
#rdHwws .wsOrdA{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#rdHwws .wsOrdA .wsTag{margin-right:auto}
#rdHwws .wsSent{background:transparent;box-shadow:inset 0 0 0 1.2px var(--ws-goldT)}
#rdHwws .wsSent.on{background:#e6f4ec;color:#2f8a57;box-shadow:none}
html.dark #rdHwws .wsSent.on,body.shop #rdHwws .wsSent.on{background:rgba(47,138,87,.22);color:#7fd1a2}
#rdHwws .wsCatRow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}

/* 7.3 Пробиване: П1–П5 (drill.js) — само рамката: редът с режимите става Б1 */
#rdHwws #rdHwDrillHost{min-width:0}
#rdHwws #rdDrill .d2Modes{display:inline-flex !important;position:relative;background:#eef2f7;border-radius:10px;padding:3px;gap:2px;border:0;margin:0 0 10px;flex-wrap:wrap}
#rdHwws #rdDrill .d2Modes .d2M{border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;color:#5c6a7d;background:transparent;border:0;cursor:pointer}
#rdHwws #rdDrill .d2Modes .d2M.on{background:#1c2c44;color:#e8b978;box-shadow:0 3px 10px rgba(28,44,68,.22)}
html.dark #rdHwws #rdDrill .d2Modes,body.shop #rdHwws #rdDrill .d2Modes{background:#22324a}
html.dark #rdHwws #rdDrill .d2Modes .d2M,body.shop #rdHwws #rdDrill .d2Modes .d2M{color:#8fa9cf}
html.dark #rdHwws #rdDrill .d2Modes .d2M.on,body.shop #rdHwws #rdDrill .d2Modes .d2M.on{background:#e8b978;color:#1c2c44}
#rdHwws .wsCuts{display:flex;flex-direction:column}
#rdHwws .wsCut{display:flex;flex-direction:column;gap:6px;padding:9px 0;border-top:1px solid var(--ws-line2)}
#rdHwws .wsCut:first-child{border-top:0;padding-top:0}
#rdHwws .wsCutT{display:flex;flex-direction:column;gap:1px}
#rdHwws .wsCutT span{font-size:11.5px;color:var(--ws-mut)}
#rdHwws .wsCutA{display:flex;align-items:center;gap:6px;justify-content:space-between}

/* 7.4 Сглобяване = Ц7 (листовете), отметките вдясно */
#rdHwws .wsAsmBar .rdSeg2{flex-wrap:wrap}
#rdHwws .wsAsmBar .rdSeg2Btn{font-size:12px;padding:6px 10px}
#rdHwws .wsAsmBar .rdSeg2Btn small{opacity:.7;font-weight:700}
#rdHwws .wsAsmCab{max-width:100%}
#rdHwws .wsSheets{display:flex;flex-direction:column;gap:16px}
#rdHwws .wsSheet{margin:0;background:var(--ws-card);border:1px solid var(--ws-line);border-radius:14px;overflow:hidden}
#rdHwws .wsSheet figcaption{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--ws-line2);font-size:12.5px;min-width:0}
#rdHwws .wsSheet figcaption b{font-family:var(--ws-mono);color:var(--ws-goldT)}
#rdHwws .wsSheet figcaption span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
#rdHwws .wsSheet figcaption i{font-style:normal;color:var(--ws-mut);font-size:11.5px;white-space:nowrap}
#rdHwws .wsSvg{background:#fff;aspect-ratio:1.414;cursor:zoom-in;display:block}
#rdHwws .wsSvg svg{display:block;width:100%;height:100%}
#rdHwws .wsTicks{margin:0;padding:0;list-style:none;counter-reset:st;display:flex;flex-direction:column}
#rdHwws .wsTicks li{counter-increment:st;border-top:1px solid var(--ws-line2)}
#rdHwws .wsTicks li:first-child{border-top:0}
#rdHwws .wsTicks label{display:grid;grid-template-columns:20px 22px 1fr;gap:6px;align-items:start;padding:8px 0;cursor:pointer;font-size:12.5px;line-height:1.4}
#rdHwws .wsTicks label::before{content:counter(st);grid-column:2;grid-row:1;font:800 11px/1.6 var(--ws-mono);color:var(--ws-goldT);text-align:right}
#rdHwws .wsTicks input[type=checkbox]{all:revert;grid-column:1;grid-row:1;margin:2px 0 0;width:16px;height:16px;accent-color:#1c2c44;cursor:pointer}   /* обикновена отметка, не превключвателят на програмата */
html.dark #rdHwws .wsTicks input[type=checkbox],body.shop #rdHwws .wsTicks input[type=checkbox]{accent-color:#e8b978}
#rdHwws .wsTicks span{grid-column:3}
#rdHwws .wsTicks li.on span{color:var(--ws-mut);text-decoration:line-through}
#rdHwws .wsShIdx{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}
#rdHwws .wsShI{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;text-align:left;background:var(--ws-grp);border:0;border-radius:9px;padding:8px 10px;cursor:pointer;color:var(--ws-ink);font:inherit;font-size:12px}
#rdHwws .wsShI b{font-family:var(--ws-mono);color:var(--ws-goldT)}
#rdHwws .wsShI span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
#rdHwws .wsShI i{grid-column:2;font-style:normal;color:var(--ws-mut);font-size:11px}

/* 7.5 Осветление: монтажът (старата карта, в рамката) + сумата */
#rdHwws .wsLightCard{background:var(--ws-card);border:1px solid var(--ws-line);border-radius:14px;margin:0;box-shadow:none}
#rdHwws .wsLightCard>h2{display:none}
#rdHwws .wsLightCard[hidden]{display:none}
#rdHwws .wsQuick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* „Поръчай“ отдолу — само на телефона */
#rdHwws .wsDock{display:none}

/* Лесно: без бележки и каталожни № (идват празни от кода), без „Пробиване“ в разделите */
#rdHwws.wsEasy .wsFilt{display:none}

/* тъмно: старите карти вътре в рамката */
html.dark #rdHwws .wsLightCard,body.shop #rdHwws .wsLightCard{background:var(--ws-card);border-color:var(--ws-line)}

/* прегледът на лист на цял екран (Ц6 / Ц7) */
#rdWsV{position:fixed;inset:0;z-index:2147483000;background:#5d6876;display:flex;flex-direction:column}
#rdWsV .wvBar{display:flex;gap:6px;align-items:center;padding:8px 10px;background:#1c2c44;color:#fff}
#rdWsV .wvBar button{background:transparent;border:1px solid rgba(232,185,120,.6);color:#e8b978;border-radius:8px;padding:6px 10px;font:600 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap;min-height:32px}
#rdWsV .wvT{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px system-ui,sans-serif}
#rdWsV .wvT i{opacity:.7;font-style:normal}
#rdWsV .wvStage{flex:1;min-height:0;touch-action:none;overflow:hidden;display:flex;cursor:grab}
#rdWsV .wvStage svg{width:100%;height:100%;background:#fff}

/* по-тесни екрани: името на шкафа в главата се вижда в „Сметката“; дясната колона пада под документа */
@media (max-width:1440px){ #rdHwws .wsHead .wsSub{display:none} }
@media (max-width:1180px){
  #rdHwws .wsSec{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:980px){
  #rdHwws .wsSec{grid-template-columns:minmax(0,1fr)}
  #rdHwws .wsSide{position:static}
}
/* 7.8 Телефон: Б1 [Списък · Сглобяване · Пробиване] + обхватът; редове със снимка; отдолу залепено „сума · Поръчай“ */
@media (max-width:700px){
  #rdHwws .wsHead{padding:10px 12px;gap:8px;border-radius:12px}
  #rdHwws .wsHead .wsTitle{font-size:13px}
  #rdHwws .wsHead .wsTabs{order:5;width:100%;overflow-x:auto;scrollbar-width:none}
  #rdHwws .wsHead .wsTabs::-webkit-scrollbar{display:none}
  #rdHwws .wsHead .wsTabs .rdSeg2Btn{flex:1 0 auto;padding:8px 10px;min-height:34px}
  #rdHwws .wsHead .wsTabs .rdSeg2Btn[data-sec="light"]{display:none}
  #rdHwws .wsHead .wsScope{order:6}
  #rdHwws .wsHead .wsSub{display:none}
  #rdHwws .wsHead .wsBtn.gold{display:none}
  #rdHwws .wsHead .wsSplit .wsBtn{padding:8px 10px;min-height:34px}
  #rdHwws .wsBody{padding-top:10px}
  #rdHwws .wsHwT col.cU{width:0}#rdHwws .wsHwT .u{padding:0 !important;font-size:0;width:0;overflow:hidden}   /* клетката остава (иначе колоните се разместват), само без ширина */
  #rdHwws .wsHwT col.cP{width:44px}#rdHwws .wsHwT col.cQ{width:64px}#rdHwws .wsHwT col.cS{width:64px}#rdHwws .wsHwT col.cA{width:44px}
  #rdHwws .wsHwT td,#rdHwws .wsHwT th{padding-left:6px;padding-right:6px}
  #rdHwws .wsHwT td.p{padding-left:8px}
  #rdHwws .wsHwT .wsPic{width:34px;height:30px}
  #rdHwws .wsHwT td.a .wsAct{font-size:0;gap:0;padding:8px;min-width:34px;min-height:34px;justify-content:center}
  #rdHwws .wsHwT td.a .wsAct::after{content:"›";font-size:16px}
  #rdHwws .wsHwT td.a .wsAct .wsI{display:none}
  #rdHwws .wsHwT .wsRowSub{display:none}
  #rdHwws .wsDock{display:flex;align-items:center;gap:10px;position:sticky;bottom:calc(62px + env(safe-area-inset-bottom,0px));margin-top:12px;background:#1c2c44;color:#fff;border-radius:12px;padding:8px 8px 8px 14px;box-shadow:0 -6px 20px rgba(28,44,68,.18);z-index:5}
  #rdHwws .wsDock span{flex:1;display:flex;flex-direction:column;font:800 15px var(--ws-mono)}
  #rdHwws .wsDock small{font:600 11px system-ui,sans-serif;color:#a9b4c6}
  #rdHwws .wsDock .wsBtn{min-height:40px}
  #rdHwws .wsBar{padding:8px}
  #rdWsV .wvBar button[data-v="print"]{display:none}
}