/* Console window: m2 css/base.css 20-22, 25-26 and css/argent.css 3-6, 8-12, 16-17, 20-31, 133-138, scoped under .m2s. cx- rules below are the tabbed stream pane. */
.m2s .ac-stamp--warn{background:rgba(184,112,12,.14);color:var(--ac-warn-ink)}
.m2s .ac-stamp .sq{width:6px;height:6px}
.m2s .ac-stamp--ok .sq,.m2s .ac-stamp--allow .sq{background:currentColor}
.m2s .pn{position:relative;background:var(--ac-panel);-webkit-backdrop-filter:var(--ac-panel-blur);backdrop-filter:var(--ac-panel-blur);border:1px solid var(--ac-panel-edge);box-shadow:var(--ac-panel-lip),var(--ac-lift);border-radius:var(--ac-r);overflow:hidden}
.m2s .pn-h,.m2s .win-h{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 14px;border-bottom:1px solid var(--ac-hair);background:linear-gradient(var(--ac-hair),transparent 140%)}
.m2s .win-h{min-height:44px;gap:12px}
.m2s .win-tower{display:block;width:14px;height:22px;color:var(--ac-ink-strong)}
.m2s .win-tower svg{display:block;width:100%;height:100%}
.m2s .win-name{font:600 12px/1.2 var(--ac-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-ink-strong)}
.m2s .win-by{font:500 11px/1.2 var(--ac-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-ink-3);margin-left:auto}
.m2s .win-b{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0}
.m2s .win-film{padding:clamp(14px,2vw,22px);display:grid;gap:14px;border-right:1px solid var(--ac-hair)}
.m2s .win-film .film{margin:0}
.m2s .win-tease{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.m2s .teaser{margin:0;font-size:.9375rem;color:var(--ac-ink-2);flex:1 1 240px;max-width:48ch}
.m2s .film-txt{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 12px/1.2 var(--ac-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ac-ink-strong);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ac-accent)}
.m2s .film-txt:hover{color:var(--ac-accent)}
.m2s .argent-acts{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1100px){.m2s .win-b{grid-template-columns:1fr}
.m2s .win-film{border-right:0;border-bottom:1px solid var(--ac-hair)}}
.m2s .film-poster{display:block;width:100%;height:auto;border-radius:var(--ac-r)}
.m2s .stream{background:var(--live-bg);padding:14px clamp(14px,2vw,20px) 16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.m2s .stream-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.m2s .stream-t{font:600 11px/1.2 var(--ac-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-ink-2)}
.m2s .stream-list{--row:62px;list-style:none;margin:0;padding:0;position:relative;height:calc(var(--row) * 5);overflow:hidden}
.m2s .srow{position:absolute;left:0;right:0;top:0;height:calc(var(--row) - 8px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a s" "t s";align-items:center;column-gap:10px;padding:6px 12px;background:var(--ac-fog-1);border:1px solid var(--ac-hair);border-radius:var(--ac-r);
  transform:translateY(calc(var(--slot,0) * var(--row)));opacity:1;transition:transform 220ms var(--ac-ease),opacity 220ms var(--ac-ease)}
:root[data-theme="dark"] .m2s .srow{background:rgba(232,238,246,.04)}
.m2s .srow-a{grid-area:a;font:600 13px/1.2 var(--ac-font-mono);color:var(--ac-ink-strong);overflow-wrap:anywhere}
.m2s .srow-t{grid-area:t;font-size:13px;color:var(--ac-ink-2);overflow-wrap:anywhere}
.m2s .srow .ac-stamp{grid-area:s}
.m2s .stream-list.is-still .srow,.m2s .srow.is-still{transition:none}
@media (max-width:700px){.m2s .stream-list:not(.is-still){height:var(--row)}
.m2s .stream-list.is-still{height:calc(var(--row) * 5)}}
.m2s .cx-tabs{display:flex;gap:2px;border-bottom:1px solid var(--ac-hair)}
.m2s .cx-tabs button{font:600 11px/1 var(--ac-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-ink-2);display:inline-flex;align-items:center;padding:0 14px;min-height:44px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:var(--ac-r);cursor:pointer}
.m2s .cx-tabs button:hover{color:var(--ac-ink-strong);background:var(--ac-hair)}
.m2s .cx-tabs button[aria-selected="true"]{color:var(--ac-ink-strong);border-bottom-color:var(--ac-accent)}
.m2s .cx-tabs button:focus-visible{outline:2px solid var(--ac-focus);outline-offset:-2px}
.m2s .cx-panel{display:flex;flex-direction:column;gap:12px;min-width:0}
.m2s .cx-panel[hidden]{display:none}
@media (max-width:560px){.m2s .cx-tabs button{padding:0 10px}}

/* ---- cx-: Budget, DLP and Threat map views (m2 row, stamp and token language). Body is 310px at desktop so the window stays 482px tall. ---- */
.m2s .cx-panel.cx-fade{animation:cx-in 160ms var(--ac-ease) both}
@keyframes cx-in{from{opacity:0}to{opacity:1}}
.m2s .cx-panel:focus-visible{outline:2px solid var(--ac-focus);outline-offset:2px}
.m2s .cx-body{min-height:310px;min-width:0;display:flex;flex-direction:column;gap:10px}
.m2s .cx-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:start}
.m2s .cx-list--tight{gap:6px}
.m2s .cx-row{position:relative;height:54px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a s" "t s";align-items:center;column-gap:10px;padding:6px 12px;background:var(--ac-fog-1);border:1px solid var(--ac-hair);border-radius:var(--ac-r);overflow:hidden;opacity:1;transition:opacity 220ms var(--ac-ease)}
:root[data-theme="dark"] .m2s .cx-row{background:rgba(232,238,246,.04)}
.m2s .cx-row.cx-enter{opacity:0}
.m2s .cx-row .srow-a,.m2s .cx-row .srow-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2s .cx-row .srow-t{font:500 12px/1.3 var(--ac-font-mono)}
.m2s .cx-row .ac-stamp{grid-area:s}
.m2s .cx-row .cx-stamp{grid-area:s;display:flex}
.m2s .cx-row mark.ph{background:var(--ac-allow-tint);color:var(--ac-allow-ink);padding:0 4px;border-radius:var(--ac-r-sm);font:inherit}
.m2s .cx-meter{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ac-hair)}
.m2s .cx-meter i{display:block;height:100%;background:var(--ac-ok);transform-origin:left center;transform:scaleX(var(--f,0));transition:transform 220ms var(--ac-ease)}
.m2s .cx-row.is-near .cx-meter i{background:var(--ac-warn)}
.m2s .cx-row.is-capped .cx-meter i{background:var(--ac-accent)}
.m2s .cx-body--dlp{gap:10px}
.m2s .cx-sub-wrap{display:flex;flex-direction:column;gap:8px}
.m2s .cx-sub{margin:0;font:600 11px/1.2 var(--ac-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-ink-3)}
.m2s .cx-ents{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.m2s .cx-ents li{display:grid;grid-template-columns:minmax(0,104px) minmax(0,1fr) 48px;align-items:center;gap:10px;height:22px}
.m2s .cx-nm{font-size:13px;color:var(--ac-ink-2);white-space:nowrap}
.m2s .cx-bar{display:block;height:6px;background:var(--ac-hair)}
.m2s .cx-bar i{display:block;height:100%;background:var(--ac-info);transform-origin:left center;transform:scaleX(var(--f,0));transition:transform 220ms var(--ac-ease)}
.m2s .cx-n{font:600 12px/1 var(--ac-font-mono);color:var(--ac-ink-strong);text-align:right;font-variant-numeric:tabular-nums}
.m2s .cx-body--map{--cx-watch:rgba(184,112,12,.38);justify-content:space-between}
:root[data-theme="dark"] .m2s .cx-body--map{--cx-watch:rgba(217,166,60,.38)}
.m2s .cx-terrs{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;align-content:center}
.m2s .cx-terr{min-width:0}
.m2s .cx-tl{margin:0 0 6px;font:600 11px/1.2 var(--ac-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-ink-2)}
.m2s .cx-tl span{color:var(--ac-ink-3);margin-left:4px}
.m2s .cx-hive{display:block;max-width:100%}
.m2s .cx-hex{fill:var(--ac-neutral-tint);stroke:var(--ac-rule);stroke-width:1;transform-box:fill-box;transform-origin:center}
.m2s .cx-hex.b-watch{fill:var(--cx-watch);stroke:var(--cx-watch)}
.m2s .cx-hex.b-hot{fill:color-mix(in srgb,var(--ac-accent) 55%,transparent);stroke:var(--ac-accent)}
.m2s .cx-hex.b-critical{fill:var(--ac-accent);stroke:var(--ac-accent)}
.m2s .cx-hex.cx-pulse{animation:cx-pulse 360ms var(--ac-ease)}
@keyframes cx-pulse{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
.m2s .cx-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.m2s .cx-legend li{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--ac-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ac-ink-2)}
.m2s .cx-legend .cx-hex{stroke-width:1}
@media (max-width:560px){
.m2s .cx-row--w{grid-template-areas:"a s" "t t"}
.m2s .cx-terrs{grid-template-columns:repeat(2,minmax(0,1fr))}
.m2s .cx-ents li{grid-template-columns:minmax(0,96px) minmax(0,1fr) 44px}}
@media (prefers-reduced-motion:reduce){
.m2s .cx-panel.cx-fade{animation:none}
.m2s .cx-hex.cx-pulse{animation:none}
.m2s .cx-row,.m2s .cx-meter i,.m2s .cx-bar i{transition:none}}
