/* ══════════════════════════════════════════════════════════════════════
   Integrato Market Intelligence Strip — mis.css (v1.0.0)
   Scoped to #mis-strip and .mis-dw (drawer/modal appended to <body>).
══════════════════════════════════════════════════════════════════════ */
#mis-strip{--mis-bg:#071523;--mis-bg2:#0a1d30;--mis-line:rgba(201,168,76,.22);--mis-gold:#C9A84C;--mis-gold2:#E2C87A;--mis-tx:#e6edf5;--mis-mut:#93a4b8;--mis-dim:#6f8299;--mis-up:#34d399;--mis-dn:#f87171;
  position:relative;background:linear-gradient(180deg,#081a2c 0%,var(--mis-bg) 100%);border-top:1px solid var(--mis-line);border-bottom:1px solid rgba(201,168,76,.14);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--mis-tx);min-height:136px;contain:layout paint;-webkit-font-smoothing:antialiased}
#mis-strip *,#mis-strip *::before,#mis-strip *::after{box-sizing:border-box}
#mis-strip button{font:inherit;color:inherit;background:none;border:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:inherit}
#mis-strip :focus-visible{outline:2px solid var(--mis-gold2);outline-offset:2px;border-radius:6px}
#mis-strip .mis-in{max-width:1320px;margin:0 auto;padding:0 18px;position:relative}
/* top bar */
#mis-strip .mis-top{display:flex;align-items:center;gap:14px;height:42px;border-bottom:1px solid rgba(255,255,255,.06)}
#mis-strip .mis-status{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;font-size:.74rem;white-space:nowrap}
#mis-strip .mis-status b{font-weight:700;letter-spacing:.9px;text-transform:uppercase;font-size:.66rem;padding:3px 8px;border-radius:4px;background:rgba(148,163,184,.12);color:#cbd5e1}
#mis-strip .mis-status span{color:var(--mis-mut);overflow:hidden;text-overflow:ellipsis}
#mis-strip .mis-dot{width:7px;height:7px;border-radius:50%;background:#64748b;flex-shrink:0}
#mis-strip .mis-st-open .mis-dot{background:var(--mis-up);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:misPulse 2.4s ease-out infinite}
#mis-strip .mis-st-open b{background:rgba(52,211,153,.13);color:#6ee7b7}
#mis-strip .mis-st-pre .mis-dot{background:#fbbf24}
#mis-strip .mis-st-pre b{background:rgba(251,191,36,.13);color:#fcd34d}
#mis-strip .mis-st-closed b{background:rgba(248,113,113,.10);color:#fca5a5}
@keyframes misPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
#mis-strip .mis-tabs{display:flex;gap:2px;margin-left:auto;padding:3px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);flex-shrink:0}
#mis-strip .mis-tabs [role=tab]{font-size:.74rem;font-weight:600;color:var(--mis-mut);padding:5px 12px;border-radius:6px;transition:color .2s,background .2s;white-space:nowrap}
#mis-strip .mis-tabs [role=tab]:hover{color:var(--mis-tx);background:rgba(255,255,255,.05)}
#mis-strip .mis-tabs [role=tab][aria-selected=true],#mis-strip .mis-tabs [role=tab][aria-selected=true]:hover{color:#0B1F3A;background:linear-gradient(135deg,var(--mis-gold),var(--mis-gold2))}
#mis-strip .mis-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}
#mis-strip .mis-tool{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;border-radius:6px;color:var(--mis-mut);font-size:.72rem;border:1px solid rgba(255,255,255,.07)}
#mis-strip .mis-tool:hover{color:var(--mis-gold2);border-color:rgba(201,168,76,.35)}
#mis-strip .mis-tool svg{width:13px;height:13px;fill:currentColor}
#mis-strip .mis-cta{font-size:.74rem;font-weight:600;color:var(--mis-gold2);text-decoration:none;white-space:nowrap;padding:5px 2px 5px 6px}
#mis-strip .mis-cta:hover{text-decoration:underline;text-underline-offset:3px}
#mis-strip .mis-cta span{display:inline-block;transition:transform .2s}
#mis-strip .mis-cta:hover span{transform:translateX(3px)}
#mis-strip .mis-prog{position:absolute;left:18px;right:18px;top:41px;height:1px;background:var(--mis-gold);transform:scaleX(0);transform-origin:left;opacity:.55;pointer-events:none}
/* panel */
#mis-strip .mis-panel{position:relative;height:66px;display:flex;align-items:center;outline:none}
#mis-strip .mis-vp{flex:1;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent)}
#mis-strip .mis-vp::-webkit-scrollbar{display:none}
#mis-strip .mis-track{display:flex;align-items:center;height:100%;width:max-content;animation:misFade .35s ease}
#mis-strip .mis-run{display:flex;align-items:center;height:100%}
@keyframes misFade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
#mis-strip .mis-marquee{animation:misTick var(--mis-dur,60s) linear infinite}
#mis-strip .mis-vp:hover .mis-marquee,#mis-strip .mis-vp:focus-within .mis-marquee{animation-play-state:paused}
@keyframes misTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#mis-strip .mis-nav{flex-shrink:0;width:26px;height:40px;border-radius:7px;color:var(--mis-mut);font-size:1.3rem;line-height:1}
#mis-strip .mis-nav:hover:not(:disabled){color:var(--mis-gold2);background:rgba(255,255,255,.05)}
#mis-strip .mis-nav:disabled{opacity:.25;cursor:default}
#mis-strip .mis-nav[hidden]{display:none}
/* items */
#mis-strip .mis-it{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:baseline;text-align:left;padding:8px 18px;height:54px;border-right:1px solid rgba(255,255,255,.07);
  scroll-snap-align:start;transition:background .2s;border-radius:0;position:relative;white-space:nowrap}
#mis-strip .mis-it:hover{background:rgba(255,255,255,.04)}
#mis-strip .mis-it:hover .mis-l{color:var(--mis-gold2)}
#mis-strip .mis-l{grid-column:1;font-size:.66rem;font-weight:700;letter-spacing:.8px;color:var(--mis-mut);text-transform:uppercase;transition:color .2s}
#mis-strip .mis-v{grid-column:1;grid-row:2;font-size:1.02rem;font-weight:700;color:#f8fafc;font-variant-numeric:tabular-nums;letter-spacing:-.2px}
#mis-strip .mis-c{grid-column:2;grid-row:2;font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums;display:inline-flex;gap:3px;align-items:baseline}
#mis-strip .mis-c i{font-style:normal;font-size:.62rem}
#mis-strip .mis-b{grid-column:2;grid-row:1;justify-self:start;font-size:.56rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:1px 5px;border-radius:3px;color:var(--mis-dim);border:1px solid rgba(148,163,184,.2);font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace}
#mis-strip .mis-b-close,#mis-strip .mis-b-nav{color:#9fb4cc}
#mis-strip .mis-b-daily{color:#d8b45a;border-color:rgba(201,168,76,.3)}
#mis-strip .mis-b-due{grid-column:auto;color:#fbbf24;border-color:rgba(251,191,36,.35);margin-left:4px}
.mis-up,#mis-strip .mis-up{color:var(--mis-up,#34d399)}
.mis-dn,#mis-strip .mis-dn{color:var(--mis-dn,#f87171)}
.mis-fl,#mis-strip .mis-fl{color:var(--mis-mut,#93a4b8)}
/* macro: badge sits under value */
#mis-strip .mis-mc{grid-template-columns:auto auto auto}
#mis-strip .mis-mc .mis-b{grid-column:3;grid-row:2;align-self:center}
#mis-strip .mis-mc .mis-c{font-weight:500;font-size:.7rem}
#mis-strip .mis-mc .mis-b-due{grid-column:3;grid-row:1}
#mis-strip .mis-stale .mis-v{color:#e7d9b0}
/* cards (MF / SIF) */
#mis-strip .mis-card{display:inline-flex;flex-direction:column;justify-content:center;gap:2px;width:310px;overflow:hidden;height:58px;padding:6px 16px;white-space:normal}
#mis-strip .mis-cat{display:flex;gap:8px;align-items:center;font-size:.6rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mis-mut);white-space:nowrap;overflow:hidden}
#mis-strip .mis-ct{overflow:hidden;text-overflow:ellipsis;min-width:0}
#mis-strip .mis-cat em{flex-shrink:0;font-style:normal;color:var(--mis-gold2);background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.25);padding:0 5px;border-radius:3px;font-size:.54rem;letter-spacing:.6px}
#mis-strip .mis-n{font-size:.82rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#mis-strip .mis-card:hover .mis-n{color:var(--mis-gold2)}
#mis-strip .mis-r{display:flex;gap:12px;font-size:.68rem;color:var(--mis-dim);white-space:nowrap}
#mis-strip .mis-r b{font-weight:700;font-variant-numeric:tabular-nums;margin-left:2px}
#mis-strip .mis-note{flex-shrink:0;font-size:.66rem;color:#fbbf24;padding:0 14px;max-width:180px;white-space:normal;line-height:1.3}
/* skeleton / errors */
#mis-strip .mis-sk{display:inline-block;width:150px;height:34px;margin:0 14px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:misSk 1.4s ease infinite}
@keyframes misSk{from{background-position:200% 0}to{background-position:-200% 0}}
#mis-strip .mis-empty{padding:0 14px}
#mis-strip .mis-err{font-size:.8rem;color:var(--mis-mut);white-space:normal}
#mis-strip .mis-err b{color:#fcd34d;margin-right:4px}
#mis-strip .mis-retry{color:var(--mis-gold2);text-decoration:underline;text-underline-offset:3px;margin-left:6px}
/* footer */
#mis-strip .mis-foot{display:flex;align-items:center;gap:14px;min-height:26px;padding:4px 0 6px;border-top:1px solid rgba(255,255,255,.05);font-size:.64rem;color:var(--mis-dim)}
#mis-strip .mis-disc{margin:0;flex:1;min-width:0;line-height:1.35;color:var(--mis-dim);font-size:inherit}
#mis-strip .mis-how{color:var(--mis-gold2);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font-size:.68rem}
#mis-strip .mis-how[hidden]{display:none}
#mis-strip .mis-upd{white-space:nowrap;font-variant-numeric:tabular-nums}
/* tablet */
@media (max-width:1080px){
  #mis-strip .mis-srcb span{display:none}
  #mis-strip .mis-status span{max-width:220px}
}
/* mobile */
@media (max-width:760px){
  #mis-strip{min-height:178px}
  #mis-strip .mis-in{padding:0 12px}
  #mis-strip .mis-top{flex-wrap:wrap;height:auto;row-gap:0;column-gap:8px;padding-top:6px}
  #mis-strip .mis-status{order:1;flex:1 1 0;min-width:0;height:30px;font-size:.7rem}
  #mis-strip .mis-status span{max-width:none;min-width:0}
  #mis-strip .mis-status b{font-size:.6rem;padding:2px 6px}
  #mis-strip .mis-tools{order:2;height:30px}
  #mis-strip .mis-cta{display:none}
  #mis-strip .mis-tabs{order:3;flex:1 0 100%;margin:4px 0 8px;overflow-x:auto;scrollbar-width:none}
  #mis-strip .mis-tabs::-webkit-scrollbar{display:none}
  #mis-strip .mis-tabs [role=tab]{flex:1 0 auto;padding:7px 10px;font-size:.76rem}
  #mis-strip .mis-prog{top:auto;bottom:0}
  #mis-strip .mis-panel{height:64px}
  #mis-strip .mis-vp{scroll-snap-type:x mandatory}
  #mis-strip .mis-it{padding:8px 14px}
  #mis-strip .mis-card{width:min(78vw,290px)}
  #mis-strip .mis-foot{flex-wrap:wrap;row-gap:2px;column-gap:10px}
  #mis-strip .mis-disc{flex:1 0 100%;font-size:.62rem}
}
@media (prefers-reduced-motion:reduce){
  #mis-strip *,.mis-dw *{animation:none!important;transition:none!important}
}
html.mis-lock{overflow:hidden}

/* ── drawer / modal ─────────────────────────────────────────────────── */
.mis-dw{position:fixed;inset:0;z-index:100000;font-family:'DM Sans',system-ui,sans-serif;color:#e6edf5;-webkit-font-smoothing:antialiased}
.mis-dw[hidden]{display:none}
.mis-dw *{box-sizing:border-box}
.mis-dw-bd{position:absolute;inset:0;background:rgba(2,8,16,.62);opacity:0;transition:opacity .22s;backdrop-filter:blur(2px)}
.mis-dw-box{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:#0b1a2b;border-left:1px solid rgba(201,168,76,.25);box-shadow:-20px 0 60px rgba(0,0,0,.45);
  display:flex;flex-direction:column;transform:translateX(24px);opacity:0;transition:transform .22s ease,opacity .22s ease;outline:none}
.mis-dw.mis-in .mis-dw-bd{opacity:1}
.mis-dw.mis-in .mis-dw-box{transform:none;opacity:1}
.mis-dw-how .mis-dw-box,.mis-dw-src .mis-dw-box{width:min(560px,100%)}
.mis-dw-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.mis-dw-k{display:block;font-size:.62rem;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#C9A84C;margin-bottom:4px}
.mis-dw-hd h3{margin:0;font-size:1.12rem;line-height:1.3;font-weight:700;color:#f8fafc;font-family:'DM Sans',system-ui,sans-serif}
.mis-dw-x{flex-shrink:0;width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#cbd5e1;font-size:1.3rem;line-height:1;cursor:pointer}
.mis-dw-x:hover{color:#E2C87A;border-color:rgba(201,168,76,.45)}
.mis-dw :focus-visible{outline:2px solid #E2C87A;outline-offset:2px}
.mis-dw-body{flex:1;overflow-y:auto;padding:16px 20px 24px;font-size:.86rem;line-height:1.55;overscroll-behavior:contain}
.mis-dw-body p{margin:0 0 12px;color:#c3cfdc}
.mis-dw-body h4{margin:16px 0 6px;font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.8px;text-transform:uppercase;color:#E2C87A}
.mis-dw-body ul{margin:0 0 12px;padding-left:18px;color:#c3cfdc}
.mis-dw-body a{color:#E2C87A;text-decoration:underline;text-underline-offset:2px}
.mis-dw-body a.mis-btn{text-decoration:none}
.mis-dw .mis-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;padding:4px 0 14px}
.mis-dw .mis-big{font-size:1.9rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.mis-dw .mis-big small{font-size:.9rem;color:#93a4b8;margin-left:3px;font-weight:500}
.mis-dw .mis-c{font-weight:700;font-variant-numeric:tabular-nums}
.mis-dw .mis-b{font-size:.6rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:2px 6px;border-radius:3px;color:#9fb4cc;border:1px solid rgba(148,163,184,.25);font-family:ui-monospace,Menlo,Consolas,monospace}
.mis-dw .mis-b-daily{color:#d8b45a;border-color:rgba(201,168,76,.3)}
.mis-dw .mis-dl{margin:0 0 14px;border-top:1px solid rgba(255,255,255,.07)}
.mis-dw .mis-kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.mis-dw .mis-kv dt{color:#93a4b8;font-size:.8rem}
.mis-dw .mis-kv dd{margin:0;text-align:right;color:#f1f5f9;font-weight:600;font-variant-numeric:tabular-nums}
.mis-dw .mis-kv small,.mis-dw .mis-rets small{color:#7d90a6;font-weight:400}
.mis-dw .mis-pill{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#E2C87A;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);padding:3px 9px;border-radius:20px;margin-bottom:12px}
.mis-dw .mis-rets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.mis-dw .mis-rets>div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:9px 10px}
.mis-dw .mis-rets small{display:block;font-size:.66rem;margin-bottom:2px}
.mis-dw .mis-rets b{font-size:1.02rem;font-variant-numeric:tabular-nums}
.mis-dw .mis-rets-na b{font-size:.78rem;color:#7d90a6;font-weight:600}
.mis-dw .mis-na{font-style:normal;color:#7d90a6;font-size:.78rem;font-weight:600}
.mis-dw .mis-rng{margin:4px 0 16px}
.mis-dw .mis-rng-l{display:flex;justify-content:space-between;font-size:.7rem;color:#93a4b8;margin-bottom:6px}
.mis-dw .mis-rng-l b{color:#f1f5f9;font-variant-numeric:tabular-nums}
.mis-dw .mis-rng-t{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(248,113,113,.45),rgba(148,163,184,.3),rgba(52,211,153,.45))}
.mis-dw .mis-rng-t i{position:absolute;top:-4px;width:3px;height:14px;margin-left:-1px;background:#E2C87A;border-radius:2px;box-shadow:0 0 0 2px #0b1a2b}
.mis-dw .mis-src{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 12px;margin:0 0 12px;font-size:.78rem}
.mis-dw .mis-src p{margin:2px 0;color:#c3cfdc}
.mis-dw .mis-src b{color:#93a4b8;font-weight:600;margin-right:4px}
.mis-dw .mis-src>b{display:block;font-size:.62rem;letter-spacing:1px;text-transform:uppercase;color:#C9A84C}
.mis-dw .mis-fine{font-size:.74rem;color:#93a4b8}
.mis-dw .mis-warn{font-size:.76rem;color:#fcd34d;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.2);border-radius:8px;padding:8px 10px}
.mis-dw .mis-btn{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:11px 14px;border-radius:9px;font-weight:700;font-size:.84rem;text-decoration:none;color:#0B1F3A!important;background:linear-gradient(135deg,#C9A84C,#E2C87A)}
.mis-dw .mis-btn:hover{filter:brightness(1.06)}
.mis-dw .mis-btn-2{color:#E2C87A!important;background:transparent;border:1px solid rgba(201,168,76,.4)}
.mis-dw .mis-wt{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:10px}
.mis-dw .mis-wt td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#c3cfdc;vertical-align:middle}
.mis-dw .mis-wt td:nth-child(2){width:28%;padding:0 10px}
.mis-dw .mis-wt td:last-child{text-align:right;font-weight:700;color:#f1f5f9;width:44px}
.mis-dw .mis-wbar{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.mis-dw .mis-wbar i{display:block;height:100%;background:linear-gradient(90deg,#C9A84C,#E2C87A)}
@media (max-width:760px){
  .mis-dw-box{top:auto;left:0;width:100%!important;max-height:86vh;border-left:0;border-top:1px solid rgba(201,168,76,.3);border-radius:16px 16px 0 0;transform:translateY(30px)}
  .mis-dw-hd{padding:14px 16px 12px}
  .mis-dw-body{padding:14px 16px calc(20px + env(safe-area-inset-bottom))}
  .mis-dw .mis-rets{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:380px){ .mis-dw .mis-rets{grid-template-columns:1fr 1fr} }
