/* ══════════════════════════════════════════════════════════════════════════
   WZ Radar — Bảng tin thị trường hàng ngày
   Hai giao diện, MẶC ĐỊNH TỐI. Mọi màu đi qua biến, không ghim cứng trong
   phần chữ, để đổi giao diện chỉ cần đổi biến.
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  /* TỐI (mặc định) — bảng màu lấy từ src/styles/main.css của WorldMonitor.
     Đặc trưng: nền gần đen, panel #141414, viền #2a2a2a, ACCENT LÀ MÀU TRẮNG
     chứ không phải màu thương hiệu, nên mọi màu còn lại dành riêng cho ý nghĩa;
     font body là mono. */
  --bg:#0a0a0a; --surface:#141414; --text:#e8e8e8; --divider:#2a2a2a; --hov:#1e1e1e;
  --accent:#ffffff; --a100:#1a1a1a; --a200:#2a2a2a; --a600:#cfcfcf; --a700:#ffffff;
  --n100:#1a1a1a; --n200:#2a2a2a; --n300:#3d3d3d; --n400:#666; --n500:#888;
  --n600:#aaa; --n700:#ccc; --n900:#e8e8e8;
  --op:#44aa44; --opbg:#0f1d0f; --warn:#ff4444; --warnbg:#241010; --dir:#ffaa00; --dirbg:#241c06;
  --prib:#0a0a0a;
  --mono:'SF Mono',ui-monospace,Menlo,Consolas,monospace;
  --body-font:var(--mono); --base:12px;
  --map-ocean:#020a08; --map-land:#0a2018; --map-stroke:#0f5040; --map-reg:#0f2a20;
}
:root[data-theme="light"]{
  /* SÁNG — brand v2 của Work Zone: light-first mono-blue */
  --bg:#f6f8fb; --surface:#fff; --text:#1c2637; --divider:#e2e8f2; --hov:#fcfdff;
  --accent:#2f7fd1; --a100:#eaf2fb; --a200:#cfe1f6; --a600:#2668ad; --a700:#1c3d6e;
  --n100:#eef2f7; --n200:#e2e8f2; --n300:#cfd7e4; --n400:#aab6c8; --n500:#8593a8;
  --n600:#667389; --n700:#4b586d; --n900:#1c2637;
  --op:#177a4b; --opbg:#ecf7f1; --warn:#c23a3a; --warnbg:#fdf0f0; --dir:#8a6a16; --dirbg:#fbf6e9;
  --prib:#fff;
  --body-font:Archivo,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --base:13px;
  --map-ocean:#080b10; --map-land:#151b23; --map-stroke:#242e3b; --map-reg:#1a2331;
}

.wzd{background:var(--bg);color:var(--text);font-family:var(--body-font);font-size:var(--base);
  line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}
.wzd *{box-sizing:border-box}

/* ── thanh nhịp ─────────────────────────────────────────────────────────── */
.wzd .pulse{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--divider);
  border-bottom:1px solid var(--divider)}
@media(max-width:900px){.wzd .pulse{grid-template-columns:repeat(3,1fr)}}
.wzd .pt{background:var(--surface);padding:9px 13px}
.wzd .pt .l{font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--n500)}
.wzd .pt .v{font-size:22px;font-weight:650;letter-spacing:-.03em;line-height:1.15;margin-top:1px}
.wzd .pt .d{font-family:var(--mono);font-size:9.5px;color:var(--n500);margin-top:1px}
.wzd .up{color:var(--warn)} .wzd .dn{color:var(--op)} .wzd .fl{color:var(--n400)}
.wzd .pt.alarm{background:var(--warnbg)} .wzd .pt.alarm .v{color:var(--warn)}

/* ── tab + chuyển giao diện ─────────────────────────────────────────────── */
.wzd .dtabs{background:var(--surface);border-bottom:1px solid var(--divider);padding:0 20px;display:flex;align-items:center}
.wzd .dtabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 15px;cursor:pointer;
  font-family:inherit;font-size:12px;color:var(--n600)}
.wzd .dtabs button:hover{background:var(--n100);color:var(--n900)}
.wzd .dtabs button.on{color:var(--a700);border-bottom-color:var(--accent);font-weight:600}
.wzd .dtabs .sp{flex:1}
.wzd .thsw{display:flex;border:1px solid var(--n300)}
.wzd .thsw button{border:0;border-right:1px solid var(--n300);font-family:var(--mono);font-size:9px;
  padding:3px 8px;color:var(--n600);letter-spacing:.04em;white-space:nowrap}
.wzd .thsw button:last-child{border-right:0}
.wzd .thsw button.on{background:var(--a700);color:var(--prib)}

/* ── khung ──────────────────────────────────────────────────────────────── */
.wzd .wrap{padding:13px 20px 60px}
.wzd .toprow{display:grid;grid-template-columns:1.3fr 1fr;gap:13px;align-items:stretch}
@media(max-width:1180px){.wzd .toprow{grid-template-columns:1fr}}
.wzd .botrow{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}
@media(max-width:900px){.wzd .botrow{grid-template-columns:1fr}}
.wzd .col{display:flex;flex-direction:column;gap:13px}
.wzd .p{background:var(--surface);border:1px solid var(--divider)}
.wzd .p>h3{margin:0;padding:8px 12px;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--n700)}
.wzd .p>h3 .sp{flex:1}
.wzd .bd{font-family:var(--mono);font-size:9px;padding:2px 6px;border:1px solid;white-space:nowrap;text-transform:none}
.wzd .b-live{color:var(--op);border-color:var(--op);background:var(--opbg)}
.wzd .b-ok{color:var(--n600);border-color:var(--n300);background:var(--n100)}
.wzd .b-aging{color:var(--dir);border-color:var(--dir);background:var(--dirbg)}
.wzd .b-warn{color:var(--warn);border-color:var(--warn);background:var(--warnbg)}

/* ── bảng ba cột ────────────────────────────────────────────────────────── */
.wzd .board{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider)}
@media(max-width:900px){.wzd .board{grid-template-columns:1fr}}
.wzd .colh{padding:7px 11px;background:var(--surface);border-top:3px solid;display:flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em}
.wzd .colh .c{margin-left:auto;font-size:11px;background:var(--n100);border:1px solid var(--n200);padding:0 5px;color:var(--n700)}
.wzd .colh.h-op{border-top-color:var(--op);color:var(--op)}
.wzd .colh.h-warn{border-top-color:var(--warn);color:var(--warn)}
.wzd .colh.h-dir{border-top-color:var(--dir);color:var(--dir)}
.wzd .colbody{background:var(--surface);max-height:640px;overflow-y:auto}
.wzd .wzcard{padding:10px 11px;border-bottom:1px solid var(--n100)}
.wzd .wzcard:last-child{border-bottom:0}
.wzd .wzcard:hover{background:var(--hov)}
.wzd .wzcard .ch{font-size:12.5px;font-weight:640;line-height:1.4;letter-spacing:-.01em}
.wzd .wzcard .ct{font-family:var(--mono);font-size:9px;color:var(--n400);float:right;margin-left:8px}
/* Tin cũ hơn một ngày: tô vàng cảnh báo, không tô đỏ. Đây là điều cần lưu ý
   khi đọc, không phải sự cố. */
.wzd .wzcard .ct .cu{color:var(--warn);font-weight:600}
.wzd .why{background:var(--a100);border-left:2px solid var(--accent);padding:6px 8px;margin:6px 0 5px}
.wzd .why .lb{font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--a700);margin-bottom:3px}
.wzd .why .tx{font-size:11.5px;line-height:1.5;color:var(--n900)}
.wzd .cf{font-family:var(--mono);font-size:9px;color:var(--n500);display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.wzd .src{border:1px solid var(--n200);padding:0 4px;background:var(--n100)}
.wzd .weak{color:var(--dir)}
.wzd .srclink{color:var(--accent);text-decoration:none}
.wzd .srclink:hover{text-decoration:underline}

/* ── ba mức phản hồi ────────────────────────────────────────────────────── */
.wzd .fb{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:6px;padding-top:6px;
  border-top:1px dashed var(--n200)}
.wzd .fbl{font-family:var(--mono);font-size:8.5px;color:var(--n500);letter-spacing:.04em}
.wzd .fbb{font-family:var(--mono);font-size:9px;border:1px solid var(--n300);background:var(--surface);
  color:var(--n600);padding:2px 6px;cursor:pointer;letter-spacing:.03em}
.wzd .fbb:hover{border-color:var(--accent);color:var(--a700)}
.wzd .fbb:disabled{opacity:.45;cursor:not-allowed}
.wzd .fbb.s1.on{background:var(--warn);color:var(--prib);border-color:var(--warn)}
.wzd .fbb.s2.on{background:var(--n400);color:var(--prib);border-color:var(--n400)}
.wzd .fbb.s3.on{background:var(--op);color:var(--prib);border-color:var(--op)}
.wzd .fbn{font-family:var(--mono);font-size:8.5px;color:var(--op)}

/* ── theo dõi đối thủ ───────────────────────────────────────────────────── */
.wzd .wzrow{border-bottom:2px solid var(--a700);background:var(--a100)}
.wzd .wzhead{display:flex;align-items:center;gap:7px;padding:7px 12px;font-size:13px}
.wzd .wztag{font-family:var(--mono);font-size:8.5px;background:var(--a700);color:var(--prib);padding:1px 5px;letter-spacing:.06em}
.wzd .wzsc{font-family:var(--mono);font-size:9.5px;color:var(--n500);margin-left:auto}
.wzd .pgrp{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;padding:3px 12px}
.wzd .pg{font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--n500);width:78px;flex:none}
.wzd .pl{display:flex;flex-wrap:wrap;gap:4px;flex:1}
.wzd .pchip{font-family:var(--mono);font-size:9px;border:1px solid var(--a200);background:var(--surface);
  color:var(--a700);padding:1px 5px;line-height:1.35;text-decoration:none}
.wzd .pchip i{font-style:normal;color:var(--n500);display:block;font-size:8px}
.wzd .pchip.zero{border-color:var(--warn);color:var(--warn);background:var(--warnbg)}
.wzd .pchip.mini{font-size:8.5px;border-color:var(--n200);color:var(--n600);background:var(--n100)}
.wzd .cbar{padding:5px 12px;background:var(--n100);border-bottom:1px solid var(--divider);border-top:1px solid var(--divider);
  font-family:var(--mono);font-size:9px;color:var(--n600);letter-spacing:.05em;display:flex}
.wzd .cbar .sp{flex:1} .wzd .cbar b{color:var(--warn)}
.wzd .fcard{border-bottom:1px solid var(--n200);padding:8px 12px 9px}
.wzd .fcard:hover{background:var(--hov)}
.wzd .fh{display:flex;align-items:center;gap:6px;font-size:12.5px}
.wzd .fh .sp{flex:1}
.wzd .fh .kd{font-family:var(--mono);font-size:8.5px;color:var(--n400);border:1px solid var(--n200);padding:0 3px}
.wzd .fh .cnt{font-family:var(--mono);font-size:9.5px;background:var(--warnbg);color:var(--warn);border:1px solid var(--warn);padding:1px 5px}
.wzd .fh .tm{font-family:var(--mono);font-size:9.5px;color:var(--n500)}
.wzd .wzdot{width:7px;height:7px;flex:none;border-radius:50%}
.wzd .assets{display:flex;flex-wrap:wrap;gap:3px;align-items:baseline;margin:4px 0 0;font-family:var(--mono);font-size:8.5px;color:var(--n400)}
.wzd .watch{font-family:var(--mono);font-size:8.5px;color:var(--n400);margin:4px 0 5px;letter-spacing:.03em}
.wzd .watch .w{border:1px solid var(--n200);padding:0 3px;margin-left:3px;color:var(--n300)}
.wzd .watch .w.on{border-color:var(--accent);color:var(--a700);background:var(--a100)}
.wzd .fev{display:flex;gap:7px;padding:4px 0;border-top:1px dashed var(--n100)}
.wzd .wzchip{font-family:var(--mono);font-size:8px;padding:1px 4px;height:14px;line-height:12px;flex:none;border:1px solid;letter-spacing:.04em}
.wzd .c-web,.wzd .c-site_change{color:var(--a700);background:var(--a100);border-color:var(--a200)}
.wzd .c-news{color:var(--warn);background:var(--warnbg);border-color:var(--warn)}
.wzd .c-facebook,.wzd .c-linkedin,.wzd .c-youtube,.wzd .c-tiktok,.wzd .c-x,.wzd .c-ad{color:var(--op);background:var(--opbg);border-color:var(--op)}
.wzd .ftx{flex:1;min-width:0}
.wzd .ft{font-size:12px;font-weight:600;line-height:1.35}
.wzd .fd2{font-size:11px;color:var(--n600);line-height:1.45;margin-top:1px}
.wzd .fm{font-family:var(--mono);font-size:8.5px;color:var(--n400);margin-top:2px}
.wzd .fm a{color:var(--accent);text-decoration:none}
.wzd .wzempty{padding:16px 13px;text-align:center;color:var(--n500);font-size:12px;line-height:1.55}
.wzd .wzempty b{color:var(--n900);display:block;font-size:13px;margin-bottom:3px}
.wzd .wzempty .sm{font-family:var(--mono);font-size:9.5px;color:var(--n400);margin-top:5px}

/* ── bản đồ ─────────────────────────────────────────────────────────────── */
.wzd .mapwrap{position:relative;background:var(--map-ocean);overflow:hidden}
.wzd .mapwrap svg.world{display:block;width:100%;height:auto}
.wzd .mapwrap svg.world path{fill:var(--map-land);stroke:var(--map-stroke);stroke-width:.3}
.wzd .mapwrap svg.world .inreg,.wzd .mapwrap svg.world .inreg path{fill:var(--map-reg)}
.wzd .mapwrap svg.world .vnbase{fill:none!important;stroke:none!important}
.wzd .mapwrap svg.world #vn-detail path{fill:#42292a;stroke:#ff5f52;stroke-width:.35;vector-effect:non-scaling-stroke}
.wzd .mapwrap .layer{position:absolute;inset:0;pointer-events:none}
.wzd .mapwrap .layer svg{width:100%;height:100%;overflow:visible}
.wzd .grat{stroke:#fff;stroke-width:.3;opacity:.05}
.wzd .arc{fill:none;stroke-linecap:round;stroke-dasharray:3 5;animation:wzflow 1.6s linear infinite}
@keyframes wzflow{to{stroke-dashoffset:-16}}
.wzd .nodetxt{font-family:var(--mono);font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:central;
  paint-order:stroke;stroke:var(--map-ocean)}
.wzd .reglbl{font-family:var(--mono);paint-order:stroke;stroke:var(--map-ocean);text-anchor:middle}
.wzd .vnlbl{font-family:var(--mono);fill:#ffb3a8;paint-order:stroke;stroke:var(--map-ocean)}
.wzd .olbl{font-family:var(--mono);fill:#2f4560;font-style:italic;text-anchor:middle}
.wzd .mapfoot{font-family:var(--mono);font-size:8.5px;color:#5b7ba3;background:var(--map-ocean);padding:5px 10px;
  border-top:1px solid #1e2836;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.wzd .mapfoot i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}
.wzd .mapfoot .sp{flex:1}
/* Khẳng định chủ quyền: dùng ĐÚNG màu nhãn Hoàng Sa · Trường Sa trên bản đồ,
   không dùng đỏ cảnh báo. Đỏ đã dành cho nghĩa "cảnh báo". */
.wzd .mapfoot .sovereign{color:#ffb3a8;font-weight:600;letter-spacing:.06em;font-size:9.5px;
  border:1px solid rgba(255,179,168,.32);padding:2px 7px;background:rgba(255,179,168,.07)}
.wzd .modesw{display:flex;border:1px solid var(--n300)}
.wzd .modesw button{background:none;border:0;border-right:1px solid var(--n300);font-family:var(--mono);
  font-size:9px;padding:2px 7px;cursor:pointer;color:var(--n600);letter-spacing:.04em}
.wzd .modesw button:last-child{border-right:0}
.wzd .modesw button.on{background:var(--a700);color:var(--prib)}

/* ── tin ngành ──────────────────────────────────────────────────────────── */
.wzd .filt{padding:7px 12px;border-bottom:1px solid var(--divider);background:var(--hov)}
.wzd .frow{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:2px 0}
.wzd .frow .fl{font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--n500);width:64px;flex:none}
.wzd .frow button{font-family:inherit;font-size:11px;border:1px solid var(--n300);background:var(--surface);
  color:var(--n700);padding:2px 8px;cursor:pointer}
.wzd .frow button:hover{border-color:var(--accent);color:var(--a700)}
.wzd .frow button.on{background:var(--a700);color:var(--prib);border-color:var(--a700)}
.wzd .frow .nz{font-family:var(--mono);font-size:8px;color:var(--warn);margin-left:3px}
.wzd .nrow{padding:9px 12px;border-bottom:1px solid var(--n100)}
.wzd .nrow:hover{background:var(--hov)}
.wzd .nt{font-size:13px;font-weight:640;line-height:1.4}
.wzd .nt a{color:var(--a700);text-decoration:none}
.wzd .nt a:hover{text-decoration:underline}
.wzd .nt .na{font-family:var(--mono);font-size:9px;color:var(--n400);float:right;margin-left:10px;font-weight:400}
.wzd .ns{font-size:11.5px;color:var(--n700);line-height:1.45;margin-top:2px}
.wzd .nm2{font-family:var(--mono);font-size:9px;color:var(--n500);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}

/* ── chỉ số + sức khoẻ ──────────────────────────────────────────────────── */
.wzd .qrow{padding:8px 12px;border-bottom:1px solid var(--n100)}
.wzd .qtop{display:flex;align-items:baseline;gap:8px}
.wzd .qtop .ql{flex:1;font-size:12px}
.wzd .qbar{height:3px;background:var(--n200);margin:5px 0 4px}
.wzd .qbar i{display:block;height:100%}
.wzd .qwhy{font-size:10.5px;color:var(--n600)}
.wzd .wzhr{display:flex;align-items:center;gap:9px;padding:6px 12px;border-bottom:1px solid var(--n100);font-size:11.5px}
.wzd .wzhr .n{flex:1} .wzd .wzhr .a{font-family:var(--mono);font-size:9.5px;color:var(--n500)}

/* ── form + cấu hình ────────────────────────────────────────────────────── */
.wzd .mech{border-bottom:1px solid var(--divider);background:var(--hov)}
.wzd .mrow{display:flex;gap:9px;align-items:baseline;padding:5px 12px;border-bottom:1px solid var(--n100);font-size:11.5px}
.wzd .mrow:last-child{border-bottom:0}
.wzd .mrow .mk{width:150px;flex:none;font-weight:600;color:var(--a700)}
.wzd .mrow .mw{width:190px;flex:none;font-family:var(--mono);font-size:9.5px;color:var(--n600)}
.wzd .mrow .md{flex:1;color:var(--n700);line-height:1.45}
.wzd .mrow.warn3{background:var(--warnbg)}
.wzd .mrow.warn3 .mk,.wzd .mrow.warn3 .mw{color:var(--warn)}
.wzd .addmode{display:flex;border-bottom:1px solid var(--divider)}
.wzd .addmode button{flex:1;background:none;border:0;border-right:1px solid var(--divider);padding:7px;cursor:pointer;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:var(--n600)}
.wzd .addmode button:last-child{border-right:0}
.wzd .addmode button.on{background:var(--a100);color:var(--a700);box-shadow:inset 0 -2px 0 var(--accent)}
.wzd .frm{padding:10px 12px;display:grid;gap:7px}
.wzd .frm.inline{display:flex;gap:6px;align-items:center;padding:8px 12px}
.wzd .frm label{display:grid;gap:2px}
.wzd .frm label span{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--n500)}
.wzd .frm label span i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--n400);margin-left:5px}
.wzd .frm input,.wzd .frm select,.wzd .frm textarea{font-family:inherit;font-size:12px;padding:5px 7px;
  border:1px solid var(--n300);background:var(--surface);color:var(--text);width:100%}
.wzd .frm input:focus,.wzd .frm textarea:focus{outline:0;border-color:var(--accent)}
.wzd .frmfoot{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-top:2px}
.wzd .frmfoot .hint{font-size:10.5px;color:var(--n500);flex:1;min-width:180px}
.wzd .wzbtn{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;
  border:1px solid var(--n300);background:var(--surface);color:var(--n700);padding:3px 8px;cursor:pointer}
.wzd .wzbtn:hover{border-color:var(--accent);color:var(--a700);background:var(--a100)}
.wzd .wzbtn.pri{background:var(--a700);color:var(--prib);border-color:var(--a700)}
.wzd .wzbtn.mini{font-size:8.5px;padding:2px 6px}
.wzd .wzbtn:disabled{opacity:.5;cursor:not-allowed}
.wzd .res{margin:8px 12px;padding:7px 9px;font-size:11.5px;border-left:3px solid var(--op);background:var(--opbg);color:var(--n900)}
.wzd .res.dup{border-left-color:var(--dir);background:var(--dirbg)}
.wzd .res.err{border-left-color:var(--warn);background:var(--warnbg)}
.wzd .cfgsec{border-bottom:1px solid var(--divider);padding-bottom:8px}
.wzd .cfgsec:last-child{border-bottom:0}
.wzd .cfgh{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--n700);padding:7px 12px 4px}
.wzd .cfgnote{font-size:11px;color:var(--n600);padding:0 12px 4px;line-height:1.45}
.wzd .cfgnote.warn2{color:var(--dir)}
.wzd .ctb{width:100%;border-collapse:collapse;font-size:11.5px}
.wzd .ctb th{font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--n500);
  text-align:left;padding:3px 12px;border-bottom:1px solid var(--divider);font-weight:500}
.wzd .ctb td{padding:5px 12px;border-bottom:1px solid var(--n100)}
.wzd .ctb td.bad{color:var(--warn);font-weight:600}
.wzd .ctb td.good{color:var(--op);font-weight:600}
.wzd .cfgrow{display:flex;padding:4px 12px;font-size:11.5px;border-bottom:1px solid var(--n100)}
.wzd .cfgrow span{flex:1;color:var(--n700)} .wzd .cfgrow b{font-family:var(--mono)}
.wzd .cfgrow.bad b{color:var(--warn)}
.wzd .lyr{padding:0 12px 6px}
.wzd .ly{display:flex;gap:9px;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--n100);font-size:11.5px}
.wzd .ly:last-child{border-bottom:0}
.wzd .lyk{width:140px;flex:none;font-weight:600;color:var(--a700)}
.wzd .lyc{width:150px;flex:none;font-family:var(--mono);font-size:9px;color:var(--n500)}
.wzd .lyd{flex:1;color:var(--n700);line-height:1.45}
.wzd .lprog{padding:6px 12px}
.wzd .lpb{height:4px;background:var(--n200);margin-bottom:4px}
.wzd .lpb i{display:block;height:100%;background:var(--accent)}
.wzd .lprog span{font-family:var(--mono);font-size:9px;color:var(--n500)}
.wzd .lempty{padding:8px 12px;font-size:11.5px;color:var(--n600);background:var(--hov);line-height:1.5}
.wzd .lprof{padding:6px 12px}
.wzd .lpk{font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--n500);margin-bottom:3px}
.wzd .lprof textarea{width:100%;font-family:inherit;font-size:11.5px;padding:5px 7px;border:1px solid var(--n300);
  background:var(--surface);color:var(--text);line-height:1.45}