/* ═══════════ Update 0.2 · ПРОБИВАНЕТО П1–П5 (по концепциите, едно към едно) ═══════════ */
#rdDrill{margin:0 0 14px}
#rdDrill .d2Screen{margin:0;min-height:600px}
#rdDrill .d2Modes{padding:0 0 10px}
body.rdDrillOn #page-hardware #hingeBlock, body.rdDrillOn #page-hardware #handleBlock, body.rdDrillOn #page-hardware #drillBlock{display:none}
body.rdDrillOn #page-hardware .card:has(#hingeBlock), body.rdDrillOn #page-hardware .card:has(#handleBlock), body.rdDrillOn #page-hardware .card:has(#drillBlock){display:none}
.dpGrid{flex:1;padding:14px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;background:#eef1f6;overflow:auto}
.dpCard{width:190px;background:#fff;border:1px solid #d9dee6;border-radius:12px;padding:10px;box-sizing:border-box;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;animation:d2In .35s cubic-bezier(.2,.8,.2,1) both}
.dpCard:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,44,68,.12)}
.dpCard.on{outline:2px solid #e8b978}
.dpCard .h{display:flex;align-items:center;font-size:10.5px;font-weight:800;color:#1a2233}
.dpCard .h span{margin-left:auto;font-size:9px;color:#5c6a7d;font-weight:600}
.dpCard svg{width:170px;height:190px;display:block}
.dpCard .m{font-size:9.5px;color:#5c6a7d}
.dpRail{width:160px;flex-shrink:0;border-right:1px solid #d9dee6;padding:10px;box-sizing:border-box;background:#f7f9fc;overflow:auto}
.dpRow{padding:8px 10px;border-radius:9px;margin-bottom:4px;background:#fff;border:1px solid #d9dee6;border-left:3px solid #e8b978;cursor:pointer;transition:all .15s}
.dpRow:hover{border-color:#b9c4d4}
.dpRow.on{background:#1c2c44;border-color:#1c2c44}
.dpRow .a{font-size:11px;font-weight:700;color:#1a2233} .dpRow.on .a{color:#e8b978}
.dpRow .b{font-size:9.5px;color:#5c6a7d} .dpRow.on .b{color:#a9bad6}
.dpBig{flex:1;min-width:0;background:#fafbfd;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.dpBig svg{max-height:520px;width:100%}
.dpLayer{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;margin-bottom:3px;background:#fff;border:1px solid #d9dee6;font-size:10.5px;color:#1a2233;cursor:pointer;user-select:none}
.dpLayer .dot{margin-left:auto;width:9px;height:9px;border-radius:99px}
.dpSw{display:inline-block;width:28px;height:16px;border-radius:99px;background:#cfd7e2;position:relative;flex-shrink:0;transition:background .2s}
.dpSw::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:99px;background:#fff;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s}
.dpSw.on{background:#1c2c44} .dpSw.on::after{transform:translateX(12px);background:#e8b978}
.dpRules{flex:1;padding:14px;background:#eef1f6;box-sizing:border-box;overflow:auto}
.dpRuleGrid{display:flex;flex-wrap:wrap;gap:10px}
.dpRule{width:calc(50% - 5px);box-sizing:border-box;background:#fff;border:1px solid #d9dee6;border-radius:12px;padding:12px;font-size:10.5px;color:#1a2233;line-height:2}
.dpRule input[type=number], .dpRule input[type=text]{display:inline-block;width:46px;box-sizing:border-box;border:1px solid #d9dee6;border-radius:8px;padding:4px 8px;font-size:10.5px;color:#1a2233;background:#fff;margin:0 4px;text-align:center}
.dpRule input[type=text]{width:130px;text-align:left}
.dpRule input:focus{outline:none;border-color:#1c2c44;box-shadow:0 0 0 3px rgba(232,185,120,.3)}
.dpChip{display:inline-block;background:#fff;color:#5c6a7d;border:1px solid #d9dee6;font-size:10px;font-weight:800;padding:4px 10px;border-radius:999px;margin-right:4px;cursor:pointer;transition:all .18s}
.dpChip.on{background:#1c2c44;color:#e8b978;border-color:#1c2c44}
.dpTick{display:inline-block;width:14px;height:14px;border-radius:4px;background:#fff;border:1.5px solid #b9c4d4;vertical-align:middle;margin-right:5px;text-align:center;line-height:13px;font-size:10px;color:#1c2c44;font-weight:800;cursor:pointer}
.dpTick.on{background:#e8b978;border-color:#e8b978}
.dpSum{margin-top:12px;background:#1c2c44;border-radius:12px;padding:12px 14px;display:flex;gap:18px;align-items:center}
.dpSum .l{font-size:10px;color:#e8b978;font-weight:800;letter-spacing:.08em} .dpSum .v{font-size:11px;color:#fff}
.dpTpl{width:150px;background:#fff;border:1px solid #d9dee6;border-radius:12px;padding:10px;box-sizing:border-box}
.dpTpl .h{font-size:10.5px;font-weight:800;color:#1a2233} .dpTpl svg{width:130px;height:140px;display:block} .dpTpl .m{font-size:9.5px;color:#5c6a7d}
.dpOps{flex:1;padding:14px;box-sizing:border-box;overflow:auto}
.dpOps table tr{cursor:pointer} .dpOps table tr:hover td{background:#fff9ec}
.dpPrev{width:300px;height:220px;background:#fafbfd;border-radius:10px}