/* Market Watch bar (every page) + its picker. Uses the pro.css palette; light overrides at the end. */
.mw-bar{display:flex;align-items:stretch;min-height:36px;position:sticky;top:var(--mw-top,0);z-index:45;
  background:#061b2a;border-bottom:1px solid rgba(219,171,65,.30);font-family:var(--pro-font,Inter,"Segoe UI",sans-serif)}
.mw-label{display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--pro-muted,#6f8aa0);font-size:10.5px;font-weight:700;letter-spacing:1px;
  border-right:1px solid var(--pro-line,#1f3d53);white-space:nowrap}
.mw-label i{width:7px;height:7px;border-radius:50%;background:#56697a}
.mw-bar.mw-live .mw-label i{background:var(--pro-green,#22c38e);box-shadow:0 0 6px var(--pro-green,#22c38e)}
.mw-list{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mw-list::-webkit-scrollbar{display:none}
.mw-item{display:flex;align-items:baseline;gap:7px;padding:9px 14px;border-right:1px solid var(--pro-line,#1f3d53);white-space:nowrap}
.mw-item:hover{background:var(--pro-panel,#0a2233)}
.mw-sym{font-weight:700;font-size:12px;color:var(--pro-text,#eaf2f8)}
.mw-ex{font-size:9.5px;font-weight:700;color:var(--pro-muted,#6f8aa0)}
.mw-ltp{font-family:var(--pro-mono,Consolas,monospace);font-size:12.5px;color:var(--pro-text,#eaf2f8);border-radius:4px;padding:0 2px}
.mw-chg{font-family:var(--pro-mono,Consolas,monospace);font-size:11.5px}
.mw-chg.up{color:var(--pro-green,#22c38e)}.mw-chg.dn{color:var(--pro-red,#f0566c)}
.mw-msg{color:var(--pro-muted,#6f8aa0);font-size:12px;padding:9px 12px}
.mw-empty{background:none;border:0;color:var(--pro-muted,#6f8aa0);font:12px var(--pro-font,Inter,sans-serif);padding:9px 12px;cursor:pointer;text-align:left}
.mw-edit{display:flex;align-items:center;gap:6px;padding:0 14px;background:none;border:0;border-left:1px solid var(--pro-line,#1f3d53);
  color:var(--pro-gold,#e9b64f);font:700 12px var(--pro-font,Inter,sans-serif);cursor:pointer;white-space:nowrap}
.mw-edit:hover,.mw-edit:focus-visible{background:var(--pro-panel,#0a2233);outline:none}

/* picker */
.mw-ov{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:flex;align-items:flex-start;justify-content:center;padding:56px 16px 16px;overflow:auto}
.mw-ov[hidden]{display:none}
body.mw-open{overflow:hidden}
.mw-dlg{width:100%;max-width:640px;background:var(--pro-panel,#0a2233);color:var(--pro-text,#eaf2f8);border:1px solid var(--pro-line,#1f3d53);
  border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);font-family:var(--pro-font,Inter,sans-serif);font-size:14px}
.mw-dh{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--pro-line,#1f3d53)}
.mw-dh h3{margin:0;font-size:15px}
.mw-x{background:none;border:0;color:var(--pro-text-2,#a9bccb);font-size:22px;line-height:1;cursor:pointer}
.mw-db{padding:14px 16px;display:grid;gap:14px}
.mw-sec{display:block;font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--pro-muted,#6f8aa0);margin-bottom:6px}
.mw-mine{display:flex;flex-wrap:wrap;gap:6px}
.mw-pill{display:flex;align-items:center;gap:4px;background:var(--pro-bg,#051724);border:1px solid var(--pro-line,#1f3d53);border-radius:999px;padding:3px 5px;font-size:12.5px;cursor:grab}
.mw-pill b{font-weight:600}.mw-pill small{font-size:9.5px;color:var(--pro-muted,#6f8aa0);font-weight:700}
.mw-pill button{background:none;border:0;color:var(--pro-muted,#6f8aa0);cursor:pointer;font-size:14px;line-height:1;padding:2px 4px}
.mw-pill button:disabled{opacity:.25;cursor:default}
.mw-pill .mw-rm:hover{color:var(--pro-red,#f0566c)}
.mw-srch{display:grid;gap:8px}
.mw-srch input{width:100%;background:var(--pro-bg,#051724);border:1px solid var(--pro-line,#1f3d53);border-radius:8px;color:var(--pro-text,#eaf2f8);padding:9px 12px;font:14px var(--pro-font,Inter,sans-serif)}
.mw-srch input:focus{outline:none;border-color:var(--pro-gold,#e9b64f)}
.mw-kinds{display:flex;gap:6px;flex-wrap:wrap}
.mw-kinds button{background:none;border:1px solid var(--pro-line,#1f3d53);color:var(--pro-text-2,#a9bccb);border-radius:999px;padding:4px 12px;font:600 12px var(--pro-font,Inter,sans-serif);cursor:pointer}
.mw-kinds button.on{border-color:var(--pro-gold,#e9b64f);color:var(--pro-gold,#e9b64f)}
.mw-res{max-height:240px;overflow:auto;border:1px solid var(--pro-line,#1f3d53);border-radius:8px}
.mw-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--pro-line-soft,#173246)}
.mw-row:last-child{border-bottom:0}
.mw-n{flex:1;min-width:0}.mw-n small{display:block;color:var(--pro-muted,#6f8aa0);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw-tag{font-size:9.5px;font-weight:700;border-radius:4px;padding:2px 6px;background:rgba(78,160,255,.14);color:var(--pro-blue,#4ea0ff);min-width:68px;text-align:center}
.mw-tag.stock{background:rgba(34,195,142,.14);color:var(--pro-green,#22c38e)}
.mw-tag.commodity{background:rgba(233,182,79,.14);color:var(--pro-gold,#e9b64f)}
.mw-add{background:none;border:1px solid var(--pro-gold,#e9b64f);color:var(--pro-gold,#e9b64f);border-radius:6px;padding:4px 10px;cursor:pointer;font:700 12px var(--pro-font,Inter,sans-serif)}
.mw-add:disabled{opacity:.4;cursor:default}
.mw-note{color:var(--pro-muted,#6f8aa0);font-size:12px;margin-top:6px;min-height:1em}
.mw-note.err{color:var(--pro-red,#f0566c)}
.mw-feed{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--pro-line,#1f3d53);font-size:13px}
.mw-feed .mw-sec{margin:0}.mw-feed small{color:var(--pro-muted,#6f8aa0)}
.mw-feed-btns{margin-left:auto;display:flex;gap:6px}
.mw-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#56697a;margin-right:6px}.mw-dot.on{background:var(--pro-green,#22c38e)}
.mw-df{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--pro-line,#1f3d53);color:var(--pro-muted,#6f8aa0);font-size:12px}
.mw-btn{background:none;color:var(--pro-text-2,#a9bccb);border:1px solid var(--pro-line,#1f3d53);border-radius:8px;padding:7px 14px;font:700 13px var(--pro-font,Inter,sans-serif);cursor:pointer;margin-left:6px}
.mw-btn.gold{background:var(--pro-gold,#e9b64f);border-color:var(--pro-gold,#e9b64f);color:#1b1300}
.mw-btn.ok{color:var(--pro-green,#22c38e);border-color:rgba(34,195,142,.5)}.mw-btn.bad{color:var(--pro-red,#f0566c);border-color:rgba(240,86,108,.5)}
.mw-btn:disabled{opacity:.5;cursor:default}

@media (max-width:780px){
  .mw-bar{min-height:34px}
  .mw-label{padding:0 9px}.mw-label span{display:none}
  .mw-item{padding:8px 11px;gap:6px}
  .mw-edit span{display:none}
  .mw-ov{padding:12px 10px}
  .mw-res{max-height:42vh}
}

/* light theme */
html[data-theme="light"] .mw-bar{background:#ffffff;border-bottom-color:#e3c98f}
html[data-theme="light"] .mw-item:hover,html[data-theme="light"] .mw-edit:hover{background:#f7f9fc}
html[data-theme="light"] .mw-dlg{box-shadow:0 20px 50px rgba(16,38,58,.25)}
html[data-theme="light"] .mw-btn.gold{color:#fff}

/* The dashboard paints every <button> gold (dashboard.css, !important). Keep that for the real actions
   (Edit, + Add, Save, Reset, Start/Stop) and make the small controls plain. */
.mw-pill button,.mw-x,.mw-kinds button:not(.on),.mw-empty{background:none !important;border:0 !important;box-shadow:none !important;transform:none !important;font-weight:600}
.mw-pill button,.mw-x{color:var(--pro-muted,#6f8aa0) !important}
.mw-pill .mw-rm:hover{color:var(--pro-red,#f0566c) !important}
.mw-pill button:disabled{background:none !important;opacity:.25}
.mw-kinds button:not(.on){border:1px solid var(--pro-line,#1f3d53) !important;color:var(--pro-text-2,#a9bccb) !important}
.mw-empty{color:var(--pro-muted,#6f8aa0) !important}
.mw-edit{border-radius:0;margin:0}