/* ============================================================
   M&T APP THEME — "Chrome Terminal" (dark)
   Global restyle layer. Loaded LAST on every page.
   Purely visual: no markup or logic changes.
   Palette: ink #07071a · ink2 #14123a · chrome #7c8cff
            lime #c6ff43 · cyan #35d6ff · magenta #ff4cc4
   ============================================================ */

:root{
  --mt-ink:#07071a;
  --mt-ink2:#0d0b26;
  --mt-panel:#14123a;
  --mt-panel-2:#191547;
  --mt-line:rgba(255,255,255,.10);
  --mt-line-soft:rgba(255,255,255,.07);
  --mt-chrome:#7c8cff;
  --mt-lime:#c6ff43;
  --mt-cyan:#35d6ff;
  --mt-magenta:#ff4cc4;
  --mt-text:#f4f5ff;
  --mt-sub:rgba(255,255,255,.62);
  --mt-faint:rgba(255,255,255,.42);
  --mt-green:#3dff8b;
  --mt-red:#ff5d6c;
  --mt-radius:18px;
  --mt-radius-sm:12px;
  --mt-shadow:0 18px 50px rgba(0,0,0,.45);
}

/* ---------- Base ---------- */
html{scrollbar-color:var(--mt-chrome) var(--mt-ink);}
body{
  background:
    radial-gradient(900px 480px at 85% -10%, rgba(124,140,255,.14), transparent 60%),
    radial-gradient(760px 420px at -10% 30%, rgba(53,214,255,.10), transparent 60%),
    radial-gradient(700px 500px at 50% 110%, rgba(255,76,196,.08), transparent 60%),
    var(--mt-ink) !important;
  color:var(--mt-text) !important;
  font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,.site-logo,.brand,.nav-logo,.admin-brand,.logo,
.hero-title,.home-hero-copy h1,.home-hero-copy h2,.section-title,.page-title{
  font-family:"Chakra Petch","DM Sans",system-ui,sans-serif !important;
  letter-spacing:-.01em;
}
a{color:var(--mt-cyan);}
a:hover{color:var(--mt-lime);}
::selection{background:var(--mt-chrome);color:#07071a;}

/* numbers: tabular feel */
table,td,th,.price,.perf,.mt-signal-perf,.quote,.ticker,[class*="kpi"],
[class*="stat"] b,[class*="value"]{
  font-variant-numeric:tabular-nums;
}

/* ---------- Global navigation / header ---------- */
header,.site-header,.topbar,.top-bar,.app-header,.main-nav,nav.site-nav{
  background:linear-gradient(180deg,rgba(13,11,38,.92),rgba(7,7,26,.92)) !important;
  border-bottom:1px solid var(--mt-line) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:var(--mt-text);
}
.site-header a,.topbar a,nav a,.main-nav a{color:var(--mt-sub) !important;}
.site-header a:hover,nav a:hover,.main-nav a:hover{color:var(--mt-text) !important;}
nav a.active,.main-nav a.active,.site-header .active{
  color:var(--mt-lime) !important;
}

/* ---------- Cards & panels ---------- */
.card,.blog-card,.article-card,.post-card,.hub-card,.panel,.side-panel,
.mt-signal-card,.mt-v38-card,.package-panel,.analytics-center,.backoffice-center,
.admin-card,.admin-panel,.admin-dialog,.admin-gate,.account-nav,.account-form,
.tablewrap,.section .card,[class*="teaser"],[class*="result"],.form-card,.box{
  background:linear-gradient(180deg,rgba(25,21,71,.78),rgba(13,11,38,.92)) !important;
  border:1px solid var(--mt-line) !important;
  border-radius:var(--mt-radius) !important;
  color:var(--mt-text);
  box-shadow:var(--mt-shadow);
}
.hub-card,.blog-card,.article-card,.post-card,.card,.mt-signal-card,.mt-v38-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.hub-card:hover,.blog-card:hover,.article-card:hover,.post-card:hover,
.card:hover,.mt-signal-card:hover{
  transform:translateY(-3px);
  border-color:rgba(124,140,255,.45) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(124,140,255,.25);
}

/* kickers / eyebrows */
.blog-kicker,.eyebrow,.admin-eyebrow,.pricing-eyebrow,.package-panel-label,
.signal-kicker,.mt-signal-kicker,.home-hero-mini,[class*="kicker"]{
  color:var(--mt-lime) !important;
  font-weight:700;
  letter-spacing:.14em !important;
  text-transform:uppercase;
  font-size:11px !important;
}

/* muted text */
.muted,.sub,.hint,.hub-meta,.admin-note,.admin-help,small,.account-msg{
  color:var(--mt-sub) !important;
}

/* ---------- Buttons ---------- */
.btn,.admin-button,button:not(.icon-btn):not(.account-nav-icon):not([class*="close"]),
input[type="submit"],.home-hero-button,.mini-action,.mini-btn{
  font-family:"Chakra Petch",sans-serif !important;
  border-radius:var(--mt-radius-sm) !important;
  border:1px solid var(--mt-line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)) !important;
  color:var(--mt-text) !important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.btn:hover,.admin-button:hover,button:hover,.mini-action:hover{
  border-color:rgba(124,140,255,.5) !important;
  transform:translateY(-1px);
}
.btn.primary,.btn-primary,.primary,.btn-green,.home-hero-button,.admin-button.primary,
.mini-action.green{
  background:linear-gradient(135deg,var(--mt-cyan),var(--mt-chrome)) !important;
  color:#07071a !important;
  border:0 !important;
  font-weight:700;
  box-shadow:0 10px 26px rgba(53,214,255,.28);
}
.btn.primary:hover,.home-hero-button:hover,.admin-button.primary:hover{
  box-shadow:0 14px 34px rgba(124,140,255,.4);
}
.btn.danger,.btn-red,.admin-button.danger{
  background:linear-gradient(135deg,var(--mt-magenta),#ff5d6c) !important;
  color:#07071a !important;border:0 !important;font-weight:700;
}

/* ---------- Forms ---------- */
input,select,textarea,.admin-search input,.admin-view-select{
  background:rgba(7,7,26,.85) !important;
  border:1px solid var(--mt-line) !important;
  border-radius:var(--mt-radius-sm) !important;
  color:var(--mt-text) !important;
}
input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:var(--mt-cyan) !important;
  box-shadow:0 0 0 3px rgba(53,214,255,.22) !important;
}
input::placeholder,textarea::placeholder{color:var(--mt-faint) !important;}
label{color:var(--mt-sub);}

/* ---------- Tables ---------- */
table{border-collapse:separate;border-spacing:0;width:100%;}
thead th,th{
  font-family:"Chakra Petch",sans-serif;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mt-faint) !important;
  background:rgba(255,255,255,.03) !important;
  border-bottom:1px solid var(--mt-line) !important;
}
td{border-bottom:1px solid var(--mt-line-soft) !important;color:var(--mt-text);}
tbody tr{transition:background .15s ease;}
tbody tr:hover{background:rgba(124,140,255,.08) !important;}

/* ---------- Badges / chips / tags ---------- */
.hub-badge,.badge,.tag,.chip,.admin-chip,.package-status-row span,.badge-long,.badge-short{
  border-radius:999px !important;
  border:1px solid var(--mt-line) !important;
  background:rgba(255,255,255,.06) !important;
  color:var(--mt-sub) !important;
  font-weight:600;
}
[data-state="long"],.is-long,.badge-long,.green,.long{color:var(--mt-green) !important;}
[data-state="flat"],.is-flat,.badge-short,.red,.short{color:var(--mt-red) !important;}
.badge-long{background:rgba(61,255,139,.12) !important;border-color:rgba(61,255,139,.35) !important;color:var(--mt-green) !important;}
.badge-short{background:rgba(255,93,108,.12) !important;border-color:rgba(255,93,108,.35) !important;color:var(--mt-red) !important;}

/* live dots */
.admin-live-dot,.home-hero-trader-live i,.pulse-dot,i.pulse{
  background:var(--mt-lime) !important;
  box-shadow:0 0 0 0 rgba(198,255,67,.5);
  animation:mt-pulse 1.8s ease-out infinite;
}
@keyframes mt-pulse{0%{box-shadow:0 0 0 0 rgba(198,255,67,.5)}100%{box-shadow:0 0 0 8px rgba(198,255,67,0)}}

/* ---------- Hero ---------- */
.home-hero-modular,.hero,.page-hero,.backoffice-hero{
  background:
    radial-gradient(700px 320px at 80% 0%,rgba(255,76,196,.12),transparent 60%),
    radial-gradient(600px 300px at 10% 100%,rgba(53,214,255,.12),transparent 60%),
    linear-gradient(180deg,var(--mt-panel),var(--mt-ink2)) !important;
  border:1px solid var(--mt-line) !important;
  border-radius:24px !important;
  overflow:hidden;
}
.home-hero-bullets li::before,ul.bullets li::before{color:var(--mt-lime) !important;}

/* ---------- Account / community / scanner shells ---------- */
.account-nav,.side-panel,.community-shell,.scanner-shell{
  background:rgba(13,11,38,.85) !important;
  border:1px solid var(--mt-line) !important;
  border-radius:var(--mt-radius) !important;
}
.account-nav-icon.active,.tab.active,.tab-icon.active,[class*="tab"].active{
  color:var(--mt-lime) !important;
}

/* ---------- Scrollbars ---------- */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--mt-ink);}
::-webkit-scrollbar-thumb{background:var(--mt-panel-2);border-radius:8px;border:2px solid var(--mt-ink);}
::-webkit-scrollbar-thumb:hover{background:var(--mt-chrome);}

/* ============================================================
   ADMIN CONSOLE — chrome terminal restyle
   ============================================================ */
.admin-shell,.admin-workspace{background:transparent !important;color:var(--mt-text);}
.admin-header{
  background:linear-gradient(180deg,rgba(13,11,38,.95),rgba(7,7,26,.95)) !important;
  border-bottom:1px solid var(--mt-line) !important;
  backdrop-filter:blur(14px);
}
.admin-brand{color:var(--mt-text) !important;font-weight:700;}
.admin-sidebar{
  background:linear-gradient(180deg,var(--mt-ink2),var(--mt-ink)) !important;
  border-right:1px solid var(--mt-line) !important;
}
.admin-sidebar a,.admin-sidebar button,.admin-view-select{
  color:var(--mt-sub) !important;
  border-radius:var(--mt-radius-sm);
}
.admin-sidebar a:hover,.admin-sidebar button:hover{background:rgba(124,140,255,.10);color:var(--mt-text) !important;}
.admin-sidebar .active,.admin-sidebar a.active{
  background:linear-gradient(90deg,rgba(124,140,255,.22),rgba(53,214,255,.08)) !important;
  border-left:3px solid var(--mt-lime) !important;
  color:var(--mt-lime) !important;
}
.admin-kpi-grid>*,.audit-kpis>*,.analytics-kpis>*,.backoffice-kpis>*,[class*="kpi"]>div{
  background:linear-gradient(180deg,var(--mt-panel),var(--mt-ink2)) !important;
  border:1px solid var(--mt-line) !important;
  border-radius:var(--mt-radius-sm) !important;
}
.admin-card-head h2,.admin-card-head h3{color:var(--mt-text);}
.admin-notice{
  background:rgba(53,214,255,.08) !important;
  border:1px solid rgba(53,214,255,.3) !important;
  border-radius:var(--mt-radius-sm) !important;
}
.admin-switch input:checked+span,.admin-switch [class*="on"]{background:var(--mt-lime) !important;}
.audit-dot.green{background:var(--mt-green) !important;}
.audit-dot.red{background:var(--mt-red) !important;}
.admin-global-ticker,.admin-ticker-placeholder{
  background:rgba(198,255,67,.06) !important;
  border:1px solid rgba(198,255,67,.25) !important;
  color:var(--mt-lime) !important;
}

/* ---------- Mobile app feel ---------- */
@media (max-width:760px){
  body{padding-bottom:env(safe-area-inset-bottom,0);}
  .card,.blog-card,.article-card,.post-card,.hub-card,.panel,.mt-signal-card{
    border-radius:16px !important;
  }
  .btn,.admin-button,.mini-action{min-height:44px;}
  main{padding-bottom:80px;}
}

/* reduced motion respect */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
}

/* ============================================================
   SHARED DESIGN BASIS — type scale, spacing, density
   ============================================================ */

/* readable, consistent type scale */
body{font-size:15px;line-height:1.55;}
h1{font-size:clamp(26px,3.2vw,40px);line-height:1.12;font-weight:700;}
h2{font-size:clamp(20px,2.2vw,26px);line-height:1.2;font-weight:700;}
h3{font-size:17px;line-height:1.3;font-weight:600;}
h4{font-size:14px;font-weight:600;letter-spacing:.02em;}
p,li,td,th,label,input,select,textarea{font-size:14px;}
small,.muted,.hint{font-size:12px;}

/* compact section rhythm */
section,.section{margin-bottom:22px;}
.card,.blog-card,.article-card,.post-card,.hub-card,.panel,.mt-signal-card,
.admin-card,.package-panel,.tablewrap{padding:16px 18px;}
.section-head,.admin-card-head{margin-bottom:12px;}

/* compact tables */
th,td{padding:9px 14px !important;font-size:13px;}
table{font-size:13px;}

/* consistent controls */
.btn,.admin-button,button:not(.icon-btn):not(.account-nav-icon),input[type="submit"]{
  min-height:38px;
  padding:8px 16px;
  font-size:13px;
  font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  cursor:pointer;
}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  min-height:40px;
  padding:8px 12px;
  font-size:14px;
  width:100%;
}
input[type="checkbox"],input[type="radio"]{accent-color:var(--mt-lime);width:16px;height:16px;}

/* consistent filter chips */
.hub-filter,.chip,.tag{
  min-height:32px;
  padding:6px 14px !important;
  font-size:12px !important;
  display:inline-flex;align-items:center;gap:6px;
}

/* grid gaps */
.hub-grid,.grid,[class*="grid"]{gap:16px;}

/* page content max-width rhythm */
main{max-width:1440px;margin:0 auto;}

/* footer consistency */
footer,.site-footer{
  background:var(--mt-ink2) !important;
  border-top:1px solid var(--mt-line) !important;
  color:var(--mt-sub);
  padding:32px 24px;
}
footer a{color:var(--mt-sub) !important;font-size:13px;}
footer a:hover{color:var(--mt-lime) !important;}

/* dialogs & dropdowns */
dialog,.admin-dialog,[class*="modal"],[class*="dropdown"]{
  background:linear-gradient(180deg,var(--mt-panel),var(--mt-ink2)) !important;
  border:1px solid var(--mt-line) !important;
  border-radius:var(--mt-radius) !important;
  color:var(--mt-text) !important;
}

/* admin: tighter shell */
.admin-sidebar{padding:12px;}
.admin-sidebar button,.admin-sidebar a{
  min-height:36px;
  font-size:13px;
  padding:7px 12px;
  margin-bottom:2px;
}
.admin-header{padding:10px 18px !important;}
.admin-kpi-grid>*,[class*="kpi"]>div{padding:12px 14px;}
.admin-form .admin-fields{gap:12px;}

/* status colors for text everywhere */
.text-green,.positive{color:var(--mt-green) !important;}
.text-red,.negative{color:var(--mt-red) !important;}