/* ═══ т.4 · етап 3 (21.10.2026) — ОБЩАТА РАМКА на работните места (концепция §8): главата, разделите (Б1), действията, таблицата,
   празното място, статусите, бутоните, менютата ▾, тъмното. Носи я „Обков“ (#rdHwws); „Поръчки“ стъпва на нея в етап 4.
   Букви 30 / 21 / 16 / 13,5 / 11 · отстояния 4 · 8 · 12 · 16 · 24 · 32 · числата в моно, вдясно · злато #e8b978 е фон или текст на navy,
   на светло златният текст е #9a6b25 (4,7:1). ═══ */
.ws{--ws-bg:#f3f5f8;--ws-card:#fff;--ws-line:#e3e7ed;--ws-line2:#eef1f5;--ws-ink:#1c2c44;--ws-mut:#5c6a7d;--ws-goldT:#9a6b25;--ws-goldBg:#fbf4e8;--ws-grp:#f4f6f9;--ws-head:#1f2c44;
  --ws-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;color:var(--ws-ink);font-size:13.5px}
html.dark .ws,body.shop .ws{--ws-bg:#0f1826;--ws-card:#16233a;--ws-line:#26395a;--ws-line2:#22324a;--ws-ink:#e7ecf3;--ws-mut:#9aa7b8;--ws-goldT:#e8b978;--ws-goldBg:rgba(232,185,120,.13);--ws-grp:#1b2a44;--ws-head:#1a2840}
/* главата: navy, радиус 14, 64 px; заглавие злато, главни, разредка .14em; разделите — Б1 на тъмно с броя вътре; едно главно действие в злато */
.wsHead{background:var(--ws-head);border-radius:14px;min-height:64px;box-sizing:border-box;padding:12px 16px 12px 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#fff}
.wsTitle{color:#e8b978;font-weight:800;letter-spacing:.14em;font-size:14px;text-transform:uppercase;white-space:nowrap}
.wsSub{color:#a9b4c6;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;min-width:0}
.wsGrow{flex:1 1 0;min-width:0}
.wsHead .rdSeg2{background:rgba(255,255,255,.08);flex-wrap:nowrap}
.wsHead .rdSeg2Btn{color:#c9d6ea;font-size:12.5px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px}
.wsHead .rdSeg2Btn:hover{color:#fff}
.wsHead .rdSeg2Thumb{background:#e8b978}
.wsHead .rdSeg2Btn.on{color:#1c2c44}
.wsHead .wsScope .rdSeg2Btn{font-size:11.5px;padding:5px 10px}
.wsCnt{font:700 11px/1.3 var(--ws-mono);font-variant-numeric:tabular-nums;background:rgba(255,255,255,.12);border-radius:99px;padding:1px 6px;margin-left:2px}
.wsHead .rdSeg2Btn.on .wsCnt{background:rgba(28,44,68,.16)}
.ws .rdSeg2:not(.wsTabs):not(.wsScope) .wsCnt{background:rgba(28,44,68,.08)}
html.dark .ws .rdSeg2:not(.wsTabs):not(.wsScope) .wsCnt,body.shop .ws .rdSeg2:not(.wsTabs):not(.wsScope) .wsCnt{background:rgba(255,255,255,.1)}
/* бутоните: злато (главно) · navy · тъмно · с рамка · светло */
.wsBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:9px 14px;font:800 12.5px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap;text-decoration:none}
.wsBtn .wsI{flex:none}
.wsBtn.gold{background:#e8b978;color:#1c2c44}.wsBtn.gold:hover{background:#f0c78e}
.wsBtn.navy{background:#1c2c44;color:#e8b978}.wsBtn.navy:hover{background:#27395a}
.wsBtn.dark{background:rgba(255,255,255,.1);color:#e7ecf3}.wsBtn.dark:hover{background:rgba(255,255,255,.18)}
.wsBtn.line{background:transparent;color:var(--ws-ink);box-shadow:inset 0 0 0 1.4px var(--ws-ink)}
.wsBtn.light{background:#eef2f7;color:#1c2c44}.wsBtn.light:hover{background:#e3e9f1}
html.dark .ws .wsBtn.light,body.shop .ws .wsBtn.light{background:#22324a;color:#e7ecf3}
.wsBtn.s{padding:7px 11px;font-size:12px;border-radius:9px}
.wsBtn:focus-visible,.wsAct:focus-visible,.ws .rdSeg2Btn:focus-visible,.wsLink:focus-visible,.wsMenu button:focus-visible{outline:2px solid #e8b978;outline-offset:2px}
.wsSplit{display:inline-flex}
.wsSplit .wsBtn:first-child{border-radius:10px 0 0 10px}
.wsSplit .wsBtn.wsCaret{border-radius:0 10px 10px 0;margin-left:1px;padding:9px 9px}
/* картите, редовете ключ–стойност, подсказките */
.wsCard{background:var(--ws-card);border:1px solid var(--ws-line);border-radius:14px;min-width:0}
.wsCh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ws-line2);min-height:20px}
.wsCt{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ws-mut);text-transform:uppercase;flex:1;min-width:0}
.wsNo{font:700 11px var(--ws-mono);color:var(--ws-goldT)}
.wsPad{padding:12px 16px}
.wsKv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--ws-line2);font-size:13.5px}
.wsKv:first-child{border-top:0}
.wsKv b{font-family:var(--ws-mono);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.wsKv.t{font-weight:800}
.wsLink{background:none;border:0;padding:0;font:700 12px inherit;font-family:inherit;color:var(--ws-goldT);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.wsLinkRow{display:flex;align-items:center;gap:6px;width:100%;margin-top:10px;background:var(--ws-goldBg);color:var(--ws-goldT);border:0;border-radius:9px;padding:9px 12px;font:700 12.5px inherit;font-family:inherit;cursor:pointer;text-align:left}
.wsLinkRow b{margin-left:auto;font-family:var(--ws-mono)}
/* таблицата: ред 44 px; групата — сива лента със сума; действието вдясно, злато на светло; тясна колона → многоточие + пълното при посочване */
.wsTbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13.5px}
.wsTbl th{font-size:11px;letter-spacing:.12em;color:var(--ws-mut);text-align:left;padding:10px 12px;border-bottom:1px solid var(--ws-line);font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsTbl th,.wsTbl td{border-left:0 !important;border-right:0 !important;border-top:0 !important}
.wsTbl td{height:44px;box-sizing:border-box;padding:6px 12px;border-bottom:1px solid var(--ws-line2);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
.wsTbl .n{text-align:right;font-family:var(--ws-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.wsTbl .n small{font-family:inherit;color:var(--ws-mut);font-size:11px}
.wsTbl tr.g td{background:var(--ws-grp);font-weight:800;font-size:11px;letter-spacing:.12em;height:34px;text-transform:uppercase;color:var(--ws-ink)}
.wsTbl tr.g td .n{color:var(--ws-goldT);font-family:var(--ws-mono);letter-spacing:0}
.wsTbl tfoot td{font-weight:800;border-bottom:0;height:48px}
.wsAct{display:inline-flex;align-items:center;gap:5px;font:800 12px/1 inherit;font-family:inherit;color:var(--ws-goldT);background:var(--ws-goldBg);border:0;border-radius:8px;padding:7px 10px;cursor:pointer;white-space:nowrap}
.wsAct:hover{filter:brightness(.97)}
/* празното място: иконка 64 px в злато, едно изречение, 1–3 бутона към менюто */
.wsEmpty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 24px;color:var(--ws-mut)}
.wsEmpty>.wsI{color:#e8b978}
.wsEmpty p{margin:0;font-size:16px;color:var(--ws-ink);max-width:460px;line-height:1.45}
.wsEmpty .wsQuick{justify-content:center}
.wsWait{padding:60px 24px;font-size:13.5px}
/* статусите — малки етикети (не превключватели) */
.wsTag{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:11px;letter-spacing:.04em;border-radius:6px;padding:3px 7px;white-space:nowrap;line-height:1.2}
.wsTag.d{background:#eef2f7;color:#5c6a7d}.wsTag.a{background:#fbf1e2;color:#9a6b25}.wsTag.o{background:#e6f4ec;color:#2f8a57}
.wsTag.p{background:#1c2c44;color:#e8b978}.wsTag.r{background:#f6e2e2;color:#a33b3b}
html.dark .ws .wsTag.d,body.shop .ws .wsTag.d{background:#22324a;color:#9aa7b8}
html.dark .ws .wsTag.o,body.shop .ws .wsTag.o{background:rgba(47,138,87,.22);color:#7fd1a2}
html.dark .ws .wsTag.a,body.shop .ws .wsTag.a{background:rgba(232,185,120,.16);color:#e8b978}
/* менютата ▾ */
.wsMenu{position:fixed;z-index:7100;background:#fff;color:#1c2c44;border:1px solid #d9dee6;border-radius:12px;box-shadow:0 18px 50px rgba(28,44,68,.22);padding:6px;min-width:280px;max-width:min(380px,calc(100vw - 16px));max-height:calc(100vh - 24px);overflow:auto;font-size:13px}
.wsMenu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 12px;cursor:pointer;color:inherit;font:inherit}
.wsMenu button b{font-weight:700}
.wsMenu button small{color:#66748a;font-size:11.5px;font-weight:600}
.wsMenu button.def b::after{content:" ●";color:#b98a3e;font-size:9px;vertical-align:2px}
.wsMenu button:hover,.wsMenu button:focus{background:#f4f6f9;outline:none}
.wsMenu hr{border:0;border-top:1px solid #eef1f5;margin:4px 6px}
.wsMenu.dk{background:#16233a;color:#e7ecf3;border-color:#26395a}
.wsMenu.dk button small{color:#9aa7b8}.wsMenu.dk button:hover,.wsMenu.dk button:focus{background:#1b2a44}.wsMenu.dk hr{border-top-color:#26395a}
/* Работилница (🔦): ред 56 px, текст 16 px, бутони ≥ 44 px (B17) */
body.shop .ws{font-size:16px}
body.shop .ws .wsTbl{font-size:16px}
body.shop .ws .wsTbl td{height:56px}
body.shop .ws .wsBtn,body.shop .ws .wsAct,body.shop .ws .rdSeg2Btn{min-height:44px}
body.shop .ws .wsAct{font-size:14px;padding:10px 14px}
body.shop .ws .wsKv{font-size:16px}