/* evesgoldminers — dark gold/silver theme */

:root{
  --bg0:#080d1c;
  --bg1:#0b1224;
  --bg2:#0a1024;
  --card:rgba(248,250,252,.06);
  --card2:rgba(248,250,252,.09);
  --stroke:rgba(248,250,252,.10);
  --stroke2:rgba(248,250,252,.14);
  --text:#f8fafc;
  --muted:rgba(248,250,252,.68);
  --gold:#D4AF37;
  --gold-soft:#fff8d8;
  --gold-rgb:212,175,55;
  --silver:#c0c0c0;
  --follow-gold:#D4AF37;
  --follow-gold-soft:#fff8d8;
  --follow-silver:#d8e1ec;
  --follow-silver-soft:#eef4fb;
  --follow-silver-text:#223247;
  --pos:#00ff7f;
  --neg:#ff4757;
  --shadow:0 26px 70px rgba(0,0,0,.36);
  --radius:18px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background-color:var(--bg2);
  background-image:
    radial-gradient(900px 540px at 8% 0%, rgba(var(--gold-rgb),.18), transparent 58%),
    radial-gradient(760px 540px at 94% 5%, rgba(147,197,253,.14), transparent 54%),
    linear-gradient(180deg, var(--bg0) 0%, #101832 54%, var(--bg2) 100%);
  background-attachment: fixed;
  background-size: cover;
}

.bg{
  position:fixed; inset:0; pointer-events:none;
  background:
    radial-gradient(720px 460px at 20% 0%, rgba(var(--gold-rgb),.12), transparent 58%),
    radial-gradient(620px 460px at 88% 8%, rgba(147,197,253,.10), transparent 58%),
    radial-gradient(640px 460px at 76% 92%, rgba(52,211,153,.06), transparent 60%);
  opacity:.72;
}

a{ color:inherit; text-decoration:none; }
code{ color:var(--silver); }

/* ── Container — full width with gutters ── */
.container{
  width: min(1600px, calc(100% - 32px));
  margin: 18px auto 28px;
}

/* Header container — same width constraint as .container but no bottom margin */
.container--header {
  width: min(1600px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}

.container--header .pill--gold{
  border-color:var(--gold);
  background:var(--gold);
  color:var(--bg0);
}

/* ── Topbar / Header Card ── */
.topbar{
  display:flex; align-items:stretch; gap:0;
  border:1px solid rgba(var(--gold-rgb),.22); border-radius:var(--radius);
  background:
    radial-gradient(620px 280px at 10% 0%, rgba(var(--gold-rgb),.18), transparent 62%),
    radial-gradient(620px 300px at 96% 6%, rgba(52,211,153,.10), transparent 58%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow:var(--shadow), 0 0 0 1px rgba(var(--gold-rgb),.05) inset;
  backdrop-filter:blur(14px);
  position:relative; z-index:150;
  min-height:130px;
}

/* Eve photo — left column */
.brand__photo{
  flex-shrink:0;
  width:110px;
  margin:10px 0 10px 10px;
  border-radius:12px;
  overflow:hidden;
  border:2px solid rgba(var(--gold-rgb),.42);
  box-shadow:0 0 18px rgba(var(--gold-rgb),.18), 0 3px 12px rgba(0,0,0,.5);
}
.brand__photo-img{
  width:100%; height:100%;
  object-fit:cover;
  object-position:center 8%;
  display:block;
}

/* Right column */
.brand__right{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:12px 16px;
  min-width:0;
}

/* Headline pulse bar */
.brand__headline-bar{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  padding:8px 12px;
  border:1px solid rgba(var(--gold-rgb),.18);
  border-radius:14px;
  background:
    radial-gradient(580px 160px at 10% 0%, rgba(var(--gold-rgb),.12), transparent 64%),
    linear-gradient(90deg, rgba(11,18,36,.94), rgba(8,13,28,.86));
  overflow:hidden;
}
.brand__headline-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.brand__headline-label{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(var(--gold-rgb),.16);
  color:var(--gold-soft);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.brand__headline-updated{
  color:rgba(231,234,242,.62);
  font-size:11px;
  white-space:nowrap;
}
.brand__headline-wrap{
  flex:1;
  overflow:hidden;
  min-width:0;
}
.brand__headline-track{
  display:flex;
  align-items:center;
  gap:24px;
  white-space:nowrap;
  width:max-content;
  animation: egm-scroll 58s linear infinite;
}
.brand__headline-track:hover{ animation-play-state:paused; }
.brand__headline-item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(246,248,251,.9);
  font-size:12px;
  text-decoration:none;
}
.brand__headline-item:hover{
  color:#fff;
}
.brand__headline-item::before{
  content:'•';
  margin-right:2px;
  color:rgba(var(--gold-rgb),.45);
}
.brand__headline-kind{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.brand__headline-kind--news{
  background:rgba(var(--gold-rgb),.16);
  color:var(--gold-soft);
}
.brand__headline-kind--impact-high{
  background:rgba(var(--gold-rgb),.16);
  color:var(--gold-soft);
}
.brand__headline-kind--impact-medium{
  background:rgba(116,165,255,.16);
  color:#b9d0ff;
}
.brand__headline-kind--impact-low{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.76);
}
.brand__headline-kind--mover{
  background:rgba(68,208,138,.16);
  color:#8bf0b7;
}
.brand__headline-kind--metals{
  background:rgba(116,165,255,.16);
  color:#b9d0ff;
}
.brand__headline-time{
  color:rgba(231,234,242,.55);
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.brand__headline-text{
  color:#fff;
  font-weight:600;
}
.brand__headline-why{
  color:rgba(231,234,242,.68);
}

/* TOP: ticker row */
.brand__ticker{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand__prices{
  display:flex; align-items:center; gap:8px;
  flex-shrink:0;
  border-right:1px solid rgba(var(--gold-rgb),.2);
  padding-right:12px;
}
.brand__price-item{ display:flex; align-items:center; gap:5px; }
.brand__price-label{ color:var(--muted); font-size:12px; }
.brand__price-val{ font-weight:700; color:#fff; font-size:12px; font-variant-numeric:tabular-nums; }
.brand__price-chg{ font-size:11px; font-variant-numeric:tabular-nums; }
.brand__price-chg--pos{ color:#00cc6a; }
.brand__price-chg--neg{ color:#ff4757; }
.brand__prices-sep{ color:rgba(255,255,255,.2); font-size:11px; }
.brand__price-updated{ color:var(--muted); font-size:11px; white-space:nowrap; }
.brand__build{ color:rgba(255,255,255,.2); font-size:10px; font-family:monospace; }
.brand__ticker-label{
  flex-shrink:0;
  color:rgba(255,224,131,.82);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Scrolling tape */
.brand__scroll-wrap{
  flex:1; overflow:hidden; min-width:0;
}
@keyframes egm-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.brand__scroll-track{
  display:flex; align-items:center; gap:32px;
  white-space:nowrap;
  animation: egm-scroll 58s linear infinite;
  width:max-content;
}
.brand__scroll-track:hover{ animation-play-state:paused; }
.brand__scroll-item{
  color:rgba(231,234,242,.8);
  font-size:12px;
  text-decoration:none;
}
.brand__scroll-item::before{ content:'·'; margin-right:32px; color:rgba(var(--gold-rgb),.34); }
.brand__scroll-item--market{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.brand__scroll-item--market:hover{
  color:#fff;
}
.brand__market-symbol{
  color:#fff;
  font-weight:800;
  letter-spacing:.04em;
}
.brand__market-price{
  color:rgba(231,234,242,.92);
  font-variant-numeric:tabular-nums;
}
.brand__market-move{
  font-variant-numeric:tabular-nums;
  font-weight:700;
}
.brand__market-move--pos{ color:#00cc6a; }
.brand__market-move--neg{ color:#ff6b7a; }
.brand__market-session{
  color:rgba(231,234,242,.5);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* SPACER */
.brand__spacer{ flex:1; }

/* BOTTOM: title + nav */
.brand__bottom{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; flex-wrap:wrap;
}
.brand__title{
  font-weight:900;
  font-size:36px;
  letter-spacing:-.6px;
  line-height:1.05;
  color:#fff;
}
.brand__title--gold{
  background:linear-gradient(90deg, #D4AF37 0%, #fff8d8 45%, #D4AF37 75%, #8f6f18 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 1px 8px rgba(var(--gold-rgb),.34));
}
.brand__sub{
  color:rgba(255,255,255,.45);
  font-size:12px;
  margin-top:4px;
  letter-spacing:.25px;
  font-style:italic;
}
.topbar__nav{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; position:relative; }
.navlink{ padding:8px 12px; border-radius:12px; border:1px solid transparent; color:var(--muted); }
.navlink:hover{ color:var(--text); border-color:var(--stroke); background:rgba(255,255,255,.03); }

/* ── Ticker ── */


/* ── Semantic Search Bar ── */
.semantic-bar{
  margin-top:10px; padding:12px 16px;
  border:1px solid rgba(var(--gold-rgb),.18); border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(11,18,36,.96), rgba(8,13,28,.86));
  box-shadow:var(--shadow); backdrop-filter:blur(10px);
}
.semantic-bar__inner{ display:flex; align-items:center; gap:8px; }
.semantic-bar__icon{ font-size:18px; flex-shrink:0; }
.semantic-bar__input{
  flex:1; padding:10px 14px; border-radius:12px;
  border:1px solid rgba(var(--gold-rgb),.24); background:rgba(8,13,28,.72);
  color:var(--text); font-size:14px; outline:none;
}
.semantic-bar__input:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(var(--gold-rgb),.12); }
.semantic-bar__input::placeholder{ color:var(--muted); }
.semantic-bar__badge{
  margin-top:7px; font-size:11px; color:rgba(var(--gold-rgb),.68);
  letter-spacing:.04em;
}
.semantic-bar__error{ margin-top:8px; font-size:12px; color:var(--neg); }
.semantic-results{ margin-top:12px; }
.semantic-results__label{ font-size:12px; color:var(--muted); margin-bottom:8px; }
.semantic-results__chips{ display:flex; flex-wrap:wrap; gap:6px; }
.semantic-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 10px; border-radius:999px;
  border:1px solid rgba(var(--gold-rgb),.24); background:rgba(var(--gold-rgb),.10);
  font-size:12px; cursor:default;
}
.semantic-chip__ticker{ font-weight:800; color:var(--gold); }
.semantic-chip__name{ color:var(--text); }
.semantic-chip__score{ color:var(--muted); font-size:11px; }

/* ── Horizontal filter bar ── */
.filterbar{
  margin-top:10px;
  padding:14px 16px;
  border:1px solid rgba(var(--gold-rgb),.16); border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(11,18,36,.96), rgba(8,13,28,.86));
  box-shadow:var(--shadow); backdrop-filter:blur(10px);
}
.filterbar__row{
  display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap;
}
.filterbar__field{
  display:flex; flex-direction:column; gap:5px; min-width:120px; flex:1;
}
.filterbar__field--wide{ min-width:200px; flex:2; }
.filterbar__label{ font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
.filterbar__actions{ display:flex; align-items:flex-end; gap:8px; flex-shrink:0; }
@media(max-width:900px){
  .filterbar__field{ flex:1 1 140px; min-width:130px; }
  .filterbar__field--wide{ flex:1 1 100%; min-width:0; }
  .filterbar__actions{ flex:0 0 auto; align-self:flex-end; }
}
@media(max-width:480px){
  .filterbar__field{ flex:1 1 100%; min-width:0; }
}

/* More filters expandable panel */
.filterbar__more{
  margin-top:12px; padding-top:12px;
  border-top:1px solid var(--stroke);
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap:12px 16px;
}
@media(max-width:1400px){ .filterbar__more{ grid-template-columns: repeat(4, 1fr); } }
@media(max-width:1000px){ .filterbar__more{ grid-template-columns: repeat(3, 1fr); } }
@media(max-width:680px){  .filterbar__more{ grid-template-columns: 1fr 1fr; } }
@media(max-width:480px){  .filterbar__more{ grid-template-columns: 1fr; } }

/* Slider anatomy */
/* Keep the slider track aligned even when a checkbox is present in the header.
   (Checkbox can wrap to a new line; we reserve some vertical space consistently.) */
.slider__top{
  min-height: 24px;
  display:flex; align-items:center; justify-content:space-between;
  gap:6px; margin-bottom:6px; flex-wrap:wrap;
}
.slider__top-left{ display:flex; align-items:center; gap:6px; flex:1 1 auto; flex-wrap:wrap; }
.slider__label{ font-size:12px; color:var(--muted); white-space:nowrap; }
.slider__value{ font-size:12px; color:var(--text); font-weight:600; flex:0 0 auto; }
.slider__value.is-active{ color:var(--gold); }
.slider__hint{ font-size:11px; color:var(--muted); margin-top:4px; white-space:normal; word-break:break-word; }
/* Checkbox moved inline — sits after ? tooltip, before value */
.slider__checkbox{ display:inline-flex; align-items:center; gap:4px; cursor:pointer; font-size:11px; color:var(--muted); white-space:nowrap; }
.slider__checkbox input[type=checkbox]{ cursor:pointer; accent-color:var(--gold); }
/* Legacy pe-hint / aisc-hint — simplified now checkbox is in top row */
.slider__hint.pe-hint,
.slider__hint.aisc-hint{ display:block; }
.pe-na-toggle{ display:flex; align-items:center; gap:4px; cursor:pointer; font-size:11px; color:var(--muted); white-space:nowrap; }
.pe-na-toggle input[type=checkbox]{ accent-color:var(--gold); cursor:pointer; }

/* Tooltip */
.tip-wrap{ position:relative; display:inline-flex; align-items:center; }
.tip-icon{ display:inline-flex; align-items:center; justify-content:center;
  width:14px; height:14px; border-radius:50%;
  border:1px solid var(--muted); color:var(--muted);
  font-size:9px; font-weight:700; cursor:default;
  margin-left:5px; flex-shrink:0; line-height:1;
  transition:border-color .15s, color .15s; }
.tip-wrap:hover .tip-icon{ border-color:var(--gold); color:var(--gold); }
.tip-box{ display:none; position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%);
  background:#1c1c1c; border:1px solid var(--stroke2);
  color:var(--text); font-size:11px; line-height:1.5;
  padding:8px 10px; border-radius:6px; width:220px;
  box-shadow:0 4px 16px rgba(0,0,0,.5); z-index:100;
  pointer-events:none; white-space:normal; }
.tip-box::after{ content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  border:5px solid transparent; border-top-color:#1c1c1c; }
.tip-wrap:hover .tip-box{ display:block; }
.range{ width:100%; accent-color:var(--gold); }
.range--pol{ accent-color:#38bdf8; }

.tip-icon--pol{ border-color:#38bdf8; color:#38bdf8; }
.tip-wrap:hover .tip-icon--pol{ border-color:#7dd3fc; color:#7dd3fc; }

/* Filter stats strip */
.filterbar__premium-bar{
  display:flex; align-items:center; gap:10px;
  margin-top:14px; padding:8px 12px;
  background:linear-gradient(90deg, rgba(var(--gold-rgb),.10), rgba(255,255,255,.025));
  border:1px solid rgba(var(--gold-rgb),.18); border-radius:10px;
  cursor:pointer; transition:background .15s;
}
.filterbar__premium-bar:hover{
  background:linear-gradient(90deg, rgba(var(--gold-rgb),.16), rgba(255,255,255,.04));
}
.preview-lock{
  position:relative;
  opacity:.72;
}
.preview-lock::after{
  content:'Start free trial to unlock';
  position:absolute;
  top:10px;
  right:10px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(11,16,32,.88);
  border:1px solid rgba(var(--gold-rgb),.28);
  color:var(--gold);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  pointer-events:none;
}
.premium-bar__badge{
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--gold); opacity:0.85;
}
.filterbar__nl-search{
  margin-top:12px; padding:14px;
  border:1px solid rgba(56,189,248,.25); border-radius:12px;
  background:rgba(56,189,248,.04);
}
.filterbar__premium-sliders{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap:16px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(56,189,248,.2);
}
@media(max-width:1100px){ .filterbar__premium-sliders{ grid-template-columns: repeat(3, 1fr); } }
@media(max-width:700px){ .filterbar__premium-sliders{ grid-template-columns: 1fr 1fr; } }
.filterbar__presets{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin-top:12px; padding-top:12px;
  border-top:1px solid var(--stroke);
}
.presets__label{
  font-size:11px; color:var(--gold); text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; flex-shrink:0; font-weight:700;
}
.preset-pill{
  background:transparent; border:1px solid var(--stroke2); color:var(--muted);
  border-radius:20px; padding:4px 12px; font-size:12px; cursor:pointer;
  transition:background .15s, border-color .15s, color .15s; white-space:nowrap;
}
.preset-pill:hover{ background:rgba(var(--gold-rgb),.08); border-color:rgba(var(--gold-rgb),.4); color:var(--text); }
.preset-pill--active{ background:rgba(var(--gold-rgb),.15); border-color:var(--gold); color:var(--gold-soft); font-weight:700; }
.preset-pill--user{ border-color:rgba(99,179,237,.4); color:rgba(99,179,237,.9); }
.preset-pill--user:hover{ background:rgba(99,179,237,.1); border-color:rgba(99,179,237,.7); color:#63b3ed; }
.preset-pill__delete{ background:none; border:none; color:var(--muted); cursor:pointer; font-size:10px; padding:0 2px; line-height:1; }
.preset-pill__delete:hover{ color:var(--neg); }
.filterbar__stats{
  display:flex; align-items:center; gap:16px;
  margin-top:10px; padding-top:10px;
  border-top:1px solid var(--stroke);
  font-size:12px; color:var(--muted);
}
.filterbar__stats strong{ color:var(--text); }

/* ── Results area (full width) ── */
.results{
  margin-top:10px;
  border:1px solid rgba(var(--gold-rgb),.16); border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(11,18,36,.94), rgba(8,13,28,.88));
  box-shadow:var(--shadow); backdrop-filter:blur(10px);
  padding:16px;
}
.results__preview-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:18px;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid rgba(var(--gold-rgb),.22);
  background:linear-gradient(90deg, rgba(var(--gold-rgb),.10), rgba(255,255,255,.03));
}
.results__preview-note strong{
  display:block;
  color:var(--gold);
  margin-bottom:4px;
}
.results__preview-note span{
  color:var(--muted);
  font-size:13px;
}
.results__head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-bottom:12px;
}
.results__controls{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  flex:1 1 auto;
  min-width:0;
}
.results__card-tools{
  display:grid;
  grid-template-columns:minmax(178px, 178px) minmax(0, auto);
  align-items:center;
  gap:10px;
}
.results__compact-toggle{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  font-size:12px;
  color:var(--muted);
  cursor:pointer;
  user-select:none;
}
.results__compact-toggle--pending{
  visibility:hidden;
  pointer-events:none;
}
.results__video-cta{
  justify-self:start;
}
@media (max-width: 900px){
  .results__head{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .results__card-tools{
    grid-template-columns:1fr;
    width:100%;
  }
  .results__video-cta{
    justify-self:center;
  }
}
/* ── Card grid — more columns on wide screens ── */
.grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap:12px;
}
.grid--compact{
  gap:8px;
}
.card{
  border:1px solid rgba(var(--gold-rgb),.16); border-radius:18px;
  background:linear-gradient(180deg, rgba(11,18,36,.96), rgba(8,13,28,.9)); padding:14px;
  box-shadow:0 18px 54px rgba(0,0,0,.20), 0 0 0 1px rgba(var(--gold-rgb),.05) inset;
  transition:transform .12s ease, border-color .12s ease, background .12s ease, box-shadow .12s ease;
}
.card--miner-result{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding-bottom:0;
}
.card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--gold-rgb),.30);
  background:linear-gradient(180deg, rgba(14,23,44,.98), rgba(9,16,33,.92));
  box-shadow:0 24px 64px rgba(0,0,0,.26), 0 0 0 1px rgba(var(--gold-rgb),.08) inset;
}
.card--owned{ border-color:rgba(0,255,127,.30); }
.grid--compact .card{ padding:10px 12px; border-radius:14px; }
.grid--compact .card--miner-result{ padding-bottom:0; }
.grid--compact .card__metrics{ display:none; }
.grid--compact .card__context{ display:none; }
.grid--compact .card__footer .card__news-row{ display:none; }
.grid--compact .card__footer{ border-top:none; padding-top:4px; }
.grid--compact .card__relevance{ display:flex; }

/* Stage border colours */
.card--producer { border:2px solid rgba(0,255,127,.80);   box-shadow:0 0 16px rgba(0,255,127,.14); }
.card--developer{ border:2px solid rgba(74,158,255,.75);  box-shadow:0 0 16px rgba(74,158,255,.12); }
.card--explorer { border:2px solid rgba(155,89,182,.75);  box-shadow:0 0 16px rgba(155,89,182,.12); }
.card--royalty  { border:2px solid rgba(192,192,192,.75); box-shadow:0 0 16px rgba(192,192,192,.10); }

.card--producer:hover { border-color:rgba(0,255,127,1);    box-shadow:0 0 22px rgba(0,255,127,.22); }
.card--developer:hover{ border-color:rgba(74,158,255,1);   box-shadow:0 0 22px rgba(74,158,255,.18); }
.card--explorer:hover { border-color:rgba(155,89,182,1);   box-shadow:0 0 22px rgba(155,89,182,.18); }
.card--royalty:hover  { border-color:rgba(192,192,192,1);  box-shadow:0 0 22px rgba(192,192,192,.16); }
.card--preview{
  position:relative;
}
.card--preview::after{
  content:'Start free trial to open';
  position:absolute;
  inset:auto 12px 12px auto;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(11,16,32,.88);
  border:1px solid rgba(var(--gold-rgb),.28);
  color:var(--gold);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  pointer-events:none;
}
.card__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.card__identity{ display:flex; align-items:center; gap:10px; min-width:0; flex:1; }
.card__nameline{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.card__nameblock{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.card__ticker{ display:flex; align-items:center; gap:8px; font-size:11px; margin-top:1px; }
.card__flag{ font-size:11px; color:var(--muted); opacity:.7; }
.card__relevance{
  display:flex; align-items:center; gap:6px;
  margin: 6px 0 2px;
  padding: 4px 8px;
  background: rgba(56,189,248,.07);
  border: 1px solid rgba(56,189,248,.2);
  border-radius: 6px;
  font-size: 11px;
}
.relevance__label{ color:rgba(56,189,248,.7); text-transform:uppercase; letter-spacing:.06em; font-weight:600; white-space:nowrap; }
.relevance__bar-wrap{ flex:1; height:5px; background:rgba(255,255,255,.08); border-radius:99px; overflow:hidden; min-width:40px; }
.relevance__bar{ display:block; height:100%; background:linear-gradient(90deg,#38bdf8,#818cf8); border-radius:99px; transition:width .3s; }
.relevance__pct{ color:#38bdf8; font-weight:700; min-width:30px; text-align:right; }
.relevance__tag{ font-size:10px; font-weight:700; padding:1px 6px; border-radius:99px; letter-spacing:.04em; white-space:nowrap; }
.relevance__tag--excellent{ background:rgba(52,211,153,.15); color:#34d399; }
.relevance__tag--strong{    background:rgba(56,189,248,.15); color:#38bdf8; }
.relevance__tag--good{      background:rgba(251,191,36,.12); color:#fbbf24; }
.relevance__tag--fair{      background:rgba(148,163,184,.1); color:#94a3b8; }
.card__bubbles{
  display:grid;
  grid-template-columns:minmax(0, 1.55fr) minmax(112px, 0.95fr);
  align-items:stretch;
  gap:6px;
}
.card__signals{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:6px;
}
.card__tags{
  display:block;
}

/* Primary signal bubbles */
.card-bubble{
  min-width:0; height:64px; border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
  padding:5px 8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.card-bubble__label{ font-size:8px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; line-height:1; opacity:.78; white-space:nowrap; }
.card-bubble__divider{ width:70%; height:1px; background:currentColor; opacity:.2; margin:3px 0; }
.card-bubble__value{ font-size:22px; font-weight:900; line-height:1.05; color:var(--text); white-space:nowrap; }
.card-bubble__value--sm{ font-size:17px !important; font-weight:800; text-align:center; word-break:break-word; line-height:1.2; padding:0 2px; }

/* Eve's Score */
.card-bubble--eve{
  border-color:rgba(var(--gold-rgb),.34);
  background:radial-gradient(60px 60px at 30% 20%, rgba(var(--gold-rgb),.17), rgba(var(--gold-rgb),.045));
}
.card-bubble--eve .card-bubble__label{ color:var(--gold); }

/* Political Risk */
.card-bubble--pol{ border-color:rgba(56,189,248,.24); background:rgba(56,189,248,.045); }
.card-bubble--pol .card-bubble__label{ color:#38bdf8; }
.card-bubble--pol-low { border-color:rgba(52,211,153,.4);  background:rgba(52,211,153,.08); }
.card-bubble--pol-low  .card-bubble__label{ color:#34d399; }
.card-bubble--pol-med { border-color:rgba(251,191,36,.4);  background:rgba(251,191,36,.08); }
.card-bubble--pol-med  .card-bubble__label{ color:#fbbf24; }
.card-bubble--pol-high{ border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.08); }
.card-bubble--pol-high .card-bubble__label{ color:#f87171; }

.card-chip{
  min-width:0;
  height:64px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:8px 10px;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.card-chip__stage{
  min-width:0;
  font-size:12px;
  font-weight:900;
  line-height:1.1;
  color:var(--text);
  white-space:normal;
  overflow:hidden;
  text-align:center;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.card-chip__metal{
  min-width:0;
  font-size:11px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

/* Metal chips */
.card-chip--metal-gold  { border-color:rgba(var(--gold-rgb),.24); background:rgba(var(--gold-rgb),.08); }
.card-chip--metal-gold  .card-chip__metal{ color:var(--gold-soft); }
.card-chip--metal-silver{ border-color:rgba(192,192,192,.2); background:rgba(192,192,192,.07); }
.card-chip--metal-silver .card-chip__metal{ color:#d5d8dd; }
.card-chip--metal-mixed { border-color:rgba(205,133,63,.22); background:rgba(205,133,63,.08); }
.card-chip--metal-mixed .card-chip__metal{ color:#ddb384; }

/* Stage chips */
.card-chip--stage-producer { border-color:rgba(0,255,127,.18); background:rgba(0,255,127,.05); }
.card-chip--stage-producer .card-chip__stage{ color:#7ff0b5; }
.card-chip--stage-developer{ border-color:rgba(74,158,255,.18); background:rgba(74,158,255,.06); }
.card-chip--stage-developer .card-chip__stage{ color:#8fc0ff; }
.card-chip--stage-explorer { border-color:rgba(155,89,182,.18); background:rgba(155,89,182,.06); }
.card-chip--stage-explorer .card-chip__stage{ color:#c7a0d8; }
.card-chip--stage-royalty  { border-color:rgba(192,192,192,.22); background:rgba(192,192,192,.07); }
.card-chip--stage-royalty  .card-chip__stage{ color:#e0e3e7; }

.card__logo{
  width:36px; height:36px; border-radius:8px; flex-shrink:0;
  background:#ffffff; border:1px solid rgba(255,255,255,.15);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  padding:3px;
}
.card__logo img{ width:100%; height:100%; object-fit:contain; border-radius:5px; }
.card__logo-fallback{
  width:36px; height:36px; border-radius:8px; flex-shrink:0;
  background:rgba(255,255,255,.06); border:1px solid var(--stroke);
  display:grid; place-items:center; font-size:17px;
}
/* Name + ticker inline row */
.card__nameline-title{
  display:flex; align-items:baseline; gap:6px; min-width:0;
}
.card__title{
  font-weight:800;
  font-size:clamp(12px, 2.5vw, 15px);
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-decoration:none;
  flex:1; min-width:0;
}
.card__ticker-inline{
  font-size:13px; font-weight:700; letter-spacing:.03em;
  color:#fff; white-space:nowrap; flex-shrink:0;
}
/* Jurisdiction line */
.card__jurisdiction{
  display:flex; align-items:center; gap:3px;
  font-size:13px; margin-top:3px; flex-wrap:nowrap; overflow:hidden;
}
.card__juris-label{ font-size:9px; font-weight:700; color:#fff; opacity:1; letter-spacing:.05em; margin-right:1px; white-space:nowrap; }
.card__flag-hq{ cursor:default; }
.card__flag-img{ width:20px; height:15px; object-fit:cover; border-radius:2px; vertical-align:middle; cursor:default; box-shadow:0 0 0 1px rgba(255,255,255,.15); }
.card__mines-sep{ font-size:9px; font-weight:700; color:#fff; opacity:1; margin:0 3px; white-space:nowrap; letter-spacing:.05em; }
.card__flag-mine{ cursor:default; font-size:13px; }
.card__title--gold   { color:var(--gold-soft); }
.card__title--silver { color:#c0c0c0; }
.card__title--link:hover{ text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.tbl__name--link{ text-decoration:none; }
.tbl__name--link:hover{ text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.card__title--mixed  { color:#cd853f; }
.card__ticker{ display:none; } /* replaced by card__nameline-title + card__jurisdiction */
.card__pills{ display:none; } /* replaced by card__bubbles */
.card__footer{ margin-top:10px; display:flex; flex-direction:column; gap:6px; }
.card--miner-result .card__footer{
  margin-top:auto;
  margin-left:-14px;
  margin-right:-14px;
  margin-bottom:0;
  padding-top:0;
  gap:0;
}
.grid--compact .card--miner-result .card__footer{
  margin-left:-12px;
  margin-right:-12px;
  margin-bottom:0;
  padding-top:0;
}
.follow-bar{
  width:100%;
  height:22px;
  padding:0 14px;
  margin-top:12px;
  border:none;
  border-top:1px solid rgba(238,244,251,.26);
  border-radius:0;
  background:linear-gradient(180deg, rgba(238,244,251,.94), rgba(216,225,236,.9));
  color:var(--follow-silver-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38);
  cursor:pointer;
  transition:all .15s;
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.follow-bar > span{
  display:block;
  width:100%;
  line-height:1;
  transform:translateY(-1px);
}
.follow-bar:hover{
  border-top-color:rgba(255,255,255,.5);
  background:linear-gradient(180deg, rgba(246,250,255,.98), rgba(224,233,244,.94));
  color:#162233;
}
.follow-bar--active{
  border-top-color:rgba(var(--gold-rgb),.68);
  background:linear-gradient(180deg, rgba(232,200,91,.98), rgba(var(--gold-rgb),.94));
  color:var(--bg0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 -10px 18px rgba(var(--gold-rgb),.12);
}
.watchlist-btn, .news-btn{
  width:100%; padding:6px 10px; border-radius:8px; font-size:11px; font-weight:600;
  border:1px solid var(--stroke2); background:transparent; color:var(--muted);
  cursor:pointer; transition:all .15s; text-align:center;
}
.watchlist-btn:hover{ border-color:var(--follow-gold); color:var(--follow-gold-soft); background:rgba(255,216,77,.08); }
.watchlist-btn--active{
  border-color:rgba(var(--gold-rgb),.76);
  background:linear-gradient(180deg, rgba(255,226,102,.96), rgba(var(--gold-rgb),.9));
  color:#1d1700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.news-btn:hover{ border-color:#60a5fa; color:#60a5fa; background:rgba(96,165,250,.06); }
.news-btn--active{ border-color:rgba(96,165,250,.6); background:rgba(96,165,250,.1); color:#60a5fa; }

/* Eve Score */
.eve-score{
  flex-shrink:0;
  width:62px; height:62px; border-radius:16px;
  border:1px solid rgba(var(--gold-rgb),.30);
  background:radial-gradient(70px 70px at 30% 20%, rgba(var(--gold-rgb),.22), rgba(var(--gold-rgb),.06));
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
}
.eve-score__label{
  font-size:8px; color:var(--gold);
  text-transform:uppercase; letter-spacing:.12em; font-weight:800;
  line-height:1;
}
.eve-score__sublabel{
  font-size:9px; color:rgba(var(--gold-rgb),.65);
  letter-spacing:.06em; line-height:1;
}
.eve-score__value{ font-size:22px; font-weight:900; line-height:1.1; }

/* Political Risk Score bubble */
.pol-score{
  flex-shrink:0;
  width:56px; height:62px; border-radius:16px;
  border:1px solid rgba(56,189,248,.30);
  background:radial-gradient(70px 70px at 30% 20%, rgba(56,189,248,.18), rgba(56,189,248,.05));
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
}
.pol-score--low  { border-color:rgba(52,211,153,.4);  background:radial-gradient(70px 70px at 30% 20%, rgba(52,211,153,.18), rgba(52,211,153,.04)); }
.pol-score--med  { border-color:rgba(251,191,36,.4);   background:radial-gradient(70px 70px at 30% 20%, rgba(251,191,36,.18),  rgba(251,191,36,.04)); }
.pol-score--high { border-color:rgba(248,113,113,.4);  background:radial-gradient(70px 70px at 30% 20%, rgba(248,113,113,.18), rgba(248,113,113,.04)); }
.pol-score__label{
  font-size:8px; color:#38bdf8;
  text-transform:uppercase; letter-spacing:.12em; font-weight:800; line-height:1;
}
.pol-score--low  .pol-score__label { color:#34d399; }
.pol-score--med  .pol-score__label { color:#fbbf24; }
.pol-score--high .pol-score__label { color:#f87171; }
.pol-score__sublabel{
  font-size:9px; color:rgba(56,189,248,.65);
  letter-spacing:.06em; line-height:1;
}
.pol-score__value{ font-size:20px; font-weight:900; line-height:1.1; color:var(--text); }

/* Card metrics row */
.card__metrics{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:6px; margin-top:10px;
}
.card__context{
  margin-top:10px;
  padding:8px 10px;
  box-sizing:border-box;
  height:270px;
  border-radius:12px;
  border:1px solid rgba(var(--gold-rgb),.18);
  background:linear-gradient(180deg, rgba(var(--gold-rgb),.08), rgba(255,255,255,.035));
  display:flex;
  flex-direction:column;
  gap:0;
  overflow:hidden;
}
.card__context-title{
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  color:#f7e7a3;
  text-transform:uppercase;
}
.card__context-copy{
  display:none;
}
.card__context-detail{
  flex:1;
  min-height:0;
  max-height:none;
  opacity:1;
  margin-top:0;
  padding-bottom:0;
  padding-right:6px;
  font-size:12px;
  line-height:1.5;
  color:rgba(231,234,242,.82);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(var(--gold-rgb),.45) rgba(255,255,255,.06);
}
.card__context-detail::-webkit-scrollbar{
  width:8px;
}
.card__context-detail::-webkit-scrollbar-track{
  background:rgba(255,255,255,.05);
  border-radius:999px;
}
.card__context-detail::-webkit-scrollbar-thumb{
  background:rgba(var(--gold-rgb),.42);
  border-radius:999px;
}
.card__context-detail::-webkit-scrollbar-thumb:hover{
  background:rgba(var(--gold-rgb),.62);
}
.card__metrics-group{ display:contents; }
.cmetric{
  padding:7px 8px; border:1px solid var(--stroke);
  background:rgba(255,255,255,.03); border-radius:10px; text-align:center;
  overflow:hidden;
  min-height:64px;
  height:64px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.cmetric--producer{
  border-color:rgba(0,255,127,.14);
  background:rgba(0,255,127,.04);
}
.cmetric--developer{
  border-color:rgba(74,158,255,.15);
  background:rgba(74,158,255,.045);
}
.cmetric--explorer{
  border-color:rgba(155,89,182,.15);
  background:rgba(155,89,182,.045);
}
.cmetric--royalty{
  border-color:rgba(192,192,192,.15);
  background:rgba(192,192,192,.045);
}
.card:hover .cmetric--producer{
  border-color:rgba(0,255,127,.24);
  background:rgba(0,255,127,.08);
  box-shadow:0 0 12px rgba(0,255,127,.06);
}
.card:hover .cmetric--developer{
  border-color:rgba(74,158,255,.26);
  background:rgba(74,158,255,.085);
  box-shadow:0 0 12px rgba(74,158,255,.06);
}
.card:hover .cmetric--explorer{
  border-color:rgba(155,89,182,.26);
  background:rgba(155,89,182,.085);
  box-shadow:0 0 12px rgba(155,89,182,.06);
}
.card:hover .cmetric--royalty{
  border-color:rgba(192,192,192,.24);
  background:rgba(192,192,192,.08);
  box-shadow:0 0 12px rgba(192,192,192,.05);
}
.cmetric--stage-metric{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.cmetric__label{
  font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.04em;
  position:relative;
  display:flex; align-items:center; justify-content:center;
  min-height:1.4em;
  line-height:1.15;
  text-align:center;
}
.cmetric__value{ font-weight:800; font-size:14px; margin-top:4px; }
.cmetric__change{ font-size:10px; font-weight:700; margin-top:1px; }
.cmetric__change--pos{ color:#00cc6a; }
.cmetric__change--neg{ color:#ff4757; }

/* ── Table view ── */
.tbl-wrap{
  overflow-x:auto; border:1px solid var(--stroke); border-radius:var(--radius);
}
.tbl{
  width:100%; border-collapse:collapse; font-size:1rem; min-width:1180px;
}
.tbl__th{
  padding:10px 16px; text-align:left;
  font-size:0.78rem; text-transform:uppercase; letter-spacing:.06em;
  color:var(--gold); border-bottom:1px solid var(--stroke);
  background:rgba(255,255,255,.03); white-space:normal;
  cursor:pointer; user-select:none;
  vertical-align:bottom; line-height:1.2;
  position:relative;
}
.tbl__th:hover{ color:#ffe566; }
.tbl__th--num{ text-align:center; }
.tbl__th--metric-group{
  text-align:center;
  min-width:240px;
  cursor:default;
}
.tbl__th--metric-group:hover{ color:var(--gold); }
.tbl__row--preview{
  position:relative;
}
.tbl__row--preview:hover{
  background:rgba(var(--gold-rgb),.035);
}
.tbl__th--name{ text-align:left; min-width:180px; }
.tbl__th--actions{ text-align:center; min-width:160px; cursor:default; }
.tbl__td{
  padding:10px 16px; border-bottom:1px solid rgba(255,255,255,.05);
  vertical-align:middle; white-space:nowrap;
}
.tbl__td--num{ text-align:right; font-variant-numeric:tabular-nums; }
.tbl__td--name{ white-space:normal; }
.tbl__row:hover td{ background:rgba(255,255,255,.04); }
.tbl__row:last-child td{ border-bottom:none; }
.tbl__row--owned td{ background:rgba(255,216,77,.08); }
.tbl__td--actions{ text-align:center; white-space:nowrap; }
.tbl__action-btn{
  display:inline-block; padding:4px 8px; border-radius:6px; font-size:11px; font-weight:600;
  border:1px solid var(--stroke2); background:transparent; color:var(--muted);
  cursor:pointer; transition:all .15s; margin:1px;
}
.tbl__action-btn:hover{ border-color:var(--follow-gold); color:var(--follow-gold-soft); background:rgba(255,216,77,.08); }
.tbl__action-btn--active{
  border-color:rgba(var(--gold-rgb),.76);
  background:linear-gradient(180deg, rgba(255,226,102,.96), rgba(var(--gold-rgb),.9));
  color:#1d1700;
}
.tbl__action-btn--news:hover{ border-color:#60a5fa; color:#60a5fa; }
.tbl__action-btn--news.tbl__action-btn--active{ border-color:rgba(96,165,250,.6); background:rgba(96,165,250,.1); color:#60a5fa; }
.tbl__logo{ width:24px; height:24px; border-radius:4px; object-fit:contain; flex-shrink:0; background:#ffffff; padding:2px; }
/* Political risk badge in table */
.pol-badge{ display:inline-block; padding:4px 12px; border-radius:999px; font-weight:800; font-size:1rem; }
.pol-badge--low{ background:rgba(0,255,127,.15); color:#00ff7f; border:1px solid rgba(0,255,127,.3); }
.pol-badge--med{ background:rgba(251,191,36,.15); color:#fbbf24; border:1px solid rgba(251,191,36,.3); }
.pol-badge--high{ background:rgba(255,71,87,.15); color:#ff4757; border:1px solid rgba(255,71,87,.3); }
.tbl__name-row{ display:flex; align-items:center; gap:10px; }
.tbl__miner-name{
  display:inline-block;
  font-weight:700;
  font-size:1.02rem;
  line-height:1.25;
  text-decoration:none;
}
.tbl__miner-ticker{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:0.79rem;
  margin-top:4px;
  color:var(--muted);
}
.tbl__ticker-text{
  color:#fff;
  font-weight:700;
  letter-spacing:.04em;
}
.tbl__juris-inline{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.tbl__juris-label{
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  line-height:1;
  margin-left:2px;
}
.tbl__flag-img{
  width:18px;
  height:13px;
  object-fit:cover;
  border-radius:2px;
  vertical-align:middle;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}
.tbl__td--profile,
.tbl__td--price,
.tbl__td--metric{
  text-align:center;
}
.tbl__td--profile{ width:136px; }
.tbl__td--price{ width:116px; }
.tbl__td--metric{ width:126px; }
.tbl__profile-chip{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  min-width:112px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.tbl__profile-stage,
.tbl__profile-metal{
  display:block;
  width:100%;
  line-height:1.15;
}
.tbl__profile-stage{
  font-size:0.78rem;
  font-weight:800;
  color:var(--text);
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.tbl__profile-metal{
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(231,234,242,.72);
}
.tbl__profile-chip--stage-producer{
  border-color:rgba(0,255,127,.18);
  background:linear-gradient(180deg, rgba(0,255,127,.07), rgba(255,255,255,.03));
}
.tbl__profile-chip--stage-producer .tbl__profile-stage{ color:#7ff0b5; }
.tbl__profile-chip--stage-developer{
  border-color:rgba(74,158,255,.2);
  background:linear-gradient(180deg, rgba(74,158,255,.08), rgba(255,255,255,.03));
}
.tbl__profile-chip--stage-developer .tbl__profile-stage{ color:#8fc0ff; }
.tbl__profile-chip--stage-explorer{
  border-color:rgba(155,89,182,.2);
  background:linear-gradient(180deg, rgba(155,89,182,.08), rgba(255,255,255,.03));
}
.tbl__profile-chip--stage-explorer .tbl__profile-stage{ color:#d1afe1; }
.tbl__profile-chip--stage-royalty{
  border-color:rgba(192,192,192,.22);
  background:linear-gradient(180deg, rgba(192,192,192,.08), rgba(255,255,255,.03));
}
.tbl__profile-chip--stage-royalty .tbl__profile-stage{ color:#e4e7eb; }
.tbl__profile-chip--metal-gold .tbl__profile-metal{ color:#ffd86b; }
.tbl__profile-chip--metal-silver .tbl__profile-metal{ color:#d5d8dd; }
.tbl__profile-chip--metal-mixed .tbl__profile-metal{ color:#ddb384; }

/* Metal-coloured name in table */
.tbl__name--gold   { color:var(--gold); }
.tbl__name--silver { color:#c0c0c0; }
.tbl__name--mixed  { color:#cd853f; }

/* Tier dot */
.tbl__tier-dot{
  width:10px; height:10px; border-radius:50%; flex-shrink:0;
  border:2px solid;
}
.tbl__tier-dot--producer { border-color:#00ff7f;   background:rgba(0,255,127,.20); }
.tbl__tier-dot--developer{ border-color:#4a9eff;   background:rgba(74,158,255,.20); }
.tbl__tier-dot--explorer { border-color:#9b59b6;   background:rgba(155,89,182,.20); }
.tbl__tier-dot--royalty  { border-color:#c0c0c0;   background:rgba(192,192,192,.20); }
.score-badge{
  display:inline-block; min-width:58px; text-align:center; padding:4px 12px; border-radius:999px;
  background:rgba(var(--gold-rgb),.20); color:var(--gold);
  font-weight:800; font-size:1rem; border:1px solid rgba(var(--gold-rgb),.35);
}
.tbl__price-value{
  font-size:1rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  color:#fff;
}
.tbl__price-sub{
  margin-top:3px;
  font-size:0.68rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(231,234,242,.62);
}
.tbl__price-change{
  margin-top:4px;
  font-size:0.74rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.tbl__price-change--pos{ color:#00cc6a; }
.tbl__price-change--neg{ color:#ff6b78; }
.tbl__metric-card{
  min-height:72px;
  padding:7px 8px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:2px;
}
.tbl__metric-card--producer{
  border-color:rgba(0,255,127,.16);
  background:linear-gradient(180deg, rgba(0,255,127,.07), rgba(255,255,255,.03));
}
.tbl__metric-card--developer{
  border-color:rgba(74,158,255,.18);
  background:linear-gradient(180deg, rgba(74,158,255,.08), rgba(255,255,255,.03));
}
.tbl__metric-card--explorer{
  border-color:rgba(155,89,182,.18);
  background:linear-gradient(180deg, rgba(155,89,182,.08), rgba(255,255,255,.03));
}
.tbl__metric-card--royalty{
  border-color:rgba(192,192,192,.18);
  background:linear-gradient(180deg, rgba(192,192,192,.08), rgba(255,255,255,.03));
}
.tbl__metric-label{
  min-height:2.2em;
  font-size:0.62rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.1;
  color:rgba(231,234,242,.66);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.tbl__metric-value{
  font-size:0.95rem;
  font-weight:800;
  line-height:1.15;
  color:#fff;
  font-variant-numeric:tabular-nums;
}
.tbl__metric-sub{
  font-size:0.68rem;
  font-weight:700;
  line-height:1.1;
  color:rgba(231,234,242,.72);
}
.tbl__row:hover .tbl__profile-chip,
.tbl__row:hover .tbl__metric-card{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);
}

/* ── View toggle ── */
.view-toggle{
  display:flex; align-items:center; gap:6px;
}
.view-toggle__label{
  font-size:12px; color:var(--muted); white-space:nowrap; margin-right:2px;
}
.view-toggle .view-btn:first-of-type{ border-radius:8px 0 0 8px; }
.view-toggle .view-btn:last-of-type{ border-radius:0 8px 8px 0; }
.view-btn{
  background:transparent; border:1px solid var(--stroke2); color:var(--muted);
  cursor:pointer; font-size:13px; padding:5px 12px;
  transition:background .15s, color .15s;
  display:inline-flex; align-items:center; gap:5px;
}
.view-btn:hover{ background:var(--card2); color:var(--text); }
.view-btn--active{ background:rgba(var(--gold-rgb),.15); color:var(--gold); }

/* ── Shared bits ── */
.h2{ font-size:17px; margin:0; }
.h3{ font-size:14px; margin:10px 0 8px; color:rgba(231,234,242,.92); }
.muted{ color:var(--muted); }
.small{ font-size:12px; }
.pos{ color:var(--pos); }
.neg{ color:var(--neg); }
.divider{ height:1px; background:var(--stroke); margin:14px 0; }
.divider--tight{ margin:12px 0; }
.empty{ padding:26px; border:1px dashed rgba(255,255,255,.18); border-radius:16px; color:var(--muted); }
.footer{ margin-top:14px; text-align:center; }
.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 16px;
  margin:0 0 12px;
  font-size:0.8rem;
}
.footer-links a{
  color:var(--gold);
  text-decoration:none;
  opacity:.92;
}
.footer-links a:hover{
  opacity:1;
  text-decoration:underline;
}

.pill{
  display:inline-flex; align-items:center; padding:4px 10px;
  border-radius:999px; border:1px solid var(--stroke);
  background:rgba(255,255,255,.03); font-size:13px; color:rgba(231,234,242,.90);
}
/* Stage pills — solid fill */
.pill--producer { border-color:rgba(0,255,127,.4); background:rgba(0,255,127,.15); color:#00ff7f; font-weight:600; }
.pill--developer{ border-color:#4a9eff; background:#4a9eff; color:#0b1020; font-weight:700; }
.pill--explorer { border-color:#9b59b6; background:#9b59b6; color:#fff; font-weight:700; }
.pill--royalty  { border-color:rgba(192,192,192,.4); background:rgba(192,192,192,.12); color:#c0c0c0; font-weight:600; }
/* Metal-coloured pills — solid fill, dark text */
.pill--gold  { border-color:var(--gold); background:var(--gold); color:var(--bg0); font-weight:800; }
.pill--silver{ border-color:#c0c0c0; background:#c0c0c0; color:#0b1020; font-weight:700; }
.pill--mixed { border-color:#cd853f; background:#cd853f; color:#0b1020; font-weight:700; }
.row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.row--spread{ justify-content:space-between; }

.btn{
  padding:9px 14px; border-radius:12px;
  border:1px solid rgba(var(--gold-rgb),.32);
  background:linear-gradient(180deg, rgba(var(--gold-rgb),.22), rgba(var(--gold-rgb),.10));
  color:var(--gold-soft); cursor:pointer; white-space:nowrap;
  font-weight:750;
}
.btn:hover{ border-color:rgba(var(--gold-rgb),.48); background:linear-gradient(180deg, rgba(var(--gold-rgb),.28), rgba(var(--gold-rgb),.13)); }
.btn:disabled{ opacity:.55; cursor:not-allowed; }
.btn--ghost{ border-color:var(--stroke); background:rgba(255,255,255,.04); color:var(--text); }
.btn--ghost:hover{ background:rgba(255,255,255,.06); border-color:var(--stroke2); }
.btn--sm{ padding:6px 10px; font-size:12px; }
.btn--gold{
  border-color:rgba(var(--gold-rgb),.82);
  background:linear-gradient(180deg, rgba(232,200,91,.98), rgba(var(--gold-rgb),.88));
  color:var(--bg0);
  font-weight:850;
  box-shadow:0 14px 30px rgba(var(--gold-rgb),.16), inset 0 1px 0 rgba(255,255,255,.24);
}
.btn--gold:hover{
  border-color:var(--gold-soft);
  background:linear-gradient(180deg, var(--gold-soft), var(--gold));
}
.btn--highlight{
  border-color:rgba(211,173,69,.7);
  background:linear-gradient(180deg, rgba(211,173,69,.34), rgba(211,173,69,.16));
  color:#fff7da;
  box-shadow:0 10px 28px rgba(211,173,69,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.btn--highlight:hover{
  border-color:rgba(211,173,69,.92);
  background:linear-gradient(180deg, rgba(211,173,69,.42), rgba(211,173,69,.22));
}
.btn--danger{ background:#c0392b; border-color:#e74c3c; color:#fff; }
.btn--danger:hover{ background:#e74c3c; border-color:#ff6b6b; }

.input, .select{
  width:100%; padding:9px 12px; border-radius:12px;
  border:1px solid rgba(248,250,252,.12); background:rgba(8,13,28,.72);
  color:var(--text); outline:none;
}
.input:focus, .select:focus{
  border-color:rgba(var(--gold-rgb),.42); box-shadow:0 0 0 4px rgba(var(--gold-rgb),.10);
}

/* ── Modal ── */
[x-cloak]{ display:none !important; }
.modal{ position:fixed; inset:0; z-index:8000; display:flex; align-items:flex-start; justify-content:flex-end; padding:80px 20px 0; }
.modal__backdrop{ position:absolute; inset:0; background:transparent; }
.modal__card{
  width:min(460px, calc(100% - 28px)); position:relative;
  border-radius:20px; border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(16,20,40,.97), rgba(10,12,20,.97));
  padding:20px; box-shadow:0 30px 90px rgba(0,0,0,.8);
}
.modal__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.modal__title{ font-size:1.1rem; font-weight:700; color:var(--gold); margin:0; }
.modal--center{ align-items:center; justify-content:center; padding:20px; }
.modal--center .modal__backdrop{ background:rgba(3,6,18,.62); backdrop-filter:blur(4px); }
.modal__card--explainer{ width:min(520px, calc(100% - 28px)); }
.modal__card--video{ width:min(960px, calc(100% - 28px)); }
.modal__card--video-portrait{
  width:min(580px, calc(100% - 28px));
  border:2px solid rgba(211,173,69,.7);
  box-shadow:0 34px 100px rgba(0,0,0,.82), 0 0 0 1px rgba(255,231,166,.08) inset;
}
.modal__card--source-editor{ width:min(94vw, 1320px); max-width:min(94vw, 1320px); }
.modal__card--company-editor{
  width:min(96vw, 1680px);
  max-width:min(96vw, 1680px);
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 40px);
  overflow:hidden;
}
.video-modal__frame-wrap{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#0a0d16;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.video-modal__frame-wrap--gold{
  border:2px solid rgba(211,173,69,.82);
  box-shadow:0 0 0 1px rgba(255,234,184,.1) inset;
}
.video-modal__frame{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  border:0;
  background:#000;
}
.video-modal__frame--portrait{ aspect-ratio:52 / 69; }
.follow-explainer__copy{ display:flex; flex-direction:column; gap:10px; color:var(--muted); line-height:1.55; margin-bottom:16px; }
.follow-explainer__copy p{ margin:0; }
.follow-explainer__copy strong{ color:var(--text); }
.follow-explainer__footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.follow-explainer__timer{ font-size:12px; color:var(--muted); }
/* Column guide */
.col-guide{ margin:0; padding:0; display:flex; flex-direction:column; gap:0; max-height:70vh; overflow-y:auto; }
.col-guide__row{ display:grid; grid-template-columns:130px 1fr; gap:10px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.col-guide__row:last-child{ border-bottom:none; }
.col-guide dt{ font-size:0.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--gold); padding-top:2px; }
.col-guide dd{ font-size:0.85rem; color:var(--muted); line-height:1.5; margin:0; }

/* ── Panel (dashboard) ── */
.panel{
  border:1px solid var(--stroke); border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:var(--shadow); backdrop-filter:blur(10px); padding:16px;
  margin-top:10px;
}
.panel__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.fieldgrid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.fieldgrid--company-editor-top{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
.fieldgrid--company-editor-section{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field--full{ grid-column:1 / -1; }
.field__label{ font-size:12px; color:var(--muted); }
.modal__body--company-editor{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:16px 6px 0 0;
}
.company-editor-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.company-editor-column{ display:grid; gap:18px; align-items:start; }
.company-editor-section{
  display:grid;
  gap:14px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}
.company-editor-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.company-editor-section__title{
  font-size:1rem;
  font-weight:800;
  color:var(--text);
}
@media (max-width: 1200px){
  .fieldgrid--company-editor-top{ grid-template-columns:1fr 1fr; }
  .company-editor-layout{ grid-template-columns:1fr; }
}
@media (max-width: 760px){
  .modal__card--company-editor{
    width:min(100vw, calc(100% - 12px));
    max-width:min(100vw, calc(100% - 12px));
    max-height:calc(100vh - 12px);
  }
  .fieldgrid--company-editor-top,
  .fieldgrid--company-editor-section{ grid-template-columns:1fr; }
  .modal__body--company-editor{ padding-right:0; }
  .company-editor-section{ padding:14px; }
}
.admin-spotlight{
  margin:14px 0;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(var(--gold-rgb),.18);
  background:linear-gradient(135deg, rgba(var(--gold-rgb),.08), rgba(255,255,255,.03));
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.admin-spotlight__eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:4px;
}
.admin-spotlight__title{
  font-size:1rem;
  font-weight:800;
  color:var(--text);
  margin-bottom:6px;
}
.admin-spotlight__meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  text-align:right;
}
.admin-spotlight__pill{
  border-color:rgba(var(--gold-rgb),.28);
  background:rgba(var(--gold-rgb),.14);
  color:#ffe27a;
}
.source-editor-summary{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-bottom:16px;
}
.source-editor-summary__card{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid var(--stroke);
  background:rgba(255,255,255,.03);
  display:grid;
  gap:6px;
}
.source-editor-summary__card--good{ border-color:rgba(52,211,153,.28); background:rgba(16,185,129,.08); }
.source-editor-summary__card--warn{ border-color:rgba(251,191,36,.28); background:rgba(245,158,11,.08); }
.source-editor-summary__card--bad{ border-color:rgba(248,113,113,.28); background:rgba(239,68,68,.08); }
.source-editor-summary__label{
  font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--muted);
}
.source-editor-summary__value{ font-size:1rem; font-weight:800; color:var(--text); }
.source-editor-layout{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.source-editor-section{
  padding:16px;
  border-radius:18px;
  border:1px solid var(--stroke);
  background:rgba(255,255,255,.025);
}
.source-editor-section--good{ border-color:rgba(52,211,153,.28); box-shadow:inset 0 0 0 1px rgba(16,185,129,.04); }
.source-editor-section--warn{ border-color:rgba(251,191,36,.26); box-shadow:inset 0 0 0 1px rgba(245,158,11,.04); }
.source-editor-section--bad{ border-color:rgba(248,113,113,.28); box-shadow:inset 0 0 0 1px rgba(239,68,68,.04); }
.source-editor-section__head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px;
}
.source-editor-section__title{ font-size:1rem; font-weight:800; color:var(--text); }
.source-editor-grid{ grid-template-columns:1fr 1fr; gap:12px; }
.source-editor-field{
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
}
.source-editor-field--good{ border-color:rgba(52,211,153,.2); background:rgba(16,185,129,.05); }
.source-editor-field--warn{ border-color:rgba(251,191,36,.24); background:rgba(245,158,11,.06); }
.source-editor-field--bad{ border-color:rgba(248,113,113,.24); background:rgba(239,68,68,.06); }
.source-editor-field__hint{ font-size:12px; line-height:1.45; color:rgba(255,255,255,.58); }
.statgrid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.stat{ padding:10px 12px; border-radius:14px; border:1px solid var(--stroke); background:rgba(0,0,0,.14); }
.stat__label{ font-size:12px; color:var(--muted); }
.stat__value{ font-weight:800; font-size:17px; margin-top:2px; }

/* ── Dashboard table ── */
.tablewrap{ overflow-x:auto; border:1px solid var(--stroke); border-radius:var(--radius); }
.table{ width:100%; border-collapse:collapse; font-size:0.875rem; min-width:760px; }
.table thead th{
  padding:10px 14px; text-align:left; font-size:0.72rem;
  text-transform:uppercase; letter-spacing:.06em; color:var(--muted);
  border-bottom:1px solid var(--stroke); background:rgba(255,255,255,.03); white-space:nowrap;
}
.table tbody tr td{ padding:10px 14px; border-bottom:1px solid rgba(255,255,255,.05); vertical-align:top; }
.table tbody tr:last-child td{ border-bottom:none; }
.table tbody tr:hover td{ background:rgba(255,255,255,.04); }
.tdtitle{ font-weight:700; margin-bottom:3px; }

.badge{
  display:inline-flex; padding:3px 8px; border-radius:999px;
  border:1px solid var(--stroke); font-size:11px; text-transform:lowercase;
}
.badge--todo{ border-color:rgba(var(--gold-rgb),.20); color:var(--gold); }
.badge--doing{ border-color:rgba(0,255,127,.28); color:var(--pos); }
.badge--blocked{ border-color:rgba(255,71,87,.30); color:var(--neg); }
.badge--done{ border-color:rgba(192,192,192,.22); color:var(--silver); }

/* ── Card tier legend ── */
.legend{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; flex:0 0 auto; }
.legend__label{ font-size:11px; color:var(--muted); display:flex; align-items:center; gap:4px; margin-right:4px; }
.legend__item{
  font-size:11px; padding:3px 10px; border-radius:999px;
  border:1px solid; font-weight:600;
}
.legend__item--producer { border-color:rgba(0,255,127,.50);  color:#00ff7f; }
.legend__item--developer{ border-color:rgba(74,158,255,.45);  color:#4a9eff; }
.legend__item--explorer { border-color:rgba(155,89,182,.45);  color:#9b59b6; }
.legend__item--royalty  { border-color:rgba(192,192,192,.45); color:#c0c0c0; }

/* ── Responsive ── */
@media (max-width:1100px){
  .grid{ grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); }
}
@media (max-width:720px){
  .filterbar__row{ flex-direction:column; }
  .filterbar__field{ min-width:100%; }
  .grid{ grid-template-columns:1fr 1fr; }
  .admin-spotlight{ flex-direction:column; }
  .admin-spotlight__meta{ align-items:flex-start; text-align:left; }
  .source-editor-summary,
  .source-editor-layout,
  .source-editor-grid{ grid-template-columns:1fr; }
  .brand__headline-why{ display:none; }
}
@media (max-width:520px){
  .brand__headline-bar{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .brand__headline-meta{
    width:100%;
    justify-content:space-between;
  }
  .brand__photo{ width:70px; margin:8px 0 8px 8px; }
  .brand__title{ font-size:20px; }
  .brand__ticker{
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .brand__prices{
    flex-wrap:wrap;
    gap:5px;
    border-right:none;
    padding-right:0;
  }
  .brand__ticker-label{
    width:100%;
  }
  .brand__sub{ display:none; }
  .ticker{ flex-direction:column; align-items:flex-start; }
  .ticker__right{ width:100%; justify-content:flex-end; }
  .grid{ grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce){
  .brand__headline-track,
  .brand__scroll-track{
    animation:none;
  }
}



/* Score /100 sub-label */
.card-bubble__sub{ font-size:7px; opacity:.55; font-weight:700; line-height:1; margin-top:1px; }

/* Brand title as home link */
.brand__title--link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.brand__title--link:hover .brand__title--gold {
  text-shadow: 0 0 12px rgba(var(--gold-rgb),.6);
}

/* Embedded Clerk auth panel */
.egm-clerk-mount{
  display:flex;
  width:100%;
  max-width:100%;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
}
.egm-clerk-mount .egm-auth-root,
.egm-clerk-mount .egm-auth-cardbox{
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  justify-content:center !important;
  margin:0 auto !important;
}
.egm-clerk-mount .egm-auth-card{
  width:min(100%,400px) !important;
  max-width:400px !important;
  margin:0 auto !important;
  box-shadow:none !important;
  float:none !important;
  transform:none !important;
}
.egm-clerk-mount > *{
  margin-left:auto !important;
  margin-right:auto !important;
}
.egm-clerk-mount .egm-auth-hide{
  display:none !important;
}