/* ========================================================================
   CK · Welle 200.A2 · Komponenten-CSS Extracts (2026-05-14)
   Extrahiert aus index.html zur Reduktion der inline-styles.
   Reine Daten-Migration · KEIN Refactor · KEINE Selector-Änderung.
   ========================================================================
*/

/* ───────────────────────── W113 · Disclaimer-Overlay (was L21873-L21930) ───────────────────────── */
#w113Overlay{
    position:fixed; inset:0; z-index:99990;
    background:rgba(2,6,23,.78); backdrop-filter:blur(6px);
    display:none; align-items:center; justify-content:center; padding:16px;
  }
  #w113Overlay.show{ display:flex; }
  #w113Box{
    background:#0f172a; color:#e2e8f0; border:1px solid rgba(148,163,184,.18);
    border-radius:14px; max-width:560px; width:100%;
    box-shadow:0 18px 50px rgba(0,0,0,.45);
    font-family:-apple-system,Segoe UI,Roboto,sans-serif;
  }
  #w113Box .w113-hd{
    padding:18px 22px 10px; border-bottom:1px solid rgba(148,163,184,.12);
    display:flex; align-items:center; gap:10px;
  }
  #w113Box .w113-hd .w113-ic{font-size:22px}
  #w113Box .w113-hd .w113-tt{font-size:17px; font-weight:700; color:#fcd34d}
  #w113Box .w113-bd{ padding:16px 22px; font-size:13.5px; line-height:1.55 }
  #w113Box .w113-bd p{ margin:0 0 10px }
  #w113Box .w113-bd strong{ color:#fcd34d }
  #w113Box .w113-links{
    display:flex; flex-wrap:wrap; gap:6px 14px; padding:10px 22px;
    border-top:1px solid rgba(148,163,184,.10);
    border-bottom:1px solid rgba(148,163,184,.10);
    background:rgba(15,23,42,.5);
  }
  #w113Box .w113-links a{
    color:#7dd3fc; font-size:12px; text-decoration:none;
    border-bottom:1px dotted rgba(125,211,252,.35); padding:2px 0; cursor:pointer;
  }
  #w113Box .w113-links a:hover{ color:#bae6fd; border-bottom-style:solid }
  #w113Box .w113-ck{
    display:flex; align-items:flex-start; gap:10px;
    padding:14px 22px; font-size:13px; cursor:pointer;
    user-select:none;
  }
  #w113Box .w113-ck input{ margin-top:3px; flex:0 0 16px; height:16px; width:16px; cursor:pointer; accent-color:#38bdf8 }
  #w113Box .w113-ft{
    padding:12px 22px 18px; display:flex; justify-content:flex-end; gap:10px;
    border-top:1px solid rgba(148,163,184,.12);
  }
  #w113Box button.w113-ok{
    padding:10px 18px; border-radius:8px; cursor:pointer;
    background:linear-gradient(135deg,#22c55e,#16a34a);
    color:#fff; font-weight:700; font-size:14px; border:0;
    transition:opacity .15s, transform .12s;
  }
  #w113Box button.w113-ok[disabled]{ opacity:.45; cursor:not-allowed; filter:grayscale(.4) }
  #w113Box button.w113-ok:not([disabled]):hover{ transform:translateY(-1px) }
  #w113Box .w113-ver{ font-size:11px; color:#64748b; padding:0 22px 10px }
  /* Light-Mode Anpassung (CK nutzt body.light) */
  body.light #w113Box{ background:#ffffff; color:#0f172a; border-color:rgba(15,23,42,.15) }
  body.light #w113Box .w113-hd .w113-tt{ color:#b45309 }
  body.light #w113Box .w113-links{ background:#f8fafc }
  body.light #w113Box .w113-links a{ color:#0369a1; border-bottom-color:rgba(3,105,161,.3) }

/* ───────────────────────── W122 · w122-ago Freshness-Chip (was L22751-L22792) ───────────────────────── */
.w122-ago{
    display: inline-flex; align-items: center; gap: 4px;
    margin-left: 6px; padding: 2px 8px;
    border: 1px solid rgba(120,130,140,.35);
    border-radius: 999px;
    background: rgba(120,130,140,.10);
    color: var(--c-fg-muted, #98a3ad);
    font: 500 11px/1.4 ui-monospace,Menlo,Consolas,monospace;
    letter-spacing: .2px;
    user-select: none;
    vertical-align: middle;
    transition: background .25s, color .25s, border-color .25s;
  }
  .w122-ago[data-w122-state="fresh"]{
    color: #1a8e4a;
    border-color: rgba(46,164,93,.45);
    background: rgba(46,164,93,.10);
  }
  .w122-ago[data-w122-state="ok"]{
    color: #6b7280;
    border-color: rgba(107,114,128,.40);
    background: rgba(107,114,128,.10);
  }
  .w122-ago[data-w122-state="stale"]{
    color: #b4760a;
    border-color: rgba(212,148,16,.55);
    background: rgba(212,148,16,.12);
  }
  .w122-ago[data-w122-state="dead"]{
    color: #c14a3d;
    border-color: rgba(193,74,61,.55);
    background: rgba(193,74,61,.12);
  }
  body.dark .w122-ago[data-w122-state="fresh"]{ color: #6ee7a4 }
  body.dark .w122-ago[data-w122-state="ok"]{    color: #aab3bd }
  body.dark .w122-ago[data-w122-state="stale"]{ color: #f1c265 }
  body.dark .w122-ago[data-w122-state="dead"]{  color: #f59386 }
  @media (max-width: 640px){
    .w122-ago{ font-size: 10.5px; padding: 1px 7px; margin-left: 4px }
  }

/* ───────────────────────── W124 · Stale-Banner Host (was L22917-L22988) ───────────────────────── */
#w124StaleHost{
    position: fixed;
    /* W179 2026-05-14: bottom-right statt top-right — Doppel-Hinweis-Fix (Toast-Modal entfernt) */
    bottom: 16px; right: 16px;
    z-index: 9000;
    width: min(520px, calc(100vw - 32px));
    pointer-events: none;
  }
  #w124StaleHost > .w124-stale-banner{ pointer-events: auto }
  .w124-stale-banner{
    position: relative;
    padding: 12px 14px 12px 42px;
    border: 1px solid rgba(220,140,30,.55);
    border-left: 4px solid #ff9944;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,235,210,.98), rgba(255,225,190,.95));
    color: #6e3a08;
    font: 500 12.5px/1.45 ui-sans-serif,system-ui,sans-serif;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'msg dismiss' 'actions actions';
    gap: 8px 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .w124-stale-banner .w124-msg{ grid-area: msg }
  .w124-stale-banner .w124-actions{
    grid-area: actions;
    display: flex; gap: 8px; flex-wrap: wrap;
  }
  .w124-stale-banner .w124-dismiss{ grid-area: dismiss }
  body.dark .w124-stale-banner{
    background: linear-gradient(180deg, rgba(45,30,12,.98), rgba(35,22,8,.95));
    color: #ffc680;
  }
  .w124-stale-banner::before{
    content: '📊';
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    font-size: 18px;
  }
  .w124-stale-banner[data-w124-severity="critical"]{
    border-color: rgba(220,60,60,.55);
    border-left-color: #ff3355;
    background: linear-gradient(90deg, rgba(255,51,85,.12), rgba(255,51,85,.04));
    color: #a51a2b;
  }
  .w124-stale-banner[data-w124-severity="critical"]::before{ content: '⚠️' }
  .w124-stale-banner .w124-msg{ flex: 1 1 320px; min-width: 0 }
  .w124-stale-banner .w124-msg b{ font-weight: 700 }
  .w124-stale-banner button{
    appearance: none; border: 1px solid currentColor; background: transparent;
    color: inherit; padding: 7px 14px; border-radius: 8px;
    font: 600 12px/1 ui-sans-serif,system-ui,sans-serif; letter-spacing: .2px;
    cursor: pointer; transition: background .2s, color .2s;
    white-space: nowrap;
  }
  .w124-stale-banner button:hover{ background: currentColor; color: white }
  .w124-stale-banner .w124-dismiss{
    background: transparent; border: none; color: inherit; opacity: .6;
    padding: 6px 8px; font-size: 16px; cursor: pointer;
  }
  .w124-stale-banner .w124-dismiss:hover{ opacity: 1 }
  body.dark .w124-stale-banner{ color: #ffc680 }
  body.dark .w124-stale-banner[data-w124-severity="critical"]{ color: #ff9999 }
  @media (max-width: 640px){
    .w124-stale-banner{ font-size: 12px; padding: 10px 12px 10px 38px }
    .w124-stale-banner::before{ left: 10px; font-size: 16px }
    .w124-stale-banner button{ padding: 6px 11px; font-size: 11px }
  }

/* ───────────────────────── W144 · Action-Strip WL/PF (was L24683-L24739) ───────────────────────── */
/* Action-Strip (Watchlist + Portfolio) */
  #w144-action-strip-wl, #w144-action-strip-pf {
    display: none;
    margin: 8px 0 12px;
    padding: 10px 14px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255,80,80,.18), rgba(255,160,40,.10));
    border-left: 4px solid #ff5050;
    color: #fff;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.4;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
  }
  #w144-action-strip-wl.ok, #w144-action-strip-pf.ok {
    background: linear-gradient(90deg, rgba(0,200,120,.12), rgba(0,200,120,.05));
    border-left-color: #00c878;
  }
  #w144-action-strip-wl b, #w144-action-strip-pf b { color: #ffe033; font-weight: 700; }
  #w144-action-strip-wl .w144-cta, #w144-action-strip-pf .w144-cta {
    display: inline-block; margin-left: 10px; padding: 4px 10px;
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25);
    border-radius: 5px; cursor: pointer; font-size: 12px;
  }
  #w144-action-strip-wl .w144-cta:hover, #w144-action-strip-pf .w144-cta:hover {
    background: rgba(255,255,255,.22);
  }
  /* ActionTier-Badge in Watchlist-Rows */
  .w144-tier-badge {
    display: inline-block; padding: 2px 7px; border-radius: 4px;
    font-size: 11px; font-weight: 700; letter-spacing: .3px;
    margin-left: 6px; vertical-align: middle;
  }
  .w144-tier-badge.tier-sb  { background: #00c878; color: #001; }
  .w144-tier-badge.tier-b   { background: #4dd0e1; color: #001; }
  .w144-tier-badge.tier-w   { background: #ffe033; color: #001; }
  .w144-tier-badge.tier-h   { background: #888; color: #fff; }
  .w144-tier-badge.tier-a   { background: #ff5050; color: #fff; }
  /* Sidebar MEIN BEREICH */
  .w144-sb-mybereich {
    margin-top: 6px; padding: 4px 8px; font-size: 10px; letter-spacing: .8px;
    color: #ffe033; text-transform: uppercase; opacity: .75;
    border-top: 1px dashed rgba(255,224,51,.25);
  }
  /* Mobile Push-Button */
  #w144-mobile-push-btn {
    display: none; position: fixed; bottom: 70px; right: 16px;
    padding: 10px 14px; background: linear-gradient(135deg, #00d9ff, #6a5cff);
    color: #001; font-weight: 700; border-radius: 24px; cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,217,255,.4); z-index: 9998; font-size: 13px;
    border: none;
  }
  @media (max-width: 480px) {
    #w144-mobile-push-btn { display: block; }
  }

/* ───────────────────────── W145 · Tabsearch (was L25013-L25103) ───────────────────────── */
/* === 1) Tab-Suche === */
#w145-tabsearch-wrap{padding:8px 10px 6px;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.88) 80%,transparent);backdrop-filter:blur(6px)}
#w145-tabsearch{width:100%;background:rgba(30,41,59,.85);border:1px solid rgba(71,85,105,.6);border-radius:8px;padding:6px 28px 6px 28px;color:#e2e8f0;font:500 12px/1.3 system-ui,-apple-system,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}
#w145-tabsearch:focus{border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,.18)}
#w145-tabsearch::placeholder{color:#64748b}
#w145-tabsearch-wrap::before{content:"🔍";position:absolute;left:18px;top:14px;font-size:11px;opacity:.7;pointer-events:none}
#w145-tabsearch-clear{position:absolute;right:18px;top:11px;width:18px;height:18px;line-height:16px;text-align:center;border-radius:50%;background:rgba(71,85,105,.6);color:#cbd5e1;cursor:pointer;font-size:13px;display:none;border:0;padding:0}
#w145-tabsearch-clear:hover{background:rgba(239,68,68,.7);color:#fff}
.w145-hide-tab{display:none!important}
.w145-tab-match{background:linear-gradient(90deg,rgba(56,189,248,.12),transparent 60%)}
.w145-tab-match .sb-text{color:#7dd3fc!important}

/* === 2) Ctrl+K Global Search === */
#w145-cmdk-overlay{position:fixed;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding-top:14vh;animation:w145fadein .18s ease-out}
#w145-cmdk-overlay.open{display:flex}
@keyframes w145fadein{from{opacity:0}to{opacity:1}}
#w145-cmdk-box{width:560px;max-width:92vw;background:rgba(15,23,42,.98);border:1px solid rgba(56,189,248,.4);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px rgba(56,189,248,.2);overflow:hidden}
#w145-cmdk-input{width:100%;padding:14px 18px;background:transparent;border:0;border-bottom:1px solid rgba(71,85,105,.4);color:#f1f5f9;font:500 16px/1.4 system-ui,sans-serif;outline:none}
#w145-cmdk-input::placeholder{color:#64748b}
#w145-cmdk-results{max-height:50vh;overflow-y:auto}
.w145-cmdk-row{padding:9px 18px;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(71,85,105,.18);font-size:13px;color:#cbd5e1;transition:background .1s}
.w145-cmdk-row:hover,.w145-cmdk-row.active{background:rgba(56,189,248,.12);color:#e2e8f0}
.w145-cmdk-row .ico{width:22px;text-align:center;font-size:14px;opacity:.85}
.w145-cmdk-row .lbl{flex:1;font-weight:500}
.w145-cmdk-row .meta{font-size:10.5px;color:#64748b;background:rgba(71,85,105,.3);padding:2px 6px;border-radius:4px;text-transform:uppercase}
.w145-cmdk-row .meta.ticker{background:rgba(34,197,94,.18);color:#86efac}
.w145-cmdk-row .meta.tab{background:rgba(56,189,248,.18);color:#7dd3fc}
.w145-cmdk-empty{padding:20px;text-align:center;color:#64748b;font-size:12.5px}
#w145-cmdk-hint{padding:7px 18px;background:rgba(2,6,23,.6);border-top:1px solid rgba(71,85,105,.3);font-size:10.5px;color:#64748b;display:flex;gap:14px;justify-content:space-between}
#w145-cmdk-hint kbd{background:rgba(71,85,105,.5);border:1px solid rgba(71,85,105,.7);border-radius:3px;padding:1px 5px;color:#cbd5e1;font-family:ui-monospace,monospace;font-size:10px}

/* === 3) Mobile-Drawer === */
#w145-mobile-toggle{display:none;position:fixed;top:10px;left:10px;z-index:9998;width:40px;height:40px;border-radius:8px;background:rgba(15,23,42,.92);border:1px solid rgba(71,85,105,.5);color:#cbd5e1;font-size:20px;cursor:pointer;backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:0}
#w145-mobile-toggle:active{background:rgba(56,189,248,.18)}
#w145-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(2,6,23,.6);z-index:9996;animation:w145fadein .15s}
@media (max-width:880px){
  #w145-mobile-toggle{display:flex}
  #sidebar{position:fixed!important;top:0;left:0!important;height:100vh!important;z-index:9997!important;transition:transform .25s ease-out!important;box-shadow:4px 0 24px rgba(0,0,0,.4);transform:translateX(-100%)!important;width:280px!important;max-width:85vw!important;overflow-y:auto!important}
  #sidebar.w145-drawer-open{transform:translateX(0)!important}
  #sidebar.w145-drawer-open ~ #w145-mobile-overlay,
  body.w145-drawer-open #w145-mobile-overlay{display:block}
  body.w145-drawer-open{overflow:hidden}
  /* Header-Padding für Hamburger-Platz */
  header{padding-left:60px!important}
  /* Main-Content nicht hinter Sidebar wenn Drawer zu */
  main, .main-content, #main{margin-left:0!important;padding-left:0!important}
}

/* === 4) Provider-Badge === */
.w145-prov-badge{display:inline-block;font:600 9px/1.3 ui-monospace,monospace;padding:1px 5px;border-radius:3px;margin-left:5px;vertical-align:middle;letter-spacing:.3px;cursor:help;user-select:none}
.w145-prov-badge.fmp{background:rgba(34,197,94,.18);color:#86efac;border:1px solid rgba(34,197,94,.35)}
.w145-prov-badge.yahoo{background:rgba(168,85,247,.18);color:#d8b4fe;border:1px solid rgba(168,85,247,.35)}
.w145-prov-badge.rapidapi{background:rgba(168,85,247,.18);color:#d8b4fe;border:1px solid rgba(168,85,247,.35)}
.w145-prov-badge.massive{background:rgba(251,146,60,.18);color:#fdba74;border:1px solid rgba(251,146,60,.35)}
.w145-prov-badge.twelve{background:rgba(99,102,241,.18);color:#a5b4fc;border:1px solid rgba(99,102,241,.35)}
.w145-prov-badge.alpha{background:rgba(236,72,153,.18);color:#f9a8d4;border:1px solid rgba(236,72,153,.35)}
.w145-prov-badge.cache{background:rgba(251,191,36,.18);color:#fcd34d;border:1px solid rgba(251,191,36,.35)}
.w145-prov-badge.stale{background:rgba(239,68,68,.18);color:#fca5a5;border:1px solid rgba(239,68,68,.35);animation:w145pulse 2s infinite}
@keyframes w145pulse{0%,100%{opacity:1}50%{opacity:.55}}

#w145-prov-status{position:fixed;bottom:60px;left:auto;right:14px;z-index:9050;background:rgba(15,23,42,.97);border:1px solid rgba(100,116,139,.7);border-radius:8px;padding:8px 34px 8px 13px;font:600 12.5px/1.45 ui-monospace,monospace;color:#f1f5f9;backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.45);display:none;cursor:pointer;letter-spacing:.2px}
#w145-prov-status.show{display:block}
#w145-prov-status:hover{border-color:rgba(56,189,248,.65)}
#w145-prov-status .w145-prov-x{position:absolute;top:3px;right:5px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#94a3b8;font-size:16px;line-height:1;cursor:pointer;border-radius:4px;padding:0}
#w145-prov-status .w145-prov-x:hover{background:rgba(148,163,184,.18);color:#f1f5f9}

/* === 6) Toast Retry (eigener Stack, da w9-toast deaktiviert) === */
#w145-toast-stack{position:fixed;top:14px;right:14px;z-index:10001;display:flex;flex-direction:column;gap:8px;max-width:380px;pointer-events:none}
.w145-toast{pointer-events:auto;background:rgba(15,23,42,.96);border:1px solid rgba(71,85,105,.6);border-left:3px solid #7dd3fc;border-radius:8px;padding:10px 14px;color:#e2e8f0;font:500 12.5px/1.45 system-ui,sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.5);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px;animation:w145toastin .22s ease-out;max-width:380px}
.w145-toast.err{border-left-color:#f87171}
.w145-toast.warn{border-left-color:#fbbf24}
.w145-toast.ok{border-left-color:#86efac}
.w145-toast .msg{flex:1;word-break:break-word}
.w145-toast .x{cursor:pointer;color:#64748b;background:transparent;border:0;padding:0 4px;font-size:16px;line-height:1}
.w145-toast .x:hover{color:#e2e8f0}
.w145-toast-retry{margin-left:auto;background:rgba(56,189,248,.25);color:#7dd3fc;border:1px solid rgba(56,189,248,.4);border-radius:4px;padding:3px 9px;font:600 10.5px/1.4 system-ui,sans-serif;cursor:pointer;flex-shrink:0}
.w145-toast-retry:hover{background:rgba(56,189,248,.4);color:#e0f2fe}
.w145-toast-retry:disabled{opacity:.5;cursor:default}
@keyframes w145toastin{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}
@media (max-width:480px){
  #w145-toast-stack{top:60px;right:8px;left:8px;max-width:none}
  .w145-toast{font-size:12px;padding:9px 12px}
}

/* Mobile-Polish für CMD-K und Provider-Status */
@media (max-width:480px){
  #w145-cmdk-box{width:96vw;border-radius:8px}
  #w145-cmdk-input{font-size:15px;padding:12px 14px}
  #w145-cmdk-overlay{padding-top:8vh}
  #w145-prov-status{bottom:auto;top:62px;right:8px;left:auto;font-size:11.5px;padding:6px 30px 6px 10px}
}

/* ───────────────────────── W146 · Recently-Used (was L25610-L25639) ───────────────────────── */
/* === #3 Recently-Used Tabs === */
#w146-recent-wrap{padding:6px 10px 4px;border-bottom:1px solid rgba(71,85,105,.25);margin-bottom:4px;display:none}
#w146-recent-wrap.has-items{display:block}
#w146-recent-label{font:600 9.5px/1.2 system-ui,-apple-system,sans-serif;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;display:flex;align-items:center;gap:4px}
#w146-recent-label::before{content:"⏱"}
#w146-recent-list{display:flex;flex-wrap:wrap;gap:4px}
.w146-recent-pill{background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.28);border-radius:11px;padding:3px 8px;font:500 11px/1.2 system-ui,-apple-system,sans-serif;color:#bae6fd;cursor:pointer;transition:background .12s,border-color .12s;display:inline-flex;align-items:center;gap:3px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w146-recent-pill:hover{background:rgba(56,189,248,.22);border-color:rgba(56,189,248,.55);color:#fff}
.w146-recent-pill.active{background:rgba(56,189,248,.34);border-color:#38bdf8;color:#fff}

/* === #8 Bio Universe Freshness Badge === */
#w146-bio-fresh{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 7px;border-radius:10px;font:500 10.5px/1.2 system-ui,-apple-system,sans-serif;border:1px solid;cursor:help;vertical-align:middle}
#w146-bio-fresh.fresh{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.40);color:#86efac}
#w146-bio-fresh.warm{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.40);color:#fcd34d}
#w146-bio-fresh.stale{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.45);color:#fca5a5}
#w146-bio-fresh.unknown{background:rgba(100,116,139,.10);border-color:rgba(100,116,139,.40);color:#94a3b8}

/* === #9 Bestpicks Chain Reset Button === */
#w146-bp-reset{display:none;margin-left:8px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.50);border-radius:6px;padding:4px 10px;font:600 11px/1.2 system-ui,-apple-system,sans-serif;color:#fca5a5;cursor:pointer;transition:background .12s,color .12s}
#w146-bp-reset:hover{background:rgba(239,68,68,.30);color:#fff}
#w146-bp-reset.show{display:inline-flex;align-items:center;gap:4px}
#w146-bp-error-banner{display:none;margin:6px 0 8px;padding:7px 11px;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.40);border-radius:6px;font:500 11.5px/1.4 system-ui,-apple-system,sans-serif;color:#fca5a5}
#w146-bp-error-banner.show{display:block}
#w146-bp-error-banner b{color:#fff}

/* === #10 Stale-SLA Tooltip === */
[data-w146-stale-sla]{cursor:help}
[data-w146-stale-sla]:hover{outline:1px dotted rgba(56,189,248,.45);outline-offset:2px;border-radius:4px}

/* ───────────────────────── W148 · Mobile-Polish Util (was L25948-L25976) ───────────────────────── */
html,body{-webkit-tap-highlight-color:rgba(56,189,248,.18)}
button,.btn,[role="button"],a[href]:not(.inline-link),.sb-item,.chip,.tab,.qpd-tab-btn{touch-action:manipulation}
.sb-item{position:relative}
.sb-pin-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:0;background:transparent;cursor:pointer;color:rgba(148,163,184,.4);font-size:12px;line-height:1;opacity:0;transition:opacity .15s,color .15s,background .15s;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:2}
.sb-item:hover .sb-pin-btn,.sb-pin-btn.pinned{opacity:1}
.sb-pin-btn:hover{background:rgba(56,189,248,.15);color:rgba(56,189,248,.95)}
.sb-pin-btn.pinned{color:rgba(250,204,21,.95)}
.sb-pin-btn.pinned:hover{color:rgba(250,204,21,1);background:rgba(250,204,21,.12)}
@media (hover:none) and (pointer:coarse){.sb-pin-btn{opacity:1;width:34px;height:34px;font-size:14px}}
#w148-pinned-wrap{display:none;padding:6px 10px 6px 14px;border-bottom:1px solid rgba(56,189,248,.12);background:linear-gradient(180deg,rgba(250,204,21,.05),transparent)}
#w148-pinned-wrap.has-items{display:block}
#w148-pinned-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:rgba(250,204,21,.7);margin-bottom:4px;font-weight:700}
#w148-pinned-list{display:flex;flex-wrap:wrap;gap:4px}
.w148-pinned-pill{padding:3px 6px 3px 9px;font-size:11px;line-height:1.3;background:rgba(250,204,21,.08);border:1px solid rgba(250,204,21,.28);color:rgba(250,204,21,.95);border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .12s,border-color .12s;font-family:inherit}
.w148-pinned-pill:hover{background:rgba(250,204,21,.16);border-color:rgba(250,204,21,.55)}
.w148-pinned-pill.active{background:rgba(250,204,21,.24);border-color:rgba(250,204,21,.75);color:#fff}
.w148-pinned-pill .x{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;color:rgba(226,232,240,.55);font-size:11px;line-height:1;background:transparent;transition:background .12s,color .12s}
.w148-pinned-pill .x:hover{color:rgba(248,113,113,1);background:rgba(248,113,113,.18)}
.w148-tab-trust{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;margin-left:8px;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-radius:10px;vertical-align:middle;background:rgba(15,23,42,.6);border:1px solid rgba(71,85,105,.45);color:rgba(148,163,184,.95);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.w148-tab-trust.fmp{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.45);color:rgba(74,222,128,.98)}
.w148-tab-trust.yahoo{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.45);color:rgba(56,189,248,.98)}
.w148-tab-trust.stale{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.5);color:rgba(248,113,113,.98)}
.w148-tab-trust.cache{background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.45);color:rgba(250,204,21,.98)}
.w148-tab-trust.rapidapi,.w148-tab-trust.other,.w148-tab-trust.mixed{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.45);color:rgba(168,85,247,.98)}
.w148-tab-trust .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85;flex:0 0 5px}
@media (max-width:640px){.w148-tab-trust{font-size:9px;padding:1px 6px;margin-left:6px}}
body{padding-bottom:env(safe-area-inset-bottom,0)}

/* ───────────────────────── W150 · Plan-Pill + Account-Modal (was L26459-L26503) ───────────────────────── */
.w150-plan-pill{position:fixed;top:8px;right:8px;z-index:9998;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:14px;background:rgba(20,20,28,.78);color:#e8eaf2;font:600 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.3px;cursor:pointer;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .12s,background .12s}
.w150-plan-pill:hover{background:rgba(36,36,48,.92);transform:translateY(-1px)}
.w150-plan-pill[data-plan="demo"]{color:#9aa0a8}
.w150-plan-pill[data-plan="user"]{color:#7ec8ff}
.w150-plan-pill[data-plan="premium"]{color:#ffd479}
.w150-plan-pill[data-plan="admin"]{color:#8fffcb}
.w150-plan-pill .w150-pp-badge{font-size:13px}
.w150-modal-bd{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:99990;display:flex;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:w150fade .14s ease}
@keyframes w150fade{from{opacity:0}to{opacity:1}}
.w150-modal{max-width:560px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;background:#15171c;color:#e8eaf2;border-radius:14px;border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 64px rgba(0,0,0,.55)}
.w150-mh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.w150-mh h3{margin:0;font:600 14px/1.2 -apple-system,sans-serif}
.w150-mh button{background:transparent;border:0;color:#9aa0a8;font-size:20px;cursor:pointer;width:28px;height:28px;border-radius:6px;display:grid;place-items:center}
.w150-mh button:hover{background:rgba(255,255,255,.06);color:#fff}
.w150-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}
.w150-tabs::-webkit-scrollbar{display:none}
.w150-tab{flex:0 0 auto;padding:6px 11px;border-radius:8px;background:transparent;border:0;color:#9aa0a8;font:500 12px/1 -apple-system,sans-serif;cursor:pointer;letter-spacing:.2px}
.w150-tab:hover{color:#cdd3dc;background:rgba(255,255,255,.04)}
.w150-tab[aria-selected="true"]{background:rgba(255,255,255,.08);color:#fff}
.w150-body{padding:14px 16px;overflow:auto;flex:1;font:14px/1.5 -apple-system,sans-serif}
.w150-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.06)}
.w150-row:last-child{border-bottom:0}
.w150-k{color:#9aa0a8;font-size:13px}
.w150-v{color:#e8eaf2;font-size:13px;font-weight:500;text-align:right}
.w150-ok{color:#8fffcb}
.w150-no{color:#ff8b8b}
.w150-tag{display:inline-block;padding:2px 8px;border-radius:10px;font:600 11px/1.4 -apple-system,sans-serif;letter-spacing:.3px}
.w150-tag.free{background:rgba(154,160,168,.18);color:#cdd3dc}
.w150-tag.user{background:rgba(126,200,255,.18);color:#7ec8ff}
.w150-tag.premium{background:rgba(255,212,121,.18);color:#ffd479}
.w150-tag.admin{background:rgba(143,255,203,.2);color:#8fffcb}
.w150-feat{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.w150-feat span{font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.05);color:#cdd3dc}
.w150-feat span.has{background:rgba(143,255,203,.12);color:#8fffcb}
.w150-up{margin-top:10px;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,rgba(255,212,121,.10),rgba(255,212,121,.04));border:1px solid rgba(255,212,121,.16);font-size:13px;color:#ffd479}
.w150-up a{color:#ffd479;text-decoration:underline;text-underline-offset:2px}
.w150-locked{position:relative}
.w150-locked::after{content:"🔒";position:absolute;top:2px;right:2px;font-size:10px;opacity:.7;pointer-events:none}
@media (max-width:520px){
  .w150-plan-pill{top:6px;right:6px;font-size:10px;padding:3px 7px}
  .w150-modal{border-radius:12px}
  .w150-body{padding:12px 14px;font-size:13px}
}

/* ───────────────────────── W153 · Top-3 Heatmap + UX-Hebel U2-U5 (was L26868-L26900) ───────────────────────── */
/* W153 U1: Bestenliste Top-3 Heatmap (Gold/Silber/Bronze Highlight für Top-3 Trefferquoten) */
#qbl-tbody tr.w153-rank-1{background:linear-gradient(90deg,rgba(251,191,36,.16),rgba(251,191,36,.03) 60%) !important;border-left:3px solid #fbbf24;}
#qbl-tbody tr.w153-rank-2{background:linear-gradient(90deg,rgba(156,163,175,.14),rgba(156,163,175,.03) 60%) !important;border-left:3px solid #9ca3af;}
#qbl-tbody tr.w153-rank-3{background:linear-gradient(90deg,rgba(217,119,6,.14),rgba(217,119,6,.03) 60%) !important;border-left:3px solid #d97706;}
#qbl-tbody tr.w153-rank-1 td:first-child::before{content:"🥇 ";font-size:14px;}
#qbl-tbody tr.w153-rank-2 td:first-child::before{content:"🥈 ";font-size:14px;}
#qbl-tbody tr.w153-rank-3 td:first-child::before{content:"🥉 ";font-size:14px;}

/* W153 U2: Tab-Switch smooth fade */
.tabpanel{transition:opacity 140ms ease-out;}
.tabpanel.w153-fading-in{opacity:0;}
.tabpanel.w153-faded-in{opacity:1;}

/* W153 U3: Empty-State Illustration Container */
.w153-empty-illus{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#94a3b8;text-align:center;}
.w153-empty-illus svg{width:96px;height:96px;margin-bottom:16px;opacity:.55;}
.w153-empty-illus h4{margin:0 0 6px 0;font-size:15px;font-weight:600;color:#cbd5e1;}
.w153-empty-illus p{margin:0;font-size:13px;line-height:1.5;max-width:340px;color:#94a3b8;}
.w153-empty-illus .w153-empty-action{margin-top:14px;padding:7px 14px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#cbd5e1;font-size:12px;cursor:pointer;text-decoration:none;display:inline-block;}
.w153-empty-illus .w153-empty-action:hover{background:#334155;color:#fff;border-color:#475569;}

/* W153 U4: J/K Cycling Hint Toast */
.w153-jk-hint{position:fixed;bottom:18px;right:18px;background:#0f172a;border:1px solid #1e293b;color:#cbd5e1;padding:8px 12px;border-radius:6px;font-size:12px;font-family:monospace;box-shadow:0 4px 14px rgba(0,0,0,.35);z-index:9999;opacity:0;transition:opacity 140ms;pointer-events:none;}
.w153-jk-hint.w153-jk-vis{opacity:1;}

/* W153 U5: Sparkline Pill */
.w153-trust-spark{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:rgba(15,23,42,.6);border:1px solid #1e293b;border-radius:10px;font-size:11px;color:#94a3b8;margin-left:6px;vertical-align:middle;}
.w153-trust-spark svg{display:block;}
.w153-trust-spark .w153-trust-val{font-weight:700;color:#cbd5e1;}
.w153-trust-spark .w153-trust-up{color:#34d399;}
.w153-trust-spark .w153-trust-down{color:#f87171;}

/* ───────────────────────── W165 · Filter-Tooltips (was L27334-L27339) ───────────────────────── */
/* W165: Cursor-Hint für tooltipisierte Elemente */
.w165-tt{cursor:help;}
.w165-tt-slider{position:relative;}
.w165-tt-slider::after{content:"ⓘ";position:absolute;top:2px;right:2px;font-size:10px;color:#6b8;opacity:.45;pointer-events:none;}

/* ───────────────────────── W167 · Strategy-Preset Hover-Card (was L27549-L27558) ───────────────────────── */
#w167-card{position:fixed;z-index:99999;pointer-events:none;opacity:0;transition:opacity .12s ease-out;max-width:340px;min-width:260px;padding:10px 12px 11px;background:linear-gradient(180deg,rgba(15,23,42,.97),rgba(8,15,30,.97));border:1px solid rgba(125,211,252,.45);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.55),0 0 18px rgba(125,211,252,.18);color:#e2e8f0;font:11px/1.45 ui-monospace,Menlo,monospace}
#w167-card.show{opacity:1}
#w167-card .w167-h{font-weight:600;color:#7dd3fc;font-size:12px;margin-bottom:4px;letter-spacing:.2px}
#w167-card .w167-sub{color:rgba(148,163,184,.85);font-size:10px;margin-bottom:8px}
#w167-card .w167-row{display:flex;gap:6px;margin:3px 0;line-height:1.4}
#w167-card .w167-k{color:rgba(125,211,252,.85);min-width:62px;flex-shrink:0;font-weight:500}
#w167-card .w167-v{color:#e2e8f0;flex:1}
#w167-card .w167-edge{margin-top:7px;padding-top:7px;border-top:1px solid rgba(125,211,252,.18);color:rgba(250,204,21,.92);font-size:10.5px}

/* ───────────────────────── W172 · Delisted-Chip (was L27936-L27944) ───────────────────────── */
.w172-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:#0e1f17;border:1px solid #1f8a4d;color:#5fcf8a;font-size:11px;font-weight:600;letter-spacing:.02em;font-family:ui-monospace,Menlo,monospace;cursor:default}
  .w172-chip.w172-empty{background:#101319;border-color:#1d2330;color:#6b7488}
  .w172-chip.w172-warn{background:#241a08;border-color:#a37312;color:#f5b941}
  .w172-chip .w172-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
  .w172-detail-row{display:flex;justify-content:space-between;padding:3px 0;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#a8b0bf;border-bottom:1px solid #1c2230}
  .w172-detail-row:last-child{border-bottom:0}
  .w172-detail-row b{color:#d8dde7}