/* ============================================================
   THECRYPTOODYSSEY.COM — CONSOLIDATED GLOBAL CSS
   Includes former /mon/css/style.css + extracted page styles.
   ============================================================ */


@import url("https://fonts.googleapis.com/css2?family=Jura:wght@400;600;700&family=Orbitron:wght@600;700;800&display=swap");

:root {
  /* Typography */
  --tco-font-ui: "Jura", "Segoe UI", sans-serif;
  --tco-font-display: "Orbitron", "Segoe UI", sans-serif;
  --tco-font-mono: "Consolas", "Courier New", monospace;

  /* Main surfaces */
  --tco-bg: #071119;
  --tco-surface: #08111a;
  --tco-surface-2: #09141d;
  --tco-surface-hover: #0b151f;
  --tco-surface-deep: #071019;
  --tco-surface-alt: #0a141e;
  --tco-surface-3: #0b1621;

  /* Text */
  --tco-text-strong: #eef8fb;
  --tco-text: #dce8ed;
  --tco-text-soft: #9db3ba;
  --tco-text-dim: #91a6b2;

  /* Brand / states */
  --tco-accent: #65ddc2;
  --tco-accent-bright: #78e8bd;
  --tco-accent-deep: #10382f;
  --tco-success: #78e8bd;
  --tco-warning: #ffd166;
  --tco-danger: #ff858f;
  --tco-info: #75d8f7;

  --tco-accent-rgb: 101, 221, 194;
  --tco-success-rgb: 120, 232, 189;
  --tco-warning-rgb: 255, 209, 102;
  --tco-danger-rgb: 255, 133, 143;
  --tco-info-rgb: 117, 216, 247;

  /* Neutral lines */
  --tco-line-soft: rgba(255,255,255,.04);
  --tco-border-soft: rgba(255,255,255,.045);
  --tco-border: rgba(255,255,255,.055);
  --tco-border-mid: rgba(255,255,255,.06);
  --tco-border-strong: rgba(255,255,255,.08);

  /* Radius scale */
  --tco-radius-sm: 6px;
  --tco-radius: 8px;
  --tco-radius-card: 10px;
  --tco-radius-panel: 12px;
  --tco-radius-pill: 999px;

  /* Shadow scale */
  --tco-shadow-panel: 0 10px 28px rgba(0,0,0,.24);
  --tco-shadow-float: 0 18px 45px rgba(0,0,0,.38);
  --tco-glow-accent: 0 0 16px rgba(var(--tco-accent-rgb), .14);

  /* Spacing scale for new components */
  --tco-space-1: 4px;
  --tco-space-2: 6px;
  --tco-space-3: 8px;
  --tco-space-4: 12px;
  --tco-space-5: 16px;
  --tco-space-6: 24px;

  /* Compatibility aliases used by older modules */
  --site-bg: var(--tco-bg);
  --site-bg-2: var(--tco-surface-deep);
  --site-panel: rgba(17,24,23,.95);
  --site-panel-strong: rgba(7,19,24,.96);
  --site-input: rgba(11,20,17,.98);
  --site-border: var(--tco-border-mid);
  --site-text: var(--tco-text);
  --site-text-strong: var(--tco-text-strong);
  --site-text-soft: var(--tco-text-soft);
  --site-neon: var(--tco-accent);
  --site-neon-2: var(--tco-accent-bright);
  --site-green: var(--tco-success);
  --site-blue: var(--tco-info);
  --site-red: var(--tco-danger);
  --site-yellow: var(--tco-warning);
  --site-shadow: var(--tco-shadow-panel);
}

/* ============================================================
   DESIGN SYSTEM — STAGE 3
   Palette, typography, radii and shared visual tokens normalized.
   Layout and module behavior intentionally unchanged.
   ============================================================ */

html,
body {
 cursor: none;
}

body {
 margin: 0 auto;
 width: 100%;
 max-width: 1280px;
 min-height: 100vh;
 font-family: var(--tco-font-ui);
 font-size: 15px;
 color: var(--site-text);
 position: relative;
 background: none;
 z-index: 0;
}

/* фиксированный фон без background-attachment: fixed */
body::before {
 content: "";
 position: fixed;
 inset: 0;
 z-index: -1;
 pointer-events: none;

 background-image:
 linear-gradient(rgba(0,0,0,0.58), rgba(0,0,0,0.58)),
 linear-gradient(rgba(var(--tco-accent-rgb), 0.04) 1px, transparent 1px),
 linear-gradient(90deg, rgba(var(--tco-accent-rgb), 0.04) 1px, transparent 1px),
 radial-gradient(circle at 20% 20%, rgba(var(--tco-accent-rgb), 0.06), transparent 45%),
 radial-gradient(circle at 80% 70%, rgba(0,140,255,0.06), transparent 50%),
 url("/mon/img/1234567.png");

 background-size:
 cover,
 60px 60px,
 60px 60px,
 cover,
 cover,
 cover;

 background-repeat:
 no-repeat,
 repeat,
 repeat,
 no-repeat,
 no-repeat,
 no-repeat;

 background-position:
 center,
 center,
 center,
 center,
 center,
 center;

 will-change: transform;
 transform: translateZ(0);
}

.cursor-arrow {
 
 top: 0;
 left: 0;
 width: 18px;
 height: 18px;
 
 
 transform: translate(-50%, -50%);
 background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2365ddc2' d='M4 2l16 10-7 1 3 7-3 2-3-8-6 4z'/%3E%3C/svg%3E")
 no-repeat center;
 background-size: contain;
 filter:
 drop-shadow(0 0 6px rgba(var(--tco-accent-rgb), 0.8))
 drop-shadow(0 0 12px rgba(0, 120, 255, 0.4));
 transition: filter 0.2s ease;
}

body.is-hover a,
body.is-hover button,
body.is-hover .clickable {
 cursor: none;
}

body.is-hover .cursor-arrow {
 background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd166' d='M4 2l16 10-7 1 3 7-3 2-3-8-6 4z'/%3E%3C/svg%3E")
 no-repeat center;
 filter:
 drop-shadow(0 0 8px rgba(var(--tco-warning-rgb), 0.9))
 drop-shadow(0 0 16px rgba(var(--tco-warning-rgb), 0.5));
}

::-webkit-scrollbar {
 width: 8px;
}

::-webkit-scrollbar-track {
 background: transparent;
}

::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg, rgba(var(--tco-accent-rgb), 0.25), rgba(0, 120, 255, 0.25));
 border-radius: var(--tco-radius-card);
 box-shadow:
 0 0 6px rgba(var(--tco-accent-rgb), 0.2),
 0 0 10px rgba(0, 120, 255, 0.15);
}

::-webkit-scrollbar-thumb:hover {
 background: linear-gradient(180deg, rgba(var(--tco-accent-rgb), 0.45), rgba(0, 120, 255, 0.45));
}

* {
 scrollbar-width: thin;
 scrollbar-color: rgba(var(--tco-accent-rgb), 0.3) transparent;
}

a {
 
 
 transition: 0.2s;
 text-shadow: 0 0 8px rgba(0, 255, 213, 0.15);
}

a:hover {
 
 text-shadow:
 0 0 8px rgba(var(--tco-success-rgb), 0.4),
 0 0 16px rgba(var(--tco-success-rgb), 0.2);
}

h1 {
 font-family: var(--tco-font-display);
 
 
 padding: 5px 10px;
 border-radius: 6px 6px 0 0;
 background: rgba(16, 31, 30, 0.92);
 border: 1px solid rgba(0, 255, 234, 0.08);
 box-shadow:
 0 0 6px rgba(0, 255, 234, 0.35),
 0 0 18px rgba(0, 255, 234, 0.2),
 inset 0 0 12px rgba(0, 255, 234, 0.05);
 color: #cffff6;
 text-shadow:
 0 0 6px rgba(2, 248, 125, 0.7),
 0 0 14px rgba(2, 248, 125, 0.5);
}

h2 {
 margin-top: 20px;
 font-size: 15px;
 color: var(--site-neon-2);
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

h2.first {
 margin-top: 0;
}

strong {
 font-weight: 700;
 color: #ffffff;
 text-shadow: 0 0 6px rgba(255, 255, 255, 0.08);
}

ul,
ol {
 margin-left: 20px;
}

ul li {
 list-style-type: square;
 color: var(--site-text);
}

.clear {
 clear: both;
}

.clearfix::before,
.clearfix::after {
 content: "";
 display: block;
 height: 0;
 overflow: hidden;
}

.clearfix::after {
 clear: both;
}

.clearfix {
 zoom: 1;
}


#logo {
 float: left;
 margin-left: 5px;
}

.social {
 float: right;
 width: 140px;
 margin-top: 22px;
 text-align: right;
}

#vk_like {
 float: right;
 margin-top: 9px;
}

#social-vk,
#social-twitter {
 width: 40px;
 height: 40px;
}

.c0 {
 width: 40px;
}

.c1 {
 width: 40px;
 padding-top: 5px;
}

.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10 {
 color: var(--site-text);
 font-size: 14px;
 font-weight: 600;
 text-align: center;
}

.c2 { width: 150px; }
.c3 { width: 150px; }
.c4 { width: 50px; }
.c5 { width: 50px; }
.c6 { width: 50px; }
.c7 { width: 120px; }
.c8 { width: 70px; }
.c9 { width: 120px; }
.c10 { width: 150px; }

.contract {
 font-weight: 700;
 color: var(--site-yellow);
 text-shadow: 0 0 6px rgba(255, 204, 0, 0.2);
}

.pc {
 width: 15px;
 padding-left: 10px;
 text-align: right;
 color: #7f8c8d;
 font-size: 11px;
}

.pc1 {
 width: 405px;
 padding: 0 10px;
 color: var(--site-text);
}

.pc2 {
 width: 75px;
 padding: 0 10px;
 color: var(--site-text);
 text-align: right;
}

thead tr {
 background: rgba(7, 19, 24, 0.95);
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

tbody tr {
 border-bottom: 1px solid rgba(255, 255, 255, 0.04);
 
}

tr {
 line-height: 15px;
}

i.icons {
 position: absolute;
 width: 16px;
 height: 16px;
 margin-top: 5px;
 opacity: 0.8;
 background: url(/img/icons.png);
}

i.vote {
 background-position: 0 0;
}

i.voted {
 background-position: -16px 0;
}

i.steam {
 margin-left: -20px;
 opacity: 0.5;
 background-position: -32px 0;
}

tr:hover i.steam {
 opacity: 1;
}

a.connect {
 position: relative;
 width: 16px;
 height: 16px;
}

span.steam {
 margin: 0 5px 0 0;
 padding: 0 5px;
 font-size: 10px;
}

span.steam a {
 color: var(--site-text);
}

a.map {
 color: var(--site-text);
 text-decoration: none;
 border-bottom: 1px solid transparent;
 transition: 0.2s;
}

a.map:hover {
 color: var(--site-neon);
 border-bottom-color: var(--site-neon);
}

.comments-wrap {
 margin-top: 20px;
 padding: 16px;
 background: rgba(10, 10, 15, 0.6);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.12);
 border-radius: 16px;
 backdrop-filter: blur(18px);
 box-shadow: var(--site-shadow);
 font-family: Arial, sans-serif;
}

.comments-title {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 14px;
 font-size: 16px;
 font-weight: 700;
 letter-spacing: 1px;
 color: var(--site-neon);
}

.comments-count {
 padding: 3px 10px;
 font-size: 12px;
 color: var(--site-neon);
 background: rgba(var(--tco-accent-rgb), 0.12);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.25);
 border-radius: var(--tco-radius-pill);
}

.comments-list {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.comments-list > div {
 animation: fadeInUp 0.25s ease;
}

@keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translateY(8px);
 }

 to {
 opacity: 1;
 transform: translateY(0);
 }
}

.comments-pages {
 margin-top: 12px;
 text-align: center;
 color: #aaa;
}

.comments-form {
 margin-top: 16px;
 padding-top: 14px;
 border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.comments-form-title {
 margin-bottom: 8px;
 font-weight: 600;
 color: var(--site-blue);
}

.comments-form textarea,
.comments-form input[type="text"] {
 width: 100%;
 padding: 10px;
 color: #fff;
 background: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.2);
 border-radius: var(--tco-radius-card);
 outline: none;
 transition: 0.2s;
}

.comments-form textarea {
 min-height: 90px;
 resize: none;
}

.comments-form textarea:focus,
.comments-form input:focus {
 border-color: var(--site-neon);
 box-shadow: 0 0 12px rgba(0, 255, 213, 0.2);
 transform: scale(1.01);
}

.comments-form input[type="submit"] {
 margin-top: 8px;
 padding: 8px 14px;
 color: #000;
 font-weight: 700;
 cursor: pointer;
 background: var(--site-neon);
 border: none;
 border-radius: var(--tco-radius-pill);
 transition: 0.2s;
}

.comments-form input[type="submit"]:hover {
 transform: scale(1.05);
 box-shadow: 0 0 14px rgba(0, 255, 213, 0.4);
}

.comm-card {
 margin: 12px 0;
 padding: 14px;
 background: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.15);
 border-radius: 16px;
 backdrop-filter: blur(10px);
 box-shadow: 0 0 20px rgba(var(--tco-accent-rgb), 0.05);
 transition: 0.25s ease;
}

.comm-card:hover {
 transform: translateY(-2px);
 border-color: rgba(var(--tco-accent-rgb), 0.35);
 box-shadow: 0 0 25px rgba(var(--tco-accent-rgb), 0.15);
}

.comm-card-avatar {
 float: left;
 margin-right: 12px;
}

.comm-avatar-img {
 width: 42px;
 height: 42px;
 object-fit: cover;
 border: 2px solid rgba(0, 120, 255, 0.5);
 border-radius: 50%;
}

.comm-card-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 8px;
}

.comm-name {
 color: var(--site-blue);
 font-weight: 600;
}

.comm-info {
 margin-left: 6px;
 font-size: 12px;
 opacity: 0.6;
}

.comm-message {
 padding-left: 52px;
 color: #eaeaea;
 font-size: 14px;
 line-height: 1.5;
}

.comm-answer {
 margin-top: 8px;
 padding: 8px;
 background: rgba(var(--tco-accent-rgb), 0.05);
 border-left: 2px solid var(--tco-accent);
 border-radius: var(--tco-radius-sm);
}

.u-rate-btn {
 margin: 0 4px;
 color: #aaa;
 text-decoration: none;
 transition: 0.2s;
}

.u-rate-btn.up:hover {
 color: #00ff99;
}

.u-rate-btn.down:hover {
 color: #ff4d6d;
}

.comm-answer-link {
 color: #00cfff;
 font-size: 13px;
 text-decoration: none;
}

.comm-answer-link:hover {
 text-shadow: 0 0 8px rgba(0, 207, 255, 0.6);
}

.comm-form-box {
 margin-top: 20px;
 padding: 14px;
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.15);
 border-radius: 16px;
 backdrop-filter: blur(12px);
}

.comm-form-inner {
 display: flex;
 gap: 12px;
 align-items: flex-start;
}

.comm-form-body {
 flex: 1;
 min-width: 0;
}

.comm-form-avatar img,
.comm-form-avatar svg {
 width: 42px;
 height: 42px;
 border: 2px solid rgba(0, 120, 255, 0.5);
 border-radius: 50%;
}

.comm-form-input {
 display: block;
 width: 100%;
 padding: 10px;
 color: #fff;
 background: rgba(0, 0, 0, 0.25);
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: var(--tco-radius-card);
 box-sizing: border-box;
 outline: none;
 transition: 0.2s;
}

.comm-form-input:focus {
 border-color: var(--tco-accent);
 box-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.3);
}

.comm-textarea {
 width: 100%;
 min-width: 100%;
 max-width: 100%;
 min-height: 120px;
 resize: none;
}

.comm-form-actions {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 10px;
}

.comm-form-btn {
 padding: 10px 16px;
 color: #000;
 font-weight: 700;
 cursor: pointer;
 background: linear-gradient(90deg, var(--tco-accent), #00a2ff);
 border: none;
 border-radius: var(--tco-radius-card);
}

.comm-option {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 cursor: pointer;
 opacity: 0.7;
}

.comm-option:hover {
 opacity: 1;
}

.new-navigation {
 margin-bottom: 0;
 padding: 0;
 background: rgba(7, 19, 24, 0.96);
 border: 1px solid var(--site-border);
 border-radius: var(--tco-radius);
 backdrop-filter: blur(4px);
}

.new-navigation ul {
 margin: 0;
 padding: 0;
}

.new-navigation ul li {
 position: relative;
 float: left;
 display: block;
 margin: 10px 15px 0 0;
 padding-left: 34px;
 opacity: 0.7;
 cursor: pointer;
 transition: 0.2s;
}

.new-navigation ul li.current,
.new-navigation ul li:hover {
 opacity: 1;
}

.new-navigation ul li a {
 color: var(--site-neon-2);
 font-family: var(--tco-font-display);
 font-size: 12px;
 text-decoration: none;
 text-shadow: 0 0 6px rgba(0, 255, 220, 0.3);
 transition: 0.2s;
}

.new-navigation ul li a:hover {
 color: var(--site-neon);
 text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.5);
}

.new-navigation ul li p {
 font-size: 11px;
 color: var(--site-text-soft);
}

.new-navigation ul li#nav-vip,
.new-navigation ul li#nav-add {
 float: right;
}

.dex-inform-box {
 
 
 margin: 8px 0;
 
 
 
 
 
 
 
 
 
 
 text-shadow: 0 0 8px rgba(var(--tco-accent-rgb), 0.35);
 transition: 0.25s ease;
}


.dex-inform-box:hover {
 transform: translateY(-3px) scale(1.01);
 color: #eafffa;
 border-color: rgba(var(--tco-accent-rgb), 0.4);
 box-shadow:
 0 0 25px rgba(var(--tco-accent-rgb), 0.25),
 0 15px 50px rgba(0, 0, 0, 0.5),
 inset 0 0 16px rgba(var(--tco-accent-rgb), 0.08);
}

#new-inform-box {
 position: relative;
 float: left;
 width: 949px;
 margin: 0;
 padding: 16px 20px;
 overflow: hidden;
 color: #e6fff7;
 font-family: Arial, sans-serif;
 font-size: 15px;
 line-height: 1.5;
 background: linear-gradient(180deg, rgba(17, 24, 23, 0.95), rgba(10, 14, 13, 0.98));
 border: 1px solid rgba(0, 255, 180, 0.15);
 border-radius: var(--tco-radius-panel);
 box-shadow:
 0 0 20px rgba(0, 255, 180, 0.05),
 inset 0 0 10px rgba(0, 255, 180, 0.03);
}

#new-inform-box::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 2px;
 background: linear-gradient(90deg, transparent, #00ffc3, transparent);
 opacity: 0.8;
}

#new-inform-box b {
 color: #00ffc3;
 font-weight: bold;
}

#new-inform-box:hover {
 border-color: rgba(0, 255, 180, 0.35);
 box-shadow:
 0 0 25px rgba(0, 255, 180, 0.12),
 inset 0 0 12px rgba(0, 255, 180, 0.05);
 transition: 0.3s ease;
}

.paginator {
 display: flex;
 justify-content: center;
 gap: 10px;
 margin: 20px 0;
 padding: 10px;
 text-align: center;
 font-size: 14px;
 color: var(--site-neon-2);
 font-family: "Orbitron", "Roboto Mono", monospace;
}

.paginator a {
 padding: 6px 12px;
 color: var(--site-neon-2);
 font-weight: 700;
 letter-spacing: 1px;
 text-decoration: none;
 background: rgba(20, 28, 25, 0.98);
 border: 1px solid var(--site-border);
 border-radius: var(--tco-radius-sm);
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
 transition: 0.2s;
}

.paginator a:hover {
 color: var(--site-neon);
 transform: scale(1.08);
 border-color: rgba(var(--tco-accent-rgb), 0.2);
 box-shadow: 0 0 12px rgba(var(--tco-accent-rgb), 0.1);
}

.paginator span {
 padding: 6px 12px;
 color: var(--site-neon);
 font-weight: 700;
 letter-spacing: 1px;
 background: rgba(20, 28, 25, 0.98);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.15);
 border-radius: var(--tco-radius-sm);
 box-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.05);
}

.crypto-text {
 padding: 12px 18px;
 color: #d3fcb3;
 font-family: var(--tco-font-ui);
 font-size: 11px;
 background: rgba(20, 35, 30, 0.95);
 border: 1px solid rgba(0, 255, 170, 0.2);
 border-radius: var(--tco-radius);
 text-shadow: 0 0 6px rgba(0, 255, 170, 0.25);
 transition: 0.3s ease;
}

.crypto-text:hover {
 box-shadow: 0 0 12px rgba(0, 255, 170, 0.15);
 border-color: rgba(0, 255, 170, 0.4);
}

.chat_box_body {
 float: left;
 width: 218px;
 padding-left: 5px;
 margin-bottom: 0;
}

.chat_box_title {
 display: flex;
 align-items: center;
 height: 34px;
 padding-left: 10px;
 color: var(--site-neon-2);
 font-size: 18px;
 background: rgba(15, 23, 20, 0.95);
 border: 1px solid var(--site-border);
 border-radius: var(--tco-radius-card);
 text-shadow: none;
}

.chat_box_title div {
 margin-left: 60px;
}

.mcBlock1,
.mcBlock2 {
 max-width: 218px;
 margin: 3px 2px;
 padding: 4px 6px;
 color: #e5e7eb;
 background: rgba(15, 23, 20, 0.98);
 border: 1px solid var(--site-border);
 border-radius: var(--tco-radius);
 word-wrap: break-word;
 transition: 0.2s;
}

.mcBlock1:hover,
.mcBlock2:hover {
 border-color: rgba(var(--tco-accent-rgb), 0.15);
 box-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.05);
}

.mcTime {
 float: right;
 font-size: 9px;
 color: #9ca3af;
}

a.mcName:link,
a.mcName:visited,
a.mcName:active,
a.mcName:hover {
 color: var(--site-neon-2);
 font-size: 11px;
 text-shadow: none;
}

.chat-form {
 margin-top: 10px;
 padding: 10px;
 color: #e5e7eb;
 background: rgba(15, 23, 20, 0.98);
 border: 1px solid var(--site-border);
 border-radius: 14px;
}

.chat-grid-2 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 6px;
 margin-bottom: 6px;
}

.chat-grid-2 input,
.chat-message-box textarea {
 width: 100%;
 padding: 8px;
 color: #fff;
 background: rgba(11, 20, 17, 0.98);
 border: 1px solid var(--site-border);
 border-radius: var(--tco-radius-card);
 outline: none;
}

.chat-message-box textarea {
 min-height: 90px;
 resize: vertical;
}

.app {
 display: flex;
 justify-content: center;
 padding-top: 40px;
}

.card {
 width: 100%;
 padding: 16px;
 background: rgba(17, 27, 23, 0.98);
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 backdrop-filter: blur(4px);
}

.app input,
.app select {
 width: 120px;
 margin-bottom: 10px;
 padding: 10px;
 color: #fff;
 background: rgba(11, 20, 17, 0.98);
 border: 1px solid var(--site-border);
 border-radius: var(--tco-radius);
 outline: none;
}

.app button {
 width: 100%;
 margin-bottom: 10px;
 padding: 10px;
 font-weight: bold;
 cursor: pointer;
 background: rgba(0, 255, 136, 0.95);
 border: none;
 border-radius: var(--tco-radius);
 transition: 0.2s;
}

.app button:hover {
 opacity: 0.85;
}

.onlineBox {
 position: relative;
 
 
 
 
 
 
 
 
 backdrop-filter: blur(10px);
 
 transition: 0.25s;
}

.onlineBox:hover {
 border-color: rgba(var(--tco-accent-rgb), 0.35);
 box-shadow:
 0 0 25px rgba(var(--tco-accent-rgb), 0.15),
 0 25px 60px rgba(0, 0, 0, 0.6);
}

.onlineTitle {
 margin-bottom: 8px;
 padding-bottom: 6px;
 color: var(--site-neon);
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 0.5px;
 text-transform: uppercase;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.25);
}

.onlineList {
 max-height: 140px;
 overflow: auto;
 padding: 8px;
 color: #cfd6e4;
 font-size: 12px;
 line-height: 1.5;
 background: rgba(10, 14, 18, 0.85);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.08);
 border-radius: var(--tco-radius);
 box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.03);
}

.onlineList a {
 position: relative;
 display: inline-block;
 padding-left: 12px;
 color: var(--site-neon-2);
 text-decoration: none;
}

.onlineList a::before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 width: 5px;
 height: 5px;
 background: var(--site-green);
 border-radius: 50%;
 transform: translateY(-50%);
 box-shadow: 0 0 8px rgba(var(--tco-success-rgb), 0.5);
}


/* =========================
 Global Table Hover Override
 Hard override for legacy site pages
========================= */


/* Scanner table fix inside global CSS */

.scanner-app .table-panel {
 border: 1px solid rgba(255, 255, 255, 0.08) !important;
 border-radius: 14px !important;
 background: #0b1320 !important;
 overflow: hidden !important;
}

.scanner-app .table-wrap {
 width: 100% !important;
 overflow: hidden !important;
 border: 1px solid rgba(255, 255, 255, 0.06) !important;
 border-radius: 14px !important;
 background: #0a111d !important;
}

.scanner-app .table-wrap table {
 width: 100% !important;
 min-width: 100% !important;
 border-collapse: separate !important;
 border-spacing: 0 !important;
 table-layout: fixed !important;
 background: #0a111d !important;
 color: #dce9fb !important;
 font-size: 11px !important;
}

.scanner-app .table-wrap thead th {
 position: sticky !important;
 top: 0 !important;
 z-index: 8 !important;
 padding: 10px 8px !important;
 background: #111a29 !important;
 color: #9fb2cb !important;
 font-size: 10px !important;
 letter-spacing: 0.08em !important;
 text-transform: uppercase !important;
 text-align: left !important;
 white-space: nowrap !important;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.scanner-app .table-wrap tbody td {
 padding: 9px 8px !important;
 vertical-align: top !important;
 text-align: left !important;
 background: #0b1320 !important;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
 color: #dce9fb !important;
 white-space: normal !important;
 overflow-wrap: anywhere !important;
}

.scanner-app .table-wrap th:not(:last-child),
.scanner-app .table-wrap td:not(:last-child) {
 border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.scanner-app .table-wrap tbody tr:hover td {
 background: #132033 !important;
 box-shadow: none !important;
}

.scanner-app .table-wrap tbody tr.row-score-hot td { background: #0f2a21 !important; }
.scanner-app .table-wrap tbody tr.row-score-good td { background: #10241e !important; }
.scanner-app .table-wrap tbody tr.row-score-flat td { background: #0c1523 !important; }
.scanner-app .table-wrap tbody tr.row-score-risk td { background: #241b12 !important; }
.scanner-app .table-wrap tbody tr.row-score-bad td { background: #2a1418 !important; }

.scanner-app .table-wrap tbody tr.row-score-hot:hover td { background: #153628 !important; }
.scanner-app .table-wrap tbody tr.row-score-good:hover td { background: #173027 !important; }
.scanner-app .table-wrap tbody tr.row-score-flat:hover td { background: #132033 !important; }
.scanner-app .table-wrap tbody tr.row-score-risk:hover td { background: #312315 !important; }
.scanner-app .table-wrap tbody tr.row-score-bad:hover td { background: #35171d !important; }

.scanner-app .table-wrap th.sticky-col,
.scanner-app .table-wrap td.sticky-col {
 position: sticky !important;
 left: 0 !important;
 z-index: 9 !important;
 background: #0d1626 !important;
 box-shadow: 1px 0 0 rgba(255, 255, 255, 0.06) !important;
}

.scanner-app .table-wrap thead th.sticky-col {
 z-index: 12 !important;
 background: #111a29 !important;
}

.scanner-app .table-wrap th.sorted-header {
 background: #18263a !important;
 color: #ffffff !important;
}

.scanner-app .table-wrap td.sorted-column {
 background: #0f1b2b !important;
}

.scanner-app .table-wrap .sort-button {
 display: inline-flex !important;
 align-items: center !important;
 gap: 6px !important;
 padding: 0 !important;
 margin: 0 !important;
 color: inherit !important;
 font: inherit !important;
 background: transparent !important;
 border: 0 !important;
 cursor: pointer !important;
 box-shadow: none !important;
}

.scanner-app .table-wrap .sort-button:hover {
 color: #ffffff !important;
}

.scanner-app .table-wrap .sort-button.is-active {
 color: #44c6ff !important;
}

.scanner-app .table-wrap .sort-indicator {
 display: inline-block !important;
 min-width: 10px !important;
 color: var(--tco-warning) !important;
 font-size: 11px !important;
 line-height: 1 !important;
}

.scanner-app .table-wrap .pair-title {
 margin-bottom: 4px !important;
 font-size: 12px !important;
 font-weight: 700 !important;
 color: #ffffff !important;
}

.scanner-app .table-wrap .small,
.scanner-app .table-wrap .exchange-note,
.scanner-app .table-wrap .volume-line {
 color: #8ea3bf !important;
 font-size: 10px !important;
 line-height: 1.45 !important;
}

.scanner-app .table-wrap .signal {
 font-size: 13px !important;
 font-weight: 800 !important;
 color: #f4f8ff !important;
}

.scanner-app .table-wrap .metric {
 display: flex !important;
 justify-content: space-between !important;
 gap: 8px !important;
 margin-bottom: 3px !important;
}

.scanner-app .table-wrap .metric span {
 color: #8ea3bf !important;
 font-weight: 600 !important;
}

.scanner-app .table-wrap .metric strong {
 color: #ffffff !important;
 font-weight: 800 !important;
}

.scanner-app .table-wrap .exchange-cell,
.scanner-app .table-wrap .volume-stack,
.scanner-app .table-wrap .exchange-prices {
 display: grid !important;
 gap: 4px !important;
}

@media (max-width: 1280px) {
 html,
 body {
 overflow-x: hidden;
 }

 .scanner-app .table-wrap table {
 font-size: 10px !important;
 }

 .scanner-app .table-wrap th,
 .scanner-app .table-wrap td {
 padding: 8px 6px !important;
 }

 .scanner-app .table-wrap th.sticky-col,
 .scanner-app .table-wrap td.sticky-col {
 position: static !important;
 box-shadow: none !important;
 }
}


/* =========================
THECRYPTOODYSSEY.COM SITE PROTECTION
========================= */

html,
body,
body * {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
}

input,
textarea,
select,
[contenteditable="true"],
input *,
textarea *,
select *,
[contenteditable="true"] * {
 -webkit-user-select: text !important;
 -moz-user-select: text !important;
 -ms-user-select: text !important;
 user-select: text !important;
 -webkit-touch-callout: default !important;
}

img,
picture,
svg,
canvas,
video,
[data-protected-media] {
 -webkit-user-drag: none;
 user-drag: none;
}

a img,
button img {
 pointer-events: auto;
}

.crypto-human body {
 opacity: 1;
}


/* Homepage SEO text block styled to match The Crypto Odyssey live design language. */

.odyssey-seo-block {
 position: relative;
 box-sizing: border-box;
 width: 100%;
 max-width: 100%;
 margin: 28px 0 42px;
 padding: 22px 22px 24px;
 overflow: hidden;
 color: #d9edf7;
 background:
 radial-gradient(circle at top left, rgba(var(--tco-accent-rgb), 0.08), transparent 34%),
 linear-gradient(180deg, rgba(13, 19, 28, 0.96), rgba(8, 12, 18, 0.98));
 border: 1px solid rgba(var(--tco-accent-rgb), 0.14);
 border-radius: 18px;
 box-shadow:
 0 20px 60px rgba(0, 0, 0, 0.46),
 inset 0 1px 0 rgba(255, 255, 255, 0.03),
 0 0 0 1px rgba(var(--tco-accent-rgb), 0.04);
 backdrop-filter: blur(16px);
}

.odyssey-seo-block::before {
 content: "";
 position: absolute;
 inset: 0;
 background:
 linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 14%),
 repeating-linear-gradient(
 180deg,
 rgba(255, 255, 255, 0.015) 0,
 rgba(255, 255, 255, 0.015) 1px,
 transparent 1px,
 transparent 4px
 );
 opacity: 0.34;
 pointer-events: none;
}

.odyssey-seo-block::after {
 content: "";
 position: absolute;
 top: 0;
 left: -35%;
 width: 170%;
 height: 2px;
 background: linear-gradient(90deg, transparent, rgba(var(--tco-accent-rgb), 0.9), transparent);
 opacity: 0.75;
 animation: odysseySeoScan 4.8s linear infinite;
}

.odyssey-seo-inner {
 position: relative;
 z-index: 1;
}

.odyssey-seo-kicker {
 display: inline-flex;
 align-items: center;
 min-height: 32px;
 margin-bottom: 14px;
 padding: 0 13px;
 color: var(--tco-accent-bright);
 font-family: var(--tco-font-display);
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.16em;
 text-transform: uppercase;
 background: rgba(var(--tco-accent-rgb), 0.08);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.14);
 border-radius: var(--tco-radius-pill);
 box-shadow: 0 0 18px rgba(var(--tco-accent-rgb), 0.08);
}

.odyssey-seo-title {
 margin: 0 0 14px;
 color: #ebfdff;
 font-family: var(--tco-font-display);
 font-size: clamp(20px, 2.4vw, 30px);
 font-weight: 700;
 line-height: 1.12;
 letter-spacing: -0.03em;
 text-transform: uppercase;
 text-shadow: 0 0 18px rgba(var(--tco-accent-rgb), 0.12);
}

.odyssey-seo-copy {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 gap: 18px 28px;
}

.odyssey-seo-copy p {
 margin: 0;
 color: #b9cad6;
 font-family: var(--tco-font-ui);
 font-size: 16px;
 line-height: 1.78;
 text-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}

.odyssey-seo-copy p strong {
 color: #ebfdff;
 font-weight: 700;
}

.odyssey-seo-copy p .accent {
 color: var(--tco-accent);
 font-weight: 700;
}

.odyssey-seo-footnote {
 margin-top: 18px;
 padding-top: 14px;
 color: #89a0ad;
 font-family: var(--tco-font-ui);
 font-size: 13px;
 line-height: 1.7;
 border-top: 1px solid rgba(255, 255, 255, 0.06);
}

@keyframes odysseySeoScan {
 0% {
 transform: translateX(-18%);
 }

 100% {
 transform: translateX(18%);
 }
}

@media (max-width: 1100px) {
 .odyssey-seo-copy {
 grid-template-columns: 1fr;
 gap: 14px;
 }
}

@media (max-width: 860px) {
 .odyssey-seo-block {
 margin: 18px 0 24px;
 padding: 18px 16px 18px;
 border-radius: 16px;
 }

 .odyssey-seo-copy p {
 font-size: 15px;
 line-height: 1.72;
 }
}
/* =========================
   GEM DESCRIPTION / PAGE CONTENT OVERRIDES
   ========================= */


.page-content 

.page-content .scanner-app .table-wrap,
.page-content .scanner-app table {
  background: #0a111d !important;
}

/* =========================
   DEX INFORM BOX / TICKER HEADER
   ========================= */
.dex-inform-box {
 display: block;
 width: 100%;
 max-width: 1044px;
 box-sizing: border-box;
 padding: 14px 16px 0 16px;
 font-size: 11px;
 line-height: 1.45;
 color: #d6fff6;
 background: linear-gradient(180deg, #0b0f12, #070a0d);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.18);
 border-radius: var(--tco-radius-card);
 position: relative;
 overflow: hidden;
 backdrop-filter: blur(14px);
 box-shadow:
  0 0 0 1px rgba(var(--tco-accent-rgb), 0.04),
  0 18px 60px rgba(0,0,0,0.65),
  inset 0 0 18px rgba(var(--tco-accent-rgb), 0.05);
 animation: headerPulse 3.5s ease-in-out infinite;
}

.dex-inform-box::before {
 content: "";
 position: absolute;
 top: 0;
 left: -60%;
 width: 220%;
 height: 2px;
 background: linear-gradient(90deg, transparent, var(--tco-accent), transparent);
 animation: scan 2.6s linear infinite;
 opacity: 0.85;
}

.dex-inform-box::after {
 content: "";
 position: absolute;
 inset: 0;
 background: radial-gradient(circle at 20% 0%, rgba(var(--tco-accent-rgb), 0.12), transparent 60%);
 opacity: 0.35;
 animation: drift 6s ease-in-out infinite;
 pointer-events: none;
}

.brand {
 color: var(--tco-accent);
 font-weight: 700;
 text-shadow: 0 0 12px rgba(var(--tco-accent-rgb), 0.45);
}

.key {
 color: #b8fff0;
 font-weight: 600;
 border-bottom: 1px solid rgba(var(--tco-accent-rgb), 0.25);
}

.dex-ticker {
 width: 100%;
 overflow: hidden;
 margin-top: 10px;
 padding: 6px 0 6px 0;
 border-top: 1px solid rgba(var(--tco-accent-rgb), 0.12);
}

.dex-ticker-track {
 display: inline-block;
 white-space: nowrap;
 font-size: 11px;
 letter-spacing: 1.2px;
 color: #6fffe5;
 opacity: 0.9;
 text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.25);
 animation: tickerMove 77s linear infinite;
}

@keyframes tickerMove {
 0% { transform: translateX(-100%); }
 100% { transform: translateX(100%); }
}

.dex-inform-box:hover .dex-ticker-track {
 opacity: 1;
 text-shadow: 0 0 14px rgba(var(--tco-accent-rgb), 0.45);
}

@keyframes headerPulse {
 0%, 100% {
  box-shadow:
   0 0 0 1px rgba(var(--tco-accent-rgb), 0.04),
   0 18px 60px rgba(0,0,0,0.65),
   inset 0 0 14px rgba(var(--tco-accent-rgb), 0.04);
 }
 50% {
  box-shadow:
   0 0 20px rgba(var(--tco-accent-rgb), 0.15),
   0 22px 80px rgba(0,0,0,0.75),
   inset 0 0 22px rgba(var(--tco-accent-rgb), 0.08);
 }
}

@keyframes scan {
 0% { transform: translateX(-30%); }
 100% { transform: translateX(30%); }
}

@keyframes drift {
 0% { transform: translateX(-8%); opacity: 0.25; }
 50% { transform: translateX(8%); opacity: 0.45; }
 100% { transform: translateX(-8%); opacity: 0.25; }
}

/* =========================
   MARKET TICKER
   ========================= */
.ticker-wrapper {
 width: 100%;
 overflow: hidden;
 border-top: 1px solid rgba(var(--tco-accent-rgb), 0.2);
 border-bottom: 1px solid rgba(var(--tco-accent-rgb), 0.2);
 padding: 0;
}

.ticker {
 display: flex;
 white-space: nowrap;
 width: max-content;
 animation: scroll 160s linear infinite;
}

.ticker span {
 margin: 0 10px;
 font-weight: bold;
}

.ticker .up { color: #00ff88; }
.ticker .down { color: #ff4d4d; }

@keyframes scroll {
 0% { transform: translateX(0); }
 100% { transform: translateX(-50%); }
}

/* =========================
   MAIN MENU / MEGA MENU — FIXED
   ========================= */

.main-menu,
.main-menu * {
 box-sizing: border-box;
}

.main-menu {
 
 
 flex-wrap: nowrap !important;
 
 
 margin: 0 !important;
 
 
 font-family: "Orbitron", sans-serif !important;
 font-size: 14px !important;
 position: relative !important;
 z-index: 99999 !important;
 background: rgba(22, 33, 40, 0.95) !important;
 backdrop-filter: blur(14px);
 border: 1px solid rgba(118, 157, 173, 0.22) !important;
 border-radius: var(--tco-radius-panel) !important;
 box-shadow: 0 0 10px rgba(150, 199, 255, 0.22) !important;
}

.main-menu > li {
 list-style: none !important;
 margin: 0 !important;
 padding: 0 !important;
 position: relative !important;
 flex: 0 0 auto !important;
}

.main-menu > .home-link,
.main-menu > .token-link {
 flex: 0 0 auto !important;
 white-space: nowrap !important;
}

.home-link,
.token-link {
 min-height: 34px;
 padding: 6px 12px !important;
 border-radius: var(--tco-radius-card) !important;
 display: inline-flex !important;
 align-items: center !important;
 gap: 6px !important;
 font-weight: 700 !important;
 text-decoration: none !important;
 border: 1px solid rgba(0, 0, 0, 0.55) !important;
 background: rgba(5, 15, 18, 0.42) !important;
 backdrop-filter: blur(10px);
}

.home-link {
 color: #00fff6 !important;
}

.token-link {
 color: #00ff78 !important;
}

.home-link:hover,
.token-link:hover {
 color: #ffffff !important;
 background: rgba(0, 0, 0, 0.48) !important;
 box-shadow: 0 0 10px rgba(0, 255, 170, 0.35) !important;
}

.main-menu .menu-item > span {
 display: inline-flex !important;
 align-items: center !important;
 gap: 6px !important;
 min-height: 34px;
 color: #96f9ff !important;
 font-weight: 600 !important;
 cursor: pointer !important;
 white-space: nowrap !important;
 transition: color .2s ease, text-shadow .2s ease;
}

.main-menu .menu-item:hover > span,
.main-menu .menu-item.active > span {
 color: #ffffff !important;
 text-shadow: 0 0 8px rgba(255, 255, 255, .65) !important;
}

.main-menu svg {
 width: 16px !important;
 height: 16px !important;
 flex: 0 0 16px !important;
 stroke: var(--tco-accent) !important;
}

.main-menu .mega-menu {
 display: none !important;
 position: absolute !important;
 top: calc(100% + 10px) !important;
 left: 0 !important;
 
 
 margin: 0 !important;
 
 opacity: 1 !important;
 visibility: visible !important;
 pointer-events: auto !important;
 transform: none !important;
 
 backdrop-filter: blur(20px);
 
 
 
 z-index: 999999 !important;
}

.main-menu .menu-item.active > .mega-menu {
 display: block !important;
}

/* Keep wide menus inside the viewport */
.main-menu .menu-item:nth-of-type(3) > .mega-menu,
.main-menu .menu-item:nth-of-type(4) > .mega-menu {
 left: auto !important;
 right: 0 !important;
}

.main-menu .mega-grid {
 display: grid !important;
 grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 gap: 18px !important;
 margin: 0 !important;
 padding: 0 !important;
}

.main-menu .mega-col {
 min-width: 0 !important;
 margin: 0 !important;
 padding: 12px !important;
 border-radius: var(--tco-radius-panel) !important;
 transition: background .2s ease;
}

.main-menu .mega-col:hover {
 background: rgba(0, 255, 170, 0.055) !important;
}

.main-menu .mega-col h4 {
 
 padding: 0 !important;
 
 
 line-height: 1.3 !important;
}

.main-menu .mega-col a {
 display: flex !important;
 align-items: center !important;
 gap: 8px !important;
 width: 100% !important;
 margin: 7px 0 !important;
 padding: 3px 0 !important;
 color: #befff8 !important;
 font-size: 13px !important;
 line-height: 1.35 !important;
 text-decoration: none !important;
 opacity: 1 !important;
 transform: none !important;
 white-space: normal !important;
 transition: color .2s ease, padding-left .2s ease;
}

.main-menu .mega-col a:hover {
 color: var(--tco-success) !important;
 padding-left: 5px !important;
}

.main-menu .mega-col a svg {
 width: 14px !important;
 height: 14px !important;
 flex: 0 0 14px !important;
 stroke: var(--tco-success) !important;
}

@media (max-width: 1000px) {
 .main-menu {
   flex-wrap: wrap !important;
   gap: 10px 14px !important;
 }

 .main-menu .mega-menu {
   position: fixed !important;
   left: 4vw !important;
   right: 4vw !important;
   top: 90px !important;
   width: auto !important;
   max-width: none !important;
 }

 .main-menu .mega-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 }
}

@media (max-width: 640px) {
 .main-menu .mega-grid {
   grid-template-columns: 1fr !important;
 }

 .main-menu .mega-menu {
   max-height: 72vh !important;
   overflow-y: auto !important;
 }
}


/* =========================
   BANNER STRIP
   ========================= */
.dex-banner-strip {
 display: flex !important;
 align-items: center !important;
 gap: 10px !important;
 flex-wrap: nowrap !important;
 width: 100% !important;
 
 overflow-x: auto !important;
 overflow-y: hidden !important;
 padding: 6px !important;
 box-sizing: border-box !important;
}

.dex-banner-strip::-webkit-scrollbar {
 height: 0;
}

.dex-banner-strip a {
 position: relative;
 display: block;
 border-radius: var(--tco-radius-panel);
 overflow: hidden;
 transition: 0.25s ease;
}

.dex-banner-strip img {
 width: 420px;
 height: 50px;
 display: block;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.12);
 object-fit: cover;
 transition: 0.25s ease;
 box-shadow: 0 10px 25px rgba(0,0,0,0.35);
 filter: saturate(1.1) contrast(1.05);
}

.dex-banner-strip a:hover img {
 transform: translateY(-3px) scale(1.03);
 border-color: rgba(var(--tco-accent-rgb), 0.4);
 box-shadow:
  0 0 25px rgba(var(--tco-accent-rgb), 0.22),
  0 15px 35px rgba(0,0,0,0.5);
 filter: saturate(1.2) contrast(1.1) brightness(1.05);
}

.banner-badge {
 position: absolute;
 top: 6px;
 left: 6px;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 0.6px;
 padding: 3px 7px;
 border-radius: var(--tco-radius-sm);
 text-transform: uppercase;
 pointer-events: none;
 box-shadow: 0 0 10px rgba(0,0,0,0.25);
 backdrop-filter: blur(6px);
}

.badge-sponsored {
 color: #06110e;
 background: linear-gradient(90deg,var(--tco-accent),#00b3ff);
}

.badge-partner {
 color: #0b0f14;
 background: linear-gradient(90deg,var(--tco-warning),#ff7a00);
}

.badge-new {
 color: #ffffff;
 background: linear-gradient(90deg,#ff3b6b,#7a5cff);
 box-shadow: 0 0 12px rgba(255,59,107,0.35);
}

/* ============================================================
   GLOBAL_CLEFTER / SIDEBAR COMPONENTS
   Extracted from template
   ============================================================ */

/* HUD PANEL */

.hud{
 width:200px;

 padding:12px;

 border-radius:14px;

 background:linear-gradient(180deg,#0f141c,#0b0f14);

 border:1px solid rgba(var(--tco-accent-rgb), 0.10);

 backdrop-filter:blur(14px);

 box-shadow:
 0 10px 30px rgba(0,0,0,0.45),
 inset 0 1px 0 rgba(255,255,255,0.03);
}

.hud .title{
 font-size:11px;

 color:var(--tco-accent);

 letter-spacing:1px;

 margin-bottom:10px;

 opacity:.9;

 text-transform:uppercase;

 text-shadow:0 0 10px rgba(var(--tco-accent-rgb), 0.25);
}

.hud .links{
 display:flex;

 gap:6px;
}

.hud .link{
 flex:1;

 text-align:center;
 text-decoration:none;

 color:#cfefff;

 font-size:11px;

 padding:6px 4px;

 border-radius:var(--tco-radius-card);

 border:1px solid rgba(var(--tco-accent-rgb), 0.10);

 background:rgba(255,255,255,0.03);

 position:relative;
 overflow:hidden;

 transition:.25s;

 white-space:nowrap;
}

.hud .link:hover{
 color:var(--tco-accent);

 background:rgba(var(--tco-accent-rgb), 0.10);

 border-color:rgba(var(--tco-accent-rgb), 0.25);

 box-shadow:
 0 0 15px rgba(var(--tco-accent-rgb), 0.20),
 0 10px 25px rgba(0,0,0,0.4);

 transform:translateY(-2px);
}

/* CENTER WRAP */
.dex-wrap{
 display:flex;
 justify-content:center;
 align-items:center;
 padding:12px;

 background:linear-gradient(180deg,#0b0f14,#0a0d12);
}

/* BUTTON */
.dex-btn{
 min-width:140px;

 padding:8px 12px;

 text-align:center;
 text-decoration:none;

 color:#cfefff;
 font-weight:600;

 background:rgba(255,255,255,0.04);

 border:1px solid rgba(var(--tco-accent-rgb), 0.12);

 border-radius:var(--tco-radius-card);

 transition:0.2s ease;

 box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}

.dex-btn:hover{
 background:rgba(var(--tco-accent-rgb), 0.10);

 border-color:rgba(var(--tco-accent-rgb), 0.25);

 color:var(--tco-accent);

 box-shadow:
 0 0 15px rgba(var(--tco-accent-rgb), 0.15);
}

/* REGISTER */
.dex-register{
 font-size:11px;

 color:#9ca3af;

 text-decoration:none;

 transition:0.2s ease;
}

.dex-register:hover{
 color:var(--tco-accent);
 text-shadow:0 0 10px rgba(var(--tco-accent-rgb), 0.25);
}

/* PROFILE CARD */
.profile-card{
 width:173px;

 background:linear-gradient(180deg,#0f141c,#0b0f14);

 border:1px solid rgba(var(--tco-accent-rgb), 0.10);

 border-radius:var(--tco-radius-panel);

 padding:12px;

 display:flex;
 flex-direction:column;
 align-items:center;
 gap:8px;

 box-shadow:
 0 10px 30px rgba(0,0,0,0.45),
 inset 0 1px 0 rgba(255,255,255,0.03);
}

/* AVATAR */
.avatar-link{
 display:block;
 border-radius:50%;
}

.profile-avatar{
 width:64px;
 height:64px;

 border-radius:50%;

 border:2px solid rgba(var(--tco-accent-rgb), 0.20);

 object-fit:cover;

 box-shadow:0 0 12px rgba(var(--tco-accent-rgb), 0.10);
}

/* NAME */
.profile-name{
 font-size:13px;
 font-weight:700;

 color:var(--tco-accent);

 padding:4px 8px;

 border:1px solid rgba(var(--tco-accent-rgb), 0.15);

 border-radius:var(--tco-radius-sm);

 background:rgba(255,255,255,0.03);

 text-shadow:0 0 10px rgba(var(--tco-accent-rgb), 0.20);
}

/* STATUS ROW */
.status-row{
 display:flex;
 align-items:center;
 gap:6px;
}

/* ONLINE */
.online-text{
 font-size:11px;
 font-weight:600;

 color:#22c55e;

 text-shadow:0 0 8px rgba(34,197,94,0.25);
}

/* MESSAGE ICON */
.msg-icon{
 font-size:18px;

 color:#9ca3af;

 text-decoration:none;

 transition:0.2s ease;
}

.msg-icon.active{
 color:#6366f1;

 text-shadow:0 0 10px rgba(99,102,241,0.4);
}

/* META */
.meta-grid{
 width:100%;

 display:grid;
 grid-template-columns:1fr 1fr;

 gap:4px;

 font-size:10px;

 color:#cfefff;
}

.meta-item{
 padding:4px;

 border-radius:var(--tco-radius-sm);

 background:rgba(255,255,255,0.03);

 border:1px solid rgba(var(--tco-accent-rgb), 0.08);

 text-align:center;
}

.crypto-news {
 width: 200px;
 background: #050a07;
 border: 1px solid rgba(0,255,120,0.35);
 border-radius: var(--tco-radius-panel);
 padding: 10px;
 font-family: "Courier New", monospace;
 color: var(--tco-success);
 box-shadow: 0 0 12px rgba(0,255,120,0.15);
}

.crypto-news .title {
 font-size: 12px;
 margin-bottom: 8px;
 font-weight: bold;
}

.crypto-news .price-box {
 font-size: 11px;
 padding: 6px;
 border: 1px solid rgba(0,255,120,0.2);
 margin-bottom: 8px;
 background: rgba(0,255,120,0.05);
}

/* 🔥 FIXED SCROLL */
.crypto-news .news-scroll {
 max-height: 180px;
 overflow-y: auto;
 overflow-x: hidden;
 padding-right: 4px;
}

/* scrollbar */
.crypto-news .news-scroll::-webkit-scrollbar {
 width: 4px;
}

.crypto-news .news-scroll::-webkit-scrollbar-thumb {
 background: rgba(0,255,120,0.5);
 border-radius: var(--tco-radius-card);
}

/* NEWS ITEM */
.crypto-news .news-item {
 padding: 5px;
 margin-bottom: 5px;
 border-left: 2px solid rgba(0,255,120,0.4);
 background: rgba(0,255,120,0.03);
}

/* BREAKING */
.crypto-news .news-item.breaking {
 border-left: 2px solid #ff2e2e;
 background: rgba(255,0,0,0.08);
}

/* CORRELATION */
.crypto-news .news-item.correlation {
 border-left: 2px solid #ffd000;
 background: rgba(255, 208, 0, 0.08);
 box-shadow: 0 0 8px rgba(255, 208, 0, 0.2);
}

.crypto-news .text {
 font-size: 11px;
 display: block;
}

.crypto-news .desc {
 font-size: 10px;
 opacity: 0.8;
}

/* =========================
 CRYPTO SEARCH HEADER
========================= */

.dex-search-header{
 display:flex;
 align-items:center;
 justify-content:space-between;

 padding:9px 12px;
 margin:6px 0 4px 0;

 background:rgba(10,14,18,0.60);

 border:1px solid rgba(var(--tco-accent-rgb), 0.12);
 border-radius:14px;

 backdrop-filter:blur(12px);

 box-shadow:0 10px 30px rgba(0,0,0,0.35);

 position:relative;
 overflow:hidden;

 transition:0.25s ease;
}

.dex-search-header:hover{
 border-color:rgba(var(--tco-accent-rgb), 0.30);
 box-shadow:0 0 25px rgba(var(--tco-accent-rgb), 0.18);
 transform:translateY(-2px);
}

/* scan */
.dex-search-header::after{
 content:"";
 position:absolute;

 top:-120%;
 left:0;

 width:100%;
 height:100%;

 background:linear-gradient(
 180deg,
 transparent,
 rgba(var(--tco-accent-rgb), 0.05),
 transparent
 );

 transition:0.7s ease;
}

.dex-search-header:hover::after{
 top:120%;
}

/* LEFT */
.dex-search-left{
 display:flex;
 align-items:center;
 gap:8px;
}

/* ICON */
.dex-search-icon{
 font-size:14px;
 filter:drop-shadow(0 0 6px rgba(var(--tco-accent-rgb), 0.35));
}

/* TITLE */
.dex-search-title{
 font-size:13px;
 font-weight:600;
 letter-spacing:0.8px;

 color:var(--tco-accent-bright);

 text-shadow:0 0 10px rgba(var(--tco-accent-rgb), 0.20);
}

/* =========================
 SEARCH FORM WRAP
========================= */

.dex-search-form{
 margin-top:6px;

 padding:10px 12px;

 background:rgba(10,14,18,0.45);

 border:1px solid rgba(255,255,255,0.06);
 border-radius:14px;

 backdrop-filter:blur(10px);

 box-shadow:0 8px 25px rgba(0,0,0,0.25);

 transition:0.25s ease;
}

.dex-search-form:hover{
 border-color:rgba(var(--tco-accent-rgb), 0.18);
 box-shadow:0 0 18px rgba(var(--tco-accent-rgb), 0.10);
}


/* ============================================================
   CRYPTO SEARCH FORM — INPUT / BUTTON FIX
   ============================================================ */


.dex-search-form input[type="text"],
.dex-search-form input[type="search"],
.dex-search-form input[name="q"],
.dex-search-form .queryField {
  flex: 1 1 auto;
  
  height: 34px;
  
  
  padding: 0 11px;

  color: #dffcff;
  font-family: var(--tco-font-ui);
  font-size: 12px;

  background: rgba(5, 12, 16, 0.88);
  border: 1px solid rgba(var(--tco-accent-rgb), 0.16);
  border-radius: 9px;

  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.025),
    inset 0 0 12px rgba(var(--tco-accent-rgb), 0.025);

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.dex-search-form input[type="text"]::placeholder,
.dex-search-form input[type="search"]::placeholder,
.dex-search-form .queryField::placeholder {
  color: #6f8790;
  opacity: 1;
}

.dex-search-form input[type="text"]:focus,
.dex-search-form input[type="search"]:focus,
.dex-search-form input[name="q"]:focus,
.dex-search-form .queryField:focus {
  color: #ffffff;
  background: rgba(7, 17, 20, 0.96);
  border-color: rgba(var(--tco-accent-rgb), 0.48);
  box-shadow:
    0 0 0 1px rgba(var(--tco-accent-rgb), 0.07),
    0 0 14px rgba(var(--tco-accent-rgb), 0.12),
    inset 0 0 12px rgba(var(--tco-accent-rgb), 0.04);
}

.dex-search-form input[type="submit"],
.dex-search-form button,
.dex-search-form .searchSbmFl {
  flex: 0 0 auto;
  
  height: 34px;
  
  
  padding: 0 12px;

  color: #07110f;
  font-family: var(--tco-font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;

  cursor: pointer;

  background: linear-gradient(90deg, var(--tco-accent), #65f7ff);
  border: 0;
  border-radius: 9px;

  box-shadow:
    0 0 12px rgba(var(--tco-accent-rgb), 0.12),
    inset 0 1px 0 rgba(255,255,255,0.35);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
}

.dex-search-form input[type="submit"]:hover,
.dex-search-form button:hover,
.dex-search-form .searchSbmFl:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow:
    0 0 18px rgba(var(--tco-accent-rgb), 0.25),
    inset 0 1px 0 rgba(255,255,255,0.4);
}

.dex-search-form input[type="submit"]:active,
.dex-search-form button:active,
.dex-search-form .searchSbmFl:active {
  transform: translateY(0);
}

@media (max-width: 480px) {
  .dex-search-form form {
    gap: 6px;
  }

  .dex-search-form input[type="submit"],
  .dex-search-form button,
  .dex-search-form .searchSbmFl {
    min-width: 66px;
    padding: 0 9px;
  }
}


/* ============================================================
   CRYPTO SEARCH FORM — WIDTH / BUTTON POSITION FIX
   ============================================================ */

.dex-search-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.dex-search-form form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.dex-search-form input[type="text"],
.dex-search-form input[type="search"],
.dex-search-form input[name="q"],
.dex-search-form .queryField {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.dex-search-form input[type="submit"],
.dex-search-form button,
.dex-search-form .searchSbmFl {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  justify-self: end !important;
}

.dex-search-form table,
.dex-search-form tbody,
.dex-search-form tr {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 360px) {
  .dex-search-form form {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 6px !important;
  }

  .dex-search-form input[type="submit"],
  .dex-search-form button,
  .dex-search-form .searchSbmFl {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
}


/* ============================================================
   WHO'S ONLINE — SIDEBAR FIX
   ============================================================ */

.onlineBox {
  width: 100% !important;
  max-width: 200px !important;
  box-sizing: border-box !important;
  margin-top: 10px !important;
  padding: 10px !important;

  background:
    radial-gradient(circle at 80% 0%, rgba(0,255,170,0.055), transparent 42%),
    linear-gradient(180deg, rgba(10,18,18,0.96), rgba(7,13,15,0.98)) !important;

  border: 1px solid rgba(0,255,170,0.12) !important;
  border-radius: var(--tco-radius-panel) !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,255,255,0.025) !important;

  overflow: hidden !important;
}

.onlineBox .onlineTitle {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  margin: 0 0 8px !important;
  padding: 0 0 8px !important;

  color: #63ffe4 !important;
  font-family: "Orbitron", "Jura", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;

  border-bottom: 1px solid rgba(0,255,170,0.10) !important;

  text-shadow: 0 0 10px rgba(0,255,190,0.22) !important;
}

.onlineBox .onlineStats {
  margin: 0 0 8px !important;
  padding: 8px 9px !important;

  color: #dff7f4 !important;
  font-family: "Jura", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;

  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(0,255,170,0.07) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow: inset 0 0 12px rgba(0,255,170,0.018) !important;
}

.onlineBox .onlineStats b,
.onlineBox .onlineStats strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.onlineBox .onlineList {
  max-height: 140px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  margin: 0 !important;
  padding: 7px 8px !important;

  color: #bfeee7 !important;
  font-family: "Jura", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.45 !important;

  background: rgba(2,10,10,0.42) !important;
  border: 1px solid rgba(0,255,170,0.07) !important;
  border-radius: var(--tco-radius) !important;

  box-sizing: border-box !important;
}

.onlineBox .onlineList a {
  position: relative !important;
  display: block !important;

  margin: 0 !important;
  padding: 4px 4px 4px 17px !important;

  color: #bff9ef !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;

  border-radius: var(--tco-radius-sm) !important;

  transition:
    color .18s ease,
    background .18s ease,
    padding-left .18s ease !important;
}

.onlineBox .onlineList a::before {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 50% !important;

  width: 6px !important;
  height: 6px !important;

  background: var(--tco-success) !important;
  border-radius: 50% !important;

  transform: translateY(-50%) !important;

  box-shadow:
    0 0 6px rgba(var(--tco-success-rgb), 0.75),
    0 0 12px rgba(var(--tco-success-rgb), 0.25) !important;
}

.onlineBox .onlineList a:hover {
  color: #ffffff !important;
  background: rgba(0,255,170,0.055) !important;
  padding-left: 19px !important;
}

.onlineBox .onlineList::-webkit-scrollbar {
  width: 4px !important;
}

.onlineBox .onlineList::-webkit-scrollbar-thumb {
  background: rgba(0,255,170,0.34) !important;
  border-radius: var(--tco-radius-card) !important;
}

.onlineBox .onlineList::-webkit-scrollbar-track {
  background: transparent !important;
}


/* ============================================================
   CRYPTO TABLE — FULLY OPAQUE, NO TRANSPARENCY ON HOVER
   ============================================================ */

table.list {
  background: #0b1117 !important;
  border-collapse: collapse !important;
}

table.list thead,
table.list thead tr,
table.list thead td,
table.list thead th {
  background: #0e1920 !important;
}

table.list tbody,
table.list tbody tr,
table.list tbody td,
table.list tbody th {
  background: #0b1117 !important;
}

table.list tbody tr:hover,
table.list tbody tr:hover > td,
table.list tbody tr:hover > th {
  background: #0b1117 !important;
  box-shadow: none !important;
}

table.list tbody tr,
table.list tbody td,
table.list tbody th {
  opacity: 1 !important;
  backdrop-filter: none !important;
}

/* Prevent any inherited/global table hover effect from changing the crypto list */
body table.list tbody tr:hover,
body table.list tbody tr:hover > td,
body table.list tbody tr:hover > th,
.page-content table.list tbody tr:hover,
.page-content table.list tbody tr:hover > td,
.page-content table.list tbody tr:hover > th {
  background: #0b1117 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Outer layout tables should not change visually on hover */
body table:not(.list) tbody tr:hover,
body table:not(.list) tbody tr:hover > td,
body table:not(.list) tbody tr:hover > th {
  box-shadow: none !important;
}

/* ============================================================
   TOKEN DETAIL TEMPLATE STYLES
   Extracted from token detail template
   ============================================================ */

/* =========================
 DEX COIN CARD (MODERN UI)
========================= */

.coin-card {
 margin-top: 10px;
 padding: 14px;

 
 

 border-radius: 14px;

 box-shadow:
 0 0 18px rgba(0,0,0,0.4),
 inset 0 0 12px rgba(0,255,210,0.03);

 
 color: #d8f7ff;
}

/* TITLE */
.coin-title {
 font-size: 14px;
 font-weight: 700;

 color: var(--tco-text-strong);

 margin: 6px 0;

 text-shadow: 0 0 10px rgba(0,255,210,0.15);
}

/* RATING / VIEWS */
.coin-rating,
.coin-views {
 font-size: 12px;
 opacity: 0.75;
 margin-bottom: 4px;
}

/* PRICE (MAIN FOCUS) */
.coin-price {
 
 

 
 letter-spacing: 0.4px;

 margin-top: 8px;

 text-shadow:
 0 0 12px rgba(var(--tco-accent-rgb), 0.25),
 0 0 28px rgba(var(--tco-accent-rgb), 0.10);

 transition: 0.25s ease;
}

.coin-price:hover {
 text-shadow:
 0 0 16px rgba(var(--tco-accent-rgb), 0.45),
 0 0 40px rgba(var(--tco-accent-rgb), 0.20);
}

/* CHANGE */
.coin-change {
 display: inline-block;
 margin-top: 8px;

 font-size: 12px;
 font-weight: 600;

 padding: 4px 10px;
 border-radius: var(--tco-radius-card);

 background: rgba(0,255,120,0.08);
 border: 1px solid rgba(0,255,120,0.18);

 backdrop-filter: blur(8px);
}

/* MARKET CAP */
.coin-mcap {
 margin-top: 8px;

 font-size: 13px;

 padding: 6px 10px;
 border-radius: var(--tco-radius-card);

 background: rgba(255,255,255,0.03);
 border: 1px solid rgba(255,255,255,0.06);

 backdrop-filter: blur(10px);

 color: var(--tco-text);
}

/* =========================
 AURORA / DEX NEON STYLE
========================= */

@keyframes auroraMove {
 0% { background-position: 0% 50%; }
 50% { background-position: 100% 50%; }
 100% { background-position: 0% 50%; }
}

@keyframes auroraGlow {
 0% {
 box-shadow:
 0 0 10px rgba(var(--tco-accent-rgb), 0.12),
 0 0 20px rgba(160,0,255,0.08);
 }
 50% {
 box-shadow:
 0 0 18px rgba(var(--tco-accent-rgb), 0.25),
 0 0 36px rgba(160,0,255,0.18);
 }
 100% {
 box-shadow:
 0 0 10px rgba(var(--tco-accent-rgb), 0.12),
 0 0 20px rgba(160,0,255,0.08);
 }
}

/* ROW */
.container-row {
 display: flex;
 align-items: center;
 gap: 10px;
}

/* CONTRACT GLASS BADGE */
.aurora-box {
 display: inline-block;
 padding: 5px 12px;
 border-radius: var(--tco-radius-panel);

 

 background-size: 300% 300%;
 animation: auroraMove 7s ease infinite,
 auroraGlow 2.8s ease-in-out infinite;

 

 
}

/* CONTRACT TEXT */
.aurora-text {
 color: var(--tco-text-strong);
 text-decoration: none;

 font-weight: 500;
 font-size: 16px;

 letter-spacing: 0.3px;

 text-shadow:
 0 0 8px rgba(var(--tco-accent-rgb), 0.25);
}

/* COPY BUTTON */
.copy-btn {
 width: 42px;
 height: 42px;

 
 

 border-radius: var(--tco-radius-card);

 cursor: pointer;

 display: flex;
 align-items: center;
 justify-content: center;

 font-size: 18px;
 color: var(--tco-text-strong);

 transition: all 0.25s ease;

 position: relative;
 overflow: hidden;
}

/* hover */
.copy-btn:hover {
 transform: scale(1.08);

 box-shadow:
 0 0 12px rgba(var(--tco-accent-rgb), 0.25),
 0 0 28px rgba(160,0,255,0.15);
}

/* ripple */
.copy-btn .ripple {
 position: absolute;
 border-radius: 50%;
 transform: scale(0);
 animation: rippleEffect 600ms linear;
 background: rgba(var(--tco-accent-rgb), 0.35);
 pointer-events: none;
}

@keyframes rippleEffect {
 to {
 transform: scale(4);
 opacity: 0;
 }
}

/* COPIED MESSAGE */
#copiedMsg {
 font-size: 11px;
 color: #00ffcc;
 text-shadow: 0 0 8px rgba(0,255,204,0.7);
}

/* =========================
 DEX ICONS WRAPPER (GLASS UI)
========================= */


/* =========================
 ICON BUTTON WRAP
========================= */


/* =========================
 ICON IMAGE STYLE
========================= */

.dex-icons a img {
 width: 30px;
 height: 30px;

 transition: all 0.25s ease;

 filter: drop-shadow(0 0 6px rgba(var(--tco-accent-rgb), 0.15));
}

/* =========================
 HOVER STATE (DEX GLOW)
========================= */


/* ICON GLOW BOOST */


/* =========================
 CLICK RIPPLE EFFECT
========================= */


/* =========================
 GLOBAL DEX ICON BAR (FINAL STYLE)
========================= */

.dex-icons {
 display: flex;
 flex-wrap: wrap;
 align-items: center;

 padding: 8px;
 margin: 6px;

 gap: 6px;

 
 

 border-radius: 16px;

 

 box-shadow:
 0 0 18px rgba(0,0,0,0.35),
 inset 0 0 12px rgba(var(--tco-accent-rgb), 0.04);
}

/* =========================
 ICON BUTTON WRAPPER
========================= */

.dex-icons a[rel="nofollow noopener noreferrer"] {
 display: inline-flex !important;
 align-items: center;
 justify-content: center;

 padding: 6px !important;
 margin: 4px !important;

 border-radius: 14px;

 
 

 transition: all 0.25s ease;

 position: relative;
 overflow: hidden;

 
}

/* =========================
 ICON IMAGE
========================= */

.dex-icons img {
 width: 30px;
 height: 30px;

 transition: all 0.25s ease;

 filter: drop-shadow(0 0 6px rgba(var(--tco-accent-rgb), 0.15));
}

/* =========================
 HOVER GLOW (DEX PREMIUM)
========================= */

.dex-icons a:hover {
 transform: translateY(-3px) scale(1.10);

 border: 1px solid rgba(var(--tco-accent-rgb), 0.35);

 background: rgba(var(--tco-accent-rgb), 0.05);

 box-shadow:
 0 0 24px rgba(var(--tco-accent-rgb), 0.25),
 0 0 60px rgba(var(--tco-accent-rgb), 0.08),
 inset 0 0 14px rgba(var(--tco-accent-rgb), 0.06);
}

.dex-icons a:hover img {
 filter:
 drop-shadow(0 0 10px rgba(var(--tco-accent-rgb), 0.45))
 drop-shadow(0 0 18px rgba(var(--tco-accent-rgb), 0.25));
}

/* =========================
 RIPPLE EFFECT
========================= */

.dex-icons a::after {
 content: "";
 position: absolute;

 top: 50%;
 left: 50%;

 width: 0;
 height: 0;

 background: rgba(var(--tco-accent-rgb), 0.22);
 border-radius: 50%;

 transform: translate(-50%, -50%);
 opacity: 0;

 transition:
 width 0.35s ease,
 height 0.35s ease,
 opacity 0.5s ease;
}

.dex-icons a:active::after {
 width: 170px;
 height: 170px;
 opacity: 1;
}

/* =========================
 SPECIAL CHAIN ICON (OPTIONAL ACCENT)
========================= */

.dex-icons a[title*="Explorer"] {
 border: 1px solid rgba(160,0,255,0.15);
 box-shadow: inset 0 0 10px rgba(160,0,255,0.05);
}

.dex-icons a[title*="Explorer"]:hover {
 border: 1px solid rgba(160,0,255,0.35);
 box-shadow:
 0 0 24px rgba(160,0,255,0.18),
 0 0 60px rgba(var(--tco-accent-rgb), 0.10);
}

/* =========================
 DEX GRID SYSTEM (MODERN DEFI UI)
========================= */

.dex-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
 gap: 10px;
 padding: 6px;
}

/* =========================
 CARD BASE (GLASS TERMINAL STYLE)
========================= */

.dex-card {
 

 
 border-radius: 16px;

 padding: 12px;

 color: #cfd6e4;

 position: relative;
 overflow: hidden;

 transition: all 0.25s ease;

 box-shadow:
 0 12px 35px rgba(0,0,0,0.30),
 inset 0 1px 0 rgba(255,255,255,0.03);

 
}

/* =========================
 HOVER (NEON LIFT EFFECT)
========================= */

.dex-card:hover {
 border-color: rgba(var(--tco-accent-rgb), 0.28);

 transform: translateY(-4px);

 box-shadow:
 0 0 28px rgba(var(--tco-accent-rgb), 0.14),
 0 14px 45px rgba(0,0,0,0.40),
 inset 0 0 12px rgba(var(--tco-accent-rgb), 0.04);
}

/* =========================
 SCAN LINE EFFECT (DEX TERMINAL FEEL)
========================= */

.dex-card::after {
 content: "";
 position: absolute;

 top: -120%;
 left: 0;

 width: 100%;
 height: 100%;

 background: linear-gradient(
 180deg,
 transparent,
 rgba(var(--tco-accent-rgb), 0.05),
 transparent
 );

 transition: top 0.7s ease;
}

.dex-card:hover::after {
 top: 120%;
}

/* =========================
 TITLE BAR
========================= */

.dex-card-title {
 display: flex;
 justify-content: space-between;
 align-items: center;

 font-size: 14px;
 font-weight: 600;

 margin-bottom: 8px;

 letter-spacing: 0.2px;
}

/* TITLE LINK */
.dex-card-title a {
 color: var(--tco-accent-bright);
 text-decoration: none;

 text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.15);
}

/* =========================
 BADGES (STATUS TAGS)
========================= */

.dex-badge {
 display: inline-block;

 padding: 3px 9px;

 font-size: 11px;

 border-radius: var(--tco-radius-pill);

 
 

 margin: 2px 3px;

 white-space: nowrap;

 
}

/* SAFE / GREEN TAG */
.dex-safe {
 color: var(--tco-success);
 border-color: rgba(var(--tco-success-rgb), 0.30);

 box-shadow: 0 0 10px rgba(var(--tco-success-rgb), 0.08);
}

/* =========================
 ROW TEXT
========================= */

.dex-row {
 margin-top: 6px;

 font-size: 12px;
 opacity: 0.88;

 line-height: 1.4;
}

.dex-row a {
 color: var(--tco-accent-bright);
 text-decoration: none;

 transition: all 0.2s ease;
}

.dex-row a:hover {
 text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.25);
}

/* =========================
 OPTIONAL MICRO GLOW BORDER ANIMATION
========================= */

.dex-card:hover {
 animation: cardGlow 2.5s ease-in-out infinite;
}

@keyframes cardGlow {
 0% {
 box-shadow:
 0 0 18px rgba(var(--tco-accent-rgb), 0.10),
 0 14px 45px rgba(0,0,0,0.40);
 }
 50% {
 box-shadow:
 0 0 30px rgba(var(--tco-accent-rgb), 0.18),
 0 16px 55px rgba(0,0,0,0.45);
 }
 100% {
 box-shadow:
 0 0 18px rgba(var(--tco-accent-rgb), 0.10),
 0 14px 45px rgba(0,0,0,0.40);
 }
}

/* ===== DEX STYLE BANNER WRAPPER ===== */
.dex-banner{
 display:inline-block;

 padding:5px;
 margin:5px;

 border-radius:14px;

 
 

 

 transition: all 0.25s ease;

 overflow:hidden;
}

/* IMAGE */
.dex-banner img{
 display:block;

 border-radius:var(--tco-radius-card);

 transition: all 0.25s ease;

 filter: saturate(1.1) contrast(1.05);
}

/* HOVER GLOW */
.dex-banner:hover{
 transform: translateY(-3px) scale(1.02);

 border: 1px solid rgba(var(--tco-accent-rgb), 0.35);

 box-shadow:
 0 0 25px rgba(var(--tco-accent-rgb), 0.20),
 0 0 70px rgba(var(--tco-accent-rgb), 0.08),
 inset 0 0 10px rgba(var(--tco-accent-rgb), 0.05);
}

/* IMAGE GLOW */
.dex-banner:hover img{
 filter:
 brightness(1.05)
 contrast(1.1)
 drop-shadow(0 0 12px rgba(var(--tco-accent-rgb), 0.25));
}

/* =========================
 EMBED WRAPPER
========================= */

.dex-embed-card{
 position:relative;

 
 
 border-radius:14px;

 padding:10px;

 overflow:hidden;

 box-shadow:
 0 10px 30px rgba(0,0,0,0.25),
 inset 0 1px 0 rgba(255,255,255,0.03);

 transition: all 0.25s ease;
}

/* TOP GLOW */
.dex-embed-card::before{
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:2px;

 background: linear-gradient(90deg,
 transparent,
 rgba(var(--tco-accent-rgb), 0.6),
 transparent
 );

 animation: dexEmbedScan 3s linear infinite;
}

@keyframes dexEmbedScan{
 0%{ transform:translateX(-100%); }
 100%{ transform:translateX(100%); }
}

.dex-embed-card:hover{
 border-color: rgba(var(--tco-accent-rgb), 0.25);
 box-shadow:
 0 0 25px rgba(var(--tco-accent-rgb), 0.12),
 0 12px 40px rgba(0,0,0,0.35);
}

/* =========================
 LABEL
========================= */

.dex-live-label{
 font-size:12px;
 font-weight:600;
 letter-spacing:1px;

 color:var(--tco-success);

 margin-bottom:8px;

 display:flex;
 align-items:center;
 justify-content:space-between;
}

.dex-live-left{
 display:flex;
 align-items:center;
 gap:6px;
}

.dex-dot{
 width:6px;
 height:6px;
 border-radius:50%;
 background:var(--tco-success);
 box-shadow:0 0 10px rgba(var(--tco-success-rgb), 0.8);
 animation:dexLivePulse 1.5s infinite;
}

@keyframes dexLivePulse{
 0%{ transform:scale(1); opacity:1; }
 50%{ transform:scale(1.4); opacity:0.5; }
 100%{ transform:scale(1); opacity:1; }
}

/* =========================
 TIMEFRAMES
========================= */

.dex-timeframes{
 display:flex;
 gap:6px;
 margin-bottom:10px;
}

.dex-tf-btn{
 font-size:11px;
 padding:4px 10px;

 border-radius:var(--tco-radius);

 
 

 color:#cfd6e4;
 cursor:pointer;

 transition:0.2s;
}

.dex-tf-btn:hover{
 border-color: rgba(var(--tco-accent-rgb), 0.25);
 color:var(--tco-success);
}

.dex-tf-btn.active{
 background: rgba(var(--tco-success-rgb), 0.12);
 border-color: rgba(var(--tco-success-rgb), 0.35);
 color:var(--tco-success);
}

/* =========================
 IFRAME
========================= */

#dexscreener-embed{
 position:relative;
 width:100%;
 padding-bottom:80%;
 border-radius:var(--tco-radius-card);
 overflow:hidden;
}

@media(min-width:1000px){
 #dexscreener-embed{
 padding-bottom:100%;
 }
}

#dexscreener-embed iframe{
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 border:0;
 border-radius:var(--tco-radius-card);
 filter: saturate(1.1) contrast(1.05);
}

/* =========================
 TABLE BASE
========================= */

.dex-table{
 width:100%;
 table-layout:fixed;

 border-collapse:collapse;

 
 border:1px solid rgba(255,255,255,0.06);

 border-radius:14px;
 overflow:hidden;

 box-shadow:
 0 10px 30px rgba(0,0,0,0.25),
 inset 0 1px 0 rgba(255,255,255,0.03);

 position:relative;
}

/* spacing */
.dex-table + .dex-table{
 margin-top:10px;
}

/* =========================
 CELLS
========================= */

.dex-table td{
 vertical-align:top;
 text-align:left;
 padding:14px;

 color:#cfd6e4;
 font-size:13px;

 border-right:1px solid rgba(255,255,255,0.05);
}

.dex-table td:last-child{
 border-right:none;
}

/* =========================
 STICKY TAG BAR
========================= */

.dex-tags-bar{
 position:sticky;
 top:0;
 z-index:50;

 

 

 border-bottom:1px solid rgba(255,255,255,0.06);

 padding:10px 12px;

 box-shadow:
 0 5px 20px rgba(0,0,0,0.4);
}

/* =========================
 TAGS
========================= */

.dex-tags{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
}

.dex-tags a{
 font-size:11px;
 padding:5px 12px;

 border-radius:var(--tco-radius-pill);

 
 

 color:#cfd6e4;

 cursor:pointer;
 transition:0.25s ease;
}

/* hover glow */
.dex-tags a:hover{
 border-color: rgba(var(--tco-accent-rgb), 0.5);
 color:var(--tco-accent);

 box-shadow:
 0 0 12px rgba(var(--tco-accent-rgb), 0.25);
}

/* active */
.dex-tags a.active{
 background: rgba(var(--tco-accent-rgb), 0.18);
 border-color: rgba(var(--tco-accent-rgb), 0.7);
 color:var(--tco-accent);

 box-shadow:
 0 0 14px rgba(var(--tco-accent-rgb), 0.35);
}

/* =========================
 GRADIENT DIVIDER (DEPTH)
========================= */

.dex-divider{
 height:1px;
 margin:0;

 background: linear-gradient(
 90deg,
 transparent,
 rgba(var(--tco-accent-rgb), 0.4),
 transparent
 );

 opacity:0.6;
}

/* =========================
 TABLE HOVER (DEPTH FX)
========================= */

.dex-table:hover{
 border-color: rgba(var(--tco-accent-rgb), 0.25);
 box-shadow:
 0 0 30px rgba(var(--tco-accent-rgb), 0.12),
 0 15px 45px rgba(0,0,0,0.4);
}

/* =========================
 LINKS
========================= */

.dex-table a{
 color:var(--tco-accent-bright);
 text-decoration:none;
}

.dex-table a:hover{
 color:var(--tco-accent);
 text-shadow:0 0 10px rgba(var(--tco-accent-rgb), 0.3);
}

/* =========================
 MESSAGE
========================= */

.dex-message{
 line-height:1.6;
 color:#9aa4b2;
}

/* =========================
 FADE IN
========================= */

.dex-table{
 animation:fadeIn 0.4s ease;
}

@keyframes fadeIn{
 from{
 opacity:0;
 transform:translateY(8px);
 }
 to{
 opacity:1;
 transform:translateY(0);
 }
}


/* ============================================================
   TOKEN DETAIL — OPAQUE PANELS FIX
   Removes glass transparency from token-detail blocks
   ============================================================ */

.coin-card {
  background: #0c1318 !important;
  border: 1px solid rgba(0,255,210,0.10) !important;
  backdrop-filter: none !important;
}

.aurora-box {
  background: #15242a !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.18) !important;
  backdrop-filter: none !important;
}

.copy-btn {
  background: #101920 !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.14) !important;
  backdrop-filter: none !important;
}

.dex-icons {
  background: #0f151a !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.10) !important;
  backdrop-filter: none !important;
}

.dex-icons a[rel="nofollow noopener noreferrer"] {
  background: #10171d !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.10) !important;
  backdrop-filter: none !important;
}

.dex-card {
  background: #0d141a !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  backdrop-filter: none !important;
}

.dex-badge {
  background: #171d27 !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  backdrop-filter: none !important;
}

.dex-banner {
  background: #0f151c !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.12) !important;
  backdrop-filter: none !important;
}

.dex-embed-card {
  background: #0c1218 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  backdrop-filter: none !important;
}

.dex-tf-btn {
  background: #171d27 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.dex-table {
  background: #0b1117 !important;
}

.dex-table td {
  background: #0b1117 !important;
}

.dex-tags-bar {
  background: #0c1319 !important;
  backdrop-filter: none !important;
}

.dex-tags a {
  background: #171d27 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Optional: slightly denser label strip above contract */
.container-row {
  background: transparent !important;
}

/* ============================================================
   TOKEN DETAIL — UNIFIED SOLID BACKGROUND / NO WHITE FRAME
   ============================================================ */

.token-detail-shell {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #0b1117 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.token-detail-shell > tbody,
.token-detail-shell > tbody > tr,
.token-detail-shell > tbody > tr > td {
  background: #0b1117 !important;
  border: 0 !important;
  outline: 0 !important;
}

.token-detail-shell,
.token-detail-shell tr,
.token-detail-shell td,
.token-detail-shell th {
  border-color: transparent !important;
}

.token-detail-shell tbody tr:hover,
.token-detail-shell tbody tr:hover > td,
.token-detail-shell tbody tr:hover > th {
  background: #0b1117 !important;
  box-shadow: none !important;
}

.token-detail-shell .coin-card,
.token-detail-shell .dex-icons,
.token-detail-shell .dex-card,
.token-detail-shell .dex-banner,
.token-detail-shell .aurora-box,
.token-detail-shell .copy-btn {
  backdrop-filter: none !important;
}

.token-detail-shell img,
.token-detail-shell .dex-banner img {
  outline: 0 !important;
}


/* ============================================================
   TOKEN PAGE — MAIN / SIDEBAR SEPARATION
   ============================================================ */

.token-main-column {
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

.token-sidebar-column {
  position: relative !important;
  padding-left: 6px !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
}

/* subtle vertical separator */
.token-sidebar-column::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 1px !important;
  width: 1px !important;

  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0,255,210,0.16) 8%,
    rgba(0,255,210,0.20) 50%,
    rgba(0,255,210,0.16) 92%,
    transparent 100%
  ) !important;

  box-shadow: 0 0 10px rgba(0,255,210,0.05) !important;
  pointer-events: none !important;
}

/* keep sidebar modules from touching separator */
.token-sidebar-column > * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* no hover/background side effects on the layout columns */
.token-main-column:hover,
.token-sidebar-column:hover {
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  .token-main-column {
    padding-right: 6px !important;
  }

  .token-sidebar-column {
    padding-left: 5px !important;
  }
}


/* ============================================================
   SIDEBAR — UNIFIED BLOCK WIDTHS
   ============================================================ */

.token-sidebar-column {
  width: 215px !important;
}

.token-sidebar-column > *,
.token-sidebar-column .hud,
.token-sidebar-column .profile-card,
.token-sidebar-column .crypto-news,
.token-sidebar-column .onlineBox,
.token-sidebar-column .dex-search-header,
.token-sidebar-column .dex-search-form,
.token-sidebar-column .cBlock1,
.token-sidebar-column .cBlock2,
.token-sidebar-column .app,
.token-sidebar-column .card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Remove fixed widths inherited from older sidebar widgets */
.token-sidebar-column .hud {
  width: 100% !important;
}

.token-sidebar-column .profile-card {
  width: 100% !important;
}

.token-sidebar-column .crypto-news {
  width: 100% !important;
}

.token-sidebar-column .onlineBox {
  max-width: none !important;
}

/* Make forms/buttons align with the same visual width */
.token-sidebar-column form,
.token-sidebar-column input,
.token-sidebar-column select,
.token-sidebar-column button {
  box-sizing: border-box;
}

/* Keep inner images/cards from forcing the sidebar wider */
.token-sidebar-column img,
.token-sidebar-column iframe,
.token-sidebar-column canvas {
  max-width: 100%;
}

/* ============================================================
   RIGHT SIDEBAR — SAFE SCOPED EXTRA BLOCKS
   Live Chat + Search Token Price only. Radio Hub removed.
   ============================================================ */

.site-sidebar-stack {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

.site-sidebar-stack > *,
.site-sidebar-stack .hud,
.site-sidebar-stack .dex-wrap,
.site-sidebar-stack .profile-card,
.site-sidebar-stack .crypto-news,
.site-sidebar-stack .sidebar-live-chat,
.site-sidebar-stack .sidebar-token-price,
.site-sidebar-stack .dex-live-header,
.site-sidebar-stack .dex-search-header,
.site-sidebar-stack .dex-search-form,
.site-sidebar-stack .onlineBox {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep existing fixed-width legacy widgets aligned */
.site-sidebar-stack .hud,
.site-sidebar-stack .profile-card,
.site-sidebar-stack .crypto-news,
.site-sidebar-stack .onlineBox {
  width: 100% !important;
  max-width: none !important;
}

/* ---------- LIVE CHAT ---------- */

.site-sidebar-stack .sidebar-live-chat {
  overflow: hidden;
}

.site-sidebar-stack .dex-live-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  margin: 0 0 6px 0;
  background: #0c1319;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.12);
  border-radius: var(--tco-radius-panel);
  box-shadow: 0 8px 24px rgba(0,0,0,0.28);
  position: relative;
  overflow: hidden;
}

.site-sidebar-stack .dex-live-left {
  display: flex;
  align-items: center;
  gap: 7px;
}

.site-sidebar-stack .dex-live-title {
  color: var(--tco-accent-bright);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.site-sidebar-stack .dex-live-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--tco-success);
  box-shadow: 0 0 9px rgba(var(--tco-success-rgb), .7);
  animation: sidebarLivePulse 1.5s infinite;
}

@keyframes sidebarLivePulse {
  0%,100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.45); opacity: .55; }
}

.site-sidebar-stack .sidebar-live-chat .chat_box_body,
.site-sidebar-stack .sidebar-live-chat .chat_box {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.site-sidebar-stack .sidebar-live-chat #mchatIfm2 {
  width: 100% !important;
  max-width: 100% !important;
  height: 250px !important;
  box-sizing: border-box !important;
}

/* ---------- SEARCH TOKEN PRICE ---------- */

.site-sidebar-stack .sidebar-token-price {
  padding: 0;
}

.site-sidebar-stack .sidebar-token-price .dex-search-header {
  margin: 0 0 6px 0 !important;
}

.site-sidebar-stack .sidebar-token-price .token-price-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background: #0d141a !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.10) !important;
  border-radius: var(--tco-radius-panel) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
}

.site-sidebar-stack .sidebar-token-price .token-price-card input,
.site-sidebar-stack .sidebar-token-price .token-price-card select,
.site-sidebar-stack .sidebar-token-price .token-price-card button {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 0 7px 0 !important;
  font-family: inherit !important;
}

.site-sidebar-stack .sidebar-token-price .token-price-card input,
.site-sidebar-stack .sidebar-token-price .token-price-card select {
  height: 34px !important;
  padding: 0 9px !important;
  color: var(--tco-text-strong) !important;
  font-size: 11px !important;
  background: #101923 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: 9px !important;
  outline: none !important;
}

.site-sidebar-stack .sidebar-token-price .token-price-card input:focus,
.site-sidebar-stack .sidebar-token-price .token-price-card select:focus {
  border-color: rgba(var(--tco-accent-rgb), .38) !important;
  box-shadow: 0 0 10px rgba(var(--tco-accent-rgb), .10) !important;
}

.site-sidebar-stack .sidebar-token-price .token-price-card button {
  min-height: 34px !important;
  padding: 7px 9px !important;
  color: var(--tco-accent) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  background: #102229 !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .22) !important;
  border-radius: 9px !important;
}

.site-sidebar-stack .sidebar-token-price .token-price-card button:hover {
  background: #123139 !important;
  border-color: rgba(var(--tco-accent-rgb), .42) !important;
}

.site-sidebar-stack .sidebar-token-price-result {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 2px !important;
  padding: 9px !important;
  text-align: center !important;
  color: var(--tco-text-strong) !important;
  font-size: 11px !important;
  background: #10171d !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

/* Never allow sidebar rules to affect the main content */
.site-sidebar-stack .title,
.site-sidebar-stack .status,
.site-sidebar-stack .card,
.site-sidebar-stack .header {
  box-sizing: border-box;
}


/* ============================================================
   MAIN PAGE — LEGACY TABLE LAYOUT FIX
   1000px content + 215px right sidebar
   ============================================================ */

.main-page-layout {
  width: 1280px !important;
  max-width: 1280px !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0 auto !important;
}

.main-page-content {
  width: 1000px !important;
  max-width: 1000px !important;
  vertical-align: top !important;
  
  
}

.main-page-sidebar {
  width: 215px !important;
  min-width: 215px !important;
  max-width: 215px !important;
  vertical-align: top !important;
  
  
}

.main-page-sidebar .site-sidebar-stack {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  
}

.main-page-sidebar .site-sidebar-stack > * {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Keep outer layout cells stable on hover */
.main-page-layout > tbody > tr:hover,
.main-page-layout > tbody > tr:hover > td {
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1280px) {
  .main-page-layout {
    width: 100% !important;
    max-width: 100% !important;
  }

  .main-page-content {
    width: calc(100% - 225px) !important;
  }

  .main-page-sidebar {
    width: 215px !important;
  }
}


/* ============================================================
   MAIN PAGE — CONTENT / SIDEBAR SEPARATION
   ============================================================ */

.main-page-content {
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

.main-page-sidebar {
  position: relative !important;
  padding-left: 7px !important;
  box-sizing: border-box !important;
}

/* subtle separator between token list and sidebar */
.main-page-sidebar::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 1px !important;

  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0,255,210,0.18) 5%,
    rgba(0,255,210,0.22) 50%,
    rgba(0,255,210,0.18) 95%,
    transparent 100%
  ) !important;

  box-shadow: 0 0 8px rgba(0,255,210,0.05) !important;
  pointer-events: none !important;
}

.main-page-sidebar .site-sidebar-stack {
  margin: 0 !important;
}

/* Don't let hover effects touch the outer layout */


/* ============================================================
   MAIN PAGE — REMOVE OUTER BACKGROUND UNDERLAY
   Keep token rows/sidebar cards intact, remove only the shared base.
   ============================================================ */

.main-page-layout,
.main-page-layout > tbody,
.main-page-layout > tbody > tr,
.main-page-content,
.main-page-sidebar {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Outer layout itself should have no panel-like effects */
.main-page-layout,
.main-page-content,
.main-page-sidebar {
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

/* Preserve spacing/separator only */
.main-page-sidebar::before {
  display: block !important;
}

/* Never reintroduce an outer background on hover */
.main-page-layout > tbody > tr:hover,
.main-page-layout > tbody > tr:hover > td,
.main-page-content:hover,
.main-page-sidebar:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}


/* ============================================================
   MAIN PAGE — REDUCE GAP BELOW SEO BLOCK
   ============================================================ */


.odyssey-seo-inner {
  margin-bottom: 0 !important;
  
}

.main-page-layout {
  margin-top: 0 !important;
}

.main-page-content,
.main-page-sidebar {
  padding-top: 0 !important;
}


/* ============================================================
   HEADER / TOP BLOCKS — COMPACT VERTICAL SPACING
   ============================================================ */

.main-menu {
  margin-bottom: 4px !important;
}

.dex-banner-strip {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

body > h1,
h1 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.odyssey-seo-block {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

.odyssey-seo-inner {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}

/* remove accidental clearing gaps around global header blocks */
#header,
#header + .clear,
.main-menu + .clear,
.dex-banner-strip + .clear {
  margin-bottom: 0 !important;
}

.clear {
  min-height: 0 !important;
}


/* ============================================================
   FILTERED TOKEN LIST PAGE
   ============================================================ */

.token-filter-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  width: 100% !important;
  box-sizing: border-box !important;

  margin: 0 0 10px 0 !important;
  padding: 8px !important;

  background: #0b1117 !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.10) !important;
  border-radius: var(--tco-radius-card) !important;

  box-shadow: 0 8px 24px rgba(0,0,0,0.24) !important;
}

.token-filter-item {
  flex: 1 1 150px !important;
  min-width: 130px !important;
  max-width: 190px !important;

  padding: 7px 10px !important;
  box-sizing: border-box !important;

  background: #101820 !important;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.14) !important;
  border-radius: var(--tco-radius) !important;

  color: var(--tco-text) !important;
  font-size: 12px !important;

  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}

.token-filter-item:hover {
  background: #142329 !important;
  border-color: rgba(var(--tco-accent-rgb), 0.34) !important;
  box-shadow: 0 0 12px rgba(var(--tco-accent-rgb), 0.10) !important;
}

.token-filter-item select,
.token-filter-item input,
.token-filter-item button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.filtered-list-page .list {
  margin-top: 0 !important;
}

.filtered-list-page .paginator {
  margin-top: 8px !important;
}


/* ============================================================
   SEARCH RESULT MATERIAL CARD
   ============================================================ */

.search-result-card {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 14px;

  width: 100%;
  margin-bottom: 10px;
  padding: 10px;

  box-sizing: border-box;

  background: #0b1117;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.10);
  border-radius: var(--tco-radius-panel);

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.025);

  transition:
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.search-result-card:hover {
  border-color: rgba(var(--tco-accent-rgb), 0.28);
  transform: translateY(-2px);
  box-shadow:
    0 0 20px rgba(var(--tco-accent-rgb), 0.08),
    0 12px 30px rgba(0, 0, 0, 0.34);
}

.search-result-image {
  display: block;
  width: 150px;
  height: 105px;
  overflow: hidden;
  border-radius: 9px;
  background: #10171d;
  border: 1px solid rgba(255,255,255,0.06);
}

.search-result-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .25s ease;
}

.search-result-card:hover .search-result-image img {
  transform: scale(1.04);
}

.search-result-noimage {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #668087;
  font-size: 10px;
  letter-spacing: 1px;
}

.search-result-content {
  min-width: 0;
}

.search-result-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 5px;
  font-size: 10px;
}

.search-result-number {
  padding: 2px 6px;
  color: var(--tco-accent);
  background: rgba(var(--tco-accent-rgb), 0.07);
  border: 1px solid rgba(var(--tco-accent-rgb), 0.14);
  border-radius: var(--tco-radius-sm);
}

.search-result-date {
  color: #70858f;
}

.search-result-title {
  margin: 0 0 7px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.search-result-title a {
  color: #dffcff;
  text-decoration: none;
  text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.08);
}

.search-result-title a:hover {
  color: var(--tco-accent);
}

.search-result-text {
  max-height: 58px;
  overflow: hidden;
  color: #9fb4bc;
  font-size: 12px;
  line-height: 1.55;
}

.search-result-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 9px;
}

.search-result-depth {
  color: #657d85;
  font-size: 10px;
}

.search-result-open {
  padding: 5px 9px;
  color: var(--tco-accent);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  background: #102229;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.16);
  border-radius: 7px;
  transition: .2s ease;
}

.search-result-open:hover {
  color: #ffffff;
  background: #143239;
  border-color: rgba(var(--tco-accent-rgb), 0.35);
  box-shadow: 0 0 12px rgba(var(--tco-accent-rgb), 0.10);
}

@media (max-width: 650px) {
  .search-result-card {
    grid-template-columns: 90px minmax(0, 1fr);
  }

  .search-result-image {
    width: 90px;
    height: 90px;
  }

  .search-result-text {
    max-height: 54px;
  }
}


/* ============================================================
   PAGINATION — CONSOLIDATED FINAL
   ============================================================ */

.paginator,
.paginator .pagesBlockuz1,
.paginator .pagesBlock1,
.paginator .pagesBlock2,
.pagesBlockuz1,
.pagesBlock1,
.pagesBlock2 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;

  width: auto !important;
  max-width: max-content !important;

  margin: 12px auto 6px !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  line-height: 1 !important;
  white-space: normal !important;
}

.paginator .pagesBlockuz1,
.paginator .pagesBlock1,
.paginator .pagesBlock2 {
  margin: 0 auto !important;
}

.paginator *,
.pagesBlockuz1 *,
.pagesBlock1 *,
.pagesBlock2 * {
  float: none !important;
  position: static !important;
}

/* uCoz wrappers must never look like buttons */
.paginator div,
.paginator b,
.paginator i,
.paginator em,
.pagesBlockuz1 div,
.pagesBlockuz1 b,
.pagesBlockuz1 i,
.pagesBlockuz1 em,
.pagesBlock1 div,
.pagesBlock1 b,
.pagesBlock1 i,
.pagesBlock1 em,
.pagesBlock2 div,
.pagesBlock2 b,
.pagesBlock2 i,
.pagesBlock2 em {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

.paginator span:not(.swchItem):not(.swchItemA):has(a),
.pagesBlockuz1 span:not(.swchItem):not(.swchItemA):has(a),
.pagesBlock1 span:not(.swchItem):not(.swchItemA):has(a),
.pagesBlock2 span:not(.swchItem):not(.swchItemA):has(a) {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.paginator div:empty,
.paginator span:empty,
.pagesBlockuz1 div:empty,
.pagesBlock1 div:empty,
.pagesBlock2 div:empty {
  display: none !important;
}

/* Non-active buttons */
.paginator a,
.pagesBlockuz1 a,
.pagesBlock1 a,
.pagesBlock2 a,
.swchItem {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background: #0b1519 !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .22) !important;
  border-radius: var(--tco-radius) !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  text-decoration: none !important;
  text-align: center !important;
  text-shadow: none !important;

  box-shadow: none !important;
  transform: none !important;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease !important;
}

.paginator a *,
.pagesBlockuz1 a *,
.pagesBlock1 a *,
.pagesBlock2 a *,
.swchItem * {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;
  text-shadow: none !important;
}

/* Current page */
.paginator > span:not(:has(a)),
.pagesBlockuz1 > span:not(:has(a)),
.pagesBlock1 > span:not(:has(a)),
.pagesBlock2 > span:not(:has(a)),
.paginator .swchItemA,
.pagesBlockuz1 .swchItemA,
.pagesBlock1 .swchItemA,
.pagesBlock2 .swchItemA,
.swchItemA {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  color: #00110e !important;
  -webkit-text-fill-color: #00110e !important;

  background: #00dfbd !important;
  border: 1px solid #00f5cf !important;
  border-radius: var(--tco-radius) !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  text-shadow: none !important;

  box-shadow:
    0 0 10px rgba(var(--tco-accent-rgb), .14) !important;

  cursor: default !important;
}

.paginator .swchItemA *,
.pagesBlockuz1 .swchItemA *,
.pagesBlock1 .swchItemA *,
.pagesBlock2 .swchItemA *,
.swchItemA * {
  color: #00110e !important;
  -webkit-text-fill-color: #00110e !important;
  text-shadow: none !important;
}

/* Hover only for non-active links */
.paginator a:hover,
.pagesBlockuz1 a:hover,
.pagesBlock1 a:hover,
.pagesBlock2 a:hover,
.swchItem:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  background: #10252a !important;
  border-color: rgba(var(--tco-accent-rgb), .45) !important;

  box-shadow:
    0 0 12px rgba(var(--tco-accent-rgb), .10) !important;
}

.paginator a:hover *,
.pagesBlockuz1 a:hover *,
.pagesBlock1 a:hover *,
.pagesBlock2 a:hover *,
.swchItem:hover * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 650px) {
  .paginator,
  .paginator .pagesBlockuz1,
  .paginator .pagesBlock1,
  .paginator .pagesBlock2,
  .pagesBlockuz1,
  .pagesBlock1,
  .pagesBlock2 {
    gap: 5px !important;
  }

  .paginator a,
  .pagesBlockuz1 a,
  .pagesBlock1 a,
  .pagesBlock2 a,
  .swchItem,
  .paginator > span:not(:has(a)),
  .pagesBlockuz1 > span:not(:has(a)),
  .pagesBlock1 > span:not(:has(a)),
  .pagesBlock2 > span:not(:has(a)),
  .swchItemA {
    min-width: 32px !important;
    width: 32px !important;
    height: 32px !important;

    font-size: 13px !important;
    border-radius: 7px !important;
  }
}


/* ============================================================
   SINGLE CONTENT PAGE
   ============================================================ */

.page-content {
  
  
  
  
  
  background: transparent !important;
}

/* GEM DESCRIPTION */
.page-content .gem-description {
  font-size: 12px;
  line-height: 1.6;
  color: #c9d1d9;
  background: #0d1117;
  padding: 16px;
  border-radius: var(--tco-radius-card);
  border: 1px solid #1f2937;
  box-sizing: border-box;
}

.page-content .accent {
  color: #00ffcc;
  font-weight: 600;
}

.page-content .warn {
  color: var(--tco-warning);
  font-weight: 600;
}

.page-content .danger {
  color: #ff4d4d;
  font-weight: 700;
}

.page-content u {
  text-decoration-color: #00ffcc;
  text-underline-offset: 3px;
}

/* TABLE HOVER FIX */


/* SCANNER */


/* ============================================================
   MARKET CAP TERMINAL PAGE — MOVED FROM INLINE STYLES
   ============================================================ */


 

 

 

 

 

 

 

 

.mct-shell {
 
 --mct-bg-soft: #0a111d;
 
 
 
 
 
 
 
 
 
 
 --mct-glow: 0 16px 34px rgba(0, 0, 0, 0.28);
 --mct-table-head-top: 90px;
 
 
 background:
 radial-gradient(circle at top right, rgba(77, 163, 255, 0.08), transparent 25%),
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.05), transparent 24%),
 linear-gradient(180deg, var(--mct-bg) 0%, var(--mct-bg-soft) 100%);
 padding: 12px;
}


.mct-seo-top,
.mct-description,
.mct-panel,
.mct-card,
.mct-guide {
 border: 1px solid var(--mct-border);
 box-shadow: var(--mct-glow);
}


.mct-seo-eyebrow,
.mct-guide-eyebrow {
 margin: 0 0 6px;
 font-size: 11px;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: var(--mct-info);
}

.mct-seo-top h1,
.mct-guide h2 {
 margin: 0 0 8px;
 line-height: 1.08;
 color: #f4fbff;
}


.mct-seo-top p,
.mct-guide-intro,
.mct-description {
 font-size: 12px;
 line-height: 1.35;
 color: var(--mct-text);
}


.mct-seo-grid,
.mct-guide-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(220px, 1fr));
 gap: 8px;
}


.mct-seo-point,
.mct-guide-card {
 padding: 10px 12px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.03);
}

.mct-seo-point strong,
.mct-guide-card h3 {
 display: block;
 margin-bottom: 4px;
 color: #f4fbff;
 font-size: 13px;
}

.mct-seo-point span,
.mct-guide-card p {
 display: block;
 margin: 0;
 color: var(--mct-muted);
 font-size: 12px;
 line-height: 1.45;
}


.mct-sticky-top {
 position: sticky;
 top: 8px;
 z-index: 40;
 margin: 0 0 8px;
}

.mct-sticky-panel {
 padding: 6px;
 border-radius: 9px;
 background: linear-gradient(180deg, rgba(15, 23, 36, 0.96) 0%, rgba(10, 17, 29, 0.96) 100%);
 backdrop-filter: blur(18px);
}

.mct-toolbar {
 
 
 
 align-items: end;
}

.mct-field {
 
 
 
 min-width: 0;
}


.mct-field input,
.mct-field select,
.mct-btn {
 width: 100%;
 
 
 
 
 
 
 
}


.mct-controls {
 
 
 
 
 margin-top: 6px;
 padding-top: 6px;
 border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.mct-meta {
 
 
 
 flex: 1 1 auto;
 min-width: 0;
}

.mct-badge {
 
 
 
 
 
 
 
 
 
 white-space: nowrap;
}

.mct-actions {
 
 
 
 
 
 flex: 0 0 auto;
 overflow-x: auto;
 white-space: nowrap;
 scrollbar-width: thin;
}

.mct-actions > * {
 flex: 0 0 auto;
}


.mct-sort-direction {
 white-space: nowrap;
}


.mct-stat,
.mct-card {
 border-radius: var(--tco-radius-panel);
 background:
 linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
 rgba(13, 21, 36, 0.96);
}


.mct-stat-value {
 
 
 
 
 
 
 font-variant-numeric: tabular-nums;
}

.mct-dashboard {
 display: grid;
 grid-template-columns: repeat(3, minmax(145px, 1fr));
 gap: 6px;
 margin-bottom: 6px;
}

.mct-card {
 padding: 7px 8px;
}

.mct-card-head {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 gap: 8px;
 margin-bottom: 8px;
}

.mct-card-title {
 font-size: 11px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--mct-muted);
}

.mct-card-note {
 font-size: 11px;
 color: var(--mct-muted);
}

.mct-watch-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 6px;
 margin-bottom: 4px;
}

.mct-movers-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 6px;
 margin-top: 6px;
}

.mct-signal-score {
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 gap: 8px;
 margin-bottom: 8px;
}

.mct-signal-value {
 font-size: 28px;
 font-weight: 800;
 line-height: 1;
 color: #f4fbff;
 font-variant-numeric: tabular-nums;
}

.mct-signal-label {
 display: block;
 margin-top: 4px;
 font-size: 12px;
 font-weight: 600;
}

.mct-chip {
 display: inline-flex;
 align-items: center;
 padding: 6px 8px;
 border-radius: var(--tco-radius-pill);
 background: rgba(255, 255, 255, 0.04);
 border: 1px solid rgba(255, 255, 255, 0.08);
 color: var(--mct-text);
 font-size: 11px;
 white-space: nowrap;
}

.mct-meter {
 position: relative;
 width: 100%;
 height: 8px;
 border-radius: var(--tco-radius-pill);
 background: rgba(255, 255, 255, 0.06);
 overflow: hidden;
 margin-bottom: 6px;
}

.mct-meter > span {
 display: block;
 height: 100%;
 width: 0%;
 border-radius: inherit;
 transition: width 0.25s ease;
}

.mct-meter-greed > span {
 background: linear-gradient(90deg, #ff5d73 0%, var(--tco-warning) 48%, var(--tco-success) 100%);
}

.mct-meter-breadth > span {
 background: linear-gradient(90deg, #ff5d73 0%, var(--tco-warning) 50%, var(--tco-success) 100%);
}

.mct-meter-scale {
 display: flex;
 justify-content: space-between;
 gap: 8px;
 color: var(--mct-muted);
 font-size: 10px;
}

.mct-grid-mini {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 8px;
 margin-bottom: 8px;
}

.mct-mini {
 padding: 8px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.03);
}


.mct-mini-value {
 
 
 
 font-variant-numeric: tabular-nums;
}
.mct-watch-entry {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 94px;
 gap: 8px;
 margin-bottom: 8px;
}

.mct-asset-list,
.mct-mover-list {
 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.mct-asset-item,
.mct-mover-item {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto auto;
 gap: 10px;
 align-items: center;
 padding: 8px 10px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.03);
}

.mct-asset-main,
.mct-mover-main {
 min-width: 0;
}

.mct-asset-name,
.mct-mover-name {
 display: block;
 font-weight: 600;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.mct-asset-symbol,
.mct-mover-symbol {
 display: block;
 margin-top: 1px;
 font-size: 11px;
 color: var(--mct-muted);
 text-transform: uppercase;
}

.mct-asset-price,
.mct-mover-price {
 font-size: 12px;
 color: var(--mct-muted);
 white-space: nowrap;
 font-variant-numeric: tabular-nums;
}

.mct-asset-actions {
 display: flex;
 gap: 4px;
 align-items: center;
}

.mct-inline-btn,
.mct-fav-btn {
 min-height: 26px;
 border-radius: var(--tco-radius-sm);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.04);
 color: var(--mct-text);
 font-size: 11px;
 cursor: pointer;
 transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.mct-inline-btn {
 padding: 0 8px;
}

.mct-fav-btn {
 width: 52px;
 padding: 0 6px;
}

.mct-inline-btn:hover,
.mct-fav-btn:hover {
 transform: translateY(-1px);
 border-color: rgba(var(--tco-success-rgb), 0.35);
}

.mct-fav-btn.is-active {
 background: rgba(var(--tco-success-rgb), 0.12);
 color: var(--mct-accent);
 border-color: rgba(var(--tco-success-rgb), 0.35);
}


.mct-table {
 
 
 table-layout: fixed;
 
}

.mct-table col.mct-col-fav { width: 74px; }
.mct-table col.mct-col-rank { width: 62px; }
.mct-table col.mct-col-coin { width: 250px; }
.mct-table col.mct-col-market { width: 170px; }
.mct-table col.mct-col-volume { width: 170px; }
.mct-table col.mct-col-price { width: 150px; }
.mct-table col.mct-col-supply { width: 170px; }
.mct-table col.mct-col-change { width: 130px; }

.mct-table th,
.mct-table td {
 
 
 border-right: 1px solid rgba(255, 255, 255, 0.08);
 
 
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 12px;
 font-variant-numeric: tabular-nums;
}

.mct-table th:last-child,
.mct-table td:last-child {
 border-right: none;
}

.mct-table thead th {
 
 
 color: #eff8ff;
}


.mct-table td.mct-num,
.mct-table th.mct-num {
 text-align: right;
}

.mct-table td.mct-center,
.mct-table th.mct-center {
 text-align: center;
}


.mct-guide-sticky {
 position: static;
 margin: 0 0 4px;
}

.mct-guide {
 
 
 
 backdrop-filter: blur(18px);
}

.mct-guide-head {
 display: flex;
 justify-content: space-between;
 gap: 6px;
 align-items: flex-start;
 margin-bottom: 4px;
}

.mct-guide-head h2 {
 font-size: clamp(14px, 1.8vw, 18px);
}


.mct-guide-toggle {
 min-width: 68px;
}

.mct-guide.is-collapsed .mct-guide-body {
 display: none;
}

.mct-tone-fear { color: #ff6b7f; }
.mct-tone-neutral { color: var(--tco-warning); }
.mct-tone-greed { color: var(--tco-success); }
.mct-tone-extreme { color: #9dff00; }

@media (max-width: 1360px) {
 .mct-dashboard {
 grid-template-columns: repeat(3, minmax(145px, 1fr));
 }

 .mct-movers-grid {
 grid-template-columns: 1fr;
 }
}

@media (max-width: 1240px) {
 .mct-shell {
 --mct-table-head-top: 118px;
 }

 

 

 .mct-dashboard,
 .mct-seo-grid,
 .mct-guide-grid {
 grid-template-columns: repeat(2, minmax(220px, 1fr));
 }

 .mct-watch-grid,
 .mct-movers-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .mct-controls,
 .mct-guide-head {
 flex-direction: column;
 }

 
}

@media (max-width: 760px) {
 .mct-shell {
 padding: 12px;
 }

 .mct-toolbar,
 .mct-stats,
 .mct-dashboard,
 .mct-watch-grid,
 .mct-movers-grid,
 .mct-seo-grid,
 .mct-guide-grid,
 .mct-grid-mini {
 grid-template-columns: 1fr;
 }

 .mct-watch-entry {
 grid-template-columns: 1fr;
 }

 

 

 .mct-seo-top,
 .mct-description,
 .mct-guide,
 .mct-sticky-panel {
 padding: 12px;
 }

 .mct-shell {
 --mct-table-head-top: 132px;
 }
}

/* ============================================================
   HASHRATE FLEET MINING TERMINAL — MOVED FROM INLINE STYLES
   ============================================================ */


 

 

 

 

:root {
 
 
 
 
 
 
 
 
 
 
 --amber: var(--tco-warning);
 
 --violet: #b88bff;
 
 
 }

 


 .gem-description,
 .terminal-shell,
 .guide-shell {
 width: min(1280px, 100%);
 margin: 0 auto;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: linear-gradient(180deg, var(--panel), var(--panel-strong));
 box-shadow: var(--shadow);
 }

 .gem-description {
 
 margin-bottom: 16px;
 
 
 }

 .terminal-shell,
 .guide-shell {
 padding: 18px;
 }

 
 
 
 
 
 
 .pos { color: var(--green); }
 .neg { color: var(--red); }

 .header-row,
 .header-actions,
 .status-grid,
 .stats-grid,
 .toolbar-grid,
 .content-grid,
 .input-grid,
 .summary-grid,
 .result-grid,
 .scenario-grid {
 display: grid;
 gap: 12px;
 }

 .header-row {
 grid-template-columns: minmax(0, 1fr) auto;
 align-items: start;
 margin-bottom: 14px;
 }

 .header-actions {
 grid-template-columns: repeat(4, minmax(0, auto));
 align-items: center;
 }

 .status-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-bottom: 14px;
 }

 .stats-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 margin-bottom: 14px;
 }

 .toolbar-grid {
 grid-template-columns: minmax(0, 1.4fr) 280px;
 margin-bottom: 14px;
 }

 .content-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 margin-bottom: 14px;
 align-items: start;
 }

 .fleet-toolbar {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto auto;
 gap: 10px;
 margin-bottom: 12px;
 align-items: end;
 }

 .input-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 

 .result-grid,
 .scenario-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 }

 .panel-head {
 
 
 
 
 margin-bottom: 10px;
 flex-wrap: wrap;
 }

 .title {
 margin: 0 0 6px;
 color: var(--tco-accent);
 font-size: clamp(20px, 3vw, 30px);
 letter-spacing: 0.04em;
 }

 .subtitle,
 .helper-text,
 .panel-note {
 margin: 0;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.6;
 }

 .section-title {
 margin: 0 0 10px;
 font-size: 13px;
 letter-spacing: 0.08em;
 color: #e8f7ff;
 }

 .panel {
 border: 1px solid var(--border);
 border-radius: 14px;
 padding: 14px;
 background:
 linear-gradient(180deg, rgba(10, 15, 22, 0.96), rgba(8, 12, 18, 0.98)),
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.05), transparent 40%);


 }

 .badge,
 .stat-card,
 .summary-card,
 .result-card,
 .scenario-card {
 border: 1px solid var(--border);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.03);
 }

 .badge {
 
 
 color: var(--muted);
 }

 .badge.live {
 color: #dffff5;
 border-color: rgba(var(--tco-success-rgb), 0.24);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .badge.loading {
 color: #ffe7b3;
 border-color: rgba(var(--tco-warning-rgb), 0.26);
 background: rgba(var(--tco-warning-rgb), 0.08);
 }

 .badge.warning {
 color: #ffe4ab;
 border-color: rgba(var(--tco-warning-rgb), 0.26);
 background: rgba(var(--tco-warning-rgb), 0.08);
 }

 .badge.error {
 color: #ffd4d4;
 border-color: rgba(255, 92, 92, 0.26);
 background: rgba(255, 92, 92, 0.1);
 }

 .stat-card,
 .summary-card,
 .result-card,
 .scenario-card {
 padding: 12px;
 }

 .stat-label,
 .summary-label,
 .result-label,
 .scenario-label,
 .field-label {
 display: block;
 margin-bottom: 6px;
 font-size: 11px;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 color: var(--muted);
 }

 .stat-value,
 .summary-value,
 .result-value,
 .scenario-value {
 font-size: 15px;
 font-weight: 700;
 line-height: 1.35;
 color: #f7fbff;
 }

 .stat-note,
 .summary-note,
 .scenario-note {
 margin-top: 6px;
 font-size: 12px;
 color: var(--muted);
 line-height: 1.5;

 }

 .field {
 display: grid;
 gap: 6px;


 }

 input,
 select,
 button {
 width: 100%;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(0, 255, 198, 0.2);
 color: #f7fbff;
 box-sizing: border-box;
 }

 input,
 select {
 padding: 11px 12px;
 background: rgba(255, 255, 255, 0.03);
 outline: none;
 }

 input:focus,
 select:focus {
 border-color: rgba(0, 255, 198, 0.45);
 box-shadow: 0 0 0 3px rgba(0, 255, 198, 0.12);
 }

 button {
 padding: 11px 14px;
 cursor: pointer;
 font-weight: 700;
 transition: transform 0.16s ease, filter 0.16s ease, opacity 0.16s ease;
 background: linear-gradient(180deg, var(--tco-accent), #00d4a3);
 color: #061018;
 }

 button:hover:not(:disabled) {
 transform: translateY(-1px);
 filter: brightness(1.02);
 }

 button:disabled {
 opacity: 0.65;
 cursor: not-allowed;
 transform: none;
 }

 .secondary-btn {
 background: rgba(77, 163, 255, 0.12);
 color: #dbeeff;
 border-color: rgba(77, 163, 255, 0.28);
 }

 .ghost-btn {
 background: rgba(255, 255, 255, 0.04);
 color: #dce7f4;
 border-color: rgba(255, 255, 255, 0.12);
 }

 .coin-list {
 max-height: 640px;
 overflow: auto;
 padding-right: 4px;


 }

 .coin-item {
 width: 100%;
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 12px;
 padding: 12px;
 margin-bottom: 10px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.07);
 background: rgba(255, 255, 255, 0.03);
 color: inherit;
 text-align: left;
 }

 .coin-item:last-child {
 margin-bottom: 0;
 }

 .coin-item:hover {
 background: rgba(0, 255, 198, 0.08);
 border-color: rgba(0, 255, 198, 0.18);
 }

 .coin-item.active {
 background: rgba(0, 255, 198, 0.14);
 border-color: rgba(0, 255, 198, 0.3);
 box-shadow: inset 3px 0 0 var(--tco-accent);
 }

 .coin-name {
 display: block;
 margin-bottom: 4px;
 font-size: 14px;
 
 
 }

 .coin-meta,
 .coin-sub {
 font-size: 12px;
 color: var(--muted);
 }

 .coin-right {
 text-align: right;
 }

 .coin-price {
 font-size: 13px;
 font-weight: 700;
 color: #f7fbff;
 }

 .field.is-hidden {
 opacity: 0.45;
 }

 .field.is-hidden input,
 .field.is-hidden select {
 pointer-events: none;
 }

 .helper-text {
 margin-top: 12px;
 }

 .fleet-table-wrap {
 overflow: auto;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.02);
 margin-top: 12px;
 }

 .fleet-table {
 width: 100%;
 min-width: 1040px;
 border-collapse: collapse;
 table-layout: fixed;
 font-size: 12px;


 }

 .fleet-table th,
 .fleet-table td {
 padding: 10px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 text-align: left;
 vertical-align: middle;
 }

 .fleet-table th {
 background: rgba(8, 12, 18, 0.98);
 color: var(--muted);
 text-transform: uppercase;
 letter-spacing: 0.05em;
 font-size: 11px;
 }

 .fleet-table input,
 .fleet-table select {
 padding: 9px 10px;
 min-width: 0;

 }

 .fleet-remove {
 padding: 9px 10px;
 background: rgba(255, 92, 92, 0.12);
 color: #ffd9d9;
 border-color: rgba(255, 92, 92, 0.26);
 }

 .market-table-wrap {
 overflow: auto;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.02);


 }


 .market-table {
 width: 100%;
 min-width: 1100px;
 border-collapse: collapse;
 table-layout: fixed;
 font-size: 12px;
 font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 background:
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.08), transparent 24%),
 radial-gradient(circle at top right, rgba(77, 163, 255, 0.08), transparent 20%),
 linear-gradient(180deg, var(--bg-1), var(--bg-2) 54%, #060a10);
 }


 .market-table th,
 .market-table td {
 padding: 11px 12px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 text-align: left;
 vertical-align: middle;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 }

 .market-table th {
 position: sticky;
 top: 0;
 z-index: 1;
 background: rgba(8, 12, 18, 0.98);
 }

 .market-table tbody tr {
 cursor: pointer;
 transition: background 0.14s ease;
 }

 .market-table tbody tr:hover {
 background: rgba(0, 255, 198, 0.06);
 }

 .market-table tbody tr.is-active {
 background: rgba(0, 255, 198, 0.12);
 box-shadow: inset 3px 0 0 var(--tco-accent);
 }

 .market-table th:nth-child(1),
 .market-table td:nth-child(1) {
 width: 24%;
 }

 .market-table th:nth-child(2),
 .market-table td:nth-child(2) {
 width: 10%;
 }

 .market-table th:nth-child(3),
 .market-table td:nth-child(3) {
 width: 18%;
 }

 .market-table th:nth-child(4),
 .market-table td:nth-child(4),
 .market-table th:nth-child(5),
 .market-table td:nth-child(5),
 .market-table th:nth-child(6),
 .market-table td:nth-child(6),
 .market-table th:nth-child(7),
 .market-table td:nth-child(7) {
 width: 12%;
 }

 .table-sort {
 width: 100%;
 padding: 0;
 border: 0;
 background: transparent;
 color: #d8f3ff;
 text-align: left;
 font: inherit;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 font-size: 11px;
 cursor: pointer;


 }

 .table-sort:hover {
 filter: none;
 transform: none;
 color: #ffffff;
 }

 .coin-cell-title {
 font-weight: 700;
 color: #f7fbff;
 }

 .coin-cell-sub {
 margin-top: 4px;
 font-size: 11px;
 color: var(--muted);
 }

 .cell-right {
 text-align: right;
 }

 .guide-shell {
 margin-top: 16px;
 }

 .guide-grid {
 display: grid;
 
 gap: 12px;
 }

 .guide-card {
 border: 1px solid var(--border);
 border-radius: 14px;
 padding: 14px;
 background: rgba(255, 255, 255, 0.03);
 }

 .seo-block {
 font-size: 14px;
 line-height: 1.75;
 }

 .guide-list {
 
 
 
 line-height: 1.7;
 
 }

 

 .scenario-card.bear {
 border-color: rgba(255, 92, 92, 0.18);
 background: rgba(255, 92, 92, 0.05);
 }

 .scenario-card.base {
 border-color: rgba(77, 163, 255, 0.18);
 background: rgba(77, 163, 255, 0.05);
 }

 .scenario-card.bull {
 border-color: rgba(var(--tco-success-rgb), 0.18);
 background: rgba(var(--tco-success-rgb), 0.05);
 }

 .empty-state {
 padding: 18px 12px;
 text-align: center;
 color: var(--muted);
 font-size: 13px;
 border: 1px dashed rgba(255, 255, 255, 0.08);
 border-radius: var(--tco-radius-panel);
 background: rgba(255, 255, 255, 0.02);
 }

 @media (max-width: 1080px) {
 .content-grid,
 .input-grid,
 .summary-grid,
 .result-grid,
 .scenario-grid,
 .stats-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }

 @media (max-width: 760px) {
 .header-row,
 .status-grid,
 .toolbar-grid,
 .fleet-toolbar,
 .content-grid,
 .input-grid,
 .summary-grid,
 .result-grid,
 .scenario-grid,
 .guide-grid,
 .stats-grid {
 grid-template-columns: 1fr;
 }

 .header-actions {
 grid-template-columns: 1fr 1fr;
 }

 .coin-list {
 max-height: 360px;
 }
 }

/* ============================================================
   GENERIC SINGLE CONTENT PAGE — MOVED FROM INLINE STYLES
   ============================================================ */


 

 

 

 

 

 

 

 

/* ============================================================
   CRYPTO GEM SCANNER V2.3 — MOVED FROM INLINE STYLES
   ============================================================ */


 

 

 

 

 

 

 

 

:root {
 
 --bg-soft: #0c1622;
 
 
 
 
 --line-strong: rgba(var(--tco-success-rgb), 0.18);
 
 
 
 --info: #4da3ff;
 
 --danger: #ff647c;
 
 --radius: 22px;
 }

 


 

 

 .page-shell {
 position: relative;
 z-index: 1;
 width: min(1240px, calc(100% - 28px));
 margin: 0 auto;
 padding: 24px 0 36px;
 display: grid;
 gap: 18px;
 }

 .panel-card {
 border: 1px solid var(--line);
 border-radius: var(--radius);
 background: linear-gradient(180deg, var(--panel), var(--panel-strong));
 box-shadow: var(--shadow);
 overflow: hidden;
 }

 .hero-card,
 .guide-card {
 padding: 24px;
 }

 .hero-card::before,
 .guide-card::before,
 .scanner-card::before {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background:
 radial-gradient(circle at top right, rgba(var(--tco-success-rgb), 0.08), transparent 28%),
 linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 36%);
 }

 .hero-card,
 .guide-card,
 .scanner-card {
 position: relative;
 }

 .hero-card > *,
 .guide-card > *,
 .scanner-card > * {
 position: relative;
 z-index: 1;
 }

 .eyebrow {
 
 
 
 min-height: 34px;
 
 
 
 
 
 
 font-weight: 700;
 
 
 }

 .hero-title,
 .guide-title,
 .scanner-title {
 margin: 14px 0 0;
 color: #f6fbff;
 line-height: 1.15;
 }

 .hero-title {
 font-size: clamp(30px, 4vw, 48px);
 max-width: 980px;
 }

 .guide-title,
 .scanner-title {
 font-size: clamp(24px, 3vw, 34px);
 }

 .hero-copy,
 .guide-copy,
 .scanner-copy,
 .status-text,
 .summary-note,
 .guide-item p,
 .faq-item p {
 color: var(--muted);
 }

 .hero-copy,
 .guide-copy {
 max-width: 980px;
 margin: 12px 0 0;
 font-size: 15px;
 }

 

 

 

 

 .feature-grid,
 .summary-grid,
 .guide-grid,
 .faq-grid {
 display: grid;
 gap: 14px;
 }

 .feature-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 18px;
 }

 .feature-card,
 .summary-card,
 .guide-item,
 .faq-item {
 min-height: 100%;
 padding: 16px;
 border-radius: 16px;
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: var(--panel-soft);
 }

 .feature-card strong,
 .guide-item h3,
 .faq-item h3 {
 display: block;
 margin-bottom: 8px;
 color: #f5fbff;
 font-size: 15px;
 }

 .feature-card span,
 .guide-item p,
 .faq-item p {
 font-size: 13px;
 margin: 0;
 }

 .scanner-card {
 padding: 22px;
 }

 .scanner-head {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 16px;
 align-items: flex-start;
 }

 .scanner-copy {
 margin: 10px 0 0;
 max-width: 760px;
 }

 .disclaimer {
 margin-top: 18px;
 padding: 16px 18px;
 border-radius: 16px;
 border: 1px solid rgba(var(--tco-warning-rgb), 0.18);
 background: linear-gradient(180deg, rgba(var(--tco-warning-rgb), 0.08), rgba(var(--tco-warning-rgb), 0.04));
 color: #d8e7ff;
 }

 .toolbar {
 
 
 
 
 margin-top: 18px;
 
 border-radius: 16px;
 border: 1px solid var(--line);
 
 }

 .toolbar-left,
 .toolbar-right {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 align-items: center;
 }

 .live-status {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 38px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(77, 163, 255, 0.18);
 background: rgba(77, 163, 255, 0.1);
 color: var(--info);
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 white-space: nowrap;
 }

 .live-status.live {
 border-color: rgba(var(--tco-success-rgb), 0.2);
 background: rgba(var(--tco-success-rgb), 0.08);
 color: var(--accent);
 }

 .live-status.cache,
 .live-status.stale {
 border-color: rgba(var(--tco-warning-rgb), 0.22);
 background: rgba(var(--tco-warning-rgb), 0.08);
 color: var(--warn);
 }

 .live-status.error {
 border-color: rgba(255, 100, 124, 0.22);
 background: rgba(255, 100, 124, 0.08);
 color: var(--danger);
 }

 .dot {
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: currentColor;
 box-shadow: 0 0 10px currentColor;
 animation: blink 1.2s infinite ease-in-out;
 }

 .status-text {
 font-size: 12px;
 line-height: 1.5;
 }

 .meta-chip {
 display: inline-flex;
 align-items: center;
 min-height: 38px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.04);
 color: #dce8f9;
 font-size: 12px;
 white-space: nowrap;
 }

 .refresh-btn {
 min-height: 40px;
 padding: 10px 14px;
 border: 1px solid rgba(77, 163, 255, 0.24);
 border-radius: var(--tco-radius-panel);
 background: rgba(77, 163, 255, 0.08);
 color: #e6f1ff;
 cursor: pointer;
 font-size: 12px;
 font-weight: 700;
 transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
 }

 .refresh-btn:hover:not(:disabled) {
 transform: translateY(-1px);
 border-color: rgba(var(--tco-success-rgb), 0.3);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .refresh-btn:disabled {
 opacity: 0.6;
 cursor: progress;
 }

 .summary-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 16px;
 }

 .summary-label {
 display: block;
 margin-bottom: 8px;
 font-size: 11px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--muted);
 }

 .summary-value {
 display: block;
 font-size: clamp(24px, 3vw, 32px);
 font-weight: 700;
 color: #f4fbff;
 line-height: 1.1;
 }

 .summary-note {
 margin-top: 8px;
 font-size: 12px;
 }

 .table-shell {
 margin-top: 16px;
 border: 1px solid var(--line);
 border-radius: 18px;
 overflow: hidden;
 background: rgba(255, 255, 255, 0.02);
 }

 .table-tools {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 12px;
 align-items: center;
 padding: 14px 16px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 }

 .view-switch {
 display: inline-flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
 }

 .view-btn {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 38px;
 padding: 8px 12px;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: var(--tco-radius-pill);
 background: rgba(255, 255, 255, 0.04);
 color: #deebff;
 cursor: pointer;
 font-size: 12px;
 font-weight: 700;
 transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
 }

 .view-btn:hover:not(:disabled) {
 transform: translateY(-1px);
 border-color: rgba(77, 163, 255, 0.24);
 background: rgba(77, 163, 255, 0.08);
 }

 .view-btn.active {
 border-color: rgba(var(--tco-success-rgb), 0.26);
 background: rgba(var(--tco-success-rgb), 0.1);
 color: #e7fff4;
 }

 .view-btn:disabled {
 opacity: 0.6;
 cursor: default;
 }

 .view-count {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 24px;
 min-height: 24px;
 padding: 0 8px;
 border-radius: var(--tco-radius-pill);
 background: rgba(255, 255, 255, 0.08);
 color: inherit;
 font-size: 11px;
 font-weight: 700;
 }

 .view-summary {
 color: var(--muted);
 font-size: 12px;
 line-height: 1.45;
 }

 .table-scroll {
 overflow-x: auto;
 }

 table {
 
 
 
 table-layout: fixed;
 }

 th,
 td {
 
 
 
 border-right: 1px solid rgba(255, 255, 255, 0.06);
 
 vertical-align: middle;
 }

 th:last-child,
 td:last-child {
 border-right: 0;
 }

 th {
 
 
 
 
 
 box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
 }

 .sort-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 6px;
 width: 100%;
 padding: 0;
 border: 0;
 background: transparent;
 color: inherit;
 font: inherit;
 text-transform: inherit;
 letter-spacing: inherit;
 cursor: pointer;
 }

 .sort-btn::after {
 content: "↕";
 opacity: 0.42;
 font-size: 11px;
 line-height: 1;
 }

 .sort-btn.active::after {
 opacity: 1;
 }

 .sort-btn.active[data-sort-dir="asc"]::after {
 content: "↑";
 }

 .sort-btn.active[data-sort-dir="desc"]::after {
 content: "↓";
 }

 tbody tr:nth-child(even) td {
 background: rgba(255, 255, 255, 0.015);
 }

 

 

 .row-gem70 {
 background: rgba(16, 36, 31, 0.48);
 }

 .row-primed {
 background: rgba(14, 28, 40, 0.62);
 }

 .row-gem85 {
 background: rgba(18, 33, 31, 0.6);
 }

 .row-gem95 {
 background: rgba(14, 30, 34, 0.72);
 }

 .badge {
 
 
 justify-content: center;
 min-height: 30px;
 
 
 
 
 font-weight: 700;
 
 }

 .coin-name {
 margin-top: 6px;
 color: #eef6ff;
 font-weight: 600;
 }

 .coin-link {
 display: inline-block;
 margin-top: 6px;
 font-size: 11px;
 color: #a7cbff;
 }

 .reason-note {
 margin-top: 8px;
 font-size: 11px;
 line-height: 1.4;
 color: var(--muted);
 }

 .cell-stack {
 display: grid;
 gap: 6px;
 justify-items: center;
 }

 .score-main {
 font-size: 18px;
 font-weight: 700;
 color: #f4fbff;
 line-height: 1;
 }

 .score-meta,
 .signal-note,
 .price-note,
 .ratio-note,
 .trigger-note {
 font-size: 11px;
 color: var(--muted);
 line-height: 1.35;
 }

 .trigger-label {
 font-size: 12px;
 font-weight: 700;
 color: #edf7ff;
 letter-spacing: 0.03em;
 text-transform: uppercase;
 }

 .metric-strip {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
 justify-content: center;
 }

 .metric-chip {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 22px;
 padding: 2px 6px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.04);
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 white-space: nowrap;
 }

 .metric-chip.opportunity {
 color: var(--accent);
 }

 .metric-chip.confidence {
 color: #a8ddff;
 }

 .metric-chip.risk {
 color: #ffb9c4;
 }

 .green {
 color: var(--accent);
 }

 .red {
 color: var(--danger);
 }

 .signal-pill {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 32px;
 padding: 6px 10px;
 border-radius: var(--tco-radius-pill);
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 border: 1px solid rgba(255, 255, 255, 0.08);
 }

 .signal-pill.watch {
 background: rgba(var(--tco-success-rgb), 0.08);
 color: var(--accent);
 }

 .signal-pill.primed {
 background: rgba(77, 163, 255, 0.1);
 color: #b9dcff;
 }

 .signal-pill.hot {
 background: rgba(var(--tco-warning-rgb), 0.1);
 color: var(--warn);
 }

 .signal-pill.explosive {
 background: rgba(255, 100, 124, 0.1);
 color: #ffb3c0;
 }

 .signal-pill.risk {
 background: rgba(255, 100, 124, 0.12);
 color: #ffd0d8;
 }

 .empty-row td {
 padding: 24px 12px;
 color: var(--muted);
 }

 .guide-card {
 padding-bottom: 26px;
 }

 .guide-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 18px;
 }

 .faq-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 margin-top: 14px;
 }

 .guide-list {
 margin: 0;
 padding-left: 18px;
 color: var(--muted);
 font-size: 13px;
 }

 .guide-list li + li {
 margin-top: 8px;
 }

 #toast {
 position: fixed;
 top: 20px;
 right: 20px;
 width: min(340px, calc(100% - 32px));
 padding: 12px 16px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(var(--tco-success-rgb), 0.24);
 background: rgba(8, 16, 25, 0.96);
 color: #dfffee;
 box-shadow: var(--shadow);
 display: none;
 z-index: 10;
 font-size: 13px;
 line-height: 1.45;
 }

 #toast.error {
 border-color: rgba(255, 100, 124, 0.24);
 color: #ffd7df;
 }

 .sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
 }

 @keyframes blink {
 0%,
 100% {
 opacity: 1;
 }

 50% {
 opacity: 0.28;
 }
 }

 @media (max-width: 1040px) {
 .feature-grid,
 .guide-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .summary-grid,
 .faq-grid {
 grid-template-columns: 1fr;
 }
 }

 @media (max-width: 760px) {
 .page-shell {
 width: min(100%, calc(100% - 20px));
 padding: 14px 0 24px;
 }

 .hero-card,
 .guide-card,
 .scanner-card {
 padding: 16px;
 }

 .toolbar-left,
 .toolbar-right,
 .table-tools,
 .view-switch,
 .feature-grid,
 .summary-grid,
 .guide-grid,
 .faq-grid {
 width: 100%;
 grid-template-columns: 1fr;
 }

 .table-tools {
 padding: 12px;
 flex-direction: column;
 align-items: stretch;
 }

 .view-switch {
 justify-content: flex-start;
 }

 .toolbar {
 padding: 12px;
 }

 th,
 td {
 padding: 12px 10px;
 }

 .dot {
 animation-duration: 1.4s;
 }
 }

 @media (prefers-reduced-motion: reduce) {
 *,
 *::before,
 *::after {
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.01ms !important;
 scroll-behavior: auto !important;
 }
 }

/* ============================================================
   NEW CRYPTO LISTINGS RADAR — MOVED FROM INLINE STYLES
   ============================================================ */


 

 

 

 

 

 

 

 

:root {
 --nlr-bg: #061018;
 --nlr-bg-soft: #0a1521;
 --nlr-panel: rgba(10, 18, 30, 0.92);
 --nlr-panel-2: rgba(8, 13, 22, 0.94);
 --nlr-panel-3: rgba(255, 255, 255, 0.03);
 --nlr-border: rgba(143, 176, 201, 0.16);
 --nlr-border-strong: rgba(0, 255, 166, 0.22);
 --nlr-text: #dce8f5;
 --nlr-muted: #91a6bc;
 --nlr-accent: #00ffb3;
 --nlr-info: #6db8ff;
 --nlr-warn: #ffd36d;
 --nlr-danger: #ff7085;
 --nlr-positive: #7ff7b8;
 --nlr-shadow: 0 22px 48px rgba(0, 0, 0, 0.3);
 --nlr-radius: 18px;
 }

 


 

 a:hover {
 color: #d8efff;
 }

 .nlr-shell {
 position: relative;
 z-index: 1;
 width: min(1360px, calc(100% - 28px));
 margin: 0 auto;
 padding: 24px 0 34px;
 }

 .nlr-seo-top,
 .nlr-description,
 .nlr-guide,
 .nlr-panel,
 .nlr-sticky-panel {
 border: 1px solid var(--nlr-border);
 box-shadow: var(--nlr-shadow);
 }

 .nlr-seo-top,
 .nlr-description,
 .nlr-guide,
 .nlr-panel,
 .nlr-sticky-panel {
 border-radius: var(--nlr-radius);
 background: linear-gradient(180deg, var(--nlr-panel) 0%, var(--nlr-panel-2) 100%);
 backdrop-filter: blur(16px);
 }

 .nlr-seo-top,
 .nlr-description,
 .nlr-guide {
 padding: 18px 20px;
 margin-bottom: 14px;
 }

 .nlr-eyebrow,
 .nlr-guide-eyebrow {
 margin: 0 0 8px;
 color: var(--nlr-info);
 font-size: 11px;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 }

 .nlr-seo-top h1,
 .nlr-guide-title {
 margin: 0 0 10px;
 color: #f6fbff;
 line-height: 1.04;
 }

 .nlr-seo-top h1 {
 font-size: clamp(30px, 4.4vw, 54px);
 max-width: 980px;
 }

 .nlr-seo-top p,
 .nlr-description,
 .nlr-guide-intro,
 .nlr-guide-card p {
 color: var(--nlr-text);
 font-size: 14px;
 line-height: 1.75;
 }

 .nlr-seo-top p {
 margin: 0;
 max-width: 980px;
 }

 .nlr-seo-grid,
 .nlr-guide-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 12px;
 margin-top: 16px;
 }

 .nlr-seo-card,
 .nlr-guide-card {
 border: 1px solid rgba(255, 255, 255, 0.06);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.03);
 padding: 14px;
 }

 .nlr-seo-card strong,
 .nlr-guide-card h3 {
 display: block;
 margin-bottom: 6px;
 color: #f5fbff;
 font-size: 14px;
 }

 .nlr-seo-card span,
 .nlr-guide-card p {
 color: var(--nlr-muted);
 font-size: 13px;
 line-height: 1.65;
 margin: 0;
 }

 .nlr-description {
 font-size: 13px;
 line-height: 1.8;
 color: var(--nlr-text);
 }

 .nlr-accent {
 color: var(--nlr-accent);
 font-weight: 700;
 }

 .nlr-info {
 color: var(--nlr-info);
 font-weight: 600;
 }

 .nlr-warn {
 color: var(--nlr-warn);
 font-weight: 700;
 }

 .nlr-guide-head {
 display: flex;
 justify-content: space-between;
 gap: 12px;
 align-items: flex-start;
 margin-bottom: 14px;
 }

 .nlr-guide-title {
 font-size: clamp(20px, 2.5vw, 28px);
 }

 .nlr-guide-intro {
 margin: 0;
 max-width: 760px;
 }

 .nlr-guide.is-collapsed .nlr-guide-body {
 display: none;
 }

 .nlr-status-row,
 .nlr-stats,
 .nlr-layout {
 display: grid;
 gap: 12px;
 margin-bottom: 14px;
 }

 .nlr-status-row {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 }

 .nlr-badge,
 .nlr-pill {
 display: inline-flex;
 align-items: center;
 min-height: 24px;
 padding: 4px 8px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 color: var(--nlr-text);
 font-size: 10px;
 white-space: nowrap;
 }

 .nlr-badge.is-live,
 .nlr-pill.is-live {
 color: #eafff7;
 border-color: rgba(0, 255, 179, 0.26);
 background: rgba(0, 255, 179, 0.11);
 }

 .nlr-badge.is-optional,
 .nlr-pill.is-optional {
 color: #dcecff;
 border-color: rgba(109, 184, 255, 0.25);
 background: rgba(109, 184, 255, 0.11);
 }

 .nlr-badge.is-fallback,
 .nlr-pill.is-fallback {
 color: #fff3d0;
 border-color: rgba(255, 211, 109, 0.25);
 background: rgba(255, 211, 109, 0.1);
 }

 .nlr-badge.is-alt,
 .nlr-pill.is-alt {
 color: #ffe8d6;
 border-color: rgba(255, 154, 94, 0.3);
 background: rgba(255, 154, 94, 0.11);
 }

 .nlr-tab-btn {
 appearance: none;
 cursor: pointer;
 transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
 }

 .nlr-tab-btn:hover {
 transform: translateY(-1px);
 }

 .nlr-tab-btn.is-active {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08), 0 0 0 4px rgba(0, 255, 179, 0.1);
 border-color: rgba(0, 255, 179, 0.34);
 }

 .nlr-stats {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 }

 .nlr-stat {
 border-radius: var(--nlr-radius);
 border: 1px solid var(--nlr-border);
 background: linear-gradient(180deg, rgba(10, 18, 30, 0.95), rgba(8, 13, 22, 0.95));
 padding: 16px;
 box-shadow: var(--nlr-shadow);
 }

 .nlr-stat-label {
 display: block;
 color: var(--nlr-muted);
 font-size: 11px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 margin-bottom: 8px;
 }

 .nlr-stat-value {
 display: block;
 color: #f7fbff;
 font-size: clamp(21px, 3vw, 30px);
 line-height: 1.05;
 font-weight: 700;
 margin-bottom: 5px;
 }

 .nlr-stat-note {
 color: var(--nlr-muted);
 font-size: 12px;
 line-height: 1.55;
 }

 .nlr-sticky-top {
 position: sticky;
 top: 12px;
 z-index: 30;
 margin-bottom: 14px;
 }

 .nlr-sticky-panel {
 padding: 14px;
 }

 .nlr-toolbar {
 display: grid;
 grid-template-columns: minmax(220px, 1.2fr) repeat(6, minmax(110px, 0.68fr));
 gap: 10px;
 align-items: end;
 }

 .nlr-field {
 display: flex;
 flex-direction: column;
 gap: 6px;
 min-width: 0;
 }

 .nlr-field label {
 color: var(--nlr-muted);
 font-size: 11px;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 }

 .nlr-field input,
 .nlr-field select,
 .nlr-btn,
 .nlr-inline-btn {
 border-radius: 11px;
 border: 1px solid rgba(121, 155, 182, 0.22);
 background: #091421;
 color: var(--nlr-text);
 outline: none;
 transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
 }

 .nlr-field input,
 .nlr-field select {
 width: 100%;
 min-height: 42px;
 padding: 0 12px;
 }

 .nlr-field input::placeholder {
 color: #7d91a7;
 }

 .nlr-field input:focus,
 .nlr-field select:focus,
 .nlr-btn:focus,
 .nlr-inline-btn:focus {
 border-color: rgba(0, 255, 179, 0.45);
 box-shadow: 0 0 0 3px rgba(0, 255, 179, 0.12);
 }

 .nlr-controls {
 display: flex;
 justify-content: space-between;
 gap: 10px;
 align-items: center;
 margin-top: 12px;
 padding-top: 12px;
 border-top: 1px solid rgba(255, 255, 255, 0.06);
 }

 .nlr-meta {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 min-width: 0;
 }

 .nlr-actions {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 gap: 8px;
 }

 .nlr-btn,
 .nlr-inline-btn {
 min-height: 42px;
 padding: 0 14px;
 cursor: pointer;
 font-weight: 700;
 }

 .nlr-btn:hover,
 .nlr-inline-btn:hover {
 transform: translateY(-1px);
 }

 .nlr-btn-primary {
 background: linear-gradient(180deg, #00ffb3 0%, #00d498 100%);
 color: #041016;
 border-color: rgba(0, 255, 179, 0.26);
 }

 .nlr-btn-secondary {
 background: rgba(109, 184, 255, 0.1);
 color: #dcedff;
 border-color: rgba(109, 184, 255, 0.22);
 }

 .nlr-btn-ghost,
 .nlr-inline-btn {
 background: rgba(255, 255, 255, 0.04);
 color: var(--nlr-text);
 border-color: rgba(255, 255, 255, 0.12);
 }

 .nlr-layout {
 grid-template-columns: minmax(0, 1.75fr) minmax(280px, 0.85fr);
 align-items: start;
 }

 .nlr-panel {
 overflow: hidden;
 }

 .nlr-panel-head {
 display: flex;
 justify-content: space-between;
 gap: 12px;
 align-items: flex-start;
 padding: 16px 18px 0;
 }

 .nlr-panel-title {
 color: #f7fbff;
 font-size: 20px;
 line-height: 1.1;
 margin: 0 0 6px;
 }

 .nlr-panel-note,
 .nlr-panel-subnote {
 color: var(--nlr-muted);
 font-size: 12px;
 line-height: 1.6;
 margin: 0;
 }

 .nlr-panel-body {
 padding: 14px 18px 18px;
 }

 .nlr-table-wrap {
 overflow: hidden;
 border-top: 1px solid rgba(255, 255, 255, 0.06);
 margin-top: 14px;
 border-left: 1px solid rgba(148, 178, 201, 0.12);
 border-right: 1px solid rgba(148, 178, 201, 0.12);
 border-bottom: 1px solid rgba(148, 178, 201, 0.12);
 border-radius: 14px;
 }

 .nlr-tracker-sections {
 display: grid;
 gap: 14px;
 margin-top: 6px;
 }

 .nlr-tracker-card {
 border: 1px solid rgba(148, 178, 201, 0.14);
 border-radius: 16px;
 background: rgba(255, 255, 255, 0.025);
 overflow: hidden;
 }

 .nlr-tracker-head {
 display: flex;
 justify-content: space-between;
 gap: 12px;
 align-items: flex-start;
 padding: 12px 14px 0;
 }

 .nlr-tracker-title {
 margin: 0 0 4px;
 color: #f5fbff;
 font-size: 16px;
 line-height: 1.15;
 }

 .nlr-tracker-note,
 .nlr-tracker-count {
 margin: 0;
 color: var(--nlr-muted);
 font-size: 11px;
 line-height: 1.5;
 }

 .nlr-table {
 width: 100%;
 min-width: 0;
 border-collapse: collapse;
 table-layout: fixed;
 font-size: 11px;
 }

 .nlr-table th,
 .nlr-table td {
 padding: 8px 9px;
 border-bottom: 1px solid rgba(148, 178, 201, 0.12);
 text-align: left;
 vertical-align: top;
 color: var(--nlr-text);
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: normal;
 font-variant-numeric: tabular-nums;
 }

 .nlr-table th {
 color: #eff8ff;
 background: rgba(9, 16, 25, 0.99);
 text-transform: uppercase;
 font-size: 11px;
 letter-spacing: 0.05em;
 position: sticky;
 top: 0;
 z-index: 1;
 box-shadow: inset 0 -1px 0 rgba(148, 178, 201, 0.16);
 }

 .nlr-table th:not(:last-child),
 .nlr-table td:not(:last-child) {
 border-right: 1px solid rgba(148, 178, 201, 0.12);
 }

 .nlr-table td.nlr-num,
 .nlr-table th.nlr-num {
 text-align: right;
 }

 .nlr-table td.nlr-center,
 .nlr-table th.nlr-center {
 text-align: center;
 vertical-align: middle;
 }

 .nlr-table tbody tr:hover {
 background: rgba(255, 255, 255, 0.04);
 }

 .nlr-table tbody tr:nth-child(even) {
 background: rgba(255, 255, 255, 0.018);
 }

 .nlr-table tbody tr.nlr-source-break td {
 border-top: 2px solid rgba(0, 255, 179, 0.18);
 }

 .nlr-table th:nth-child(1),
 .nlr-table td:nth-child(1) {
 width: 8%;
 }

 .nlr-table th:nth-child(2),
 .nlr-table td:nth-child(2) {
 width: 20%;
 }

 .nlr-table th:nth-child(3),
 .nlr-table td:nth-child(3) {
 width: 31%;
 }

 .nlr-table th:nth-child(4),
 .nlr-table td:nth-child(4) {
 width: 12%;
 }

 .nlr-table th:nth-child(5),
 .nlr-table td:nth-child(5) {
 width: 17%;
 }

 .nlr-table th:nth-child(6),
 .nlr-table td:nth-child(6) {
 width: 7%;
 }

 .nlr-table th:nth-child(7),
 .nlr-table td:nth-child(7) {
 width: 6%;
 }

 .nlr-empty td {
 text-align: center;
 padding: 20px 12px;
 color: var(--nlr-muted);
 }

 .nlr-coin {
 display: flex;
 align-items: center;
 gap: 8px;
 min-width: 0;
 }

 .nlr-coin img {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 object-fit: cover;
 flex-shrink: 0;
 }

 .nlr-coin-meta {
 min-width: 0;
 display: flex;
 flex-direction: column;
 gap: 4px;
 }

 .nlr-coin-name {
 color: #f7fbff;
 font-weight: 700;
 line-height: 1.3;
 overflow: hidden;
 text-overflow: ellipsis;
 }

 .nlr-coin-symbol {
 color: var(--nlr-muted);
 font-size: 10px;
 text-transform: uppercase;
 }

 .nlr-source-stack {
 display: flex;
 flex-wrap: wrap;
 gap: 4px;
 align-items: flex-start;
 }

 .nlr-feed-cell,
 .nlr-stack-cell {
 display: flex;
 flex-direction: column;
 gap: 5px;
 min-width: 0;
 }

 .nlr-feed-meta,
 .nlr-stack-sub {
 color: var(--nlr-muted);
 font-size: 11px;
 line-height: 1.35;
 }

 .nlr-stack-main {
 color: #f6fbff;
 font-size: 11px;
 font-weight: 700;
 line-height: 1.25;
 }

 .nlr-stack-right {
 align-items: flex-end;
 text-align: right;
 }

 .nlr-nowrap {
 white-space: nowrap;
 }

 .nlr-fav-btn {
 min-width: 48px;
 min-height: 30px;
 padding: 0 8px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.12);
 background: rgba(255, 255, 255, 0.04);
 color: var(--nlr-text);
 cursor: pointer;
 font-weight: 700;
 font-size: 11px;
 }

 .nlr-table .nlr-inline-btn {
 min-height: 30px;
 padding: 0 10px;
 font-size: 11px;
 }

 .nlr-fav-btn.is-active {
 color: #091018;
 background: linear-gradient(180deg, #ffd36d 0%, #ffb84d 100%);
 border-color: rgba(255, 211, 109, 0.28);
 }

 .nlr-positive {
 color: var(--nlr-positive);
 font-weight: 700;
 }

 .nlr-negative {
 color: var(--nlr-danger);
 font-weight: 700;
 }

 .nlr-side-list {
 list-style: none;
 margin: 0;
 padding: 0;
 display: grid;
 gap: 10px;
 }

 .nlr-side-item {
 border: 1px solid rgba(255, 255, 255, 0.06);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.03);
 padding: 12px;
 }

 .nlr-side-main {
 display: flex;
 justify-content: space-between;
 gap: 10px;
 align-items: flex-start;
 }

 .nlr-side-title {
 color: #f7fbff;
 font-size: 14px;
 font-weight: 700;
 line-height: 1.35;
 margin-bottom: 4px;
 }

 .nlr-side-sub {
 color: var(--nlr-muted);
 font-size: 12px;
 line-height: 1.55;
 }

 .nlr-side-actions {
 display: flex;
 gap: 8px;
 margin-top: 10px;
 }

 .nlr-side-actions a,
 .nlr-side-actions button {
 flex: 1 1 auto;
 min-height: 36px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(255, 255, 255, 0.12);
 background: rgba(255, 255, 255, 0.04);
 color: var(--nlr-text);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 12px;
 font-weight: 700;
 cursor: pointer;
 text-decoration: none;
 }

 .nlr-side-actions button {
 appearance: none;
 font-family: inherit;
 }

 .nlr-side-empty {
 border: 1px dashed rgba(255, 255, 255, 0.1);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.02);
 padding: 18px 14px;
 color: var(--nlr-muted);
 font-size: 13px;
 line-height: 1.65;
 text-align: center;
 }

 .nlr-error {
 color: #ffd6dc;
 font-size: 13px;
 line-height: 1.65;
 margin-top: 12px;
 }

 .nlr-muted {
 color: var(--nlr-muted);
 }

 @media (max-width: 1180px) {
 .nlr-seo-grid,
 .nlr-guide-grid,
 .nlr-status-row,
 .nlr-stats {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .nlr-layout {
 grid-template-columns: 1fr;
 }

 .nlr-toolbar {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 .nlr-controls {
 flex-direction: column;
 align-items: flex-start;
 }

 .nlr-actions {
 justify-content: flex-start;
 }
 }

 @media (max-width: 760px) {
 .nlr-shell {
 width: min(100%, calc(100% - 16px));
 padding-top: 14px;
 padding-bottom: 22px;
 }

 .nlr-seo-grid,
 .nlr-guide-grid,
 .nlr-status-row,
 .nlr-stats,
 .nlr-layout,
 .nlr-toolbar {
 grid-template-columns: 1fr;
 }

 .nlr-guide-head,
 .nlr-panel-head {
 flex-direction: column;
 }

 .nlr-table {
 font-size: 10px;
 }

 .nlr-table th,
 .nlr-table td {
 padding: 7px 6px;
 }

 .nlr-sticky-top {
 position: static;
 }

 .nlr-seo-top,
 .nlr-description,
 .nlr-guide,
 .nlr-sticky-panel,
 .nlr-panel-body {
 padding-left: 14px;
 padding-right: 14px;
 }

 .nlr-panel-head {
 padding-left: 14px;
 padding-right: 14px;
 }
 }

/* ============================================================
   WHALE RADAR BLACKROCK MODE — MOVED FROM INLINE STYLES
   ============================================================ */


 .accent {
 
 font-weight: 600;
 }

 

 

 

 

 .page-content table tbody tr:hover,
 .page-content tbody tr:hover {
 background: transparent !important;
 box-shadow: none !important;
 }

 .page-content table tbody tr:hover > td,
 .page-content table tbody tr:hover > th,
 .page-content tbody tr:hover > td,
 .page-content tbody tr:hover > th {
 background: rgba(20, 28, 25, 0.96) !important;
 box-shadow: inset 0 0 20px rgba(var(--tco-accent-rgb), 0.03) !important;
 }

 .page-content .scanner-app .table-wrap,
 .page-content .scanner-app table {
 background: #0a111d !important;
 }

:root {
 --bg: #06111f;
 
 --panel-strong: #0e1c33;
 
 --line: rgba(148, 163, 184, 0.18);
 
 
 --accent: #60a5fa;
 --good: #2dd4bf;
 --bad: #fb7185;
 --warn: #fbbf24;
 
 }

 


 .shell {
 max-width: 1280px;
 margin: 0 auto;
 padding: 24px 18px 40px;
 }

 .hero {
 display: grid;
 gap: 16px;
 grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.9fr);
 align-items: stretch;
 margin-bottom: 18px;
 }

 .hero-card,
 .status-card,
 .panel,
 .metric {
 background: var(--panel);
 border: 1px solid var(--line);
 border-radius: 18px;
 box-shadow: var(--shadow);
 backdrop-filter: blur(10px);
 }

 .hero-card {
 padding: 22px;
 position: relative;
 overflow: hidden;
 }

 .hero-card::after {
 content: "";
 position: absolute;
 inset: auto -25% -40% auto;
 width: 260px;
 height: 260px;
 border-radius: var(--tco-radius-pill);
 background: radial-gradient(circle, rgba(96, 165, 250, 0.18), transparent 65%);
 pointer-events: none;
 }

 .eyebrow {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 7px 10px;
 border: 1px solid rgba(96, 165, 250, 0.25);
 border-radius: var(--tco-radius-pill);
 font-size: 12px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: #bfdbfe;
 background: rgba(96, 165, 250, 0.08);
 }

 h1 {
 margin: 14px 0 8px;
 font-size: clamp(28px, 4vw, 42px);
 line-height: 1.05;
 letter-spacing: -0.04em;
 }

 .subtitle {
 max-width: 720px;
 margin: 0;
 color: var(--muted);
 font-size: 15px;
 line-height: 1.6;
 }

 .address {
 margin-top: 16px;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 padding: 10px 12px;
 border-radius: var(--tco-radius-panel);
 background: rgba(15, 23, 42, 0.86);
 border: 1px solid rgba(96, 165, 250, 0.16);
 color: #dbeafe;
 font-size: 13px;
 word-break: break-all;
 }

 .control-stack {
 display: grid;
 gap: 10px;
 margin-top: 16px;
 }

 .address-form {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 10px;
 }

 .text-input {
 width: 100%;
 min-height: 42px;
 padding: 10px 14px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(96, 165, 250, 0.2);
 background: rgba(10, 20, 38, 0.92);
 color: var(--text);
 outline: none;
 font-size: 13px;
 }

 .text-input:focus {
 border-color: rgba(96, 165, 250, 0.48);
 box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.12);
 }

 .input-help {
 color: var(--muted);
 font-size: 12px;
 line-height: 1.5;
 }

 .preset-block {
 margin-top: 6px;
 padding: 14px;
 border-radius: 14px;
 border: 1px solid var(--line);
 background: rgba(8, 18, 33, 0.74);
 }

 .preset-head {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
 margin-bottom: 12px;
 flex-wrap: wrap;
 }

 .preset-head strong {
 display: block;
 color: #e2e8f0;
 font-size: 13px;
 }

 .preset-head span {
 display: block;
 margin-top: 4px;
 color: var(--muted);
 font-size: 12px;
 }

 .preset-actions {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 }

 .mini-button {
 min-height: 34px;
 padding: 7px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid var(--line);
 background: rgba(15, 23, 42, 0.8);
 color: #cbd5e1;
 font-size: 12px;
 font-weight: 600;
 cursor: pointer;
 transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
 }

 .mini-button:hover {
 border-color: rgba(96, 165, 250, 0.32);
 color: #dbeafe;
 background: rgba(96, 165, 250, 0.08);
 }

 .mini-button:disabled {
 opacity: 0.45;
 cursor: not-allowed;
 }

 .preset-list {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 }

 .preset-chip {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 36px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid var(--line);
 background: rgba(15, 23, 42, 0.82);
 color: #dbeafe;
 font-size: 12px;
 cursor: pointer;
 transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
 }

 .preset-chip:hover {
 transform: translateY(-1px);
 border-color: rgba(96, 165, 250, 0.34);
 background: rgba(96, 165, 250, 0.08);
 }

 .preset-chip.active {
 border-color: rgba(45, 212, 191, 0.34);
 background: rgba(45, 212, 191, 0.1);
 }

 .preset-chip small {
 color: var(--muted);
 font-size: 11px;
 }

 .preset-chip.saved small {
 color: #bfdbfe;
 }

 .preset-note {
 margin-top: 10px;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.6;
 }

 .status-card {
 padding: 18px;
 display: grid;
 gap: 14px;
 align-content: start;
 }

 .status-title {
 font-size: 13px;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 color: var(--muted);
 }

 .status-pill {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 9px 12px;
 border-radius: var(--tco-radius-pill);
 font-size: 13px;
 background: rgba(17, 34, 60, 0.88);
 border: 1px solid var(--line);
 }

 .status-pill strong {
 font-size: 14px;
 }

 .status-pill.loading {
 color: #bfdbfe;
 }

 .status-pill.success {
 color: #ccfbf1;
 border-color: rgba(45, 212, 191, 0.28);
 background: rgba(13, 37, 41, 0.9);
 }

 .status-pill.error {
 color: #ffe4e6;
 border-color: rgba(251, 113, 133, 0.3);
 background: rgba(55, 20, 29, 0.92);
 }

 .status-meta {
 display: grid;
 gap: 8px;
 color: var(--muted);
 font-size: 13px;
 }

 .stats {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
 gap: 12px;
 margin-bottom: 18px;
 }

 .content-grid,
 .guide-grid,
 .history-grid {
 display: grid;
 grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
 gap: 16px;
 margin-bottom: 18px;
 }

 .metric {
 padding: 16px;
 display: grid;
 gap: 10px;
 }

 .metric-label {
 color: var(--muted);
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 }

 .metric-value {
 font-size: 28px;
 font-weight: 700;
 letter-spacing: -0.04em;
 line-height: 1;
 }

 .metric-note {
 color: #cbd5e1;
 font-size: 13px;
 }

 .panel {
 overflow: hidden;
 }

 

 .content-card h2,
 .content-card h3 {
 margin: 0 0 10px;
 letter-spacing: -0.03em;
 }

 .content-card p {
 margin: 0 0 14px;
 color: var(--muted);
 line-height: 1.7;
 font-size: 14px;
 }

 .content-card p:last-child,
 .content-card ul:last-child,
 .content-card ol:last-child {
 margin-bottom: 0;
 }

 .content-card ul,
 .content-card ol {
 margin: 0;
 padding-left: 18px;
 color: var(--muted);
 line-height: 1.7;
 font-size: 14px;
 }

 .content-card li + li {
 margin-top: 8px;
 }

 .actions {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 18px;
 }

 .button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 min-height: 42px;
 padding: 10px 14px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(96, 165, 250, 0.24);
 background: rgba(96, 165, 250, 0.08);
 color: #dbeafe;
 font-size: 13px;
 font-weight: 600;
 cursor: pointer;
 transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
 }

 .button:hover {
 transform: translateY(-1px);
 text-decoration: none;
 border-color: rgba(96, 165, 250, 0.42);
 background: rgba(96, 165, 250, 0.12);
 }

 .button.secondary {
 background: rgba(15, 23, 42, 0.88);
 border-color: var(--line);
 color: #cbd5e1;
 }

 .info-stack {
 
 
 margin-top: 16px;
 }

 .toolbar {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
 padding: 14px 18px;
 border-bottom: 1px solid var(--line);
 background: rgba(8, 18, 33, 0.84);
 flex-wrap: wrap;
 }

 .toolbar-actions {
 display: flex;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
 }

 .toolbar-note {
 color: var(--muted);
 font-size: 12px;
 }

 .search-group {
 display: flex;
 align-items: center;
 gap: 8px;
 flex-wrap: wrap;
 }

 .search-input {
 width: min(320px, 100%);
 min-height: 36px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(96, 165, 250, 0.18);
 background: rgba(15, 23, 42, 0.82);
 color: var(--text);
 font-size: 12px;
 outline: none;
 }

 .search-input:focus {
 border-color: rgba(96, 165, 250, 0.42);
 box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
 }

 .history-panel {
 padding: 20px;
 }

 .history-head {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 gap: 14px;
 margin-bottom: 16px;
 flex-wrap: wrap;
 }

 .history-head h2 {
 margin: 0 0 8px;
 letter-spacing: -0.03em;
 }

 .history-head p {
 margin: 0;
 color: var(--muted);
 font-size: 14px;
 line-height: 1.6;
 }

 .history-badge {
 display: inline-flex;
 align-items: center;
 min-height: 36px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 background: rgba(15, 23, 42, 0.8);
 border: 1px solid var(--line);
 color: #dbeafe;
 font-size: 12px;
 font-weight: 700;
 white-space: nowrap;
 }

 .chart-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 14px;
 }

 .chart-card {
 padding: 16px;
 border-radius: 16px;
 border: 1px solid var(--line);
 background: rgba(8, 18, 33, 0.8);
 }

 .chart-top {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 10px;
 margin-bottom: 12px;
 flex-wrap: wrap;
 }

 .chart-top strong {
 display: block;
 font-size: 14px;
 color: #e2e8f0;
 }

 .chart-top span {
 color: var(--muted);
 font-size: 12px;
 }

 .chart-visual {
 height: 132px;
 }

 .chart-visual svg {
 display: block;
 width: 100%;
 height: 100%;
 }

 .chart-grid-line {
 stroke: rgba(148, 163, 184, 0.12);
 stroke-width: 1;
 }

 .chart-base-line {
 stroke: rgba(251, 191, 36, 0.32);
 stroke-width: 1.25;
 stroke-dasharray: 5 5;
 }

 .chart-area {
 opacity: 0.18;
 }

 .chart-line {
 fill: none;
 stroke-width: 3;
 stroke-linecap: round;
 stroke-linejoin: round;
 }

 .chart-point {
 stroke-width: 2;
 fill: #06111f;
 }

 .chart-meta {
 margin-top: 12px;
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 10px;
 }

 .chart-stat {
 padding: 10px 12px;
 border-radius: var(--tco-radius-panel);
 background: rgba(15, 23, 42, 0.68);
 border: 1px solid rgba(148, 163, 184, 0.1);
 }

 .chart-stat strong {
 display: block;
 margin-bottom: 4px;
 color: #e2e8f0;
 font-size: 12px;
 }

 .chart-stat span {
 color: var(--muted);
 font-size: 12px;
 }

 .chart-empty {
 display: grid;
 place-items: center;
 height: 100%;
 border-radius: 14px;
 border: 1px dashed rgba(148, 163, 184, 0.18);
 color: var(--muted);
 font-size: 13px;
 text-align: center;
 padding: 12px;
 line-height: 1.6;
 }

 .comparison-grid {
 display: grid;
 grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
 gap: 16px;
 margin-bottom: 18px;
 }

 .comparison-panel {
 padding: 20px;
 }

 .comparison-head {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 gap: 14px;
 margin-bottom: 16px;
 flex-wrap: wrap;
 }

 .comparison-head h2 {
 margin: 0 0 8px;
 letter-spacing: -0.03em;
 }

 .comparison-head p {
 margin: 0;
 color: var(--muted);
 font-size: 14px;
 line-height: 1.6;
 }

 .comparison-controls {
 display: flex;
 align-items: center;
 gap: 10px;
 flex-wrap: wrap;
 }

 .comparison-cards {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
 gap: 12px;
 }

 .comparison-card {
 width: 100%;
 padding: 16px;
 border-radius: 16px;
 border: 1px solid var(--line);
 background: rgba(8, 18, 33, 0.82);
 color: var(--text);
 text-align: left;
 cursor: pointer;
 transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
 }

 .comparison-card:hover {
 transform: translateY(-1px);
 border-color: rgba(96, 165, 250, 0.34);
 background: rgba(11, 23, 40, 0.88);
 }

 .comparison-card.active {
 border-color: rgba(45, 212, 191, 0.36);
 background: rgba(10, 35, 38, 0.9);
 }

 .comparison-card.error {
 border-color: rgba(251, 113, 133, 0.28);
 background: rgba(49, 19, 30, 0.9);
 }

 .comparison-label {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 gap: 10px;
 margin-bottom: 12px;
 }

 .comparison-label strong {
 display: block;
 font-size: 14px;
 color: #e2e8f0;
 }

 .comparison-label span {
 color: var(--muted);
 font-size: 12px;
 text-align: right;
 }

 .comparison-score {
 margin-bottom: 12px;
 font-size: 28px;
 font-weight: 700;
 letter-spacing: -0.04em;
 line-height: 1;
 }

 .comparison-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
 margin-top: 10px;
 color: var(--muted);
 font-size: 12px;
 }

 .comparison-row strong {
 color: #e2e8f0;
 font-size: 13px;
 }

 .comparison-pill {
 display: inline-flex;
 align-items: center;
 max-width: 100%;
 padding: 6px 9px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(96, 165, 250, 0.18);
 background: rgba(15, 23, 42, 0.82);
 color: #dbeafe;
 font-size: 11px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 }

 .comparison-foot {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
 margin-top: 14px;
 color: var(--muted);
 font-size: 11px;
 }

 .comparison-empty {
 padding: 24px 18px;
 border-radius: 16px;
 border: 1px dashed rgba(148, 163, 184, 0.18);
 color: var(--muted);
 text-align: center;
 line-height: 1.7;
 }

 .alert-grid {
 display: grid;
 grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
 gap: 16px;
 margin-bottom: 18px;
 }

 .alert-panel {
 padding: 20px;
 }

 .alert-layout {
 display: grid;
 grid-template-columns: minmax(0, 1.2fr) minmax(250px, 0.8fr);
 gap: 14px;
 margin-bottom: 14px;
 }

 .alert-form {
 display: grid;
 gap: 12px;
 }

 .alert-field {
 display: grid;
 gap: 6px;
 }

 .alert-field span {
 color: #e2e8f0;
 font-size: 13px;
 font-weight: 600;
 }

 .alert-number {
 width: 100%;
 min-height: 42px;
 padding: 10px 14px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(96, 165, 250, 0.18);
 background: rgba(15, 23, 42, 0.82);
 color: var(--text);
 font-size: 13px;
 outline: none;
 }

 .alert-number:focus {
 border-color: rgba(96, 165, 250, 0.42);
 box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
 }

 .alert-check {
 display: flex;
 align-items: center;
 gap: 10px;
 min-height: 42px;
 padding: 10px 12px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid var(--line);
 background: rgba(15, 23, 42, 0.74);
 color: #dbeafe;
 font-size: 13px;
 }

 .alert-check input {
 margin: 0;
 }

 .alert-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 }

 .alert-summary {
 display: grid;
 gap: 10px;
 }

 .alert-log {
 display: grid;
 gap: 10px;
 }

 .alert-entry {
 padding: 12px 14px;
 border-radius: 14px;
 border: 1px solid var(--line);
 background: rgba(12, 24, 43, 0.76);
 }

 .alert-entry strong {
 display: block;
 margin-bottom: 5px;
 color: #e2e8f0;
 font-size: 13px;
 }

 .alert-entry p {
 margin: 0;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.6;
 }

 .alert-entry span {
 display: block;
 margin-top: 8px;
 color: #94a3b8;
 font-size: 11px;
 }

 .alert-empty {
 padding: 18px 16px;
 border-radius: 14px;
 border: 1px dashed rgba(148, 163, 184, 0.18);
 color: var(--muted);
 text-align: center;
 line-height: 1.6;
 font-size: 13px;
 }

 .segmented {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 }

 .chip {
 min-height: 34px;
 padding: 7px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid var(--line);
 background: rgba(15, 23, 42, 0.8);
 color: #cbd5e1;
 font-size: 12px;
 font-weight: 600;
 cursor: pointer;
 transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
 }

 .chip:hover {
 border-color: rgba(96, 165, 250, 0.3);
 color: #dbeafe;
 }

 .chip.active {
 background: rgba(96, 165, 250, 0.14);
 border-color: rgba(96, 165, 250, 0.4);
 color: #dbeafe;
 }

 .info-item {
 
 border-radius: 14px;
 border: 1px solid var(--line);
 background: rgba(15, 23, 42, 0.72);
 }

 .info-item strong {
 
 
 font-size: 13px;
 color: #e2e8f0;
 }

 .info-item span {
 color: var(--muted);
 font-size: 13px;
 line-height: 1.6;
 }

 .guide-steps {
 display: grid;
 gap: 12px;
 margin-top: 14px;
 }

 .guide-step {
 padding: 14px;
 border-radius: 14px;
 border: 1px solid var(--line);
 background: rgba(12, 24, 43, 0.72);
 }

 .guide-step strong {
 display: block;
 margin-bottom: 6px;
 color: #e2e8f0;
 }

 .faq-list {
 display: grid;
 gap: 12px;
 margin-top: 14px;
 }

 .faq-item {
 padding: 14px;
 border-radius: 14px;
 border: 1px solid var(--line);
 background: rgba(15, 23, 42, 0.7);
 }

 .faq-item h3 {
 margin: 0 0 8px;
 font-size: 15px;
 }

 .faq-item p {
 margin: 0;
 }

 .panel-head {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
 padding: 16px 18px;
 border-bottom: 1px solid var(--line);
 background: linear-gradient(180deg, rgba(17, 34, 60, 0.94), rgba(10, 20, 38, 0.94));
 }

 .panel-head h2 {
 margin: 0;
 font-size: 17px;
 letter-spacing: -0.02em;
 }

 .panel-head p {
 margin: 0;
 font-size: 13px;
 color: var(--muted);
 }

 .table-wrap {
 overflow-x: auto;
 }

 table {
 width: 100%;
 border-collapse: collapse;
 min-width: 860px;
 }

 th,
 td {
 padding: 12px 14px;
 border-bottom: 1px solid var(--line);
 font-size: 13px;
 text-align: left;
 white-space: nowrap;
 font-variant-numeric: tabular-nums;
 }

 th {
 color: #93c5fd;
 background: rgba(11, 23, 40, 0.92);
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 }

 .sort-button {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 0;
 border: 0;
 background: transparent;
 color: inherit;
 font: inherit;
 letter-spacing: inherit;
 text-transform: inherit;
 cursor: pointer;
 }

 .sort-button:hover {
 color: #dbeafe;
 }

 .sort-button.active {
 color: #dbeafe;
 }

 .sort-indicator {
 min-width: 10px;
 color: #64748b;
 font-size: 11px;
 line-height: 1;
 }

 .sort-button.active .sort-indicator {
 color: #93c5fd;
 }

 tbody tr {
 transition: background 160ms ease;
 }

 tbody tr:hover {
 background: rgba(17, 24, 39, 0.66);
 }

 .value-in {
 color: var(--good);
 font-weight: 700;
 }

 .value-out {
 color: var(--bad);
 font-weight: 700;
 }

 .badge {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 5px 9px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid var(--line);
 background: rgba(15, 23, 42, 0.86);
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 }

 .badge.smart {
 color: #c4b5fd;
 border-color: rgba(167, 139, 250, 0.28);
 }

 .badge.retail {
 color: #fda4af;
 border-color: rgba(248, 113, 113, 0.28);
 }

 .badge.unknown {
 color: #cbd5e1;
 }

 .badge.whale {
 color: #ccfbf1;
 border-color: rgba(45, 212, 191, 0.28);
 }

 .badge.exchange {
 color: #fde68a;
 border-color: rgba(251, 191, 36, 0.24);
 }

 .badge.normal {
 color: #cbd5e1;
 }

 

 a {
 color: #93c5fd;
 text-decoration: none;
 }

 a:hover {
 text-decoration: underline;
 }

 .empty {
 padding: 28px 18px;
 color: var(--muted);
 text-align: center;
 }

 @media (max-width: 920px) {
 .hero,
 .content-grid,
 .guide-grid,
 .history-grid,
 .comparison-grid,
 .alert-grid,
 .alert-layout,
 .chart-grid {
 grid-template-columns: 1fr;
 }
 }

 @media (max-width: 640px) {
 .shell {
 padding: 16px 12px 28px;
 }

 .address-form {
 grid-template-columns: 1fr;
 }

 .hero-card,
 .status-card,
 .metric {
 border-radius: 16px;
 }

 .metric-value {
 font-size: 24px;
 }
 }

/* ============================================================
   MCT MARKET TERMINAL — IMPORTED COMMON STYLES
   ============================================================ */

.mct-shell {
 --mct-bg: #0d1117;
 --mct-panel: #0f1724;
 --mct-panel-2: #111827;
 --mct-border: #1f2937;
 --mct-text: #d6deeb;
 --mct-muted: #8b9bb4;
 --mct-accent: var(--tco-success);
 --mct-info: #4da3ff;
 --mct-warn: var(--tco-warning);
 --mct-danger: #ff4d4d;
 --mct-cyan: var(--tco-accent);
 --mct-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
 color: var(--mct-text);
 font-family: "Segoe UI", "Inter", Arial, sans-serif;
}

.mct-shell * {
 box-sizing: border-box;
}

.mct-seo-top,
.mct-guide,
.mct-terminal {
 color: var(--mct-text);
}

.mct-seo-top {
 margin-bottom: 16px;
 padding: 22px;
 border-radius: 16px;
 border: 1px solid var(--mct-border);
 background:
 radial-gradient(circle at top right, rgba(77, 163, 255, 0.08), transparent 30%),
 radial-gradient(circle at bottom left, rgba(var(--tco-success-rgb), 0.06), transparent 26%),
 linear-gradient(180deg, #0d1117 0%, #0a111d 100%);
 box-shadow: var(--mct-shadow);
}

.mct-seo-eyebrow {
 margin: 0 0 8px;
 font-size: 12px;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: var(--mct-info);
}

.mct-seo-top h1 {
 margin: 0 0 12px;
 font-size: clamp(28px, 4vw, 42px);
 line-height: 1.08;
 color: #f5fbff;
}

.mct-seo-top p {
 margin: 0 0 12px;
 font-size: 15px;
 line-height: 1.75;
 color: var(--mct-text);
 max-width: 1100px;
}

.mct-seo-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(220px, 1fr));
 gap: 12px;
 margin-top: 16px;
}

.mct-seo-point {
 padding: 14px;
 border-radius: 14px;
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.03);
}

.mct-seo-point strong {
 display: block;
 margin-bottom: 6px;
 font-size: 14px;
 color: #f5fbff;
}

.mct-seo-point span {
 display: block;
 font-size: 13px;
 line-height: 1.6;
 color: var(--mct-muted);
}

.mct-terminal {
 position: relative;
}

.mct-description {
 font-size: 14px;
 line-height: 1.7;
 color: var(--mct-text);
 background:
 radial-gradient(circle at top right, rgba(var(--tco-success-rgb), 0.08), transparent 34%),
 linear-gradient(180deg, #0d1117 0%, #0b1220 100%);
 padding: 18px;
 border-radius: 14px;
 border: 1px solid var(--mct-border);
 box-shadow: var(--mct-shadow);
 margin-bottom: 16px;
}

.mct-accent { color: var(--mct-accent); }
.mct-info { color: var(--mct-info); }
.mct-warn {
 color: var(--mct-warn);
 font-weight: 600;
}
.mct-danger {
 color: var(--mct-danger);
 font-weight: 700;
}
.mct-muted { color: var(--mct-muted); }

.mct-description u,
.mct-guide u {
 text-decoration-color: var(--mct-cyan);
 text-underline-offset: 3px;
}

.mct-panel {
 background:
 radial-gradient(circle at top left, rgba(77, 163, 255, 0.06), transparent 28%),
 linear-gradient(180deg, #0f1724 0%, #0c1320 100%);
 border: 1px solid var(--mct-border);
 border-radius: 14px;
 padding: 14px;
 box-shadow: var(--mct-shadow);
}

.mct-toolbar {
 display: grid;
 grid-template-columns: minmax(230px, 1.5fr) repeat(5, minmax(130px, 1fr));
 gap: 12px;
 margin-bottom: 16px;
}

.mct-field {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.mct-field label {
 font-size: 12px;
 color: var(--mct-muted);
 letter-spacing: 0.02em;
}

.mct-field input,
.mct-field select,
.mct-btn {
 min-height: 42px;
 border-radius: var(--tco-radius-card);
 border: 1px solid #243041;
 background: #0b1220;
 color: var(--mct-text);
 outline: none;
 transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mct-field input,
.mct-field select {
 padding: 0 12px;
 width: 100%;
}

.mct-field input::placeholder {
 color: #73849d;
}

.mct-field input:focus,
.mct-field select:focus,
.mct-btn:focus {
 border-color: rgba(var(--tco-success-rgb), 0.5);
 box-shadow: 0 0 0 3px rgba(var(--tco-success-rgb), 0.12);
}

.mct-stats {
 display: grid;
 grid-template-columns: repeat(4, minmax(140px, 1fr));
 gap: 12px;
 margin-bottom: 16px;
}

.mct-stat {
 background:
 linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
 #0d1524;
 border: 1px solid var(--mct-border);
 border-radius: 14px;
 padding: 14px;
 box-shadow: var(--mct-shadow);
}

.mct-stat-label {
 display: block;
 font-size: 12px;
 color: var(--mct-muted);
 margin-bottom: 8px;
}

.mct-stat-value {
 display: block;
 font-size: 18px;
 font-weight: 700;
 color: var(--mct-text);
 line-height: 1.2;
 word-break: break-word;
}

.mct-insights {
 display: grid;
 grid-template-columns: minmax(260px, 1.15fr) repeat(2, minmax(250px, 1fr));
 gap: 12px;
 margin-bottom: 16px;
}

.mct-insight-card {
 background:
 radial-gradient(circle at top right, rgba(0, 255, 213, 0.05), transparent 28%),
 linear-gradient(180deg, #0f1724 0%, #0b1220 100%);
 border: 1px solid var(--mct-border);
 border-radius: 14px;
 padding: 14px;
 box-shadow: var(--mct-shadow);
}

.mct-insight-head {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 gap: 12px;
 margin-bottom: 12px;
}

.mct-insight-title {
 font-size: 12px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--mct-muted);
}

.mct-insight-note {
 font-size: 12px;
 color: var(--mct-muted);
}

.mct-dominance-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 10px;
}

.mct-mini-stat {
 padding: 12px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.03);
}

.mct-mini-label {
 display: block;
 font-size: 11px;
 color: var(--mct-muted);
 margin-bottom: 6px;
 text-transform: uppercase;
 letter-spacing: 0.06em;
}

.mct-mini-value {
 display: block;
 font-size: 19px;
 font-weight: 700;
}

.mct-dominance-source {
 margin-top: 10px;
 font-size: 12px;
 color: var(--mct-muted);
}

.mct-mover-list {
 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.mct-mover-item {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto auto;
 gap: 10px;
 align-items: center;
 padding: 10px 12px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.03);
}

.mct-mover-main {
 min-width: 0;
}

.mct-mover-name {
 display: block;
 font-weight: 600;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.mct-mover-symbol {
 display: block;
 margin-top: 2px;
 font-size: 12px;
 color: var(--mct-muted);
 text-transform: uppercase;
}

.mct-mover-price {
 font-size: 13px;
 color: var(--mct-muted);
 white-space: nowrap;
}

.mct-mover-change {
 font-weight: 700;
 white-space: nowrap;
}

.mct-controls {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 gap: 12px;
 margin-bottom: 16px;
}

.mct-meta {
 display: flex;
 flex-wrap: wrap;
 gap: 10px 14px;
}

.mct-badge {
 display: inline-flex;
 align-items: center;
 min-height: 36px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 background: rgba(255, 255, 255, 0.03);
 border: 1px solid var(--mct-border);
 font-size: 13px;
 color: var(--mct-text);
}

.mct-actions {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 gap: 10px;
 align-items: center;
}

.mct-inline-field {
 min-width: 120px;
}

.mct-inline-field label {
 display: none;
}

.mct-btn {
 padding: 0 14px;
 cursor: pointer;
 font-weight: 600;
}

.mct-btn:hover:not(:disabled) {
 transform: translateY(-1px);
}

.mct-btn:disabled {
 opacity: 0.6;
 cursor: not-allowed;
}

.mct-btn-primary {
 background: linear-gradient(180deg, #0ef3a1 0%, #00c97b 100%);
 color: #08120d;
 border-color: rgba(var(--tco-success-rgb), 0.25);
}

.mct-btn-secondary {
 background: linear-gradient(180deg, #152235 0%, #101a28 100%);
 color: var(--mct-text);
}

.mct-btn-ghost {
 background: #0b1220;
 color: var(--mct-muted);
}

.mct-table-wrap {
 width: 100%;
 overflow-x: auto;
 border: 1px solid var(--mct-border);
 border-radius: 14px;
 background:
 radial-gradient(circle at top center, rgba(0, 255, 213, 0.04), transparent 24%),
 #0b1220;
 box-shadow: var(--mct-shadow);
}

.mct-table {
 width: 100%;
 min-width: 980px;
 border-collapse: collapse;
}

.mct-table th,
.mct-table td {
 padding: 12px 10px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 color: var(--mct-text);
 text-align: left;
 vertical-align: middle;
}

.mct-table thead th {
 position: sticky;
 top: 0;
 z-index: 2;
 background: rgba(13, 17, 23, 0.96);
 backdrop-filter: blur(6px);
}

.mct-table th[data-sort] {
 cursor: pointer;
 user-select: none;
}

.mct-table tbody tr:hover {
 background: rgba(255, 255, 255, 0.03);
}

.mct-coin {
 display: flex;
 align-items: center;
 gap: 10px;
 min-width: 0;
}

.mct-coin img {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 object-fit: cover;
 flex-shrink: 0;
}

.mct-coin-meta {
 display: flex;
 flex-direction: column;
 min-width: 0;
}

.mct-coin-name {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.mct-coin-symbol {
 font-size: 12px;
 color: var(--mct-muted);
 text-transform: uppercase;
}

.mct-positive {
 color: #00ff9a;
 font-weight: 700;
}

.mct-negative {
 color: #ff4d4d;
 font-weight: 700;
}

.mct-feedback {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
 padding-top: 12px;
}

#mctLoader {
 color: var(--mct-muted);
 font-size: 14px;
 display: none;
}

#mctError {
 color: var(--mct-danger);
 font-size: 14px;
 display: none;
 text-align: right;
}

.mct-empty td {
 padding: 28px 12px;
 text-align: center;
 color: var(--mct-muted);
}

#mctSentinel {
 height: 1px;
}

.mct-guide {
 margin-top: 18px;
 padding: 20px;
 border-radius: 16px;
 border: 1px solid var(--mct-border);
 background:
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.05), transparent 28%),
 linear-gradient(180deg, #0d1117 0%, #0a111d 100%);
 box-shadow: var(--mct-shadow);
}

.mct-guide h2 {
 margin: 0 0 10px;
 font-size: clamp(24px, 3vw, 34px);
 line-height: 1.15;
 color: #f5fbff;
}

.mct-guide-intro {
 margin: 0 0 16px;
 font-size: 15px;
 line-height: 1.75;
 color: var(--mct-text);
 max-width: 1050px;
}

.mct-guide-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(220px, 1fr));
 gap: 12px;
}

.mct-guide-card {
 padding: 16px;
 border-radius: 14px;
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.03);
}

.mct-guide-card h3 {
 margin: 0 0 8px;
 font-size: 15px;
 color: #f5fbff;
}

.mct-guide-card p {
 margin: 0;
 font-size: 14px;
 line-height: 1.7;
 color: var(--mct-muted);
}

@media (max-width: 1240px) {
 .mct-toolbar {
 grid-template-columns: repeat(3, minmax(160px, 1fr));
 }

 .mct-insights,
 .mct-guide-grid,
 .mct-seo-grid {
 grid-template-columns: 1fr;
 }

 .mct-stats {
 grid-template-columns: repeat(2, minmax(140px, 1fr));
 }

 .mct-controls {
 flex-direction: column;
 }

 .mct-actions {
 width: 100%;
 justify-content: flex-start;
 }
}

@media (max-width: 760px) {
 .mct-toolbar,
 .mct-stats,
 .mct-dominance-grid {
 grid-template-columns: 1fr;
 }

 .mct-table {
 min-width: 900px;
 }

 .mct-feedback {
 flex-direction: column;
 align-items: flex-start;
 }

 #mctError {
 text-align: left;
 }

 .mct-seo-top,
 .mct-guide,
 .mct-description {
 padding: 16px;
 }
}

/* ============================================================
   GLOBAL GEM / HUD TEXT COLORS
   ============================================================ */

.gem-description {
  font-size: 14px;
  line-height: 1.6;
  color: #c9d1d9;
  background: #0d1117;
  padding: 16px;
  border-radius: var(--tco-radius-card);
  border: 1px solid #1f2937;
}

.accent {
  color: var(--tco-success);
}

.info {
  color: #4da3ff;
}

.warn {
  color: var(--tco-warning);
  font-weight: 600;
}

.danger {
  color: #ff4d4d;
  font-weight: 700;
}

.muted {
  color: #8b9bb4;
}

.pulse {
  color: var(--tco-accent);
  text-shadow: 0 0 8px rgba(0, 255, 213, 0.6);
}

.hot {
  color: #ff7a18;
}

.deep {
  color: #b46bff;
}

.glow-green {
  text-shadow: 0 0 6px rgba(var(--tco-success-rgb), 0.6);
}

.glow-red {
  text-shadow: 0 0 6px rgba(255, 77, 77, 0.6);
}

.glow-blue {
  text-shadow: 0 0 6px rgba(77, 163, 255, 0.6);
}

u {
  text-decoration-color: #00ffcc;
  text-underline-offset: 3px;
}

/* ============================================================
   SMLT MARKET LIST TABLE — IMPORTED COMMON STYLES
   ============================================================ */

.smlt-root,
 .smlt-root * {
 box-sizing: border-box;
 }

 .smlt-root {
 --smlt-bg: #0d1117;
 --smlt-panel: rgba(255, 255, 255, 0.03);
 --smlt-panel-strong: #111823;
 --smlt-card: #0c121b;
 --smlt-border: #1f2937;
 --smlt-border-soft: rgba(var(--tco-accent-rgb), 0.14);
 --smlt-text: #c9d1d9;
 --smlt-muted: #8b9bb4;
 --smlt-accent: var(--tco-success);
 --smlt-info: #4da3ff;
 --smlt-warn: var(--tco-warning);
 --smlt-danger: #ff4d4d;
 --smlt-up: #00ff88;
 --smlt-down: #ff4d4d;
 --smlt-glow: 0 0 40px rgba(var(--tco-accent-rgb), 0.08);
 color: var(--smlt-text);
 font: 14px/1.6 "Segoe UI", Tahoma, sans-serif;
 }

 .smlt-root .smlt-description,
 .smlt-root .smlt-shell {
 width: min(100%, 1100px);
 margin: 0 auto;
 border-radius: 16px;
 border: 1px solid var(--smlt-border);
 box-shadow: var(--smlt-glow);
 background: linear-gradient(180deg, rgba(17, 24, 35, 0.98), rgba(10, 16, 24, 0.98));
 }

 .smlt-root .smlt-description {
 margin-bottom: 16px;
 padding: 16px;
 }

 .smlt-root .smlt-seo-title,
 .smlt-root .smlt-guide-title {
 margin: 0 0 10px;
 color: #f3fbff;
 letter-spacing: 0.01em;
 }

 .smlt-root .smlt-seo-title {
 font-size: 28px;
 line-height: 1.18;
 font-weight: 800;
 }

 .smlt-root .smlt-guide-title {
 font-size: 22px;
 line-height: 1.24;
 font-weight: 800;
 }

 .smlt-root .smlt-copy,
 .smlt-root .smlt-guide-copy,
 .smlt-root .smlt-guide-note {
 margin: 0;
 color: var(--smlt-text);
 }

 .smlt-root .smlt-copy + .smlt-copy,
 .smlt-root .smlt-guide-copy + .smlt-guide-copy {
 margin-top: 10px;
 }

 .smlt-root .smlt-guide-copy {
 margin-bottom: 12px;
 }

 .smlt-root .smlt-guide-note {
 color: var(--smlt-muted);
 font-size: 12px;
 }

 .smlt-root .smlt-shell {
 padding: 16px;
 backdrop-filter: blur(14px);
 }

 .smlt-root .smlt-toolbar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 margin-bottom: 10px;
 }

 .smlt-root .smlt-accent {
 color: var(--smlt-accent);
 }

 .smlt-root .smlt-info {
 color: var(--smlt-info);
 }

 .smlt-root .smlt-warn {
 color: var(--smlt-warn);
 font-weight: 600;
 }

 .smlt-root .smlt-deep {
 color: #b46bff;
 }

 .smlt-root u {
 text-decoration-color: #00ffcc;
 text-underline-offset: 3px;
 }

 .smlt-root .smlt-controls {
 display: grid;
 flex: 1 1 720px;
 grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(160px, 0.7fr));
 gap: 10px;
 }

 .smlt-root .smlt-actions {
 display: flex;
 flex: 0 0 auto;
 gap: 10px;
 flex-wrap: wrap;
 }

 .smlt-root .smlt-input,
 .smlt-root .smlt-button {
 min-height: 44px;
 padding: 10px 12px;
 border-radius: var(--tco-radius-card);
 border: 1px solid var(--smlt-border-soft);
 outline: none;
 transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
 }

 .smlt-root .smlt-input {
 background: rgba(0, 0, 0, 0.38);
 color: #ffffff;
 }

 .smlt-root .smlt-input:focus {
 border-color: rgba(var(--tco-success-rgb), 0.38);
 box-shadow: 0 0 0 3px rgba(var(--tco-success-rgb), 0.12);
 }

 .smlt-root .smlt-button {
 cursor: pointer;
 background: linear-gradient(180deg, rgba(var(--tco-accent-rgb), 0.92), rgba(0, 202, 158, 0.92));
 color: #071018;
 font-weight: 700;
 }

 .smlt-root .smlt-button:hover {
 transform: translateY(-1px);
 }

 .smlt-root .smlt-button-secondary {
 background: rgba(255, 255, 255, 0.05);
 color: var(--smlt-text);
 }

 .smlt-root .smlt-button-secondary[data-live="paused"] {
 border-color: rgba(var(--tco-warning-rgb), 0.24);
 background: rgba(var(--tco-warning-rgb), 0.1);
 color: #fff4c9;
 }

 .smlt-root .smlt-presets {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 margin-bottom: 12px;
 }

 .smlt-root .smlt-chip {
 min-height: 34px;
 padding: 7px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.1);
 background: rgba(255, 255, 255, 0.04);
 color: var(--smlt-muted);
 cursor: pointer;
 font-size: 12px;
 font-weight: 700;
 transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }

 .smlt-root .smlt-chip.smlt-chip-active {
 color: #d8fff1;
 background: rgba(var(--tco-success-rgb), 0.08);
 border-color: rgba(var(--tco-success-rgb), 0.24);
 }

 .smlt-root .smlt-meta {
 display: flex;
 justify-content: space-between;
 gap: 12px;
 align-items: center;
 margin-bottom: 12px;
 padding: 10px 12px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 color: var(--smlt-muted);
 }

 .smlt-root .smlt-meta strong {
 color: #f3fbff;
 }

 .smlt-root .smlt-stats {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 10px;
 margin-bottom: 12px;
 }

 .smlt-root .smlt-stat {
 padding: 12px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 }

 .smlt-root .smlt-stat-label {
 display: block;
 margin-bottom: 6px;
 color: var(--smlt-muted);
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 }

 .smlt-root .smlt-stat-value {
 display: block;
 color: #f3fbff;
 font-size: 22px;
 line-height: 1.15;
 font-weight: 800;
 }

 .smlt-root .smlt-stat-note {
 display: block;
 margin-top: 6px;
 color: var(--smlt-muted);
 font-size: 12px;
 }

 .smlt-root .smlt-table-wrap {
 max-height: 650px;
 overflow: auto;
 border-radius: 14px;
 border: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(7, 12, 18, 0.55);
 }

 .smlt-root .smlt-table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
 }

 .smlt-root .smlt-table thead th {
 position: sticky;
 top: 0;
 z-index: 2;
 padding: 12px 10px;
 text-align: left;
 font-weight: 600;
 color: var(--tco-accent);
 cursor: pointer;
 user-select: none;
 background: rgba(10, 15, 20, 0.94);
 backdrop-filter: blur(18px);
 border-bottom: 1px solid rgba(var(--tco-accent-rgb), 0.2);
 transition: background 0.2s ease, color 0.2s ease;
 }

 .smlt-root .smlt-table thead th.smlt-static {
 cursor: default;
 }

 .smlt-root .smlt-table thead th.smlt-active {
 color: #ffffff;
 background: rgba(var(--tco-accent-rgb), 0.08);
 text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.45);
 }

 .smlt-root .smlt-arrow {
 margin-left: 6px;
 font-size: 11px;
 opacity: 0.9;
 }

 .smlt-root .smlt-table td {
 padding: 10px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 color: var(--smlt-text);
 vertical-align: middle;
 }

 .smlt-root .smlt-table tbody tr:hover {
 background: rgba(var(--tco-accent-rgb), 0.05);
 }

 .smlt-root .smlt-row-hot {
 background: linear-gradient(90deg, rgba(var(--tco-success-rgb), 0.08), rgba(77, 163, 255, 0.02));
 }

 .smlt-root .smlt-col-id {
 width: 60px;
 text-align: center;
 }

 .smlt-root .smlt-col-company {
 width: 38%;
 }

 .smlt-root .smlt-col-price {
 width: 18%;
 }

 .smlt-root .smlt-col-change {
 width: 16%;
 }

 .smlt-root .smlt-col-chart {
 width: 22%;
 }

 .smlt-root .smlt-name {
 display: block;
 font-weight: 700;
 color: #a8fff3;
 text-shadow: 0 0 10px rgba(var(--tco-accent-rgb), 0.25);
 }

 .smlt-root .smlt-tag {
 display: inline-flex;
 align-items: center;
 margin-top: 6px;
 padding: 3px 8px;
 border-radius: var(--tco-radius-pill);
 font-size: 11px;
 font-weight: 700;
 color: #d8fff1;
 background: rgba(var(--tco-success-rgb), 0.1);
 border: 1px solid rgba(var(--tco-success-rgb), 0.22);
 }

 .smlt-root .smlt-up {
 color: var(--smlt-up);
 }

 .smlt-root .smlt-down {
 color: var(--smlt-down);
 }

 .smlt-root .smlt-spark {
 display: block;
 width: 120px;
 height: 24px;
 }

 .smlt-root .smlt-empty {
 padding: 28px 16px;
 color: var(--smlt-muted);
 text-align: center;
 }

 .smlt-root .smlt-footer {
 margin-top: 10px;
 color: var(--smlt-muted);
 font-size: 12px;
 }

 .smlt-root .smlt-guide {
 width: min(100%, 1100px);
 margin: 0 auto;
 padding: 16px;
 border-radius: 16px;
 border: 1px solid var(--smlt-border);
 box-shadow: var(--smlt-glow);
 background: linear-gradient(180deg, rgba(17, 24, 35, 0.98), rgba(10, 16, 24, 0.98));
 }

 .smlt-root .smlt-guide-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 10px;
 margin: 14px 0;
 }

 .smlt-root .smlt-guide-card {
 padding: 12px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 }

 .smlt-root .smlt-guide-card b {
 display: block;
 margin-bottom: 6px;
 color: #f3fbff;
 }

 .smlt-root .smlt-guide-card span {
 color: var(--smlt-muted);
 }

 @media (max-width: 820px) {
 .smlt-root .smlt-seo-title {
 font-size: 24px;
 }

 .smlt-root .smlt-toolbar {
 align-items: stretch;
 }

 .smlt-root .smlt-controls {
 grid-template-columns: 1fr;
 flex-basis: 100%;
 }

 .smlt-root .smlt-actions {
 width: 100%;
 }

 .smlt-root .smlt-actions .smlt-button {
 flex: 1 1 auto;
 }

 .smlt-root .smlt-stats {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .smlt-root .smlt-meta {
 flex-direction: column;
 align-items: flex-start;
 }

 .smlt-root .smlt-table-wrap {
 max-height: 540px;
 }

 .smlt-root .smlt-col-company {
 width: 42%;
 }

 .smlt-root .smlt-col-price,
 .smlt-root .smlt-col-change,
 .smlt-root .smlt-col-chart {
 width: auto;
 }

 .smlt-root .smlt-guide-grid {
 grid-template-columns: 1fr;
 }
 }

 @media (max-width: 560px) {
 .smlt-root .smlt-stats {
 grid-template-columns: 1fr;
 }
 }

/* ============================================================
   MT MINING TABLE — IMPORTED COMMON STYLES
   ============================================================ */

:root {
  --bg1: #050913;
  --bg2: #0a1220;
  
  
  --soft: rgba(255,255,255,.05);
  
  
  
  
  
  
  
}


.mt-desc,
.mt-terminal {
  width: min(1200px, 100%);
  margin: 0 auto;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.mt-desc {
  padding: 18px;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1.7;
}

.mt-terminal { padding: 16px; }

.mt-accent { color: var(--green); }
.mt-info { color: var(--cyan); }
.mt-warn { color: var(--yellow); font-weight: 600; }
.mt-muted { color: var(--muted); }

.mt-header,
.mt-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.mt-header { margin-bottom: 14px; }

.mt-title-wrap {
  display: grid;
  gap: 6px;
}

.mt-title {
  color: var(--tco-accent);
  font-size: 18px;
  letter-spacing: .05em;
  font-weight: 700;
}

.mt-subtitle {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.55;
}

.mt-badges,
.mt-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.mt-badges { justify-content: flex-end; }

.mt-badge {
  padding: 6px 10px;
  font-size: 11px;
  border: 1px solid rgba(0,255,198,.22);
  border-radius: var(--tco-radius-pill);
  color: var(--tco-accent);
  background: rgba(0,255,198,.07);
  white-space: nowrap;
}

.mt-badge.error {
  color: #ffb4b4;
  border-color: rgba(255,77,77,.3);
  background: rgba(255,77,77,.08);
}

.mt-badge.loading {
  color: var(--yellow);
  border-color: rgba(var(--tco-warning-rgb), .3);
  background: rgba(var(--tco-warning-rgb), .08);
}

.mt-badge.cache {
  color: #8fd1ff;
  border-color: rgba(77,163,255,.3);
  background: rgba(77,163,255,.1);
}

.mt-toolbar {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  margin-bottom: 14px;
}

.mt-search {
  width: 100%;
  padding: 11px 13px;
  border-radius: var(--tco-radius-card);
  border: 1px solid rgba(0,255,198,.22);
  background: rgba(255,255,255,.03);
  color: #fff;
  outline: none;
}

.mt-search:focus {
  border-color: rgba(0,255,198,.45);
  box-shadow: 0 0 0 3px rgba(0,255,198,.12);
}

.mt-btn {
  padding: 11px 14px;
  border: 1px solid rgba(0,255,198,.22);
  border-radius: var(--tco-radius-card);
  background: rgba(0,255,198,.08);
  color: #dffff8;
  cursor: pointer;
  font-weight: 600;
  transition: background .16s ease, transform .16s ease, opacity .16s ease, border-color .16s ease;
}

.mt-btn:hover:not(:disabled) {
  background: rgba(0,255,198,.14);
  transform: translateY(-1px);
  border-color: rgba(0,255,198,.32);
}

.mt-btn.secondary {
  background: rgba(77,163,255,.1);
  border-color: rgba(77,163,255,.22);
  color: #d7ecff;
}

.mt-btn.ghost {
  background: var(--tco-line-soft);
  border-color: rgba(255,255,255,.1);
  color: #d7e1ef;
}

.mt-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.mt-note {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.65;
}

.mt-stats,
.mt-highlight-grid {
  display: grid;
  gap: 12px;
}

.mt-stats {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin-bottom: 14px;
}

.mt-highlight-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-bottom: 14px;
}

.mt-stat,
.mt-card {
  border: 1px solid var(--border);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(12,22,36,.95),rgba(6,12,20,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.mt-stat { padding: 14px; }

.mt-stat-label,
.mt-card-box-label,
.mt-section-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mt-stat-label,
.mt-card-box-label,
.mt-section-note {
  color: var(--muted);
}

.mt-stat-value {
  font-size: clamp(20px,2vw,28px);
  font-weight: 700;
  color: #f4f8fd;
}

.mt-stat-note {
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}

.mt-section-title {
  font-size: 13px;
  color: #dff6ff;
  font-weight: 700;
}

.mt-section-note { font-size: 12px; }

.mt-card {
  padding: 14px;
  min-height: 160px;
  background:
    linear-gradient(180deg,rgba(9,19,31,.96),rgba(7,12,22,.98)),
    radial-gradient(circle at top left,rgba(var(--tco-success-rgb), .06),transparent 45%);
}

.mt-card-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.mt-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  border-radius: var(--tco-radius-pill);
  font-size: 12px;
  font-weight: 700;
  color: #041118;
  background: linear-gradient(180deg,var(--tco-accent),#5affd8);
}

.mt-card-name {
  font-size: 16px;
  font-weight: 700;
  color: #f9fcff;
}

.mt-card-tag {
  margin-top: 4px;
  font-size: 11px;
  color: var(--muted);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mt-card-profit {
  text-align: right;
  font-size: 22px;
  font-weight: 700;
  color: var(--green);
}

.mt-card-algo {
  margin-top: 10px;
  color: #d9e6f8;
  font-size: 13px;
  font-weight: 600;
}

.mt-card-meta {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}

.mt-card-box {
  border: 1px solid var(--soft);
  border-radius: var(--tco-radius-panel);
  padding: 10px;
  background: rgba(255,255,255,.03);
}

.mt-card-box-value {
  font-size: 13px;
  color: #f7fbff;
  font-weight: 700;
}

.mt-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--tco-radius-panel);
}

.mt-table {
  width: 100%;
  min-width: 1080px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(var(--tco-success-rgb), .08), transparent 24%),
    radial-gradient(circle at top right, rgba(77,163,255,.08), transparent 20%),
    linear-gradient(180deg, var(--bg1), var(--bg2) 54%, #060a10);
}

.mt-table th,
.mt-table td {
  padding: 10px;
  border-bottom: 1px solid var(--soft);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mt-table th {
  color: var(--tco-accent);
  cursor: pointer;
  user-select: none;
  background: rgba(10,16,26,.96);
  position: sticky;
  top: 0;
  z-index: 1;
}

.mt-table th:first-child,
.mt-table td:first-child {
  width: 56px;
  text-align: center;
}

.mt-table tr:hover { background: rgba(var(--tco-accent-rgb), .05); }

.mt-row-hot {
  background: linear-gradient(90deg,rgba(var(--tco-success-rgb), .06),transparent 62%);
}

.mt-name {
  color: var(--tco-accent);
  font-weight: 600;
}

.mt-small {
  opacity: .72;
  font-size: 11px;
}

.mt-price { color: #fff; }
.mt-pos { color: #00ff9c; }
.mt-neg { color: var(--red); }

.mt-empty {
  text-align: center;
  color: var(--muted);
  padding: 18px;
}

.mt-diff-cell {
  position: relative;
  font-weight: 600;
}

.mt-profit-24 { color: #d8ebff; }

@media (max-width: 980px) {
  .mt-stats,
  .mt-highlight-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .mt-toolbar { grid-template-columns: 1fr; }
  .mt-actions { justify-content: stretch; }
  .mt-actions .mt-btn { flex: 1 1 auto; }

  .mt-stats,
  .mt-highlight-grid,
  .mt-card-meta {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   TT TOKEN TERMINAL EMBED — IMPORTED COMMON STYLES
   ============================================================ */

.tt-embed,
 .tt-embed * {
 box-sizing: border-box;
 }

 .tt-embed {
 --tt-bg: #0d1117;
 --tt-panel: #101722;
 --tt-soft: rgba(255, 255, 255, 0.04);
 --tt-border: rgba(255, 255, 255, 0.08);
 --tt-accent: var(--tco-success);
 --tt-cyan: #4da3ff;
 --tt-warn: var(--tco-warning);
 --tt-danger: #ff6464;
 --tt-text: #d2d9e2;
 --tt-muted: #8b9bb4;
 --tt-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);

 width: min(1220px, 100%);
 margin: 0 auto;
 color: var(--tt-text);
 font: 14px/1.6 "Segoe UI", Tahoma, sans-serif;
 }

 .tt-embed .tt-box,
 .tt-embed .tt-app {
 width: 100%;
 margin: 0 0 18px;
 border: 1px solid rgba(var(--tco-accent-rgb), 0.14);
 border-radius: 16px;
 background:
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.05), transparent 28%),
 linear-gradient(180deg, rgba(11, 16, 24, 0.98), rgba(7, 11, 18, 0.98));
 box-shadow: var(--tt-shadow);
 }

 .tt-embed .tt-box {
 padding: 20px;
 }

 .tt-embed .tt-eyebrow {
 display: inline-flex;
 padding: 6px 10px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.18);
 background: rgba(var(--tco-accent-rgb), 0.08);
 font-size: 11px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: #dbfff7;
 }

 .tt-embed h1,
 .tt-embed h2,
 .tt-embed h3,
 .tt-embed p {
 margin: 0;
 }

 .tt-embed .tt-seo-title,
 .tt-embed .tt-guide-title {
 margin-top: 14px;
 color: #f6fbff;
 line-height: 1.2;
 }

 .tt-embed .tt-seo-title {
 font-size: clamp(26px, 3vw, 38px);
 }

 .tt-embed .tt-guide-title {
 font-size: clamp(22px, 2.6vw, 32px);
 }

 .tt-embed .tt-seo-text,
 .tt-embed .tt-guide-text {
 margin-top: 10px;
 max-width: 980px;
 color: var(--tt-text);
 }

 .tt-embed .tt-accent { color: var(--tt-accent); }
 .tt-embed .tt-info { color: var(--tt-cyan); }
 .tt-embed .tt-warn { color: var(--tt-warn); font-weight: 600; }

 .tt-embed .tt-chips,
 .tt-embed .tt-guide-grid,
 .tt-embed .tt-faq-grid,
 .tt-embed .tt-stats,
 .tt-embed .tt-recent-list {
 display: grid;
 gap: 12px;
 }

 .tt-embed .tt-chips {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 18px;
 }

 .tt-embed .tt-guide-grid {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 16px;
 }

 .tt-embed .tt-faq-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 margin-top: 12px;
 }

 .tt-embed .tt-chip,
 .tt-embed .tt-card,
 .tt-embed .tt-faq {
 min-height: 100%;
 padding: 16px;
 border: 1px solid var(--tt-border);
 border-radius: 14px;
 background: var(--tt-soft);
 }

 .tt-embed .tt-chip strong,
 .tt-embed .tt-card h3,
 .tt-embed .tt-faq h3 {
 display: block;
 margin-bottom: 6px;
 color: #f6fbff;
 }

 .tt-embed .tt-chip span,
 .tt-embed .tt-card p,
 .tt-embed .tt-faq p {
 color: var(--tt-muted);
 font-size: 13px;
 }

 .tt-embed .tt-app {
 overflow: hidden;
 }

 .tt-embed .tt-topbar {
 display: grid;
 grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) minmax(90px, 120px);
 gap: 14px;
 align-items: center;
 padding: 14px 16px;
 border-bottom: 1px solid rgba(var(--tco-accent-rgb), 0.12);
 background: rgba(10, 14, 20, 0.95);
 }

 .tt-embed .tt-logo {
 color: var(--tco-accent);
 font-weight: 700;
 letter-spacing: 0.1em;
 }

 .tt-embed .tt-ticker {
 font-size: 12px;
 color: var(--tco-accent-bright);
 text-align: right;
 }

 .tt-embed .tt-ticker[data-state="loading"] { color: var(--tt-warn); }
 .tt-embed .tt-ticker[data-state="live"] { color: var(--tt-accent); }
 .tt-embed .tt-ticker[data-state="danger"] { color: var(--tt-danger); }

 .tt-embed .tt-searchbar {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 96px 104px;
 gap: 10px;
 min-width: 0;
 }

 .tt-embed .tt-input,
 .tt-embed .tt-select,
 .tt-embed .tt-btn {
 min-height: 44px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(255, 255, 255, 0.1);
 color: #fff;
 outline: none;
 }

 .tt-embed .tt-input,
 .tt-embed .tt-select {
 width: 100%;
 padding: 10px 12px;
 background: rgba(255, 255, 255, 0.05);
 }

 .tt-embed .tt-input:focus,
 .tt-embed .tt-select:focus {
 border-color: rgba(var(--tco-accent-rgb), 0.35);
 box-shadow: 0 0 0 3px rgba(var(--tco-accent-rgb), 0.12);
 }

 .tt-embed .tt-btn {
 padding: 0 12px;
 background: rgba(var(--tco-accent-rgb), 0.08);
 border-color: rgba(var(--tco-accent-rgb), 0.24);
 cursor: pointer;
 font-weight: 600;
 }

 .tt-embed .tt-btn:hover:not(:disabled) {
 background: rgba(var(--tco-accent-rgb), 0.15);
 }

 .tt-embed .tt-btn.secondary {
 background: rgba(77, 163, 255, 0.08);
 border-color: rgba(77, 163, 255, 0.24);
 color: #d9e9ff;
 }

 .tt-embed .tt-btn:disabled {
 opacity: 0.55;
 cursor: not-allowed;
 }

 .tt-embed .tt-main {
 display: grid;
 grid-template-columns: minmax(290px, 340px) minmax(0, 1fr);
 min-height: 620px;
 }

 .tt-embed .tt-watchlist {
 padding: 8px;
 overflow: auto;
 background: rgba(12, 16, 22, 0.9);
 border-right: 1px solid rgba(var(--tco-accent-rgb), 0.08);
 }

 .tt-embed .tt-watch-item {
 width: 100%;
 margin-bottom: 8px;
 padding: 12px 13px;
 border: 1px solid transparent;
 border-radius: var(--tco-radius-panel);
 background: rgba(255, 255, 255, 0.02);
 color: var(--tt-text);
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 10px;
 text-align: left;
 align-items: center;
 cursor: pointer;
 }

 .tt-embed .tt-watch-item:hover {
 background: rgba(var(--tco-accent-rgb), 0.06);
 border-color: rgba(var(--tco-accent-rgb), 0.18);
 }

 .tt-embed .tt-watch-item.is-active {
 background: rgba(var(--tco-success-rgb), 0.08);
 border-color: rgba(var(--tco-success-rgb), 0.24);
 }

 .tt-embed .tt-watch-item.is-placeholder {
 grid-template-columns: 1fr;
 color: var(--tt-muted);
 cursor: default;
 }

 .tt-embed .tt-watch-symbol {
 font-weight: 700;
 color: #fff;
 }

 .tt-embed .tt-watch-name,
 .tt-embed .tt-watch-meta {
 font-size: 12px;
 color: var(--tt-muted);
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 }

 .tt-embed .tt-panel {
 padding: 14px;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
 align-content: start;
 background:
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.04), transparent 28%),
 linear-gradient(180deg, rgba(11, 16, 24, 0.95), rgba(8, 13, 20, 0.98));
 }

 .tt-embed .tt-panel-box,
 .tt-embed .tt-result,
 .tt-embed .tt-recent {
 padding: 16px;
 border: 1px solid var(--tt-border);
 border-radius: 14px;
 background: var(--tt-soft);
 }

 .tt-embed .tt-price {
 font-size: clamp(26px, 3vw, 34px);
 font-weight: 700;
 color: var(--tco-accent);
 }

 .tt-embed .tt-change {
 margin-top: 6px;
 color: var(--tt-muted);
 font-size: 13px;
 }

 .tt-embed .tt-rows {
 display: grid;
 gap: 10px;
 }

 .tt-embed .tt-row {
 display: grid;
 grid-template-columns: 92px minmax(0, 1fr);
 gap: 10px;
 align-items: start;
 font-size: 12px;
 }

 .tt-embed .tt-row > span:first-child {
 color: var(--tt-muted);
 }

 .tt-embed .tt-contract-wrap {
 display: flex;
 gap: 8px;
 align-items: flex-start;
 }

 .tt-embed .tt-contract {
 flex: 1;
 color: var(--tco-accent-bright);
 text-decoration: underline;
 word-break: break-all;
 cursor: pointer;
 }

 .tt-embed .tt-contract.is-disabled {
 color: var(--tt-muted);
 text-decoration: none;
 cursor: default;
 }

 .tt-embed .tt-mini {
 min-height: 34px;
 padding: 0 12px;
 white-space: nowrap;
 }

 .tt-embed .tt-stats {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 grid-column: 1 / -1;
 }

 .tt-embed .tt-stat {
 min-height: 84px;
 padding: 14px;
 border-radius: var(--tco-radius-panel);
 background: rgba(255, 255, 255, 0.02);
 border: 1px solid rgba(255, 255, 255, 0.05);
 }

 .tt-embed .tt-stat b {
 display: block;
 font-size: 11px;
 color: var(--tt-muted);
 margin-bottom: 6px;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 }

 .tt-embed .tt-stat span {
 font-weight: 700;
 color: #f2fbff;
 }

 .tt-embed .tt-result {
 min-height: 112px;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 grid-column: 1 / -1;
 }

 .tt-embed .tt-result[data-tone="success"] {
 background: rgba(var(--tco-success-rgb), 0.06);
 border-color: rgba(var(--tco-success-rgb), 0.18);
 color: #dffff2;
 }

 .tt-embed .tt-result[data-tone="warn"] {
 background: rgba(var(--tco-warning-rgb), 0.05);
 border-color: rgba(var(--tco-warning-rgb), 0.18);
 color: #fff1b8;
 }

 .tt-embed .tt-result[data-tone="danger"] {
 background: rgba(255, 100, 100, 0.06);
 border-color: rgba(255, 100, 100, 0.18);
 color: #ffd4d4;
 }

 .tt-embed .tt-result[data-tone="muted"] {
 color: var(--tt-muted);
 }

 .tt-embed .tt-recent {
 grid-column: 1 / -1;
 }

 .tt-embed .tt-recent-head {
 display: flex;
 justify-content: space-between;
 gap: 10px;
 align-items: center;
 font-weight: 700;
 }

 .tt-embed .tt-recent-list {
 grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
 margin-top: 12px;
 }

 .tt-embed .tt-recent-list .tt-btn {
 width: 100%;
 min-height: 42px;
 }

 .tt-embed .tt-actions {
 display: grid;
 grid-template-columns: minmax(180px, 1.1fr) 150px 150px 190px;
 gap: 10px;
 padding: 12px 16px;
 border-top: 1px solid var(--tt-border);
 background: rgba(8, 12, 18, 0.94);
 }

 .tt-embed .tt-actions .tt-input,
 .tt-embed .tt-actions .tt-select,
 .tt-embed .tt-actions .tt-btn {
 width: 100%;
 }

 @media (max-width: 1100px) {
 .tt-embed .tt-chips,
 .tt-embed .tt-guide-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .tt-embed .tt-stats {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }

 @media (max-width: 980px) {
 .tt-embed .tt-topbar,
 .tt-embed .tt-chips,
 .tt-embed .tt-guide-grid,
 .tt-embed .tt-faq-grid,
 .tt-embed .tt-actions,
 .tt-embed .tt-panel {
 grid-template-columns: 1fr;
 }

 .tt-embed .tt-main {
 grid-template-columns: 1fr;
 }

 .tt-embed .tt-watchlist {
 max-height: 280px;
 border-right: 0;
 border-bottom: 1px solid rgba(var(--tco-accent-rgb), 0.08);
 }

 .tt-embed .tt-searchbar {
 grid-template-columns: minmax(0, 1fr) 96px 104px;
 }

 .tt-embed .tt-ticker {
 text-align: left;
 }

 .tt-embed .tt-panel > .tt-panel-box,
 .tt-embed .tt-stats,
 .tt-embed .tt-result,
 .tt-embed .tt-recent {
 grid-column: auto;
 }
 }

 @media (max-width: 720px) {
 .tt-embed .tt-box {
 padding: 16px;
 }

 .tt-embed .tt-topbar {
 padding: 12px;
 }

 .tt-embed .tt-searchbar,
 .tt-embed .tt-actions,
 .tt-embed .tt-stats,
 .tt-embed .tt-chips,
 .tt-embed .tt-guide-grid,
 .tt-embed .tt-faq-grid {
 grid-template-columns: 1fr;
 }

 .tt-embed .tt-row {
 grid-template-columns: 1fr;
 }

 .tt-embed .tt-contract-wrap {
 flex-direction: column;
 }
 }

/* ============================================================
   CC CRYPTO CONVERTER — IMPORTED COMMON STYLES
   ============================================================ */

:root {
 --bg-1: #050913;
 --bg-2: #0b1220;
 --panel: linear-gradient(180deg, rgba(13, 18, 30, 0.96), rgba(7, 11, 18, 0.98));
 --panel-soft: linear-gradient(180deg, rgba(12, 21, 35, 0.96), rgba(8, 12, 20, 0.98));
 --border: rgba(255, 255, 255, 0.08);
 --soft-border: rgba(255, 255, 255, 0.05);
 --text: #d7e0eb;
 --muted: #8b9bb4;
 --green: var(--tco-success);
 --cyan: #4da3ff;
 --yellow: var(--tco-warning);
 --red: #ff6868;
 --shadow: 0 20px 60px rgba(0, 0, 0, 0.34);
 }

 * {
 box-sizing: border-box;
 }


 .cc-desc,
 .cc-terminal {
 width: min(1180px, 100%);
 margin: 0 auto;
 border: 1px solid var(--border);
 border-radius: 16px;
 background: var(--panel);
 box-shadow: var(--shadow);
 }

 .cc-desc {
 margin-bottom: 18px;
 padding: 18px;
 line-height: 1.7;
 font-size: 14px;
 }

 .cc-terminal {
 padding: 18px;
 }

 .cc-accent { color: var(--green); }
 .cc-info { color: var(--cyan); }
 .cc-warn { color: var(--yellow); font-weight: 600; }
 .cc-deep { color: #b46bff; }

 .cc-header {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 14px;
 flex-wrap: wrap;
 margin-bottom: 16px;
 }

 .cc-title-wrap {
 display: grid;
 gap: 6px;
 }

 .cc-title {
 color: var(--tco-accent);
 font-size: 20px;
 font-weight: 700;
 letter-spacing: 0.05em;
 }

 .cc-subtitle {
 color: var(--muted);
 font-size: 12px;
 line-height: 1.55;
 max-width: 720px;
 }

 .cc-badges {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 align-items: center;
 justify-content: flex-end;
 }

 .cc-pill {
 display: inline-flex;
 align-items: center;
 padding: 6px 10px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.2);
 background: rgba(var(--tco-accent-rgb), 0.08);
 color: #dbfff6;
 font-size: 11px;
 white-space: nowrap;
 }

 .cc-pill.is-live {
 color: var(--green);
 border-color: rgba(var(--tco-success-rgb), 0.22);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .cc-pill.is-loading {
 color: var(--yellow);
 border-color: rgba(var(--tco-warning-rgb), 0.24);
 background: rgba(var(--tco-warning-rgb), 0.08);
 }

 .cc-pill.is-cache {
 color: #9dd2ff;
 border-color: rgba(77, 163, 255, 0.24);
 background: rgba(77, 163, 255, 0.1);
 }

 .cc-pill.is-error {
 color: #ffb9b9;
 border-color: rgba(255, 104, 104, 0.24);
 background: rgba(255, 104, 104, 0.1);
 }

 .cc-toolbar {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 10px;
 margin-bottom: 14px;
 }

 .cc-toolbar-group {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 align-items: center;
 }

 .cc-input,
 .cc-select,
 .cc-btn {
 height: 46px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 color: #fff;
 font-size: 14px;
 transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, opacity 0.16s ease;
 }

 .cc-input,
 .cc-select {
 width: 100%;
 padding: 0 14px;
 outline: none;
 }

 .cc-input:focus,
 .cc-select:focus {
 border-color: rgba(var(--tco-accent-rgb), 0.42);
 box-shadow: 0 0 0 3px rgba(var(--tco-accent-rgb), 0.12);
 }

 .cc-btn {
 padding: 0 16px;
 cursor: pointer;
 font-weight: 600;
 }

 .cc-btn:hover:not(:disabled) {
 border-color: rgba(var(--tco-accent-rgb), 0.28);
 background: rgba(var(--tco-accent-rgb), 0.1);
 }

 .cc-btn:disabled {
 cursor: not-allowed;
 opacity: 0.65;
 }

 .cc-btn.secondary {
 border-color: rgba(77, 163, 255, 0.2);
 background: rgba(77, 163, 255, 0.1);
 color: #d8ebff;
 }

 .cc-notice {
 margin: 0 0 14px;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.65;
 }

 .cc-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 18px;
 }

 .cc-panel {
 border: 1px solid var(--border);
 border-radius: 14px;
 background: var(--panel-soft);
 padding: 16px;
 display: grid;
 gap: 14px;
 align-content: start;
 min-width: 0;
 }

 .cc-field {
 display: grid;
 gap: 8px;
 }

 .cc-label {
 color: var(--muted);
 font-size: 12px;
 letter-spacing: 0.03em;
 }

 .cc-search-meta {
 color: var(--muted);
 font-size: 12px;
 line-height: 1.55;
 min-height: 20px;
 }

 .cc-result {
 min-height: 118px;
 display: grid;
 gap: 10px;
 align-content: center;
 justify-items: center;
 border-radius: 14px;
 border: 1px solid rgba(0, 255, 195, 0.08);
 background:
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.06), transparent 40%),
 linear-gradient(180deg, rgba(7, 15, 24, 0.96), rgba(6, 11, 18, 0.99));
 text-align: center;
 padding: 18px 14px;
 }

 .cc-result-main {
 color: #eafff8;
 font-size: clamp(20px, 2vw, 28px);
 font-weight: 700;
 line-height: 1.3;
 word-break: break-word;
 }

 .cc-result-sub {
 color: var(--muted);
 font-size: 12px;
 line-height: 1.55;
 }

 .cc-coin-card {
 display: grid;
 gap: 10px;
 border: 1px solid var(--soft-border);
 border-radius: 14px;
 padding: 16px;
 background: rgba(255, 255, 255, 0.025);
 }

 .cc-coin-title {
 color: #f7fbff;
 font-size: 16px;
 font-weight: 700;
 }

 .cc-coin-row {
 color: var(--muted);
 font-size: 13px;
 line-height: 1.55;
 }

 .cc-positive {
 color: var(--green);
 font-weight: 700;
 }

 .cc-negative {
 color: var(--red);
 font-weight: 700;
 }

 @media (max-width: 920px) {
 .cc-grid {
 grid-template-columns: 1fr;
 }
 }

 @media (max-width: 760px) {
 body {
 padding: 16px 10px;
 }

 .cc-toolbar {
 grid-template-columns: 1fr;
 }

 .cc-toolbar-group {
 width: 100%;
 }

 .cc-toolbar-group .cc-btn,
 .cc-toolbar-group .cc-input {
 flex: 1 1 auto;
 }

 .cc-badges {
 justify-content: flex-start;
 }
 }

/* ============================================================
   GAS WIDGET — IMPORTED COMMON STYLES
   ============================================================ */

.gas-widget {
  --bg: #050816;
  --panel: #020617;
  --panel-2: #0f172a;
  --border: rgba(148, 163, 184, 0.14);
  --text: #e2e8f0;
  --muted: #94a3b8;
  --green: #22c55e;
  --yellow: #facc15;
  --red: #ef4444;
  --gray: #94a3b8;
  --cyan: #22d3ee;

  max-width: 1080px;
  margin: 0 auto;
}

.gas-widget,
.gas-widget * {
  box-sizing: border-box;
}

.gas-widget .gas-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(8, 15, 35, 0.96), rgba(2, 6, 23, 0.96));
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.gas-widget .gas-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.gas-widget .gas-subtitle {
  margin-top: 6px;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
}

.gas-widget .gas-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px;
  color: var(--muted);
}

.gas-widget .gas-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: var(--tco-radius-pill);
  border: 1px solid var(--border);
  background: rgba(148, 163, 184, 0.08);
  color: var(--text);
  white-space: nowrap;
}

.gas-widget .pill-ok {
  background: rgba(34, 197, 94, 0.14);
  color: var(--green);
}

.gas-widget .pill-warn {
  background: rgba(250, 204, 21, 0.12);
  color: var(--yellow);
}

.gas-widget .pill-error {
  background: rgba(239, 68, 68, 0.12);
  color: var(--red);
}

.gas-widget .pill-loading {
  background: rgba(34, 211, 238, 0.12);
  color: var(--cyan);
}

.gas-widget .gas-notice {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(250, 204, 21, 0.18);
  border-radius: var(--tco-radius-panel);
  background: rgba(250, 204, 21, 0.08);
  color: var(--yellow);
  font-size: 13px;
  line-height: 1.55;
}

.gas-widget .gas-table-wrap {
  margin-top: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(2, 6, 23, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}

.gas-widget .gas-table {
  width: 100%;
  overflow-x: auto;
}

.gas-widget .gas-row {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(120px, 1fr));
  align-items: center;
  min-width: 820px;
  border-bottom: 1px solid var(--border);
}

.gas-widget .gas-row:last-child {
  border-bottom: 0;
}

.gas-widget .gas-row-head {
  background: rgba(15, 23, 42, 0.9);
  font-size: 13px;
  font-weight: 700;
  color: #cbd5e1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.gas-widget .gas-row > div {
  padding: 14px 16px;
}

.gas-widget .gas-network {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.gas-widget .gas-network-name {
  font-weight: 600;
  color: #f8fafc;
}

.gas-widget .gas-source {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 4px 8px;
  border-radius: var(--tco-radius-pill);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 1px solid transparent;
}

.gas-widget .gas-source-live {
  background: rgba(34, 197, 94, 0.14);
  color: var(--green);
  border-color: rgba(34, 197, 94, 0.2);
}

.gas-widget .gas-source-cache {
  background: rgba(250, 204, 21, 0.14);
  color: var(--yellow);
  border-color: rgba(250, 204, 21, 0.2);
}

.gas-widget .gas-source-fallback {
  background: rgba(239, 68, 68, 0.14);
  color: var(--red);
  border-color: rgba(239, 68, 68, 0.2);
}

.gas-widget .green {
  color: var(--green);
  font-weight: 700;
}

.gas-widget .yellow {
  color: var(--yellow);
  font-weight: 700;
}

.gas-widget .red {
  color: var(--red);
  font-weight: 700;
}

.gas-widget .gray {
  color: var(--gray);
  font-weight: 700;
}

.gas-widget .gas-empty {
  text-align: center;
  padding: 28px 16px;
  color: var(--muted);
}

@media (max-width: 760px) {
  .gas-widget {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gas-widget .gas-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .gas-widget .gas-meta {
    justify-content: flex-start;
  }
}

/* ============================================================
   MC CALCULATOR — IMPORTED COMMON STYLES
   ============================================================ */


.mc-shell .mc-accent,
.mc-desc .mc-accent { color: var(--green); }

.mc-shell .mc-info,
.mc-desc .mc-info { color: var(--cyan); }

.mc-shell .mc-warn,
.mc-desc .mc-warn {
  color: var(--yellow);
  font-weight: 600;
}

.mc-shell .mc-danger,
.mc-desc .mc-danger {
  color: var(--red);
  font-weight: 700;
}

.mc-shell .mc-deep,
.mc-desc .mc-deep { color: var(--purple); }

.mc-shell .mc-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.mc-shell .mc-title-wrap {
  display: grid;
  gap: 6px;
}

.mc-shell .mc-title {
  margin: 0;
  color: var(--tco-accent);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.mc-shell .mc-subtitle {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  max-width: 720px;
}

.mc-shell .mc-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.mc-shell .mc-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: var(--tco-radius-pill);
  border: 1px solid rgba(var(--tco-accent-rgb), 0.2);
  background: rgba(var(--tco-accent-rgb), 0.08);
  color: #dbfff6;
  font-size: 11px;
  white-space: nowrap;
}

.mc-shell .mc-pill.live {
  color: var(--green);
  border-color: rgba(var(--tco-success-rgb), 0.22);
  background: rgba(var(--tco-success-rgb), 0.08);
}

.mc-shell .mc-pill.safe {
  color: var(--cyan);
  border-color: rgba(77, 163, 255, 0.22);
  background: rgba(77, 163, 255, 0.1);
}

.mc-shell .mc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

.mc-shell .mc-field {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.mc-shell .mc-label {
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.03em;
}

.mc-shell .mc-input {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border-radius: var(--tco-radius-panel);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font-size: 15px;
  outline: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.mc-shell .mc-input:focus {
  border-color: rgba(var(--tco-accent-rgb), 0.42);
  box-shadow: 0 0 0 3px rgba(var(--tco-accent-rgb), 0.12);
  background: rgba(255, 255, 255, 0.04);
}

.mc-shell .mc-help {
  margin: 0;
  min-height: 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.mc-shell .mc-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.mc-shell .mc-btn {
  min-height: 44px;
  padding: 0 16px;
  border-radius: var(--tco-radius-panel);
  border: 1px solid rgba(77, 163, 255, 0.22);
  background: rgba(77, 163, 255, 0.1);
  color: #d8ebff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.mc-shell .mc-btn:hover {
  border-color: rgba(77, 163, 255, 0.35);
  background: rgba(77, 163, 255, 0.14);
  transform: translateY(-1px);
}

.mc-shell .mc-result {
  display: grid;
  gap: 10px;
  padding: 20px 18px;
  border-radius: 14px;
  border: 1px solid rgba(0, 255, 195, 0.08);
  background:
    radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.06), transparent 40%),
    linear-gradient(180deg, rgba(7, 15, 24, 0.96), rgba(6, 11, 18, 0.99));
  text-align: center;
}

.mc-shell .mc-result-label {
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mc-shell .mc-result-value {
  color: #eafff8;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}

.mc-shell .mc-result-compact {
  color: var(--cyan);
  font-size: 13px;
  line-height: 1.5;
}

.mc-shell .mc-formula {
  color: var(--text);
  font-size: 13px;
  line-height: 1.6;
  word-break: break-word;
}

.mc-shell .mc-status {
  min-height: 20px;
  font-size: 12px;
  line-height: 1.5;
}

.mc-shell .mc-status.is-neutral { color: var(--muted); }
.mc-shell .mc-status.is-good { color: var(--green); }
.mc-shell .mc-status.is-warn { color: var(--yellow); }
.mc-shell .mc-status.is-bad { color: var(--red); }

@media (max-width: 760px) {
  .mc-desc,
  .mc-shell {
    width: calc(100% - 20px);
  }

  .mc-shell .mc-grid {
    grid-template-columns: 1fr;
  }

  .mc-shell .mc-badges,
  .mc-shell .mc-actions {
    justify-content: flex-start;
  }
}

/* ============================================================
   GENERIC TABLE WIDGET — IMPORTED COMMON STYLES
   Scope container: .market-table-widget
   ============================================================ */

.market-table-widget,
.market-table-widget * {
  box-sizing: border-box;
}

.market-table-widget .header {
  padding: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: var(--tco-accent);
  border-bottom: 1px solid #1c2633;
}

.market-table-widget .controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 15px;
  max-width: 1200px;
  margin: auto;
}

.market-table-widget input,
.market-table-widget select {
  padding: 12px;
  border-radius: var(--tco-radius);
  border: 1px solid #1f2a36;
  background: #111821;
  color: #fff;
  flex: 1;
  min-width: 180px;
}

.market-table-widget button {
  padding: 12px;
  border: none;
  border-radius: var(--tco-radius);
  background: var(--tco-accent);
  font-weight: bold;
  cursor: pointer;
}

.market-table-widget button:hover {
  opacity: 0.8;
}

.market-table-widget .table-wrap {
  max-width: 1200px;
  margin: auto;
  padding: 15px;
}

.market-table-widget table {
  width: 100%;
  border-collapse: collapse;
  background: #0f1620;
  border-radius: var(--tco-radius-card);
  overflow: hidden;
}

.market-table-widget th,
.market-table-widget td {
  padding: 14px;
  border-bottom: 1px solid #1c2633;
  text-align: left;
}

.market-table-widget th {
  background: #111b27;
  color: var(--tco-accent);
  cursor: pointer;
}

.market-table-widget .status {
  padding: 5px 10px;
  border-radius: var(--tco-radius-sm);
  font-size: 12px;
}

.market-table-widget .active {
  background: #1f6f3b;
}

.market-table-widget .soon {
  background: #8a6d1f;
}

.market-table-widget .ended {
  background: #6b1f1f;
}

.market-table-widget .small {
  font-size: 12px;
  opacity: 0.8;
}

.market-table-widget .tag {
  font-size: 11px;
  padding: 3px 6px;
  border-radius: var(--tco-radius-sm);
  background: #1b2633;
  margin-left: 6px;
}

.market-table-widget .footer {
  text-align: center;
  font-size: 12px;
  opacity: 0.6;
  padding: 10px;
}

/* ============================================================
   SCANNER APP — IMPORTED COMMON STYLES
   ============================================================ */

.scanner-app {
 --bg1: #07101d;
 --bg2: #0b1526;
 --panel: rgba(12, 20, 34, 0.96);
 --panel2: rgba(9, 15, 26, 0.98);
 --border: rgba(255, 255, 255, 0.08);
 --text: #dce9fb;
 --muted: #91a5c0;
 --green: var(--tco-success);
 --cyan: #44c6ff;
 --amber: var(--tco-warning);
 --red: var(--tco-danger);
 --blue: #5ba3ff;
 --shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
 --radius: 18px;
 margin: 0;
 min-height: 100vh;
 color: var(--text);
 font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 background:
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.10), transparent 24%),
 radial-gradient(circle at top right, rgba(91, 163, 255, 0.10), transparent 28%),
 linear-gradient(180deg, var(--bg1), var(--bg2) 60%, #060b13);
 }

 .scanner-app,
.scanner-app * {
 box-sizing: border-box;
 }

 

 

 .scanner-app .hero,
.scanner-app .shell {
 margin-bottom: 16px;
 }

 .scanner-app .hero {
 font-size: 14px;
 line-height: 1.72;
 }

 .scanner-app .badge,
.scanner-app .hero-badge {
 display: inline-flex;
 align-items: center;
 padding: 10px 14px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid var(--border);
 background: rgba(255, 255, 255, 0.03);
 font-size: 12px;
 color: var(--muted);
 }

 .scanner-app .hero-badge {
 margin-bottom: 12px;
 color: #d8fff0;
 border-color: rgba(var(--tco-success-rgb), 0.18);
 background: rgba(var(--tco-success-rgb), 0.08);
 letter-spacing: 0.08em;
 text-transform: uppercase;
 }

 .scanner-app .badge.live {
 color: #ddfff2;
 border-color: rgba(var(--tco-success-rgb), 0.24);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .scanner-app .badge.loading,
.scanner-app .badge.warning {
 color: #ffe8b5;
 border-color: rgba(var(--tco-warning-rgb), 0.26);
 background: rgba(var(--tco-warning-rgb), 0.08);
 }

 .scanner-app .badge.error {
 color: #ffd7d7;
 border-color: rgba(255, 107, 107, 0.26);
 background: rgba(255, 107, 107, 0.10);
 }

 .scanner-app .accent {
 color: var(--green);
 }

 .scanner-app .info {
 color: var(--cyan);
 }

 .scanner-app .muted {
 color: var(--muted);
 }

 .scanner-app .pos {
 color: var(--green);
 }

 .scanner-app .neg {
 color: var(--red);
 }

 .scanner-app h1,
.scanner-app h2,
.scanner-app h3,
.scanner-app p {
 margin: 0;
 }

 .scanner-app .topbar,
.scanner-app .status-grid,
.scanner-app .stat-grid,
.scanner-app .toolbar,
.scanner-app .guide-grid,
.scanner-app .actions {
 display: grid;
 gap: 12px;
 }

 .scanner-app .topbar {
 grid-template-columns: minmax(0, 1fr) auto;
 align-items: start;
 margin-bottom: 14px;
 }

 .scanner-app .status-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 margin-bottom: 14px;
 }

 .scanner-app .stat-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 margin-bottom: 14px;
 }

 .scanner-app .toolbar {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 margin-bottom: 14px;
 }

 .scanner-app .guide-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .scanner-app .actions {
 grid-template-columns: repeat(2, minmax(0, auto));
 }

 .scanner-app .title {
 margin-bottom: 6px;
 font-size: clamp(22px, 3vw, 32px);
 color: #eaf8ff;
 letter-spacing: 0.04em;
 }

 .scanner-app .subtitle,
.scanner-app .note,
.scanner-app .small {
 color: var(--muted);
 font-size: 13px;
 line-height: 1.6;
 }

 .scanner-app .small {
 font-size: 11px;
 }

 .scanner-app .section-title,
.scanner-app .label {
 color: var(--muted);
 font-size: 11px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 }

 .scanner-app .section-title {
 margin-bottom: 10px;
 }

 .scanner-app .card,
.scanner-app .summary,
.scanner-app .alert-shell,
.scanner-app .guide-card {
 border: 1px solid var(--border);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.03);
 }

 .scanner-app .card,
.scanner-app .summary,
.scanner-app .guide-card {
 padding: 12px;
 }

 .scanner-app .value {
 margin-top: 6px;
 font-size: 15px;
 font-weight: 700;
 color: #f7fbff;
 line-height: 1.4;
 }

 .scanner-app .card-note {
 margin-top: 6px;
 font-size: 12px;
 color: var(--muted);
 line-height: 1.55;
 }

 .scanner-app input,
.scanner-app select,
.scanner-app button {
 width: 100%;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(68, 198, 255, 0.18);
 box-sizing: border-box;
 color: #f7fbff;
 }

 .scanner-app input,
.scanner-app select {
 padding: 11px 12px;
 background: rgba(255, 255, 255, 0.03);
 outline: none;
 }

 .scanner-app input:focus,
.scanner-app select:focus {
 border-color: rgba(68, 198, 255, 0.38);
 box-shadow: 0 0 0 3px rgba(68, 198, 255, 0.12);
 }

 .scanner-app button {
 padding: 11px 14px;
 cursor: pointer;
 font-weight: 700;
 transition: transform 0.16s ease, filter 0.16s ease, opacity 0.16s ease;
 background: linear-gradient(180deg, var(--tco-accent), #00d4a3);
 color: #061018;
 }

 .scanner-app button:hover:not(:disabled) {
 transform: translateY(-1px);
 filter: brightness(1.03);
 }

 .scanner-app button:disabled {
 opacity: 0.65;
 cursor: not-allowed;
 transform: none;
 }

 .scanner-app .secondary {
 background: rgba(91, 163, 255, 0.12);
 color: #dff0ff;
 border-color: rgba(91, 163, 255, 0.28);
 }

 .scanner-app .field,
.scanner-app .toggle {
 display: grid;
 gap: 6px;
 }

 .scanner-app .toggle {
 grid-template-columns: auto 1fr;
 align-items: center;
 min-height: 46px;
 }

 .scanner-app .toggle input {
 width: 18px;
 height: 18px;
 margin: 0;
 accent-color: var(--tco-success);
 }

 .scanner-app .toggle span {
 color: #dce8f6;
 font-size: 13px;
 line-height: 1.5;
 }

 .scanner-app .summary {
 margin-bottom: 14px;
 line-height: 1.6;
 color: #dce8f5;
 }

 .scanner-app .alert-shell {
 margin-bottom: 14px;
 overflow: hidden;
 }

 .scanner-app .alert-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 padding: 12px 14px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 }

 .scanner-app .alert-list {
 list-style: none;
 margin: 0;
 padding: 0;
 max-height: 220px;
 overflow: auto;
 }

 .scanner-app .alert-list li {
 padding: 12px 14px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 line-height: 1.55;
 }

 .scanner-app .alert-list li:last-child {
 border-bottom: 0;
 }

 .scanner-app .table-wrap {
 overflow: auto;
 border: 1px solid var(--border);
 border-radius: 16px;
 background: rgba(255, 255, 255, 0.02);
 }

 .scanner-app .table-panel {
 margin-top: 14px;
 border: 1px solid var(--border);
 border-radius: 16px;
 overflow: hidden;
 background: rgba(255, 255, 255, 0.02);
 }

 .scanner-app .table-panel-header {
 padding: 14px 16px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 background: rgba(255, 255, 255, 0.02);
 }

 .scanner-app .table-toolbar {
 display: grid;
 grid-template-columns: minmax(260px, 1.7fr) minmax(260px, 1fr);
 gap: 12px;
 margin-top: 14px;
 }

 .scanner-app .table-note {
 margin-top: 10px;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.5;
 }

 

 

 

 

 

 

 

 

 
 
 
 
 

 .scanner-app tbody tr:hover {
 background: rgba(0, 255, 198, 0.05);
 }

 

 

 

 

 

 

 .scanner-app tbody td.sorted-column {
 box-shadow: inset 0 0 0 9999px rgba(68, 198, 255, 0.055);
 }

 

 .scanner-app .route strong {
 color: #fff;
 display: block;
 margin-bottom: 6px;
 }

 .scanner-app .metric {
 display: flex;
 justify-content: space-between;
 gap: 10px;
 margin-bottom: 4px;
 }

 .scanner-app .metric span {
 color: var(--muted);
 font-weight: 600;
 }

 .scanner-app .metric strong {
 color: #fff;
 }

 

 .scanner-app .sort-button {
 
 
 
 
 
 
 border-radius: 0;
 
 
 
 font: inherit;
 font-weight: 700;
 letter-spacing: inherit;
 text-transform: inherit;
 
 
 }

 .scanner-app .sort-button:hover {
 filter: none;
 transform: none;
 color: #e7f5ff;
 }

 

 .scanner-app .sort-indicator {
 
 font-size: 10px;
 min-width: 10px;
 
 }

 .scanner-app .exchange-cell {
 display: grid;
 gap: 3px;
 }

 .scanner-app .exchange-prices {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 6px;
 }

 .scanner-app .exchange-prices span {
 color: var(--muted);
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 }

 .scanner-app .exchange-prices strong {
 color: #fff;
 font-size: 11px;
 }

 .scanner-app .exchange-note {
 color: var(--muted);
 font-size: 10px;
 line-height: 1.3;
 }

 .scanner-app .volume-stack {
 display: grid;
 gap: 3px;
 }

 .scanner-app .volume-line {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 6px;
 color: var(--muted);
 font-size: 10px;
 }

 .scanner-app .empty {
 padding: 18px;
 text-align: center;
 color: var(--muted);
 border: 1px dashed rgba(255, 255, 255, 0.08);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.02);
 }

 .scanner-app .guide-card ul {
 margin: 0;
 padding-left: 18px;
 color: #dce8f5;
 line-height: 1.7;
 font-size: 13px;
 }

 .scanner-app .guide-card li + li {
 margin-top: 8px;
 }

 .scanner-app .footer-note {
 margin-top: 12px;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.6;
 }

 /* Embed isolation overrides: keep table/layout stable inside external pages */
 .scanner-app .page {
 width: min(1280px, 100%) !important;
 margin: 0 auto !important;
 padding: 18px !important;
 }

 .scanner-app .hero,
.scanner-app .shell,
.scanner-app .guide {
 border: 1px solid var(--border) !important;
 border-radius: var(--radius) !important;
 background: linear-gradient(180deg, var(--panel), var(--panel2)) !important;
 box-shadow: var(--shadow) !important;
 padding: 18px !important;
 }

 .scanner-app .table-panel,
.scanner-app .table-wrap {
 overflow: auto !important;
 border-radius: 16px !important;
 background: rgba(255, 255, 255, 0.02) !important;
 }

 .scanner-app table {
 width: 100% !important;
 min-width: 0 !important;
 border-collapse: collapse !important;
 table-layout: fixed !important;
 font-size: 11px !important;
 color: var(--text) !important;
 border-spacing: 0 !important;
 }

 .scanner-app th,
.scanner-app td {
 padding: 8px 7px !important;
 text-align: left !important;
 vertical-align: top !important;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
 }

 .scanner-app th:not(:last-child),
.scanner-app td:not(:last-child) {
 border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
 }

 .scanner-app th {
 position: sticky !important;
 top: 0 !important;
 z-index: 1 !important;
 background: rgba(8, 12, 18, 0.98) !important;
 color: var(--muted) !important;
 text-transform: uppercase !important;
 letter-spacing: 0.05em !important;
 font-size: 11px !important;
 }

 .scanner-app th.sticky-col,
.scanner-app td.sticky-col {
 position: sticky !important;
 left: 0 !important;
 z-index: 2 !important;
 background-clip: padding-box !important;
 box-shadow: 1px 0 0 rgba(255, 255, 255, 0.08) !important;
 }

 .scanner-app th.sticky-col {
 z-index: 6 !important;
 background: rgba(9, 16, 28, 0.99) !important;
 }

 .scanner-app th.sorted-header {
 background: linear-gradient(180deg, rgba(14, 30, 48, 0.98), rgba(8, 16, 28, 0.98)) !important;
 box-shadow: inset 0 -1px 0 rgba(68, 198, 255, 0.28) !important;
 }

 .scanner-app td.sorted-column {
 background: rgba(68, 198, 255, 0.05) !important;
 box-shadow: inset 0 0 0 9999px rgba(68, 198, 255, 0.055) !important;
 }

 .scanner-app col.col-pair { width: 9% !important; }
 .scanner-app col.col-route { width: 15% !important; }
 .scanner-app col.col-exchange { width: 11.5% !important; }
 .scanner-app col.col-volume { width: 15% !important; }
 .scanner-app col.col-metric { width: 7.5% !important; }

 .scanner-app .pair-title {
 font-weight: 700 !important;
 color: #f8fbff !important;
 font-size: 12px !important;
 margin-bottom: 3px !important;
 }

 .scanner-app .small,
.scanner-app .table-note,
.scanner-app .card-note,
.scanner-app .exchange-note,
.scanner-app .volume-line,
.scanner-app .note {
 color: var(--muted) !important;
 }

 .scanner-app .signal {
 font-size: 13px !important;
 font-weight: 800 !important;
 }

 .scanner-app .sort-button {
 display: inline-flex !important;
 align-items: center !important;
 gap: 6px !important;
 width: 100% !important;
 padding: 0 !important;
 border: 0 !important;
 background: transparent !important;
 box-shadow: none !important;
 color: inherit !important;
 text-align: left !important;
 cursor: pointer !important;
 }

 .scanner-app .sort-button.is-active {
 color: #ffffff !important;
 text-shadow: 0 0 10px rgba(68, 198, 255, 0.2) !important;
 }

 .scanner-app .sort-indicator {
 color: #7ee0ff !important;
 text-shadow: 0 0 12px rgba(68, 198, 255, 0.35) !important;
 }

 .scanner-app .exchange-cell,
.scanner-app .volume-stack {
 display: grid !important;
 gap: 3px !important;
 }

 .scanner-app .exchange-prices,
.scanner-app .volume-line {
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;
 gap: 6px !important;
 }

 .scanner-app tbody tr:hover td {
 background: rgba(68, 198, 255, 0.08) !important;
 }

 .scanner-app tbody tr.row-score-hot td { background: rgba(var(--tco-success-rgb), 0.07) !important; }
 .scanner-app tbody tr.row-score-good td { background: rgba(var(--tco-success-rgb), 0.04) !important; }
 .scanner-app tbody tr.row-score-flat td { background: rgba(var(--tco-warning-rgb), 0.03) !important; }
 .scanner-app tbody tr.row-score-risk td { background: rgba(255, 107, 107, 0.035) !important; }
 .scanner-app tbody tr.row-score-bad td { background: rgba(255, 107, 107, 0.065) !important; }

 @media (min-width: 1180px){
 .scanner-app {
 background:
 linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
 linear-gradient(90deg, rgba(255, 255, 255, 0.012) 1px, transparent 1px),
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.08), transparent 24%),
 radial-gradient(circle at top right, rgba(91, 163, 255, 0.08), transparent 28%),
 linear-gradient(180deg, #060d18, #0a1322 58%, #050913);
 background-size: 100% 100%, 28px 28px, 100% 100%, 100% 100%, 100% 100%;
 }

 .scanner-app .page {
 padding: 12px 14px 18px;
 }

 .scanner-app .hero,
.scanner-app .shell,
.scanner-app .guide {
 padding: 14px;
 border-radius: 14px;
 }

 .scanner-app .toolbar,
.scanner-app .table-toolbar,
.scanner-app .status-grid,
.scanner-app .stat-grid {
 gap: 10px;
 }

 .scanner-app .badge,
.scanner-app .summary,
.scanner-app table,
.scanner-app input,
.scanner-app select,
.scanner-app button,
.scanner-app .small,
.scanner-app .table-note,
.scanner-app .card-note {
 font-family: Consolas, "SFMono-Regular", Menlo, monospace;
 }

 .scanner-app th,
.scanner-app td {
 padding: 8px 7px;
 }

 .scanner-app .pair-title {
 font-size: 12px;
 margin-bottom: 3px;
 }

 .scanner-app .signal {
 font-size: 13px;
 }
 }

 @media (max-width: 1180px){
 .scanner-app .status-grid,
.scanner-app .stat-grid,
.scanner-app .toolbar,
.scanner-app .guide-grid,
.scanner-app .table-toolbar {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }

 @media (max-width: 760px){
 .scanner-app .page {
 padding: 12px;
 }

 .scanner-app .topbar,
.scanner-app .status-grid,
.scanner-app .stat-grid,
.scanner-app .toolbar,
.scanner-app .guide-grid,
.scanner-app .actions,
.scanner-app .table-toolbar {
 grid-template-columns: 1fr;
 }

 .scanner-app .hero,
.scanner-app .shell,
.scanner-app .guide {
 padding: 16px;
 }
 }

/* ============================================================
   CCS ROOT — IMPORTED COMMON STYLES
   ============================================================ */

.ccs-root,
 .ccs-root * {
 box-sizing: border-box;
 }

 .ccs-root {
 --ccs-panel: #111823;
 --ccs-card: #0c121b;
 --ccs-border: #1f2937;
 --ccs-border-soft: #1a2636;
 --ccs-text: #c9d1d9;
 --ccs-muted: #8b9bb4;
 --ccs-accent: var(--tco-success);
 --ccs-warn: var(--tco-warning);
 --ccs-danger: #ff4d4d;
 max-width: 1100px;
 margin: 0 auto;
 color: var(--ccs-text);
 font: 14px/1.6 "Segoe UI", Tahoma, sans-serif;
 }

 .ccs-root .ccs-container,
 .ccs-root .ccs-card {
 background: linear-gradient(180deg, rgba(17, 24, 35, 0.98), rgba(10, 16, 24, 0.98));
 border: 1px solid var(--ccs-border);
 border-radius: 14px;
 }

 .ccs-root .ccs-container {
 padding: 20px;
 }

 .ccs-root .ccs-row {
 display: flex;
 gap: 10px;
 margin-bottom: 12px;
 flex-wrap: wrap;
 }

 .ccs-root input,
 .ccs-root select,
 .ccs-root button {
 min-height: 46px;
 border-radius: var(--tco-radius-card);
 border: 1px solid var(--ccs-border);
 background: var(--ccs-panel);
 color: #fff;
 padding: 12px 14px;
 outline: none;
 }

 .ccs-root input,
 .ccs-root select {
 flex: 1;
 min-width: 190px;
 }

 .ccs-root button {
 min-width: 130px;
 cursor: pointer;
 font-weight: 700;
 background: linear-gradient(180deg, rgba(var(--tco-accent-rgb), 0.92), rgba(0, 202, 158, 0.92));
 color: #071018;
 }

 .ccs-root button:disabled {
 cursor: not-allowed;
 opacity: 0.65;
 }

 .ccs-root .ccs-status {
 margin-bottom: 12px;
 padding: 10px 12px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 color: var(--ccs-muted);
 }

 .ccs-root .ccs-status[data-tone="loading"] {
 color: var(--ccs-warn);
 border-color: rgba(var(--tco-warning-rgb), 0.28);
 background: rgba(var(--tco-warning-rgb), 0.07);
 }

 .ccs-root .ccs-status[data-tone="success"] {
 color: #d8fff1;
 border-color: rgba(var(--tco-success-rgb), 0.24);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .ccs-root .ccs-status[data-tone="warn"] {
 color: #fff1b8;
 border-color: rgba(var(--tco-warning-rgb), 0.24);
 background: rgba(var(--tco-warning-rgb), 0.08);
 }

 .ccs-root .ccs-status[data-tone="danger"] {
 color: #ffd6d6;
 border-color: rgba(255, 77, 77, 0.26);
 background: rgba(255, 77, 77, 0.08);
 }

 .ccs-root .ccs-empty {
 padding: 18px;
 border-radius: var(--tco-radius-panel);
 border: 1px dashed rgba(255, 255, 255, 0.12);
 color: var(--ccs-muted);
 text-align: center;
 background: rgba(255, 255, 255, 0.02);
 }

 .ccs-root .ccs-card {
 padding: 16px;
 margin-top: 14px;
 }

 .ccs-root .ccs-big {
 font-size: 22px;
 font-weight: 800;
 margin-bottom: 14px;
 }

 .ccs-root .ccs-good { color: var(--ccs-accent); }
 .ccs-root .ccs-mid { color: var(--ccs-warn); }
 .ccs-root .ccs-bad { color: var(--ccs-danger); }

 .ccs-root .ccs-subline {
 margin-bottom: 12px;
 color: var(--ccs-muted);
 font-size: 12px;
 }

 .ccs-root .ccs-note {
 margin-bottom: 12px;
 padding: 11px 12px;
 border-radius: var(--tco-radius-card);
 border: 1px solid rgba(var(--tco-warning-rgb), 0.24);
 background: rgba(var(--tco-warning-rgb), 0.07);
 color: #fff1b8;
 }

 .ccs-root .ccs-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 10px;
 }

 .ccs-root .ccs-box {
 padding: 12px;
 background: var(--ccs-card);
 border-radius: var(--tco-radius-card);
 border: 1px solid var(--ccs-border-soft);
 min-width: 0;
 }

 .ccs-root .ccs-box b {
 display: block;
 margin-bottom: 6px;
 color: #f3fbff;
 }

 .ccs-root .ccs-box span,
 .ccs-root .ccs-box div {
 word-break: break-word;
 }

 .ccs-root .ccs-span-3 {
 grid-column: 1 / -1;
 }

 .ccs-root .ccs-list {
 margin: 0;
 padding-left: 18px;
 }

 .ccs-root .ccs-list li + li {
 margin-top: 6px;
 }

 @media (max-width: 860px) {
 .ccs-root .ccs-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }

 @media (max-width: 620px) {
 .ccs-root .ccs-grid {
 grid-template-columns: 1fr;
 }

 .ccs-root input,
 .ccs-root select,
 .ccs-root button {
 width: 100%;
 }
 }

/* ============================================================
   MARKET ACTIVITY DASHBOARD — IMPORTED COMMON STYLES
   Scoped under .wrap
   ============================================================ */

.wrap {
  --bg: #041018;
  --bg2: #091521;
  --panel: rgba(7,14,24,.94);
  --line: rgba(0,255,191,.14);
  --text: #e7f0fb;
  --muted: #89a0b7;
  --green: #1fe3a0;
  --cyan: #53d8ff;
  --yellow: var(--tco-warning);
  --red: #ff6279;
  --shadow: 0 18px 50px rgba(0,0,0,.28);

  max-width: 1120px;
  margin: 0 auto;
}

.wrap,
.wrap * {
  box-sizing: border-box;
}

.wrap .desc,
.wrap .shell,
.wrap .stat,
.wrap .card {
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}

.wrap .desc {
  padding: 16px 18px;
  border-radius: 18px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.65;
  color: #cfe0f3;
}

.wrap .accent { color: var(--green); }
.wrap .info { color: var(--cyan); }
.wrap .warn { color: var(--yellow); font-weight: 600; }
.wrap .danger { color: var(--red); font-weight: 700; }

.wrap .shell {
  padding: 18px;
  border-radius: 22px;
}

.wrap .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
}

.wrap .title {
  margin: 0;
  font-size: clamp(22px,3vw,32px);
  letter-spacing: .06em;
}

.wrap .sub {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted);
  max-width: 730px;
}

.wrap .hud {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.wrap .pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  min-height: 36px;
  border-radius: var(--tco-radius-pill);
  border: 1px solid var(--tco-border-strong);
  background: var(--tco-line-soft);
  font-size: 12px;
}

.wrap .pill.live {
  background: rgba(31,227,160,.15);
  color: var(--green);
}

.wrap .pill.cache {
  background: rgba(var(--tco-warning-rgb), .16);
  color: var(--yellow);
}

.wrap .pill.error {
  background: rgba(255,98,121,.14);
  color: var(--red);
}

.wrap .pill.loading {
  background: rgba(83,216,255,.14);
  color: var(--cyan);
}

.wrap .stats {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.wrap .stat {
  padding: 14px;
  border-radius: 16px;
  background: rgba(11,22,36,.94);
}

.wrap .s-label {
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 8px;
}

.wrap .s-value {
  font-size: clamp(22px,3vw,28px);
  font-weight: 700;
}

.wrap .s-note {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
}

.wrap .alerts {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.wrap .alert {
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.55;
  border: 1px solid rgba(255,98,121,.2);
  background: rgba(255,98,121,.08);
  color: #ffd5dc;
}

.wrap .alert.info-alert {
  border-color: rgba(83,216,255,.16);
  background: rgba(83,216,255,.08);
  color: #c7f4ff;
}

.wrap .grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 16px;
}

.wrap .card {
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg,rgba(12,24,39,.98),rgba(5,10,17,.98));
}

.wrap .head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

.wrap .head h2 {
  margin: 0;
  font-size: 15px;
  letter-spacing: .04em;
}

.wrap .note {
  font-size: 12px;
  color: var(--muted);
}

.wrap .rows {
  display: grid;
  gap: 10px;
}

.wrap .row {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.95fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--tco-border-mid);
  background: rgba(255,255,255,.035);
}

.wrap .name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
}

.wrap .coin {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap .sym {
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--muted);
  text-transform: uppercase;
}

.wrap .tag {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: var(--tco-radius-pill);
  font-size: 10px;
  font-weight: 700;
  color: var(--green);
  background: rgba(31,227,160,.11);
  border: 1px solid rgba(31,227,160,.16);
}

.wrap .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--muted);
}

.wrap .right {
  text-align: right;
}

.wrap .lvl {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}

.wrap .lvl.strong { color: var(--green); }
.wrap .lvl.early { color: var(--cyan); }
.wrap .lvl.building { color: var(--yellow); }
.wrap .lvl.normal { color: var(--muted); }

.wrap .chg {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
}

.wrap .chg.up { color: var(--green); }
.wrap .chg.down { color: var(--red); }

.wrap .price {
  margin-top: 3px;
  font-size: 12px;
  color: var(--muted);
}

.wrap .bar {
  width: 100%;
  height: 8px;
  margin-top: 10px;
  border-radius: var(--tco-radius-pill);
  overflow: hidden;
  background: rgba(137,160,183,.14);
}

.wrap .fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,rgba(31,227,160,.5),rgba(83,216,255,1));
  transition: width .26s ease;
}

.wrap .fill.neg {
  background: linear-gradient(90deg,rgba(255,98,121,.6),rgba(255,151,94,1));
}

.wrap .empty {
  padding: 26px 14px;
  text-align: center;
  color: var(--muted);
  border-radius: 14px;
  border: 1px dashed var(--tco-border-strong);
  background: rgba(255,255,255,.03);
}

@media (max-width: 980px) {
  .wrap .stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .wrap .grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .wrap {
    padding: 14px 10px 24px;
  }

  .wrap .top {
    flex-direction: column;
  }

  .wrap .hud {
    justify-content: flex-start;
  }

  .wrap .stats {
    grid-template-columns: 1fr;
  }

  .wrap .row {
    grid-template-columns: 1fr;
  }

  .wrap .right {
    text-align: left;
  }
}

/* ============================================================
   TOKEN SIGNAL TERMINAL — IMPORTED COMMON STYLES
   Scoped under .page / .description
   ============================================================ */

.page,
.description {
  --bg: #071018;
  --panel: #09151d;
  --panel-2: #0d1b25;
  --border: rgba(145,161,184,.15);
  --text: #e8edf5;
  --muted: #91a1b8;
  --green: var(--tco-success);
  --blue: #4da3ff;
  --yellow: var(--tco-warning);
  --red: var(--tco-danger);
  --shadow: 0 18px 50px rgba(0,0,0,.28);
}

.page,
.page *,
.description,
.description * {
  box-sizing: border-box;
}

.page .accent,
.description .accent { color: var(--green); }

.page .info,
.description .info { color: var(--blue); }

.page .warn,
.description .warn {
  color: var(--yellow);
  font-weight: 600;
}

.page .danger,
.description .danger {
  color: var(--red);
  font-weight: 700;
}

.page .deep,
.description .deep { color: #bba0ff; }

.page .muted,
.description .muted { color: var(--muted); }

.page,
.description {
  width: min(1350px,100%);
  margin: 0 auto;
}

.description,
.page .terminal,
.page .box {
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.description {
  margin-bottom: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(14,24,33,.96),rgba(9,15,22,.98));
  line-height: 1.7;
  font-size: 14px;
  color: #cbd6e2;
}

.page .terminal {
  border-radius: 18px;
  padding: 18px;
  background: linear-gradient(180deg,rgba(8,17,25,.97),rgba(5,10,15,.99));
}

.page .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.page .title {
  font-size: clamp(24px,4vw,30px);
  font-weight: 700;
  color: var(--green);
  letter-spacing: .04em;
}

.page .subtitle {
  margin-top: 6px;
  max-width: 820px;
  color: var(--muted);
  line-height: 1.6;
  font-size: 13px;
}

.page .badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.page .badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px;
  border-radius: var(--tco-radius-pill);
  border: 1px solid var(--border);
  background: var(--tco-line-soft);
  color: var(--text);
  font-size: 12px;
  white-space: nowrap;
}

.page .badge.live {
  color: var(--green);
  background: rgba(var(--tco-success-rgb), .12);
  border-color: rgba(var(--tco-success-rgb), .18);
}

.page .badge.loading {
  color: var(--blue);
  background: rgba(77,163,255,.12);
  border-color: rgba(77,163,255,.2);
}

.page .badge.warn {
  color: var(--yellow);
  background: rgba(var(--tco-warning-rgb), .12);
  border-color: rgba(var(--tco-warning-rgb), .2);
}

.page .badge.error {
  color: var(--red);
  background: rgba(255,107,107,.12);
  border-color: rgba(255,107,107,.2);
}

.page .grid {
  display: grid;
  grid-template-columns: minmax(280px,1fr) minmax(360px,1.5fr) minmax(280px,1fr);
  gap: 16px;
}

.page .box {
  border-radius: 16px;
  padding: 14px;
  background:
    radial-gradient(circle at top left,rgba(var(--tco-success-rgb), .04),transparent 32%),
    linear-gradient(180deg,rgba(10,20,28,.96),rgba(6,12,18,.98));
  min-height: 100%;
}

.page .box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  color: #dff7f1;
  text-transform: uppercase;
}

.page .search {
  width: 100%;
  padding: 12px 13px;
  border-radius: var(--tco-radius-card);
  border: 1px solid rgba(77,163,255,.18);
  background: rgba(4,8,13,.95);
  color: var(--text);
  outline: none;
  font-size: 14px;
}

.page .search:focus {
  border-color: rgba(var(--tco-success-rgb), .3);
  box-shadow: 0 0 0 3px rgba(var(--tco-success-rgb), .09);
}

.page .actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.page button {
  min-height: 44px;
  border: 0;
  border-radius: var(--tco-radius-card);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  transition: transform .16s ease,opacity .16s ease,background .16s ease;
}

.page button:hover:not(:disabled) {
  transform: translateY(-1px);
}

.page button:disabled {
  cursor: progress;
  opacity: .68;
  transform: none;
}

.page .btn-primary {
  background: linear-gradient(180deg,#19f8a2,#00d884);
  color: #032116;
}

.page .btn-secondary {
  background: rgba(77,163,255,.14);
  color: #d7ebff;
  border: 1px solid rgba(77,163,255,.18);
}

.page .hint {
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.page .status-line {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--tco-border-mid);
  flex-wrap: wrap;
}

.page .result {
  font-size: clamp(24px,4vw,30px);
  font-weight: 800;
  letter-spacing: .02em;
}

.page .result.green { color: var(--green); }
.page .result.yellow { color: var(--yellow); }
.page .result.red { color: var(--red); }

.page .meta-note {
  font-size: 12px;
  color: var(--muted);
}

.page .rows {
  display: grid;
  gap: 8px;
}

.page .row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--tco-radius-card);
  background: rgba(255,255,255,.03);
  font-size: 13px;
}

.page .row span:first-child {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.page .row strong {
  color: #f5fbff;
  font-weight: 700;
  text-align: right;
}

.page .log {
  margin-top: 14px;
  height: 180px;
  overflow: auto;
  border-radius: var(--tco-radius-card);
  border: 1px solid var(--tco-border-mid);
  background: rgba(1,5,8,.72);
  padding: 10px;
  font-size: 12px;
  line-height: 1.55;
  color: #b8c6d8;
}

.page .log-line {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--tco-border-mid);
}

.page .log-line:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.page .feed {
  display: grid;
  gap: 8px;
}

.page .token {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  border-radius: var(--tco-radius-panel);
  border: 1px solid var(--tco-border-mid);
  background: rgba(255,255,255,.03);
  cursor: pointer;
  text-align: left;
  color: var(--text);
}

.page .token:hover {
  background: rgba(77,163,255,.08);
}

.page .token-name {
  font-size: 13px;
  font-weight: 700;
  color: #f4f9ff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.page .token-meta {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.page .token-side {
  display: grid;
  justify-items: end;
  gap: 5px;
}

.page .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding: 4px 8px;
  border-radius: var(--tco-radius-pill);
  font-size: 11px;
  font-weight: 700;
}

.page .chip.hot {
  color: var(--green);
  background: rgba(var(--tco-success-rgb), .12);
}

.page .chip.mid {
  color: var(--yellow);
  background: rgba(var(--tco-warning-rgb), .12);
}

.page .chip.low {
  color: #c9d4e3;
  background: var(--tco-border-mid);
}

.page .positive { color: var(--green); }
.page .negative { color: var(--red); }
.page .neutral { color: var(--muted); }

.page .empty {
  padding: 22px 14px;
  border: 1px dashed var(--tco-border-strong);
  border-radius: var(--tco-radius-panel);
  text-align: center;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  background: rgba(255,255,255,.02);
}

.page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

@media (max-width: 1100px) {
  .page .grid {
    grid-template-columns: 1fr;
  }

  .page .actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .page {
    padding: 16px 10px;
  }

  .page .terminal {
    padding: 14px;
  }

  .page .token {
    grid-template-columns: 1fr;
  }

  .page .token-side {
    justify-items: start;
  }
}

/* ============================================================
   MC MARKET TABLE — IMPORTED COMMON STYLES
   ============================================================ */

.mc-desc,
.mc-shell {
--bg-1: #050913;
 --bg-2: #0b1220;
 --panel: linear-gradient(180deg, rgba(14, 20, 34, 0.96), rgba(7, 11, 18, 0.98));
 --panel-soft: linear-gradient(180deg, rgba(11, 19, 31, 0.96), rgba(6, 10, 17, 0.99));
 --border: rgba(255, 255, 255, 0.08);
 --soft-border: rgba(255, 255, 255, 0.05);
 --text: #d7e0eb;
 --muted: #8b9bb4;
 --green: var(--tco-success);
 --cyan: #4da3ff;
 --yellow: var(--tco-warning);
 --red: #ff6868;
 --purple: #b46bff;
 --shadow: 0 20px 60px rgba(0, 0, 0, 0.34);
}

.mc-desc,
.mc-desc *,
.mc-shell,
.mc-shell * {
  box-sizing: border-box;
}

.mc-desc,
 .mc-shell {
 width: min(1280px, 100%);
 margin: 0 auto;
 border: 1px solid var(--border);
 border-radius: 16px;
 background: var(--panel);
 box-shadow: var(--shadow);
 }

 .mc-desc {
 margin-bottom: 18px;
 padding: 18px;
 font-size: 14px;
 line-height: 1.7;
 }

 .mc-shell {
 padding: 18px;
 }

 .mc-accent { color: var(--green); }
 .mc-info { color: var(--cyan); }
 .mc-warn { color: var(--yellow); font-weight: 600; }
 .mc-danger { color: var(--red); font-weight: 700; }
 .mc-deep { color: var(--purple); }

 .mc-header {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 14px;
 flex-wrap: wrap;
 margin-bottom: 16px;
 }

 .mc-title-wrap {
 display: grid;
 gap: 6px;
 }

 .mc-title {
 margin: 0;
 color: var(--tco-accent);
 font-size: 20px;
 font-weight: 700;
 letter-spacing: 0.05em;
 }

 .mc-subtitle {
 margin: 0;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.55;
 max-width: 760px;
 }

 .mc-badges {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 align-items: center;
 justify-content: flex-end;
 }

 .mc-pill {
 display: inline-flex;
 align-items: center;
 padding: 6px 10px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(var(--tco-accent-rgb), 0.2);
 background: rgba(var(--tco-accent-rgb), 0.08);
 color: #dbfff6;
 font-size: 11px;
 white-space: nowrap;
 }

 .mc-pill.live {
 color: var(--green);
 border-color: rgba(var(--tco-success-rgb), 0.22);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .mc-pill.safe {
 color: var(--cyan);
 border-color: rgba(77, 163, 255, 0.22);
 background: rgba(77, 163, 255, 0.1);
 }

 .mc-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 16px;
 margin-bottom: 18px;
 }

 .mc-field {
 display: grid;
 gap: 8px;
 min-width: 0;
 }

 .mc-label {
 color: var(--muted);
 font-size: 12px;
 letter-spacing: 0.03em;
 }

 .mc-input {
 width: 100%;
 min-height: 48px;
 padding: 0 14px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 color: #fff;
 font-size: 15px;
 outline: none;
 transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
 }

 .mc-input:focus {
 border-color: rgba(var(--tco-accent-rgb), 0.42);
 box-shadow: 0 0 0 3px rgba(var(--tco-accent-rgb), 0.12);
 background: rgba(255, 255, 255, 0.04);
 }

 .mc-help {
 margin: 0;
 min-height: 18px;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.5;
 }

 .mc-actions {
 display: flex;
 justify-content: flex-end;
 margin-bottom: 18px;
 }

 .mc-btn {
 min-height: 44px;
 padding: 0 16px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(77, 163, 255, 0.22);
 background: rgba(77, 163, 255, 0.1);
 color: #d8ebff;
 font-size: 14px;
 font-weight: 600;
 cursor: pointer;
 transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease, opacity 0.16s ease;
 }

 .mc-btn:hover {
 border-color: rgba(77, 163, 255, 0.35);
 background: rgba(77, 163, 255, 0.14);
 transform: translateY(-1px);
 }

 .mc-btn:disabled {
 opacity: 0.65;
 cursor: not-allowed;
 transform: none;
 }

 .mc-result {
 display: grid;
 gap: 10px;
 padding: 20px 18px;
 border-radius: 14px;
 border: 1px solid rgba(0, 255, 195, 0.08);
 background:
 radial-gradient(circle at top left, rgba(var(--tco-success-rgb), 0.06), transparent 40%),
 linear-gradient(180deg, rgba(7, 15, 24, 0.96), rgba(6, 11, 18, 0.99));
 text-align: center;
 }

 .mc-result-label {
 color: var(--muted);
 font-size: 12px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 }

 .mc-result-value {
 color: #eafff8;
 font-size: clamp(28px, 4vw, 42px);
 font-weight: 700;
 line-height: 1.2;
 word-break: break-word;
 }

 .mc-result-compact {
 color: var(--cyan);
 font-size: 13px;
 line-height: 1.5;
 }

 .mc-formula {
 color: var(--text);
 font-size: 13px;
 line-height: 1.6;
 word-break: break-word;
 }

 .mc-status {
 min-height: 20px;
 font-size: 12px;
 line-height: 1.5;
 }

 .mc-status.is-neutral { color: var(--muted); }
 .mc-status.is-good { color: var(--green); }
 .mc-status.is-warn { color: var(--yellow); }
 .mc-status.is-bad { color: var(--red); }


 .mc-toolbar {
 display: grid;
 grid-template-columns: minmax(250px, 1.35fr) minmax(180px, 0.85fr) minmax(180px, 0.85fr) auto;
 gap: 14px;
 align-items: end;
 margin-bottom: 18px;
 }

 .mc-chip-value {
 min-height: 48px;
 display: flex;
 align-items: center;
 padding: 0 14px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 color: #f2f7ff;
 font-size: 14px;
 font-weight: 600;
 }

 .mc-actions-inline {
 margin: 0;
 align-self: end;
 }

 .mc-btn-primary {
 min-width: 140px;
 border-color: rgba(var(--tco-success-rgb), 0.22);
 background: rgba(var(--tco-success-rgb), 0.11);
 color: #dbfff4;
 }

 .mc-btn-primary:hover {
 border-color: rgba(var(--tco-success-rgb), 0.35);
 background: rgba(var(--tco-success-rgb), 0.16);
 }

 .mc-btn.active {
 border-color: rgba(var(--tco-success-rgb), 0.26);
 background: rgba(var(--tco-success-rgb), 0.12);
 color: #defff5;
 }

 .mc-mode-row {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 margin-bottom: 18px;
 }

 .mc-top-metrics {
 display: grid;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 gap: 12px;
 margin-bottom: 18px;
 }

 .mc-mini {
 padding: 16px 14px;
 text-align: left;
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 grid-template-areas:
 "label value"
 "sub sub";
 align-items: center;
 gap: 8px 12px;
 }

 .mc-mini .mc-result-label {
 grid-area: label;
 text-align: left;
 }

 .mc-mini .mc-result-value {
 grid-area: value;
 text-align: right;
 font-size: 24px;
 }

 .mc-mini .mc-result-compact {
 grid-area: sub;
 }

 .mc-pill.warn {
 color: var(--yellow);
 border-color: rgba(var(--tco-warning-rgb), 0.22);
 background: rgba(var(--tco-warning-rgb), 0.1);
 }

 .mc-pill.bad {
 color: var(--red);
 border-color: rgba(255, 104, 104, 0.22);
 background: rgba(255, 104, 104, 0.1);
 }

 .mc-table-card {
 border: 1px solid var(--soft-border);
 border-radius: 16px;
 overflow: hidden;
 background: var(--panel-soft);
 }

 .mc-table-top {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 gap: 14px;
 padding: 16px;
 border-bottom: 1px solid var(--soft-border);
 }

 .mc-table-title {
 margin: 0;
 color: #e9f4ff;
 font-size: 18px;
 }

 .mc-table-scroll {
 overflow-x: auto;
 }

 .mc-table {
 min-width: 1280px;
 width: 1280px;
 }

 .mc-table-row {
 display: grid;
 grid-template-columns: 60px 260px 140px 120px 160px 260px 120px;
 gap: 12px;
 align-items: center;
 padding: 14px 16px;
 border-bottom: 1px solid var(--soft-border);
 }

 .mc-table-head {
 position: sticky;
 top: 0;
 z-index: 1;
 background: rgba(10, 16, 26, 0.98);
 color: var(--muted);
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 }

 .mc-table-cell {
 min-width: 0;
 }

 .mc-shell button.mc-table-cell {
 appearance: none;
 border: none;
 background: none;
 padding: 0;
 margin: 0;
 text-align: left;
 color: inherit;
 font: inherit;
 cursor: pointer;
 display: flex;
 align-items: center;
 gap: 8px;
 }

 .mc-sort-indicator {
 color: var(--cyan);
 font-size: 11px;
 }

 .mc-data-row {
 transition: background 0.16s ease, transform 0.16s ease;
 }

 .mc-data-row:hover {
 background: rgba(255, 255, 255, 0.025);
 transform: translateY(-1px);
 }

 .mc-asset {
 display: flex;
 align-items: center;
 gap: 12px;
 min-width: 0;
 }

 .mc-avatar {
 width: 40px;
 height: 40px;
 flex: 0 0 40px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 color: #fff;
 font-weight: 700;
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: linear-gradient(135deg, rgba(var(--tco-success-rgb), 0.18), rgba(77, 163, 255, 0.18));
 }

 .mc-avatar img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 }

 .mc-asset-meta {
 display: grid;
 gap: 4px;
 min-width: 0;
 }

 .mc-name {
 color: #ffffff;
 font-weight: 600;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 }

 .mc-symbol {
 color: var(--muted);
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 }

 .mc-price,
 .mc-volume {
 color: #f3f8ff;
 font-variant-numeric: tabular-nums;
 }

 .mc-change {
 font-weight: 700;
 font-variant-numeric: tabular-nums;
 }

 .mc-change.positive {
 color: var(--green);
 }

 .mc-change.negative {
 color: var(--red);
 }

 .mc-signal {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 30px;
 padding: 0 10px;
 border-radius: var(--tco-radius-pill);
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.06em;
 width: max-content;
 border: 1px solid transparent;
 }

 .mc-signal.pump {
 color: var(--green);
 border-color: rgba(var(--tco-success-rgb), 0.2);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .mc-signal.dump {
 color: #ffb0b0;
 border-color: rgba(255, 104, 104, 0.18);
 background: rgba(255, 104, 104, 0.09);
 }

 .mc-signal.gem {
 color: #ddb8ff;
 border-color: rgba(180, 107, 255, 0.18);
 background: rgba(180, 107, 255, 0.11);
 }

 .mc-signal.hot {
 color: #ffe4a1;
 border-color: rgba(var(--tco-warning-rgb), 0.18);
 background: rgba(var(--tco-warning-rgb), 0.11);
 }

 .mc-muted-cell {
 color: var(--muted);
 }

 .mc-empty {
 padding: 26px 18px 28px;
 text-align: center;
 }

 .mc-sparkbox {
 display: grid;
 gap: 6px;
 min-width: 0;
 }

 .mc-spark-shell {
 width: 100%;
 height: 52px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(255, 255, 255, 0.06);
 background:
 linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01)),
 rgba(0, 0, 0, 0.12);
 padding: 4px 6px;
 }

 .mc-spark {
 display: block;
 width: 100%;
 height: 100%;
 }

 .mc-spark-meta {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 font-size: 11px;
 }

 .mc-spark-tag {
 color: var(--muted);
 letter-spacing: 0.05em;
 text-transform: uppercase;
 }

 .mc-spark-change {
 font-weight: 700;
 }

 .mc-spark-change.positive {
 color: var(--green);
 }

 .mc-spark-change.negative {
 color: var(--red);
 }

 .mc-shell .hidden {
 display: none;
 }

 @media (max-width: 980px) {
 .mc-toolbar {
 grid-template-columns: 1fr 1fr;
 }

 .mc-actions-inline {
 grid-column: span 2;
 justify-content: flex-start;
 }

 .mc-top-metrics {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }

 @media (max-width: 760px) {
.mc-grid {
 grid-template-columns: 1fr;
 }

 .mc-badges,
 .mc-actions {
 justify-content: flex-start;
 }

 .mc-toolbar {
 grid-template-columns: 1fr;
 }

 .mc-actions-inline {
 grid-column: auto;
 }

 .mc-top-metrics {
 grid-template-columns: 1fr;
 }
 }

/* ============================================================
   ENGINE WIDGET — IMPORTED COMMON STYLES
   ============================================================ */

.engine-wrap {
  --bg: #07111f;
  --panel: #0f172a;
  --panel-2: #111c33;
  --border: #22304a;
  --text: #e5eefc;
  --muted: #93a4bf;
  --green: #22c55e;
  --red: #ef4444;
  --yellow: #f59e0b;
  --cyan: #38bdf8;

  max-width: 1100px;
  margin: 24px auto;
  padding: 20px;
  color: var(--text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  background:
    radial-gradient(circle at top right, rgba(56,189,248,.10), transparent 30%),
    radial-gradient(circle at top left, rgba(34,197,94,.08), transparent 28%),
    var(--bg);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.engine-wrap,
.engine-wrap * {
  box-sizing: border-box;
}

.engine-wrap .engine-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.engine-wrap .engine-title {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: .02em;
}

.engine-wrap .engine-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.engine-wrap .engine-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: var(--tco-radius-pill);
  font-size: 12px;
  border: 1px solid var(--border);
  color: var(--muted);
  background: rgba(255,255,255,.03);
}

.engine-wrap .engine-pill.ok {
  color: #86efac;
  border-color: rgba(34,197,94,.35);
  background: rgba(34,197,94,.10);
}

.engine-wrap .engine-pill.warn {
  color: #fde68a;
  border-color: rgba(245,158,11,.35);
  background: rgba(245,158,11,.10);
}

.engine-wrap .engine-pill.error {
  color: #fca5a5;
  border-color: rgba(239,68,68,.35);
  background: rgba(239,68,68,.10);
}

.engine-wrap .engine-time {
  font-size: 12px;
  color: var(--muted);
}

.engine-wrap .engine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 14px;
}

.engine-wrap .engine-card {
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
}

.engine-wrap .engine-small {
  font-size: 13px;
  color: var(--muted);
}

.engine-wrap .engine-big {
  font-size: 28px;
  font-weight: 800;
  margin-top: 10px;
  line-height: 1.1;
}

.engine-wrap .engine-note {
  margin-top: 10px;
  font-size: 13px;
  color: var(--muted);
}

.engine-wrap .engine-bar {
  height: 10px;
  margin-top: 12px;
  border-radius: var(--tco-radius-pill);
  overflow: hidden;
  background: #182437;
}

.engine-wrap .engine-bar-fill {
  height: 100%;
  width: 0%;
  border-radius: var(--tco-radius-pill);
  background: linear-gradient(90deg, var(--green), var(--yellow), var(--red));
  transition: width .35s ease;
}

.engine-wrap .tone-green { color: var(--green); }
.engine-wrap .tone-red { color: var(--red); }
.engine-wrap .tone-yellow { color: var(--yellow); }
.engine-wrap .tone-cyan { color: var(--cyan); }
.engine-wrap .tone-muted { color: #cbd5e1; }

.engine-wrap .engine-foot {
  margin-top: 14px;
  font-size: 12px;
  color: var(--muted);
}

@media (max-width: 640px) {
  .engine-wrap {
    padding: 16px;
  }

  .engine-wrap .engine-title {
    font-size: 20px;
  }

  .engine-wrap .engine-big {
    font-size: 24px;
  }
}

/* ============================================================
   CRYPTO TERMINAL TABLE — IMPORTED COMMON STYLES
   ============================================================ */

.terminal {
--bg: #070b11;
 --panel: #0d141d;
 --panel-2: #111b27;
 --line: #1d2b3a;
 --line-soft: rgba(255, 255, 255, 0.06);
 --text: #eef2f7;
 --muted: #8da0b5;
 --buy: #22c55e;
 --sell: #ef4444;
 --wait: #facc15;
 --accent: #38bdf8;
 --chip: rgba(255, 255, 255, 0.04);
 --price-up: rgba(34, 197, 94, 0.18);
 --price-down: rgba(239, 68, 68, 0.18);
}

.terminal,
.terminal * {
  box-sizing: border-box;
}

.terminal {
 width: min(1520px, 100%);
 margin: 0 auto;
 padding: 22px;
 border: 1px solid var(--line-soft);
 border-radius: 18px;
 background:
 linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 22%),
 linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);
 box-shadow:
 0 18px 48px rgba(0, 0, 0, 0.35),
 inset 0 1px 0 rgba(255, 255, 255, 0.03);
 }

 .terminal .topbar {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 gap: 16px;
 margin-bottom: 18px;
 }

 .terminal .title-block h2 {
 margin: 0;
 font-size: 24px;
 letter-spacing: 0.04em;
 }

 .terminal .title-block p {
 margin: 8px 0 0;
 color: var(--muted);
 font-size: 12px;
 line-height: 1.5;
 }

 .terminal .meta {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 gap: 8px;
 }

 .terminal .chip {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 34px;
 padding: 8px 12px;
 border: 1px solid var(--line-soft);
 border-radius: var(--tco-radius-pill);
 background: var(--chip);
 color: var(--muted);
 font-size: 12px;
 }

 .terminal .status-dot {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #94a3b8;
 box-shadow: 0 0 10px rgba(148, 163, 184, 0.4);
 }

 .terminal .status-dot.online {
 background: var(--buy);
 box-shadow: 0 0 12px rgba(34, 197, 94, 0.55);
 }

 .terminal .status-dot.offline {
 background: var(--sell);
 box-shadow: 0 0 12px rgba(239, 68, 68, 0.55);
 }

 .terminal .status-dot.connecting {
 background: var(--wait);
 box-shadow: 0 0 12px rgba(250, 204, 21, 0.55);
 }

 .terminal .table-wrap {
 overflow-x: auto;
 border: 1px solid var(--line-soft);
 border-radius: 14px;
 background: rgba(0, 0, 0, 0.08);
 }

 .terminal .crypto-table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
 min-width: 1100px;
 font-size: 12px;
 }

 .terminal .crypto-table th,
 .terminal .crypto-table td {
 padding: 10px 8px;
 text-align: center;
 border-bottom: 1px solid var(--line);
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 }

 .terminal .crypto-table thead th {
 position: sticky;
 top: 0;
 z-index: 1;
 background: rgba(6, 10, 15, 0.95);
 color: #c8d4e2;
 letter-spacing: 0.04em;
 cursor: pointer;
 user-select: none;
 transition: color 0.2s ease, background 0.2s ease;
 }

 .terminal .crypto-table thead th:hover {
 color: #ffffff;
 background: rgba(12, 18, 27, 0.98);
 }

 .terminal .crypto-table thead th.active {
 color: var(--accent);
 }

 .terminal .crypto-table tbody tr {
 transition: background 0.18s ease;
 }

 .terminal .crypto-table tbody tr:hover {
 background: rgba(255, 255, 255, 0.02);
 }

 .terminal .buy {
 color: var(--buy);
 font-weight: 700;
 }

 .terminal .sell {
 color: var(--sell);
 font-weight: 700;
 }

 .terminal .wait {
 color: var(--wait);
 font-weight: 700;
 }

 .terminal .price-up {
 background: linear-gradient(90deg, transparent, var(--price-up), transparent);
 }

 .terminal .price-down {
 background: linear-gradient(90deg, transparent, var(--price-down), transparent);
 }

 .terminal .pnl-positive {
 color: var(--buy);
 }

 .terminal .pnl-negative {
 color: var(--sell);
 }

 .terminal .heat-stack {
 display: flex;
 flex-direction: column;
 gap: 5px;
 }

 .terminal .heat-track {
 width: 100%;
 height: 4px;
 border-radius: var(--tco-radius-pill);
 background: rgba(255, 255, 255, 0.07);
 overflow: hidden;
 }

 .terminal .heat-bar {
 height: 100%;
 width: 0%;
 border-radius: var(--tco-radius-pill);
 background: linear-gradient(90deg, #22c55e 0%, #facc15 50%, #ef4444 100%);
 transition: width 0.18s linear;
 }

 .terminal .small-note {
 margin-top: 10px;
 color: var(--muted);
 font-size: 11px;
 }

 @media (max-width: 980px) {
.terminal {
 padding: 14px;
 }

 .terminal .topbar {
 flex-direction: column;
 }

 .terminal .meta {
 justify-content: flex-start;
 }
 }

/* ============================================================
   ADD TOKEN MODAL — IMPORTED COMMON STYLES
   ============================================================ */

/* CENTER BUTTON */
.btn-center {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}

/* BUTTON */
.add-token-btn {
  display: inline-block;
  padding: 12px 18px;
  background: #0f172a;
  color: #fff;
  border: 1px solid #334155;
  border-radius: var(--tco-radius-panel);
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s;
  cursor: pointer;
}

.add-token-btn:hover {
  background: #1e293b;
  transform: scale(1.05);
}

/* OVERLAY */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(6px);
}

/* BOX */
.modal-box {
  background: #0f172a;
  padding: 25px;
  border-radius: 16px;
  width: 320px;
  text-align: center;
  border: 1px solid #334155;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
  animation: add-token-pop 0.2s ease-out;
}

.modal-box h2 {
  color: #fff;
  margin-bottom: 10px;
}

.modal-box p {
  color: #cbd5e1;
  font-size: 14px;
  margin-bottom: 20px;
}

/* BUTTON INSIDE MODAL */
.modal-btn {
  display: inline-block;
  padding: 10px 14px;
  background: #22c55e;
  color: #000;
  font-weight: 700;
  border-radius: var(--tco-radius-card);
  text-decoration: none;
  margin-bottom: 10px;
}

/* CLOSE BUTTON */
.modal-close {
  display: block;
  margin: 10px auto 0;
  background: transparent;
  border: 1px solid #334155;
  color: #fff;
  padding: 6px 12px;
  border-radius: var(--tco-radius);
  cursor: pointer;
}

/* ANIMATION */
@keyframes add-token-pop {
  from {
    transform: scale(0.8);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* ============================================================
   TOKEN INFORMER — UCOZ
   ============================================================ */

.token-informer-item,
.token-informer-item * {
  box-sizing: border-box;
}

.token-informer-item {
  
  
  
  
  
  
  
  color: #d8f7ff;
  font: 12px/1.45 "Segoe UI", Tahoma, sans-serif;
  transition: background .18s ease;
}


.token-informer-logo {
  display: flex;
  
  align-items: center;
}

.token-informer-logo img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 1px solid #03d081;
  border-radius: 50%;
  background: #0f1720;
}

.token-informer-name {
  min-width: 0;
}

.token-informer-name a,
.token-informer-link {
  color: #d8f7ff;
  text-decoration: none;
}

.token-informer-name a:hover,
.token-informer-link:hover {
  color: var(--tco-accent);
}

.token-informer-title {
  overflow: hidden;
  color: var(--tco-text-strong);
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.token-informer-sub {
  margin-top: 3px;
  overflow: hidden;
  
  
  text-overflow: ellipsis;
  white-space: nowrap;
}

.token-informer-center {
  text-align: center;
}

.token-informer-chain {
  
  
  
  min-width: 42px;
  
  
  
  
  
  
  
  
  
  
}

.token-informer-metric {
  color: var(--tco-text);
  font-weight: 600;
}


.token-informer-price {
  
  
  
  text-shadow: 0 0 12px rgba(var(--tco-accent-rgb), .18);
}

.token-informer-change {
  
  margin-top: 3px;
  
  
  
  
  
  
}

.token-informer-change.is-down {
  color: #ff5b72;
  background: rgba(255,59,92,.07);
}

.token-informer-loading {
  color: #8b9bb4;
  font-weight: 500;
}

.token-informer-scroll {
  width: 100%;
  
  border: 1px solid rgba(var(--tco-accent-rgb), .08);
  border-radius: var(--tco-radius-panel);
  background: #0b0f14;
}

@media (max-width: 760px) {
  .token-informer-item {
    min-width: 900px;
  }
}

/* ============================================================
   HOME PAGE
   ============================================================ */


.site-page-title {
  
  
  
  
  
  letter-spacing: .02em;
}

.page-content {
  
  
  
  color: #c9d1d9;
  background: transparent;
}

.home-hero,
.home-overview,
.home-token-section,
.home-seo {
  width: 100%;
  margin: 0 0 18px;
  border: 1px solid rgba(var(--tco-accent-rgb), .10);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(var(--tco-success-rgb), .045), transparent 34%),
    linear-gradient(180deg, rgba(12,20,30,.98), rgba(7,12,19,.99));
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
}

.home-hero {
  padding: 24px 22px;
}

.home-hero-badge,
.home-section-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(var(--tco-accent-rgb), .16);
  border-radius: var(--tco-radius-pill);
  background: rgba(var(--tco-accent-rgb), .06);
  color: var(--tco-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-hero h2 {
  margin: 14px 0 10px;
  max-width: 900px;
  color: #f3fbff;
  font-size: clamp(25px, 3.4vw, 40px);
  line-height: 1.14;
  font-weight: 800;
}

.home-hero p {
  max-width: 920px;
  margin: 0;
  color: #9fb0c3;
  font-size: 14px;
  line-height: 1.75;
}

.home-overview,
.home-token-section,
.home-seo {
  padding: 20px;
}

.home-section-head {
  margin-bottom: 15px;
}

.home-section-head h2 {
  margin: 8px 0 7px;
  color: #f0f8ff;
  font-size: 21px;
  line-height: 1.25;
}

.home-section-head p {
  max-width: 850px;
  margin: 0;
  color: #8b9bb4;
  font-size: 13px;
  line-height: 1.65;
}

.home-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.home-feature-card {
  min-height: 150px;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
}

.home-feature-card svg {
  width: 21px;
  height: 21px;
  margin-bottom: 11px;
  color: var(--tco-accent);
}

.home-feature-card strong {
  display: block;
  margin-bottom: 7px;
  color: #effaff;
  font-size: 14px;
}

.home-feature-card span {
  display: block;
  color: #8799ae;
  font-size: 12px;
  line-height: 1.6;
}

.home-token-section .token-informer-scroll {
  margin-top: 12px;
}

.home-seo h2 {
  margin: 0 0 12px;
  color: #effaff;
  font-size: 20px;
}

.home-seo p {
  margin: 0;
  color: #8fa1b5;
  font-size: 13px;
  line-height: 1.75;
}

.home-seo p + p {
  margin-top: 10px;
}

@media (max-width: 980px) {
  .home-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .site-page {
    width: min(100% - 16px, 1280px);
  }

  .site-page-title {
    margin-top: 12px;
    font-size: 24px;
  }

  .home-hero,
  .home-overview,
  .home-token-section,
  .home-seo {
    padding: 16px;
    border-radius: 13px;
  }

  .home-feature-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   SITE FOOTER
   ============================================================ */

.site-footer,
.site-footer * {
  box-sizing: border-box;
}

.site-footer {
  
  margin-top: 36px;
  border-top: 1px solid rgba(var(--tco-accent-rgb), .12);
  background:
    radial-gradient(circle at top left, rgba(var(--tco-success-rgb), .05), transparent 34%),
    linear-gradient(180deg, rgba(8,14,22,.98), rgba(5,9,15,1));
  color: #c9d1d9;
}

.site-footer__inner {
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 28px 20px 22px;
  display: grid;
  grid-template-columns: minmax(0,1.6fr) minmax(280px,.8fr);
  gap: 36px;
}

.site-footer__logo {
  margin-bottom: 10px;
  color: var(--tco-accent);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .05em;
}

.site-footer__text {
  max-width: 680px;
  margin: 0;
  color: #8b9bb4;
  font-size: 13px;
  line-height: 1.7;
}

.site-footer__meta {
  display: grid;
  gap: 8px;
}

.site-footer__item {
  padding: 9px 12px;
  border: 1px solid var(--tco-border-mid);
  border-radius: var(--tco-radius-card);
  background: rgba(255,255,255,.025);
  color: #aebdce;
  font-size: 12px;
}

.site-footer__bottom {
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 14px 20px 18px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255,255,255,.05);
  color: #728399;
  font-size: 11px;
}

.site-footer__disclaimer {
  text-align: right;
}

@media (max-width:760px) {
  .site-footer__inner {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 24px 16px 18px;
  }

  .site-footer__bottom {
    flex-direction: column;
    padding: 12px 16px 18px;
  }

  .site-footer__disclaimer {
    text-align: left;
  }
}

/* ============================================================
   HEADER ACCOUNT
   ============================================================ */

.header-account,
.header-account * {
  box-sizing: border-box;
}

.header-account {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 7px 10px;
}

.header-account__user {
  width: min(520px, 100%);
  min-height: 52px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.11);
  border-radius: var(--tco-radius-panel);
  background:
    linear-gradient(
      180deg,
      rgba(13, 22, 29, 0.93),
      rgba(7, 13, 18, 0.96)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 6px 18px rgba(0, 0, 0, 0.18);
}

.header-account__avatar {
  width: 40px;
  height: 40px;
  display: block;
}

.header-account__avatar img {
  width: 40px;
  height: 40px;
  display: block;
  object-fit: cover;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.35);
  border-radius: 50%;
  background: #0a1118;
  box-shadow: 0 0 12px rgba(var(--tco-accent-rgb), 0.09);
}

.header-account__info {
  min-width: 0;
}

.header-account__name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--tco-text-strong);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.header-account__name:hover {
  color: var(--tco-accent);
}

.header-account__meta {
  margin-top: 3px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #8396aa;
  font-size: 10px;
}

.header-account__online {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--tco-success);
  font-weight: 700;
  letter-spacing: 0.05em;
}

.header-account__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tco-success);
  box-shadow: 0 0 7px rgba(var(--tco-success-rgb), 0.8);
}

.header-account__group {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8da0b5;
}

.header-account__actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.header-account__message,
.header-account__logout {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--tco-radius);
  background: rgba(255, 255, 255, 0.025);
  color: #8da0b5;
  text-decoration: none;
  transition:
    color 0.15s ease,
    border-color 0.15s ease,
    background 0.15s ease;
}

.header-account__message svg,
.header-account__logout svg {
  width: 15px;
  height: 15px;
}

.header-account__message:hover {
  color: var(--tco-accent);
  border-color: rgba(var(--tco-accent-rgb), 0.2);
  background: rgba(var(--tco-accent-rgb), 0.06);
}

.header-account__message.is-new {
  color: var(--tco-warning);
  border-color: rgba(var(--tco-warning-rgb), 0.25);
  background: rgba(var(--tco-warning-rgb), 0.08);
}

.header-account__logout:hover {
  color: var(--tco-danger);
  border-color: rgba(255, 107, 107, 0.22);
  background: rgba(255, 107, 107, 0.07);
}

/* GUEST */

.header-account__guest {
  width: min(520px, 100%);
  min-height: 52px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(var(--tco-accent-rgb), 0.10);
  border-radius: var(--tco-radius-panel);
  background:
    linear-gradient(
      180deg,
      rgba(13, 22, 29, 0.93),
      rgba(7, 13, 18, 0.96)
    );
}

.header-account__guest-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(var(--tco-accent-rgb), 0.06);
  color: var(--tco-accent);
}

.header-account__guest-icon svg {
  width: 17px;
  height: 17px;
}

.header-account__guest-text {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.header-account__guest-text strong {
  color: var(--tco-text-strong);
  font-size: 12px;
}

.header-account__guest-text span {
  color: #8396aa;
  font-size: 10px;
}

.header-account__guest-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.header-account__guest-actions form {
  margin: 0;
}

.header-account__signin,
.header-account__register {
  min-height: 30px;
  padding: 6px 10px;
  border-radius: var(--tco-radius);
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.header-account__signin {
  border: 1px solid rgba(var(--tco-accent-rgb), 0.22);
  background: rgba(var(--tco-accent-rgb), 0.09);
  color: #baffed;
  cursor: pointer;
}

.header-account__register {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(77, 163, 255, 0.18);
  background: rgba(77, 163, 255, 0.07);
  color: #b9dcff;
}

.header-account__signin:hover,
.header-account__register:hover {
  filter: brightness(1.15);
}

@media (max-width: 760px) {
  .header-account {
    width: 100%;
    padding: 6px 0;
  }

  .header-account__user,
  .header-account__guest {
    width: 100%;
  }

  .header-account__guest {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .header-account__guest-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

/* ============================================================
   FOOTER COMMUNITY
   ============================================================ */

.footer-community,
.footer-community * {
  box-sizing: border-box;
}

.footer-community {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  padding: 14px 0;
  display: grid;
  grid-template-columns:
    minmax(0, 1.4fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr);
  gap: 10px;
  border-top: 1px solid rgba(255,255,255,.05);
}

.footer-community__stats,
.footer-community__members,
.footer-community__tags,
.footer-community__online {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(var(--tco-accent-rgb), .08);
  border-radius: var(--tco-radius-card);
  background: rgba(6,12,17,.72);
}

.footer-community__title {
  min-height: 20px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #00d9b7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.footer-community__title svg {
  width: 13px;
  height: 13px;
}

/* USER STATS */

.footer-user-stats {
  width: 100%;
}

.footer-user-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.footer-user-stat {
  min-width: 0;
  padding: 6px 7px;
  border: 1px solid var(--tco-border-soft);
  border-radius: 7px;
  background: rgba(255,255,255,.018);
}

.footer-user-stat__label {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #687d91;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.footer-user-stat__value {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #d9eff2;
  font-size: 11px;
  line-height: 1.25;
}

.footer-user-stat__green {
  color: #00df91;
}

.footer-user-stat__red {
  color: #ff6262;
}

.footer-user-stat__blue {
  color: #64b8ff;
}

.footer-user-stat__dot,
.footer-community__live-dot {
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #00e795;
  box-shadow: 0 0 6px rgba(0,231,149,.55);
}

/* MEMBER NICKS */

.footer-community__nicks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 76px;
  overflow-y: auto;
}

.footer-member {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 4px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid rgba(var(--tco-accent-rgb), .08);
  border-radius: var(--tco-radius-sm);
  background: rgba(var(--tco-accent-rgb), .025);
  color: #94aaae;
  font-size: 9px;
  font-weight: 600;
  text-decoration: none;
  transition:
    color .15s ease,
    border-color .15s ease,
    background .15s ease;
}

.footer-member:hover {
  color: #00e8c3;
  border-color: rgba(var(--tco-accent-rgb), .22);
  background: rgba(var(--tco-accent-rgb), .06);
}

/* WHO IS ONLINE */

.footer-community__online-counter {
  margin-bottom: 6px;
  color: #9fb1bd;
  font-size: 10px;
  line-height: 1.45;
}

.footer-community__online-list {
  max-height: 58px;
  overflow-y: auto;
  color: #708697;
  font-size: 9px;
  line-height: 1.55;
}

.footer-community__online-list a {
  color: #9ab9bd;
  text-decoration: none;
}

.footer-community__online-list a:hover {
  color: #00e8c3;
}

/* FOOTER STATS */

.site-footer__stats {
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0 20px 14px;
  text-align: center;
  opacity: .45;
}

.site-footer__stats img {
  max-width: 100%;
  height: auto;
  border: 0;
}

@media (max-width: 900px) {
  .footer-community {
    grid-template-columns: 1fr 1fr;
  }

  .footer-community__stats {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .footer-community {
    width: calc(100% - 24px);
    grid-template-columns: 1fr;
  }

  .footer-community__stats {
    grid-column: auto;
  }

  .footer-user-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ============================================================
   HEADER SEARCH
   ============================================================ */

.header-search,
.header-search * {
  box-sizing: border-box;
}

.header-search {
  flex: 1;
  min-width: 220px;
  max-width: 430px;
  padding: 7px 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-search__title {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  color: #719087;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.header-search__title svg {
  width: 13px;
  height: 13px;
  color: #00dcb8;
}

.header-search__form {
  min-width: 0;
  flex: 1;
}

.header-search__form form {
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px !important;
}

.header-search__form input[type="text"],
.header-search__form input[type="search"] {
  width: 100% !important;
  min-width: 0;
  height: 32px;
  padding: 0 10px !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius) !important;
  outline: none !important;
  background: rgba(6,12,17,.88) !important;
  color: #d8eeee !important;
  font-size: 10px !important;
}

.header-search__form input[type="text"]:focus,
.header-search__form input[type="search"]:focus {
  border-color: rgba(var(--tco-accent-rgb), .30) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .035) !important;
}

.header-search__form input[type="submit"],
.header-search__form button {
  height: 32px;
  padding: 0 11px !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: var(--tco-radius) !important;
  background: rgba(var(--tco-accent-rgb), .07) !important;
  color: var(--tco-accent) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.header-search__form input[type="submit"]:hover,
.header-search__form button:hover {
  background: rgba(var(--tco-accent-rgb), .12) !important;
}

@media (max-width: 900px) {
  .header-search {
    width: 100%;
    max-width: none;
    order: 3;
  }
}

@media (max-width: 560px) {
  .header-search {
    display: block;
  }

  .header-search__title {
    margin-bottom: 5px;
  }
}

/* ============================================================
   HEADER LAYOUT FIX
   ============================================================ */

#header {
  
  
  

  
  
  
  gap: 14px !important;
}


#header .header-search {
  
  
  
  

  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

#header .header-search__title {
  margin: 0 !important;
  white-space: nowrap !important;
}

#header .header-search__form {
  width: 100% !important;
  min-width: 0 !important;
}

#header .header-search__form form {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 74px !important;
  gap: 6px !important;
}

#header .header-search__form input[type="text"],
#header .header-search__form input[type="search"] {
  height: 38px !important;
}


#header .header-account {
  
  
  
  justify-content: stretch !important;
}

#header .header-account__user,
#header .header-account__guest {
  
  min-height: 58px !important;
}

@media (max-width: 1050px) {
  #header {
    grid-template-columns: auto minmax(220px, 1fr) minmax(280px, 390px) !important;
    gap: 10px !important;
  }

  #header #logo img {
    max-width: 220px !important;
  }
}

@media (max-width: 860px) {
  #header {
    grid-template-columns: auto 1fr !important;
  }

  #header .header-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  #header .header-account {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (max-width: 620px) {
  

  

  

  

  #header .header-search {
    
    display: block !important;
  }

  #header .header-search__title {
    margin-bottom: 5px !important;
  }
}

/* ============================================================
   HEADER SEARCH BUTTON VISIBILITY FIX
   ============================================================ */

#header .header-search__form input[type="submit"],
#header .header-search__form button {
  width: 82px !important;
  height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .35) !important;
  border-radius: var(--tco-radius) !important;
  background: #0b1718 !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 8px rgba(var(--tco-accent-rgb), .35);
  box-shadow:
    inset 0 0 12px rgba(var(--tco-accent-rgb), .04),
    0 0 12px rgba(var(--tco-accent-rgb), .08) !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

#header .header-search__form input[type="submit"]:hover,
#header .header-search__form button:hover {
  background: #102322 !important;
  border-color: rgba(var(--tco-accent-rgb), .65) !important;
  color: #7ffff0 !important;
}

/* ============================================================
   FULL WIDTH WITH SIDE PADDING
   ============================================================ */


@media (max-width: 900px) {
  
}

@media (max-width: 620px) {
  
}

/* ============================================================
   GLOBAL SIDE GAPS — MENU + FOOTER
   ============================================================ */

.main-menu {
  width: calc(100% - 48px) !important;
  max-width: none !important;
  margin-left: 24px !important;
  margin-right: 24px !important;
  box-sizing: border-box !important;
}

.site-footer {
  width: calc(100% - 48px) !important;
  max-width: none !important;
  margin-left: 24px !important;
  margin-right: 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .main-menu,
  .site-footer {
    width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media (max-width: 620px) {
  .main-menu,
  .site-footer {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

/* ============================================================
   HEADER ALIGNMENT — LOGO LEFT / SEARCH + PROFILE RIGHT
   ============================================================ */

#header {
  width: calc(100% - 48px) !important;
  max-width: none !important;
  margin: 0 24px !important;
  padding: 8px 0 !important;

  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 14px !important;
}

#header #logo {
  grid-column: 1 !important;
  justify-self: start !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header #logo a {
  display: block !important;
}

#header #logo img {
  display: block !important;
  width: auto !important;
  max-width: 280px !important;
  height: auto !important;
}

#header .header-search {
  grid-column: 2 !important;
  justify-self: end !important;

  width: min(100%, 620px) !important;
  max-width: 620px !important;
  min-width: 280px !important;

  margin-left: auto !important;
  padding: 0 !important;
}

#header .header-account {
  grid-column: 3 !important;
  justify-self: end !important;

  width: 470px !important;
  max-width: 470px !important;
  min-width: 360px !important;

  padding: 0 !important;
}

#header .header-account__user,
#header .header-account__guest {
  width: 100% !important;
}

#header .clear {
  display: none !important;
}

@media (max-width: 1200px) {
  #header #logo img {
    max-width: 230px !important;
  }

  #header .header-search {
    max-width: 480px !important;
  }

  #header .header-account {
    width: 390px !important;
    min-width: 320px !important;
  }
}

@media (max-width: 980px) {
  #header {
    grid-template-columns: auto 1fr !important;
    row-gap: 8px !important;
  }

  #header #logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #header .header-account {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: min(100%, 430px) !important;
    min-width: 0 !important;
  }

  #header .header-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

@media (max-width: 620px) {
  #header {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;

    grid-template-columns: 1fr !important;
  }

  #header #logo,
  #header .header-account,
  #header .header-search {
    grid-column: 1 !important;
    width: 100% !important;
  }

  #header #logo {
    grid-row: 1 !important;
  }

  #header .header-account {
    grid-row: 2 !important;
  }

  #header .header-search {
    grid-row: 3 !important;
  }
}

/* ============================================================
   FOOTER INNER FULL WIDTH
   ============================================================ */

.site-footer__inner,
.footer-community,
.site-footer__bottom,
.site-footer__stats {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.site-footer__inner {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.footer-community {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.site-footer__bottom {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.site-footer__stats {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media (max-width: 900px) {
  .site-footer__inner,
  .footer-community,
  .site-footer__bottom,
  .site-footer__stats {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 620px) {
  .site-footer__inner,
  .footer-community,
  .site-footer__bottom,
  .site-footer__stats {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ============================================================
   H1 — NO NEON
   ============================================================ */

h1,
.site-page-title {
  background: rgba(10, 18, 24, .92) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: #d9e6ea !important;
}


/* ============================================================
   MEGA MENU — KEEP INSIDE SCREEN
   ============================================================ */

.main-menu {
  overflow: visible !important;
}


.main-menu > .menu-item > .mega-menu {
  max-width: calc(100vw - 48px) !important;
  box-sizing: border-box !important;
}

/* Discover + Prices open from the left edge of their item */
.main-menu > .menu-item:nth-of-type(1) > .mega-menu,
.main-menu > .menu-item:nth-of-type(2) > .mega-menu {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
}

/* Analytics + Boost open inward from the right edge */
.main-menu > .menu-item:nth-of-type(3) > .mega-menu,
.main-menu > .menu-item:nth-of-type(4) > .mega-menu {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

/* Prevent inner grid from forcing the dropdown off-screen */
.main-menu .mega-grid {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Analytics can be wide, but must stay inside viewport */
.main-menu > .menu-item:nth-of-type(3) > .mega-menu {
  width: min(760px, calc(100vw - 48px)) !important;
}

/* Boost stays compact */
.main-menu > .menu-item:nth-of-type(4) > .mega-menu {
  width: min(360px, calc(100vw - 48px)) !important;
}

@media (max-width: 900px) {
  .main-menu > .menu-item > .mega-menu {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: min(680px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
  }
}

@media (max-width: 620px) {
  .main-menu > .menu-item > .mega-menu {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .main-menu .mega-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   MEGA MENU — VIEWPORT CLAMP FIX
   ============================================================ */

.main-menu .menu-item > .mega-menu {
  position: fixed !important;
  left: 12px !important;
  right: auto !important;
  top: 90px !important;

  width: min(820px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;

  box-sizing: border-box !important;
  transform: none !important;

  z-index: 9999999 !important;
}

.main-menu .menu-item:nth-of-type(4) > .mega-menu {
  width: min(360px, calc(100vw - 24px)) !important;
}

@media (max-width: 1000px) {
  .main-menu .menu-item > .mega-menu {
    width: min(680px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

@media (max-width: 640px) {
  .main-menu .menu-item > .mega-menu {
    left: 10px !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: 72vh !important;
    overflow-y: auto !important;
  }
}

/* ============================================================
   MEGA MENU — ATTACH TO MAIN MENU
   ============================================================ */

.main-menu .menu-item > .mega-menu {
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* Small invisible overlap/bridge so hover never breaks */


/* ============================================================
   MEGA MENU — HOVER BRIDGE
   ============================================================ */

.main-menu .menu-item > .mega-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 12px;
  background: transparent;
  pointer-events: auto;
}

/* ============================================================
   MEGA MENU — TRUE ATTACHED POSITION
   ============================================================ */


.main-menu > .menu-item > .mega-menu {
  position: absolute !important;
  top: calc(100% - 1px) !important;
  right: auto !important;
  margin-top: 0 !important;
  transform: none !important;

  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;

  z-index: 9999999 !important;
}

/* Hover bridge overlaps the main menu by a few pixels */
.main-menu > .menu-item > .mega-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 9px;
  background: transparent;
  pointer-events: auto;
}

@media (max-width: 640px) {
  .main-menu > .menu-item > .mega-menu {
    max-height: 72vh !important;
    overflow-y: auto !important;
  }
}

/* ============================================================
   REWORKED MAIN MENU
   ============================================================ */

.main-menu {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  min-height: 46px !important;
  padding: 4px !important;
  list-style: none !important;
}

.main-menu > .menu-item {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-menu .menu-direct-link,
.main-menu .menu-trigger {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: var(--tco-radius);
  color: #9aadb6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  cursor: pointer;
  transition:
    color .15s ease,
    background .15s ease,
    border-color .15s ease;
}

.main-menu .menu-direct-link:hover,
.main-menu .menu-trigger:hover,
.main-menu .menu-item.active > .menu-trigger {
  color: #dffefa;
  border-color: rgba(var(--tco-accent-rgb), .12);
  background: rgba(var(--tco-accent-rgb), .05);
}

.main-menu .menu-direct-link svg,
.main-menu .menu-trigger > svg:first-child {
  width: 15px;
  height: 15px;
  color: var(--tco-accent);
}

.main-menu .menu-chevron {
  width: 11px !important;
  height: 11px !important;
  margin-left: 1px;
  color: #607b78;
  transition: transform .18s ease;
}

.main-menu .menu-item.active .menu-chevron {
  transform: rotate(180deg);
}

.main-menu .mega-menu {
  width: 390px !important;
  max-width: calc(100vw - 24px) !important;
  padding: 8px !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: 0 0 12px 12px !important;
  background:
    linear-gradient(
      180deg,
      rgba(8, 15, 21, .99),
      rgba(5, 10, 15, .99)
    ) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .55) !important;
}

.main-menu .mega-grid,
.main-menu .mega-grid--single {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

.main-menu .mega-col {
  min-width: 0;
}

.main-menu .mega-col h4 {
  margin: 2px 5px 7px !important;
  color: #00d9b7 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

.main-menu .mega-col > a {
  min-height: 50px;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 9px !important;
  border: 1px solid transparent !important;
  border-radius: var(--tco-radius) !important;
  color: #a9bdc5 !important;
  text-decoration: none !important;
  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease !important;
}

.main-menu .mega-col > a:hover {
  color: #e9fffb !important;
  border-color: rgba(var(--tco-accent-rgb), .10) !important;
  background: rgba(var(--tco-accent-rgb), .045) !important;
}

.main-menu .mega-col > a > svg {
  width: 17px !important;
  height: 17px !important;
  color: #00d9b7 !important;
}

.main-menu .mega-link-text {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.main-menu .mega-link-text strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #d7ebef;
  font-size: 11px;
  font-weight: 700;
}

.main-menu .mega-link-text small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #647983;
  font-size: 9px;
  line-height: 1.25;
}

@media (max-width: 760px) {
  .main-menu {
    overflow-x: auto !important;
    justify-content: flex-start !important;
    scrollbar-width: none;
  }

  .main-menu::-webkit-scrollbar {
    display: none;
  }

  .main-menu .menu-direct-link,
  .main-menu .menu-trigger {
    padding-left: 11px;
    padding-right: 11px;
    white-space: nowrap;
  }

  .main-menu .mega-menu {
    width: min(390px, calc(100vw - 20px)) !important;
  }
}

/* ============================================================
   MEGA MENU — 3 COLUMN WIDE DROPDOWNS
   ============================================================ */

.main-menu .mega-menu--wide {
  width: min(980px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}

.main-menu .mega-menu--wide .mega-col {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.main-menu .mega-menu--wide .mega-col > h4 {
  grid-column: 1 / -1 !important;
  margin-bottom: 4px !important;
}

.main-menu .mega-menu--wide .mega-col > a {
  min-width: 0 !important;
  min-height: 58px !important;
  height: 100% !important;
}

.main-menu .mega-menu--wide .mega-link-text strong,
.main-menu .mega-menu--wide .mega-link-text small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 950px) {
  .main-menu .mega-menu--wide {
    width: min(720px, calc(100vw - 32px)) !important;
  }

  .main-menu .mega-menu--wide .mega-col {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .main-menu .mega-menu--wide {
    width: calc(100vw - 20px) !important;
  }

  .main-menu .mega-menu--wide .mega-col {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   WIDE MENU WIDTH CONSISTENCY FIX
   ============================================================ */

/* Home = 1, Discover = 2, Market = 3, Analytics = 4 */
.main-menu > .menu-item:nth-of-type(2) > .mega-menu.mega-menu--wide,
.main-menu > .menu-item:nth-of-type(3) > .mega-menu.mega-menu--wide,
.main-menu > .menu-item:nth-of-type(4) > .mega-menu.mega-menu--wide {
  width: min(980px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}

@media (max-width: 950px) {
  .main-menu > .menu-item:nth-of-type(2) > .mega-menu.mega-menu--wide,
  .main-menu > .menu-item:nth-of-type(3) > .mega-menu.mega-menu--wide,
  .main-menu > .menu-item:nth-of-type(4) > .mega-menu.mega-menu--wide {
    width: min(720px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
  }
}

@media (max-width: 620px) {
  .main-menu > .menu-item:nth-of-type(2) > .mega-menu.mega-menu--wide,
  .main-menu > .menu-item:nth-of-type(3) > .mega-menu.mega-menu--wide,
  .main-menu > .menu-item:nth-of-type(4) > .mega-menu.mega-menu--wide {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
}

/* ============================================================
   MINING + PROMOTE — 2 COLUMNS
   ============================================================ */

.main-menu .mega-menu--two {
  width: min(680px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}

.main-menu .mega-menu--two .mega-col {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.main-menu .mega-menu--two .mega-col > h4 {
  grid-column: 1 / -1 !important;
  margin-bottom: 4px !important;
}

.main-menu .mega-menu--two .mega-col > a {
  min-width: 0 !important;
  min-height: 58px !important;
  height: 100% !important;
}

.main-menu .mega-menu--two .mega-link-text strong,
.main-menu .mega-menu--two .mega-link-text small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 620px) {
  .main-menu .mega-menu--two {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .main-menu .mega-menu--two .mega-col {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   STANDALONE TOOL PAGE SHELL
   ============================================================ */

.site-page > .page-content > .page-shell {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* ============================================================
   EARLY POOL GEM RADAR — STYLE ISOLATION FIX
   Prevent global :root variables from breaking this tool page
   ============================================================ */

.early-pool-page {
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  width: 100%;
  color: var(--text);
  background: transparent;
}

.early-pool-page .page-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.early-pool-page .panel-card {
  color: var(--text) !important;
  border-color: var(--line) !important;
  background:
    linear-gradient(
      180deg,
      rgba(10, 18, 28, 0.96),
      rgba(7, 12, 20, 0.98)
    ) !important;
  box-shadow: var(--shadow) !important;
}

.early-pool-page .scanner-card,
.early-pool-page .guide-card {
  color: var(--text) !important;
  background:
    linear-gradient(
      180deg,
      rgba(10, 18, 28, 0.96),
      rgba(7, 12, 20, 0.98)
    ) !important;
}

.early-pool-page .toolbar,
.early-pool-page .table-shell,
.early-pool-page .table-tools {
  background-color: rgba(7, 14, 23, 0.94) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

.early-pool-page .summary-card,
.early-pool-page .feature-card,
.early-pool-page .guide-item,
.early-pool-page .faq-item {
  background: rgba(8, 16, 26, 0.94) !important;
  border-color: rgba(120, 160, 210, 0.14) !important;
  color: var(--text) !important;
}

.early-pool-page table,
.early-pool-page tbody,
.early-pool-page tr,
.early-pool-page td {
  color: var(--text);
}

.early-pool-page .table-scroll {
  background: rgba(5, 11, 18, 0.96) !important;
}

/* ============================================================
   EARLY POOL GEM RADAR — MERGED PAGE STYLES
   Former /css/early-pool-gem-radar.css
   Scoped so these rules do not affect other site pages.
   ============================================================ */

.early-pool-page{
 --bg: #071018;
 --bg-soft: #0c1622;
 --panel: rgba(10, 18, 28, 0.94);
 --panel-strong: rgba(7, 12, 20, 0.98);
 --panel-soft: rgba(255, 255, 255, 0.03);
 --line: rgba(120, 160, 210, 0.16);
 --line-strong: rgba(var(--tco-success-rgb), 0.18);
 --text: #e3efff;
 --muted: #90a1b8;
 --accent: var(--tco-success);
 --info: #4da3ff;
 --warn: var(--tco-warning);
 --danger: #ff647c;
 --shadow: 0 20px 56px rgba(0, 0, 0, 0.36);
 --radius: 22px;
 }

 .early-pool-page *{
 box-sizing: border-box;
 }


 .early-pool-page a{
 color: var(--info);
 text-decoration: none;
 }

 .early-pool-page a:hover{
 text-decoration: underline;
 }

 .early-pool-page .page-shell{
 position: relative;
 z-index: 1;
 width: min(1240px, calc(100% - 28px));
 margin: 0 auto;
 padding: 24px 0 36px;
 display: grid;
 gap: 18px;
 }

 .early-pool-page .panel-card{
 border: 1px solid var(--line);
 border-radius: var(--radius);
 background: linear-gradient(180deg, var(--panel), var(--panel-strong));
 box-shadow: var(--shadow);
 overflow: hidden;
 }

 .early-pool-page .hero-card,
.early-pool-page .guide-card{
 padding: 24px;
 }

 .early-pool-page .hero-card::before,
.early-pool-page .guide-card::before,
.early-pool-page .scanner-card::before{
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background:
 radial-gradient(circle at top right, rgba(var(--tco-success-rgb), 0.08), transparent 28%),
 linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 36%);
 }

 .early-pool-page .hero-card,
.early-pool-page .guide-card,
.early-pool-page .scanner-card{
 position: relative;
 }

 .early-pool-page .hero-card > *,
.early-pool-page .guide-card > *,
.early-pool-page .scanner-card > *{
 position: relative;
 z-index: 1;
 }

 .early-pool-page .eyebrow{
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 34px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid var(--line-strong);
 background: rgba(var(--tco-success-rgb), 0.08);
 color: #dbfff3;
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 }

 .early-pool-page .hero-title,
.early-pool-page .guide-title,
.early-pool-page .scanner-title{
 margin: 14px 0 0;
 color: #f6fbff;
 line-height: 1.15;
 }

 

 .early-pool-page .guide-title,
.early-pool-page .scanner-title{
 font-size: clamp(24px, 3vw, 34px);
 }

 .early-pool-page .hero-copy,
.early-pool-page .guide-copy,
.early-pool-page .scanner-copy,
.early-pool-page .status-text,
.early-pool-page .summary-note,
.early-pool-page .guide-item p,
.early-pool-page .faq-item p{
 color: var(--muted);
 }

 .early-pool-page .hero-copy,
.early-pool-page .guide-copy{
 max-width: 980px;
 margin: 12px 0 0;
 font-size: 15px;
 }

 .early-pool-page .accent{
 color: var(--accent);
 }

 .early-pool-page .info{
 color: var(--info);
 }

 .early-pool-page .warn{
 color: var(--warn);
 font-weight: 600;
 }

 .early-pool-page .danger{
 color: var(--danger);
 font-weight: 700;
 }

 .early-pool-page .feature-grid,
.early-pool-page .summary-grid,
.early-pool-page .guide-grid,
.early-pool-page .faq-grid{
 display: grid;
 gap: 14px;
 }

 .early-pool-page .feature-grid{
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 18px;
 }

 .early-pool-page .feature-card,
.early-pool-page .summary-card,
.early-pool-page .guide-item,
.early-pool-page .faq-item{
 min-height: 100%;
 padding: 16px;
 border-radius: 16px;
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: var(--panel-soft);
 }

 .early-pool-page .feature-card strong,
.early-pool-page .guide-item h3,
.early-pool-page .faq-item h3{
 display: block;
 margin-bottom: 8px;
 color: #f5fbff;
 font-size: 15px;
 }

 .early-pool-page .feature-card span,
.early-pool-page .guide-item p,
.early-pool-page .faq-item p{
 font-size: 13px;
 margin: 0;
 }

 .early-pool-page .scanner-card{
 padding: 22px;
 }

 .early-pool-page .scanner-head{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 16px;
 align-items: flex-start;
 }

 .early-pool-page .scanner-copy{
 margin: 10px 0 0;
 max-width: 760px;
 }

 .early-pool-page .disclaimer{
 margin-top: 18px;
 padding: 16px 18px;
 border-radius: 16px;
 border: 1px solid rgba(var(--tco-warning-rgb), 0.18);
 background: linear-gradient(180deg, rgba(var(--tco-warning-rgb), 0.08), rgba(var(--tco-warning-rgb), 0.04));
 color: #d8e7ff;
 }

 .early-pool-page .toolbar{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 12px;
 margin-top: 18px;
 padding: 14px 16px;
 border-radius: 16px;
 border: 1px solid var(--line);
 background: rgba(255, 255, 255, 0.025);
 }

 .early-pool-page .toolbar-left,
.early-pool-page .toolbar-right{
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 align-items: center;
 }

 .early-pool-page .live-status{
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 38px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(77, 163, 255, 0.18);
 background: rgba(77, 163, 255, 0.1);
 color: var(--info);
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 white-space: nowrap;
 }

 .early-pool-page .live-status.live{
 border-color: rgba(var(--tco-success-rgb), 0.2);
 background: rgba(var(--tco-success-rgb), 0.08);
 color: var(--accent);
 }

 .early-pool-page .live-status.cache,
.early-pool-page .live-status.stale{
 border-color: rgba(var(--tco-warning-rgb), 0.22);
 background: rgba(var(--tco-warning-rgb), 0.08);
 color: var(--warn);
 }

 .early-pool-page .live-status.error{
 border-color: rgba(255, 100, 124, 0.22);
 background: rgba(255, 100, 124, 0.08);
 color: var(--danger);
 }

 .early-pool-page .dot{
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: currentColor;
 box-shadow: 0 0 10px currentColor;
 animation: blink 1.2s infinite ease-in-out;
 }

 .early-pool-page .status-text{
 font-size: 12px;
 line-height: 1.5;
 }

 .early-pool-page .meta-chip{
 display: inline-flex;
 align-items: center;
 min-height: 38px;
 padding: 8px 12px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.04);
 color: #dce8f9;
 font-size: 12px;
 white-space: nowrap;
 }

 .early-pool-page .refresh-btn{
 min-height: 40px;
 padding: 10px 14px;
 border: 1px solid rgba(77, 163, 255, 0.24);
 border-radius: var(--tco-radius-panel);
 background: rgba(77, 163, 255, 0.08);
 color: #e6f1ff;
 cursor: pointer;
 font-size: 12px;
 font-weight: 700;
 transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
 }

 .early-pool-page .refresh-btn:hover:not(:disabled){
 transform: translateY(-1px);
 border-color: rgba(var(--tco-success-rgb), 0.3);
 background: rgba(var(--tco-success-rgb), 0.08);
 }

 .early-pool-page .refresh-btn:disabled{
 opacity: 0.6;
 cursor: progress;
 }

 .early-pool-page .summary-grid{
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 16px;
 }

 .early-pool-page .summary-label{
 display: block;
 margin-bottom: 8px;
 font-size: 11px;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--muted);
 }

 .early-pool-page .summary-value{
 display: block;
 font-size: clamp(24px, 3vw, 32px);
 font-weight: 700;
 color: #f4fbff;
 line-height: 1.1;
 }

 .early-pool-page .summary-note{
 margin-top: 8px;
 font-size: 12px;
 }

 .early-pool-page .table-shell{
 margin-top: 16px;
 border: 1px solid var(--line);
 border-radius: 18px;
 overflow: hidden;
 background: rgba(255, 255, 255, 0.02);
 }

 .early-pool-page .table-tools{
 
 
 
 
 
 
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.03);
 }

 

 .early-pool-page .view-btn{
 
 align-items: center;
 gap: 8px;
 
 
 border: 1px solid rgba(255, 255, 255, 0.08);
 
 background: rgba(255, 255, 255, 0.04);
 color: #deebff;
 cursor: pointer;
 font-size: 12px;
 font-weight: 700;
 transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
 }

 .early-pool-page .view-btn:hover:not(:disabled){
 transform: translateY(-1px);
 border-color: rgba(77, 163, 255, 0.24);
 background: rgba(77, 163, 255, 0.08);
 }

 .early-pool-page .view-btn.active{
 border-color: rgba(var(--tco-success-rgb), 0.26);
 background: rgba(var(--tco-success-rgb), 0.1);
 color: #e7fff4;
 }

 .early-pool-page .view-btn:disabled{
 opacity: 0.6;
 cursor: default;
 }

 .early-pool-page .view-count{
 display: inline-flex;
 align-items: center;
 justify-content: center;
 
 
 
 border-radius: var(--tco-radius-pill);
 background: rgba(255, 255, 255, 0.08);
 color: inherit;
 font-size: 11px;
 font-weight: 700;
 }

 .early-pool-page .view-summary{
 color: var(--muted);
 font-size: 12px;
 line-height: 1.45;
 }

 

 

 .early-pool-page th,
.early-pool-page td{
 
 text-align: center;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 border-right: 1px solid rgba(255, 255, 255, 0.06);
 
 
 }

 .early-pool-page th:last-child,
.early-pool-page td:last-child{
 border-right: 0;
 }

 .early-pool-page th{
 background: rgba(255, 255, 255, 0.04);
 color: #dfeafb;
 text-transform: uppercase;
 letter-spacing: 0.05em;
 
 box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
 }

 .early-pool-page .sort-btn{
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 6px;
 width: 100%;
 padding: 0;
 border: 0;
 background: transparent;
 color: inherit;
 font: inherit;
 text-transform: inherit;
 letter-spacing: inherit;
 cursor: pointer;
 }

 .early-pool-page .sort-btn::after{
 content: "↕";
 opacity: 0.42;
 font-size: 11px;
 line-height: 1;
 }

 .early-pool-page .sort-btn.active::after{
 opacity: 1;
 }

 .early-pool-page .sort-btn.active[data-sort-dir="asc"]::after{
 content: "↑";
 }

 .early-pool-page .sort-btn.active[data-sort-dir="desc"]::after{
 content: "↓";
 }

 .early-pool-page tbody tr:nth-child(even) td{
 background: rgba(255, 255, 255, 0.015);
 }

 .early-pool-page tbody tr{
 transition: background 0.2s ease;
 }

 .early-pool-page tbody tr:hover{
 background: rgba(19, 34, 50, 0.9);
 }

 .early-pool-page .row-gem70{
 background: rgba(16, 36, 31, 0.48);
 }

 .early-pool-page .row-primed{
 background: rgba(14, 28, 40, 0.62);
 }

 .early-pool-page .row-gem85{
 background: rgba(18, 33, 31, 0.6);
 }

 .early-pool-page .row-gem95{
 background: rgba(14, 30, 34, 0.72);
 }

 .early-pool-page .badge{
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 30px;
 padding: 6px 10px;
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.04);
 font-weight: 700;
 letter-spacing: 0.05em;
 }

 .early-pool-page .coin-name{
 margin-top: 6px;
 color: #eef6ff;
 font-weight: 600;
 }

 .early-pool-page .coin-link{
 display: inline-block;
 margin-top: 6px;
 font-size: 11px;
 color: #a7cbff;
 }

 .early-pool-page .reason-note{
 margin-top: 8px;
 font-size: 11px;
 line-height: 1.4;
 color: var(--muted);
 }

 .early-pool-page .cell-stack{
 display: grid;
 gap: 6px;
 justify-items: center;
 }

 .early-pool-page .score-main{
 
 font-weight: 700;
 color: #f4fbff;
 line-height: 1;
 }

 .early-pool-page .score-meta,
.early-pool-page .signal-note,
.early-pool-page .price-note,
.early-pool-page .ratio-note,
.early-pool-page .trigger-note{
 font-size: 11px;
 color: var(--muted);
 line-height: 1.35;
 }

 .early-pool-page .trigger-label{
 font-size: 12px;
 font-weight: 700;
 color: #edf7ff;
 letter-spacing: 0.03em;
 text-transform: uppercase;
 }

 .early-pool-page .metric-strip{
 display: flex;
 flex-wrap: wrap;
 
 justify-content: center;
 }

 .early-pool-page .metric-chip{
 display: inline-flex;
 align-items: center;
 justify-content: center;
 
 
 border-radius: var(--tco-radius-pill);
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: rgba(255, 255, 255, 0.04);
 
 font-weight: 700;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 white-space: nowrap;
 }

 .early-pool-page .metric-chip.opportunity{
 color: var(--accent);
 }

 .early-pool-page .metric-chip.confidence{
 color: #a8ddff;
 }

 .early-pool-page .metric-chip.risk{
 color: #ffb9c4;
 }

 .early-pool-page .green{
 color: var(--accent);
 }

 .early-pool-page .red{
 color: var(--danger);
 }

 .early-pool-page .signal-pill{
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 32px;
 padding: 6px 10px;
 border-radius: var(--tco-radius-pill);
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 border: 1px solid rgba(255, 255, 255, 0.08);
 }

 .early-pool-page .signal-pill.watch{
 background: rgba(var(--tco-success-rgb), 0.08);
 color: var(--accent);
 }

 .early-pool-page .signal-pill.primed{
 background: rgba(77, 163, 255, 0.1);
 color: #b9dcff;
 }

 .early-pool-page .signal-pill.hot{
 background: rgba(var(--tco-warning-rgb), 0.1);
 color: var(--warn);
 }

 .early-pool-page .signal-pill.explosive{
 background: rgba(255, 100, 124, 0.1);
 color: #ffb3c0;
 }

 .early-pool-page .signal-pill.risk{
 background: rgba(255, 100, 124, 0.12);
 color: #ffd0d8;
 }

 .early-pool-page .empty-row td{
 padding: 24px 12px;
 color: var(--muted);
 }

 .early-pool-page .guide-card{
 padding-bottom: 26px;
 }

 .early-pool-page .guide-grid{
 grid-template-columns: repeat(3, minmax(0, 1fr));
 margin-top: 18px;
 }

 .early-pool-page .faq-grid{
 grid-template-columns: repeat(2, minmax(0, 1fr));
 margin-top: 14px;
 }

 .early-pool-page .guide-list{
 margin: 0;
 padding-left: 18px;
 color: var(--muted);
 font-size: 13px;
 }

 .early-pool-page .guide-list li + li{
 margin-top: 8px;
 }

 .early-pool-page #toast{
 position: fixed;
 top: 20px;
 right: 20px;
 width: min(340px, calc(100% - 32px));
 padding: 12px 16px;
 border-radius: var(--tco-radius-panel);
 border: 1px solid rgba(var(--tco-success-rgb), 0.24);
 background: rgba(8, 16, 25, 0.96);
 color: #dfffee;
 box-shadow: var(--shadow);
 display: none;
 z-index: 10;
 font-size: 13px;
 line-height: 1.45;
 }

 .early-pool-page #toast.error{
 border-color: rgba(255, 100, 124, 0.24);
 color: #ffd7df;
 }

 .early-pool-page .sr-only{
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
 }

 @keyframes blink{
 0%,
 100% {
 opacity: 1;
 }

 50% {
 opacity: 0.28;
 }
 }

 @media (max-width: 1040px){
 .early-pool-page .feature-grid,
.early-pool-page .guide-grid{
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .early-pool-page .summary-grid,
.early-pool-page .faq-grid{
 grid-template-columns: 1fr;
 }
 }

 @media (max-width: 760px){
 .early-pool-page .page-shell{
 width: min(100%, calc(100% - 20px));
 padding: 14px 0 24px;
 }

 .early-pool-page .hero-card,
.early-pool-page .guide-card,
.early-pool-page .scanner-card{
 padding: 16px;
 }

 .early-pool-page .toolbar-left,
.early-pool-page .toolbar-right,
.early-pool-page .table-tools,
.early-pool-page .view-switch,
.early-pool-page .feature-grid,
.early-pool-page .summary-grid,
.early-pool-page .guide-grid,
.early-pool-page .faq-grid{
 width: 100%;
 grid-template-columns: 1fr;
 }

 .early-pool-page .table-tools{
 padding: 12px;
 flex-direction: column;
 align-items: stretch;
 }

 .early-pool-page .view-switch{
 justify-content: flex-start;
 }

 .early-pool-page .toolbar{
 padding: 12px;
 }

 .early-pool-page th,
.early-pool-page td{
 padding: 12px 10px;
 }

 .early-pool-page .dot{
 animation-duration: 1.4s;
 }
 }

 @media (prefers-reduced-motion: reduce){
 .early-pool-page *,
.early-pool-page *::before,
.early-pool-page *::after{
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.01ms !important;
 scroll-behavior: auto !important;
 }
 }

/* ============================================================
   EARLY POOL GEM RADAR — TABLE LAYOUT FIX
   Prevent column overlap and keep long security/trigger text readable
   ============================================================ */

.early-pool-page .table-scroll {
  
  
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}

.early-pool-page table {
  
  
  
  border-collapse: collapse !important;
}

.early-pool-page th,
.early-pool-page td {
  
  
  
  box-sizing: border-box !important;
}

/* Token */


/* Early Score */


/* Age */


/* Liquidity */


/* Flow */


/* Stage */


/* Security */


/* Trigger */


/* Text inside cells must stay inside its own column */
.early-pool-page td *,
.early-pool-page th * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.early-pool-page .reason-note,
.early-pool-page .signal-note,
.early-pool-page .price-note,
.early-pool-page .ratio-note,
.early-pool-page .trigger-note,
.early-pool-page .security-note {
  display: block !important;
  width: 100% !important;
  
  
  word-break: normal !important;
  
}

/* Keep badges compact */
.early-pool-page .badge,
.early-pool-page .signal-pill,
.early-pool-page .metric-chip {
  max-width: 100% !important;
  white-space: nowrap !important;
}

/* Token cell actions */
.early-pool-page td:first-child .cell-stack {
  width: 100% !important;
  min-width: 0 !important;
}

.early-pool-page td:first-child button,
.early-pool-page td:first-child .action-btn {
  max-width: 100% !important;
}

/* If Watch / Block are in an action row, keep them neat */
.early-pool-page .row-actions,
.early-pool-page .token-actions,
.early-pool-page .action-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
}

/* Security/trigger columns are text-heavy: slightly smaller supporting text */
.early-pool-page td:nth-child(7) .reason-note,
.early-pool-page td:nth-child(7) .signal-note,
.early-pool-page td:nth-child(7) .trigger-note,
.early-pool-page td:nth-child(8) .reason-note,
.early-pool-page td:nth-child(8) .signal-note,
.early-pool-page td:nth-child(8) .trigger-note {
  font-size: 10px !important;
}

/* Don't let the general site table hover rules create visual smearing */
.early-pool-page tbody tr:hover > td {
  background-color: rgba(10, 19, 25, .98) !important;
  box-shadow: none !important;
}

/* Responsive: keep desktop-quality table and scroll it instead of crushing columns */
@media (max-width: 900px) {
  .early-pool-page table {
    min-width: 1480px !important;
  }

  .early-pool-page th,
  .early-pool-page td {
    padding: 12px 10px !important;
  }
}

/* ============================================================
   EARLY POOL GEM RADAR — FILTER TOOLBAR COMPACT FIX
   ============================================================ */

.early-pool-page .table-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 12px 14px !important;
}

.early-pool-page .view-switch {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: auto !important;
  max-width: 100% !important;
}

.early-pool-page .view-btn {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 36px !important;
  padding: 7px 12px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  border-radius: var(--tco-radius-pill) !important;
}

.early-pool-page .view-count {
  flex: 0 0 auto !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 7px !important;
}

.early-pool-page #rugToggleBtn {
  width: auto !important;
  min-width: 130px !important;
  flex: 0 0 auto !important;
}

/* Summary text always starts on a new row */
.early-pool-page .view-summary {
  flex: 1 0 100% !important;
  width: 100% !important;
  margin-top: 2px !important;
}

/* Keep the three control groups visually separated */
.early-pool-page .table-tools > .view-switch {
  padding-right: 8px !important;
  margin-right: 2px !important;
  border-right: 1px solid rgba(255,255,255,.07) !important;
}

.early-pool-page .table-tools > .view-switch:last-of-type {
  border-right: 0 !important;
}

/* Medium screens: still compact, just wrap naturally */
@media (max-width: 980px) {
  .early-pool-page .table-tools {
    align-items: flex-start !important;
  }

  .early-pool-page .view-switch {
    width: auto !important;
    grid-template-columns: none !important;
  }

  .early-pool-page .view-btn {
    width: auto !important;
  }
}

/* Phones: buttons remain usable without becoming giant full-width strips */
@media (max-width: 620px) {
  .early-pool-page .table-tools {
    gap: 8px !important;
    padding: 10px !important;
  }

  .early-pool-page .view-switch {
    display: flex !important;
    width: 100% !important;
    gap: 6px !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    border-right: 0 !important;
  }

  .early-pool-page .view-btn {
    width: auto !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }

  .early-pool-page #rugToggleBtn {
    width: auto !important;
    min-width: 0 !important;
  }
}

/* ============================================================
   EARLY POOL GEM RADAR — RESPONSIVE TABLE + ACTION BUTTON FIX
   ============================================================ */

/* No forced horizontal scrolling */
.early-pool-page .table-scroll {
  width: 100% !important;
  overflow-x: hidden !important;
}

.early-pool-page table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

/* Percentage column layout: total = 100% */
.early-pool-page th:nth-child(1),
.early-pool-page td:nth-child(1) {
  width: 17% !important;
  min-width: 0 !important;
}

.early-pool-page th:nth-child(2),
.early-pool-page td:nth-child(2) {
  width: 11% !important;
  min-width: 0 !important;
}

.early-pool-page th:nth-child(3),
.early-pool-page td:nth-child(3) {
  width: 8% !important;
  min-width: 0 !important;
}

.early-pool-page th:nth-child(4),
.early-pool-page td:nth-child(4) {
  width: 14% !important;
  min-width: 0 !important;
}

.early-pool-page th:nth-child(5),
.early-pool-page td:nth-child(5) {
  width: 13% !important;
  min-width: 0 !important;
}

.early-pool-page th:nth-child(6),
.early-pool-page td:nth-child(6) {
  width: 11% !important;
  min-width: 0 !important;
}

.early-pool-page th:nth-child(7),
.early-pool-page td:nth-child(7) {
  width: 13% !important;
  min-width: 0 !important;
}

.early-pool-page th:nth-child(8),
.early-pool-page td:nth-child(8) {
  width: 13% !important;
  min-width: 0 !important;
}

.early-pool-page th,
.early-pool-page td {
  padding: clamp(7px, .75vw, 12px) clamp(5px, .65vw, 10px) !important;
  font-size: clamp(9px, .72vw, 12px) !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

.early-pool-page th {
  font-size: clamp(8px, .68vw, 11px) !important;
  white-space: nowrap !important;
}

/* ============================================================
   WATCH + BLOCK
   The JS appends both buttons directly to the first TD.
   ============================================================ */

.early-pool-page td:first-child .table-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: calc(50% - 4px) !important;
  max-width: calc(50% - 4px) !important;
  min-width: 0 !important;

  height: 34px !important;
  min-height: 34px !important;

  margin: 8px 0 0 0 !important;
  padding: 6px 5px !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;

  font-size: clamp(9px, .75vw, 12px) !important;
  line-height: 1 !important;
}

.early-pool-page td:first-child .table-action + .table-action {
  margin-left: 8px !important;
}

/* Make sure the first cell itself doesn't force extra width */
.early-pool-page td:first-child {
  overflow: hidden !important;
}

.early-pool-page td:first-child .badge,
.early-pool-page td:first-child .coin-name,
.early-pool-page td:first-child .coin-link,
.early-pool-page td:first-child .reason-note {
  max-width: 100% !important;
}

/* ============================================================
   TEXT COMPRESSION
   ============================================================ */

.early-pool-page .coin-name {
  font-size: clamp(10px, .9vw, 14px) !important;
  overflow-wrap: anywhere !important;
}

.early-pool-page .score-main {
  font-size: clamp(15px, 1.25vw, 20px) !important;
}

.early-pool-page .metric-strip {
  gap: 3px !important;
}

.early-pool-page .metric-chip {
  min-height: 19px !important;
  padding: 1px 5px !important;
  font-size: clamp(7px, .58vw, 9px) !important;
}

.early-pool-page .badge,
.early-pool-page .signal-pill {
  font-size: clamp(8px, .65vw, 10px) !important;
  padding: 5px 8px !important;
}

.early-pool-page .reason-note,
.early-pool-page .signal-note,
.early-pool-page .price-note,
.early-pool-page .ratio-note,
.early-pool-page .trigger-note,
.early-pool-page .security-note {
  font-size: clamp(7px, .58vw, 10px) !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* ============================================================
   MID-SIZE DESKTOP / LAPTOP
   ============================================================ */

@media (max-width: 1400px) {
  .early-pool-page th,
  .early-pool-page td {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .early-pool-page td:first-child .table-action {
    height: 30px !important;
    min-height: 30px !important;
    margin-top: 6px !important;
  }

  .early-pool-page td:first-child .table-action + .table-action {
    margin-left: 6px !important;
  }
}

/* ============================================================
   NARROW VIEW
   Keep all 8 columns visible by trimming secondary details.
   ============================================================ */

@media (max-width: 1150px) {
  .early-pool-page th,
  .early-pool-page td {
    padding: 6px 4px !important;
  }

  /* Keep primary values, hide verbose secondary notes */
  .early-pool-page td:nth-child(3) .price-note,
  .early-pool-page td:nth-child(4) .price-note,
  .early-pool-page td:nth-child(5) .ratio-note,
  .early-pool-page td:nth-child(6) .signal-note,
  .early-pool-page td:nth-child(7) .reason-note,
  .early-pool-page td:nth-child(7) .security-note,
  .early-pool-page td:nth-child(8) .trigger-note {
    display: none !important;
  }

  .early-pool-page td:first-child .reason-note {
    display: none !important;
  }

  .early-pool-page .metric-chip:nth-child(n/**/+5) {
    display: none !important;
  }

  .early-pool-page td:first-child .table-action {
    width: calc(50% - 3px) !important;
    max-width: calc(50% - 3px) !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 4px 3px !important;
  }

  .early-pool-page td:first-child .table-action + .table-action {
    margin-left: 6px !important;
  }
}

/* Very narrow: still no horizontal scroll */
@media (max-width: 850px) {
  .early-pool-page th,
  .early-pool-page td {
    padding: 5px 2px !important;
    font-size: 8px !important;
  }

  .early-pool-page th {
    font-size: 7px !important;
  }

  .early-pool-page .coin-link {
    display: none !important;
  }

  .early-pool-page .metric-chip:nth-child(n/**/+4) {
    display: none !important;
  }

  .early-pool-page .badge,
  .early-pool-page .signal-pill {
    padding: 4px 5px !important;
    font-size: 7px !important;
  }

  .early-pool-page td:first-child .table-action {
    font-size: 8px !important;
  }
}

/* ============================================================
   EARLY POOL GEM RADAR — HERO TITLE SIZE FIX
   ============================================================ */


@media (max-width: 760px) {
  
}

/* ============================================================
   EARLY POOL GEM RADAR — TOOL-FIRST LAYOUT
   Small H1 + collapsible explanatory content
   ============================================================ */

/* Main SEO title: intentionally very compact */
.early-pool-page .hero-title {
  font-size: clamp(13px, 1.05vw, 17px) !important;
  line-height: 1.28 !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  letter-spacing: .005em !important;
  font-weight: 700 !important;
}

/* Make the top SEO card compact so the scanner appears immediately */


.early-pool-page .hero-card .eyebrow {
  min-height: 26px !important;
  padding: 5px 9px !important;
  font-size: 9px !important;
}

/* Generic collapsible information panel */
.early-pool-page .tool-info-collapse {
  width: 100% !important;
  margin-top: 10px !important;
  border: 1px solid rgba(120,160,210,.14) !important;
  border-radius: var(--tco-radius-card) !important;
  background: rgba(5,12,19,.52) !important;
  overflow: hidden !important;
}

.early-pool-page .tool-info-collapse > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 8px 38px 8px 12px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  color: #dcecf2 !important;
  background: rgba(9,18,27,.74) !important;
  transition:
    background .16s ease,
    border-color .16s ease !important;
}

.early-pool-page .tool-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.early-pool-page .tool-info-collapse > summary:hover {
  background: rgba(10,25,31,.88) !important;
}

.early-pool-page .tool-info-collapse > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--tco-accent) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.early-pool-page .tool-info-collapse[open] > summary::after {
  content: "−" !important;
}

.early-pool-page .tool-info-collapse > summary > span {
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

.early-pool-page .tool-info-collapse > summary > small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #748996 !important;
  font-size: 9px !important;
}

.early-pool-page .tool-info-collapse__body {
  padding: 14px !important;
  border-top: 1px solid rgba(120,160,210,.11) !important;
}

/* Existing content inside the collapsed panel */
.early-pool-page .hero-info-collapse .hero-copy {
  margin-top: 0 !important;
}

.early-pool-page .hero-info-collapse .feature-grid {
  margin-top: 14px !important;
}

.early-pool-page .scanner-info-collapse {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
}

.early-pool-page .scanner-info-collapse .scanner-copy {
  max-width: none !important;
  margin: 0 !important;
}

.early-pool-page .scanner-info-collapse .disclaimer {
  margin-top: 12px !important;
}

/* Scanner title can also be a little more compact */
.early-pool-page .scanner-title {
  font-size: clamp(18px, 1.65vw, 26px) !important;
  line-height: 1.2 !important;
  margin-top: 9px !important;
}

/* Reduce dead vertical space around the scanner header */
.early-pool-page .scanner-card {
  padding-top: 18px !important;
}


/* Controls come visually sooner */
.early-pool-page .scanner-info-collapse + .toolbar {
  margin-top: 12px !important;
}

@media (max-width: 760px) {
  .early-pool-page .hero-title {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .early-pool-page .hero-card {
    padding: 12px !important;
  }

  .early-pool-page .tool-info-collapse > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .early-pool-page .tool-info-collapse > summary > small {
    width: calc(100% - 10px) !important;
  }
}

/* ============================================================
   EARLY POOL GEM RADAR — COMBINED SCANNER INFO
   ============================================================ */

.early-pool-page .scanner-copy--combined {
  max-width: none !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.early-pool-page .scanner-info-collapse .disclaimer {
  display: none !important;
}

/* ============================================================
   EARLY POOL GEM RADAR — SINGLE USER-FRIENDLY INTRO
   ============================================================ */

/* No technical SEO label */
.early-pool-page .hero-card > .eyebrow {
  display: none !important;
}

/* Hero becomes a compact title + one explanatory dropdown */
.early-pool-page .hero-card {
  padding: 12px 16px !important;
}

.early-pool-page .hero-title {
  margin-top: 0 !important;
}

.early-pool-page .hero-info-collapse {
  margin-top: 8px !important;
}

/* Extra scanner/risk explanation merged into About block */
.early-pool-page .about-radar-extra {
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(120,160,210,.12) !important;
}

.early-pool-page .about-radar-extra .scanner-copy--combined,
.early-pool-page .about-radar-extra .scanner-copy {
  margin: 0 !important;
  max-width: none !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

/* The scanner itself no longer needs a second explanatory dropdown */
.early-pool-page .scanner-info-collapse {
  display: none !important;
}

.early-pool-page .scanner-head {
  margin-bottom: 10px !important;
}

/* Scanner controls move up */
.early-pool-page .scanner-head + .toolbar {
  margin-top: 10px !important;
}

/* ============================================================
   MARKET CAP TERMINAL — STANDARD SITE SHELL + COLLAPSIBLE INFO
   ============================================================ */

.site-page .page-content > .mct-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Compact tool-first heading */
.mct-shell .mct-seo-top--compact {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.mct-shell .mct-seo-top--compact > h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(14px, 1.15vw, 18px) !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  letter-spacing: .005em !important;
}

/* Shared native details block */
.mct-shell .mct-info-collapse {
  width: 100% !important;
  margin-top: 9px !important;
  border: 1px solid rgba(120,160,210,.14) !important;
  border-radius: var(--tco-radius-card) !important;
  background: rgba(5,12,19,.58) !important;
  overflow: hidden !important;
}

.mct-shell .mct-info-collapse > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 8px 38px 8px 12px !important;
  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
  background: rgba(9,18,27,.78) !important;
  color: #dcecf2 !important;
}

.mct-shell .mct-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.mct-shell .mct-info-collapse > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--tco-accent) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.mct-shell .mct-info-collapse[open] > summary::after {
  content: "−" !important;
}

.mct-shell .mct-info-collapse > summary > span {
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

.mct-shell .mct-info-collapse > summary > small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #748996 !important;
  font-size: 9px !important;
}

.mct-shell .mct-info-collapse__body {
  padding: 14px !important;
  border-top: 1px solid rgba(120,160,210,.11) !important;
}

.mct-shell .mct-info-collapse__eyebrow {
  margin: 0 0 8px !important;
  color: #8fa7b6 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Top info remains available for SEO/users, but closed by default */
.mct-shell .mct-info-collapse .mct-seo-grid {
  margin-top: 12px !important;
}

/* The legacy guide's own outer sticky behavior is not useful inside a closed details */
.mct-shell .mct-guide-collapse .mct-guide-sticky {
  position: static !important;
  top: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mct-shell .mct-guide-collapse .mct-guide {
  margin: 0 !important;
}

/* Hide duplicate guide header text/button because the native summary is now the control.
   IDs remain in DOM, so the original script still finds them unchanged. */
.mct-shell .mct-guide-collapse .mct-guide-head {
  display: none !important;
}

.mct-shell .mct-guide-collapse .mct-guide-body {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.mct-shell .mct-info-collapse__body--guide {
  padding: 12px !important;
}

/* Tool content should follow immediately after the compact information controls */
.mct-shell .mct-terminal {
  margin-top: 10px !important;
}

@media (max-width: 760px) {
  .mct-shell .mct-seo-top--compact > h1 {
    font-size: 13px !important;
  }

  .mct-shell .mct-info-collapse > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .mct-shell .mct-info-collapse > summary > small {
    width: calc(100% - 10px) !important;
  }
}

/* ============================================================
   MARKET CAP TERMINAL — ACTION BUTTONS IN ONE ROW
   ============================================================ */

.mct-shell .mct-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: end !important;
  gap: 8px !important;
  width: auto !important;
}

.mct-shell .mct-actions > .mct-btn {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 120px !important;
  max-width: none !important;
  min-height: 40px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Refresh interval stays compact on the same line */
.mct-shell .mct-actions > .mct-inline-field {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 110px !important;
  margin: 0 !important;
}

.mct-shell .mct-controls {
  align-items: flex-end !important;
}

/* Medium screens: allow wrapping instead of stacking every button full-width */
@media (max-width: 1050px) {
  .mct-shell .mct-actions {
    flex-wrap: wrap !important;
  }

  .mct-shell .mct-actions > .mct-btn {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 150px !important;
  }
}

/* Phones */
@media (max-width: 620px) {
  .mct-shell .mct-actions > .mct-btn {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    font-size: 11px !important;
  }

  .mct-shell .mct-actions > .mct-inline-field {
    flex: 1 0 100% !important;
    width: 100% !important;
  }
}

/* ============================================================
   GEM SCANNER V2.3 — STANDARD SITE SHELL / TOOL-FIRST LAYOUT
   ============================================================ */

.gem-scanner-page .page-content > .page-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-top: 12px !important;
  box-sizing: border-box !important;
}

/* Compact heading; no technical SEO label */
.gem-scanner-page .gem-scanner-intro {
  padding: 12px 16px !important;
}


/* Shared collapsible info UI */
.gem-scanner-page .gem-info-collapse {
  width: 100% !important;
  margin-top: 9px !important;
  border: 1px solid rgba(120,160,210,.14) !important;
  border-radius: var(--tco-radius-card) !important;
  
  overflow: hidden !important;
}

.gem-scanner-page .gem-info-collapse > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 8px 38px 8px 12px !important;
  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
  
  color: #dcecf2 !important;
}

.gem-scanner-page .gem-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.gem-scanner-page .gem-info-collapse > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--tco-accent) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.gem-scanner-page .gem-info-collapse[open] > summary::after {
  content: "−" !important;
}

.gem-scanner-page .gem-info-collapse > summary > span {
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

.gem-scanner-page .gem-info-collapse > summary > small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #748996 !important;
  font-size: 9px !important;
}

.gem-scanner-page .gem-info-collapse__body {
  padding: 14px !important;
  border-top: 1px solid rgba(120,160,210,.11) !important;
}

/* Info content stays available but compact/hidden by default */
.gem-scanner-page .gem-info-collapse .hero-copy,
.gem-scanner-page .gem-info-collapse .scanner-copy {
  max-width: none !important;
  margin-top: 0 !important;
}

.gem-scanner-page .gem-info-collapse .feature-grid {
  margin-top: 14px !important;
}

.gem-scanner-page .gem-info-collapse .disclaimer {
  margin-top: 12px !important;
}

/* Scanner itself appears quickly */
.gem-scanner-page .scanner-card {
  margin-top: 12px !important;
  padding-top: 18px !important;
}

.gem-scanner-page .scanner-title {
  
  
  margin-top: 9px !important;
}

.gem-scanner-page .gem-scanner-notes {
  margin-top: 10px !important;
  margin-bottom: 4px !important;
}

.gem-scanner-page .gem-scanner-notes + .toolbar {
  margin-top: 12px !important;
}

/* Bottom guide is collapsed by default */
.gem-scanner-page .gem-guide-collapse {
  margin-top: 14px !important;
}

.gem-scanner-page .gem-info-collapse__body--guide .guide-title {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  .gem-scanner-page .gem-scanner-intro .hero-title {
    font-size: 13px !important;
  }

  .gem-scanner-page .gem-info-collapse > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .gem-scanner-page .gem-info-collapse > summary > small {
    width: calc(100% - 10px) !important;
  }
}

/* ============================================================
   GEM SCANNER V2.3 — RESTORED DARK UI
   Scoped to this page only
   ============================================================ */

.gem-scanner-page {
  --gs-bg: #071018;
  --gs-bg-soft: #0c1622;
  --gs-panel: rgba(10,18,28,.96);
  --gs-panel-strong: rgba(7,12,20,.985);
  --gs-panel-soft: rgba(255,255,255,.03);
  --gs-line: rgba(120,160,210,.16);
  --gs-line-strong: rgba(var(--tco-success-rgb), .18);
  --gs-text: #e3efff;
  --gs-muted: #90a1b8;
  --gs-accent: var(--tco-success);
  --gs-info: #4da3ff;
  --gs-warn: var(--tco-warning);
  --gs-danger: #ff647c;
  --gs-shadow: 0 20px 56px rgba(0,0,0,.36);
  --gs-radius: 20px;
  color: var(--gs-text);
}

.gem-scanner-page .page-shell {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 0 28px !important;
  display: grid !important;
  gap: 16px !important;
}

.gem-scanner-page .panel-card {
  border: 1px solid var(--gs-line) !important;
  border-radius: var(--gs-radius) !important;
  background:
    linear-gradient(180deg,var(--gs-panel),var(--gs-panel-strong)) !important;
  box-shadow: var(--gs-shadow) !important;
  color: var(--gs-text) !important;
  overflow: hidden !important;
}

.gem-scanner-page .hero-card,
.gem-scanner-page .scanner-card {
  position: relative !important;
}

.gem-scanner-page .hero-card::before,
.gem-scanner-page .scanner-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at top right,rgba(var(--tco-success-rgb), .07),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 38%) !important;
}

.gem-scanner-page .hero-card > *,
.gem-scanner-page .scanner-card > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Compact top title */
.gem-scanner-page .gem-scanner-intro .hero-title {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: var(--tco-text-strong) !important;
  font-size: clamp(14px,1.12vw,18px) !important;
  line-height: 1.28 !important;
  letter-spacing: .005em !important;
  font-weight: 700 !important;
}

/* Scanner container */
.gem-scanner-page .scanner-card {
  padding: 18px !important;
  background:
    linear-gradient(180deg,rgba(8,17,27,.98),rgba(5,11,18,.99)) !important;
}

.gem-scanner-page .scanner-head {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 14px !important;
  align-items: flex-start !important;
}

.gem-scanner-page .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid var(--gs-line-strong) !important;
  background: rgba(var(--tco-success-rgb), .07) !important;
  color: #cffff0 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.gem-scanner-page .scanner-title {
  margin: 9px 0 0 !important;
  color: #f3fbff !important;
  font-size: clamp(18px,1.55vw,25px) !important;
  line-height: 1.2 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Collapsible blocks */
.gem-scanner-page .gem-info-collapse {
  background: rgba(5,12,19,.78) !important;
  border-color: rgba(120,160,210,.14) !important;
}

.gem-scanner-page .gem-info-collapse > summary {
  background: rgba(8,17,26,.94) !important;
}

.gem-scanner-page .gem-info-collapse__body {
  background: rgba(7,14,22,.96) !important;
  color: var(--gs-text) !important;
}

.gem-scanner-page .hero-copy,
.gem-scanner-page .scanner-copy,
.gem-scanner-page .guide-copy,
.gem-scanner-page .status-text,
.gem-scanner-page .summary-note,
.gem-scanner-page .guide-item p,
.gem-scanner-page .faq-item p,
.gem-scanner-page .view-summary,
.gem-scanner-page .reason-note,
.gem-scanner-page .score-meta,
.gem-scanner-page .signal-note,
.gem-scanner-page .price-note,
.gem-scanner-page .ratio-note,
.gem-scanner-page .trigger-note {
  color: var(--gs-muted) !important;
}

.gem-scanner-page .accent,
.gem-scanner-page .green {
  color: var(--gs-accent) !important;
}

.gem-scanner-page .info {
  color: var(--gs-info) !important;
}

.gem-scanner-page .warn {
  color: var(--gs-warn) !important;
}

.gem-scanner-page .danger,
.gem-scanner-page .red {
  color: var(--gs-danger) !important;
}

/* Toolbar */
.gem-scanner-page .toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--gs-line) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.025) !important;
}

.gem-scanner-page .toolbar-left,
.gem-scanner-page .toolbar-right {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  align-items: center !important;
}

.gem-scanner-page .live-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 7px 11px !important;
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid rgba(77,163,255,.18) !important;
  background: rgba(77,163,255,.09) !important;
  color: var(--gs-info) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

.gem-scanner-page .live-status.live {
  border-color: rgba(var(--tco-success-rgb), .2) !important;
  background: rgba(var(--tco-success-rgb), .08) !important;
  color: var(--gs-accent) !important;
}

.gem-scanner-page .live-status.cache,
.gem-scanner-page .live-status.stale {
  border-color: rgba(var(--tco-warning-rgb), .22) !important;
  background: rgba(var(--tco-warning-rgb), .08) !important;
  color: var(--gs-warn) !important;
}

.gem-scanner-page .live-status.error {
  border-color: rgba(255,100,124,.22) !important;
  background: rgba(255,100,124,.08) !important;
  color: var(--gs-danger) !important;
}

.gem-scanner-page .meta-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 7px 11px !important;
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid var(--tco-border-strong) !important;
  background: var(--tco-line-soft) !important;
  color: #dce8f9 !important;
  font-size: 10px !important;
}

.gem-scanner-page .refresh-btn {
  min-height: 38px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(77,163,255,.24) !important;
  border-radius: var(--tco-radius-card) !important;
  background: rgba(77,163,255,.09) !important;
  color: #e6f1ff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* Stats */
.gem-scanner-page .summary-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.gem-scanner-page .summary-card {
  min-height: 100% !important;
  padding: 14px !important;
  border-radius: 14px !important;
  border: 1px solid var(--tco-border-strong) !important;
  background:
    linear-gradient(180deg,rgba(11,21,34,.97),rgba(6,12,20,.99)) !important;
}

.gem-scanner-page .summary-label {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--gs-muted) !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.gem-scanner-page .summary-value {
  display: block !important;
  color: #f4fbff !important;
  font-size: clamp(22px,2vw,30px) !important;
  line-height: 1.1 !important;
}

/* Table controls */
.gem-scanner-page .table-shell {
  margin-top: 14px !important;
  border: 1px solid var(--gs-line) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(5,11,18,.985) !important;
}

.gem-scanner-page .table-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  background: rgba(8,17,27,.97) !important;
}

.gem-scanner-page .view-switch {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  width: auto !important;
}

.gem-scanner-page .view-btn {
  display: inline-flex !important;
  width: auto !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-pill) !important;
  background: var(--tco-line-soft) !important;
  color: #deebff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.gem-scanner-page .view-btn.active {
  border-color: rgba(var(--tco-success-rgb), .26) !important;
  background: rgba(var(--tco-success-rgb), .1) !important;
  color: #e7fff4 !important;
}

.gem-scanner-page .view-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 7px !important;
  border-radius: var(--tco-radius-pill) !important;
  background: var(--tco-border-strong) !important;
}

/* Table */
.gem-scanner-page .table-scroll {
  
  
  background: #061019 !important;
}

.gem-scanner-page table {
  
  
  
  border-collapse: collapse !important;
  background: #061019 !important;
}

.gem-scanner-page th,
.gem-scanner-page td {
  
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
  border-right: 1px solid rgba(255,255,255,.05) !important;
  color: var(--gs-text) !important;
  background-color: transparent !important;
  
}

.gem-scanner-page th {
  background: #091725 !important;
  color: #cfe4ff !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  
}

.gem-scanner-page .sort-btn {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  cursor: pointer !important;
}

.gem-scanner-page tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.012) !important;
}

.gem-scanner-page tbody tr:hover td {
  background: rgba(15,31,42,.96) !important;
}

.gem-scanner-page .row-gem70 td {
  background: rgba(11,29,25,.68) !important;
}

.gem-scanner-page .row-primed td {
  background: rgba(10,24,36,.78) !important;
}

.gem-scanner-page .row-gem85 td {
  background: rgba(14,29,27,.76) !important;
}

.gem-scanner-page .row-gem95 td {
  background: rgba(12,25,29,.82) !important;
}

.gem-scanner-page .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid var(--tco-border-strong) !important;
  background: var(--tco-line-soft) !important;
}

.gem-scanner-page .coin-name {
  margin-top: 5px !important;
  color: #eef6ff !important;
  font-weight: 600 !important;
}

.gem-scanner-page .coin-link {
  display: inline-block !important;
  margin-top: 5px !important;
  color: #8fc7ff !important;
  font-size: 9px !important;
}

.gem-scanner-page .reason-note {
  margin-top: 6px !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
}

.gem-scanner-page .cell-stack {
  display: grid !important;
  gap: 5px !important;
  justify-items: center !important;
}

.gem-scanner-page .score-main {
  color: #f4fbff !important;
  
  font-weight: 700 !important;
}

.gem-scanner-page .metric-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  
}

.gem-scanner-page .metric-chip {
  display: inline-flex !important;
  
  
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid var(--tco-border-strong) !important;
  background: var(--tco-line-soft) !important;
  
  font-weight: 700 !important;
}

.gem-scanner-page .metric-chip.opportunity {
  color: var(--gs-accent) !important;
}

.gem-scanner-page .metric-chip.confidence {
  color: #a8ddff !important;
}

.gem-scanner-page .metric-chip.risk {
  color: #ffb9c4 !important;
}

.gem-scanner-page .signal-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid var(--tco-border-strong) !important;
  
  font-weight: 700 !important;
  letter-spacing: .05em !important;
}

.gem-scanner-page .signal-pill.watch {
  background: rgba(var(--tco-success-rgb), .08) !important;
  color: var(--gs-accent) !important;
}

.gem-scanner-page .signal-pill.primed {
  background: rgba(77,163,255,.1) !important;
  color: #b9dcff !important;
}

.gem-scanner-page .signal-pill.hot {
  background: rgba(var(--tco-warning-rgb), .1) !important;
  color: var(--gs-warn) !important;
}

.gem-scanner-page .signal-pill.explosive {
  background: rgba(255,100,124,.1) !important;
  color: #ffb3c0 !important;
}

.gem-scanner-page .signal-pill.risk {
  background: rgba(255,100,124,.12) !important;
  color: #ffd0d8 !important;
}

.gem-scanner-page .trigger-label {
  color: #edf7ff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Bottom guide dropdown */
.gem-scanner-page .gem-guide-collapse {
  background: rgba(5,12,19,.92) !important;
}

@media (max-width: 1040px) {
  .gem-scanner-page .summary-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .gem-scanner-page .scanner-card {
    padding: 14px !important;
  }

  .gem-scanner-page .toolbar-left,
  .gem-scanner-page .toolbar-right,
  .gem-scanner-page .table-tools {
    width: 100% !important;
  }

  .gem-scanner-page .table-tools {
    align-items: flex-start !important;
  }
}

/* ============================================================
   GEM SCANNER V2.3 — STRUCTURE FALLBACK
   ============================================================ */

.page-content > .page-shell .gem-scanner-intro .hero-title {
  font-size: clamp(14px, 1.12vw, 18px) !important;
  line-height: 1.28 !important;
  margin: 0 !important;
}

.page-content > .page-shell > .scanner-card {
  background:
    linear-gradient(180deg, rgba(8,17,27,.98), rgba(5,11,18,.99)) !important;
  color: #e3efff !important;
}

.page-content > .page-shell > .scanner-card .table-shell {
  background: rgba(5,11,18,.985) !important;
}

.page-content > .page-shell > .scanner-card .table-tools {
  background: rgba(8,17,27,.97) !important;
}

.page-content > .page-shell > .scanner-card .table-scroll,
.page-content > .page-shell > .scanner-card table {
  background: #061019 !important;
}

.page-content > .page-shell .gem-info-collapse {
  background: rgba(5,12,19,.78) !important;
}

.page-content > .page-shell .gem-info-collapse > summary {
  background: rgba(8,17,26,.94) !important;
  color: #dcecf2 !important;
}

/* ============================================================
   GEM SCANNER V2.3 — FIT TABLE WITHOUT HORIZONTAL SCROLL
   ============================================================ */

.gem-scanner-page .table-scroll {
  width: 100% !important;
  overflow-x: hidden !important;
}

.gem-scanner-page table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

/* 7 columns = 100% */
.gem-scanner-page th:nth-child(1),
.gem-scanner-page td:nth-child(1) {
  width: 16% !important;
}

.gem-scanner-page th:nth-child(2),
.gem-scanner-page td:nth-child(2) {
  width: 12% !important;
}

.gem-scanner-page th:nth-child(3),
.gem-scanner-page td:nth-child(3) {
  width: 14% !important;
}

.gem-scanner-page th:nth-child(4),
.gem-scanner-page td:nth-child(4) {
  width: 13% !important;
}

.gem-scanner-page th:nth-child(5),
.gem-scanner-page td:nth-child(5) {
  width: 13% !important;
}

.gem-scanner-page th:nth-child(6),
.gem-scanner-page td:nth-child(6) {
  width: 14% !important;
}

.gem-scanner-page th:nth-child(7),
.gem-scanner-page td:nth-child(7) {
  width: 18% !important;
}

.gem-scanner-page th,
.gem-scanner-page td {
  min-width: 0 !important;
  padding: clamp(7px,.65vw,11px) clamp(4px,.5vw,8px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  font-size: clamp(8px,.68vw,11px) !important;
}

.gem-scanner-page th {
  font-size: clamp(7px,.62vw,9px) !important;
  white-space: nowrap !important;
}

/* All cell content must stay inside its own column */
.gem-scanner-page td *,
.gem-scanner-page th * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.gem-scanner-page .coin-name,
.gem-scanner-page .trigger-label {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.gem-scanner-page .reason-note,
.gem-scanner-page .score-meta,
.gem-scanner-page .signal-note,
.gem-scanner-page .price-note,
.gem-scanner-page .ratio-note,
.gem-scanner-page .trigger-note {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.3 !important;
  font-size: clamp(7px,.56vw,9px) !important;
}

.gem-scanner-page .score-main {
  font-size: clamp(14px,1.05vw,18px) !important;
}

.gem-scanner-page .metric-strip {
  gap: 3px !important;
}

.gem-scanner-page .metric-chip {
  min-height: 18px !important;
  padding: 1px 4px !important;
  font-size: clamp(6px,.5vw,8px) !important;
}

.gem-scanner-page .signal-pill {
  min-height: 25px !important;
  padding: 4px 6px !important;
  font-size: clamp(7px,.55vw,9px) !important;
  white-space: nowrap !important;
}

.gem-scanner-page .badge {
  min-height: 24px !important;
  padding: 4px 7px !important;
  font-size: clamp(7px,.55vw,9px) !important;
}

/* Laptop widths: remove secondary details before forcing a scrollbar */
@media (max-width: 1250px) {
  .gem-scanner-page th,
  .gem-scanner-page td {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .gem-scanner-page .reason-note {
    font-size: 7px !important;
  }

  .gem-scanner-page .metric-chip {
    font-size: 6px !important;
  }
}

/* Narrow screens: preserve all 7 primary columns, trim only helper text */
@media (max-width: 1000px) {
  .gem-scanner-page td:nth-child(1) .reason-note,
  .gem-scanner-page td:nth-child(3) .price-note,
  .gem-scanner-page td:nth-child(4) .score-meta,
  .gem-scanner-page td:nth-child(5) .ratio-note,
  .gem-scanner-page td:nth-child(6) .signal-note,
  .gem-scanner-page td:nth-child(7) .trigger-note {
    display: none !important;
  }

  .gem-scanner-page .coin-link {
    font-size: 7px !important;
  }

  .gem-scanner-page .metric-chip:nth-child(n/**/+4) {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .gem-scanner-page th,
  .gem-scanner-page td {
    padding: 5px 2px !important;
    font-size: 7px !important;
  }

  .gem-scanner-page th {
    font-size: 6px !important;
  }

  .gem-scanner-page .coin-link {
    display: none !important;
  }

  .gem-scanner-page .signal-pill {
    padding: 3px 4px !important;
    font-size: 6px !important;
  }

  .gem-scanner-page .trigger-label {
    font-size: 7px !important;
  }
}

/* ============================================================
   NEW CRYPTO LISTINGS RADAR — STANDARD SITE SHELL / TOOL-FIRST
   ============================================================ */

.new-listings-page .page-content > .nlr-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 0 28px !important;
  box-sizing: border-box !important;
}

/* Compact main title */
.new-listings-page .nlr-seo-top--compact {
  padding: 12px 16px !important;
  border: 1px solid rgba(120,160,210,.15) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg,rgba(9,18,28,.96),rgba(6,12,20,.985)) !important;
}

.new-listings-page .nlr-seo-top--compact > h1 {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--tco-text-strong) !important;
  font-size: clamp(14px,1.15vw,18px) !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
}

/* Reusable collapsible info sections */
.new-listings-page .nlr-info-collapse {
  width: 100% !important;
  margin-top: 9px !important;
  border: 1px solid rgba(120,160,210,.14) !important;
  border-radius: var(--tco-radius-card) !important;
  background: rgba(5,12,19,.68) !important;
  overflow: hidden !important;
}

.new-listings-page .nlr-info-collapse > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 8px 38px 8px 12px !important;
  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
  background: rgba(8,17,27,.92) !important;
  color: #dcecf2 !important;
}

.new-listings-page .nlr-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.new-listings-page .nlr-info-collapse > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--tco-accent) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.new-listings-page .nlr-info-collapse[open] > summary::after {
  content: "−" !important;
}

.new-listings-page .nlr-info-collapse > summary > span {
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

.new-listings-page .nlr-info-collapse > summary > small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #748996 !important;
  font-size: 9px !important;
}

.new-listings-page .nlr-info-collapse__body {
  padding: 14px !important;
  border-top: 1px solid rgba(120,160,210,.11) !important;
  background: rgba(7,14,22,.95) !important;
}

.new-listings-page .nlr-info-collapse__eyebrow {
  margin: 0 0 8px !important;
  color: #8fa7b6 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.new-listings-page .nlr-info-collapse .nlr-seo-grid {
  margin-top: 12px !important;
}

.new-listings-page .nlr-usecase-collapse,
.new-listings-page .nlr-guide-collapse {
  margin-top: 10px !important;
}

/* Keep original guide JS compatible while native <details> handles visibility */
.new-listings-page .nlr-guide-collapse .nlr-guide-head {
  display: none !important;
}

.new-listings-page .nlr-guide-collapse .nlr-guide-body {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.new-listings-page .nlr-guide-collapse .nlr-guide {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Main app moves up and remains the focus */
.new-listings-page .nlr-status-row {
  margin-top: 12px !important;
}

.new-listings-page .nlr-sticky-top {
  margin-top: 12px !important;
}

@media (max-width:760px) {
  .new-listings-page .nlr-seo-top--compact > h1 {
    font-size: 13px !important;
  }

  .new-listings-page .nlr-info-collapse > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .new-listings-page .nlr-info-collapse > summary > small {
    width: calc(100% - 10px) !important;
  }
}

/* ============================================================
   NEW LISTINGS RADAR — NORMAL FLOW LAYOUT FIX
   Remove old sticky/fixed toolbar behavior and white gaps
   ============================================================ */

.new-listings-page,
.new-listings-page .page-content,
.new-listings-page .nlr-shell {
  background: transparent !important;
}

/* Toolbar should live in normal document flow */
.new-listings-page .nlr-sticky-top {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;

  width: 100% !important;
  max-width: none !important;

  margin: 12px 0 14px !important;
  padding: 0 !important;

  z-index: auto !important;
  transform: none !important;
}

.new-listings-page .nlr-sticky-panel {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;

  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;

  border: 1px solid rgba(120,160,210,.15) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(
      180deg,
      rgba(8,17,27,.985),
      rgba(5,11,18,.99)
    ) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
}

/* Filters stay compact and visible above the tables */
.new-listings-page .nlr-toolbar {
  display: grid !important;
  grid-template-columns:
    minmax(180px,1.5fr)
    repeat(6,minmax(105px,.72fr)) !important;
  gap: 8px !important;

  width: 100% !important;
  padding: 12px !important;
}

.new-listings-page .nlr-field {
  min-width: 0 !important;
  width: 100% !important;
}

.new-listings-page .nlr-field input,
.new-listings-page .nlr-field select {
  width: 100% !important;
  min-width: 0 !important;
}

/* Source pills + actions directly under filters */
.new-listings-page .nlr-controls {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  padding: 0 12px 12px !important;
}

.new-listings-page .nlr-meta {
  min-width: 0 !important;
}

.new-listings-page .nlr-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 7px !important;
}

.new-listings-page .nlr-actions .nlr-btn {
  width: auto !important;
  min-width: 110px !important;
  margin: 0 !important;
}

/* Tables start immediately after toolbar */
.new-listings-page .nlr-layout {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove any min-height / viewport filler from old layout */
.new-listings-page .nlr-shell,
.new-listings-page .nlr-layout,
.new-listings-page .nlr-sticky-top,
.new-listings-page .nlr-sticky-panel {
  min-height: 0 !important;
  height: auto !important;
}

/* Main tracker/favorites panels remain dark */
.new-listings-page .nlr-panel {
  background:
    linear-gradient(
      180deg,
      rgba(9,18,29,.97),
      rgba(6,12,20,.99)
    ) !important;
  border-color: rgba(120,160,210,.15) !important;
}

/* Responsive layout */
@media (max-width: 1250px) {
  .new-listings-page .nlr-toolbar {
    grid-template-columns: repeat(4,minmax(120px,1fr)) !important;
  }

  .new-listings-page .nlr-toolbar .nlr-field:first-child {
    grid-column: span 2 !important;
  }
}

@media (max-width: 850px) {
  .new-listings-page .nlr-toolbar {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .new-listings-page .nlr-toolbar .nlr-field:first-child {
    grid-column: 1 / -1 !important;
  }

  .new-listings-page .nlr-controls {
    grid-template-columns: 1fr !important;
  }

  .new-listings-page .nlr-actions {
    flex-wrap: wrap !important;
  }

  .new-listings-page .nlr-actions .nlr-btn {
    flex: 1 1 140px !important;
  }
}

@media (max-width: 560px) {
  .new-listings-page .nlr-toolbar {
    grid-template-columns: 1fr !important;
  }

  .new-listings-page .nlr-toolbar .nlr-field:first-child {
    grid-column: auto !important;
  }
}

/* ============================================================
   NEW LISTINGS RADAR — WRAPPER/FAVORITES FALLBACK
   ============================================================ */

.page-content > .nlr-shell .nlr-seo-top--compact > h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(13px, 1.05vw, 17px) !important;
  line-height: 1.28 !important;
  color: var(--tco-text-strong) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.page-content > .nlr-shell .nlr-info-collapse > summary {
  color: #dcecf2 !important;
  opacity: 1 !important;
  background: rgba(8,17,27,.94) !important;
}

.page-content > .nlr-shell .nlr-info-collapse > summary > span {
  color: #dcecf2 !important;
  opacity: 1 !important;
}

.page-content > .nlr-shell .nlr-info-collapse > summary > small {
  color: #8197a4 !important;
  opacity: 1 !important;
}

.page-content > .nlr-shell .nlr-info-collapse__body,
.page-content > .nlr-shell .nlr-info-collapse__body * {
  opacity: 1 !important;
}

/* ============================================================
   NEW LISTINGS RADAR — FAV COLUMN ELLIPSIS FIX
   ============================================================ */

.new-listings-page .nlr-table th:nth-child(1),
.new-listings-page .nlr-table td:nth-child(1),
.page-content > .nlr-shell .nlr-table th:nth-child(1),
.page-content > .nlr-shell .nlr-table td:nth-child(1) {
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.new-listings-page .nlr-table td:nth-child(1) .nlr-fav-btn,
.page-content > .nlr-shell .nlr-table td:nth-child(1) .nlr-fav-btn {
  width: min(52px, 100%) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 6px !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .new-listings-page .nlr-table th:nth-child(1),
  .new-listings-page .nlr-table td:nth-child(1),
  .page-content > .nlr-shell .nlr-table th:nth-child(1),
  .page-content > .nlr-shell .nlr-table td:nth-child(1) {
    width: 9% !important;
  }

  .new-listings-page .nlr-table td:nth-child(1) .nlr-fav-btn,
  .page-content > .nlr-shell .nlr-table td:nth-child(1) .nlr-fav-btn {
    font-size: 10px !important;
    padding: 0 4px !important;
  }
}

/* ============================================================
   NEW LISTINGS RADAR — FAVORITES LIST MARKER FIX
   ============================================================ */

.new-listings-page #nlrFavoritesList,
.page-content > .nlr-shell #nlrFavoritesList {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
}

.new-listings-page #nlrFavoritesList > li,
.page-content > .nlr-shell #nlrFavoritesList > li {
  list-style: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
}

.new-listings-page #nlrFavoritesList > li::marker,
.page-content > .nlr-shell #nlrFavoritesList > li::marker {
  content: "" !important;
  font-size: 0 !important;
}

.new-listings-page #nlrFavoritesList > li::before,
.page-content > .nlr-shell #nlrFavoritesList > li::before {
  content: none !important;
  display: none !important;
}

/* ============================================================
   NEW LISTINGS RADAR — FEED COLUMN WIDTH FIX
   ============================================================ */

/* Redistribute table widths so FEED has enough room */
.new-listings-page .nlr-table,
.page-content > .nlr-shell .nlr-table {
  width: 100% !important;
  table-layout: fixed !important;
}

.new-listings-page .nlr-table th:nth-child(1),
.new-listings-page .nlr-table td:nth-child(1),
.page-content > .nlr-shell .nlr-table th:nth-child(1),
.page-content > .nlr-shell .nlr-table td:nth-child(1) {
  width: 7% !important;
}

.new-listings-page .nlr-table th:nth-child(2),
.new-listings-page .nlr-table td:nth-child(2),
.page-content > .nlr-shell .nlr-table th:nth-child(2),
.page-content > .nlr-shell .nlr-table td:nth-child(2) {
  width: 20% !important;
}

.new-listings-page .nlr-table th:nth-child(3),
.new-listings-page .nlr-table td:nth-child(3),
.page-content > .nlr-shell .nlr-table th:nth-child(3),
.page-content > .nlr-shell .nlr-table td:nth-child(3) {
  width: 22% !important;
}

.new-listings-page .nlr-table th:nth-child(4),
.new-listings-page .nlr-table td:nth-child(4),
.page-content > .nlr-shell .nlr-table th:nth-child(4),
.page-content > .nlr-shell .nlr-table td:nth-child(4) {
  width: 15% !important;
}

.new-listings-page .nlr-table th:nth-child(5),
.new-listings-page .nlr-table td:nth-child(5),
.page-content > .nlr-shell .nlr-table th:nth-child(5),
.page-content > .nlr-shell .nlr-table td:nth-child(5) {
  width: 17% !important;
}

.new-listings-page .nlr-table th:nth-child(6),
.new-listings-page .nlr-table td:nth-child(6),
.page-content > .nlr-shell .nlr-table th:nth-child(6),
.page-content > .nlr-shell .nlr-table td:nth-child(6) {
  width: 10% !important;
}

.new-listings-page .nlr-table th:nth-child(7),
.new-listings-page .nlr-table td:nth-child(7),
.page-content > .nlr-shell .nlr-table th:nth-child(7),
.page-content > .nlr-shell .nlr-table td:nth-child(7) {
  width: 9% !important;
}

/* FEED cell itself */
.new-listings-page .nlr-feed-cell,
.page-content > .nlr-shell .nlr-feed-cell {
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: normal !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.new-listings-page .nlr-source-stack,
.page-content > .nlr-shell .nlr-source-stack {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: flex-start !important;
}

.new-listings-page .nlr-feed-cell .nlr-pill,
.page-content > .nlr-shell .nlr-feed-cell .nlr-pill {
  display: inline-flex !important;
  
  
  min-width: 0 !important;
  padding: 3px 7px !important;
  
  
  
  font-size: 9px !important;
}

.new-listings-page .nlr-feed-meta,
.page-content > .nlr-shell .nlr-feed-meta {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 5px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  font-size: 9px !important;
}

/* Avoid generic td overflow rules clipping the feed content */
.new-listings-page .nlr-table td:nth-child(3) *,
.page-content > .nlr-shell .nlr-table td:nth-child(3) * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Medium width: keep FEED readable without causing horizontal scroll */
@media (max-width: 1050px) {
  .new-listings-page .nlr-table th:nth-child(3),
  .new-listings-page .nlr-table td:nth-child(3),
  .page-content > .nlr-shell .nlr-table th:nth-child(3),
  .page-content > .nlr-shell .nlr-table td:nth-child(3) {
    width: 24% !important;
  }

  .new-listings-page .nlr-table th:nth-child(2),
  .new-listings-page .nlr-table td:nth-child(2),
  .page-content > .nlr-shell .nlr-table th:nth-child(2),
  .page-content > .nlr-shell .nlr-table td:nth-child(2) {
    width: 18% !important;
  }

  .new-listings-page .nlr-feed-cell .nlr-pill,
  .page-content > .nlr-shell .nlr-feed-cell .nlr-pill {
    font-size: 8px !important;
    padding: 3px 5px !important;
  }

  .new-listings-page .nlr-feed-meta,
  .page-content > .nlr-shell .nlr-feed-meta {
    font-size: 8px !important;
  }
}

/* ============================================================
   NEW LISTINGS RADAR — FEED TABLE-CELL FIX
   The TD itself must stay a table-cell.
   ============================================================ */

.new-listings-page .nlr-table td.nlr-feed-cell,
.page-content > .nlr-shell .nlr-table td.nlr-feed-cell {
  display: table-cell !important;
  width: 22% !important;
  min-width: 0 !important;
  max-width: none !important;
  vertical-align: top !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* Flex belongs inside the TD, not on the TD itself */
.new-listings-page .nlr-feed-cell .nlr-source-stack,
.page-content > .nlr-shell .nlr-feed-cell .nlr-source-stack {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.new-listings-page .nlr-feed-cell .nlr-pill,
.page-content > .nlr-shell .nlr-feed-cell .nlr-pill {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.new-listings-page .nlr-feed-cell .nlr-feed-meta,
.page-content > .nlr-shell .nlr-feed-cell .nlr-feed-meta {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 5px !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-overflow: clip !important;
}

/* Keep FEED aligned with the header on narrower layouts too */
@media (max-width: 1050px) {
  .new-listings-page .nlr-table td.nlr-feed-cell,
  .page-content > .nlr-shell .nlr-table td.nlr-feed-cell {
    width: 24% !important;
  }
}

/* ============================================================
   NEW LISTINGS RADAR — TRACKER PILLS + ACTIONS ONE ROW
   ============================================================ */

.new-listings-page .nlr-controls,
.page-content > .nlr-shell .nlr-controls {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.new-listings-page .nlr-meta,
.page-content > .nlr-shell .nlr-meta {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.new-listings-page .nlr-meta .nlr-pill,
.page-content > .nlr-shell .nlr-meta .nlr-pill {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.new-listings-page .nlr-actions,
.page-content > .nlr-shell .nlr-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}

.new-listings-page .nlr-actions .nlr-btn,
.page-content > .nlr-shell .nlr-actions .nlr-btn {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* Medium screens: slightly tighter, still one line if possible */
@media (max-width: 1250px) {
  .new-listings-page .nlr-controls,
  .page-content > .nlr-shell .nlr-controls {
    gap: 6px !important;
  }

  .new-listings-page .nlr-meta,
  .page-content > .nlr-shell .nlr-meta {
    gap: 6px !important;
  }

  .new-listings-page .nlr-meta .nlr-pill,
  .page-content > .nlr-shell .nlr-meta .nlr-pill {
    font-size: 9px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .new-listings-page .nlr-actions .nlr-btn,
  .page-content > .nlr-shell .nlr-actions .nlr-btn {
    font-size: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* Narrow screens: allow wrapping instead of overflow */
@media (max-width: 900px) {
  .new-listings-page .nlr-controls,
  .page-content > .nlr-shell .nlr-controls {
    flex-wrap: wrap !important;
  }

  .new-listings-page .nlr-meta,
  .page-content > .nlr-shell .nlr-meta {
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  .new-listings-page .nlr-actions,
  .page-content > .nlr-shell .nlr-actions {
    flex-wrap: wrap !important;
  }
}

/* ============================================================
   GLOBAL GENERIC PAGE LAYOUT
   ============================================================ */

html,
body {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

.site-page-head {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-page-title {
  width: 100% !important;
  margin: 10px 0 8px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: 7px !important;
  background: rgba(8,16,23,.92) !important;
  color: #dce9ed !important;
  font-size: clamp(12px,1.05vw,16px) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.page-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.page-content > * {
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .site-page {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 620px) {
  .site-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ============================================================
   STOCK MARKET LIVE TERMINAL — STANDARD SITE SHELL
   ============================================================ */

.stock-terminal-page .page-content > .smlt-root {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.stock-terminal-page .smlt-info-collapse {
  width: 100% !important;
  margin: 10px 0 !important;
  border: 1px solid rgba(120,160,210,.14) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: rgba(5,12,19,.70) !important;
}

.stock-terminal-page .smlt-info-collapse > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 8px 38px 8px 12px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: rgba(8,17,27,.94) !important;
  color: #dcecf2 !important;
}

.stock-terminal-page .smlt-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.stock-terminal-page .smlt-info-collapse > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--tco-accent) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.stock-terminal-page .smlt-info-collapse[open] > summary::after {
  content: "−" !important;
}

.stock-terminal-page .smlt-info-collapse > summary > span {
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

.stock-terminal-page .smlt-info-collapse > summary > small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #748996 !important;
  font-size: 9px !important;
}

.stock-terminal-page .smlt-info-collapse__body {
  padding: 14px !important;
  border-top: 1px solid rgba(120,160,210,.11) !important;
  background: rgba(7,14,22,.95) !important;
}

/* Hide duplicated guide title because summary already names the section */
.stock-terminal-page .smlt-guide-collapse .smlt-guide-title {
  display: none !important;
}

.stock-terminal-page .smlt-guide-collapse .smlt-guide {
  margin: 0 !important;
}

/* Keep terminal visually first after a compact intro */
.stock-terminal-page .smlt-shell {
  margin-top: 10px !important;
}

/* Ensure full-width layout */
.stock-terminal-page .smlt-shell,
.stock-terminal-page .smlt-table-wrap,
.stock-terminal-page .smlt-toolbar,
.stock-terminal-page .smlt-stats,
.stock-terminal-page .smlt-meta {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  .stock-terminal-page .smlt-info-collapse > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .stock-terminal-page .smlt-info-collapse > summary > small {
    width: calc(100% - 10px) !important;
  }
}

/* ============================================================
   STOCK MARKET TERMINAL — FULL WIDTH INFO FIX
   ============================================================ */

.stock-terminal-page,
.stock-terminal-page .page-content,
.stock-terminal-page .smlt-root {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.stock-terminal-page .smlt-info-collapse,
.stock-terminal-page .smlt-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.stock-terminal-page .smlt-info-collapse__body .smlt-description {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.stock-terminal-page .smlt-info-collapse__body .smlt-description + .smlt-description {
  margin-top: 12px !important;
}

.stock-terminal-page .smlt-seo-title,
.stock-terminal-page .smlt-copy,
.stock-terminal-page .smlt-description {
  max-width: none !important;
}

.stock-terminal-page .smlt-shell,
.stock-terminal-page .smlt-guide,
.stock-terminal-page .smlt-toolbar,
.stock-terminal-page .smlt-presets,
.stock-terminal-page .smlt-stats,
.stock-terminal-page .smlt-meta,
.stock-terminal-page .smlt-table-wrap,
.stock-terminal-page .smlt-table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* ============================================================
   STOCK TERMINAL — PRESET BUTTONS ONE ROW
   ============================================================ */

.stock-terminal-page .smlt-presets {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  box-sizing: border-box !important;
}

.stock-terminal-page .smlt-presets::-webkit-scrollbar {
  display: none !important;
}

.stock-terminal-page .smlt-presets .smlt-chip {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 11px 10px !important;
  white-space: nowrap !important;
  text-align: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .stock-terminal-page .smlt-presets {
    gap: 7px !important;
  }

  .stock-terminal-page .smlt-presets .smlt-chip {
    font-size: 11px !important;
    padding: 9px 7px !important;
  }
}

@media (max-width: 620px) {
  .stock-terminal-page .smlt-presets .smlt-chip {
    flex: 0 0 auto !important;
    min-width: 110px !important;
  }
}

/* ============================================================
   LIVE MINING TERMINAL — FULL WIDTH INNER PAGE
   ============================================================ */

.mining-terminal-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.mining-terminal-page .mt-terminal,
.mining-terminal-page .mt-header,
.mining-terminal-page .mt-toolbar,
.mining-terminal-page .mt-note,
.mining-terminal-page .mt-stats,
.mining-terminal-page .mt-section-head,
.mining-terminal-page .mt-highlight-grid,
.mining-terminal-page .mt-table-wrap,
.mining-terminal-page .mt-table,
.mining-terminal-page .mt-info-collapse,
.mining-terminal-page .mt-info-collapse__body,
.mining-terminal-page .mt-desc {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.mining-terminal-page .mt-info-collapse {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mining-terminal-page .mt-info-collapse__body,
.mining-terminal-page .mt-desc {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep top controls compact and horizontal on desktop */
.mining-terminal-page .mt-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

.mining-terminal-page .mt-search {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.mining-terminal-page .mt-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
}

.mining-terminal-page .mt-actions .mt-btn {
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* Keep status badges in one line when space allows */
.mining-terminal-page .mt-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

@media (max-width: 900px) {
  .mining-terminal-page .mt-toolbar,
  .mining-terminal-page .mt-header {
    flex-wrap: wrap !important;
  }

  .mining-terminal-page .mt-badges {
    flex-wrap: wrap !important;
  }
}

/* ============================================================
   LIVE MINING TERMINAL — ABOUT SUMMARY VISIBILITY FIX
   ============================================================ */

.mining-terminal-page .mt-info-collapse {
  border: 1px solid var(--tco-border-strong) !important;
  background: rgba(7,14,22,.96) !important;
}

.mining-terminal-page .mt-info-collapse > summary {
  
  
  
  
  
  
  color: #eef7fa !important;
  opacity: 1 !important;
  line-height: 1.25 !important;
  
}

.mining-terminal-page .mt-info-collapse > summary > span {
  color: #eef7fa !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

.mining-terminal-page .mt-info-collapse > summary > small {
  
  
  
  
  text-shadow: none !important;
}

.mining-terminal-page .mt-info-collapse > summary::after {
  color: #00e6bd !important;
  opacity: 1 !important;
  font-size: 20px !important;
}

@media (max-width: 760px) {
  .mining-terminal-page .mt-info-collapse > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-height: 48px !important;
  }

  .mining-terminal-page .mt-info-collapse > summary > span,
  .mining-terminal-page .mt-info-collapse > summary > small {
    white-space: normal !important;
  }
}

/* ============================================================
   LIVE MINING TERMINAL — CLEAR EXPANDABLE BLOCKS
   ============================================================ */

.mining-terminal-page .mt-info-collapse--top {
  margin: 0 0 12px !important;
}

.mining-terminal-page .mt-info-collapse--bottom {
  margin: 12px 0 0 !important;
}

.mining-terminal-page .mt-info-collapse > summary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  background: rgba(7,16,25,.98) !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}

.mining-terminal-page .mt-info-collapse > summary::after {
  content: none !important;
  display: none !important;
}

.mining-terminal-page .mt-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.mining-terminal-page .mt-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  opacity: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mining-terminal-page .mt-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
}

.mining-terminal-page .mt-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: transform .18s ease !important;
}

.mining-terminal-page .mt-info-collapse[open] .mt-expand-arrow {
  transform: rotate(180deg) !important;
}

.mining-terminal-page .mt-info-collapse[open] > summary {
  border-bottom: 1px solid var(--tco-border-strong) !important;
}

@media (max-width: 820px) {
  .mining-terminal-page .mt-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .mining-terminal-page .mt-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }

  .mining-terminal-page .mt-expand-hint {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (max-width: 520px) {
  .mining-terminal-page .mt-expand-hint {
    font-size: 0 !important;
  }

  .mining-terminal-page .mt-expand-arrow {
    font-size: 16px !important;
  }
}

/* ============================================================
   HASHRATE FLEET MINING TERMINAL — STANDARD FULL WIDTH PAGE
   ============================================================ */

.hashrate-fleet-page,
.hashrate-fleet-page .terminal-shell,
.hashrate-fleet-page .header-row,
.hashrate-fleet-page .status-grid,
.hashrate-fleet-page .stats-grid,
.hashrate-fleet-page .toolbar-grid,
.hashrate-fleet-page .panel,
.hashrate-fleet-page .market-table-wrap,
.hashrate-fleet-page .market-table,
.hashrate-fleet-page .content-grid,
.hashrate-fleet-page .input-grid,
.hashrate-fleet-page .fleet-toolbar,
.hashrate-fleet-page .fleet-table-wrap,
.hashrate-fleet-page .fleet-table,
.hashrate-fleet-page .result-grid,
.hashrate-fleet-page .scenario-grid {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.hashrate-fleet-page {
  margin: 0 !important;
  padding: 0 !important;
}

.hashrate-fleet-page .terminal-shell {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Header buttons: one compact row on desktop */
.hashrate-fleet-page .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.hashrate-fleet-page .header-actions button {
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* Explicit expandable sections */
.hashrate-fleet-page .hf-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: rgba(7,14,22,.96) !important;
  box-sizing: border-box !important;
}

.hashrate-fleet-page .hf-info-collapse--top {
  margin-bottom: 12px !important;
}

.hashrate-fleet-page .hf-info-collapse--bottom {
  margin-top: 12px !important;
}

.hashrate-fleet-page .hf-info-collapse > summary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: rgba(7,16,25,.98) !important;
  color: var(--tco-text-strong) !important;
}

.hashrate-fleet-page .hf-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.hashrate-fleet-page .hf-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.hashrate-fleet-page .hf-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.hashrate-fleet-page .hf-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.hashrate-fleet-page .hf-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: transform .18s ease !important;
}

.hashrate-fleet-page .hf-info-collapse[open] .hf-expand-arrow {
  transform: rotate(180deg) !important;
}

.hashrate-fleet-page .hf-info-collapse[open] > summary {
  border-bottom: 1px solid var(--tco-border-strong) !important;
}

.hashrate-fleet-page .hf-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: rgba(7,14,22,.95) !important;
}

.hashrate-fleet-page .hf-info-collapse__body .gem-description,
.hashrate-fleet-page .hf-info-collapse__body .guide-shell,
.hashrate-fleet-page .hf-info-collapse__body .guide-grid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* The details summary already names the guide */
.hashrate-fleet-page .hf-info-collapse__body .guide-shell > .section-title {
  display: none !important;
}

/* Prevent wide mining tables from breaking the page */
.hashrate-fleet-page .market-table-wrap,
.hashrate-fleet-page .fleet-table-wrap {
  overflow-x: auto !important;
}

@media (max-width: 1000px) {
  .hashrate-fleet-page .header-row {
    flex-wrap: wrap !important;
  }

  .hashrate-fleet-page .header-actions {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 820px) {
  .hashrate-fleet-page .hf-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .hashrate-fleet-page .hf-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }

  .hashrate-fleet-page .hf-expand-hint {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (max-width: 520px) {
  .hashrate-fleet-page .hf-expand-hint {
    font-size: 0 !important;
  }

  .hashrate-fleet-page .hf-expand-arrow {
    font-size: 16px !important;
  }
}

/* ============================================================
   HASHRATE FLEET TERMINAL — OPAQUE DARK PANELS
   ============================================================ */

.hashrate-fleet-page .terminal-shell {
  background: #081019 !important;
  border: 1px solid var(--tco-border-strong) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.28) !important;
}

.hashrate-fleet-page .header-row {
  background: #0a131d !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-card) !important;
  padding: 14px !important;
}

.hashrate-fleet-page .status-grid .badge,
.hashrate-fleet-page .badge {
  background: #101a27 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
}

.hashrate-fleet-page .badge.live {
  background: #0a2a25 !important;
  border-color: rgba(0,220,180,.28) !important;
}

.hashrate-fleet-page .badge.warning {
  background: #2a2110 !important;
}

.hashrate-fleet-page .badge.error {
  background: #2b1418 !important;
}

.hashrate-fleet-page .stat-card,
.hashrate-fleet-page .panel,
.hashrate-fleet-page .guide-card {
  background: #0b141e !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.hashrate-fleet-page .toolbar-grid,
.hashrate-fleet-page .fleet-toolbar,
.hashrate-fleet-page .summary-grid,
.hashrate-fleet-page .result-grid,
.hashrate-fleet-page .scenario-grid,
.hashrate-fleet-page .input-grid {
  background: transparent !important;
}

.hashrate-fleet-page input,
.hashrate-fleet-page select,
.hashrate-fleet-page textarea {
  background: #0a141f !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
}

.hashrate-fleet-page input::placeholder,
.hashrate-fleet-page textarea::placeholder {
  color: #6f8490 !important;
  opacity: 1 !important;
}

.hashrate-fleet-page .market-table-wrap,
.hashrate-fleet-page .fleet-table-wrap {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

.hashrate-fleet-page .market-table,
.hashrate-fleet-page .fleet-table {
  background: var(--tco-surface) !important;
}

.hashrate-fleet-page .market-table thead th,
.hashrate-fleet-page .fleet-table thead th {
  background: #0b1722 !important;
  color: #cfdce1 !important;
}

.hashrate-fleet-page .market-table tbody td,
.hashrate-fleet-page .fleet-table tbody td {
  background: #0a131c !important;
  border-color: rgba(255,255,255,.05) !important;
}

.hashrate-fleet-page .market-table tbody tr:nth-child(even) td,
.hashrate-fleet-page .fleet-table tbody tr:nth-child(even) td {
  background: #0c1620 !important;
}

.hashrate-fleet-page .market-table tbody tr:hover td,
.hashrate-fleet-page .market-table tbody tr.is-active td {
  background: #0d2426 !important;
}

.hashrate-fleet-page .secondary-btn,
.hashrate-fleet-page .ghost-btn,
.hashrate-fleet-page .fleet-remove {
  background: #111b27 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #e5eef2 !important;
  opacity: 1 !important;
}

.hashrate-fleet-page .secondary-btn:hover,
.hashrate-fleet-page .ghost-btn:hover,
.hashrate-fleet-page .fleet-remove:hover {
  background: #162331 !important;
}

.hashrate-fleet-page .helper-text,
.hashrate-fleet-page .panel-note,
.hashrate-fleet-page .subtitle,
.hashrate-fleet-page .stat-note,
.hashrate-fleet-page .coin-cell-sub {
  color: #8da2ad !important;
  opacity: 1 !important;
}

.hashrate-fleet-page .title,
.hashrate-fleet-page .section-title,
.hashrate-fleet-page .stat-value,
.hashrate-fleet-page .coin-cell-title {
  color: #eef6f8 !important;
  opacity: 1 !important;
}

.hashrate-fleet-page .hf-info-collapse,
.hashrate-fleet-page .hf-info-collapse__body {
  background: var(--tco-surface) !important;
}

/* ============================================================
   TOKEN TERMINAL — STRUCTURE + LAYOUT CORRECTION
   ============================================================ */

.token-terminal-page,
.token-terminal-page > .tt-embed {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* The application itself must remain a self-contained terminal */
.token-terminal-page .tt-app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: #07111b !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

/* Restore intended topbar proportions */
.token-terminal-page .tt-topbar {
  display: grid !important;
  grid-template-columns: auto minmax(320px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px !important;
  background: var(--tco-surface-alt) !important;
  box-sizing: border-box !important;
}

.token-terminal-page .tt-logo {
  width: auto !important;
  white-space: nowrap !important;
}

.token-terminal-page .tt-searchbar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.token-terminal-page .tt-searchbar .tt-input,
.token-terminal-page .tt-searchbar .tt-btn {
  width: auto !important;
  min-width: 0 !important;
}

.token-terminal-page .tt-ticker {
  width: auto !important;
  min-width: 90px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Main area: result list left, selected-token panel right */
.token-terminal-page .tt-main {
  display: grid !important;
  grid-template-columns: minmax(280px, 34%) minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  background: #07111b !important;
}

.token-terminal-page .tt-watchlist,
.token-terminal-page .tt-panel {
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.token-terminal-page .tt-panel {
  background: transparent !important;
}

/* Keep panel pieces opaque */
.token-terminal-page .tt-panel-box,
.token-terminal-page .tt-stat,
.token-terminal-page .tt-result,
.token-terminal-page .tt-recent {
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  opacity: 1 !important;
}

/* Stats are four equal cards */
.token-terminal-page .tt-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

/* Converter row */
.token-terminal-page .tt-actions {
  display: grid !important;
  grid-template-columns: minmax(180px,1fr) 120px auto auto !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface-alt) !important;
}

.token-terminal-page .tt-actions .tt-input,
.token-terminal-page .tt-actions .tt-select,
.token-terminal-page .tt-actions .tt-btn {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Inputs/buttons should not become giant full-width strips accidentally */
.token-terminal-page .tt-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  white-space: nowrap !important;
}

/* Expandable info sections */
.token-terminal-page .tt-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.token-terminal-page .tt-info-collapse--top {
  margin-bottom: 12px !important;
}

.token-terminal-page .tt-info-collapse--bottom {
  margin-top: 12px !important;
}

.token-terminal-page .tt-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  background: var(--tco-surface-deep) !important;
  box-sizing: border-box !important;
}

.token-terminal-page .tt-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.token-terminal-page .tt-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.token-terminal-page .tt-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.token-terminal-page .tt-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.token-terminal-page .tt-expand-arrow {
  display: inline-block !important;
  transition: transform .18s ease !important;
}

.token-terminal-page .tt-info-collapse[open] .tt-expand-arrow {
  transform: rotate(180deg) !important;
}

.token-terminal-page .tt-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

/* Entire intro/guide stays inside details and uses full width */
.token-terminal-page .tt-info-collapse__body > .tt-box {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: var(--tco-surface-hover) !important;
}

.token-terminal-page .tt-info-collapse__body .tt-eyebrow {
  display: none !important;
}

/* Keep SEO heading compact inside expanded About */
.token-terminal-page .tt-info-collapse__body .tt-seo-title {
  font-size: clamp(18px, 2vw, 28px) !important;
  line-height: 1.15 !important;
  margin: 0 0 10px !important;
}

@media (max-width: 980px) {
  .token-terminal-page .tt-topbar {
    grid-template-columns: 1fr !important;
  }

  .token-terminal-page .tt-main {
    grid-template-columns: 1fr !important;
  }

  .token-terminal-page .tt-actions {
    grid-template-columns: 1fr 120px !important;
  }

  .token-terminal-page .tt-actions .tt-btn {
    width: 100% !important;
  }
}

@media (max-width: 700px) {
  .token-terminal-page .tt-searchbar {
    grid-template-columns: 1fr 1fr !important;
  }

  .token-terminal-page .tt-searchbar .tt-input {
    grid-column: 1 / -1 !important;
  }

  .token-terminal-page .tt-stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .token-terminal-page .tt-actions {
    grid-template-columns: 1fr !important;
  }

  .token-terminal-page .tt-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
  }

  .token-terminal-page .tt-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   CRYPTO COIN CONVERTER — STANDARD FULL WIDTH PAGE
   ============================================================ */

.crypto-converter-page,
.crypto-converter-page .cc-terminal,
.crypto-converter-page .cc-header,
.crypto-converter-page .cc-toolbar,
.crypto-converter-page .cc-grid,
.crypto-converter-page .cc-panel,
.crypto-converter-page .cc-result,
.crypto-converter-page .cc-coin-card {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.crypto-converter-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque terminal */
.crypto-converter-page .cc-terminal {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

.crypto-converter-page .cc-header,
.crypto-converter-page .cc-toolbar,
.crypto-converter-page .cc-panel,
.crypto-converter-page .cc-result,
.crypto-converter-page .cc-coin-card,
.crypto-converter-page .cc-notice {
  background: var(--tco-surface-alt) !important;
  border-color: rgba(255,255,255,.07) !important;
  opacity: 1 !important;
}

/* Header */
.crypto-converter-page .cc-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  padding: 14px !important;
}

.crypto-converter-page .cc-title-wrap {
  min-width: 0 !important;
}

.crypto-converter-page .cc-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.crypto-converter-page .cc-pill {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* Toolbar */
.crypto-converter-page .cc-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  padding: 12px !important;
}

.crypto-converter-page .cc-toolbar-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.crypto-converter-page .cc-toolbar-group:first-child {
  flex: 1 1 auto !important;
}

.crypto-converter-page .cc-toolbar-group:first-child .cc-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.crypto-converter-page .cc-toolbar-group:last-child {
  flex: 0 0 auto !important;
}

/* Main converter grid */
.crypto-converter-page .cc-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 1fr) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.crypto-converter-page .cc-panel {
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

/* Inputs */
.crypto-converter-page .cc-input,
.crypto-converter-page .cc-select {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

.crypto-converter-page .cc-input::placeholder {
  color: #718692 !important;
  opacity: 1 !important;
}

.crypto-converter-page .cc-btn {
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* Expandable information */
.crypto-converter-page .cc-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.crypto-converter-page .cc-info-collapse--top {
  margin-bottom: 12px !important;
}

.crypto-converter-page .cc-info-collapse--bottom {
  margin-top: 12px !important;
}

.crypto-converter-page .cc-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.crypto-converter-page .cc-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.crypto-converter-page .cc-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.crypto-converter-page .cc-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.crypto-converter-page .cc-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.crypto-converter-page .cc-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.crypto-converter-page .cc-info-collapse[open] .cc-expand-arrow {
  transform: rotate(180deg) !important;
}

.crypto-converter-page .cc-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.crypto-converter-page .cc-info-collapse__body .cc-desc {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.crypto-converter-page .cc-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.crypto-converter-page .cc-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.crypto-converter-page .cc-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.crypto-converter-page .cc-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  .crypto-converter-page .cc-header,
  .crypto-converter-page .cc-toolbar {
    flex-wrap: wrap !important;
  }

  .crypto-converter-page .cc-badges {
    flex-wrap: wrap !important;
  }

  .crypto-converter-page .cc-grid {
    grid-template-columns: 1fr !important;
  }

  .crypto-converter-page .cc-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 720px) {
  .crypto-converter-page .cc-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .crypto-converter-page .cc-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }

  .crypto-converter-page .cc-guide-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   CRYPTO GAS TRACKER — STANDARD FULL WIDTH PAGE
   ============================================================ */

.crypto-gas-page,
.crypto-gas-page .gas-widget,
.crypto-gas-page .gas-header,
.crypto-gas-page .gas-table-wrap,
.crypto-gas-page .gas-table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.crypto-gas-page {
  margin: 0 !important;
  padding: 0 !important;
}

.crypto-gas-page .gas-widget {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

/* Header */
.crypto-gas-page .gas-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  background: var(--tco-surface-alt) !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
}

.crypto-gas-page .gas-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.crypto-gas-page .gas-pill,
.crypto-gas-page #gasUpdated {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* Notice */
.crypto-gas-page .gas-notice {
  margin: 12px !important;
  padding: 10px 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

/* Table */
.crypto-gas-page .gas-table-wrap {
  overflow-x: auto !important;
  background: var(--tco-surface) !important;
}

.crypto-gas-page .gas-table {
  min-width: 760px !important;
  background: var(--tco-surface) !important;
}

.crypto-gas-page .gas-row {
  display: grid !important;
  grid-template-columns: minmax(180px,1.5fr) repeat(3,minmax(110px,.8fr)) minmax(110px,.8fr) !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #0a131c !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.crypto-gas-page .gas-row:nth-child(even) {
  background: #0c1620 !important;
}

.crypto-gas-page .gas-row-head {
  background: #0b1722 !important;
  color: #cfdce1 !important;
  font-weight: 700 !important;
}

.crypto-gas-page .gas-row > div {
  min-width: 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

.crypto-gas-page .gas-network-name {
  color: #eef6f8 !important;
  opacity: 1 !important;
}

.crypto-gas-page .gas-source {
  opacity: 1 !important;
}

/* Expandable blocks */
.crypto-gas-page .gas-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.crypto-gas-page .gas-info-collapse--top {
  margin-bottom: 12px !important;
}

.crypto-gas-page .gas-info-collapse--bottom {
  margin-top: 12px !important;
}

.crypto-gas-page .gas-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.crypto-gas-page .gas-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.crypto-gas-page .gas-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.crypto-gas-page .gas-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.crypto-gas-page .gas-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.crypto-gas-page .gas-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.crypto-gas-page .gas-info-collapse[open] .gas-expand-arrow {
  transform: rotate(180deg) !important;
}

.crypto-gas-page .gas-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.crypto-gas-page .gas-info-copy {
  color: #a4b6bf !important;
  line-height: 1.6 !important;
}

.crypto-gas-page .gas-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.crypto-gas-page .gas-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.crypto-gas-page .gas-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.crypto-gas-page .gas-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  .crypto-gas-page .gas-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .crypto-gas-page .gas-meta {
    flex-wrap: wrap !important;
  }

  .crypto-gas-page .gas-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 720px) {
  .crypto-gas-page .gas-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .crypto-gas-page .gas-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }

  .crypto-gas-page .gas-guide-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   MARKET CAP CALCULATOR — STANDARD FULL WIDTH PAGE
   ============================================================ */

.market-cap-calculator-page,
.market-cap-calculator-page .mc-shell,
.market-cap-calculator-page .mc-header,
.market-cap-calculator-page .mc-grid,
.market-cap-calculator-page .mc-result {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.market-cap-calculator-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque calculator */
.market-cap-calculator-page .mc-shell {
  margin: 0 !important;
  padding: 14px !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

.market-cap-calculator-page .mc-header,
.market-cap-calculator-page .mc-field,
.market-cap-calculator-page .mc-result {
  background: var(--tco-surface-alt) !important;
  border-color: rgba(255,255,255,.07) !important;
  opacity: 1 !important;
}

/* Header */
.market-cap-calculator-page .mc-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.market-cap-calculator-page .mc-title-wrap {
  min-width: 0 !important;
}

.market-cap-calculator-page .mc-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.market-cap-calculator-page .mc-pill {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* Inputs */
.market-cap-calculator-page .mc-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

.market-cap-calculator-page .mc-field {
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.market-cap-calculator-page .mc-input {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

.market-cap-calculator-page .mc-input::placeholder {
  color: #718692 !important;
  opacity: 1 !important;
}

/* Action */
.market-cap-calculator-page .mc-actions {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.market-cap-calculator-page .mc-btn {
  width: auto !important;
  min-width: 110px !important;
  white-space: nowrap !important;
}

/* Result */
.market-cap-calculator-page .mc-result {
  margin-top: 12px !important;
  padding: 16px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.market-cap-calculator-page .mc-result-value {
  color: #eef6f8 !important;
  opacity: 1 !important;
}

.market-cap-calculator-page .mc-help,
.market-cap-calculator-page .mc-formula,
.market-cap-calculator-page .mc-result-compact {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

/* Expandable information */
.market-cap-calculator-page .mc-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.market-cap-calculator-page .mc-info-collapse--top {
  margin-bottom: 12px !important;
}

.market-cap-calculator-page .mc-info-collapse--bottom {
  margin-top: 12px !important;
}

.market-cap-calculator-page .mc-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.market-cap-calculator-page .mc-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.market-cap-calculator-page .mc-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.market-cap-calculator-page .mc-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.market-cap-calculator-page .mc-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.market-cap-calculator-page .mc-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.market-cap-calculator-page .mc-info-collapse[open] .mc-expand-arrow {
  transform: rotate(180deg) !important;
}

.market-cap-calculator-page .mc-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.market-cap-calculator-page .mc-info-collapse__body .mc-desc {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.market-cap-calculator-page .mc-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.market-cap-calculator-page .mc-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.market-cap-calculator-page .mc-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.market-cap-calculator-page .mc-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 900px) {
  .market-cap-calculator-page .mc-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .market-cap-calculator-page .mc-badges {
    flex-wrap: wrap !important;
  }

  .market-cap-calculator-page .mc-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .market-cap-calculator-page .mc-grid {
    grid-template-columns: 1fr !important;
  }

  .market-cap-calculator-page .mc-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .market-cap-calculator-page .mc-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .market-cap-calculator-page .mc-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   PRO AIRDROP TRACKER — STANDARD FULL WIDTH PAGE
   ============================================================ */

.airdrop-tracker-page,
.airdrop-tracker-page .controls,
.airdrop-tracker-page .table-wrap,
.airdrop-tracker-page table,
.airdrop-tracker-page .footer {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.airdrop-tracker-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Header */
.airdrop-tracker-page > .header {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 12px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface-alt) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  color: #eef6f8 !important;
  opacity: 1 !important;
}

/* Controls in one compact row on desktop */
.airdrop-tracker-page .controls {
  display: grid !important;
  grid-template-columns: minmax(220px,1fr) minmax(150px,.32fr) minmax(170px,.35fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
}

.airdrop-tracker-page .controls input,
.airdrop-tracker-page .controls select,
.airdrop-tracker-page .controls button {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.airdrop-tracker-page .controls input,
.airdrop-tracker-page .controls select {
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
}

.airdrop-tracker-page .controls input::placeholder {
  color: #718692 !important;
  opacity: 1 !important;
}

.airdrop-tracker-page .controls button {
  white-space: nowrap !important;
  background: #0f1c28 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #e7f0f3 !important;
}

/* Table */
.airdrop-tracker-page .table-wrap {
  overflow-x: auto !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
}

.airdrop-tracker-page table {
  min-width: 900px !important;
  border-collapse: collapse !important;
  background: var(--tco-surface) !important;
}

.airdrop-tracker-page thead th {
  background: #0b1722 !important;
  color: #cfdce1 !important;
  border-color: var(--tco-border-mid) !important;
  opacity: 1 !important;
}

.airdrop-tracker-page tbody td {
  background: #0a131c !important;
  color: var(--tco-text) !important;
  border-color: rgba(255,255,255,.05) !important;
  opacity: 1 !important;
}

.airdrop-tracker-page tbody tr:nth-child(even) td {
  background: #0c1620 !important;
}

.airdrop-tracker-page tbody tr:hover td {
  background: #0d2026 !important;
}

.airdrop-tracker-page .small {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

.airdrop-tracker-page .status,
.airdrop-tracker-page .tag {
  opacity: 1 !important;
}

/* Footer */
.airdrop-tracker-page .footer {
  margin-top: 10px !important;
  padding: 10px 12px !important;
  background: var(--tco-surface-alt) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

/* Expandable blocks */
.airdrop-tracker-page .airdrop-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.airdrop-tracker-page .airdrop-info-collapse--top {
  margin-bottom: 12px !important;
}

.airdrop-tracker-page .airdrop-info-collapse--bottom {
  margin-top: 12px !important;
}

.airdrop-tracker-page .airdrop-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.airdrop-tracker-page .airdrop-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.airdrop-tracker-page .airdrop-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.airdrop-tracker-page .airdrop-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.airdrop-tracker-page .airdrop-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.airdrop-tracker-page .airdrop-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.airdrop-tracker-page .airdrop-info-collapse[open] .airdrop-expand-arrow {
  transform: rotate(180deg) !important;
}

.airdrop-tracker-page .airdrop-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.airdrop-tracker-page .airdrop-info-copy {
  color: #a4b6bf !important;
  line-height: 1.6 !important;
}

.airdrop-tracker-page .airdrop-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.airdrop-tracker-page .airdrop-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.airdrop-tracker-page .airdrop-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.airdrop-tracker-page .airdrop-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  .airdrop-tracker-page .controls {
    grid-template-columns: 1fr 1fr !important;
  }

  .airdrop-tracker-page .controls input {
    grid-column: 1 / -1 !important;
  }

  .airdrop-tracker-page .airdrop-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .airdrop-tracker-page .controls {
    grid-template-columns: 1fr !important;
  }

  .airdrop-tracker-page .controls input {
    grid-column: auto !important;
  }

  .airdrop-tracker-page .airdrop-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .airdrop-tracker-page .airdrop-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .airdrop-tracker-page .airdrop-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ARBITRAGE SCANNER — STANDARD FULL WIDTH PAGE
   ============================================================ */

.arbitrage-scanner-page,
.arbitrage-scanner-page .scanner-app,
.arbitrage-scanner-page .page,
.arbitrage-scanner-page .shell,
.arbitrage-scanner-page .topbar,
.arbitrage-scanner-page .status-grid,
.arbitrage-scanner-page .stat-grid,
.arbitrage-scanner-page .toolbar,
.arbitrage-scanner-page .alert-shell,
.arbitrage-scanner-page .table-panel,
.arbitrage-scanner-page .table-wrap,
.arbitrage-scanner-page table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.arbitrage-scanner-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque shell */
.arbitrage-scanner-page .shell {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

.arbitrage-scanner-page .topbar,
.arbitrage-scanner-page .alert-shell,
.arbitrage-scanner-page .table-panel,
.arbitrage-scanner-page .card,
.arbitrage-scanner-page .summary {
  background: var(--tco-surface-alt) !important;
  border-color: rgba(255,255,255,.07) !important;
  opacity: 1 !important;
}

/* Topbar and actions */
.arbitrage-scanner-page .topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
}

.arbitrage-scanner-page .actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.arbitrage-scanner-page .actions button {
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* Status badges */
.arbitrage-scanner-page .status-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
}

.arbitrage-scanner-page .badge {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
}

/* Filters */
.arbitrage-scanner-page .toolbar {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(150px,1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
  background: var(--tco-surface) !important;
}

.arbitrage-scanner-page .field,
.arbitrage-scanner-page .toggle {
  min-width: 0 !important;
}

.arbitrage-scanner-page input,
.arbitrage-scanner-page select {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

/* Table */
.arbitrage-scanner-page .table-wrap {
  overflow-x: auto !important;
  background: var(--tco-surface) !important;
}

.arbitrage-scanner-page table {
  min-width: 1180px !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  background: var(--tco-surface) !important;
}

.arbitrage-scanner-page thead th {
  background: #0b1722 !important;
  color: #cfdce1 !important;
  border-color: var(--tco-border-mid) !important;
}

.arbitrage-scanner-page tbody td {
  background: #0a131c !important;
  border-color: rgba(255,255,255,.05) !important;
  color: var(--tco-text) !important;
}

.arbitrage-scanner-page tbody tr:nth-child(even) td {
  background: #0c1620 !important;
}

.arbitrage-scanner-page tbody tr:hover td {
  background: #0d2026 !important;
}

/* Alert center */
.arbitrage-scanner-page .alert-shell,
.arbitrage-scanner-page .table-panel {
  margin-top: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
}

.arbitrage-scanner-page .alert-head,
.arbitrage-scanner-page .table-panel-header {
  padding: 12px !important;
}

.arbitrage-scanner-page .alert-list {
  background: var(--tco-surface) !important;
}

/* Expandable blocks */
.arbitrage-scanner-page .arb-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.arbitrage-scanner-page .arb-info-collapse--top {
  margin-bottom: 12px !important;
}

.arbitrage-scanner-page .arb-info-collapse--bottom {
  margin-top: 12px !important;
}

.arbitrage-scanner-page .arb-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.arbitrage-scanner-page .arb-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.arbitrage-scanner-page .arb-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.arbitrage-scanner-page .arb-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.arbitrage-scanner-page .arb-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.arbitrage-scanner-page .arb-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.arbitrage-scanner-page .arb-info-collapse[open] .arb-expand-arrow {
  transform: rotate(180deg) !important;
}

.arbitrage-scanner-page .arb-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.arbitrage-scanner-page .arb-info-collapse__body .hero,
.arbitrage-scanner-page .arb-info-collapse__body .guide,
.arbitrage-scanner-page .arb-info-collapse__body .guide-grid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.arbitrage-scanner-page .arb-info-collapse__body .hero-badge,
.arbitrage-scanner-page .arb-info-collapse__body .guide > .section-title {
  display: none !important;
}

@media (max-width: 1100px) {
  .arbitrage-scanner-page .toolbar {
    grid-template-columns: repeat(3, minmax(160px,1fr)) !important;
  }

  .arbitrage-scanner-page .status-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  .arbitrage-scanner-page .topbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .arbitrage-scanner-page .actions {
    flex-wrap: wrap !important;
  }

  .arbitrage-scanner-page .toolbar {
    grid-template-columns: 1fr !important;
  }

  .arbitrage-scanner-page .status-grid {
    grid-template-columns: 1fr !important;
  }

  .arbitrage-scanner-page .arb-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .arbitrage-scanner-page .arb-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   CRYPTO CONTRACT SCANNER — STANDARD FULL WIDTH PAGE
   ============================================================ */

.contract-scanner-page,
.contract-scanner-page .ccs-root,
.contract-scanner-page .ccs-container,
.contract-scanner-page .ccs-row,
.contract-scanner-page .ccs-status,
.contract-scanner-page .ccs-out,
.contract-scanner-page .ccs-card,
.contract-scanner-page .ccs-grid {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.contract-scanner-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque scanner shell */
.contract-scanner-page .ccs-root,
.contract-scanner-page .ccs-container {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  opacity: 1 !important;
}

.contract-scanner-page .ccs-container {
  padding: 14px !important;
}

/* Controls */
.contract-scanner-page .ccs-row {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) minmax(170px,.34fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.contract-scanner-page .ccs-token,
.contract-scanner-page .ccs-chain {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

.contract-scanner-page .ccs-token::placeholder {
  color: #718692 !important;
  opacity: 1 !important;
}

.contract-scanner-page .ccs-scan {
  width: auto !important;
  min-width: 110px !important;
  white-space: nowrap !important;
  background: #0f1c28 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #eef6f8 !important;
  opacity: 1 !important;
}

/* Status and output */
.contract-scanner-page .ccs-status {
  margin-top: 10px !important;
  padding: 10px 12px !important;
  background: var(--tco-surface-alt) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  color: #a8bac3 !important;
  opacity: 1 !important;
}

.contract-scanner-page .ccs-out {
  margin-top: 10px !important;
  background: var(--tco-surface) !important;
}

.contract-scanner-page .ccs-empty {
  padding: 16px !important;
  background: var(--tco-surface-alt) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

.contract-scanner-page .ccs-card {
  padding: 14px !important;
  background: var(--tco-surface-alt) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
  opacity: 1 !important;
}

.contract-scanner-page .ccs-big {
  padding: 12px !important;
  background: #0d1823 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  opacity: 1 !important;
}

.contract-scanner-page .ccs-subline,
.contract-scanner-page .ccs-note {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

.contract-scanner-page .ccs-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.contract-scanner-page .ccs-box {
  min-width: 0 !important;
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  overflow-wrap: anywhere !important;
}

.contract-scanner-page .ccs-box b {
  color: #eef6f8 !important;
}

.contract-scanner-page .ccs-span-3 {
  grid-column: 1 / -1 !important;
}

/* Expandable info */
.contract-scanner-page .ccs-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.contract-scanner-page .ccs-info-collapse--top {
  margin-bottom: 12px !important;
}

.contract-scanner-page .ccs-info-collapse--bottom {
  margin-top: 12px !important;
}

.contract-scanner-page .ccs-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.contract-scanner-page .ccs-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.contract-scanner-page .ccs-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.contract-scanner-page .ccs-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.contract-scanner-page .ccs-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.contract-scanner-page .ccs-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.contract-scanner-page .ccs-info-collapse[open] .ccs-expand-arrow {
  transform: rotate(180deg) !important;
}

.contract-scanner-page .ccs-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.contract-scanner-page .ccs-info-copy {
  color: #a4b6bf !important;
  line-height: 1.6 !important;
}

.contract-scanner-page .ccs-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.contract-scanner-page .ccs-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.contract-scanner-page .ccs-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.contract-scanner-page .ccs-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 900px) {
  .contract-scanner-page .ccs-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .contract-scanner-page .ccs-span-3 {
    grid-column: 1 / -1 !important;
  }

  .contract-scanner-page .ccs-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .contract-scanner-page .ccs-row {
    grid-template-columns: 1fr !important;
  }

  .contract-scanner-page .ccs-scan {
    width: 100% !important;
  }

  .contract-scanner-page .ccs-grid,
  .contract-scanner-page .ccs-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .contract-scanner-page .ccs-span-3 {
    grid-column: auto !important;
  }

  .contract-scanner-page .ccs-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .contract-scanner-page .ccs-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   CRYPTO PUMP DETECTOR — STANDARD FULL WIDTH PAGE
   ============================================================ */

.pump-detector-page,
.pump-detector-page .wrap,
.pump-detector-page .shell,
.pump-detector-page .top,
.pump-detector-page .hud,
.pump-detector-page .stats,
.pump-detector-page .alerts,
.pump-detector-page .grid,
.pump-detector-page .card,
.pump-detector-page .rows {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.pump-detector-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque terminal shell */
.pump-detector-page .shell {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

.pump-detector-page .top,
.pump-detector-page .stat,
.pump-detector-page .card,
.pump-detector-page .alert,
.pump-detector-page .row {
  background: var(--tco-surface-alt) !important;
  border-color: rgba(255,255,255,.07) !important;
  opacity: 1 !important;
}

/* Header */
.pump-detector-page .top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
}

.pump-detector-page .hud {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.pump-detector-page .pill {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* Statistics */
.pump-detector-page .stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

.pump-detector-page .stat {
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.pump-detector-page .s-label,
.pump-detector-page .s-note,
.pump-detector-page .note,
.pump-detector-page .meta,
.pump-detector-page .sym {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

.pump-detector-page .s-value,
.pump-detector-page .coin,
.pump-detector-page .price {
  color: #eef6f8 !important;
  opacity: 1 !important;
}

/* Alerts */
.pump-detector-page .alerts {
  padding: 0 12px 12px !important;
}

.pump-detector-page .alert {
  padding: 10px 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

/* Two main panels */
.pump-detector-page .grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
  padding: 0 12px 12px !important;
}

.pump-detector-page .card {
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
}

.pump-detector-page .head {
  padding: 12px !important;
  background: #0b1722 !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
}

.pump-detector-page .rows {
  background: var(--tco-surface) !important;
}

.pump-detector-page .row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.pump-detector-page .row:nth-child(even) {
  background: #0c1620 !important;
}

.pump-detector-page .row:hover {
  background: #0d2026 !important;
}

.pump-detector-page .right {
  min-width: 180px !important;
  text-align: right !important;
}

/* Expandable info */
.pump-detector-page .pump-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.pump-detector-page .pump-info-collapse--top {
  margin-bottom: 12px !important;
}

.pump-detector-page .pump-info-collapse--bottom {
  margin-top: 12px !important;
}

.pump-detector-page .pump-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.pump-detector-page .pump-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.pump-detector-page .pump-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.pump-detector-page .pump-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.pump-detector-page .pump-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.pump-detector-page .pump-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.pump-detector-page .pump-info-collapse[open] .pump-expand-arrow {
  transform: rotate(180deg) !important;
}

.pump-detector-page .pump-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.pump-detector-page .pump-info-collapse__body .desc {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.pump-detector-page .pump-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.pump-detector-page .pump-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.pump-detector-page .pump-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.pump-detector-page .pump-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  .pump-detector-page .top {
    flex-direction: column !important;
  }

  .pump-detector-page .hud {
    justify-content: flex-start !important;
  }

  .pump-detector-page .stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .pump-detector-page .pump-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  .pump-detector-page .grid,
  .pump-detector-page .stats,
  .pump-detector-page .pump-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .pump-detector-page .row {
    grid-template-columns: 1fr !important;
  }

  .pump-detector-page .right {
    min-width: 0 !important;
    text-align: left !important;
  }

  .pump-detector-page .pump-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .pump-detector-page .pump-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ARE YOU EARLY TERMINAL — STANDARD FULL WIDTH PAGE
   ============================================================ */

.are-you-early-page,
.are-you-early-page .page,
.are-you-early-page .terminal,
.are-you-early-page .header,
.are-you-early-page .badges,
.are-you-early-page .grid,
.are-you-early-page .box,
.are-you-early-page .rows,
.are-you-early-page .feed,
.are-you-early-page .log {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.are-you-early-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque terminal */
.are-you-early-page .terminal {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

.are-you-early-page .header,
.are-you-early-page .box,
.are-you-early-page .row,
.are-you-early-page .token,
.are-you-early-page .log {
  background: var(--tco-surface-alt) !important;
  border-color: rgba(255,255,255,.07) !important;
  opacity: 1 !important;
}

/* Header */
.are-you-early-page .header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
}

.are-you-early-page .badges {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.are-you-early-page .badge {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* Main 3-column workspace */
.are-you-early-page .grid {
  display: grid !important;
  grid-template-columns: minmax(280px, .9fr) minmax(320px, 1fr) minmax(320px, 1fr) !important;
  gap: 12px !important;
  padding: 12px !important;
}

.are-you-early-page .box {
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.are-you-early-page .box-title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

/* Search/actions */
.are-you-early-page .search {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

.are-you-early-page .search::placeholder {
  color: #718692 !important;
  opacity: 1 !important;
}

.are-you-early-page .actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.are-you-early-page .actions button {
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* Result rows */
.are-you-early-page .rows {
  margin-top: 10px !important;
  background: var(--tco-surface) !important;
  border-radius: var(--tco-radius) !important;
  overflow: hidden !important;
}

.are-you-early-page .row {
  display: grid !important;
  grid-template-columns: minmax(120px,.55fr) minmax(0,1fr) !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.are-you-early-page .row:nth-child(even) {
  background: #0c1620 !important;
}

.are-you-early-page .row span {
  color: var(--tco-text-dim) !important;
}

.are-you-early-page .row strong {
  color: #eef6f8 !important;
  overflow-wrap: anywhere !important;
}

/* Radar */
.are-you-early-page .feed {
  display: grid !important;
  gap: 8px !important;
}

.are-you-early-page .token {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  color: var(--tco-text) !important;
}

.are-you-early-page .token:hover {
  background: #0d2026 !important;
}

.are-you-early-page .token-meta,
.are-you-early-page .hint,
.are-you-early-page .meta-note,
.are-you-early-page .muted {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

/* Log */
.are-you-early-page .log {
  margin-top: 10px !important;
  padding: 10px !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
  max-height: 220px !important;
  overflow-y: auto !important;
}

/* Expandable info */
.are-you-early-page .ayet-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.are-you-early-page .ayet-info-collapse--top {
  margin-bottom: 12px !important;
}

.are-you-early-page .ayet-info-collapse--bottom {
  margin-top: 12px !important;
}

.are-you-early-page .ayet-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.are-you-early-page .ayet-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.are-you-early-page .ayet-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.are-you-early-page .ayet-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.are-you-early-page .ayet-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.are-you-early-page .ayet-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.are-you-early-page .ayet-info-collapse[open] .ayet-expand-arrow {
  transform: rotate(180deg) !important;
}

.are-you-early-page .ayet-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.are-you-early-page .ayet-info-collapse__body .description {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.are-you-early-page .ayet-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.are-you-early-page .ayet-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.are-you-early-page .ayet-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.are-you-early-page .ayet-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 1150px) {
  .are-you-early-page .grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .are-you-early-page .grid > .box:last-child {
    grid-column: 1 / -1 !important;
  }

  .are-you-early-page .ayet-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  .are-you-early-page .header {
    flex-direction: column !important;
  }

  .are-you-early-page .badges {
    justify-content: flex-start !important;
  }

  .are-you-early-page .grid,
  .are-you-early-page .ayet-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .are-you-early-page .grid > .box:last-child {
    grid-column: auto !important;
  }

  .are-you-early-page .actions {
    grid-template-columns: 1fr !important;
  }

  .are-you-early-page .row,
  .are-you-early-page .token {
    grid-template-columns: 1fr !important;
  }

  .are-you-early-page .ayet-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .are-you-early-page .ayet-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ULTRA PREMIUM MARKET TERMINAL — STANDARD FULL WIDTH PAGE
   ============================================================ */

.ultra-market-page,
.ultra-market-page .mc-desc,
.ultra-market-page .mc-shell,
.ultra-market-page .mc-header,
.ultra-market-page .mc-mode-row,
.ultra-market-page .mc-toolbar,
.ultra-market-page .mc-top-metrics,
.ultra-market-page .mc-table-card,
.ultra-market-page .mc-table-scroll,
.ultra-market-page .mc-table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.ultra-market-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque main panels */
.ultra-market-page .mc-desc,
.ultra-market-page .mc-shell,
.ultra-market-page .mc-header,
.ultra-market-page .mc-field,
.ultra-market-page .mc-result,
.ultra-market-page .mc-table-card,
.ultra-market-page .mc-empty {
  background: var(--tco-surface) !important;
  border-color: var(--tco-border-strong) !important;
  opacity: 1 !important;
}

.ultra-market-page .mc-desc,
.ultra-market-page .mc-shell {
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

.ultra-market-page .mc-desc {
  margin-bottom: 12px !important;
}

/* Visible live header */
.ultra-market-page .mc-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
}

.ultra-market-page .mc-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.ultra-market-page .mc-pill {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

.ultra-market-page .mc-status {
  margin: 0 14px 14px !important;
  background: var(--tco-surface-alt) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  color: #a8bac3 !important;
  opacity: 1 !important;
}

/* Modes */
.ultra-market-page .mc-mode-row {
  display: flex !important;
  gap: 8px !important;
  padding: 12px !important;
  background: var(--tco-surface-alt) !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
}

.ultra-market-page .mc-mode-row .mc-btn {
  width: auto !important;
  min-width: 110px !important;
  white-space: nowrap !important;
}

/* Toolbar */
.ultra-market-page .mc-toolbar {
  display: grid !important;
  grid-template-columns: minmax(250px,1.3fr) minmax(200px,.8fr) minmax(200px,.8fr) auto !important;
  gap: 10px !important;
  align-items: stretch !important;
  padding: 12px !important;
}

.ultra-market-page .mc-field {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.ultra-market-page .mc-input {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

.ultra-market-page .mc-input::placeholder {
  color: #718692 !important;
  opacity: 1 !important;
}

.ultra-market-page .mc-actions-inline {
  display: flex !important;
  align-items: stretch !important;
}

.ultra-market-page .mc-actions-inline .mc-btn {
  width: auto !important;
  min-width: 120px !important;
  height: 100% !important;
}

/* Metrics */
.ultra-market-page .mc-top-metrics {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 0 12px 12px !important;
}

.ultra-market-page .mc-result {
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.ultra-market-page .mc-result-value {
  color: #eef6f8 !important;
  opacity: 1 !important;
}

.ultra-market-page .mc-result-compact,
.ultra-market-page .mc-help,
.ultra-market-page .mc-subtitle {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

/* Table */
.ultra-market-page .mc-table-card {
  margin: 0 12px 12px !important;
  width: calc(100% - 24px) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
}

.ultra-market-page .mc-table-top {
  padding: 12px !important;
  background: #0b1722 !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
}

.ultra-market-page .mc-table-scroll {
  overflow-x: auto !important;
  background: var(--tco-surface) !important;
}

.ultra-market-page .mc-table {
  min-width: 1180px !important;
  background: var(--tco-surface) !important;
}

.ultra-market-page .mc-table-row {
  display: grid !important;
  grid-template-columns: 56px minmax(220px,1.4fr) minmax(130px,.8fr) minmax(120px,.7fr) minmax(150px,.9fr) minmax(260px,1.5fr) minmax(120px,.7fr) !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ultra-market-page .mc-table-head {
  background: #0b1722 !important;
}

.ultra-market-page .mc-data-row {
  background: #0a131c !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.ultra-market-page .mc-data-row:nth-child(even) {
  background: #0c1620 !important;
}

.ultra-market-page .mc-data-row:hover {
  background: #0d2026 !important;
}

.ultra-market-page .mc-table-cell {
  min-width: 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

.ultra-market-page .mc-sortable {
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  text-align: left !important;
}

/* Sparkline */
.ultra-market-page .mc-spark-shell {
  background: var(--tco-surface-deep) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-sm) !important;
  overflow: hidden !important;
}

.ultra-market-page .mc-spark {
  width: 100% !important;
  height: 44px !important;
  display: block !important;
}

/* Expandable sections */
.ultra-market-page .upm-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.ultra-market-page .upm-info-collapse--top {
  margin-bottom: 12px !important;
}

.ultra-market-page .upm-info-collapse--bottom {
  margin-top: 12px !important;
}

.ultra-market-page .upm-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.ultra-market-page .upm-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.ultra-market-page .upm-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.ultra-market-page .upm-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ultra-market-page .upm-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.ultra-market-page .upm-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.ultra-market-page .upm-info-collapse[open] .upm-expand-arrow {
  transform: rotate(180deg) !important;
}

.ultra-market-page .upm-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.ultra-market-page .upm-info-collapse__body .mc-formula {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.ultra-market-page .upm-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.ultra-market-page .upm-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.ultra-market-page .upm-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.ultra-market-page .upm-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 1100px) {
  .ultra-market-page .mc-toolbar {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .ultra-market-page .mc-top-metrics {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }

  .ultra-market-page .upm-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  .ultra-market-page .mc-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .ultra-market-page .mc-mode-row {
    flex-wrap: wrap !important;
  }

  .ultra-market-page .mc-toolbar,
  .ultra-market-page .mc-top-metrics,
  .ultra-market-page .upm-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .ultra-market-page .mc-actions-inline .mc-btn {
    width: 100% !important;
  }

  .ultra-market-page .upm-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .ultra-market-page .upm-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   BINANCE FEAR / ALTSEASON ENGINE — STANDARD FULL WIDTH PAGE
   ============================================================ */

.fear-altseason-page,
.fear-altseason-page .engine-wrap,
.fear-altseason-page .engine-header,
.fear-altseason-page .engine-grid,
.fear-altseason-page .engine-card,
.fear-altseason-page .engine-foot {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.fear-altseason-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Main shell */
.fear-altseason-page .engine-wrap {
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

/* Header / live state */
.fear-altseason-page .engine-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  background: var(--tco-surface-alt) !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
}

.fear-altseason-page .engine-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.fear-altseason-page .engine-pill,
.fear-altseason-page .engine-time {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* Metrics grid */
.fear-altseason-page .engine-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
  background: var(--tco-surface) !important;
}

.fear-altseason-page .engine-card {
  min-width: 0 !important;
  padding: 14px !important;
  background: var(--tco-surface-alt) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
  opacity: 1 !important;
}

.fear-altseason-page .engine-small,
.fear-altseason-page .engine-note {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

.fear-altseason-page .engine-big {
  color: #eef6f8 !important;
  opacity: 1 !important;
}

/* Fear progress bar */
.fear-altseason-page .engine-bar {
  width: 100% !important;
  background: var(--tco-surface-deep) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-pill) !important;
  overflow: hidden !important;
}

.fear-altseason-page .engine-bar-fill {
  max-width: 100% !important;
}

/* Footer note */
.fear-altseason-page .engine-foot {
  padding: 10px 12px !important;
  background: var(--tco-surface-alt) !important;
  border-top: 1px solid var(--tco-border-mid) !important;
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

/* Expandable info */
.fear-altseason-page .fear-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.fear-altseason-page .fear-info-collapse--top {
  margin-bottom: 12px !important;
}

.fear-altseason-page .fear-info-collapse--bottom {
  margin-top: 12px !important;
}

.fear-altseason-page .fear-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.fear-altseason-page .fear-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.fear-altseason-page .fear-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.fear-altseason-page .fear-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.fear-altseason-page .fear-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.fear-altseason-page .fear-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.fear-altseason-page .fear-info-collapse[open] .fear-expand-arrow {
  transform: rotate(180deg) !important;
}

.fear-altseason-page .fear-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.fear-altseason-page .fear-info-copy {
  color: #a4b6bf !important;
  line-height: 1.6 !important;
}

.fear-altseason-page .fear-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.fear-altseason-page .fear-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.fear-altseason-page .fear-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.fear-altseason-page .fear-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 1050px) {
  .fear-altseason-page .engine-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .fear-altseason-page .fear-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .fear-altseason-page .engine-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .fear-altseason-page .engine-grid,
  .fear-altseason-page .fear-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .fear-altseason-page .fear-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .fear-altseason-page .fear-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   WHALE RADAR / BLACKROCK MODE — STANDARD FULL WIDTH PAGE
   ============================================================ */

.whale-radar-page,
.whale-radar-page .shell,
.whale-radar-page .hero,
.whale-radar-page .hero-card,
.whale-radar-page .content-grid,
.whale-radar-page .stats,
.whale-radar-page .history-grid,
.whale-radar-page .comparison-grid,
.whale-radar-page .alert-grid,
.whale-radar-page .panel,
.whale-radar-page .table-wrap,
.whale-radar-page table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.whale-radar-page {
  margin: 0 !important;
  padding: 0 !important;
}

.whale-radar-page .shell {
  margin: 0 !important;
  padding: 0 !important;
}

/* Opaque working panels */
.whale-radar-page .hero-card,
.whale-radar-page .status-card,
.whale-radar-page .panel,
.whale-radar-page .metric,
.whale-radar-page .chart-card,
.whale-radar-page .comparison-card,
.whale-radar-page .alert-summary,
.whale-radar-page .alert-form,
.whale-radar-page .info-item,
.whale-radar-page .guide-step,
.whale-radar-page .faq-item {
  background: var(--tco-surface-alt) !important;
  border-color: rgba(255,255,255,.07) !important;
  opacity: 1 !important;
}

/* Hero */
.whale-radar-page .hero {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(250px,330px) !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
}

.whale-radar-page .hero-card,
.whale-radar-page .status-card {
  padding: 14px !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
}

.whale-radar-page .status-card {
  background: var(--tco-surface) !important;
}

.whale-radar-page .address-form {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 8px !important;
}

.whale-radar-page .text-input,
.whale-radar-page .search-input,
.whale-radar-page .alert-number {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  opacity: 1 !important;
}

.whale-radar-page .actions,
.whale-radar-page .preset-actions,
.whale-radar-page .toolbar-actions,
.whale-radar-page .alert-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.whale-radar-page .button,
.whale-radar-page .mini-button,
.whale-radar-page .chip {
  width: auto !important;
  white-space: nowrap !important;
}

/* Dynamic metrics */
.whale-radar-page .stats {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
}

.whale-radar-page .metric {
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page .metric-label,
.whale-radar-page .metric-note,
.whale-radar-page .muted,
.whale-radar-page .toolbar-note,
.whale-radar-page .input-help,
.whale-radar-page .preset-note {
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

.whale-radar-page .metric-value {
  color: #eef6f8 !important;
  opacity: 1 !important;
}

/* History / comparison / alerts */
.whale-radar-page .history-grid,
.whale-radar-page .comparison-grid,
.whale-radar-page .alert-grid {
  display: grid !important;
  
  
  margin: 0 0 12px !important;
}

.whale-radar-page .panel {
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
}

.whale-radar-page .chart-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}

.whale-radar-page .chart-card {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page .chart-visual {
  width: 100% !important;
  min-height: 132px !important;
  background: var(--tco-surface-deep) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
  overflow: hidden !important;
}

.whale-radar-page .chart-visual svg {
  width: 100% !important;
  height: 132px !important;
  display: block !important;
}

.whale-radar-page .comparison-cards {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
}

.whale-radar-page .comparison-card {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  color: var(--tco-text) !important;
}

.whale-radar-page .alert-layout {
  display: grid !important;
  grid-template-columns: minmax(300px,1fr) minmax(250px,.7fr) !important;
  gap: 12px !important;
}

.whale-radar-page .alert-form,
.whale-radar-page .alert-summary {
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page .alert-log {
  margin-top: 10px !important;
}

/* Transaction toolbar */
.whale-radar-page .toolbar {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 12px 0 !important;
}

.whale-radar-page .search-group {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 8px !important;
}

.whale-radar-page .segmented {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

/* Transactions table */
.whale-radar-page .table-wrap {
  overflow-x: auto !important;
  background: var(--tco-surface) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page table {
  min-width: 1080px !important;
  border-collapse: collapse !important;
  background: var(--tco-surface) !important;
}

.whale-radar-page thead th {
  background: #0b1722 !important;
  color: #cfdce1 !important;
  border-color: var(--tco-border-mid) !important;
}

.whale-radar-page tbody td {
  background: #0a131c !important;
  color: var(--tco-text) !important;
  border-color: rgba(255,255,255,.05) !important;
}

.whale-radar-page tbody tr:nth-child(even) td {
  background: #0c1620 !important;
}

.whale-radar-page tbody tr:hover td {
  background: #0d2026 !important;
}

/* Expandable information */
.whale-radar-page .whale-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.whale-radar-page .whale-info-collapse--top {
  margin-bottom: 12px !important;
}

.whale-radar-page .whale-info-collapse--bottom {
  margin-top: 12px !important;
}

.whale-radar-page .whale-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.whale-radar-page .whale-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.whale-radar-page .whale-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.whale-radar-page .whale-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.whale-radar-page .whale-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.whale-radar-page .whale-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.whale-radar-page .whale-info-collapse[open] .whale-expand-arrow {
  transform: rotate(180deg) !important;
}

.whale-radar-page .whale-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.whale-radar-page .whale-info-collapse__body .content-grid,
.whale-radar-page .whale-info-collapse__body .guide-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.whale-radar-page .whale-info-collapse__body .content-grid {
  display: grid !important;
  grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr) !important;
  gap: 10px !important;
}

.whale-radar-page .whale-info-collapse__body .guide-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}

@media (max-width: 1100px) {
  .whale-radar-page .stats {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .whale-radar-page .comparison-cards {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .whale-radar-page .toolbar {
    grid-template-columns: 1fr !important;
  }

  .whale-radar-page .segmented {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 820px) {
  .whale-radar-page .hero,
  .whale-radar-page .history-grid,
  .whale-radar-page .comparison-grid,
  .whale-radar-page .alert-grid,
  .whale-radar-page .chart-grid,
  .whale-radar-page .alert-layout,
  .whale-radar-page .whale-info-collapse__body .content-grid,
  .whale-radar-page .whale-info-collapse__body .guide-grid {
    grid-template-columns: 1fr !important;
  }

  .whale-radar-page .comparison-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  .whale-radar-page .stats {
    grid-template-columns: 1fr !important;
  }

  .whale-radar-page .address-form,
  .whale-radar-page .search-group {
    grid-template-columns: 1fr !important;
  }

  .whale-radar-page .whale-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .whale-radar-page .whale-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   WHALE RADAR — QUICK PRESETS ONE ROW
   ============================================================ */

.whale-radar-page .preset-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.whale-radar-page .preset-chip {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
}

.whale-radar-page .preset-chip span,
.whale-radar-page .preset-chip small {
  min-width: 0 !important;
}

@media (max-width: 900px) {
  .whale-radar-page .preset-list {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   WHALE RADAR — REMOVE EMPTY SPACE UNDER TREND HISTORY
   ============================================================ */

.whale-radar-page .history-grid {
  align-items: start !important;
  grid-auto-rows: max-content !important;
}

.whale-radar-page .history-panel,
.whale-radar-page .history-grid > .panel {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

.whale-radar-page .history-panel .chart-grid,
.whale-radar-page .history-panel .chart-card {
  height: auto !important;
  min-height: 0 !important;
}

.whale-radar-page .history-panel {
  padding-bottom: 14px !important;
}

/* ============================================================
   WHALE RADAR — REMOVE EMPTY SPACE UNDER MULTI-WALLET COMPARISON
   ============================================================ */

.whale-radar-page .comparison-grid {
  align-items: start !important;
  grid-auto-rows: max-content !important;
}

.whale-radar-page .comparison-panel,
.whale-radar-page .comparison-grid > .panel {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

.whale-radar-page .comparison-cards,
.whale-radar-page .comparison-card {
  height: auto !important;
  min-height: 0 !important;
}

.whale-radar-page .comparison-panel {
  padding-bottom: 14px !important;
}

/* ============================================================
   WHALE RADAR — ALERT CHECKBOX LAYOUT FIX
   ============================================================ */

.whale-radar-page .alert-check {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
  cursor: pointer !important;
}

.whale-radar-page .alert-check input[type="checkbox"] {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: var(--tco-accent) !important;
  cursor: pointer !important;
}

.whale-radar-page .alert-check span {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--tco-text) !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.whale-radar-page .alert-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.whale-radar-page .alert-field {
  display: grid !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
}

.whale-radar-page .alert-actions {
  margin-top: 2px !important;
}


/* ============================================================
   WHALE RADAR — COMPACT TWO-COLUMN SECTIONS
   ============================================================ */

.history-grid,
.comparison-grid,
.alert-grid {
  align-items: start !important;
}

.history-grid > .panel,
.comparison-grid > .panel,
.alert-grid > .panel {
  align-self: start !important;
  height: auto !important;
}

.history-panel,
.comparison-panel,
.alert-panel,
.content-card {
  min-height: 0 !important;
}

.content-card {
  padding: 16px !important;
}

.info-stack {
  display: grid !important;
  gap: 10px !important;
}

.info-item {
  padding: 12px 14px !important;
}

.info-item strong {
  display: block !important;
  margin-bottom: 6px !important;
}

.history-head,
.comparison-head {
  margin-bottom: 12px !important;
}

.alert-layout {
  align-items: start !important;
}

@media (max-width: 1100px) {
  .history-grid,
  .comparison-grid,
  .alert-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   WHALE RADAR — COMPACT RIGHT INFO COLUMNS
   ============================================================ */

.whale-radar-page .history-grid,
.whale-radar-page .comparison-grid,
.whale-radar-page .alert-grid {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 410px) !important;
  align-items: start !important;
  gap: 10px !important;
}

.whale-radar-page .history-grid > .content-card,
.whale-radar-page .comparison-grid > .content-card,
.whale-radar-page .alert-grid > .content-card {
  padding: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

.whale-radar-page .history-grid > .content-card > h2,
.whale-radar-page .comparison-grid > .content-card > h2,
.whale-radar-page .alert-grid > .content-card > h2 {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.whale-radar-page .history-grid > .content-card .info-stack,
.whale-radar-page .comparison-grid > .content-card .info-stack,
.whale-radar-page .alert-grid > .content-card .info-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.whale-radar-page .history-grid > .content-card .info-item,
.whale-radar-page .comparison-grid > .content-card .info-item,
.whale-radar-page .alert-grid > .content-card .info-item {
  min-width: 0 !important;
  padding: 9px 10px !important;
  margin: 0 !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page .history-grid > .content-card .info-item strong,
.whale-radar-page .comparison-grid > .content-card .info-item strong,
.whale-radar-page .alert-grid > .content-card .info-item strong {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.whale-radar-page .history-grid > .content-card .info-item span,
.whale-radar-page .comparison-grid > .content-card .info-item span,
.whale-radar-page .alert-grid > .content-card .info-item span {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1200px) {
  .whale-radar-page .history-grid,
  .whale-radar-page .comparison-grid,
  .whale-radar-page .alert-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
  }
}

@media (max-width: 1000px) {
  .whale-radar-page .history-grid,
  .whale-radar-page .comparison-grid,
  .whale-radar-page .alert-grid {
    grid-template-columns: 1fr !important;
  }

  .whale-radar-page .history-grid > .content-card .info-stack,
  .whale-radar-page .comparison-grid > .content-card .info-stack,
  .whale-radar-page .alert-grid > .content-card .info-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px) {
  .whale-radar-page .history-grid > .content-card .info-stack,
  .whale-radar-page .comparison-grid > .content-card .info-stack,
  .whale-radar-page .alert-grid > .content-card .info-stack {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   WHALE RADAR — INDEPENDENT RIGHT COLUMN (NO EMPTY GAPS)
   ============================================================ */

.whale-radar-page .whale-dashboard-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important;
  gap: 10px !important;
  align-items: start !important;
}

.whale-radar-page .whale-main-column,
.whale-radar-page .whale-side-column {
  display: grid !important;
  gap: 10px !important;
  align-content: start !important;
}

.whale-radar-page .whale-main-column > .panel,
.whale-radar-page .whale-side-column > .panel {
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.whale-radar-page .whale-side-column .content-card {
  padding: 10px !important;
}

.whale-radar-page .whale-side-column .content-card > h2 {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.whale-radar-page .whale-side-column .info-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.whale-radar-page .whale-side-column .info-item {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page .whale-side-column .info-item strong {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.whale-radar-page .whale-side-column .info-item span {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1200px) {
  .whale-radar-page .whale-dashboard-shell {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
  }
}

@media (max-width: 1000px) {
  .whale-radar-page .whale-dashboard-shell {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 650px) {
  .whale-radar-page .whale-side-column .info-stack {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   WHALE RADAR — FULL-WIDTH ALERT CENTER / NO RIGHT-SIDE VOID
   ============================================================ */

.whale-radar-page .whale-main-column {
  gap: 10px !important;
}

.whale-radar-page .whale-side-column {
  gap: 10px !important;
}

.whale-radar-page .whale-alert-fullwidth {
  width: 100% !important;
  max-width: none !important;
  margin: 10px 0 !important;
  box-sizing: border-box !important;
}

.whale-radar-page .whale-alert-fullwidth .alert-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.whale-radar-page .whale-alert-fullwidth .alert-layout {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important;
  align-items: start !important;
}

.whale-radar-page .alert-tips-inline {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--tco-border-mid) !important;
}

.whale-radar-page .alert-tips-inline > h2 {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  color: #76e8e1 !important;
}

.whale-radar-page .alert-tips-inline .info-stack {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 8px !important;
}

.whale-radar-page .alert-tips-inline .info-item {
  margin: 0 !important;
  padding: 10px 12px !important;
  min-width: 0 !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page .alert-tips-inline .info-item strong {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.whale-radar-page .alert-tips-inline .info-item span {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1100px) {
  .whale-radar-page .whale-alert-fullwidth .alert-layout {
    grid-template-columns: 1fr !important;
  }

  .whale-radar-page .alert-tips-inline .info-stack {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 650px) {
  .whale-radar-page .alert-tips-inline .info-stack {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   WHALE RADAR — PAIRED 2x2 DASHBOARD GRID (NO RIGHT-SIDE VOID)
   ============================================================ */

.whale-radar-page .whale-dashboard-pair-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important;
  gap: 10px !important;
  align-items: stretch !important;
  margin-bottom: 10px !important;
}

.whale-radar-page .whale-dashboard-pair-grid > .history-panel,
.whale-radar-page .whale-dashboard-pair-grid > .comparison-panel,
.whale-radar-page .whale-dashboard-pair-grid > .content-card {
  margin: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.whale-radar-page .whale-dashboard-pair-grid > .content-card {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: stretch !important;
  padding: 10px !important;
}

.whale-radar-page .whale-dashboard-pair-grid > .content-card > h2 {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.whale-radar-page .whale-dashboard-pair-grid > .content-card .info-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-height: 0 !important;
  height: 100% !important;
}

.whale-radar-page .whale-dashboard-pair-grid > .content-card .info-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border-radius: var(--tco-radius) !important;
}

.whale-radar-page .whale-dashboard-pair-grid > .content-card .info-item strong {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.whale-radar-page .whale-dashboard-pair-grid > .content-card .info-item span {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1200px) {
  .whale-radar-page .whale-dashboard-pair-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
  }
}

@media (max-width: 1000px) {
  .whale-radar-page .whale-dashboard-pair-grid {
    grid-template-columns: 1fr !important;
  }

  .whale-radar-page .whale-dashboard-pair-grid > .content-card {
    height: auto !important;
  }

  .whale-radar-page .whale-dashboard-pair-grid > .content-card .info-stack {
    grid-template-rows: auto !important;
  }
}

@media (max-width: 650px) {
  .whale-radar-page .whale-dashboard-pair-grid > .content-card .info-stack {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   WHALE V2 PROP TERMINAL — STANDARD FULL WIDTH PAGE
   ============================================================ */

.whale-v2-page,
.whale-v2-page .terminal,
.whale-v2-page .topbar,
.whale-v2-page .table-wrap,
.whale-v2-page .crypto-table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.whale-v2-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Main terminal */
.whale-v2-page .terminal {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
  opacity: 1 !important;
}

/* Top bar */
.whale-v2-page .topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  background: var(--tco-surface-alt) !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
}

.whale-v2-page .title-block {
  min-width: 0 !important;
}

.whale-v2-page .title-block h2 {
  margin: 0 0 4px !important;
  color: #eef6f8 !important;
}

.whale-v2-page .title-block p {
  margin: 0 !important;
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

.whale-v2-page .meta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.whale-v2-page .chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-pill) !important;
  color: var(--tco-text) !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

/* Table */
.whale-v2-page .table-wrap {
  overflow-x: auto !important;
  background: var(--tco-surface) !important;
}

.whale-v2-page .crypto-table {
  min-width: 1120px !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  background: var(--tco-surface) !important;
}

.whale-v2-page .crypto-table th,
.whale-v2-page .crypto-table td {
  padding: 11px 12px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  text-align: left !important;
}

.whale-v2-page .crypto-table th {
  background: #0b1722 !important;
  color: #cfdce1 !important;
  cursor: pointer !important;
  user-select: none !important;
  white-space: nowrap !important;
}

.whale-v2-page .crypto-table th.active {
  color: var(--tco-accent) !important;
  background: #0c1b24 !important;
}

.whale-v2-page .crypto-table tbody tr {
  background: #0a131c !important;
}

.whale-v2-page .crypto-table tbody tr:nth-child(even) {
  background: #0c1620 !important;
}

.whale-v2-page .crypto-table tbody tr:hover {
  background: #0d2026 !important;
}

.whale-v2-page .crypto-table td {
  color: var(--tco-text) !important;
  opacity: 1 !important;
}

.whale-v2-page .buy,
.whale-v2-page .pnl-positive,
.whale-v2-page .price-up {
  color: #31d6b5 !important;
}

.whale-v2-page .sell,
.whale-v2-page .pnl-negative,
.whale-v2-page .price-down {
  color: #ff7189 !important;
}

.whale-v2-page .wait {
  color: #f3c65d !important;
}

.whale-v2-page .heat-track {
  width: 100% !important;
  min-width: 74px !important;
  height: 5px !important;
  margin-top: 5px !important;
  background: var(--tco-surface-deep) !important;
  border-radius: var(--tco-radius-pill) !important;
  overflow: hidden !important;
}

.whale-v2-page .small-note {
  padding: 10px 14px !important;
  background: var(--tco-surface-alt) !important;
  border-top: 1px solid var(--tco-border-mid) !important;
  color: var(--tco-text-dim) !important;
  opacity: 1 !important;
}

/* Expandable information */
.whale-v2-page .wv2-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.whale-v2-page .wv2-info-collapse--top {
  margin-bottom: 12px !important;
}

.whale-v2-page .wv2-info-collapse--bottom {
  margin-top: 12px !important;
}

.whale-v2-page .wv2-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.whale-v2-page .wv2-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.whale-v2-page .wv2-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.whale-v2-page .wv2-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.whale-v2-page .wv2-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.whale-v2-page .wv2-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.whale-v2-page .wv2-info-collapse[open] .wv2-expand-arrow {
  transform: rotate(180deg) !important;
}

.whale-v2-page .wv2-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.whale-v2-page .wv2-info-copy {
  color: #a4b6bf !important;
  line-height: 1.6 !important;
}

.whale-v2-page .wv2-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.whale-v2-page .wv2-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.whale-v2-page .wv2-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.whale-v2-page .wv2-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  .whale-v2-page .topbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .whale-v2-page .meta {
    justify-content: flex-start !important;
  }

  .whale-v2-page .wv2-guide-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .whale-v2-page .wv2-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .whale-v2-page .wv2-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .whale-v2-page .wv2-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ADD TOKEN TERMINAL — STANDARD FULL WIDTH PAGE
   ============================================================ */

.add-token-page,
.add-token-page .add-token-action-panel {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.add-token-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Main action */
.add-token-page .add-token-action-panel {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 180px !important;
  padding: 28px !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
}

.add-token-page .btn-center {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.add-token-page .add-token-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  min-height: 46px !important;
  padding: 11px 18px !important;
  background: #0f1c28 !important;
  border: 1px solid rgba(0,223,186,.28) !important;
  border-radius: var(--tco-radius-card) !important;
  color: #e8f7f4 !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.add-token-page .add-token-btn:hover {
  background: #122631 !important;
  border-color: rgba(0,223,186,.48) !important;
}

/* Modal */
.add-token-page .modal-overlay {
  display: none;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(2,8,14,.78) !important;
  backdrop-filter: blur(4px) !important;
}

.add-token-page .modal-box {
  width: min(460px, 100%) !important;
  max-width: 460px !important;
  padding: 22px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: var(--tco-radius-panel) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.45) !important;
  text-align: center !important;
}

.add-token-page .modal-box h2 {
  margin: 0 0 10px !important;
  color: #eef6f8 !important;
}

.add-token-page .modal-box p {
  margin: 0 0 16px !important;
  color: #9db0b9 !important;
  line-height: 1.55 !important;
}

.add-token-page .modal-btn,
.add-token-page .modal-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
  margin: 4px !important;
  border-radius: 9px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.add-token-page .modal-btn {
  background: #0f2927 !important;
  border: 1px solid rgba(0,223,186,.26) !important;
  color: #dffaf5 !important;
}

.add-token-page .modal-close {
  background: #111c28 !important;
  border: 1px solid var(--tco-border-strong) !important;
  color: var(--tco-text) !important;
}

/* Expandable info */
.add-token-page .addtoken-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.add-token-page .addtoken-info-collapse--top {
  margin-bottom: 12px !important;
}

.add-token-page .addtoken-info-collapse--bottom {
  margin-top: 12px !important;
}

.add-token-page .addtoken-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.add-token-page .addtoken-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.add-token-page .addtoken-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.add-token-page .addtoken-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.add-token-page .addtoken-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.add-token-page .addtoken-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.add-token-page .addtoken-info-collapse[open] .addtoken-expand-arrow {
  transform: rotate(180deg) !important;
}

.add-token-page .addtoken-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.add-token-page .addtoken-info-collapse__body .gem-description {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: #a4b6bf !important;
  line-height: 1.6 !important;
}

.add-token-page .addtoken-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
}

.add-token-page .addtoken-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.add-token-page .addtoken-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.add-token-page .addtoken-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 900px) {
  .add-token-page .addtoken-guide-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .add-token-page .add-token-action-panel {
    min-height: 140px !important;
    padding: 20px 12px !important;
  }

  .add-token-page .add-token-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .add-token-page .addtoken-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .add-token-page .addtoken-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .add-token-page .addtoken-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   BOOST TOKEN VIP SERVICE — STANDARD FULL WIDTH PAGE
   ============================================================ */

.vip-boost-page,
.vip-boost-page .vip-form-panel,
.vip-boost-page .vip-form-content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.vip-boost-page {
  margin: 0 !important;
  padding: 0 !important;
}

/* Visible form */
.vip-boost-page .vip-form-panel {
  margin: 0 !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: hidden !important;
}

.vip-boost-page .vip-form-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  background: var(--tco-surface-alt) !important;
  border-bottom: 1px solid var(--tco-border-mid) !important;
}

.vip-boost-page .vip-form-title {
  color: #eef6f8 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

.vip-boost-page .vip-form-subtitle {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
}

.vip-boost-page .vip-form-content {
  padding: 14px !important;
  background: var(--tco-surface) !important;
}

/* Common uCoz form elements inside VIP panel */
.vip-boost-page .vip-form-content form,
.vip-boost-page .vip-form-content table,
.vip-boost-page .vip-form-content tbody,
.vip-boost-page .vip-form-content tr,
.vip-boost-page .vip-form-content td {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.vip-boost-page .vip-form-content form {
  width: 100% !important;
  margin: 0 !important;
}

.vip-boost-page .vip-form-content table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.vip-boost-page .vip-form-content td {
  color: var(--tco-text) !important;
}

.vip-boost-page .vip-form-content input[type="text"],
.vip-boost-page .vip-form-content input[type="email"],
.vip-boost-page .vip-form-content input[type="url"],
.vip-boost-page .vip-form-content input[type="number"],
.vip-boost-page .vip-form-content input[type="tel"],
.vip-boost-page .vip-form-content input[type="password"],
.vip-boost-page .vip-form-content textarea,
.vip-boost-page .vip-form-content select {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  background: var(--tco-surface-3) !important;
  border: 1px solid rgba(120,160,190,.18) !important;
  color: #e7f0f3 !important;
  border-radius: var(--tco-radius) !important;
  padding: 10px 12px !important;
  opacity: 1 !important;
}

.vip-boost-page .vip-form-content textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

.vip-boost-page .vip-form-content input[type="submit"],
.vip-boost-page .vip-form-content input[type="button"],
.vip-boost-page .vip-form-content button {
  min-height: 40px !important;
  padding: 9px 14px !important;
  background: #0f1c28 !important;
  border: 1px solid rgba(0,223,186,.25) !important;
  border-radius: var(--tco-radius) !important;
  color: #e8f7f4 !important;
  cursor: pointer !important;
}

.vip-boost-page .vip-form-content input[type="submit"]:hover,
.vip-boost-page .vip-form-content input[type="button"]:hover,
.vip-boost-page .vip-form-content button:hover {
  background: #122631 !important;
  border-color: rgba(0,223,186,.45) !important;
}

/* Expandable info */
.vip-boost-page .vip-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--tco-surface) !important;
  box-sizing: border-box !important;
}

.vip-boost-page .vip-info-collapse--top {
  margin-bottom: 12px !important;
}

.vip-boost-page .vip-info-collapse--bottom {
  margin-top: 12px !important;
}

.vip-boost-page .vip-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.vip-boost-page .vip-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.vip-boost-page .vip-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.vip-boost-page .vip-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.vip-boost-page .vip-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.vip-boost-page .vip-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.vip-boost-page .vip-info-collapse[open] .vip-expand-arrow {
  transform: rotate(180deg) !important;
}

.vip-boost-page .vip-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--tco-surface) !important;
}

.vip-boost-page .vip-info-collapse__body .gem-description {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: #a4b6bf !important;
  line-height: 1.6 !important;
}

.vip-boost-page .vip-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
}

.vip-boost-page .vip-guide-card {
  padding: 12px !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius) !important;
}

.vip-boost-page .vip-guide-card b {
  display: block !important;
  margin-bottom: 5px !important;
  color: #e8f1f4 !important;
}

.vip-boost-page .vip-guide-card span {
  color: #93a7b1 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

@media (max-width: 900px) {
  .vip-boost-page .vip-guide-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .vip-boost-page .vip-form-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .vip-boost-page .vip-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .vip-boost-page .vip-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .vip-boost-page .vip-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   BOOST TOKEN VIP — MFORM_2 TOKEN LISTING TERMINAL
   All former inline <style> rules moved here.
   ============================================================ */

.vip-boost-page .vip-form-content {
  overflow: visible !important;
}

/* Full-width terminal: removes the old max-width:600px restriction */
.vip-boost-page .terminal-form {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #05070d !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .20) !important;
  border-radius: var(--tco-radius-panel) !important;
  color: #bfffea !important;
  font-family: "Share Tech Mono", "Consolas", "Courier New", monospace !important;
  box-shadow: 0 0 25px rgba(var(--tco-accent-rgb), .08) !important;
}

.vip-boost-page .terminal-form::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(120deg, transparent, rgba(var(--tco-accent-rgb), .05), transparent) !important;
  animation: vip-terminal-scan 4s linear infinite !important;
}

@keyframes vip-terminal-scan {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.vip-boost-page .terminal-form > * {
  position: relative !important;
  z-index: 1 !important;
}

.vip-boost-page .terminal-form .title {
  margin: 0 0 6px !important;
  color: var(--tco-accent) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
}

.vip-boost-page .terminal-form .status {
  margin: 0 0 10px !important;
  color: #5fffd6 !important;
  font-size: 11px !important;
}

.vip-boost-page .terminal-form .typing {
  display: inline-block !important;
  width: 0;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  
  box-sizing: content-box !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #9fffea !important;
  font-size: 12px !important;
  
  
}

@keyframes vip-terminal-typing {
  from { width: 0; }
  to { width: 76ch; }
}

@keyframes vip-terminal-blink {
  0%, 49% { border-right-color: var(--tco-accent); }
  50%, 100% { border-right-color: transparent; }
}

.vip-boost-page .terminal-form .hl {
  color: var(--tco-accent) !important;
  font-weight: 700 !important;
}

.vip-boost-page .terminal-form .required {
  color: #ff4d6d !important;
}

/* Only this form table is affected; no global table/td/input selectors */
.vip-boost-page .terminal-form table {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
  box-sizing: border-box !important;
}

.vip-boost-page .terminal-form tr {
  width: 100% !important;
}

.vip-boost-page .terminal-form td {
  min-width: 0 !important;
  padding: 10px 8px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  color: #bfffea !important;
  font-size: 12px !important;
}

.vip-boost-page .terminal-form tr:not(:first-child):not(:last-child) td:first-child {
  width: 28% !important;
  color: #6fffe0 !important;
  white-space: nowrap !important;
}

.vip-boost-page .terminal-form tr:not(:first-child):not(:last-child) td:last-child {
  width: 72% !important;
}

.vip-boost-page .terminal-form .terminal-intro {
  width: 100% !important;
  padding: 14px 8px 16px !important;
  color: #b9c8d0 !important;
  line-height: 1.65 !important;
  white-space: normal !important;
}

.vip-boost-page .terminal-form input[type="text"],
.vip-boost-page .terminal-form input[type="email"],
.vip-boost-page .terminal-form input[type="url"],
.vip-boost-page .terminal-form select {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  background: rgba(10,20,30,.92) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .20) !important;
  border-radius: var(--tco-radius) !important;
  color: #d8fff5 !important;
  outline: none !important;
  opacity: 1 !important;
}

.vip-boost-page .terminal-form input::placeholder {
  color: #8799a3 !important;
  opacity: 1 !important;
}

.vip-boost-page .terminal-form input:focus,
.vip-boost-page .terminal-form select:focus {
  border-color: var(--tco-accent) !important;
  box-shadow: 0 0 10px rgba(var(--tco-accent-rgb), .25) !important;
}

.vip-boost-page .terminal-form .terminal-submit-cell {
  padding-top: 14px !important;
  border-bottom: 0 !important;
}

.vip-boost-page .terminal-form input[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  box-sizing: border-box !important;
  background: rgba(var(--tco-accent-rgb), .04) !important;
  border: 1px solid var(--tco-accent) !important;
  border-radius: var(--tco-radius) !important;
  color: var(--tco-accent) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.vip-boost-page .terminal-form input[type="submit"]:hover {
  background: rgba(var(--tco-accent-rgb), .10) !important;
  box-shadow: 0 0 15px rgba(var(--tco-accent-rgb), .25) !important;
}

@media (max-width: 700px) {
  .vip-boost-page .terminal-form {
    padding: 12px !important;
  }

  .vip-boost-page .terminal-form .typing {
    white-space: normal !important;
    border-right: 0 !important;
    animation: none !important;
  }

  .vip-boost-page .terminal-form table,
  .vip-boost-page .terminal-form tbody,
  .vip-boost-page .terminal-form tr,
  .vip-boost-page .terminal-form td {
    display: block !important;
    width: 100% !important;
  }

  .vip-boost-page .terminal-form tr {
    padding: 7px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.05) !important;
  }

  .vip-boost-page .terminal-form td {
    padding: 5px 0 !important;
    border-bottom: 0 !important;
    white-space: normal !important;
  }

  .vip-boost-page .terminal-form tr:not(:first-child):not(:last-child) td:first-child,
  .vip-boost-page .terminal-form tr:not(:first-child):not(:last-child) td:last-child {
    width: 100% !important;
    white-space: normal !important;
  }
}


/* ============================================================
   BOOST TOKEN VIP — REAL TYPEWRITER CURSOR BLINK FIX
   Separate pseudo-element cursor so !important border rules
   cannot block the blink animation.
   ============================================================ */

.vip-boost-page .terminal-form .typing {
  position: relative !important;
  border-right: 0 !important;
  padding-right: 7px !important;
  animation: vip-terminal-typing 4s steps(76,end) forwards !important;
}

.vip-boost-page .terminal-form .typing::after {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  right: 1px !important;
  width: 2px !important;
  height: 1.15em !important;
  background: var(--tco-accent) !important;
  box-shadow: 0 0 5px rgba(0,255,208,.45) !important;
  opacity: 1;
  pointer-events: none !important;
  animation: vip-terminal-cursor-blink .8s step-end infinite !important;
}

@keyframes vip-terminal-cursor-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@media (max-width: 700px) {
  .vip-boost-page .terminal-form .typing::after {
    display: none !important;
  }
}

/* ============================================================
   ADD TOKEN TERMINAL PREMIUM — STANDARD FULL WIDTH PAGE
   ============================================================ */

.add-token-premium-page,
.add-token-premium-page .panel,
.add-token-premium-page .hero,
.add-token-premium-page .feature-grid,
.add-token-premium-page .support-grid,
.add-token-premium-page .content-panel,
.add-token-premium-page .form-shell {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.add-token-premium-page {
  margin: 0 !important;
  padding: 0 !important;
  --premium-bg: var(--tco-surface);
  --premium-panel: var(--tco-surface-alt);
  --premium-panel-soft: var(--tco-surface-hover);
  --premium-border: var(--tco-border-strong);
  --premium-text: #edf6ff;
  --premium-muted: #91a5b9;
  --premium-accent: #00f5a0;
  --premium-cyan: #69b9ff;
  --premium-gold: var(--tco-warning);
  --premium-rose: #ff8f8f;
}

/* Visible submission panel */
.add-token-premium-page .content-panel {
  margin: 0 !important;
  padding: 18px !important;
  background: var(--premium-bg) !important;
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--tco-radius-panel) !important;
  overflow: visible !important;
  box-shadow: none !important;
}

.add-token-premium-page .section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 14px !important;
}

.add-token-premium-page .section-kicker {
  margin: 0 0 6px !important;
  color: var(--premium-accent) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.add-token-premium-page .section-head h2 {
  margin: 0 !important;
  color: var(--premium-text) !important;
  font-size: clamp(18px,2vw,26px) !important;
}

.add-token-premium-page .section-note {
  max-width: 860px !important;
  margin: 8px 0 0 !important;
  color: var(--premium-muted) !important;
  line-height: 1.6 !important;
  font-size: 13px !important;
}

.add-token-premium-page .review-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 11px !important;
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid rgba(var(--tco-warning-rgb), .20) !important;
  background: rgba(var(--tco-warning-rgb), .08) !important;
  color: #fff0c7 !important;
  font-size: 10px !important;
  letter-spacing: .05em !important;
}

/* $BODY$ form shell */
.add-token-premium-page .form-shell {
  padding: 14px !important;
  background: var(--tco-surface-deep) !important;
  border: 1px solid rgba(105,185,255,.12) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.add-token-premium-page .form-shell form,
.add-token-premium-page .form-shell table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.add-token-premium-page .form-shell table {
  border-collapse: collapse !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

.add-token-premium-page .form-shell th,
.add-token-premium-page .form-shell td {
  padding: 11px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  color: var(--premium-text) !important;
  vertical-align: top !important;
}

.add-token-premium-page .form-shell .form-fields {
  display: grid !important;
  grid-template-columns: minmax(180px,240px) minmax(0,1fr) !important;
  gap: 10px 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
}

.add-token-premium-page .form-shell .form-fields > li {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
}

.add-token-premium-page .form-shell .form-fields > li.notcolumn,
.add-token-premium-page .form-shell .form-fields > li.form-buttons,
.add-token-premium-page .form-shell .form-fields > li.security {
  grid-column: 1 / -1 !important;
}

.add-token-premium-page .form-shell label {
  display: block !important;
  padding-top: 12px !important;
  color: #dce9f5 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.add-token-premium-page .form-shell input[type="text"],
.add-token-premium-page .form-shell input[type="password"],
.add-token-premium-page .form-shell input[type="email"],
.add-token-premium-page .form-shell input[type="url"],
.add-token-premium-page .form-shell input[type="number"],
.add-token-premium-page .form-shell textarea,
.add-token-premium-page .form-shell select {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
  box-sizing: border-box !important;
  border-radius: var(--tco-radius) !important;
  border: 1px solid rgba(105,185,255,.18) !important;
  background: var(--tco-surface-3) !important;
  color: #f5fbff !important;
  opacity: 1 !important;
}

.add-token-premium-page .form-shell textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

.add-token-premium-page .form-shell input:focus,
.add-token-premium-page .form-shell textarea:focus,
.add-token-premium-page .form-shell select:focus {
  outline: none !important;
  border-color: rgba(0,245,160,.42) !important;
  box-shadow: 0 0 0 3px rgba(0,245,160,.10) !important;
}

.add-token-premium-page .form-shell input[type="checkbox"],
.add-token-premium-page .form-shell input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: var(--premium-accent) !important;
}

.add-token-premium-page .form-shell input[type="submit"],
.add-token-premium-page .form-shell button,
.add-token-premium-page .form-shell .button,
.add-token-premium-page .form-shell a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 15px !important;
  border-radius: var(--tco-radius) !important;
  border: 1px solid rgba(0,245,160,.28) !important;
  background: #0f2927 !important;
  color: #dffaf5 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.add-token-premium-page .note-strip {
  margin-top: 12px !important;
  padding: 11px 13px !important;
  border-radius: var(--tco-radius) !important;
  border: 1px solid rgba(var(--tco-warning-rgb), .14) !important;
  background: rgba(var(--tco-warning-rgb), .06) !important;
  color: #f0ddb0 !important;
  line-height: 1.55 !important;
  font-size: 11px !important;
}

/* Expandable top/bottom */
.add-token-premium-page .premium-info-collapse {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--premium-border) !important;
  border-radius: var(--tco-radius-card) !important;
  overflow: hidden !important;
  background: var(--premium-bg) !important;
  box-sizing: border-box !important;
}

.add-token-premium-page .premium-info-collapse--top {
  margin-bottom: 12px !important;
}

.add-token-premium-page .premium-info-collapse--bottom {
  margin-top: 12px !important;
}

.add-token-premium-page .premium-info-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  background: var(--tco-surface-deep) !important;
  color: var(--tco-text-strong) !important;
}

.add-token-premium-page .premium-info-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.add-token-premium-page .premium-info-summary-title {
  color: var(--tco-text-strong) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.add-token-premium-page .premium-info-collapse > summary > small {
  color: var(--tco-text-dim) !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.add-token-premium-page .premium-expand-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--tco-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.add-token-premium-page .premium-expand-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  transition: transform .18s ease !important;
}

.add-token-premium-page .premium-info-collapse[open] .premium-expand-arrow {
  transform: rotate(180deg) !important;
}

.add-token-premium-page .premium-info-collapse__body {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background: var(--premium-bg) !important;
}

/* Original premium hero retained inside details, but normalized */
.add-token-premium-page .hero {
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(300px,.85fr) !important;
  gap: 12px !important;
  padding: 16px !important;
  background: var(--premium-panel) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.add-token-premium-page .hero-copy h1 {
  margin: 8px 0 12px !important;
  color: #f9fdff !important;
  font-size: clamp(24px,3vw,38px) !important;
  line-height: 1.06 !important;
}

.add-token-premium-page .hero-copy p,
.add-token-premium-page .feature-card p,
.add-token-premium-page .support-card p,
.add-token-premium-page .list {
  color: var(--premium-muted) !important;
  line-height: 1.6 !important;
}

.add-token-premium-page .eyebrow,
.add-token-premium-page .signal {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 10px !important;
  border-radius: var(--tco-radius-pill) !important;
  border: 1px solid var(--tco-border-strong) !important;
  background: rgba(255,255,255,.03) !important;
  color: #dff5ff !important;
  font-size: 10px !important;
}

.add-token-premium-page .hero-card,
.add-token-premium-page .feature-card,
.add-token-premium-page .support-card {
  padding: 14px !important;
  background: var(--premium-panel-soft) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 9px !important;
}

.add-token-premium-page .feature-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.add-token-premium-page .support-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}

.add-token-premium-page .metric-list {
  display: grid !important;
  gap: 8px !important;
}

.add-token-premium-page .metric {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px !important;
  background: var(--tco-surface) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.add-token-premium-page .metric span {
  color: var(--premium-muted) !important;
  font-size: 10px !important;
}

.add-token-premium-page .metric strong {
  color: #fff !important;
  font-size: 12px !important;
  text-align: right !important;
}

@media (max-width: 980px) {
  .add-token-premium-page .hero,
  .add-token-premium-page .feature-grid,
  .add-token-premium-page .support-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .add-token-premium-page .form-shell .form-fields {
    grid-template-columns: 1fr !important;
  }

  .add-token-premium-page .form-shell label {
    padding-top: 0 !important;
  }

  .add-token-premium-page .premium-info-collapse > summary {
    grid-template-columns: 1fr auto !important;
    gap: 4px 8px !important;
  }

  .add-token-premium-page .premium-info-collapse > summary > small {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
  }
}

/* ============================================================
   ADD TOKEN PREMIUM — FULL PAGE SHELL
   ============================================================ */

body:has(.add-token-premium-fullpage) {
  margin: 0 !important;
  min-height: 100vh !important;
  background: transparent !important;
}

.add-token-premium-fullpage {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 24px !important;
  box-sizing: border-box !important;
}

.add-token-premium-fullpage > .add-token-premium-page {
  width: 100% !important;
  max-width: none !important;
}

.add-token-premium-fullpage .powered {
  width: 100% !important;
  max-width: none !important;
  margin: 14px 0 0 !important;
  padding: 10px 12px 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  color: rgba(145,165,185,.8) !important;
  font-size: 12px !important;
}

@media (max-width: 720px) {
  .add-token-premium-fullpage {
    padding: 12px 10px 20px !important;
  }
}

/* ============================================================
   ADD TOKEN PREMIUM — CATEGORY SELECT VISIBILITY FIX
   ============================================================ */

.add-token-premium-page .form-shell select,
.add-token-premium-page .form-shell select option,
.add-token-premium-page .form-shell select optgroup {
  background: var(--tco-surface) !important;
  color: #edf6ff !important;
}

.add-token-premium-page .form-shell select optgroup {
  color: #69b9ff !important;
  font-weight: 700 !important;
}

.add-token-premium-page .form-shell .jq-selectbox,
.add-token-premium-page .form-shell .jq-selectbox__select {
  width: 100% !important;
  max-width: none !important;
  background: var(--tco-surface-3) !important;
  color: #edf6ff !important;
}

.add-token-premium-page .form-shell .jq-selectbox__select {
  min-height: 44px !important;
  padding: 10px 42px 10px 12px !important;
  border: 1px solid rgba(105,185,255,.18) !important;
  border-radius: var(--tco-radius) !important;
  box-shadow: none !important;
}

.add-token-premium-page .form-shell .jq-selectbox__select-text,
.add-token-premium-page .form-shell .jq-selectbox__select-text.placeholder {
  color: #edf6ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.add-token-premium-page .form-shell .jq-selectbox__dropdown {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  padding: 6px !important;
  background: var(--tco-surface) !important;
  border: 1px solid rgba(105,185,255,.20) !important;
  border-radius: var(--tco-radius) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;
  color: #edf6ff !important;
}

.add-token-premium-page .form-shell .jq-selectbox__dropdown ul {
  background: var(--tco-surface) !important;
  color: #edf6ff !important;
}

.add-token-premium-page .form-shell .jq-selectbox__dropdown li {
  padding: 9px 11px !important;
  background: transparent !important;
  color: #dce9f5 !important;
  border-radius: var(--tco-radius-sm) !important;
  text-shadow: none !important;
}

.add-token-premium-page .form-shell .jq-selectbox__dropdown li:hover,
.add-token-premium-page .form-shell .jq-selectbox__dropdown li.selected,
.add-token-premium-page .form-shell .jq-selectbox__dropdown li.sel {
  background: rgba(0,245,160,.10) !important;
  color: #ffffff !important;
}

.add-token-premium-page .form-shell .jq-selectbox__dropdown li.optgroup,
.add-token-premium-page .form-shell .jq-selectbox__dropdown .optgroup {
  color: #69b9ff !important;
  font-weight: 700 !important;
  background: var(--tco-surface-alt) !important;
}

.add-token-premium-page .form-shell .sbHolder,
.add-token-premium-page .form-shell .sbSelector {
  width: 100% !important;
  max-width: none !important;
  background: var(--tco-surface-3) !important;
  color: #edf6ff !important;
  border-color: rgba(105,185,255,.18) !important;
}

.add-token-premium-page .form-shell .sbSelector,
.add-token-premium-page .form-shell .sbSelector:link,
.add-token-premium-page .form-shell .sbSelector:visited,
.add-token-premium-page .form-shell .sbSelector:hover {
  color: #edf6ff !important;
  text-shadow: none !important;
}

.add-token-premium-page .form-shell .sbOptions {
  background: var(--tco-surface) !important;
  border: 1px solid rgba(105,185,255,.20) !important;
  color: #edf6ff !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;
}

.add-token-premium-page .form-shell .sbOptions li,
.add-token-premium-page .form-shell .sbOptions a,
.add-token-premium-page .form-shell .sbOptions a:link,
.add-token-premium-page .form-shell .sbOptions a:visited {
  background: transparent !important;
  color: #dce9f5 !important;
  text-shadow: none !important;
}

.add-token-premium-page .form-shell .sbOptions a:hover,
.add-token-premium-page .form-shell .sbOptions .sbFocus {
  background: rgba(0,245,160,.10) !important;
  color: #ffffff !important;
}

.add-token-premium-page .form-shell .cats-select,
.add-token-premium-page .form-shell .category-select,
.add-token-premium-page .form-shell .category-list,
.add-token-premium-page .form-shell .cat-list,
.add-token-premium-page .form-shell .cats-list,
.add-token-premium-page .form-shell .x-selectable,
.add-token-premium-page .form-shell .x-select-dropdown {
  background: var(--tco-surface) !important;
  color: #edf6ff !important;
  border-color: rgba(105,185,255,.20) !important;
}

.add-token-premium-page .form-shell .cats-select *,
.add-token-premium-page .form-shell .category-select *,
.add-token-premium-page .form-shell .category-list *,
.add-token-premium-page .form-shell .cat-list *,
.add-token-premium-page .form-shell .cats-list *,
.add-token-premium-page .form-shell .x-selectable *,
.add-token-premium-page .form-shell .x-select-dropdown * {
  color: #dce9f5 !important;
  text-shadow: none !important;
}

.add-token-premium-page .form-shell .cats-select strong,
.add-token-premium-page .form-shell .category-select strong,
.add-token-premium-page .form-shell .category-list strong,
.add-token-premium-page .form-shell .cat-list strong,
.add-token-premium-page .form-shell .cats-list strong {
  color: #69b9ff !important;
}

/* ============================================================
   UCOZ CATEGORY PICKER — REAL DARK THEME FIX
   Exact uCoz selectors: #cats-select / .dropdown-cats
   ============================================================ */

/* Main category button */
#cats-select {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  z-index: 9999 !important;
  color: #edf6ff !important;
  font-family: inherit !important;
}

#cats-select .cats-select-btn,
.cats-select-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;

  color: #edf6ff !important;
  text-shadow: none !important;

  background: var(--tco-surface-3) !important;
  background-image: none !important;
  border: 1px solid rgba(105,185,255,.20) !important;
  border-radius: var(--tco-radius) !important;
  box-shadow: none !important;
  filter: none !important;
}

#cats-select .cats-select-btn:hover,
#cats-select.open .cats-select-btn,
.cats-select-btn:hover {
  color: #ffffff !important;
  background: #0e1c28 !important;
  background-image: none !important;
  border-color: rgba(0,245,160,.35) !important;
  box-shadow: 0 0 0 3px rgba(0,245,160,.08) !important;
}

#cats-select .btn-title,
.cats-select-btn .btn-title {
  display: block !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #edf6ff !important;
  text-shadow: none !important;
}

#cats-select .btn-arrow,
.cats-select-btn .btn-arrow {
  flex: 0 0 auto !important;
  margin: 0 0 0 10px !important;
  border-top-color: #69b9ff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Actual uCoz popup */
#cats-select .dropdown-cats,
.dropdown-cats {
  position: absolute !important;
  z-index: 100000 !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: auto !important;

  width: 100% !important;
  min-width: 320px !important;
  max-width: 620px !important;
  max-height: 360px !important;
  overflow: auto !important;

  margin: 0 !important;
  padding: 5px !important;
  box-sizing: border-box !important;

  background: var(--tco-surface) !important;
  background-color: var(--tco-surface) !important;
  color: #dce9f5 !important;

  border: 1px solid rgba(105,185,255,.24) !important;
  border-radius: var(--tco-radius) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55) !important;
  background-clip: padding-box !important;
}

#cats-select.open .dropdown-cats,
.open .dropdown-cats {
  display: block !important;
}

/* Inner list — this was the white area in the screenshot */
.dropdown-cats .dropdown-cats-ul,
.dropdown-cats-ul,
.dropdown-cats-ul ul {
  margin: 0 !important;
  padding: 4px 0 !important;
  list-style: none !important;

  background: var(--tco-surface) !important;
  background-color: var(--tco-surface) !important;
  color: #dce9f5 !important;
}

.dropdown-cats-ul li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  background: var(--tco-surface) !important;
  color: #dce9f5 !important;
}

/* Group headers such as Finance Tokens / Utility Tokens */
.dropdown-cats-ul li,
.dropdown-cats-ul li strong,
.dropdown-cats-ul li b,
.dropdown-cats-ul .cat-name,
.dropdown-cats-ul .cat-title,
.dropdown-cats-ul .group-title {
  color: #dce9f5 !important;
  text-shadow: none !important;
}

.dropdown-cats-ul > li > strong,
.dropdown-cats-ul > li > b,
.dropdown-cats-ul .cat-title,
.dropdown-cats-ul .group-title {
  display: block !important;
  padding: 7px 10px !important;
  color: #69b9ff !important;
  font-weight: 700 !important;
  background: var(--tco-surface-alt) !important;
}

/* Clickable category rows */
.dropdown-cats-ul a,
.dropdown-cats-ul a:link,
.dropdown-cats-ul a:visited,
.dropdown-cats-ul a:active {
  display: block !important;
  position: relative !important;
  padding: 8px 36px 8px 30px !important;

  color: #dce9f5 !important;
  text-decoration: none !important;
  text-shadow: none !important;

  background-color: var(--tco-surface) !important;
  border-radius: var(--tco-radius-sm) !important;
  outline: none !important;
}

.dropdown-cats-ul a span {
  color: inherit !important;
  text-shadow: none !important;
}

.dropdown-cats-ul a:hover,
.dropdown-cats-ul a:hover:active,
.dropdown-cats-ul a.checked {
  color: #ffffff !important;
  background-color: rgba(0,245,160,.12) !important;
}

/* Disabled rows */
.dropdown-cats-ul a.disabled {
  color: #667986 !important;
  background-color: transparent !important;
  opacity: .65 !important;
}

/* Separators */
.dropdown-cats-ul .divider {
  height: 1px !important;
  margin: 6px 8px !important;
  background: var(--tco-border-strong) !important;
  border: 0 !important;
}

/* Native-looking checkbox/tick area */
.dropdown-cats-ul a::before {
  border-color: #7f94a1 !important;
}

/* Scrollbar */
.dropdown-cats {
  scrollbar-width: thin !important;
  scrollbar-color: #2dd4bf var(--tco-surface) !important;
}

.dropdown-cats::-webkit-scrollbar {
  width: 9px !important;
}

.dropdown-cats::-webkit-scrollbar-track {
  background: var(--tco-surface) !important;
}

.dropdown-cats::-webkit-scrollbar-thumb {
  background: #2a9f91 !important;
  border-radius: var(--tco-radius-pill) !important;
  border: 2px solid var(--tco-surface) !important;
}

@media (max-width: 700px) {
  #cats-select .dropdown-cats,
  .dropdown-cats {
    min-width: 100% !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* ============================================================
   PREMIUM CATEGORY POPUP — FALLBACK RADIO PICKER THEME
   ============================================================ */

/* Generic fallback for the newer uCoz radio-based category popup */
body.premium-category-popup-open .premium-category-popup-fixed,
body.premium-category-popup-open .premium-category-popup-fixed ul,
body.premium-category-popup-open .premium-category-popup-fixed li,
body.premium-category-popup-open .premium-category-popup-fixed div {
  background-color: var(--tco-surface) !important;
  background-image: none !important;
}

body.premium-category-popup-open .premium-category-popup-fixed {
  color: #dce9f5 !important;
  border-color: rgba(105,185,255,.24) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55) !important;
  scrollbar-color: #2dd4bf var(--tco-surface) !important;
}

body.premium-category-popup-open .premium-category-popup-fixed label,
body.premium-category-popup-open .premium-category-popup-fixed span,
body.premium-category-popup-open .premium-category-popup-fixed a,
body.premium-category-popup-open .premium-category-popup-fixed p {
  color: #dce9f5 !important;
  text-shadow: none !important;
}

body.premium-category-popup-open .premium-category-popup-fixed strong,
body.premium-category-popup-open .premium-category-popup-fixed b,
body.premium-category-popup-open .premium-category-popup-fixed h1,
body.premium-category-popup-open .premium-category-popup-fixed h2,
body.premium-category-popup-open .premium-category-popup-fixed h3,
body.premium-category-popup-open .premium-category-popup-fixed h4 {
  color: #69b9ff !important;
  text-shadow: none !important;
}

body.premium-category-popup-open .premium-category-popup-fixed input[type="radio"] {
  accent-color: var(--tco-accent) !important;
}

/* ============================================================
   UCOZ CATEGORY PICKER — FORCE DARK FINAL OVERRIDE
   ============================================================ */

html body #cats-select,
html body #cats-select .cats-select-btn,
html body #cats-select .dropdown-cats,
html body .dropdown-cats,
html body .dropdown-cats .dropdown-cats-ul,
html body .dropdown-cats-ul,
html body .dropdown-cats-ul ul,
html body .dropdown-cats-ul li {
  background-color: var(--tco-surface) !important;
  background-image: none !important;
}

html body #cats-select,
html body #cats-select *,
html body .dropdown-cats,
html body .dropdown-cats * {
  text-shadow: none !important;
}

html body #cats-select .cats-select-btn,
html body #cats-select .btn-title {
  color: #edf6ff !important;
}

html body .dropdown-cats,
html body .dropdown-cats li,
html body .dropdown-cats a,
html body .dropdown-cats a:link,
html body .dropdown-cats a:visited,
html body .dropdown-cats span,
html body .dropdown-cats label {
  color: #dce9f5 !important;
}

html body .dropdown-cats strong,
html body .dropdown-cats b {
  color: #69b9ff !important;
}

html body .dropdown-cats a:hover,
html body .dropdown-cats a.checked {
  color: #ffffff !important;
  background-color: rgba(0,245,160,.12) !important;
}

html body .dropdown-cats {
  border-color: rgba(105,185,255,.28) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.58) !important;
}

/* ============================================================
   FILTERED TOKEN DIRECTORY — ENHANCED TOOLBAR / FILTERS
   ============================================================ */

.filtered-token-list-content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Top toolbar */


.token-directory-stats,
.token-directory-actions {
  
  
  
  
  min-width: 0 !important;
}

.token-directory-actions {
  justify-content: flex-end !important;
}

.token-stat-chip {
  display: inline-flex !important;
  align-items: center !important;
  
  

  color: #bfe8ef !important;
  
  font-weight: 700 !important;
  letter-spacing: .05em !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 7px !important;
}

.token-directory-search,
.token-directory-sort {
  min-width: 160px !important;
}

.token-directory-search form,
.token-directory-sort form {
  margin: 0 !important;
}

.token-directory-search input,
.token-directory-search select,
.token-directory-sort select,
.token-directory-sort input {
  min-height: 34px !important;
  width: 100% !important;
  box-sizing: border-box !important;

  color: #e6f4f7 !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .17) !important;
  border-radius: 7px !important;
}

.token-directory-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 12px !important;

  color: #dffcf3 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  background: #103029 !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
  border-radius: 7px !important;
  text-shadow: none !important;
}

.token-directory-add:hover {
  color: #ffffff !important;
  background: #123b31 !important;
  border-color: rgba(var(--tco-success-rgb), .45) !important;
}

/* Filter panel */
.token-filter-panel {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-filter-panel-head {
  
  
  
  
  margin-bottom: 8px !important;
}

.token-filter-panel-title {
  color: #6cebdc !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}

.token-filter-panel-subtitle {
  color: #718994 !important;
  font-size: 10px !important;
}

.filtered-token-list-content .token-filter-bar {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 8px !important;

  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.filtered-token-list-content .token-filter-item {
  max-width: none !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Native uCoz filters */
.filtered-token-list-content .token-filter-item select {
  width: 100% !important;
  min-height: 40px !important;
  box-sizing: border-box !important;

  color: #e8f5f7 !important;
  background-color: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: 7px !important;

  color-scheme: dark !important;
}

.filtered-token-list-content .token-filter-item select option,
.filtered-token-list-content .token-filter-item select optgroup {
  color: #e8f5f7 !important;
  background: var(--tco-surface-hover) !important;
  background-color: var(--tco-surface-hover) !important;
}

.active-filter-line {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
}

.active-filter-chip {
  
  
  min-height: 24px !important;
  

  color: #89aab3 !important;
  font-size: 9px !important;
  font-weight: 700 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-pill) !important;
}

/* Table header strip */
.filtered-list-table-wrap {
  overflow: hidden !important;
}

.token-table-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  padding: 9px 11px !important;
  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.token-table-title {
  color: #d8eef2 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
}

.token-table-count {
  color: #758d96 !important;
  font-size: 9px !important;
}

/* Pagination */
.token-pagination-wrap {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  margin-top: 10px !important;
}

.token-pagination-wrap .paginator {
  margin: 0 !important;
}

.paginator-range {
  min-width: 120px !important;
}

/* Responsive */
@media (max-width: 1050px) {
  .token-directory-toolbar {
    grid-template-columns: 1fr !important;
  }

  .token-directory-actions {
    justify-content: flex-start !important;
  }

  .filtered-token-list-content .token-filter-bar {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  .filtered-token-list-content .token-filter-bar {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .token-filter-panel-head {
    display: block !important;
  }

  .token-filter-panel-subtitle {
    display: block !important;
    margin-top: 3px !important;
  }

  .token-pagination-wrap {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .filtered-token-list-content .token-filter-bar {
    grid-template-columns: 1fr !important;
  }

  .token-directory-search,
  .token-directory-sort,
  .token-directory-add {
    width: 100% !important;
  }
}

/* ============================================================
   FILTERED TOKEN LIST — HIDE EMPTY ACTIVE FILTER CHIPS
   ============================================================ */


.active-filter-chip:empty {
  display: none !important;
}

/* If uCoz leaves only whitespace, JS below removes those nodes. */


/* ============================================================
   TOKEN DIRECTORY — SORTING MENU TABS
   ============================================================ */

.token-directory-sort {
  display: flex !important;
  align-items: center !important;
  
}

.token-directory-sort .u-sort-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}

.token-directory-sort .u-sort-tab,
.token-directory-sort .u-sort-tab:link,
.token-directory-sort .u-sort-tab:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;
  padding: 5px 9px !important;

  color: #9fc4cf !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 7px !important;

  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;

  transition:
    background .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .16s ease !important;
}

.token-directory-sort .u-sort-tab:hover {
  color: var(--tco-text-strong) !important;
  background: rgba(var(--tco-accent-rgb), .08) !important;
  border-color: rgba(var(--tco-accent-rgb), .22) !important;
  transform: translateY(-1px) !important;
}

.token-directory-sort .u-sort-tab.is-current {
  color: #dffff8 !important;
  background: rgba(var(--tco-accent-rgb), .11) !important;
  border-color: rgba(var(--tco-accent-rgb), .32) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--tco-accent-rgb), .04) !important;
}

.token-directory-sort .u-sort-tab.is-current::before {
  content: "SORT " !important;
  margin-right: 4px !important;
  color: #55dfcf !important;
  font-size: 8px !important;
  letter-spacing: .08em !important;
}

@media (max-width: 700px) {
  .token-directory-sort,
  .token-directory-sort .u-sort-tabs {
    width: 100% !important;
  }

  .token-directory-sort .u-sort-tab {
    flex: 1 1 auto !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — COMPACT MODULE SEARCH
   ============================================================ */


.token-directory-search form {
  
  
  

  width: 100% !important;
  
  padding: 0 !important;
}

.token-directory-search input[type="text"],
.token-directory-search input[type="search"] {
  
  
  
  
  

  
  
  box-sizing: border-box !important;

  
  
  
  border-radius: 7px !important;
  
  
}

.token-directory-search input[type="text"]:focus,
.token-directory-search input[type="search"]:focus {
  border-color: rgba(var(--tco-accent-rgb), .42) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .08) !important;
}

.token-directory-search input[type="submit"],
.token-directory-search button {
  
  
  
  
  

  
  

  
  
  
  letter-spacing: .04em !important;

  
  
  
  cursor: pointer !important;
  
  text-shadow: none !important;
}

.token-directory-search input[type="submit"]:hover,
.token-directory-search button:hover {
  color: #ffffff !important;
  background: #123b31 !important;
  border-color: rgba(var(--tco-success-rgb), .42) !important;
}

/* Some uCoz search forms wrap fields in divs/tables */
.token-directory-search table,
.token-directory-search tbody,
.token-directory-search tr,
.token-directory-search td,
.token-directory-search div {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.token-directory-search table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.token-directory-search tr {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.token-directory-search td:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.token-directory-search td:last-child {
  flex: 0 0 auto !important;
}

@media (max-width: 700px) {
  .token-directory-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .token-directory-search form,
  .token-directory-search tr {
    width: 100% !important;
  }

  .token-directory-search input[type="submit"],
  .token-directory-search button {
    min-width: 68px !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — TOP CONTROLS V2
   Table styles are intentionally untouched.
   ============================================================ */

.section-description {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;

  color: #9fb3bb !important;
  font-size: 11px !important;
  line-height: 1.55 !important;

  background: rgba(8,17,26,.82) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.section-description:empty {
  display: none !important;
}

.token-directory-toolbar {
  
  
  justify-content: space-between !important;
  
  flex-wrap: wrap !important;

  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.96) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-directory-stats,
.token-directory-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.token-directory-actions {
  margin-left: auto !important;
}

.token-stat-chip {
  min-height: 28px !important;
  padding: 5px 8px !important;
  font-size: 9px !important;
}

/* Search */
.token-directory-search {
  
  
  

  width: 280px !important;
  max-width: 100% !important;
  min-width: 220px !important;
  min-height: 34px !important;

  
  box-sizing: border-box !important;

  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 7px !important;
}

.token-search-icon {
  flex: 0 0 auto !important;
  color: #55dfcf !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.token-directory-search form {
  
  
  
  
  
  margin: 0 !important;
}


.token-directory-search input[type="submit"],
.token-directory-search button {
  flex: 0 0 auto !important;
  min-width: 44px !important;
  width: auto !important;
  height: 28px !important;
  min-height: 28px !important;

  margin: 0 !important;
  padding: 0 9px !important;

  color: #dffcf3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  background: #103029 !important;
  border: 1px solid rgba(var(--tco-success-rgb), .22) !important;
  border-radius: var(--tco-radius-sm) !important;
  box-shadow: none !important;
}

/* Sorting dropdown */
.token-directory-sort {
  position: relative !important;
  min-width: 140px !important;
}

.token-sort-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  min-height: 34px !important;
  padding: 6px 9px !important;

  color: #d9eef2 !important;
  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 7px !important;
  cursor: pointer !important;
}

.token-sort-label {
  color: #55dfcf !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.token-sort-current {
  font-size: 10px !important;
  font-weight: 700 !important;
}

.token-sort-arrow {
  margin-left: auto !important;
  color: #7e98a2 !important;
  transition: transform .16s ease !important;
}

.token-directory-sort.is-open .token-sort-arrow {
  transform: rotate(180deg) !important;
}

.token-sort-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 5px) !important;
  right: 0 !important;
  z-index: 10000 !important;

  min-width: 180px !important;
  padding: 5px !important;

  background: var(--tco-surface) !important;
  border: 1px solid rgba(105,185,255,.18) !important;
  border-radius: var(--tco-radius) !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.4) !important;
}


.token-sort-menu a,
.token-sort-menu span {
  display: block !important;
  padding: 7px 9px !important;

  color: #b9d0d8 !important;
  font-size: 10px !important;
  text-decoration: none !important;
  text-shadow: none !important;

  border-radius: var(--tco-radius-sm) !important;
}

.token-sort-menu a:hover {
  color: #ffffff !important;
  background: rgba(var(--tco-accent-rgb), .08) !important;
}

/* Filter panel */
.token-filter-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.token-filter-panel-head > div {
  min-width: 0 !important;
}

.token-reset-all {
  flex: 0 0 auto !important;
  
  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;
  padding: 5px 9px !important;

  color: #8fd8ce !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .04) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: var(--tco-radius-sm) !important;
  text-shadow: none !important;
}

.token-reset-all:hover {
  color: #ffffff !important;
  background: rgba(var(--tco-accent-rgb), .08) !important;
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
}

.filtered-token-list-content .token-filter-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
}


/* Active filter chips */
.active-filter-line {
  min-height: 0 !important;
}

.active-filter-line:empty {
  display: none !important;
}

.active-filter-chip {
  display: inline-flex !important;
  align-items: center !important;
  
  padding: 3px 5px 3px 8px !important;
}

.active-filter-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;

  color: #83a6af !important;
  font-size: 13px !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.035) !important;
  border: 0 !important;
  border-radius: var(--tco-radius-pill) !important;
  cursor: pointer !important;
}

.active-filter-remove:hover {
  color: #ffffff !important;
  background: rgba(255,107,107,.18) !important;
}

@media (max-width: 850px) {
  .token-directory-toolbar {
    align-items: stretch !important;
  }

  .token-directory-stats,
  .token-directory-actions {
    width: 100% !important;
  }

  .token-directory-search {
    flex: 1 1 240px !important;
    width: auto !important;
  }
}

@media (max-width: 560px) {
  .token-directory-search,
  .token-directory-sort,
  .token-directory-add {
    width: 100% !important;
  }

  .token-filter-panel-head {
    align-items: flex-start !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — SORT DROPDOWN V3
   ============================================================ */

.token-directory-sort .token-sort-menu {
  display: none !important;
}

.token-directory-sort.is-open .token-sort-menu {
  display: block !important;
}

.token-sort-menu .token-sort-option {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  color: #b9d0d8 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

.token-sort-menu a.token-sort-option:hover {
  color: #ffffff !important;
  background: rgba(var(--tco-accent-rgb), .08) !important;
}

.token-sort-menu .token-sort-option.is-current {
  color: #66e5d5 !important;
  background: rgba(var(--tco-accent-rgb), .055) !important;
  cursor: default !important;
}

/* Old tab styling must not leak into the new sorting control. */
.token-directory-sort .u-sort-tabs,
.token-directory-sort .u-sort-tab {
  all: unset;
}

/* ============================================================
   TOKEN DIRECTORY — FILTER LABELS / ACTIVE COUNT / QUICK MODES
   ============================================================ */

/* Collapsible section description */
.section-description-collapse {
  width: 100% !important;
  margin: 0 0 10px !important;
  box-sizing: border-box !important;

  background: rgba(8,17,26,.88) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
  overflow: hidden !important;
}

.section-description-collapse > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;

  min-height: 38px !important;
  padding: 7px 10px !important;

  color: #cce5ea !important;
  cursor: pointer !important;
  list-style: none !important;
  background: rgba(7,19,24,.94) !important;
}

.section-description-collapse > summary::-webkit-details-marker {
  display: none !important;
}

.section-description-collapse > summary span {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
}

.section-description-collapse > summary small {
  color: #728a94 !important;
  font-size: 9px !important;
}

.section-description-collapse > summary b {
  color: #55dfcf !important;
  font-size: 12px !important;
  transition: transform .16s ease !important;
}

.section-description-collapse[open] > summary b {
  transform: rotate(180deg) !important;
}

.section-description-collapse .section-description {
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 0 !important;
  background: rgba(8,17,26,.78) !important;
}

/* Quick directory modes */
.token-quick-modes {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;

  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 6px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.94) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.token-quick-mode,
.token-quick-mode:link,
.token-quick-mode:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;
  padding: 5px 10px !important;

  color: #8da9b3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.token-quick-mode:hover {
  color: #ffffff !important;
  background: rgba(var(--tco-accent-rgb), .07) !important;
  border-color: rgba(var(--tco-accent-rgb), .18) !important;
}

.token-quick-mode.is-current,
.token-quick-mode.is-all.is-current {
  color: #dffff8 !important;
  background: rgba(var(--tco-accent-rgb), .10) !important;
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
}

/* Filter header with active count */
.token-filter-panel-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.token-filter-active-count {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 3px 6px !important;

  color: #6f8b93 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius-pill) !important;
}

.token-filter-active-count.has-active {
  color: #72e8d8 !important;
  background: rgba(var(--tco-accent-rgb), .06) !important;
  border-color: rgba(var(--tco-accent-rgb), .15) !important;
}

/* Meaningful filter labels */
.token-filter-label {
  color: #71909a !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* Search placeholder */
.token-directory-search input::placeholder {
  color: #607680 !important;
  opacity: 1 !important;
}

@media (max-width: 560px) {
  .token-quick-mode {
    flex: 1 1 calc(50% - 6px) !important;
  }

  .section-description-collapse > summary {
    grid-template-columns: auto 1fr auto !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — QUICK MODES INSIDE TOP TOOLBAR
   ============================================================ */

.token-directory-toolbar {
  display: grid !important;
  grid-template-columns: auto auto minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;
}

.token-directory-toolbar .token-directory-stats {
  justify-self: start !important;
  flex-wrap: nowrap !important;
}

.token-directory-toolbar .token-quick-modes {
  justify-self: start !important;

  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.token-directory-toolbar .token-quick-mode {
  min-height: 30px !important;
  padding: 5px 10px !important;
}

.token-directory-toolbar .token-directory-actions {
  justify-self: end !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

/* Search can give back width when toolbar becomes crowded */


/* Slightly tighter desktop spacing */
.token-directory-toolbar .token-stat-chip {
  white-space: nowrap !important;
}

@media (max-width: 1250px) {
  .token-directory-toolbar {
    grid-template-columns: auto minmax(0,1fr) !important;
  }

  .token-directory-toolbar .token-quick-modes {
    justify-self: end !important;
  }

  .token-directory-toolbar .token-directory-actions {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 850px) {
  .token-directory-toolbar {
    grid-template-columns: 1fr !important;
  }

  .token-directory-toolbar .token-directory-stats,
  .token-directory-toolbar .token-quick-modes,
  .token-directory-toolbar .token-directory-actions {
    width: 100% !important;
    justify-self: stretch !important;
    justify-content: flex-start !important;
  }

  .token-directory-toolbar .token-directory-actions {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 560px) {
  .token-directory-toolbar .token-quick-modes {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  .token-directory-toolbar .token-quick-mode {
    width: 100% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — UX POLISH V4
   RESET VISIBILITY / LABELED CHIPS / ICON SEARCH / MOBILE FILTERS
   ============================================================ */

/* Reset is hidden until JS confirms at least one active filter */
.token-reset-all {
  display: none !important;
}

.token-filter-panel.has-active-filters .token-reset-all {
  display: inline-flex !important;
}

/* Semantic active-filter chips */
.active-filter-chip {
  gap: 4px !important;
}

.active-filter-key {
  color: #5e7c86 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

.active-filter-value {
  color: #bfe7e8 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

/* Search: compact icon action instead of a wide Search button */
.token-directory-search input[type="submit"],
.token-directory-search button[type="submit"] {
  
  
  
  
  
  

  
  
  

  
  
  
  position: relative !important;
}

.token-directory-search input[type="submit"] {
  background-color: #103029 !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23dffcf3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.token-directory-search button[type="submit"]::before {
  
  position: absolute !important;
  inset: 0 !important;
  
  align-items: center !important;
  justify-content: center !important;
  color: #dffcf3 !important;
  text-indent: 0 !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

/* Header actions */
.token-filter-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Mobile toggle hidden on desktop */
.token-mobile-filter-toggle {
  display: none !important;
}

/* Quick-mode labels are a little wider now */
.token-directory-toolbar .token-quick-mode {
  white-space: nowrap !important;
}

/* Mobile collapsible filters */
@media (max-width: 700px) {
  .token-mobile-filter-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    min-height: 28px !important;
    padding: 5px 9px !important;

    color: #9fded6 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;

    background: rgba(var(--tco-accent-rgb), .05) !important;
    border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
    border-radius: var(--tco-radius-sm) !important;
    cursor: pointer !important;
  }

  .token-mobile-filter-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;

    color: #dffff8 !important;
    background: rgba(var(--tco-accent-rgb), .10) !important;
    border-radius: var(--tco-radius-pill) !important;
  }

  .token-filter-panel:not(.is-mobile-open) .token-filter-bar,
  .token-filter-panel:not(.is-mobile-open) .active-filter-line {
    display: none !important;
  }

  .token-filter-panel.is-mobile-open .token-filter-bar {
    display: grid !important;
  }

  .token-filter-panel.is-mobile-open .active-filter-line:not(:empty) {
    display: flex !important;
  }

  .token-filter-panel-head {
    margin-bottom: 0 !important;
  }

  .token-filter-panel.is-mobile-open .token-filter-panel-head {
    margin-bottom: 8px !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — CLEAR SEARCH CONTROL
   Magnifier + field + explicit SEARCH button
   ============================================================ */

.token-directory-search {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 7px 0 10px !important;
}

.token-directory-search .token-search-icon {
  flex: 0 0 auto !important;
  color: #38e4cf !important;
  font-size: 17px !important;
  line-height: 1 !important;
  opacity: .95 !important;
}

.token-directory-search form {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.token-directory-search input[type="text"],
.token-directory-search input[type="search"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 5px 4px !important;

  color: #e8f5f7 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.token-directory-search input[type="text"]::placeholder,
.token-directory-search input[type="search"]::placeholder {
  color: #728892 !important;
  opacity: 1 !important;
}

/* Restore a clear text button instead of the ambiguous arrow */
.token-directory-search input[type="submit"],
.token-directory-search button[type="submit"] {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 70px !important;
  max-width: none !important;
  height: 30px !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 0 11px !important;

  overflow: visible !important;
  color: #dffcf3 !important;
  text-indent: 0 !important;

  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: #103029 !important;
  background-image: none !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: var(--tco-radius-sm) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.token-directory-search button[type="submit"]::before {
  content: none !important;
  display: none !important;
}

.token-directory-search input[type="submit"]:hover,
.token-directory-search button[type="submit"]:hover {
  color: #ffffff !important;
  background: #154238 !important;
  border-color: rgba(var(--tco-success-rgb), .44) !important;
}

@media (max-width: 560px) {
  .token-directory-search input[type="submit"],
  .token-directory-search button[type="submit"] {
    min-width: 64px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — SEARCH REMOVE RIGHT EMPTY SPACE
   ============================================================ */

.token-directory-toolbar .token-directory-search {
  width: fit-content !important;
  max-width: 420px !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
}

.token-directory-toolbar .token-directory-search form {
  width: auto !important;
  flex: 0 1 auto !important;
}

.token-directory-toolbar .token-directory-search input[type="text"],
.token-directory-toolbar .token-directory-search input[type="search"] {
  width: 220px !important;
  max-width: 260px !important;
  min-width: 150px !important;
  flex: 0 1 220px !important;
}

.token-directory-toolbar .token-directory-search input[type="submit"],
.token-directory-toolbar .token-directory-search button[type="submit"] {
  flex: 0 0 auto !important;
}

@media (max-width: 850px) {
  .token-directory-toolbar .token-directory-search {
    width: 100% !important;
    max-width: none !important;
  }

  .token-directory-toolbar .token-directory-search form {
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  .token-directory-toolbar .token-directory-search input[type="text"],
  .token-directory-toolbar .token-directory-search input[type="search"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

/* ============================================================
   TOKEN DIRECTORY — FINAL STICKY TOOLBAR
   ============================================================ */

@media (min-width: 851px) {
  .token-directory-toolbar {
    position: sticky !important;
    top: 8px !important;
    z-index: 12000 !important;

    background: rgba(7,19,24,.985) !important;
    border-color: rgba(var(--tco-accent-rgb), .12) !important;

    box-shadow:
      0 10px 28px rgba(0,0,0,.34),
      0 1px 0 rgba(var(--tco-accent-rgb), .05) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .token-directory-toolbar::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: -1px !important;
    height: 1px !important;

    background: linear-gradient(
      90deg,
      transparent,
      rgba(var(--tco-accent-rgb), .18),
      transparent
    ) !important;

    pointer-events: none !important;
  }
}

/* On mobile keep normal document flow so it does not eat screen space */
@media (max-width: 850px) {
  .token-directory-toolbar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
  }
}

/* ============================================================
   TOKEN HOME PAGE — ONE COLUMN DIRECTORY
   ============================================================ */

.token-home-template,
.token-home-page,
.token-home-page .page-content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.token-home-page {
  margin: 0 !important;
}

/* Compact SEO / intro block */
.token-home-about {
  width: 100% !important;
  margin: 0 0 10px !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.90) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.token-home-about > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;

  min-height: 40px !important;
  padding: 8px 11px !important;

  color: #d9edf1 !important;
  background: rgba(7,19,24,.96) !important;
  cursor: pointer !important;
  list-style: none !important;
}

.token-home-about > summary::-webkit-details-marker {
  display: none !important;
}

.token-home-about-title {
  color: #64e6d6 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.token-home-about > summary small {
  color: #728a94 !important;
  font-size: 9px !important;
}

.token-home-about > summary b {
  color: #55dfcf !important;
  font-size: 13px !important;
  transition: transform .16s ease !important;
}

.token-home-about[open] > summary b {
  transform: rotate(180deg) !important;
}

.token-home-about-body {
  padding: 12px 14px !important;
  color: #9fb3bb !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}

.token-home-about-body h2 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #dff8f6 !important;
  font-size: 14px !important;
  border: 0 !important;
}

.token-home-about-body p {
  margin: 0 0 8px !important;
}

.token-home-about-footnote {
  margin-top: 8px !important;
  padding-top: 8px !important;
  color: #75929a !important;
  font-size: 9px !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}

/* Top toolbar */
.token-home-toolbar {
  display: grid !important;
  grid-template-columns: auto auto minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.975) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-home-stats,
.token-home-quick-modes,
.token-home-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.token-home-stats {
  flex-wrap: nowrap !important;
}

.token-home-quick-modes {
  flex-wrap: nowrap !important;
}

.token-home-actions {
  justify-self: end !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
}

.token-home-quick-mode,
.token-home-quick-mode:link,
.token-home-quick-mode:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;
  padding: 5px 10px !important;

  color: #8ca8b2 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.token-home-quick-mode:hover {
  color: #ffffff !important;
  background: rgba(var(--tco-accent-rgb), .07) !important;
  border-color: rgba(var(--tco-accent-rgb), .18) !important;
}

.token-home-quick-mode.is-current {
  color: #dffff8 !important;
  background: rgba(var(--tco-accent-rgb), .10) !important;
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
}

/* Search */
.token-home-search {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  width: fit-content !important;
  max-width: 420px !important;
  min-width: 0 !important;
  min-height: 34px !important;

  padding: 0 7px 0 10px !important;
  box-sizing: border-box !important;

  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 7px !important;
}

.token-home-search .token-search-icon {
  flex: 0 0 auto !important;
  color: #38e4cf !important;
  font-size: 17px !important;
}

.token-home-search form {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  margin: 0 !important;
}

.token-home-search input[type="text"],
.token-home-search input[type="search"] {
  width: 220px !important;
  max-width: 260px !important;
  min-width: 150px !important;
  height: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 5px 4px !important;

  color: #e8f5f7 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.token-home-search input::placeholder {
  color: #728892 !important;
  opacity: 1 !important;
}

.token-home-search input[type="submit"],
.token-home-search button[type="submit"] {
  width: auto !important;
  min-width: 70px !important;
  height: 30px !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 0 11px !important;

  color: #dffcf3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: #103029 !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: var(--tco-radius-sm) !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.token-home-search input[type="submit"]:hover,
.token-home-search button[type="submit"]:hover {
  color: #fff !important;
  background: #154238 !important;
  border-color: rgba(var(--tco-success-rgb), .44) !important;
}

.token-home-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 34px !important;
  padding: 7px 12px !important;

  color: #dffcf3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  background: #103029 !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: 7px !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

/* Sticky only on desktop */
@media (min-width: 851px) {
  .token-home-toolbar {
    position: sticky !important;
    top: 8px !important;
    z-index: 12000 !important;

    box-shadow:
      0 10px 28px rgba(0,0,0,.34),
      0 1px 0 rgba(var(--tco-accent-rgb), .05) !important;
  }
}

/* Table: one-column page, full width */
.token-home-table-wrap {
  width: 100% !important;
  max-width: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-home-table-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  padding: 9px 11px !important;
  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.token-home-table-title {
  color: #d8eef2 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
}

.token-home-table-count {
  color: #758d96 !important;
  font-size: 9px !important;
}

.token-home-list {
  width: 100% !important;
  max-width: none !important;
  min-width: 980px !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.token-home-list thead tr,
.token-home-list thead td {
  background: #0b1722 !important;
}

.token-home-list thead td {
  padding: 10px 8px !important;
  color: #b8ccd5 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  white-space: nowrap !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.token-home-pagination {
  width: 100% !important;
  margin-top: 10px !important;
}

/* Responsive */
@media (max-width: 1150px) {
  .token-home-toolbar {
    grid-template-columns: auto minmax(0,1fr) !important;
  }

  .token-home-actions {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 850px) {
  .token-home-toolbar {
    grid-template-columns: 1fr !important;
    position: static !important;
  }

  .token-home-stats,
  .token-home-quick-modes,
  .token-home-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .token-home-search {
    width: 100% !important;
    max-width: none !important;
  }

  .token-home-search form {
    width: 100% !important;
  }

  .token-home-search input[type="text"],
  .token-home-search input[type="search"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

@media (max-width: 560px) {
  .token-home-quick-modes {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .token-home-quick-mode,
  .token-home-add {
    width: 100% !important;
  }
}

/* TOKEN HOME — visible SEO description */
.token-home-seo-description {
  margin: 0 !important;
  color: #9fb3bb !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}

/* ============================================================
   TOKEN HOME — SEO DESCRIPTION BELOW PAGE TITLE
   ============================================================ */

.token-home-page .site-page-description {
  width: 100% !important;
  max-width: none !important;
  margin: -2px 0 10px !important;
  padding: 8px 11px !important;
  box-sizing: border-box !important;

  color: #93aab3 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;

  background: rgba(8,17,26,.76) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 7px !important;
}

.token-home-page .site-page-description:empty {
  display: none !important;
}

/* ============================================================
   TOKEN CATEGORY PAGE
   ============================================================ */

.token-category-template,
.token-category-page,
.token-category-page .page-content,
.token-category-page .filtered-token-list-content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.token-category-page .site-page-head {
  width: 100% !important;
  max-width: none !important;
}

.token-category-page .site-page-description {
  width: 100% !important;
  max-width: none !important;
  margin: -2px 0 10px !important;
  padding: 8px 11px !important;
  box-sizing: border-box !important;

  color: #93aab3 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;

  background: rgba(8,17,26,.76) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 7px !important;
}

.token-category-page .site-page-description:empty {
  display: none !important;
}

.token-category-page .token-table-title {
  text-transform: uppercase !important;
}

/* Category pages are one-column: never reserve legacy sidebar width */
.token-category-page .main-page-sidebar,
.token-category-template .main-page-sidebar {
  display: none !important;
}

.token-category-page .filtered-list-table-wrap,
.token-category-page .filtered-token-list {
  width: 100% !important;
  max-width: none !important;
}

/* Native uCoz filter options stay dark */
.token-category-page .token-filter-item select,
.token-category-page .token-filter-item select option,
.token-category-page .token-filter-item select optgroup {
  color-scheme: dark !important;
  background-color: #0d1821 !important;
  color: #d9e9ed !important;
}

/* ============================================================
   TOKEN SEARCH / RATING PAGE
   ============================================================ */

.token-search-rating-template,
.token-search-rating-page,
.token-search-rating-page .page-content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.token-search-rating-page .site-page-head {
  width: 100% !important;
  max-width: none !important;
}

.token-search-rating-page .site-page-description {
  width: 100% !important;
  max-width: none !important;
  margin: -2px 0 10px !important;
  padding: 8px 11px !important;
  box-sizing: border-box !important;

  color: #93aab3 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;

  background: rgba(8,17,26,.76) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 7px !important;
}

.token-search-rating-page .site-page-description:empty {
  display: none !important;
}

/* Main toolbar */
.token-search-rating-toolbar {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.985) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-search-rating-stats,
.token-search-rating-modes,
.token-search-rating-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.token-search-rating-stats {
  flex-wrap: nowrap !important;
}

.token-search-rating-modes {
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.token-search-rating-actions {
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
}

.token-search-rating-mode,
.token-search-rating-mode:link,
.token-search-rating-mode:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;
  padding: 5px 10px !important;

  color: #8ca8b2 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.token-search-rating-mode:hover {
  color: #fff !important;
  background: rgba(var(--tco-accent-rgb), .07) !important;
  border-color: rgba(var(--tco-accent-rgb), .18) !important;
}

.token-search-rating-mode.is-current {
  color: #dffff8 !important;
  background: rgba(var(--tco-accent-rgb), .10) !important;
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
}

/* Search */
.token-search-rating-search {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  width: fit-content !important;
  max-width: 420px !important;
  min-width: 0 !important;
  min-height: 34px !important;

  padding: 0 7px 0 10px !important;
  box-sizing: border-box !important;

  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 7px !important;
}

.token-search-rating-search .token-search-icon {
  flex: 0 0 auto !important;
  color: #38e4cf !important;
  font-size: 17px !important;
}

.token-search-rating-search form {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  margin: 0 !important;
}

.token-search-rating-search input[type="text"],
.token-search-rating-search input[type="search"] {
  width: 210px !important;
  max-width: 250px !important;
  min-width: 140px !important;
  height: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 5px 4px !important;

  color: #e8f5f7 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.token-search-rating-search input::placeholder {
  color: #728892 !important;
  opacity: 1 !important;
}

.token-search-rating-search input[type="submit"],
.token-search-rating-search button[type="submit"] {
  width: auto !important;
  min-width: 70px !important;
  height: 30px !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 0 11px !important;

  color: #dffcf3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: #103029 !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: var(--tco-radius-sm) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.token-search-rating-search input[type="submit"]:hover,
.token-search-rating-search button[type="submit"]:hover {
  color: #fff !important;
  background: #154238 !important;
  border-color: rgba(var(--tco-success-rgb), .44) !important;
}

.token-search-rating-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 34px !important;
  padding: 7px 12px !important;

  color: #dffcf3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  white-space: nowrap !important;

  background: #103029 !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: 7px !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

/* Results container */
.token-search-rating-results {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-search-rating-results-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  padding: 9px 11px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.token-search-rating-results-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.token-search-rating-results-kicker {
  color: #5fe1d1 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.token-search-rating-results-title {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #d8eef2 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.token-search-rating-results-count {
  flex: 0 0 auto !important;
  color: #758d96 !important;
  font-size: 9px !important;
  white-space: nowrap !important;
}

.token-search-rating-body {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
}

/* uCoz body tables/lists should use the full available column */
.token-search-rating-body > table,
.token-search-rating-body table.list {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.token-search-rating-pagination {
  width: 100% !important;
  margin-top: 10px !important;
}

/* Sticky on desktop only */
@media (min-width: 851px) {
  .token-search-rating-toolbar {
    position: sticky !important;
    top: 8px !important;
    z-index: 12000 !important;

    box-shadow:
      0 10px 28px rgba(0,0,0,.34),
      0 1px 0 rgba(var(--tco-accent-rgb), .05) !important;
  }
}

@media (max-width: 1350px) {
  .token-search-rating-toolbar {
    grid-template-columns: auto minmax(0,1fr) !important;
  }

  .token-search-rating-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 850px) {
  .token-search-rating-toolbar {
    grid-template-columns: 1fr !important;
    position: static !important;
  }

  .token-search-rating-stats,
  .token-search-rating-modes,
  .token-search-rating-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .token-search-rating-search {
    width: 100% !important;
    max-width: none !important;
  }

  .token-search-rating-search form {
    width: 100% !important;
  }

  .token-search-rating-search input[type="text"],
  .token-search-rating-search input[type="search"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

@media (max-width: 560px) {
  .token-search-rating-modes {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .token-search-rating-mode,
  .token-search-rating-add {
    width: 100% !important;
  }

  .token-search-rating-results-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ============================================================
   TOKEN DETAIL PAGE — ONE COLUMN
   ============================================================ */

.token-detail-template,
.token-detail-page,
.token-detail-page .page-content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.token-detail-page-head {
  width: 100% !important;
}

.token-detail-kicker {
  margin-bottom: 4px !important;
  color: #55d9ca !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.token-detail-page .site-page-description {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 5px 0 10px !important;
  padding: 5px 9px !important;

  color: #859da6 !important;
  font-size: 9px !important;
  line-height: 1.4 !important;

  background: rgba(8,17,26,.72) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* Hero */
.token-detail-hero {
  display: grid !important;
  grid-template-columns: 220px minmax(0,1fr) !important;
  gap: 12px !important;

  width: 100% !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}

.token-detail-identity,
.token-detail-main,
.token-contract-card,
.token-detail-chart-card,
.token-detail-content-grid,
.token-detail-brief,
.token-detail-message {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.token-detail-identity {
  overflow: hidden !important;
  background: rgba(8,17,26,.96) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-detail-logo {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

.token-detail-coin-card {
  margin: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  border-top: 1px solid var(--tco-border-mid) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.token-detail-rating {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.token-detail-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Contract */
.token-contract-card {
  padding: 12px !important;
  background: rgba(8,17,26,.96) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-contract-label {
  margin-bottom: 8px !important;
  color: #58e0d0 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.token-contract-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
}

.token-contract-row .aurora-box {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.token-contract-row .aurora-text {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.token-copied-message {
  flex: 0 0 auto !important;
  color: #6ce5d6 !important;
  font-size: 9px !important;
}

/* Social / explorer icons */
.token-detail-main .dex-icons {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 8px 10px !important;

  background: rgba(8,17,26,.92) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.token-detail-main .dex-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.token-detail-main .dex-icons img {
  display: block !important;
}

/* Information cards */
.token-detail-info-grid {
  margin: 0 !important;
}

.token-detail-info-grid .dex-card {
  min-width: 0 !important;
}

/* Banner */
.token-detail-banner {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 9px !important;
}

.token-detail-banner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 150px !important;
  object-fit: cover !important;
  border: 0 !important;
}

/* Chart */
.token-detail-chart-card {
  width: 100% !important;
  margin: 0 0 10px !important;
}

.token-detail-chart-card #dexscreener-embed,
.token-detail-chart-card iframe {
  width: 100% !important;
  max-width: none !important;
}

.token-detail-chart-card iframe {
  min-height: 520px !important;
  border: 0 !important;
}

/* Tags */
.token-detail-tags {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Content + message */
.token-detail-content-grid {
  display: grid !important;
  grid-template-columns: minmax(0,2fr) minmax(260px,1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}

.token-detail-brief,
.token-detail-message {
  padding: 12px !important;
  background: rgba(8,17,26,.94) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.token-detail-message .dex-message {
  margin: 0 !important;
}

/* Comments full width */
.token-detail-page .comments-wrap {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Kill legacy fixed-column constraints if old CSS still exists */
.token-detail-template .token-main-column,
.token-detail-template .token-sidebar-column,
.token-detail-template .token-detail-shell {
  width: 100% !important;
  max-width: none !important;
}

.token-detail-template .token-sidebar-column {
  display: none !important;
}

@media (max-width: 900px) {
  .token-detail-hero {
    grid-template-columns: 180px minmax(0,1fr) !important;
  }

  .token-detail-content-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 650px) {
  .token-detail-hero {
    grid-template-columns: 1fr !important;
  }

  .token-detail-identity {
    
    grid-template-columns: 130px minmax(0,1fr) !important;
    align-items: stretch !important;
  }

  

  

  .token-detail-chart-card iframe {
    min-height: 430px !important;
  }
}

@media (max-width: 430px) {
  .token-detail-identity {
    grid-template-columns: 105px minmax(0,1fr) !important;
  }

  .token-detail-logo {
    width: 105px !important;
    height: 105px !important;
  }

  .token-contract-row {
    align-items: stretch !important;
  }

  .token-detail-chart-card iframe {
    min-height: 360px !important;
  }
}

/* ============================================================
   TOKEN DETAIL — CLEAR BREADCRUMBS
   ============================================================ */

.token-detail-page .token-detail-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  max-width: 100% !important;
  margin: 0 0 8px !important;
  padding: 6px 9px !important;

  background: rgba(7,19,24,.94) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 7px !important;

  box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;
}

.token-detail-page .token-detail-breadcrumb a,
.token-detail-page .token-detail-breadcrumb a:link,
.token-detail-page .token-detail-breadcrumb a:visited {
  color: #b9e8e2 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .045em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.token-detail-page .token-detail-breadcrumb a:hover {
  color: #ffffff !important;
}

.token-detail-page .token-detail-breadcrumb a:first-child {
  color: #53e2d2 !important;
}

.token-detail-breadcrumb-sep {
  color: #58737c !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (max-width: 560px) {
  .token-detail-page .token-detail-breadcrumb {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .token-detail-page .token-detail-breadcrumb a {
    font-size: 9px !important;
  }
}

/* ============================================================
   TOKEN DETAIL — DARK NATIVE SELECT / RATE MENU
   ============================================================ */

.token-detail-template {
  color-scheme: dark !important;
}

.token-detail-page select,
.token-detail-page select option,
.token-detail-page select optgroup,
.token-detail-page .coin-card select,
.token-detail-page .token-detail-rating select {
  color-scheme: dark !important;
  background-color: var(--tco-surface-hover) !important;
  color: #dcecef !important;
}

.token-detail-page select {
  border: 1px solid rgba(var(--tco-accent-rgb), .22) !important;
  border-radius: 7px !important;
  outline: none !important;
}

.token-detail-page select:focus {
  border-color: rgba(var(--tco-accent-rgb), .42) !important;
  box-shadow: 0 0 0 1px rgba(var(--tco-accent-rgb), .08) !important;
}

.token-detail-page select option:checked,
.token-detail-page select option:hover {
  background-color: #123229 !important;
  color: #ffffff !important;
}

/* ============================================================
   TOKEN DETAIL — TERMINAL POLISH V2
   BADGES / PRIMARY PRICE / CONTRACT / ACTIONS / MARKET / TAGS
   ============================================================ */

/* 1 — clear attribute badges under token name */
.token-detail-badges {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 6px 0 10px !important;
}

.token-detail-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 27px !important;
  padding: 5px 8px !important;

  color: #d9efed !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  background: rgba(8,23,28,.94) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.token-detail-badge small {
  color: #5e7b84 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.token-detail-badge-chain {
  color: #6de7d8 !important;
  border-color: rgba(var(--tco-accent-rgb), .22) !important;
}

.token-detail-badge-status {
  color: #bdeede !important;
}

/* Left identity block is now identity/rating only */
.token-detail-coin-card .coin-title {
  margin-top: 7px !important;
}

.token-detail-coin-card .coin-views {
  margin-top: 5px !important;
}

/* 3 — compact contract */
.token-contract-row .aurora-box {
  overflow: hidden !important;
}

.token-contract-address {
  max-width: 100% !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 11px !important;
  letter-spacing: .015em !important;
}

.token-contract-card .copy-btn {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 32px !important;
}

.token-copied-message {
  padding: 4px 7px !important;
  background: rgba(var(--tco-accent-rgb), .07) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: 5px !important;
}

/* 4 — primary actions */
.token-primary-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
}

.token-primary-action,
.token-primary-action:link,
.token-primary-action:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 13px !important;

  color: #b8d9d7 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;

  background: rgba(9,25,29,.96) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .15) !important;
  border-radius: 7px !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.token-primary-action:hover {
  color: #fff !important;
  border-color: rgba(var(--tco-accent-rgb), .34) !important;
  background: rgba(13,43,42,.96) !important;
}

.token-primary-action-trade {
  color: #e2fff8 !important;
  background: var(--tco-accent-deep) !important;
  border-color: rgba(var(--tco-success-rgb), .32) !important;
}

/* 2 + 7 — market panel */
.token-market-panel {
  display: grid !important;
  grid-template-columns:
    minmax(180px,1.55fr)
    minmax(100px,.75fr)
    minmax(120px,1fr)
    minmax(120px,1fr)
    minmax(100px,.8fr) !important;
  gap: 1px !important;
  width: 100% !important;
  overflow: hidden !important;

  background: var(--tco-border) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-card) !important;
}

.token-market-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 67px !important;
  padding: 9px 11px !important;
  box-sizing: border-box !important;

  background: #09151e !important;
}

.token-market-item-price {
  background: #0a1b20 !important;
}

.token-market-label {
  margin-bottom: 5px !important;
  color: #5e7781 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.token-market-price {
  overflow: hidden !important;
  color: #ecfffb !important;
  font-size: clamp(18px,2vw,27px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

.token-market-value,
.token-market-chain {
  overflow: hidden !important;
  color: #d3e6e9 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.token-market-chain {
  color: #69dfd2 !important;
  text-transform: uppercase !important;
}

/* 6 — real status badge, not a hard-coded VERIFIED state */
.token-detail-info-grid .dex-status-badge {
  color: #c4e9e4 !important;
  background: rgba(var(--tco-accent-rgb), .07) !important;
  border-color: rgba(var(--tco-accent-rgb), .16) !important;
}

/* Secondary social icons stay secondary */
.token-detail-main .dex-icons {
  opacity: .94 !important;
}

.token-detail-main .dex-icons img {
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/* 9 — tags as badges */
.token-detail-tags {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 8px 10px !important;
}

.token-tags-label {
  flex: 0 0 auto !important;
  color: #5f7a83 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
}

.token-tags-list {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.token-tags-list a,
.token-tags-list .token-tag-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 4px 8px !important;

  color: #a9d9d4 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  background: rgba(var(--tco-accent-rgb), .045) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: var(--tco-radius-pill) !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.token-tags-list a:hover {
  color: #fff !important;
  background: rgba(var(--tco-accent-rgb), .09) !important;
  border-color: rgba(var(--tco-accent-rgb), .26) !important;
}

@media (max-width: 900px) {
  .token-market-panel {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }

  .token-market-item-price {
    grid-column: span 2 !important;
  }
}

@media (max-width: 650px) {
  .token-primary-actions {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }

  .token-primary-action {
    width: 100% !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .token-market-panel {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .token-market-item-price {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 430px) {
  .token-detail-badge {
    font-size: 8px !important;
  }

  .token-primary-actions {
    grid-template-columns: 1fr !important;
  }

  .token-market-panel {
    grid-template-columns: 1fr 1fr !important;
  }

  .token-market-item {
    min-height: 60px !important;
  }
}

/* ============================================================
   TOKEN DETAIL — MARKET PANEL BACK UNDER TOKEN IMAGE
   ============================================================ */

/* Market data belongs to the identity column again */
.token-detail-identity .token-market-panel {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1px !important;

  width: 100% !important;
  margin: 0 !important;

  background: var(--tco-border) !important;
  border: 0 !important;
  border-top: 1px solid var(--tco-border-mid) !important;
  border-radius: 0 !important;
}

.token-detail-identity .token-market-item {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 8px 9px !important;
  background: #09151e !important;
}

.token-detail-identity .token-market-item-price {
  grid-column: 1 / -1 !important;
  min-height: 72px !important;
  background: #0a1b20 !important;
}

.token-detail-identity .token-market-label {
  margin-bottom: 4px !important;
  font-size: 7px !important;
}

.token-detail-identity .token-market-price {
  font-size: 23px !important;
  line-height: 1.05 !important;
}

.token-detail-identity .token-market-value,
.token-detail-identity .token-market-chain {
  font-size: 11px !important;
}

/* Chain gets its own full-width last row to avoid cramped text */


/* The old full-width market-panel layout should not affect this placement */
.token-detail-main > .token-market-panel {
  display: none !important;
}

@media (max-width: 650px) {
  .token-detail-identity {
    display: block !important;
  }

  .token-detail-logo {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  .token-detail-coin-card {
    border-left: 0 !important;
    border-top: 1px solid var(--tco-border-mid) !important;
  }

  .token-detail-identity .token-market-panel {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

/* ============================================================
   TOKEN DETAIL — MARKET GRID NO EMPTY CELL
   ============================================================ */

.token-detail-identity .token-market-item:last-child {
  grid-column: auto !important;
  min-height: 58px !important;
}

/* ============================================================
   TOKEN DETAIL — 24H CHANGE COLORS
   ============================================================ */

.token-market-panel .coin-change {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: fit-content !important;
  min-width: 86px !important;
  min-height: 30px !important;
  padding: 5px 10px !important;

  color: #aabdc3 !important;
  background: var(--tco-line-soft) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-pill) !important;
}

.token-market-panel .coin-change.is-positive {
  color: #7ff0c8 !important;
  background: rgba(0,196,125,.10) !important;
  border-color: rgba(0,230,150,.22) !important;
}

.token-market-panel .coin-change.is-negative {
  color: #ff8f97 !important;
  background: rgba(220,45,62,.11) !important;
  border-color: rgba(255,78,92,.24) !important;
}

.token-market-panel .coin-change.is-neutral {
  color: #aabdc3 !important;
  background: var(--tco-line-soft) !important;
  border-color: rgba(255,255,255,.07) !important;
}

/* ============================================================
   TOKEN LIST ITEM — COMMON TABLE STYLE
   Used by main / category / filtered / search-result token lists
   ============================================================ */

table.list .token-list-row,
table.list .token-list-row > td {
  background: #0b1117 !important;
}

table.list .token-list-row {
  border-bottom: 1px solid var(--tco-border) !important;
}

table.list .token-list-row > td {
  position: relative !important;
  padding: 9px 10px !important;
  vertical-align: middle !important;

  color: #9fb4bc !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

table.list .token-list-row:hover,
table.list .token-list-row:hover > td {
  background: #0d151c !important;
}

/* Subtle dividers, matching the current terminal UI */
table.list .token-list-row > td:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 20% !important;
  right: 0 !important;
  width: 1px !important;
  height: 60% !important;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(var(--tco-accent-rgb), .12),
    transparent
  ) !important;
}

/* Column alignment */
table.list .token-list-row > .c0 {
  width: 64px !important;
  text-align: center !important;
}

table.list .token-list-row > .c2 {
  text-align: left !important;
}

table.list .token-list-row > .c3,
table.list .token-list-row > .c4,
table.list .token-list-row > .c5,
table.list .token-list-row > .c6,
table.list .token-list-row > .c7,
table.list .token-list-row > .c8,
table.list .token-list-row > .c9,
table.list .token-list-row > .c10 {
  text-align: center !important;
}

table.list .token-list-row > .c5 {
  width: 78px !important;
}

table.list .token-list-row > .c9 {
  width: 120px !important;
}

table.list .token-list-row > .c10 {
  width: 130px !important;
}

/* Token logo */
.token-list-logo {
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto !important;

  object-fit: cover !important;
  background: #081219 !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .24) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 3px rgba(var(--tco-accent-rgb), .025) !important;
}

/* Token identity */
.token-list-name {
  min-width: 0 !important;
  margin-bottom: 2px !important;
}

.token-list-name a,
.token-list-name a:link,
.token-list-name a:visited {
  color: #e4f4f5 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.token-list-name a:hover {
  color: #69e4d5 !important;
}

.token-list-symbol {
  color: #607984 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

.token-list-vip {
  width: 17px !important;
  height: 17px !important;
  margin-left: 5px !important;
  vertical-align: middle !important;
}

/* Section/category links */
table.list .token-list-row > .c3 a,
table.list .token-list-row > .c4 a {
  color: #8fb5bc !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

table.list .token-list-row > .c3 a:hover,
table.list .token-list-row > .c4 a:hover {
  color: #d7f5f1 !important;
}

/* Chain icon */
.token-list-chain-icon {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* Small data badges */
.token-list-age,
.token-list-status,
.token-list-liquidity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 25px !important;
  max-width: 100% !important;
  padding: 4px 7px !important;

  color: #a9c3c7 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.token-list-status {
  color: #b9e6dc !important;
  background: rgba(var(--tco-accent-rgb), .045) !important;
  border-color: rgba(var(--tco-accent-rgb), .10) !important;
}

/* Market cap */
table.list .token-list-row .coin-mcap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 29px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 5px 8px !important;

  color: #c7dce1 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 7px !important;

  backdrop-filter: none !important;
  text-shadow: none !important;
}

/* Price + 24h */
table.list .token-list-row .coin-price {
  display: block !important;
  margin: 0 !important;

  color: #e7f6f7 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  text-shadow: none !important;
}

table.list .token-list-row .coin-price:hover {
  text-shadow: none !important;
}

table.list .token-list-row .coin-change {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 21px !important;
  margin: 4px 0 0 !important;
  padding: 3px 7px !important;

  color: #aabdc3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-pill) !important;

  backdrop-filter: none !important;
}

table.list .token-list-row .coin-change.is-positive {
  color: var(--tco-success) !important;
  background: rgba(0,196,125,.08) !important;
  border-color: rgba(0,230,150,.17) !important;
}

table.list .token-list-row .coin-change.is-negative {
  color: var(--tco-danger) !important;
  background: rgba(220,45,62,.09) !important;
  border-color: rgba(255,78,92,.19) !important;
}

table.list .token-list-row .coin-change.is-neutral {
  color: #91a7ae !important;
}

/* Keep admin controls from stretching the token cell */
table.list .token-list-row .u-mpanel,
table.list .token-list-row .moder-panel {
  display: inline-block !important;
  margin-left: 5px !important;
}

/* Responsive tables still scroll horizontally in their page wrappers */
@media (max-width: 850px) {
  table.list .token-list-row > td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .token-list-logo {
    width: 36px !important;
    height: 36px !important;
  }

  .token-list-chain-icon {
    width: 28px !important;
    height: 28px !important;
  }
}

/* ============================================================
   TOKEN LIST — SECTION / CATEGORY WIDTH FIX
   ============================================================ */

table.list .token-list-row > .c3,
table.list .token-list-row > .c4,
table.list thead .c3,
table.list thead .c4 {
  width: 170px !important;
  min-width: 170px !important;
}

table.list .token-list-row > .c3,
table.list .token-list-row > .c4 {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

table.list .token-list-row > .c3 a,
table.list .token-list-row > .c4 a {
  display: inline-block !important;
  max-width: 150px !important;

  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;

  line-height: 1.35 !important;
  text-align: center !important;
}

/* Give the entire token table enough room instead of squeezing columns */
table.list {
  min-width: 1180px !important;
}

@media (max-width: 850px) {
  table.list .token-list-row > .c3,
  table.list .token-list-row > .c4,
  table.list thead .c3,
  table.list thead .c4 {
    width: 155px !important;
    min-width: 155px !important;
  }

  table.list .token-list-row > .c3 a,
  table.list .token-list-row > .c4 a {
    max-width: 138px !important;
  }
}

/* ============================================================
   HOMEPAGE TOKEN INFORMER — COMMON STYLE
   ============================================================ */

.token-informer-item {
  display: grid !important;
  grid-template-columns:
    64px
    minmax(170px,1.6fr)
    minmax(150px,1.1fr)
    minmax(150px,1.1fr)
    95px
    105px
    110px
    110px
    125px
    135px !important;

  align-items: stretch !important;
  width: 100% !important;
  min-width: 1120px !important;
  box-sizing: border-box !important;

  background: #0b1117 !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.token-informer-item:hover {
  background: #0d151c !important;
}

.token-informer-cell {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;

  padding: 9px 10px !important;
  box-sizing: border-box !important;

  color: #9fb4bc !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.token-informer-cell:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 20% !important;
  right: 0 !important;
  width: 1px !important;
  height: 60% !important;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(var(--tco-accent-rgb), .12),
    transparent
  ) !important;
}

.token-informer-center,
.token-informer-chain-cell,
.token-informer-market {
  justify-content: center !important;
  text-align: center !important;
}

/* Logo */
.token-informer-logo {
  justify-content: center !important;
}

.token-informer-logo-img {
  display: block !important;
  width: 42px !important;
  height: 42px !important;

  object-fit: cover !important;
  background: #081219 !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .24) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 3px rgba(var(--tco-accent-rgb), .025) !important;
}

/* Name / ticker */
.token-informer-name {
  display: block !important;
}

.token-informer-title {
  min-width: 0 !important;
  margin-bottom: 2px !important;
}

.token-informer-title a,
.token-informer-title a:link,
.token-informer-title a:visited {
  color: #e4f4f5 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.token-informer-title a:hover {
  color: #69e4d5 !important;
}

.token-informer-sub {
  color: #607984 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

/* Section and category: allow 2-line wrapping */
.token-informer-section,
.token-informer-category {
  justify-content: center !important;
  text-align: center !important;
}

.token-informer-link,
.token-informer-link:link,
.token-informer-link:visited {
  display: inline-block !important;
  max-width: 135px !important;

  color: #8fb5bc !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;

  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.token-informer-link:hover {
  color: #d7f5f1 !important;
}

/* Chain */
.token-informer-chain {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 26px !important;
  padding: 4px 8px !important;

  color: #6fe2d4 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  background: rgba(var(--tco-accent-rgb), .045) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* Generic metrics */
.token-informer-metric,
.token-informer-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 25px !important;
  max-width: 100% !important;
  padding: 4px 7px !important;

  color: #a9c3c7 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.token-informer-status {
  color: #b9e6dc !important;
  background: rgba(var(--tco-accent-rgb), .045) !important;
  border-color: rgba(var(--tco-accent-rgb), .10) !important;
}

/* MCAP */
.token-informer-mcap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 29px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 5px 8px !important;

  color: #c7dce1 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 7px !important;
}

/* Price + 24h */
.token-informer-market {
  flex-direction: column !important;
}

.token-informer-price {
  display: block !important;
  margin: 0 !important;

  color: #e7f6f7 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.token-informer-change {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 21px !important;
  margin: 4px 0 0 !important;
  padding: 3px 7px !important;

  color: #91a7ae !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-pill) !important;
}

.token-informer-change.is-positive {
  color: var(--tco-success) !important;
  background: rgba(0,196,125,.08) !important;
  border-color: rgba(0,230,150,.17) !important;
}

.token-informer-change.is-negative {
  color: var(--tco-danger) !important;
  background: rgba(220,45,62,.09) !important;
  border-color: rgba(255,78,92,.19) !important;
}

.token-informer-change.is-neutral {
  color: #91a7ae !important;
}

.token-informer-loading {
  opacity: .72 !important;
}

/* If informer is placed inside a narrower homepage block */
.token-informer-shell,
.token-informer-list,
.token-informer-scroll {
  width: 100% !important;
  max-width: none !important;
}

.token-informer-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

@media (max-width: 850px) {
  .token-informer-item {
    grid-template-columns:
      56px
      minmax(160px,1.5fr)
      145px
      145px
      88px
      100px
      105px
      105px
      115px
      125px !important;

    min-width: 1050px !important;
  }

  .token-informer-cell {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .token-informer-logo-img {
    width: 36px !important;
    height: 36px !important;
  }
}

/* ============================================================
   HOMEPAGE TOKEN INFORMER — CHAIN ICONS
   ============================================================ */

.token-informer-chain-cell {
  justify-content: center !important;
  text-align: center !important;
}

.token-informer-chain-visual {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: 9px !important;
}

.token-informer-chain-icon {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;

  object-fit: contain !important;
}

.token-informer-chain-fallback {
  display: none !important;

  color: #6fe2d4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

/* If uCoz did not output a recognized chain icon, JS enables fallback text */
.token-informer-chain-visual.no-chain-icon {
  width: auto !important;
  min-width: 64px !important;
  height: 30px !important;
  padding: 0 7px !important;
}

.token-informer-chain-visual.no-chain-icon .token-informer-chain-fallback {
  display: inline !important;
}

@media (max-width: 850px) {
  .token-informer-chain-visual {
    width: 38px !important;
    height: 38px !important;
  }

  .token-informer-chain-icon {
    width: 28px !important;
    height: 28px !important;
  }
}

/* ============================================================
   USER LOGIN PAGE — COMMON SITE STYLE
   ============================================================ */

.user-auth-template,
.user-auth-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-auth-page {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  min-height: calc(100vh - 180px) !important;
  padding-top: 34px !important;
  padding-bottom: 42px !important;
}

.user-auth-shell {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(360px,480px) !important;
  gap: 18px !important;

  width: min(1040px,100%) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}

/* Left introduction */
.user-auth-intro {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  min-height: 430px !important;
  padding: 34px !important;
  box-sizing: border-box !important;

  background: rgba(7,17,24,.86) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-panel) !important;
}

.user-auth-kicker {
  margin-bottom: 10px !important;

  color: #56e0d0 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

.user-auth-title {
  max-width: 620px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;

  color: #ecf9f8 !important;
  font-size: clamp(24px,3vw,38px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;

  border: 0 !important;
  text-shadow: none !important;
}

.user-auth-description {
  max-width: 580px !important;
  margin: 0 !important;

  color: #8fa7b0 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

.user-auth-features {
  display: grid !important;
  gap: 8px !important;
  margin-top: 24px !important;
}

.user-auth-feature {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  color: #9db4ba !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.user-auth-feature-dot {
  display: block !important;
  width: 6px !important;
  height: 6px !important;

  background: #49dbc9 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 8px rgba(73,219,201,.35) !important;
}

/* Login card */
.user-auth-card {
  min-width: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;

  background: rgba(8,17,26,.975) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-panel) !important;

  box-shadow: 0 18px 44px rgba(0,0,0,.28) !important;
}

.user-auth-card-head {
  margin-bottom: 16px !important;
}

.user-auth-card-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin-bottom: 8px !important;
  padding: 4px 8px !important;

  color: #61e1d2 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;

  background: rgba(var(--tco-accent-rgb), .045) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .11) !important;
  border-radius: var(--tco-radius-pill) !important;
}

.user-auth-card-head h2 {
  margin: 0 0 5px !important;
  padding: 0 !important;

  color: #e8f5f5 !important;
  font-size: 18px !important;
  font-weight: 800 !important;

  border: 0 !important;
}

.user-auth-card-head p {
  margin: 0 !important;

  color: #738b94 !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}

/* uCoz DIV login form */
.user-login-form {
  width: 100% !important;
}

.user-login-form form,
.user-login-form > div {
  width: 100% !important;
  max-width: none !important;
}

.user-login-form table {
  width: 100% !important;
  max-width: none !important;
  border-collapse: collapse !important;
}

.user-login-form td {
  padding: 5px 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.user-login-form label,
.user-login-form .loginLabel,
.user-login-form .login-label {
  display: block !important;
  margin: 0 0 5px !important;

  color: #859da5 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}

.user-login-form input[type="text"],
.user-login-form input[type="email"],
.user-login-form input[type="password"] {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 0 9px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;

  color: #e7f5f6 !important;
  font-size: 11px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius) !important;

  outline: 0 !important;
  box-shadow: none !important;
}

.user-login-form input[type="text"]:focus,
.user-login-form input[type="email"]:focus,
.user-login-form input[type="password"]:focus {
  border-color: rgba(var(--tco-accent-rgb), .30) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .035) !important;
}

.user-login-form input[type="checkbox"] {
  accent-color: #25cdb9 !important;
}

.user-login-form input[type="submit"],
.user-login-form button[type="submit"],
.user-login-form input[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 40px !important;
  margin-top: 4px !important;
  padding: 8px 12px !important;

  color: #e5fff9 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .28) !important;
  border-radius: var(--tco-radius) !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.user-login-form input[type="submit"]:hover,
.user-login-form button[type="submit"]:hover,
.user-login-form input[type="button"]:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .46) !important;
}

/* Generic links inside uCoz login form */
.user-login-form a,
.user-login-form a:link,
.user-login-form a:visited {
  color: #74cfc4 !important;
  font-size: 9px !important;
  text-decoration: none !important;
}

.user-login-form a:hover {
  color: #fff !important;
}

/* Register */
.user-auth-register {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  margin-top: 13px !important;
  padding-top: 12px !important;

  border-top: 1px solid var(--tco-border-mid) !important;
}

.user-auth-register span {
  color: #70878f !important;
  font-size: 9px !important;
}

.user-auth-register a {
  color: #73dfd2 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-decoration: none !important;
}

/* Social login */
.user-auth-divider {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 16px 0 10px !important;
}

.user-auth-divider::before,
.user-auth-divider::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: var(--tco-border) !important;
}

.user-auth-divider span {
  flex: 0 0 auto !important;
  color: #526971 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.user-auth-social {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;
}

.user-auth-social-item {
  min-width: 0 !important;
}

.user-auth-social-item > * {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Logged-in state */
.user-auth-account {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  padding: 11px !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: 9px !important;
}

.user-auth-account-avatar {
  flex: 0 0 48px !important;
}

.user-auth-account-avatar img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;

  object-fit: cover !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: 50% !important;
}

.user-auth-account-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.user-auth-account-info strong {
  overflow: hidden !important;
  color: #e2f4f3 !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.user-auth-account-info span {
  margin-top: 2px !important;
  color: #68818a !important;
  font-size: 9px !important;
}

.user-auth-account-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  margin-top: 10px !important;
}

.user-auth-primary-btn,
.user-auth-secondary-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  min-height: 36px !important;
  padding: 7px 10px !important;

  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: 7px !important;
  text-decoration: none !important;
}

.user-auth-primary-btn {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .28) !important;
}

.user-auth-secondary-btn {
  color: #a8c3c7 !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

.user-auth-pm-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;

  color: #fff !important;
  background: rgba(var(--tco-accent-rgb), .11) !important;
  border-radius: var(--tco-radius-pill) !important;
}

@media (max-width: 850px) {
  .user-auth-shell {
    grid-template-columns: 1fr !important;
    max-width: 560px !important;
  }

  .user-auth-intro {
    min-height: 0 !important;
    padding: 22px !important;
  }

  .user-auth-title {
    font-size: 26px !important;
  }
}

@media (max-width: 560px) {
  .user-auth-page {
    padding-top: 16px !important;
  }

  .user-auth-intro,
  .user-auth-card {
    padding: 16px !important;
  }

  .user-auth-social,
  .user-auth-account-actions {
    grid-template-columns: 1fr !important;
  }

  .user-auth-register {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ============================================================
   USER REGISTRATION PAGE — COMMON SITE STYLE
   ============================================================ */

.user-register-shell {
  grid-template-columns: minmax(0,1fr) minmax(420px,540px) !important;
  width: min(1120px,100%) !important;
  max-width: 1120px !important;
}

.user-register-card {
  padding: 20px !important;
}

/* uCoz registration body */
.user-register-form {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-register-form form,
.user-register-form > form,
.user-register-form > div,
.user-register-form table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-register-form table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.user-register-form tr,
.user-register-form td,
.user-register-form th {
  background: transparent !important;
  border: 0 !important;
}

.user-register-form td,
.user-register-form th {
  padding: 5px 0 !important;
  vertical-align: middle !important;
}

/* Labels and help text */
.user-register-form label,
.user-register-form .manTd1,
.user-register-form .manTdError,
.user-register-form .registrationLabel,
.user-register-form .register-label {
  color: #859da5 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .035em !important;
}

.user-register-form small,
.user-register-form .hint,
.user-register-form .manFlSbm,
.user-register-form .manFlSbm2 {
  color: #617981 !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}

/* Inputs */
.user-register-form input[type="text"],
.user-register-form input[type="email"],
.user-register-form input[type="password"],
.user-register-form input[type="tel"],
.user-register-form input[type="url"],
.user-register-form input[type="number"],
.user-register-form textarea,
.user-register-form select {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  min-height: 42px !important;

  margin: 4px 0 9px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;

  color: #e7f5f6 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius) !important;

  outline: 0 !important;
  box-shadow: none !important;

  color-scheme: dark !important;
}

.user-register-form textarea {
  min-height: 92px !important;
  resize: vertical !important;
}

.user-register-form select option,
.user-register-form select optgroup {
  color: #e7f5f6 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

.user-register-form input[type="text"]:focus,
.user-register-form input[type="email"]:focus,
.user-register-form input[type="password"]:focus,
.user-register-form input[type="tel"]:focus,
.user-register-form input[type="url"]:focus,
.user-register-form input[type="number"]:focus,
.user-register-form textarea:focus,
.user-register-form select:focus {
  border-color: rgba(var(--tco-accent-rgb), .30) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .035) !important;
}

/* Checkbox / radio */
.user-register-form input[type="checkbox"],
.user-register-form input[type="radio"] {
  accent-color: #25cdb9 !important;
}

/* Submit / buttons */
.user-register-form input[type="submit"],
.user-register-form button[type="submit"],
.user-register-form input[type="button"],
.user-register-form button {
  min-height: 40px !important;
  padding: 8px 14px !important;

  color: #e5fff9 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .28) !important;
  border-radius: var(--tco-radius) !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.user-register-form input[type="submit"]:hover,
.user-register-form button[type="submit"]:hover,
.user-register-form input[type="button"]:hover,
.user-register-form button:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .46) !important;
}

/* Links */
.user-register-form a,
.user-register-form a:link,
.user-register-form a:visited {
  color: #74cfc4 !important;
  font-size: 9px !important;
  text-decoration: none !important;
}

.user-register-form a:hover {
  color: #fff !important;
}

/* Errors */
.user-register-form .manTdError,
.user-register-form .error,
.user-register-form .err,
.user-register-form [class*="error"],
.user-register-form [class*="Error"] {
  color: #ff8a94 !important;
}

.user-register-form input.error,
.user-register-form input.err,
.user-register-form select.error,
.user-register-form textarea.error {
  border-color: rgba(255,78,92,.34) !important;
}

/* CAPTCHA area */
.user-register-form img[src*="secCode"],
.user-register-form img[src*="captcha"],
.user-register-form img[alt*="code" i] {
  display: block !important;
  max-width: 100% !important;
  margin: 4px 0 8px !important;

  background: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 7px !important;
}

/* Some uCoz registration templates use fieldsets */
.user-register-form fieldset {
  margin: 0 0 12px !important;
  padding: 10px !important;

  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.user-register-form legend {
  padding: 0 6px !important;

  color: #76d8cc !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

/* Remove old light uCoz form backgrounds where present */
.user-register-form .manFlLogin,
.user-register-form .manFlPassw,
.user-register-form .manFlName,
.user-register-form .manFlEmail,
.user-register-form .manFlUrl,
.user-register-form .manFlAva,
.user-register-form .manFlICQ,
.user-register-form .manFlPhone,
.user-register-form .manFlTxt,
.user-register-form .manFlSbm {
  background-color: var(--tco-surface-2) !important;
}

/* Login link row */
.user-register-login-link {
  margin-top: 14px !important;
}

/* Keep very wide uCoz registration tables inside the card */
.user-register-form {
  overflow-x: auto !important;
}

@media (max-width: 900px) {
  .user-register-shell {
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
  }

  .user-register-intro {
    min-height: 0 !important;
  }
}

@media (max-width: 560px) {
  .user-register-card {
    padding: 16px !important;
  }

  .user-register-form td,
  .user-register-form th {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   USER PROFILE PAGE — COMMON SITE STYLE
   ============================================================ */

.user-profile-template,
.user-profile-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-profile-page {
  padding-top: 20px !important;
  padding-bottom: 36px !important;
}

/* Hero */
.user-profile-hero {
  display: grid !important;
  grid-template-columns: 150px minmax(0,1fr) !important;
  gap: 16px !important;

  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 16px !important;
  box-sizing: border-box !important;

  background: rgba(7,17,24,.94) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-panel) !important;
}

.user-profile-avatar-wrap {
  position: relative !important;
  width: 150px !important;
}

.user-profile-avatar {
  display: block !important;
  width: 150px !important;
  height: 150px !important;

  object-fit: cover !important;
  background: #08131b !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: var(--tco-radius-panel) !important;
}

.user-profile-status {
  position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;

  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;

  color: #9fb2b8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: rgba(7,17,24,.94) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: var(--tco-radius-pill) !important;
}

.user-profile-status.is-online {
  color: var(--tco-success) !important;
  border-color: rgba(0,230,150,.20) !important;
}

.user-profile-main {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.user-profile-topline {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.user-profile-kicker {
  margin-bottom: 5px !important;
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.user-profile-name {
  margin: 0 !important;
  padding: 0 !important;

  color: #eaf8f7 !important;
  font-size: clamp(24px,3vw,36px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;

  border: 0 !important;
  text-shadow: none !important;
}

.user-profile-fullname {
  margin-top: 6px !important;
  color: #789099 !important;
  font-size: 11px !important;
}

.user-profile-badges {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: 48% !important;
}

.user-profile-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #c9e7e4 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .045) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .11) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.user-profile-badge small {
  color: #56727a !important;
  font-size: 7px !important;
  letter-spacing: .07em !important;
}

/* Hero actions */
.user-profile-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 16px !important;
}

.user-profile-action,
.user-profile-action:link,
.user-profile-action:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  min-height: 34px !important;
  padding: 7px 11px !important;

  color: #a8c4c7 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 7px !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.user-profile-action:hover {
  color: #fff !important;
  border-color: rgba(var(--tco-accent-rgb), .18) !important;
}

.user-profile-action-primary {
  color: #e4fff9 !important;
  background: var(--tco-accent-deep) !important;
  border-color: rgba(var(--tco-success-rgb), .28) !important;
}

.user-profile-action-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;

  color: #fff !important;
  background: rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: var(--tco-radius-pill) !important;
}

/* Stats */
.user-profile-stats {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 1px !important;

  width: 100% !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;

  background: var(--tco-border) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-card) !important;
}

.user-profile-stat {
  min-width: 0 !important;
  padding: 10px !important;
  background: var(--tco-surface-2) !important;
}

.user-profile-stat span {
  display: block !important;
  margin-bottom: 5px !important;

  color: #59727b !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.user-profile-stat strong {
  display: block !important;
  overflow: hidden !important;

  color: #d9ecee !important;
  font-size: 13px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Cards */
.user-profile-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

.user-profile-card {
  min-width: 0 !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.96) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-card) !important;
}

.user-profile-card-wide {
  grid-column: 1 / -1 !important;
}

.user-profile-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  min-height: 38px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.user-profile-card-head > span {
  color: #bcd8da !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.user-profile-card-head small {
  color: #56717a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

/* Info rows */
.user-profile-info-list {
  padding: 4px 10px !important;
}

.user-profile-info-row,
.user-profile-social-row {
  display: grid !important;
  grid-template-columns: 130px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;

  min-height: 38px !important;
  padding: 7px 0 !important;

  border-bottom: 1px solid var(--tco-border-soft) !important;
}

.user-profile-info-row:last-child,
.user-profile-social-row:last-child {
  border-bottom: 0 !important;
}

.user-profile-info-row > span,
.user-profile-social-row > span {
  color: #637c84 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

.user-profile-info-row > strong,
.user-profile-social-row > strong {
  min-width: 0 !important;
  overflow: hidden !important;

  color: #c8dddf !important;
  font-size: 10px !important;
  font-weight: 700 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.user-profile-info-row a,
.user-profile-social-row a {
  color: #6fd9cd !important;
  text-decoration: none !important;
}

/* Activity */
.user-profile-activity-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 1px !important;
  background: var(--tco-border-soft) !important;
}

.user-profile-activity,
.user-profile-activity:link,
.user-profile-activity:visited {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 74px !important;
  padding: 10px !important;

  background: #0a151e !important;
  text-decoration: none !important;
}

.user-profile-activity:hover {
  background: #0d1a22 !important;
}

.user-profile-activity span {
  margin-bottom: 5px !important;
  color: #5c747c !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.user-profile-activity strong {
  color: #d3e9e8 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Social */
.user-profile-social-list {
  padding: 4px 10px 10px !important;
}

.user-profile-social-accounts {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}

/* Awards */
.user-profile-awards-summary {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 1px !important;
  background: var(--tco-border-soft) !important;
}

.user-profile-awards-summary > div {
  padding: 12px !important;
  background: #0a151e !important;
}

.user-profile-awards-summary span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #5d757d !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.user-profile-awards-summary strong {
  color: #d7ebeb !important;
  font-size: 17px !important;
}

.user-profile-last-awards {
  padding: 10px !important;
}

.user-profile-card-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  padding: 9px 10px !important;

  border-top: 1px solid rgba(255,255,255,.05) !important;
}

.user-profile-card-actions a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #8fc9c4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* Subscription */
.user-profile-subscription {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 1px !important;
  background: var(--tco-border-soft) !important;
}

.user-profile-subscription > div {
  min-width: 0 !important;
  padding: 10px !important;
  background: #0a151e !important;
}

.user-profile-subscription span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #5d757d !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.user-profile-subscription strong {
  display: block !important;
  overflow: hidden !important;
  color: #d3e7e8 !important;
  font-size: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* uCoz moderation panel should not distort headings */
.user-profile-name .u-mpanel,
.user-profile-name .moder-panel {
  display: inline-flex !important;
  margin-left: 7px !important;
  vertical-align: middle !important;
}

@media (max-width: 1050px) {
  .user-profile-stats {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }

  .user-profile-activity-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .user-profile-subscription {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  .user-profile-hero {
    grid-template-columns: 105px minmax(0,1fr) !important;
  }

  .user-profile-avatar-wrap,
  .user-profile-avatar {
    width: 105px !important;
    height: 105px !important;
  }

  .user-profile-topline {
    flex-direction: column !important;
  }

  .user-profile-badges {
    justify-content: flex-start !important;
    max-width: none !important;
  }

  .user-profile-grid {
    grid-template-columns: 1fr !important;
  }

  .user-profile-card-wide {
    grid-column: auto !important;
  }
}

@media (max-width: 560px) {
  .user-profile-page {
    padding-top: 12px !important;
  }

  .user-profile-hero {
    grid-template-columns: 82px minmax(0,1fr) !important;
    gap: 11px !important;
    padding: 12px !important;
  }

  .user-profile-avatar-wrap,
  .user-profile-avatar {
    width: 82px !important;
    height: 82px !important;
  }

  .user-profile-status {
    left: 4px !important;
    bottom: 4px !important;
    padding: 3px 6px !important;
    font-size: 7px !important;
  }

  .user-profile-name {
    font-size: 22px !important;
  }

  .user-profile-stats {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .user-profile-info-row,
  .user-profile-social-row {
    grid-template-columns: 100px minmax(0,1fr) !important;
  }

  .user-profile-activity-grid,
  .user-profile-subscription {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

/* ============================================================
   PRIVATE MESSAGES PAGE — COMMON SITE STYLE
   ============================================================ */

.user-messages-template,
.user-messages-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-messages-page {
  padding-top: 18px !important;
  padding-bottom: 36px !important;
}

/* Page header */
.user-messages-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 16px !important;
  align-items: end !important;

  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;

  background: rgba(7,17,24,.94) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 11px !important;
}

.user-messages-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.user-messages-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.user-messages-description {
  margin-top: 5px !important;
  color: #758d95 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

/* Account/nav area */
.user-messages-account {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.user-messages-account-user {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.user-messages-avatar {
  display: block !important;
  width: 34px !important;
  height: 34px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 50% !important;
}

.user-messages-account-user > div {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.user-messages-account-user strong {
  overflow: hidden !important;

  color: #dceeed !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.user-messages-account-user span {
  margin-top: 1px !important;

  color: #5f7780 !important;
  font-size: 8px !important;
}

.user-messages-nav {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.user-messages-nav a,
.user-messages-nav a:link,
.user-messages-nav a:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  min-height: 30px !important;
  padding: 5px 9px !important;

  color: #89a5ad !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.user-messages-nav a:hover,
.user-messages-nav a.is-current {
  color: #e0fff9 !important;
  background: rgba(var(--tco-accent-rgb), .065) !important;
  border-color: rgba(var(--tco-accent-rgb), .16) !important;
}

.user-messages-unread {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;

  color: #fff !important;
  font-size: 7px !important;

  background: rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: var(--tco-radius-pill) !important;
}

/* Main message card */
.user-messages-card {
  width: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 11px !important;
}

.user-messages-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 44px !important;
  padding: 8px 11px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.user-messages-card-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.user-messages-card-label {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
}

.user-messages-card-head strong {
  color: #9db8bd !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.user-messages-profile-link,
.user-messages-profile-link:link,
.user-messages-profile-link:visited {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* ============================================================
   uCoz PM BODY
   Keep all selectors scoped to messages page
   ============================================================ */

.user-messages-body {
  width: 100% !important;
  max-width: none !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: #9fb4ba !important;
}

/* Tables generated by uCoz */
.user-messages-body table {
  width: 100% !important;
  max-width: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.user-messages-body tr {
  background: #0b1117 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.user-messages-body tr:hover {
  background: #0d151c !important;
}

.user-messages-body td,
.user-messages-body th {
  padding: 9px 10px !important;
  vertical-align: middle !important;

  color: var(--tco-text-soft) !important;
  font-size: 10px !important;

  background: transparent !important;
  border: 0 !important;
}

.user-messages-body th {
  color: #8ca6ad !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

/* Message links */
.user-messages-body a,
.user-messages-body a:link,
.user-messages-body a:visited {
  color: #8ecac4 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.user-messages-body a:hover {
  color: #e6fffb !important;
}

/* Inputs */
.user-messages-body input[type="text"],
.user-messages-body input[type="email"],
.user-messages-body input[type="password"],
.user-messages-body input[type="search"],
.user-messages-body textarea,
.user-messages-body select {
  width: 100% !important;
  max-width: none !important;
  min-height: 38px !important;

  padding: 7px 10px !important;
  box-sizing: border-box !important;

  color: #e3f1f2 !important;
  font-size: 10px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: 7px !important;

  outline: 0 !important;
  box-shadow: none !important;

  color-scheme: dark !important;
}

.user-messages-body textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

.user-messages-body select option,
.user-messages-body select optgroup {
  color: #e3f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

.user-messages-body input:focus,
.user-messages-body textarea:focus,
.user-messages-body select:focus {
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .03) !important;
}

/* Buttons */
.user-messages-body input[type="submit"],
.user-messages-body input[type="button"],
.user-messages-body button {
  min-height: 34px !important;
  padding: 6px 10px !important;

  color: #e3fff8 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: 7px !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.user-messages-body input[type="submit"]:hover,
.user-messages-body input[type="button"]:hover,
.user-messages-body button:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .40) !important;
}

.user-messages-body input[type="checkbox"],
.user-messages-body input[type="radio"] {
  accent-color: #25cdb9 !important;
}

/* Generic PM containers used by various uCoz templates */
.user-messages-body .pm,
.user-messages-body .pmBlock,
.user-messages-body .pm-block,
.user-messages-body .message,
.user-messages-body .message-block,
.user-messages-body .postMessage {
  background: #0b1117 !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

/* Message / sender avatars */
.user-messages-body img.avatar,
.user-messages-body .avatar img,
.user-messages-body img.userAvatar {
  width: 38px !important;
  height: 38px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 50% !important;
}

/* Paging */
.user-messages-body .pagesBlockuz1,
.user-messages-body .pagesBlock1,
.user-messages-body .paginator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;

  margin-top: 10px !important;
}

/* Errors / notices */
.user-messages-body .error,
.user-messages-body .err,
.user-messages-body [class*="error"],
.user-messages-body [class*="Error"] {
  color: var(--tco-danger) !important;
}

.user-messages-body .success,
.user-messages-body [class*="success"] {
  color: var(--tco-success) !important;
}

/* Guest card */
.user-messages-guest {
  width: min(520px,100%) !important;
  margin: 40px auto !important;
  padding: 24px !important;
  box-sizing: border-box !important;

  text-align: center !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-panel) !important;
}

.user-messages-guest-kicker {
  margin-bottom: 8px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.user-messages-guest h1 {
  margin: 0 0 8px !important;
  padding: 0 !important;

  color: #e8f7f6 !important;
  font-size: 21px !important;

  border: 0 !important;
}

.user-messages-guest p {
  margin: 0 !important;
  color: #758d95 !important;
  font-size: 10px !important;
}

.user-messages-guest-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 7px !important;
  margin-top: 16px !important;
}

.user-messages-primary-btn,
.user-messages-secondary-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 35px !important;
  padding: 7px 12px !important;

  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: 7px !important;
  text-decoration: none !important;
}

.user-messages-primary-btn {
  color: #e4fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .27) !important;
}

.user-messages-secondary-btn {
  color: #9cb5ba !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

@media (max-width: 900px) {
  .user-messages-head {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .user-messages-account {
    justify-content: space-between !important;
  }
}

@media (max-width: 620px) {
  .user-messages-page {
    padding-top: 10px !important;
  }

  .user-messages-account {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .user-messages-nav {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }

  .user-messages-nav a {
    width: 100% !important;
  }

  .user-messages-body {
    overflow-x: auto !important;
  }

  .user-messages-body table {
    min-width: 620px !important;
  }
}

/* ============================================================
   USER PROFILE EDIT PAGE — COMMON SITE STYLE
   ============================================================ */

.user-settings-template,
.user-settings-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-settings-page {
  padding-top: 18px !important;
  padding-bottom: 36px !important;
}

.user-settings-layout {
  display: grid !important;
  grid-template-columns: 250px minmax(0,1fr) !important;
  gap: 12px !important;

  width: min(1180px,100%) !important;
  margin: 0 auto !important;
}

/* Sidebar */
.user-settings-sidebar {
  align-self: start !important;
  overflow: hidden !important;

  background: rgba(7,17,24,.96) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 11px !important;
}

.user-settings-profile {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  padding: 13px !important;

  border-bottom: 1px solid var(--tco-border) !important;
}

.user-settings-avatar {
  display: block !important;
  width: 46px !important;
  height: 46px !important;

  object-fit: cover !important;

  background: #08131b !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .17) !important;
  border-radius: 50% !important;
}

.user-settings-profile-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.user-settings-profile-info strong {
  overflow: hidden !important;

  color: #dcefee !important;
  font-size: 11px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.user-settings-profile-info span {
  margin-top: 2px !important;

  color: #607982 !important;
  font-size: 8px !important;
}

/* Settings nav */
.user-settings-nav {
  display: grid !important;
  gap: 1px !important;
  padding: 7px !important;
}

.user-settings-nav a,
.user-settings-nav a:link,
.user-settings-nav a:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;

  min-height: 34px !important;
  padding: 7px 9px !important;

  color: #89a4ac !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;

  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.user-settings-nav a:hover,
.user-settings-nav a.is-current {
  color: #e2fff9 !important;
  background: rgba(var(--tco-accent-rgb), .05) !important;
  border-color: rgba(var(--tco-accent-rgb), .11) !important;
}

.user-settings-unread {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;

  color: #fff !important;
  font-size: 7px !important;

  background: rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: var(--tco-radius-pill) !important;
}

/* Sidebar meta */
.user-settings-meta {
  display: grid !important;
  gap: 1px !important;

  background: var(--tco-line-soft) !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}

.user-settings-meta > div {
  padding: 9px 11px !important;
  background: var(--tco-surface-2) !important;
}

.user-settings-meta span {
  display: block !important;
  margin-bottom: 3px !important;

  color: #526a72 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.user-settings-meta strong {
  display: block !important;
  overflow: hidden !important;

  color: #c6ddde !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Main settings card */
.user-settings-card {
  min-width: 0 !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 11px !important;
}

.user-settings-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;

  padding: 14px 16px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.user-settings-kicker {
  display: block !important;
  margin-bottom: 5px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}

.user-settings-card-head h1 {
  margin: 0 0 5px !important;
  padding: 0 !important;

  color: #e9f7f7 !important;
  font-size: 20px !important;
  font-weight: 800 !important;

  border: 0 !important;
  text-shadow: none !important;
}

.user-settings-card-head p {
  margin: 0 !important;
  max-width: 620px !important;

  color: #718990 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

.user-settings-back,
.user-settings-back:link,
.user-settings-back:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;
  padding: 5px 9px !important;

  color: #8ec9c3 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* ============================================================
   uCoz profile edit form
   ============================================================ */

.user-settings-form {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  box-sizing: border-box !important;

  color: #9db2b8 !important;
}

.user-settings-form form,
.user-settings-form > div,
.user-settings-form table {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-settings-form table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.user-settings-form tr,
.user-settings-form td,
.user-settings-form th {
  background: transparent !important;
  border: 0 !important;
}

.user-settings-form td,
.user-settings-form th {
  padding: 6px 5px !important;
  vertical-align: middle !important;
}

/* Form labels */
.user-settings-form label,
.user-settings-form .manTd1,
.user-settings-form .manTd2,
.user-settings-form .profile-label,
.user-settings-form .field-title {
  color: #7f979f !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* Inputs */
.user-settings-form input[type="text"],
.user-settings-form input[type="email"],
.user-settings-form input[type="password"],
.user-settings-form input[type="tel"],
.user-settings-form input[type="url"],
.user-settings-form input[type="number"],
.user-settings-form input[type="date"],
.user-settings-form input[type="file"],
.user-settings-form textarea,
.user-settings-form select {
  width: 100% !important;
  max-width: none !important;
  min-height: 40px !important;

  margin: 3px 0 8px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;

  color: #e4f2f3 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: 7px !important;

  outline: 0 !important;
  box-shadow: none !important;

  color-scheme: dark !important;
}

.user-settings-form textarea {
  min-height: 90px !important;
  resize: vertical !important;
}

.user-settings-form select option,
.user-settings-form select optgroup {
  color: #e4f2f3 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

.user-settings-form input:focus,
.user-settings-form textarea:focus,
.user-settings-form select:focus {
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .03) !important;
}

/* File input */
.user-settings-form input[type="file"] {
  padding: 7px !important;
}

.user-settings-form input[type="file"]::file-selector-button {
  min-height: 28px !important;
  margin-right: 8px !important;
  padding: 4px 8px !important;

  color: #cfeae7 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: #10332c !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 5px !important;

  cursor: pointer !important;
}

/* Checkbox / radio */
.user-settings-form input[type="checkbox"],
.user-settings-form input[type="radio"] {
  accent-color: #25cdb9 !important;
}

/* Buttons */
.user-settings-form input[type="submit"],
.user-settings-form input[type="button"],
.user-settings-form button {
  min-height: 36px !important;
  padding: 7px 12px !important;

  color: #e4fff9 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
  border-radius: 7px !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.user-settings-form input[type="submit"]:hover,
.user-settings-form input[type="button"]:hover,
.user-settings-form button:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .42) !important;
}

/* Form links */
.user-settings-form a,
.user-settings-form a:link,
.user-settings-form a:visited {
  color: #76ccc4 !important;
  font-size: 9px !important;
  text-decoration: none !important;
}

.user-settings-form a:hover {
  color: #fff !important;
}

/* Sections/fieldsets */
.user-settings-form fieldset {
  margin: 0 0 12px !important;
  padding: 11px !important;

  background: rgba(255,255,255,.015) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

.user-settings-form legend {
  padding: 0 6px !important;

  color: #69d8cb !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

/* Error / success */
.user-settings-form .error,
.user-settings-form .err,
.user-settings-form [class*="error"],
.user-settings-form [class*="Error"] {
  color: var(--tco-danger) !important;
}

.user-settings-form .success,
.user-settings-form [class*="success"] {
  color: var(--tco-success) !important;
}

/* Avatar previews */
.user-settings-form img.avatar,
.user-settings-form .avatar img,
.user-settings-form img.userAvatar {
  width: 64px !important;
  height: 64px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .15) !important;
  border-radius: var(--tco-radius) !important;
}

/* CAPTCHA */
.user-settings-form img[src*="secCode"],
.user-settings-form img[src*="captcha"],
.user-settings-form img[alt*="code" i] {
  display: block !important;
  max-width: 100% !important;
  margin: 4px 0 8px !important;

  background: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 7px !important;
}

/* Remove light legacy uCoz backgrounds */
.user-settings-form .manFlLogin,
.user-settings-form .manFlPassw,
.user-settings-form .manFlName,
.user-settings-form .manFlEmail,
.user-settings-form .manFlUrl,
.user-settings-form .manFlAva,
.user-settings-form .manFlICQ,
.user-settings-form .manFlPhone,
.user-settings-form .manFlTxt,
.user-settings-form .manFlSbm {
  background-color: var(--tco-surface-2) !important;
}

/* Guest state */
.user-settings-guest {
  width: min(520px,100%) !important;
  margin: 40px auto !important;
  padding: 24px !important;
  box-sizing: border-box !important;

  text-align: center !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-panel) !important;
}

.user-settings-guest-kicker {
  margin-bottom: 8px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.user-settings-guest h1 {
  margin: 0 0 8px !important;
  padding: 0 !important;

  color: #e9f7f7 !important;
  font-size: 21px !important;

  border: 0 !important;
}

.user-settings-guest p {
  margin: 0 !important;
  color: #748c94 !important;
  font-size: 10px !important;
}

.user-settings-guest-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 7px !important;
  margin-top: 16px !important;
}

.user-settings-primary-btn,
.user-settings-secondary-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 35px !important;
  padding: 7px 12px !important;

  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: 7px !important;
  text-decoration: none !important;
}

.user-settings-primary-btn {
  color: #e4fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .27) !important;
}

.user-settings-secondary-btn {
  color: #9cb5ba !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

@media (max-width: 900px) {
  .user-settings-layout {
    grid-template-columns: 1fr !important;
    max-width: 680px !important;
  }

  .user-settings-sidebar {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
  }

  .user-settings-profile {
    border-bottom: 0 !important;
    border-right: 1px solid var(--tco-border) !important;
  }

  .user-settings-nav {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    align-content: center !important;
  }

  .user-settings-meta {
    display: none !important;
  }
}

@media (max-width: 600px) {
  .user-settings-page {
    padding-top: 10px !important;
  }

  .user-settings-sidebar {
    display: block !important;
  }

  .user-settings-profile {
    border-right: 0 !important;
    border-bottom: 1px solid var(--tco-border) !important;
  }

  .user-settings-nav {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .user-settings-card-head {
    flex-direction: column !important;
  }

  .user-settings-form {
    overflow-x: auto !important;
    padding: 10px !important;
  }

  .user-settings-form td,
  .user-settings-form th {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   USERS DIRECTORY PAGE — COMMON SITE STYLE
   ============================================================ */

.users-directory-template,
.users-directory-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.users-directory-page {
  padding-top: 18px !important;
  padding-bottom: 36px !important;
}

/* Header */
.users-directory-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.users-directory-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.users-directory-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.users-directory-head .site-page-description {
  display: inline-block !important;
  width: auto !important;
  max-width: 720px !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;

  color: #758d95 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;

  background: transparent !important;
  border: 0 !important;
}

/* Signed-in mini account */
.users-directory-account {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 6px 7px !important;

  background: rgba(7,17,24,.92) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.users-directory-avatar {
  display: block !important;
  width: 34px !important;
  height: 34px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 50% !important;
}

.users-directory-account-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.users-directory-account-info strong {
  overflow: hidden !important;

  color: #dceeed !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.users-directory-account-info span {
  margin-top: 1px !important;

  color: #607982 !important;
  font-size: 7px !important;
}

.users-directory-account > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* Guest buttons */
.users-directory-guest-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.users-directory-signin,
.users-directory-register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 31px !important;
  padding: 5px 9px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
}

.users-directory-signin {
  color: #e4fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.users-directory-register {
  color: #9db7bb !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

/* Toolbar */
.users-directory-toolbar {
  display: grid !important;
  grid-template-columns: auto minmax(280px,420px) !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.975) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 9px !important;
}

.users-directory-stats {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.users-directory-stat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #c8dddf !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.users-directory-stat small {
  color: #59727a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.users-directory-online-stat {
  color: var(--tco-success) !important;
  background: rgba(0,196,125,.06) !important;
  border-color: rgba(0,230,150,.13) !important;
}

/* User search form */
.users-directory-search {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-width: 0 !important;
  min-height: 34px !important;
  padding: 0 7px 0 10px !important;
  box-sizing: border-box !important;

  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .15) !important;
  border-radius: 7px !important;
}

.users-directory-search-icon {
  flex: 0 0 auto !important;
  color: #38e4cf !important;
  font-size: 17px !important;
}

.users-directory-search form {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.users-directory-search input[type="text"],
.users-directory-search input[type="search"] {
  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;

  margin: 0 !important;
  padding: 5px 4px !important;

  color: #e6f4f5 !important;
  font-size: 10px !important;

  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.users-directory-search input::placeholder {
  color: #6d858e !important;
}

.users-directory-search input[type="submit"],
.users-directory-search button[type="submit"],
.users-directory-search input[type="button"] {
  flex: 0 0 auto !important;

  min-width: 64px !important;
  height: 29px !important;
  padding: 0 9px !important;

  color: #e4fff9 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .23) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

/* Users list card */
.users-directory-card {
  width: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;
}

.users-directory-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 43px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.users-directory-card-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.users-directory-card-label {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.users-directory-card-head strong {
  color: #849ca4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.users-directory-profile-link,
.users-directory-profile-link:link,
.users-directory-profile-link:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* ============================================================
   uCoz USERS BODY
   ============================================================ */

.users-directory-body {
  width: 100% !important;
  max-width: none !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

.users-directory-body table {
  width: 100% !important;
  max-width: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.users-directory-body tr {
  background: #0b1117 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.users-directory-body tr:hover {
  background: #0d151c !important;
}

.users-directory-body td,
.users-directory-body th {
  padding: 9px 10px !important;
  vertical-align: middle !important;

  color: var(--tco-text-soft) !important;
  font-size: 10px !important;

  background: transparent !important;
  border: 0 !important;
}

.users-directory-body th {
  color: #8199a1 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

/* User names / profile links */
.users-directory-body a,
.users-directory-body a:link,
.users-directory-body a:visited {
  color: #8fcac4 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.users-directory-body a:hover {
  color: #e8fffb !important;
}

/* Avatars from various uCoz users templates */
.users-directory-body img.avatar,
.users-directory-body .avatar img,
.users-directory-body img.userAvatar,
.users-directory-body img[class*="avatar" i] {
  width: 42px !important;
  height: 42px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .15) !important;
  border-radius: 50% !important;
}

/* Generic user-item containers */
.users-directory-body .user,
.users-directory-body .user-item,
.users-directory-body .userBlock,
.users-directory-body .user-block,
.users-directory-body .userCard,
.users-directory-body .user-card {
  background: #0b1117 !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

/* Inputs/buttons that may be injected inside body */
.users-directory-body input[type="text"],
.users-directory-body input[type="search"],
.users-directory-body select {
  min-height: 34px !important;
  padding: 6px 9px !important;

  color: #e2f1f2 !important;
  background: var(--tco-surface-2) !important;

  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-sm) !important;
  outline: 0 !important;

  color-scheme: dark !important;
}

.users-directory-body select option,
.users-directory-body select optgroup {
  color: #e2f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

.users-directory-body input[type="submit"],
.users-directory-body input[type="button"],
.users-directory-body button {
  min-height: 32px !important;
  padding: 5px 9px !important;

  color: #e3fff8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .22) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
}

/* Pagination */
.users-directory-pagination {
  width: 100% !important;
  margin-top: 10px !important;
}

.users-directory-pagination .paginator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

@media (min-width: 851px) {
  .users-directory-toolbar {
    position: sticky !important;
    top: 8px !important;
    z-index: 12000 !important;

    box-shadow:
      0 10px 28px rgba(0,0,0,.32),
      0 1px 0 rgba(var(--tco-accent-rgb), .04) !important;
  }
}

@media (max-width: 850px) {
  .users-directory-head,
  .users-directory-toolbar {
    grid-template-columns: 1fr !important;
  }

  .users-directory-account,
  .users-directory-guest-actions {
    justify-self: start !important;
  }

  .users-directory-search {
    width: 100% !important;
  }

  .users-directory-body {
    overflow-x: auto !important;
  }

  .users-directory-body table {
    min-width: 720px !important;
  }
}

@media (max-width: 560px) {
  .users-directory-page {
    padding-top: 10px !important;
  }

  .users-directory-card-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .users-directory-account {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   USER COMMENTS LIST PAGE — COMMON SITE STYLE
   ============================================================ */

.user-comments-template,
.user-comments-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-comments-page {
  padding-top: 18px !important;
  padding-bottom: 36px !important;
}

/* Header */
.user-comments-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.user-comments-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.user-comments-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.user-comments-head .site-page-description {
  display: inline-block !important;
  width: auto !important;
  max-width: 760px !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;

  color: #758d95 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;

  background: transparent !important;
  border: 0 !important;
}

/* Account */
.user-comments-account {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 6px 7px !important;

  background: rgba(7,17,24,.92) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.user-comments-avatar {
  display: block !important;
  width: 34px !important;
  height: 34px !important;

  object-fit: cover !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 50% !important;
}

.user-comments-account-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.user-comments-account-info strong {
  overflow: hidden !important;

  color: #dceeed !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.user-comments-account-info span {
  margin-top: 1px !important;

  color: #607982 !important;
  font-size: 7px !important;
}

.user-comments-account-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.user-comments-account-actions a,
.user-comments-account-actions a:link,
.user-comments-account-actions a:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

.user-comments-unread {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;

  color: #fff !important;
  font-size: 7px !important;

  background: rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: var(--tco-radius-pill) !important;
}

/* Guest buttons */
.user-comments-guest-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.user-comments-signin,
.user-comments-register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 31px !important;
  padding: 5px 9px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
}

.user-comments-signin {
  color: #e4fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.user-comments-register {
  color: #9db7bb !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

/* Toolbar */
.user-comments-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.975) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 9px !important;
}

.user-comments-stats {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.user-comments-stat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #c8dddf !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.user-comments-stat small {
  color: #59727a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.user-comments-user-stat {
  color: var(--tco-success) !important;
  background: rgba(0,196,125,.05) !important;
  border-color: rgba(0,230,150,.12) !important;
}

/* Module selector */
.user-comments-module-filter {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.user-comments-filter-label {
  color: #5a737b !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.user-comments-module-control {
  min-width: 180px !important;
}

.user-comments-module-control select {
  width: 100% !important;
  min-height: 32px !important;
  padding: 5px 28px 5px 9px !important;

  color: #dceced !important;
  font-size: 9px !important;
  font-weight: 700 !important;

  background: var(--tco-surface-hover) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: var(--tco-radius-sm) !important;
  outline: 0 !important;

  color-scheme: dark !important;
}

.user-comments-module-control select option,
.user-comments-module-control select optgroup {
  color: #dceced !important;
  background: var(--tco-surface-hover) !important;
  color-scheme: dark !important;
}

/* Main card */
.user-comments-card {
  width: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;
}

.user-comments-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 43px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.user-comments-card-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.user-comments-card-label {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.user-comments-card-head strong {
  color: #849ca4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.user-comments-uid {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 4px 7px !important;

  color: #78939a !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* ============================================================
   uCoz COMMENT LIST BODY
   ============================================================ */

.user-comments-body {
  width: 100% !important;
  max-width: none !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

/* Table based comment lists */
.user-comments-body table {
  width: 100% !important;
  max-width: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.user-comments-body tr {
  background: #0b1117 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.user-comments-body tr:hover {
  background: #0d151c !important;
}

.user-comments-body td,
.user-comments-body th {
  padding: 9px 10px !important;
  vertical-align: top !important;

  color: var(--tco-text-soft) !important;
  font-size: 10px !important;
  line-height: 1.55 !important;

  background: transparent !important;
  border: 0 !important;
}

.user-comments-body th {
  color: #8199a1 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

/* Generic comment containers */
.user-comments-body .comment,
.user-comments-body .comment-item,
.user-comments-body .commentItem,
.user-comments-body .comm,
.user-comments-body .comm-item,
.user-comments-body .postComment,
.user-comments-body .com-block {
  position: relative !important;

  margin-bottom: 7px !important;
  padding: 10px !important;

  color: #a8bec3 !important;

  background: #0b1117 !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

/* Make nested old light blocks dark */
.user-comments-body .comment *,
.user-comments-body .comment-item *,
.user-comments-body .commentItem *,
.user-comments-body .comm *,
.user-comments-body .postComment * {
  border-color: var(--tco-border);
}

/* Links */
.user-comments-body a,
.user-comments-body a:link,
.user-comments-body a:visited {
  color: #8fcac4 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.user-comments-body a:hover {
  color: #e8fffb !important;
}

/* Author names */
.user-comments-body .user,
.user-comments-body .username,
.user-comments-body .userName,
.user-comments-body .author,
.user-comments-body .author-name,
.user-comments-body [class*="author"] a {
  color: #d8eceb !important;
  font-weight: 800 !important;
}

/* Date / metadata */
.user-comments-body .date,
.user-comments-body .time,
.user-comments-body .commDate,
.user-comments-body .comment-date,
.user-comments-body .metadata,
.user-comments-body .meta {
  color: #607982 !important;
  font-size: 8px !important;
}

/* Comment text */
.user-comments-body .message,
.user-comments-body .comment-message,
.user-comments-body .comment-text,
.user-comments-body .commText,
.user-comments-body .post-message {
  color: #a9bdc2 !important;
  font-size: 10px !important;
  line-height: 1.65 !important;
}

/* Avatars */
.user-comments-body img.avatar,
.user-comments-body .avatar img,
.user-comments-body img.userAvatar,
.user-comments-body img[class*="avatar" i] {
  width: 40px !important;
  height: 40px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 50% !important;
}

/* Moderation / action buttons */
.user-comments-body input[type="submit"],
.user-comments-body input[type="button"],
.user-comments-body button {
  min-height: 30px !important;
  padding: 5px 8px !important;

  color: #e3fff8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .22) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.user-comments-body input[type="checkbox"],
.user-comments-body input[type="radio"] {
  accent-color: #25cdb9 !important;
}

/* Pagination */
.user-comments-pagination {
  width: 100% !important;
  margin-top: 10px !important;
}

.user-comments-pagination .paginator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

@media (min-width: 851px) {
  .user-comments-toolbar {
    position: sticky !important;
    top: 8px !important;
    z-index: 12000 !important;

    box-shadow:
      0 10px 28px rgba(0,0,0,.32),
      0 1px 0 rgba(var(--tco-accent-rgb), .04) !important;
  }
}

@media (max-width: 850px) {
  .user-comments-head,
  .user-comments-toolbar {
    grid-template-columns: 1fr !important;
  }

  .user-comments-account,
  .user-comments-guest-actions {
    justify-self: start !important;
  }

  .user-comments-module-filter {
    justify-content: space-between !important;
    width: 100% !important;
  }

  .user-comments-module-control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .user-comments-body {
    overflow-x: auto !important;
  }

  .user-comments-body table {
    min-width: 700px !important;
  }
}

@media (max-width: 560px) {
  .user-comments-page {
    padding-top: 10px !important;
  }

  .user-comments-account {
    align-items: flex-start !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .user-comments-account-actions {
    width: 100% !important;
  }

  .user-comments-account-actions a {
    flex: 1 1 0 !important;
  }

  .user-comments-card-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ============================================================
   ACCESS DENIED PAGE — COMMON SITE STYLE
   ============================================================ */

.access-denied-template,
.access-denied-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.access-denied-page {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  min-height: calc(100vh - 180px) !important;
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.access-denied-card {
  display: grid !important;
  grid-template-columns: 220px minmax(0,1fr) !important;
  gap: 0 !important;

  width: min(820px,100%) !important;
  max-width: 820px !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.975) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 13px !important;

  box-shadow: 0 20px 52px rgba(0,0,0,.32) !important;
}

/* 403 panel */
.access-denied-code {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 410px !important;
  padding: 24px !important;

  color: rgba(91,226,210,.88) !important;
  font-size: clamp(66px,9vw,108px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.06em !important;

  background:
    linear-gradient(rgba(var(--tco-accent-rgb), .025),rgba(var(--tco-accent-rgb), .025)),
    var(--tco-bg) !important;

  border-right: 1px solid rgba(var(--tco-accent-rgb), .09) !important;

  text-shadow:
    0 0 22px rgba(var(--tco-accent-rgb), .09),
    0 0 50px rgba(var(--tco-accent-rgb), .04) !important;
}

/* Content */
.access-denied-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  min-width: 0 !important;
  padding: 30px !important;
}

.access-denied-kicker {
  margin-bottom: 7px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

.access-denied-content h1 {
  margin: 0 0 9px !important;
  padding: 0 !important;

  color: #edf8f8 !important;
  font-size: clamp(26px,4vw,38px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em !important;

  border: 0 !important;
  text-shadow: none !important;
}

.access-denied-description {
  max-width: 500px !important;
  margin: 0 !important;

  color: #80969e !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}

/* Signed-in account */
.access-denied-account {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin-top: 19px !important;
  padding: 10px !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

.access-denied-avatar {
  display: block !important;
  width: 43px !important;
  height: 43px !important;

  object-fit: cover !important;

  background: #08131b !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 50% !important;
}

.access-denied-account-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.access-denied-account-info > span {
  margin-bottom: 2px !important;

  color: #58717a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.access-denied-account-info strong {
  overflow: hidden !important;

  color: #dcefee !important;
  font-size: 11px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.access-denied-account-info small {
  margin-top: 2px !important;

  color: #68818a !important;
  font-size: 8px !important;
}

/* Guest hint */
.access-denied-notice {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;

  margin-top: 18px !important;
  padding: 10px !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;
}

.access-denied-notice-dot {
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: 4px !important;

  background: #51dcca !important;
  border-radius: 50% !important;
  box-shadow: 0 0 9px rgba(81,220,202,.30) !important;
}

.access-denied-notice > div {
  display: flex !important;
  flex-direction: column !important;
}

.access-denied-notice strong {
  color: #cce2e1 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.access-denied-notice span:not(.access-denied-notice-dot) {
  margin-top: 2px !important;

  color: #687f87 !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}

/* Actions */
.access-denied-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin-top: 16px !important;
}

.access-denied-primary,
.access-denied-secondary,
.access-denied-primary:link,
.access-denied-secondary:link,
.access-denied-primary:visited,
.access-denied-secondary:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  min-height: 35px !important;
  padding: 7px 11px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;

  border-radius: 7px !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.access-denied-primary {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .27) !important;
}

.access-denied-primary:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .43) !important;
}

.access-denied-secondary {
  color: #9db6bb !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

.access-denied-secondary:hover {
  color: #e7f9f7 !important;
  border-color: rgba(var(--tco-accent-rgb), .15) !important;
}

.access-denied-unread {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;

  color: #fff !important;
  font-size: 7px !important;

  background: rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: var(--tco-radius-pill) !important;
}

/* Request metadata */
.access-denied-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin-top: 20px !important;
  padding-top: 10px !important;

  border-top: 1px solid rgba(255,255,255,.05) !important;
}

.access-denied-meta > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-width: 0 !important;
  max-width: 100% !important;
  padding: 4px 7px !important;

  overflow: hidden !important;

  color: #6e8790 !important;
  font-size: 8px !important;
  font-weight: 700 !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 5px !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.access-denied-meta small {
  color: #4f6770 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

@media (max-width: 720px) {
  .access-denied-page {
    padding-top: 24px !important;
    padding-bottom: 30px !important;
  }

  .access-denied-card {
    grid-template-columns: 1fr !important;
    max-width: 560px !important;
  }

  .access-denied-code {
    min-height: 150px !important;

    border-right: 0 !important;
    border-bottom: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  }
}

@media (max-width: 480px) {
  .access-denied-content {
    padding: 20px !important;
  }

  .access-denied-code {
    min-height: 120px !important;
    font-size: 70px !important;
  }

  .access-denied-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .access-denied-primary,
  .access-denied-secondary {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   MAINTENANCE PAGE — COMMON SITE STYLE
   ============================================================ */

.maintenance-template {
  min-height: 100% !important;
  margin: 0 !important;

  background: #050c12 !important;
}

.maintenance-template body {
  margin: 0 !important;
}

.maintenance-page {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 100vh !important;
  padding: 28px !important;
  box-sizing: border-box !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(var(--tco-accent-rgb), .035),
      transparent 42%
    ),
    #050c12 !important;
}

.maintenance-card {
  display: grid !important;
  grid-template-columns: 250px minmax(0,1fr) !important;

  width: min(860px,100%) !important;
  max-width: 860px !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.985) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 14px !important;

  box-shadow:
    0 22px 60px rgba(0,0,0,.42),
    0 0 0 1px rgba(var(--tco-accent-rgb), .015) !important;
}

/* Left visual */
.maintenance-visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 510px !important;
  padding: 28px !important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tco-accent-rgb), .025),
      rgba(var(--tco-accent-rgb), 0)
    ),
    var(--tco-bg) !important;

  border-right: 1px solid rgba(var(--tco-accent-rgb), .085) !important;
}

.maintenance-terminal-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 118px !important;
  height: 118px !important;

  color: #67e2d3 !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 34px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: 18px !important;

  box-shadow:
    inset 0 0 26px rgba(var(--tco-accent-rgb), .025),
    0 0 28px rgba(var(--tco-accent-rgb), .025) !important;
}

.maintenance-status {
  margin-top: 18px !important;

  color: #54717a !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-align: center !important;
}

/* Content */
.maintenance-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  min-width: 0 !important;
  padding: 34px !important;
}

.maintenance-kicker {
  margin-bottom: 7px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.maintenance-content h1 {
  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #edf8f8 !important;
  font-size: clamp(28px,4vw,42px) !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: -.03em !important;

  border: 0 !important;
  text-shadow: none !important;
}

.maintenance-description {
  max-width: 520px !important;
  margin: 0 !important;

  color: #80979f !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}

/* Reason */
.maintenance-reason {
  margin-top: 19px !important;
  padding: 12px !important;

  background: rgba(255,255,255,.022) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

.maintenance-reason-label {
  display: block !important;
  margin-bottom: 6px !important;

  color: #56717a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
}

.maintenance-reason-text {
  color: #c9dcde !important;
  font-size: 10px !important;
  line-height: 1.65 !important;
}

/* Progress indicator */
.maintenance-progress {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;

  margin-top: 13px !important;
}

.maintenance-progress > span {
  display: block !important;
  width: 5px !important;
  height: 5px !important;

  background: #58dfcf !important;
  border-radius: 50% !important;

  box-shadow: 0 0 8px rgba(88,223,207,.28) !important;
}

.maintenance-progress > span:nth-child(2) {
  opacity: .62 !important;
}

.maintenance-progress > span:nth-child(3) {
  opacity: .30 !important;
}

.maintenance-progress strong {
  margin-left: 3px !important;

  color: #637d84 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

/* Admin details */
.maintenance-admin {
  margin-top: 22px !important;
  overflow: hidden !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius) !important;
}

.maintenance-admin summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 38px !important;
  padding: 8px 10px !important;

  color: #819ca3 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;

  cursor: pointer !important;
  list-style: none !important;
}

.maintenance-admin summary::-webkit-details-marker {
  display: none !important;
}

.maintenance-admin summary::after {
  content: "+" !important;

  color: #5fdccc !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.maintenance-admin[open] summary::after {
  content: "−" !important;
}

.maintenance-admin-body {
  padding: 12px !important;

  border-top: 1px solid rgba(255,255,255,.05) !important;
}

.maintenance-admin-head {
  margin-bottom: 10px !important;
}

.maintenance-admin-head > span {
  display: block !important;

  color: #6ed9cc !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.maintenance-admin-head p {
  margin: 4px 0 0 !important;

  color: #607981 !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}

/* Admin uCoz login form */
.maintenance-admin-form {
  width: 100% !important;
}

.maintenance-admin-form form,
.maintenance-admin-form > div,
.maintenance-admin-form table {
  width: 100% !important;
  max-width: none !important;
}

.maintenance-admin-form table {
  border-collapse: collapse !important;
}

.maintenance-admin-form td,
.maintenance-admin-form th {
  padding: 4px 0 !important;

  background: transparent !important;
  border: 0 !important;
}

.maintenance-admin-form input[type="text"],
.maintenance-admin-form input[type="password"],
.maintenance-admin-form input[type="email"] {
  width: 100% !important;
  min-height: 38px !important;
  margin: 3px 0 7px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;

  color: #e4f2f3 !important;
  font-size: 10px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: 7px !important;

  outline: 0 !important;
  box-shadow: none !important;
}

.maintenance-admin-form input[type="text"]:focus,
.maintenance-admin-form input[type="password"]:focus,
.maintenance-admin-form input[type="email"]:focus {
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .03) !important;
}

.maintenance-admin-form input[type="submit"],
.maintenance-admin-form input[type="button"],
.maintenance-admin-form button {
  min-height: 34px !important;
  padding: 6px 11px !important;

  color: #e4fff9 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: 7px !important;

  cursor: pointer !important;
}

/* Footer */
.maintenance-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  margin-top: 20px !important;
  padding-top: 10px !important;

  color: #4f6870 !important;
  font-size: 7px !important;
  font-weight: 700 !important;

  border-top: 1px solid var(--tco-border-soft) !important;
}

.maintenance-powered a {
  color: #607a81 !important;
  text-decoration: none !important;
}

@media (max-width: 720px) {
  .maintenance-page {
    align-items: flex-start !important;
    padding: 18px !important;
  }

  .maintenance-card {
    grid-template-columns: 1fr !important;
    max-width: 560px !important;
  }

  .maintenance-visual {
    min-height: 180px !important;

    border-right: 0 !important;
    border-bottom: 1px solid rgba(var(--tco-accent-rgb), .085) !important;
  }

  .maintenance-terminal-icon {
    width: 90px !important;
    height: 90px !important;
    font-size: 28px !important;
  }
}

@media (max-width: 480px) {
  .maintenance-page {
    padding: 10px !important;
  }

  .maintenance-content {
    padding: 20px !important;
  }

  .maintenance-visual {
    min-height: 145px !important;
    padding: 18px !important;
  }

  .maintenance-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ============================================================
   SITE SEARCH PAGE — COMMON SITE STYLE
   ============================================================ */

.site-search-template,
.site-search-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.site-search-page {
  padding-top: 18px !important;
  padding-bottom: 36px !important;
}

/* Header */
.site-search-head {
  
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.site-search-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.site-search-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}


/* User account */
.site-search-account {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 6px 7px !important;

  background: rgba(7,17,24,.92) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius) !important;
}

.site-search-avatar {
  display: block !important;
  width: 34px !important;
  height: 34px !important;

  object-fit: cover !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: 50% !important;
}

.site-search-account-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.site-search-account-info strong {
  overflow: hidden !important;

  color: #dceeed !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.site-search-account-info span {
  margin-top: 1px !important;
  color: #607982 !important;
  font-size: 7px !important;
}

.site-search-account > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* Guest buttons */
.site-search-guest-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.site-search-signin,
.site-search-register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 31px !important;
  padding: 5px 9px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
}

.site-search-signin {
  color: #e4fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.site-search-register {
  color: #9db7bb !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

/* Search box */
.site-search-box {
  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 11px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.975) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-card) !important;
}

.site-search-box-label {
  margin-bottom: 7px !important;

  color: #59757d !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
}

.site-search-form {
  position: relative !important;
  width: 100% !important;
}

/* uCoz search form */
.site-search-form form {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  width: 100% !important;
  margin: 0 !important;
}

.site-search-form input[type="text"],
.site-search-form input[type="search"] {
  flex: 1 1 auto !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;

  margin: 0 !important;
  padding: 8px 12px !important;

  color: #e8f5f6 !important;
  font-size: 12px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius) !important;

  outline: 0 !important;
  box-shadow: none !important;
}

.site-search-form input[type="text"]:focus,
.site-search-form input[type="search"]:focus {
  border-color: rgba(var(--tco-accent-rgb), .30) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .03) !important;
}

.site-search-form input[type="submit"],
.site-search-form input[type="button"],
.site-search-form button {
  flex: 0 0 auto !important;

  min-width: 105px !important;
  height: 44px !important;
  padding: 0 14px !important;

  color: #e4fff9 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
  border-radius: var(--tco-radius) !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

.site-search-form input[type="submit"]:hover,
.site-search-form input[type="button"]:hover,
.site-search-form button:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .42) !important;
}

/* Search query toolbar */
.site-search-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;

  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.975) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.site-search-query {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.site-search-query > span {
  flex: 0 0 auto !important;

  color: #59727a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.site-search-query > strong {
  overflow: hidden !important;

  color: #d9eeee !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.site-search-stats {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 5px !important;
}

.site-search-stat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-height: 27px !important;
  padding: 4px 7px !important;

  color: #c8dddf !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.site-search-stat small {
  color: #59727a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

/* Results */
.site-search-results {
  width: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;
}

.site-search-results-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 43px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.site-search-results-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.site-search-results-label {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.site-search-results-head strong {
  color: #849ca4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.site-search-results-count {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 25px !important;
  padding: 4px 7px !important;

  color: var(--tco-success) !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(0,196,125,.05) !important;
  border: 1px solid rgba(0,230,150,.12) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* uCoz search body */
.site-search-results-body {
  width: 100% !important;
  max-width: none !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

.site-search-results-body table {
  width: 100% !important;
  max-width: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.site-search-results-body tr {
  background: #0b1117 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.site-search-results-body tr:hover {
  background: #0d151c !important;
}

.site-search-results-body td,
.site-search-results-body th {
  padding: 9px 10px !important;
  vertical-align: top !important;

  color: var(--tco-text-soft) !important;
  font-size: 10px !important;
  line-height: 1.55 !important;

  background: transparent !important;
  border: 0 !important;
}

.site-search-results-body th {
  color: #8199a1 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

/* Generic search result blocks */
.site-search-results-body .search-result,
.site-search-results-body .search-item,
.site-search-results-body .result,
.site-search-results-body .result-item,
.site-search-results-body .entry {
  margin-bottom: 7px !important;
  padding: 11px !important;

  background: #0b1117 !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

/* Result links */
.site-search-results-body a,
.site-search-results-body a:link,
.site-search-results-body a:visited {
  color: #8fcac4 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.site-search-results-body a:hover {
  color: #e8fffb !important;
}

/* Result headings */
.site-search-results-body h2,
.site-search-results-body h3,
.site-search-results-body h4 {
  margin-top: 0 !important;

  color: #d9ecec !important;
  font-weight: 800 !important;

  border: 0 !important;
}

/* Highlighted search terms generated by old templates */
.site-search-results-body b,
.site-search-results-body strong {
  color: #d4e8e7 !important;
}

/* Pagination */
.site-search-pagination {
  
  margin-top: 10px !important;
}

.site-search-pagination .paginator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

/* Empty search state */
.site-search-empty {
  width: 100% !important;
  padding: 42px 20px !important;
  box-sizing: border-box !important;

  text-align: center !important;

  background: rgba(8,17,26,.94) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-card) !important;
}

.site-search-empty-icon {
  margin-bottom: 8px !important;

  color: #4edbca !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

.site-search-empty h2 {
  margin: 0 0 6px !important;
  padding: 0 !important;

  color: #dceeed !important;
  font-size: 16px !important;

  border: 0 !important;
}

.site-search-empty p {
  margin: 0 !important;

  color: #6f878f !important;
  font-size: 9px !important;
}

/* Keep query toolbar in view on desktop */
@media (min-width: 851px) {
  .site-search-toolbar {
    position: sticky !important;
    top: 8px !important;
    z-index: 12000 !important;

    box-shadow:
      0 10px 28px rgba(0,0,0,.32),
      0 1px 0 rgba(var(--tco-accent-rgb), .04) !important;
  }
}

@media (max-width: 850px) {
  .site-search-head,
  .site-search-toolbar {
    grid-template-columns: 1fr !important;
  }

  .site-search-account,
  .site-search-guest-actions {
    justify-self: start !important;
  }

  .site-search-stats {
    justify-content: flex-start !important;
  }

  .site-search-results-body {
    overflow-x: auto !important;
  }
}

@media (max-width: 560px) {
  .site-search-page {
    padding-top: 10px !important;
  }

  .site-search-form form {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .site-search-form input[type="submit"],
  .site-search-form input[type="button"],
  .site-search-form button {
    width: 100% !important;
  }

  .site-search-results-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .site-search-account {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   SITE SEARCH — PAGINATION FIX
   Scoped only to the search page
   ============================================================ */

.site-search-pagination {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Reset uCoz wrappers inside search pagination */
.site-search-pagination-main,
.site-search-pagination-range,
.site-search-pagination-main .pagesBlockuz1,
.site-search-pagination-main .pagesBlock1,
.site-search-pagination-main .pagesBlock2,
.site-search-pagination-range .pagesBlockuz1,
.site-search-pagination-range .pagesBlock1,
.site-search-pagination-range .pagesBlock2 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  width: auto !important;
  max-width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  float: none !important;
  position: static !important;

  line-height: 1 !important;
}

/* Remove ghost boxes from nested uCoz wrappers */
.site-search-pagination-main div,
.site-search-pagination-main b,
.site-search-pagination-main i,
.site-search-pagination-main em,
.site-search-pagination-range div,
.site-search-pagination-range b,
.site-search-pagination-range i,
.site-search-pagination-range em {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  float: none !important;
  position: static !important;
}

/* ---------------- MAIN PAGES: 1 2 3 » ---------------- */

.site-search-pagination-main,
.site-search-pagination-main .pagesBlockuz1,
.site-search-pagination-main .pagesBlock1,
.site-search-pagination-main .pagesBlock2 {
  gap: 5px !important;
}

.site-search-pagination-main a,
.site-search-pagination-main .swchItem,
.site-search-pagination-main .swchItemA,
.site-search-pagination-main > span,
.site-search-pagination-main .pagesBlockuz1 > span,
.site-search-pagination-main .pagesBlock1 > span,
.site-search-pagination-main .pagesBlock2 > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 34px !important;
  width: auto !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 9px !important;
  box-sizing: border-box !important;

  color: #7adfd3 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  background: #0b151d !important;
  background-image: none !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .13) !important;
  border-radius: 7px !important;

  box-shadow: none !important;
  text-decoration: none !important;
  text-align: center !important;

  float: none !important;
  position: static !important;

  transform: none !important;
}

.site-search-pagination-main a:hover,
.site-search-pagination-main .swchItem:hover {
  color: #e8fffb !important;
  background: #10241f !important;
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
}

/* Current page */
.site-search-pagination-main .swchItemA,
.site-search-pagination-main > span:not(:empty),
.site-search-pagination-main .pagesBlockuz1 > span:not(:empty),
.site-search-pagination-main .pagesBlock1 > span:not(:empty),
.site-search-pagination-main .pagesBlock2 > span:not(:empty) {
  color: #06110e !important;
  background: #21d9ba !important;
  border-color: #35e9c9 !important;

  box-shadow: 0 0 10px rgba(var(--tco-accent-rgb), .10) !important;
}

/* Transparent span wrappers that contain an anchor must stay wrappers */
.site-search-pagination-main span:has(> a),
.site-search-pagination-main span:has(> .swchItem),
.site-search-pagination-main span:has(> .swchItemA) {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ---------------- RANGE SELECTOR: 1–10 11–20 ---------------- */

.site-search-pagination-range,
.site-search-pagination-range .pagesBlockuz1,
.site-search-pagination-range .pagesBlock1,
.site-search-pagination-range .pagesBlock2 {
  gap: 4px !important;
}

.site-search-pagination-range a,
.site-search-pagination-range .swchItem,
.site-search-pagination-range .swchItemA,
.site-search-pagination-range > span,
.site-search-pagination-range .pagesBlockuz1 > span,
.site-search-pagination-range .pagesBlock1 > span,
.site-search-pagination-range .pagesBlock2 > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 0 !important;
  width: auto !important;
  height: 25px !important;

  margin: 0 !important;
  padding: 0 7px !important;
  box-sizing: border-box !important;

  color: #66848b !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.02) !important;
  background-image: none !important;

  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 5px !important;

  box-shadow: none !important;
  text-decoration: none !important;
  text-align: center !important;

  float: none !important;
  position: static !important;
}

.site-search-pagination-range a:hover,
.site-search-pagination-range .swchItem:hover {
  color: #b9ded9 !important;
  border-color: rgba(var(--tco-accent-rgb), .13) !important;
}

/* Active range */
.site-search-pagination-range .swchItemA {
  color: #8ee6dc !important;
  background: rgba(var(--tco-accent-rgb), .055) !important;
  border-color: rgba(var(--tco-accent-rgb), .13) !important;
}

/* Wrapper spans must not become buttons */
.site-search-pagination-range span:has(> a),
.site-search-pagination-range span:has(> .swchItem),
.site-search-pagination-range span:has(> .swchItemA) {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Remove empty uCoz elements completely */
.site-search-pagination-main :empty:not(a),
.site-search-pagination-range :empty:not(a) {
  min-width: 0 !important;
}

/* Mobile */
@media (max-width: 560px) {
  .site-search-pagination-main a,
  .site-search-pagination-main .swchItem,
  .site-search-pagination-main .swchItemA,
  .site-search-pagination-main > span {
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }

  .site-search-pagination-range a,
  .site-search-pagination-range .swchItem,
  .site-search-pagination-range .swchItemA,
  .site-search-pagination-range > span {
    height: 24px !important;
    padding: 0 6px !important;
    font-size: 8px !important;
  }
}

/* ============================================================
   SITE SEARCH — HEADER CLEANUP
   Account/profile block removed from search page
   ============================================================ */

.site-search-head {
  display: block !important;
}

.site-search-head > div:first-child {
  width: 100% !important;
  max-width: none !important;
}

.site-search-account,
.site-search-guest-actions {
  display: none !important;
}

/* ============================================================
   SITE SEARCH — DESCRIPTION VISIBILITY
   ============================================================ */

.site-search-head .site-page-description {
  display: inline-block !important;
  width: auto !important;
  max-width: 760px !important;

  margin: 7px 0 0 !important;
  padding: 6px 9px !important;

  color: #b8cdd1 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  background: rgba(5,12,18,.76) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
  backdrop-filter: blur(3px) !important;
}

/* ============================================================
   RELATED MATERIALS — COMMON SITE STYLE
   ============================================================ */

.related-material-card,
.related-material-neighbor {
  box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   Regular related material card
   ------------------------------------------------------------ */

.related-material-card {
  display: grid !important;
  grid-template-columns: 118px minmax(0,1fr) !important;

  min-width: 0 !important;
  min-height: 136px !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.965) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-card) !important;

  transition:
    border-color .18s ease,
    background-color .18s ease,
    transform .18s ease !important;
}

.related-material-card:hover {
  background: #0b151d !important;
  border-color: rgba(var(--tco-accent-rgb), .14) !important;
  transform: translateY(-1px) !important;
}

/* Image */
.related-material-image-wrap {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 0 !important;
  min-height: 100% !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tco-accent-rgb), .025),
      rgba(var(--tco-accent-rgb), 0)
    ),
    var(--tco-bg) !important;

  border-right: 1px solid var(--tco-border) !important;

  text-decoration: none !important;
}

.related-material-image {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 136px !important;

  object-fit: cover !important;

  transition: transform .22s ease, opacity .22s ease !important;
}

.related-material-card:hover .related-material-image {
  transform: scale(1.025) !important;
  opacity: .94 !important;
}

.related-material-image-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 58px !important;
  height: 58px !important;

  color: #52dcca !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 18px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-card) !important;
}

/* Content */
.related-material-content {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  padding: 11px 12px !important;
}

.related-material-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  min-width: 0 !important;
  margin-bottom: 6px !important;
}

.related-material-date {
  color: #5d757d !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}

.related-material-filter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  max-width: 150px !important;
  min-height: 22px !important;
  padding: 3px 7px !important;

  overflow: hidden !important;

  color: #72dfd2 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;

  background: rgba(var(--tco-accent-rgb), .045) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: 5px !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.related-material-title {
  margin: 0 !important;
  padding: 0 !important;

  font-size: 12px !important;
  line-height: 1.35 !important;

  border: 0 !important;
}

.related-material-title a,
.related-material-title a:link,
.related-material-title a:visited {
  display: -webkit-box !important;

  overflow: hidden !important;

  color: #dcefee !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;

  text-decoration: none !important;
  text-shadow: none !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.related-material-title a:hover {
  color: #72dfd2 !important;
}

/* uCoz MESSAGE may contain tags, so constrain the whole block */
.related-material-excerpt {
  display: -webkit-box !important;

  max-height: 36px !important;
  margin-top: 5px !important;
  overflow: hidden !important;

  color: #789098 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.related-material-excerpt p,
.related-material-excerpt div {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

.related-material-excerpt img,
.related-material-excerpt iframe,
.related-material-excerpt video,
.related-material-excerpt table,
.related-material-excerpt h1,
.related-material-excerpt h2,
.related-material-excerpt h3,
.related-material-excerpt h4,
.related-material-excerpt h5,
.related-material-excerpt h6 {
  display: none !important;
}

/* Secondary filters */
.related-material-tags {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;

  margin-top: 7px !important;
}

.related-material-tags:empty {
  display: none !important;
}

.related-material-tags > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 3px 6px !important;

  color: #78939a !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.022) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 5px !important;
}

/* Footer */
.related-material-footer {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px !important;

  margin-top: auto !important;
  padding-top: 8px !important;
}

.related-material-metrics {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

.related-material-metrics > span,
.related-material-metrics > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;

  min-height: 23px !important;
  padding: 3px 6px !important;

  color: #8aa3aa !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.022) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

.related-material-metrics small {
  color: #526b73 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

.related-material-open,
.related-material-open:link,
.related-material-open:visited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-height: 25px !important;
  padding: 4px 7px !important;

  color: #8ed8d0 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

.related-material-open:hover {
  color: #e7fffb !important;
  border-color: rgba(var(--tco-accent-rgb), .19) !important;
}

/* ------------------------------------------------------------
   Previous / next material
   ------------------------------------------------------------ */

.related-material-neighbor,
.related-material-neighbor:link,
.related-material-neighbor:visited {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;

  min-width: 0 !important;
  min-height: 104px !important;
  padding: 10px !important;

  color: inherit !important;

  background: rgba(8,17,26,.965) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;

  text-decoration: none !important;
  text-shadow: none !important;

  transition:
    border-color .18s ease,
    background-color .18s ease !important;
}

.related-material-neighbor:hover {
  background: #0b151d !important;
  border-color: rgba(var(--tco-accent-rgb), .14) !important;
}

.related-material-neighbor-direction {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;

  color: #5cdccc !important;
}

.related-material-neighbor-direction small {
  color: #66828a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.related-material-neighbor-arrow {
  color: #58dfcf !important;
  font-size: 12px !important;
}

.related-material-neighbor-main {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: center !important;

  min-width: 0 !important;
}

.related-material-neighbor-main:not(:has(.related-material-neighbor-image)) {
  grid-template-columns: 1fr !important;
}

.related-material-neighbor-image {
  display: block !important;
  width: 48px !important;
  height: 48px !important;

  object-fit: cover !important;

  background: var(--tco-bg) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: 7px !important;
}

.related-material-neighbor-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.related-material-neighbor-copy strong {
  display: -webkit-box !important;

  overflow: hidden !important;

  color: #d5e9e8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.related-material-neighbor-copy span {
  margin-top: 3px !important;

  color: #586f77 !important;
  font-size: 7px !important;
}

/* ------------------------------------------------------------
   Recommended wrapper if uCoz places several related items
   ------------------------------------------------------------ */

.related-materials-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

.related-materials-neighbors {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  .related-materials-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .related-material-card {
    grid-template-columns: 92px minmax(0,1fr) !important;
    min-height: 124px !important;
  }

  .related-material-image {
    min-height: 124px !important;
  }

  .related-materials-neighbors {
    grid-template-columns: 1fr !important;
  }

  .related-material-metrics {
    gap: 3px !important;
  }

  .related-material-metrics > span,
  .related-material-metrics > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 440px) {
  .related-material-card {
    grid-template-columns: 78px minmax(0,1fr) !important;
  }

  .related-material-content {
    padding: 9px !important;
  }

  .related-material-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ============================================================
   MATERIAL IMAGE VIEW — COMMON SITE STYLE
   ============================================================ */

.material-image-view {
  position: relative !important;

  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;

  margin: 16px auto !important;
  padding: 5px !important;
  box-sizing: border-box !important;

  overflow: hidden !important;

  background: rgba(7,17,24,.92) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(var(--tco-accent-rgb), .012) !important;
}

/* Alignment supplied by uCoz */
.material-image-align-left {
  float: left !important;
  clear: left !important;

  margin:
    6px
    16px
    10px
    0 !important;
}

.material-image-align-right {
  float: right !important;
  clear: right !important;

  margin:
    6px
    0
    10px
    16px !important;
}

.material-image-align-center,
.material-image-align-none,
.material-image-align- {
  float: none !important;
  clear: both !important;

  margin:
    16px
    auto !important;
}

/* Link around full-size image */
.material-image-link,
.material-image-link:link,
.material-image-link:visited {
  position: relative !important;

  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;

  background: var(--tco-bg) !important;
  border-radius: 7px !important;

  text-decoration: none !important;
  outline: 0 !important;
}

.material-image-link::after {
  content: "OPEN IMAGE" !important;

  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 24px !important;
  padding: 4px 7px !important;

  color: #bce9e4 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;

  background: rgba(5,15,20,.86) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 5px !important;

  opacity: 0 !important;
  transform: translateY(4px) !important;

  transition:
    opacity .18s ease,
    transform .18s ease !important;

  pointer-events: none !important;
}

.material-image-link:hover::after {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Image */
.material-image-file {
  display: block !important;

  width: auto !important;
  max-width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;

  background: var(--tco-bg) !important;
  border: 0 !important;
  border-radius: 7px !important;

  box-shadow: none !important;

  transition:
    opacity .18s ease,
    transform .22s ease !important;
}

.material-image-link:hover .material-image-file {
  opacity: .96 !important;
  transform: scale(1.008) !important;
}

/* Caption */
.material-image-caption {
  max-width: 100% !important;
  padding: 7px 6px 3px !important;

  color: #728991 !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* Don't allow old article CSS to override the image */
.page-content .material-image-view img,
.token-detail-content .material-image-view img,
.entry-content .material-image-view img {
  max-width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 7px !important;
}

/* Clear floats after typical content containers */
.page-content::after,
.entry-content::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

@media (max-width: 700px) {
  .material-image-view,
  .material-image-align-left,
  .material-image-align-right,
  .material-image-align-center {
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 100% !important;

    margin:
      14px
      auto !important;
  }

  .material-image-file {
    width: 100% !important;
  }

  .material-image-link::after {
    opacity: .86 !important;
    transform: none !important;
  }
}

/* ============================================================
   SUBSCRIPTIONS & PLANS PAGE — COMMON SITE STYLE
   ============================================================ */

.subscriptions-template,
.subscriptions-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.subscriptions-page {
  padding-top: 18px !important;
  padding-bottom: 38px !important;
}

/* Header */
.subscriptions-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.subscriptions-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.subscriptions-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.subscriptions-head .site-page-description {
  display: inline-block !important;
  width: auto !important;
  max-width: 760px !important;
  margin: 7px 0 0 !important;
  padding: 6px 9px !important;

  color: #b8cdd1 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  background: rgba(5,12,18,.76) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
  backdrop-filter: blur(3px) !important;
}

/* Header actions */
.subscriptions-manage-link,
.subscriptions-signin,
.subscriptions-register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 32px !important;
  padding: 6px 10px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.subscriptions-manage-link,
.subscriptions-signin {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.subscriptions-register {
  color: #9eb8bc !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

.subscriptions-guest-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Current subscription */
.subscriptions-current {
  width: 100% !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-card) !important;
}

.subscriptions-current-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  min-height: 39px !important;
  padding: 7px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.subscriptions-current-head > span {
  color: #64ddd0 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.subscriptions-current-head > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 4px 7px !important;

  color: #8fcac4 !important;
  font-size: 7px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

.subscriptions-current-grid {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 1px !important;

  background: var(--tco-border-soft) !important;
}

.subscriptions-current-item {
  min-width: 0 !important;
  padding: 11px !important;

  background: #0a151e !important;
}

.subscriptions-current-item small {
  display: block !important;
  margin-bottom: 5px !important;

  color: #577079 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.subscriptions-current-item strong {
  display: block !important;
  overflow: hidden !important;

  color: #d3e8e8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-transform: none !important;
}

.subscriptions-status {
  text-transform: uppercase !important;
}

.subscriptions-status-active,
.subscriptions-status-trial {
  color: var(--tco-success) !important;
}

.subscriptions-status-unpaid,
.subscriptions-status-canceled,
.subscriptions-status-expired {
  color: var(--tco-danger) !important;
}

.subscriptions-status-paused {
  color: #dbc780 !important;
}

/* Toolbar */
.subscriptions-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.975) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.subscriptions-count {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  background: rgba(var(--tco-accent-rgb), .04) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.subscriptions-count small {
  color: #5c777e !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.subscriptions-count strong {
  color: var(--tco-success) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.subscriptions-toolbar-copy {
  color: #6e878e !important;
  font-size: 9px !important;
}

/* Plans card */
.subscriptions-plans {
  width: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;
}

.subscriptions-plans-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 43px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.subscriptions-plans-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.subscriptions-plans-head span {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.subscriptions-plans-head strong {
  color: #849ca4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.subscriptions-plans-head > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 27px !important;
  padding: 4px 7px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

/* uCoz pricing body */
.subscriptions-body {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 9px !important;

  width: 100% !important;
  max-width: none !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

/*
  uCoz can output cards as tables, divs, or generic shop/subscription blocks.
  Keep selectors scoped to this page.
*/
.subscriptions-body > *,
.subscriptions-body .subscription,
.subscriptions-body .subscription-item,
.subscriptions-body .subscriptionItem,
.subscriptions-body .plan,
.subscriptions-body .plan-item,
.subscriptions-body .tariff,
.subscriptions-body .tariff-item,
.subscriptions-body .shop-item,
.subscriptions-body .goods-list > div {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.subscriptions-body > div,
.subscriptions-body > article,
.subscriptions-body > section,
.subscriptions-body .subscription,
.subscriptions-body .subscription-item,
.subscriptions-body .subscriptionItem,
.subscriptions-body .plan,
.subscriptions-body .plan-item,
.subscriptions-body .tariff,
.subscriptions-body .tariff-item {
  overflow: hidden !important;

  background: #0b1117 !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background-color .18s ease !important;
}

.subscriptions-body > div:hover,
.subscriptions-body > article:hover,
.subscriptions-body > section:hover,
.subscriptions-body .subscription:hover,
.subscriptions-body .plan:hover,
.subscriptions-body .tariff:hover {
  background: #0d161e !important;
  border-color: rgba(var(--tco-accent-rgb), .14) !important;
  transform: translateY(-1px) !important;
}

/* Tables inside uCoz pricing cards */
.subscriptions-body table {
  width: 100% !important;
  max-width: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;

  color: var(--tco-text-soft) !important;
  background: #0b1117 !important;

  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.subscriptions-body tr,
.subscriptions-body td,
.subscriptions-body th {
  background: transparent !important;
  border-color: rgba(255,255,255,.05) !important;
}

.subscriptions-body td,
.subscriptions-body th {
  padding: 8px 10px !important;

  color: var(--tco-text-soft) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}

/* Titles / prices */
.subscriptions-body h2,
.subscriptions-body h3,
.subscriptions-body h4,
.subscriptions-body .title,
.subscriptions-body .name,
.subscriptions-body [class*="title" i],
.subscriptions-body [class*="name" i] {
  color: #dcefee !important;
  font-weight: 800 !important;
  border: 0 !important;
  text-shadow: none !important;
}

.subscriptions-body .price,
.subscriptions-body [class*="price" i],
.subscriptions-body [class*="cost" i] {
  color: var(--tco-success) !important;
  font-weight: 800 !important;
}

/* Links */
.subscriptions-body a,
.subscriptions-body a:link,
.subscriptions-body a:visited {
  color: #8fcac4 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.subscriptions-body a:hover {
  color: #e9fffb !important;
}

/* Inputs/selects */
.subscriptions-body input[type="text"],
.subscriptions-body input[type="email"],
.subscriptions-body input[type="number"],
.subscriptions-body select {
  width: 100% !important;
  min-height: 36px !important;
  padding: 6px 9px !important;

  color: #e3f1f2 !important;
  font-size: 9px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
  color-scheme: dark !important;
}

.subscriptions-body select option,
.subscriptions-body select optgroup {
  color: #e3f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

/* CTA buttons generated by uCoz */
.subscriptions-body input[type="submit"],
.subscriptions-body input[type="button"],
.subscriptions-body button,
.subscriptions-body .button,
.subscriptions-body .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 34px !important;
  padding: 6px 10px !important;

  color: #e4fff9 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Lists inside plans */
.subscriptions-body ul {
  margin: 8px 0 !important;
  padding-left: 18px !important;
}

.subscriptions-body li {
  margin: 4px 0 !important;

  color: #8ca5ab !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}

/* Login note */
.subscriptions-login-note {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  width: 100% !important;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;
}

.subscriptions-login-note > div:first-child {
  display: flex !important;
  flex-direction: column !important;
}

.subscriptions-login-note span {
  margin-bottom: 3px !important;

  color: #5bdccc !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.subscriptions-login-note strong {
  color: #879fa5 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

.subscriptions-login-note-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.subscriptions-login-note-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 29px !important;
  padding: 5px 8px !important;

  color: #9cc8c4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

.subscriptions-login-note-actions a:first-child {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border-color: rgba(var(--tco-success-rgb), .22) !important;
}

@media (max-width: 1050px) {
  .subscriptions-body {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .subscriptions-current-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  .subscriptions-head {
    grid-template-columns: 1fr !important;
  }

  .subscriptions-guest-actions,
  .subscriptions-manage-link {
    justify-self: start !important;
  }

  .subscriptions-current-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 620px) {
  .subscriptions-page {
    padding-top: 10px !important;
  }

  .subscriptions-body {
    grid-template-columns: 1fr !important;
  }

  .subscriptions-toolbar,
  .subscriptions-login-note {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .subscriptions-plans-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (max-width: 440px) {
  .subscriptions-current-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   SUBSCRIPTION CHECKOUT PAGE — COMMON SITE STYLE
   ============================================================ */

.subscription-checkout-template,
.subscription-checkout-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.subscription-checkout-page {
  padding-top: 18px !important;
  padding-bottom: 38px !important;
}

/* Header */
.subscription-checkout-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: end !important;
  gap: 14px !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.subscription-checkout-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.subscription-checkout-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.subscription-checkout-head .site-page-description {
  display: inline-block !important;
  width: auto !important;
  max-width: 700px !important;
  margin: 7px 0 0 !important;
  padding: 6px 9px !important;

  color: #b8cdd1 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  background: rgba(5,12,18,.76) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.subscription-checkout-back,
.subscription-checkout-back:link,
.subscription-checkout-back:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 32px !important;
  padding: 6px 10px !important;

  color: #9dc6c2 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* Layout */
.subscription-checkout-layout {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 285px !important;
  gap: 10px !important;

  width: 100% !important;
}

/* Main card */
.subscription-checkout-card {
  min-width: 0 !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.975) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;
}

.subscription-checkout-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 44px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.subscription-checkout-card-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.subscription-checkout-card-head > div > span {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.subscription-checkout-card-head > div > strong {
  color: #849ca4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.subscription-checkout-secure {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 25px !important;
  padding: 4px 7px !important;

  color: var(--tco-success) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;

  background: rgba(0,196,125,.05) !important;
  border: 1px solid rgba(0,230,150,.12) !important;
  border-radius: 5px !important;
}

/* ============================================================
   uCoz CHECKOUT BODY
   ============================================================ */

.subscription-checkout-body {
  width: 100% !important;
  max-width: none !important;
  padding: 12px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

/* Containers generated by module */
.subscription-checkout-body form,
.subscription-checkout-body > div,
.subscription-checkout-body > section,
.subscription-checkout-body table {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.subscription-checkout-body form {
  width: 100% !important;
}

.subscription-checkout-body table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;

  color: var(--tco-text-soft) !important;
  background: transparent !important;
}

.subscription-checkout-body tr {
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.subscription-checkout-body td,
.subscription-checkout-body th {
  padding: 8px 9px !important;
  vertical-align: middle !important;

  color: var(--tco-text-soft) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: transparent !important;
  border-color: rgba(255,255,255,.05) !important;
}

.subscription-checkout-body th {
  color: #7e989f !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

/* Labels */
.subscription-checkout-body label,
.subscription-checkout-body .label,
.subscription-checkout-body [class*="label" i],
.subscription-checkout-body .field-title {
  color: #80979e !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

/* Fields */
.subscription-checkout-body input[type="text"],
.subscription-checkout-body input[type="email"],
.subscription-checkout-body input[type="password"],
.subscription-checkout-body input[type="tel"],
.subscription-checkout-body input[type="number"],
.subscription-checkout-body input[type="date"],
.subscription-checkout-body textarea,
.subscription-checkout-body select {
  width: 100% !important;
  max-width: none !important;
  min-height: 40px !important;

  margin: 3px 0 8px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;

  color: #e3f1f2 !important;
  font-size: 10px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: 7px !important;

  outline: 0 !important;
  box-shadow: none !important;

  color-scheme: dark !important;
}

.subscription-checkout-body textarea {
  min-height: 90px !important;
  resize: vertical !important;
}

.subscription-checkout-body select option,
.subscription-checkout-body select optgroup {
  color: #e3f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

.subscription-checkout-body input:focus,
.subscription-checkout-body textarea:focus,
.subscription-checkout-body select:focus {
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .03) !important;
}

/* Checkbox / radio payment methods */
.subscription-checkout-body input[type="checkbox"],
.subscription-checkout-body input[type="radio"] {
  accent-color: #25cdb9 !important;
}

.subscription-checkout-body label:has(input[type="radio"]),
.subscription-checkout-body label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-height: 36px !important;
  padding: 7px 9px !important;

  color: #a5bcc0 !important;

  background: rgba(255,255,255,.022) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* Titles / totals */
.subscription-checkout-body h2,
.subscription-checkout-body h3,
.subscription-checkout-body h4 {
  color: #dcefee !important;
  border: 0 !important;
  text-shadow: none !important;
}

.subscription-checkout-body .price,
.subscription-checkout-body .total,
.subscription-checkout-body .sum,
.subscription-checkout-body [class*="price" i],
.subscription-checkout-body [class*="total" i],
.subscription-checkout-body [class*="amount" i] {
  color: var(--tco-success) !important;
  font-weight: 800 !important;
}

/* Links */
.subscription-checkout-body a,
.subscription-checkout-body a:link,
.subscription-checkout-body a:visited {
  color: #82d1ca !important;
  text-decoration: none !important;
}

.subscription-checkout-body a:hover {
  color: #e7fffb !important;
}

/* Submit buttons */
.subscription-checkout-body input[type="submit"],
.subscription-checkout-body input[type="button"],
.subscription-checkout-body button,
.subscription-checkout-body .button,
.subscription-checkout-body .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  padding: 7px 12px !important;

  color: #e4fff9 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
  border-radius: 7px !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.subscription-checkout-body input[type="submit"]:hover,
.subscription-checkout-body input[type="button"]:hover,
.subscription-checkout-body button:hover,
.subscription-checkout-body .button:hover,
.subscription-checkout-body .btn:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .42) !important;
}

/* Payment/order boxes */
.subscription-checkout-body fieldset,
.subscription-checkout-body .order,
.subscription-checkout-body .order-info,
.subscription-checkout-body .payment,
.subscription-checkout-body .payment-method,
.subscription-checkout-body .subscription-order,
.subscription-checkout-body [class*="checkout" i] {
  margin: 0 0 10px !important;
  padding: 10px !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

.subscription-checkout-body legend {
  padding: 0 6px !important;

  color: #69d8cb !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

/* Notices */
.subscription-checkout-body .error,
.subscription-checkout-body .err,
.subscription-checkout-body [class*="error" i] {
  color: var(--tco-danger) !important;
}

.subscription-checkout-body .success,
.subscription-checkout-body [class*="success" i] {
  color: var(--tco-success) !important;
}

.subscription-checkout-body .notice,
.subscription-checkout-body .message,
.subscription-checkout-body .info {
  padding: 8px 10px !important;

  color: #8ea7ad !important;
  font-size: 9px !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* Sidebar */
.subscription-checkout-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;

  min-width: 0 !important;
}

.subscription-checkout-account,
.subscription-checkout-summary {
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.subscription-checkout-side-head {
  min-height: 34px !important;
  padding: 8px 9px !important;
  box-sizing: border-box !important;

  color: #62dace !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.subscription-checkout-user {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  padding: 10px !important;
}

.subscription-checkout-avatar {
  display: block !important;

  width: 42px !important;
  height: 42px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .15) !important;
  border-radius: 50% !important;
}

.subscription-checkout-user > div {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.subscription-checkout-user strong {
  overflow: hidden !important;

  color: #d9ecec !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.subscription-checkout-user span {
  margin-top: 2px !important;

  color: #607982 !important;
  font-size: 8px !important;
}

.subscription-checkout-side-links {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 5px !important;

  padding: 0 10px 10px !important;
}

.subscription-checkout-side-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 29px !important;
  padding: 5px 7px !important;

  color: #8dc8c3 !important;
  font-size: 7px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.022) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

/* Subscription summary */
.subscription-checkout-summary-row {
  display: grid !important;
  grid-template-columns: 92px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: center !important;

  min-height: 38px !important;
  padding: 7px 9px !important;

  border-bottom: 1px solid var(--tco-border-soft) !important;
}

.subscription-checkout-summary-row:last-child {
  border-bottom: 0 !important;
}

.subscription-checkout-summary-row span {
  color: #5d757d !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

.subscription-checkout-summary-row strong {
  overflow: hidden !important;

  color: #c7ddde !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.subscription-checkout-status {
  text-transform: uppercase !important;
}

.subscription-checkout-status-active,
.subscription-checkout-status-trial {
  color: var(--tco-success) !important;
}

.subscription-checkout-status-unpaid,
.subscription-checkout-status-canceled,
.subscription-checkout-status-expired {
  color: var(--tco-danger) !important;
}

.subscription-checkout-status-paused {
  color: #dbc780 !important;
}

/* Sidebar note */
.subscription-checkout-note {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;

  padding: 10px !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .075) !important;
  border-radius: var(--tco-radius) !important;
}

.subscription-checkout-note-dot {
  flex: 0 0 auto !important;

  width: 6px !important;
  height: 6px !important;
  margin-top: 4px !important;

  background: var(--tco-accent) !important;
  border-radius: 50% !important;

  box-shadow: 0 0 8px rgba(87,223,208,.28) !important;
}

.subscription-checkout-note p {
  margin: 0 !important;

  color: #6f878e !important;
  font-size: 8px !important;
  line-height: 1.55 !important;
}

/* Guest */
.subscription-checkout-guest {
  width: min(560px,100%) !important;
  margin: 36px auto !important;
  padding: 24px !important;
  box-sizing: border-box !important;

  text-align: center !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 11px !important;
}

.subscription-checkout-guest-kicker {
  margin-bottom: 7px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}

.subscription-checkout-guest h2 {
  margin: 0 0 7px !important;
  padding: 0 !important;

  color: #e5f4f4 !important;
  font-size: 20px !important;

  border: 0 !important;
}

.subscription-checkout-guest p {
  margin: 0 !important;

  color: #758d95 !important;
  font-size: 10px !important;
}

.subscription-checkout-guest-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin-top: 15px !important;
}

.subscription-checkout-primary,
.subscription-checkout-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 35px !important;
  padding: 7px 11px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
}

.subscription-checkout-primary {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.subscription-checkout-secondary {
  color: #9cb5ba !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

@media (max-width: 960px) {
  .subscription-checkout-layout {
    grid-template-columns: 1fr !important;
  }

  .subscription-checkout-sidebar {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .subscription-checkout-note {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 700px) {
  .subscription-checkout-head {
    grid-template-columns: 1fr !important;
  }

  .subscription-checkout-back {
    justify-self: start !important;
  }

  .subscription-checkout-sidebar {
    grid-template-columns: 1fr !important;
  }

  .subscription-checkout-note {
    grid-column: auto !important;
  }
}

@media (max-width: 560px) {
  .subscription-checkout-page {
    padding-top: 10px !important;
  }

  .subscription-checkout-body {
    padding: 9px !important;
    overflow-x: auto !important;
  }

  .subscription-checkout-body td,
  .subscription-checkout-body th {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .subscription-checkout-card-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .subscription-checkout-guest-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   SUBSCRIPTION SUCCESS PAGE — COMMON SITE STYLE
   ============================================================ */

.subscription-success-template,
.subscription-success-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.subscription-success-page {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  min-height: calc(100vh - 180px) !important;
  padding-top: 42px !important;
  padding-bottom: 48px !important;
}

.subscription-success-card {
  display: grid !important;
  grid-template-columns: 210px minmax(0,1fr) !important;

  width: min(900px,100%) !important;
  max-width: 900px !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.98) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .085) !important;
  border-radius: 14px !important;

  box-shadow:
    0 22px 60px rgba(0,0,0,.34),
    0 0 0 1px rgba(var(--tco-accent-rgb), .012) !important;
}

/* Success visual */
.subscription-success-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 500px !important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tco-accent-rgb), .035),
      rgba(var(--tco-accent-rgb), 0)
    ),
    var(--tco-bg) !important;

  border-right: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
}

.subscription-success-icon > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 112px !important;
  height: 112px !important;

  color: #08120f !important;
  font-size: 56px !important;
  font-weight: 900 !important;

  background: #5de0ca !important;
  border: 1px solid #7cebd8 !important;
  border-radius: 50% !important;

  box-shadow:
    0 0 28px rgba(var(--tco-accent-rgb), .12),
    0 0 70px rgba(var(--tco-accent-rgb), .05) !important;
}

/* Main copy */
.subscription-success-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  min-width: 0 !important;
  padding: 30px !important;
}

.subscription-success-kicker {
  margin-bottom: 7px !important;

  color: #60e0d0 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

.subscription-success-content h1 {
  margin: 0 0 9px !important;
  padding: 0 !important;

  color: #edf8f8 !important;
  font-size: clamp(26px,4vw,38px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em !important;

  border: 0 !important;
  text-shadow: none !important;
}

.subscription-success-description {
  margin: 0 !important;

  color: #80979f !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}

/* uCoz success/system output */
.subscription-success-system {
  margin-top: 16px !important;
  padding: 10px 11px !important;

  color: #9db4ba !important;
  font-size: 9px !important;
  line-height: 1.55 !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius) !important;
}

.subscription-success-system:empty {
  display: none !important;
}

.subscription-success-system a,
.subscription-success-system a:link,
.subscription-success-system a:visited {
  color: #83d5cd !important;
  text-decoration: none !important;
}

.subscription-success-system .success,
.subscription-success-system [class*="success" i] {
  color: var(--tco-success) !important;
}

.subscription-success-system .error,
.subscription-success-system [class*="error" i] {
  color: var(--tco-danger) !important;
}

.subscription-success-system table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.subscription-success-system td,
.subscription-success-system th {
  padding: 6px 7px !important;
  color: #9db4ba !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.05) !important;
}

/* Subscription details */
.subscription-success-plan {
  margin-top: 16px !important;
  overflow: hidden !important;

  background: rgba(var(--tco-accent-rgb), .018) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;
}

.subscription-success-plan-head {
  min-height: 34px !important;
  padding: 8px 9px !important;
  box-sizing: border-box !important;

  color: #62dace !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.subscription-success-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 1px !important;

  background: var(--tco-line-soft) !important;
}

.subscription-success-plan-grid > div {
  min-width: 0 !important;
  padding: 9px !important;
  background: #0a151e !important;
}

.subscription-success-plan-grid small {
  display: block !important;
  margin-bottom: 4px !important;

  color: #567078 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

.subscription-success-plan-grid strong {
  display: block !important;
  overflow: hidden !important;

  color: #d0e5e5 !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.subscription-success-status {
  text-transform: uppercase !important;
}

.subscription-success-status-active,
.subscription-success-status-trial {
  color: var(--tco-success) !important;
}

.subscription-success-status-unpaid,
.subscription-success-status-canceled,
.subscription-success-status-expired {
  color: var(--tco-danger) !important;
}

.subscription-success-status-paused {
  color: #dbc780 !important;
}

/* Account */
.subscription-success-account {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  margin-top: 14px !important;
  padding: 9px !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 7px !important;
}

.subscription-success-avatar {
  display: block !important;
  width: 40px !important;
  height: 40px !important;

  object-fit: cover !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 50% !important;
}

.subscription-success-account > div {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.subscription-success-account span {
  color: #526b73 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

.subscription-success-account strong {
  overflow: hidden !important;

  color: #d7e9e9 !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.subscription-success-account small {
  margin-top: 1px !important;
  color: #657d85 !important;
  font-size: 7px !important;
}

/* Actions */
.subscription-success-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin-top: 15px !important;
}

.subscription-success-primary,
.subscription-success-secondary,
.subscription-success-primary:link,
.subscription-success-secondary:link,
.subscription-success-primary:visited,
.subscription-success-secondary:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 35px !important;
  padding: 7px 11px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.subscription-success-primary {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.subscription-success-primary:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .42) !important;
}

.subscription-success-secondary {
  color: #9cb5ba !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

.subscription-success-secondary:hover {
  color: #e9fbf8 !important;
  border-color: rgba(var(--tco-accent-rgb), .14) !important;
}

@media (max-width: 820px) {
  .subscription-success-card {
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
  }

  .subscription-success-icon {
    min-height: 165px !important;

    border-right: 0 !important;
    border-bottom: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  }

  .subscription-success-icon > span {
    width: 86px !important;
    height: 86px !important;
    font-size: 44px !important;
  }
}

@media (max-width: 650px) {
  .subscription-success-plan-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 480px) {
  .subscription-success-page {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
  }

  .subscription-success-content {
    padding: 20px !important;
  }

  .subscription-success-plan-grid {
    grid-template-columns: 1fr !important;
  }

  .subscription-success-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .subscription-success-primary,
  .subscription-success-secondary {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   USER SUBSCRIPTIONS PAGE — COMMON SITE STYLE
   ============================================================ */

.user-subscriptions-template,
.user-subscriptions-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-subscriptions-page {
  padding-top: 18px !important;
  padding-bottom: 38px !important;
}

/* Header */
.user-subscriptions-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.user-subscriptions-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.user-subscriptions-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.user-subscriptions-head .site-page-description {
  display: inline-block !important;
  width: auto !important;
  max-width: 760px !important;
  margin: 7px 0 0 !important;
  padding: 6px 9px !important;

  color: #b8cdd1 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  background: rgba(5,12,18,.76) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.user-subscriptions-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.user-subscriptions-primary-link,
.user-subscriptions-secondary-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 32px !important;
  padding: 6px 10px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.user-subscriptions-primary-link {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.user-subscriptions-secondary-link {
  color: #9db7bb !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

/* Current subscription */
.user-subscriptions-current {
  width: 100% !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-card) !important;
}

.user-subscriptions-current-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 39px !important;
  padding: 7px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.user-subscriptions-current-head span {
  color: #64ddd0 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.user-subscriptions-current-head strong {
  color: #899fa5 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.user-subscriptions-current-grid {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 1px !important;

  background: var(--tco-border-soft) !important;
}

.user-subscriptions-current-item {
  min-width: 0 !important;
  padding: 11px !important;

  background: #0a151e !important;
}

.user-subscriptions-current-item small {
  display: block !important;
  margin-bottom: 5px !important;

  color: #577079 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.user-subscriptions-current-item strong {
  display: block !important;
  overflow: hidden !important;

  color: #d3e8e8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.user-subscriptions-status {
  text-transform: uppercase !important;
}

.user-subscriptions-status-active,
.user-subscriptions-status-trial {
  color: var(--tco-success) !important;
}

.user-subscriptions-status-unpaid,
.user-subscriptions-status-canceled,
.user-subscriptions-status-expired {
  color: var(--tco-danger) !important;
}

.user-subscriptions-status-paused {
  color: #dbc780 !important;
}

/* Toolbar */
.user-subscriptions-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  width: 100% !important;
  margin-bottom: 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(7,19,24,.975) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.user-subscriptions-count {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  min-height: 28px !important;
  padding: 5px 8px !important;

  background: rgba(var(--tco-accent-rgb), .04) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.user-subscriptions-count small {
  color: #5c777e !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.user-subscriptions-count strong {
  color: var(--tco-success) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.user-subscriptions-toolbar-copy {
  color: #6e878e !important;
  font-size: 9px !important;
}

/* List wrapper */
.user-subscriptions-list {
  width: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;
}

.user-subscriptions-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 43px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.user-subscriptions-list-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.user-subscriptions-list-head span {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.user-subscriptions-list-head strong {
  color: #849ca4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.user-subscriptions-list-head > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 27px !important;
  padding: 4px 7px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

/* ============================================================
   uCoz USER SUBSCRIPTIONS BODY
   ============================================================ */

.user-subscriptions-body {
  width: 100% !important;
  max-width: none !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

/* Table-based history */
.user-subscriptions-body table {
  width: 100% !important;
  max-width: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.user-subscriptions-body tr {
  background: #0b1117 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.user-subscriptions-body tr:hover {
  background: #0d151c !important;
}

.user-subscriptions-body td,
.user-subscriptions-body th {
  padding: 9px 10px !important;
  vertical-align: middle !important;

  color: var(--tco-text-soft) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: transparent !important;
  border-color: rgba(255,255,255,.05) !important;
}

.user-subscriptions-body th {
  color: #8199a1 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

/* Card/list based history */
.user-subscriptions-body .subscription,
.user-subscriptions-body .subscription-item,
.user-subscriptions-body .subscriptionItem,
.user-subscriptions-body .user-subscription,
.user-subscriptions-body .userSubscription,
.user-subscriptions-body .order,
.user-subscriptions-body .order-item {
  margin-bottom: 7px !important;
  padding: 10px !important;

  background: #0b1117 !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

/* Links */
.user-subscriptions-body a,
.user-subscriptions-body a:link,
.user-subscriptions-body a:visited {
  color: #8fcac4 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.user-subscriptions-body a:hover {
  color: #e8fffb !important;
}

/* Status text from uCoz */
.user-subscriptions-body .active,
.user-subscriptions-body [class*="active" i],
.user-subscriptions-body [class*="trial" i] {
  color: var(--tco-success) !important;
}

.user-subscriptions-body .expired,
.user-subscriptions-body .canceled,
.user-subscriptions-body .unpaid,
.user-subscriptions-body [class*="expired" i],
.user-subscriptions-body [class*="canceled" i],
.user-subscriptions-body [class*="unpaid" i] {
  color: var(--tco-danger) !important;
}

.user-subscriptions-body .paused,
.user-subscriptions-body [class*="paused" i] {
  color: #dbc780 !important;
}

/* Inputs and selects if actions are present */
.user-subscriptions-body input[type="text"],
.user-subscriptions-body input[type="number"],
.user-subscriptions-body select {
  min-height: 34px !important;
  padding: 6px 9px !important;

  color: #e2f1f2 !important;
  font-size: 9px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
  color-scheme: dark !important;
}

.user-subscriptions-body select option,
.user-subscriptions-body select optgroup {
  color: #e2f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

/* Action buttons */
.user-subscriptions-body input[type="submit"],
.user-subscriptions-body input[type="button"],
.user-subscriptions-body button,
.user-subscriptions-body .button,
.user-subscriptions-body .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 32px !important;
  padding: 5px 9px !important;

  color: #e3fff8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .22) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Empty messages */
.user-subscriptions-body .empty,
.user-subscriptions-body .no-results,
.user-subscriptions-body .notice,
.user-subscriptions-body .message {
  padding: 14px !important;

  color: #7d969d !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 7px !important;
}

/* Guest */
.user-subscriptions-guest {
  width: min(560px,100%) !important;
  margin: 38px auto !important;
  padding: 24px !important;
  box-sizing: border-box !important;

  text-align: center !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 11px !important;
}

.user-subscriptions-guest-kicker {
  margin-bottom: 7px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}

.user-subscriptions-guest h1 {
  margin: 0 0 7px !important;
  padding: 0 !important;

  color: #e5f4f4 !important;
  font-size: 20px !important;

  border: 0 !important;
}

.user-subscriptions-guest p {
  margin: 0 !important;

  color: #758d95 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

.user-subscriptions-guest-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin-top: 15px !important;
}

.user-subscriptions-guest-primary,
.user-subscriptions-guest-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 35px !important;
  padding: 7px 11px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
}

.user-subscriptions-guest-primary {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.user-subscriptions-guest-secondary {
  color: #9cb5ba !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

@media (max-width: 980px) {
  .user-subscriptions-current-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  .user-subscriptions-head {
    grid-template-columns: 1fr !important;
  }

  .user-subscriptions-actions {
    justify-self: start !important;
  }

  .user-subscriptions-toolbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .user-subscriptions-current-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .user-subscriptions-body {
    overflow-x: auto !important;
  }

  .user-subscriptions-body table {
    min-width: 700px !important;
  }
}

@media (max-width: 520px) {
  .user-subscriptions-page {
    padding-top: 10px !important;
  }

  .user-subscriptions-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }

  .user-subscriptions-current-grid {
    grid-template-columns: 1fr !important;
  }

  .user-subscriptions-list-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .user-subscriptions-guest-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   USER PAYMENTS PAGE — COMMON SITE STYLE
   ============================================================ */

.user-payments-template,
.user-payments-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.user-payments-page {
  padding-top: 18px !important;
  padding-bottom: 38px !important;
}

/* Header */
.user-payments-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.user-payments-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.user-payments-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.user-payments-head .site-page-description {
  display: inline-block !important;
  width: auto !important;
  max-width: 760px !important;
  margin: 7px 0 0 !important;
  padding: 6px 9px !important;

  color: #b8cdd1 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  background: rgba(5,12,18,.76) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.user-payments-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.user-payments-primary-link,
.user-payments-secondary-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 32px !important;
  padding: 6px 10px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.user-payments-primary-link {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.user-payments-secondary-link {
  color: #9db7bb !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

/* Account / billing strip */
.user-payments-account-strip {
  display: grid !important;
  grid-template-columns: minmax(220px,1.3fr) 150px minmax(220px,1fr) !important;
  gap: 1px !important;

  width: 100% !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;

  background: var(--tco-border-soft) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .085) !important;
  border-radius: var(--tco-radius-card) !important;
}

.user-payments-user,
.user-payments-total,
.user-payments-current-plan {
  min-width: 0 !important;
  padding: 10px 11px !important;

  background: #0a151e !important;
}

.user-payments-user {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

.user-payments-avatar {
  display: block !important;

  width: 42px !important;
  height: 42px !important;

  object-fit: cover !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .15) !important;
  border-radius: 50% !important;
}

.user-payments-user > div {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.user-payments-user small,
.user-payments-total small,
.user-payments-current-plan small {
  display: block !important;
  margin-bottom: 4px !important;

  color: #577079 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.user-payments-user strong,
.user-payments-current-plan strong {
  overflow: hidden !important;

  color: #d4e8e8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.user-payments-user span {
  margin-top: 1px !important;

  color: #627c83 !important;
  font-size: 7px !important;
}

.user-payments-total {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.user-payments-total strong {
  color: var(--tco-success) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.user-payments-current-plan {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.user-payments-plan-status {
  margin-top: 3px !important;

  color: #7e989f !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

.user-payments-plan-status-active,
.user-payments-plan-status-trial {
  color: var(--tco-success) !important;
}

.user-payments-plan-status-unpaid,
.user-payments-plan-status-canceled,
.user-payments-plan-status-expired {
  color: var(--tco-danger) !important;
}

.user-payments-plan-status-paused {
  color: #dbc780 !important;
}

/* Main list */
.user-payments-list {
  width: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: var(--tco-radius-card) !important;
}

.user-payments-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 43px !important;
  padding: 8px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid var(--tco-border) !important;
}

.user-payments-list-head > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.user-payments-list-head > div > span {
  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.user-payments-list-head > div > strong {
  color: #849ca4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.user-payments-count-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 25px !important;
  padding: 4px 7px !important;

  color: var(--tco-success) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  background: rgba(0,196,125,.05) !important;
  border: 1px solid rgba(0,230,150,.12) !important;
  border-radius: 5px !important;
}

/* ============================================================
   uCoz USER PAYMENTS BODY
   ============================================================ */

.user-payments-body {
  width: 100% !important;
  max-width: none !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

/* Payment table */
.user-payments-body table {
  width: 100% !important;
  max-width: none !important;

  border-collapse: collapse !important;
  border-spacing: 0 !important;

  background: transparent !important;
}

.user-payments-body tr {
  background: #0b1117 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.user-payments-body tr:hover {
  background: #0d151c !important;
}

.user-payments-body td,
.user-payments-body th {
  padding: 9px 10px !important;
  vertical-align: middle !important;

  color: var(--tco-text-soft) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: transparent !important;
  border-color: rgba(255,255,255,.05) !important;
}

.user-payments-body th {
  color: #8199a1 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

/* Generic card/list payment output */
.user-payments-body .payment,
.user-payments-body .payment-item,
.user-payments-body .paymentItem,
.user-payments-body .transaction,
.user-payments-body .transaction-item,
.user-payments-body .order,
.user-payments-body .order-item,
.user-payments-body [class*="payment-item" i],
.user-payments-body [class*="transaction-item" i] {
  margin-bottom: 7px !important;
  padding: 10px !important;

  background: #0b1117 !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;
}

/* Amounts/prices */
.user-payments-body .amount,
.user-payments-body .price,
.user-payments-body .sum,
.user-payments-body .total,
.user-payments-body [class*="amount" i],
.user-payments-body [class*="price" i],
.user-payments-body [class*="total" i] {
  color: var(--tco-success) !important;
  font-weight: 800 !important;
}

/* Statuses */
.user-payments-body .paid,
.user-payments-body .success,
.user-payments-body .completed,
.user-payments-body [class*="paid" i],
.user-payments-body [class*="success" i],
.user-payments-body [class*="complete" i] {
  color: var(--tco-success) !important;
  font-weight: 800 !important;
}

.user-payments-body .failed,
.user-payments-body .error,
.user-payments-body .canceled,
.user-payments-body .cancelled,
.user-payments-body [class*="fail" i],
.user-payments-body [class*="error" i],
.user-payments-body [class*="cancel" i] {
  color: var(--tco-danger) !important;
  font-weight: 800 !important;
}

.user-payments-body .pending,
.user-payments-body .waiting,
.user-payments-body .processing,
.user-payments-body [class*="pending" i],
.user-payments-body [class*="wait" i],
.user-payments-body [class*="processing" i] {
  color: #dbc780 !important;
  font-weight: 800 !important;
}

/* Links */
.user-payments-body a,
.user-payments-body a:link,
.user-payments-body a:visited {
  color: #8fcac4 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.user-payments-body a:hover {
  color: #e8fffb !important;
}

/* Controls if uCoz renders payment actions */
.user-payments-body input[type="text"],
.user-payments-body input[type="number"],
.user-payments-body input[type="date"],
.user-payments-body select {
  min-height: 34px !important;
  padding: 6px 9px !important;

  color: #e2f1f2 !important;
  font-size: 9px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
  color-scheme: dark !important;
}

.user-payments-body select option,
.user-payments-body select optgroup {
  color: #e2f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

.user-payments-body input[type="submit"],
.user-payments-body input[type="button"],
.user-payments-body button,
.user-payments-body .button,
.user-payments-body .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 31px !important;
  padding: 5px 9px !important;

  color: #e3fff8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .22) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Notices / empty state */
.user-payments-body .empty,
.user-payments-body .no-results,
.user-payments-body .notice,
.user-payments-body .message,
.user-payments-body .info {
  padding: 14px !important;

  color: #7d969d !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 7px !important;
}

/* Guest */
.user-payments-guest {
  width: min(560px,100%) !important;
  margin: 38px auto !important;
  padding: 24px !important;
  box-sizing: border-box !important;

  text-align: center !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 11px !important;
}

.user-payments-guest-kicker {
  margin-bottom: 7px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}

.user-payments-guest h1 {
  margin: 0 0 7px !important;
  padding: 0 !important;

  color: #e5f4f4 !important;
  font-size: 20px !important;

  border: 0 !important;
}

.user-payments-guest p {
  margin: 0 !important;

  color: #758d95 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

.user-payments-guest-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin-top: 15px !important;
}

.user-payments-guest-primary,
.user-payments-guest-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 35px !important;
  padding: 7px 11px !important;

  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  border-radius: var(--tco-radius-sm) !important;
  text-decoration: none !important;
}

.user-payments-guest-primary {
  color: #e5fff9 !important;
  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
}

.user-payments-guest-secondary {
  color: #9cb5ba !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border-mid) !important;
}

@media (max-width: 900px) {
  .user-payments-account-strip {
    grid-template-columns: minmax(220px,1fr) 130px !important;
  }

  .user-payments-current-plan {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  .user-payments-head {
    grid-template-columns: 1fr !important;
  }

  .user-payments-actions {
    justify-self: start !important;
  }

  .user-payments-body {
    overflow-x: auto !important;
  }

  .user-payments-body table {
    min-width: 720px !important;
  }
}

@media (max-width: 560px) {
  .user-payments-page {
    padding-top: 10px !important;
  }

  .user-payments-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }

  .user-payments-account-strip {
    grid-template-columns: 1fr !important;
  }

  .user-payments-current-plan {
    grid-column: auto !important;
  }

  .user-payments-list-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .user-payments-guest-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   SUBSCRIPTION PLAN CARD — COMMON SITE STYLE
   ============================================================ */

.plan-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.98) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 11px !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.16),
    inset 0 0 0 1px rgba(var(--tco-accent-rgb), .01) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background-color .18s ease !important;
}

.plan-card:hover {
  transform: translateY(-2px) !important;

  background: #0b151d !important;
  border-color: rgba(var(--tco-accent-rgb), .15) !important;
}

/* Featured / recommended plan */
.plan-card-featured {
  border-color: rgba(var(--tco-accent-rgb), .20) !important;

  box-shadow:
    0 12px 32px rgba(0,0,0,.20),
    0 0 0 1px rgba(var(--tco-accent-rgb), .025),
    0 0 30px rgba(var(--tco-accent-rgb), .025) !important;
}

/* Current plan */
.plan-card-current {
  border-color: rgba(var(--tco-success-rgb), .24) !important;

  box-shadow:
    0 12px 32px rgba(0,0,0,.20),
    0 0 0 1px rgba(var(--tco-success-rgb), .025) !important;
}

/* Recommended label */
.plan-card-badge {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  z-index: 3 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 24px !important;
  max-width: calc(100% - 18px) !important;
  padding: 4px 7px !important;

  overflow: hidden !important;

  color: #07130f !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;

  background: #58dfcf !important;
  border: 1px solid #75eadb !important;
  border-radius: 5px !important;

  box-shadow: 0 0 16px rgba(var(--tco-accent-rgb), .10) !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Cover */
.plan-card-cover {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 150px !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tco-accent-rgb), .025),
      rgba(var(--tco-accent-rgb), 0)
    ),
    var(--tco-bg) !important;

  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.plan-card-cover-image {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  transition:
    transform .25s ease,
    opacity .25s ease !important;
}

.plan-card:hover .plan-card-cover-image {
  transform: scale(1.025) !important;
  opacity: .94 !important;
}

.plan-card-cover-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 74px !important;
  height: 74px !important;

  color: #5bdccc !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 23px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-panel) !important;
}

/* Body */
.plan-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;

  min-width: 0 !important;
  padding: 13px !important;
}

.plan-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  min-width: 0 !important;
  margin-bottom: 7px !important;
}

.plan-card-number {
  color: #59737b !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.plan-card-type {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 21px !important;
  max-width: 150px !important;
  padding: 3px 6px !important;

  overflow: hidden !important;

  color: #78d9ce !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: 5px !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.plan-card-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #e4f2f1 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;

  border: 0 !important;
  text-shadow: none !important;
}

.plan-card-description {
  display: -webkit-box !important;

  max-height: 58px !important;
  margin-top: 6px !important;
  overflow: hidden !important;

  color: #7b949a !important;
  font-size: 9px !important;
  line-height: 1.55 !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.plan-card-description p,
.plan-card-description div {
  margin: 0 !important;
}

/* Price */
.plan-card-price {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 7px !important;

  margin-top: 13px !important;
  padding: 10px 0 !important;

  border-top: 1px solid var(--tco-border-soft) !important;
  border-bottom: 1px solid var(--tco-border-soft) !important;
}

.plan-card-old-price {
  color: #596f76 !important;
  font-size: 10px !important;
  font-weight: 700 !important;

  text-decoration: line-through !important;
}

.plan-card-current-price {
  color: var(--tco-success) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Advantages */
.plan-card-features {
  margin-top: 11px !important;

  color: #8ca5ab !important;
}

.plan-card-features ul,
.plan-card-features ol {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.plan-card-features li {
  position: relative !important;

  margin: 0 !important;
  padding: 0 0 0 17px !important;

  color: #8da6ac !important;
  font-size: 9px !important;
  line-height: 1.45 !important;

  list-style: none !important;
}

.plan-card-features li::before {
  content: "✓" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  color: #60dfcf !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

/* If uCoz outputs plain divs/spans rather than UL */
.plan-card-features > div,
.plan-card-features > span,
.plan-card-features > p {
  position: relative !important;

  display: block !important;
  margin: 0 0 6px !important;
  padding-left: 17px !important;

  color: #8da6ac !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}

.plan-card-features > div::before,
.plan-card-features > span::before,
.plan-card-features > p::before {
  content: "✓" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  color: #60dfcf !important;
  font-weight: 900 !important;
}

/* Footer / buy button */
.plan-card-footer {
  margin-top: auto !important;
  padding-top: 13px !important;
}

.plan-card-buy {
  width: 100% !important;
}

.plan-card-buy form {
  width: 100% !important;
  margin: 0 !important;
}

.plan-card-buy a,
.plan-card-buy a:link,
.plan-card-buy a:visited,
.plan-card-buy button,
.plan-card-buy input[type="submit"],
.plan-card-buy input[type="button"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;

  color: #e7fff9 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .26) !important;
  border-radius: 7px !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none !important;

  transition:
    background-color .18s ease,
    border-color .18s ease !important;
}

.plan-card-buy a:hover,
.plan-card-buy button:hover,
.plan-card-buy input[type="submit"]:hover,
.plan-card-buy input[type="button"]:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .44) !important;
}

/* Already subscribed */
.plan-card-current-state {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  width: 100% !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-success) !important;

  background: rgba(0,196,125,.055) !important;
  border: 1px solid rgba(0,230,150,.14) !important;
  border-radius: 7px !important;
}

.plan-card-current-state strong {
  color: var(--tco-success) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
}

.plan-card-current-dot {
  display: block !important;

  width: 7px !important;
  height: 7px !important;

  background: #68e7b8 !important;
  border-radius: 50% !important;

  box-shadow: 0 0 8px rgba(104,231,184,.30) !important;
}

/* Make cards equal-height inside subscription page grid */
.subscriptions-body > .plan-card,
.subscriptions-body .plan-card {
  height: 100% !important;
}

/* Remove generic parent card styling around our custom card */
.subscriptions-body > .plan-card {
  overflow: hidden !important;

  background: rgba(8,17,26,.98) !important;
  border-radius: 11px !important;
}

/* Mobile */
@media (max-width: 620px) {
  .plan-card-cover {
    height: 175px !important;
  }

  .plan-card-body {
    padding: 12px !important;
  }
}

@media (max-width: 420px) {
  .plan-card-cover {
    height: 145px !important;
  }

  .plan-card-current-price {
    font-size: 20px !important;
  }
}

/* ============================================================
   SUBSCRIPTION PLAN CHECKOUT FORM — COMMON SITE STYLE
   ============================================================ */

.plan-checkout-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: none !important;

  color: var(--tco-text-soft) !important;
}

/* ------------------------------------------------------------
   Plan summary
   ------------------------------------------------------------ */

.plan-checkout-form-summary {
  display: grid !important;
  grid-template-columns: 190px minmax(0,1fr) !important;

  min-width: 0 !important;
  overflow: hidden !important;

  background: #0a151e !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 9px !important;
}

.plan-checkout-form-cover {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 210px !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tco-accent-rgb), .025),
      rgba(var(--tco-accent-rgb), 0)
    ),
    var(--tco-bg) !important;

  border-right: 1px solid var(--tco-border) !important;
}

.plan-checkout-form-cover-image {
  width: 100% !important;
  height: 100% !important;
}

.plan-checkout-form-cover-image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 210px !important;

  object-fit: cover !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.plan-checkout-form-cover-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 76px !important;
  height: 76px !important;

  color: #5bdccc !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 23px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-panel) !important;
}

.plan-checkout-form-info {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  padding: 15px !important;
}

.plan-checkout-form-badge {
  align-self: flex-start !important;

  margin-bottom: 8px !important;
  padding: 4px 7px !important;

  color: #07130f !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;

  background: #58dfcf !important;
  border: 1px solid #75eadb !important;
  border-radius: 5px !important;
}

.plan-checkout-form-kicker {
  margin-bottom: 4px !important;

  color: #5d777e !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
}

.plan-checkout-form-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #e4f2f1 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  border: 0 !important;
  text-shadow: none !important;
}

.plan-checkout-form-description {
  display: -webkit-box !important;

  max-width: 700px !important;
  max-height: 58px !important;
  margin-top: 6px !important;
  overflow: hidden !important;

  color: #7c959b !important;
  font-size: 9px !important;
  line-height: 1.55 !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.plan-checkout-form-description p,
.plan-checkout-form-description div {
  margin: 0 !important;
}

.plan-checkout-form-price {
  margin-top: 11px !important;

  color: var(--tco-success) !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

/* Plan metadata */
.plan-checkout-form-meta {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 5px !important;

  margin-top: 12px !important;
}

.plan-checkout-form-meta-item {
  min-width: 0 !important;
  padding: 7px !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.plan-checkout-form-meta-item small {
  display: block !important;
  margin-bottom: 4px !important;

  color: #566f77 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

.plan-checkout-form-meta-item strong {
  display: block !important;
  overflow: hidden !important;

  color: #bed5d7 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Raw advantage output */
.plan-checkout-form-advantages {
  margin-top: 10px !important;
  padding-top: 9px !important;

  color: #8ba4aa !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  border-top: 1px solid var(--tco-border-soft) !important;
}

.plan-checkout-form-advantages ul,
.plan-checkout-form-advantages ol {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.plan-checkout-form-advantages li {
  position: relative !important;

  margin: 0 !important;
  padding-left: 16px !important;

  list-style: none !important;
}

.plan-checkout-form-advantages li::before {
  content: "✓" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  color: #60dfcf !important;
  font-weight: 900 !important;
}

/* ------------------------------------------------------------
   Generic section
   ------------------------------------------------------------ */

.plan-checkout-form-section {
  overflow: hidden !important;

  background: rgba(8,17,26,.97) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;
}

.plan-checkout-form-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 39px !important;
  padding: 7px 9px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.plan-checkout-form-section-head span {
  color: #62dace !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
}

.plan-checkout-form-section-head strong {
  color: #687f86 !important;
  font-size: 7px !important;
  font-weight: 700 !important;
}

/* ------------------------------------------------------------
   Additional checkout fields from $FIELDS$
   ------------------------------------------------------------ */

.plan-checkout-form-fields {
  padding: 10px !important;
}

.plan-checkout-form-fields table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.plan-checkout-form-fields td,
.plan-checkout-form-fields th {
  padding: 6px 7px !important;

  color: #8fa7ad !important;
  font-size: 9px !important;

  background: transparent !important;
  border-color: var(--tco-border-soft) !important;
}

.plan-checkout-form-fields label,
.plan-checkout-form-fields .label,
.plan-checkout-form-fields [class*="label" i] {
  display: block !important;
  margin-bottom: 4px !important;

  color: #81999f !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}

.plan-checkout-form-fields input[type="text"],
.plan-checkout-form-fields input[type="email"],
.plan-checkout-form-fields input[type="password"],
.plan-checkout-form-fields input[type="tel"],
.plan-checkout-form-fields input[type="url"],
.plan-checkout-form-fields input[type="number"],
.plan-checkout-form-fields input[type="date"],
.plan-checkout-form-fields select,
.plan-checkout-form-fields textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 39px !important;

  margin: 3px 0 7px !important;
  padding: 7px 9px !important;
  box-sizing: border-box !important;

  color: #e2f1f2 !important;
  font-size: 10px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
  box-shadow: none !important;

  color-scheme: dark !important;
}

.plan-checkout-form-fields textarea {
  min-height: 84px !important;
  resize: vertical !important;
}

.plan-checkout-form-fields select option,
.plan-checkout-form-fields select optgroup {
  color: #e2f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

.plan-checkout-form-fields input:focus,
.plan-checkout-form-fields select:focus,
.plan-checkout-form-fields textarea:focus {
  border-color: rgba(var(--tco-accent-rgb), .28) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .03) !important;
}

.plan-checkout-form-fields input[type="checkbox"],
.plan-checkout-form-fields input[type="radio"] {
  accent-color: #25cdb9 !important;
}

/* ------------------------------------------------------------
   Payment methods from $PAY_METHODS$
   ------------------------------------------------------------ */

.plan-checkout-form-payments {
  padding: 10px !important;
}

.plan-checkout-form-payments table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.plan-checkout-form-payments td,
.plan-checkout-form-payments th {
  padding: 7px !important;

  color: #92a9af !important;
  font-size: 9px !important;

  background: transparent !important;
  border-color: var(--tco-border-soft) !important;
}

.plan-checkout-form-payments label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  min-height: 42px !important;
  margin: 4px 0 !important;
  padding: 7px 9px !important;
  box-sizing: border-box !important;

  color: #b1c6c9 !important;
  font-size: 9px !important;
  font-weight: 700 !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: 7px !important;

  cursor: pointer !important;
}

.plan-checkout-form-payments label:hover {
  background: rgba(var(--tco-accent-rgb), .025) !important;
  border-color: rgba(var(--tco-accent-rgb), .11) !important;
}

.plan-checkout-form-payments input[type="radio"],
.plan-checkout-form-payments input[type="checkbox"] {
  flex: 0 0 auto !important;
  accent-color: #25cdb9 !important;
}

.plan-checkout-form-payments img {
  max-width: 120px !important;
  max-height: 34px !important;

  object-fit: contain !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Buttons generated inside payment output */
.plan-checkout-form-payments a,
.plan-checkout-form-payments button,
.plan-checkout-form-payments input[type="submit"],
.plan-checkout-form-payments input[type="button"],
.plan-checkout-form-fields button,
.plan-checkout-form-fields input[type="submit"],
.plan-checkout-form-fields input[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 36px !important;
  padding: 6px 10px !important;

  color: #e6fff9 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* ------------------------------------------------------------
   Recurring billing
   ------------------------------------------------------------ */

.plan-checkout-form-renewal {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  padding: 9px 10px !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .075) !important;
  border-radius: var(--tco-radius) !important;
}

.plan-checkout-form-renewal > div {
  display: flex !important;
  flex-direction: column !important;
}

.plan-checkout-form-renewal small {
  margin-bottom: 3px !important;

  color: #5c767d !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

.plan-checkout-form-renewal strong {
  color: #d0e6e5 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.plan-checkout-form-renewal > span {
  color: #6f878e !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
  text-align: right !important;
}

/* Responsive */
@media (max-width: 900px) {
  .plan-checkout-form-summary {
    grid-template-columns: 160px minmax(0,1fr) !important;
  }

  .plan-checkout-form-meta {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 650px) {
  .plan-checkout-form-summary {
    grid-template-columns: 1fr !important;
  }

  .plan-checkout-form-cover {
    min-height: 180px !important;

    border-right: 0 !important;
    border-bottom: 1px solid var(--tco-border) !important;
  }

  .plan-checkout-form-cover-image img {
    min-height: 180px !important;
    max-height: 240px !important;
  }

  .plan-checkout-form-section-head,
  .plan-checkout-form-renewal {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .plan-checkout-form-renewal > span {
    text-align: left !important;
  }
}

@media (max-width: 430px) {
  .plan-checkout-form-meta {
    grid-template-columns: 1fr !important;
  }

  .plan-checkout-form-info {
    padding: 12px !important;
  }

  .plan-checkout-form-fields,
  .plan-checkout-form-payments {
    padding: 8px !important;
  }
}

/* ============================================================
   PRODUCT CATALOG ITEM — COMMON SITE STYLE
   ============================================================ */

.catalog-product-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 100% !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.98) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 11px !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.16),
    inset 0 0 0 1px rgba(var(--tco-accent-rgb), .01) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background-color .18s ease !important;
}

.catalog-product-card:hover {
  transform: translateY(-2px) !important;

  background: #0b151d !important;
  border-color: rgba(var(--tco-accent-rgb), .15) !important;
}

/* Image area */
.catalog-product-media {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 190px !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tco-accent-rgb), .025),
      rgba(var(--tco-accent-rgb), 0)
    ),
    var(--tco-bg) !important;

  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.catalog-product-image {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  transition:
    transform .25s ease,
    opacity .25s ease !important;
}

.catalog-product-card:hover .catalog-product-image {
  transform: scale(1.025) !important;
  opacity: .95 !important;
}

.catalog-product-image-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 76px !important;
  height: 76px !important;

  color: #5bdccc !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 23px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-panel) !important;
}

/* Category / stock overlays */
.catalog-product-media-top {
  position: absolute !important;
  top: 9px !important;
  left: 9px !important;
  right: 9px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;

  pointer-events: none !important;
}

.catalog-product-category,
.catalog-product-stock {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 23px !important;
  max-width: 48% !important;
  padding: 4px 7px !important;

  overflow: hidden !important;

  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  background: rgba(5,15,20,.86) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 5px !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;

  backdrop-filter: blur(4px) !important;
}

.catalog-product-category {
  color: #79ded3 !important;
  border-color: rgba(var(--tco-accent-rgb), .12) !important;
}

.catalog-product-stock {
  color: #9bb4b9 !important;
}

/* Content */
.catalog-product-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;

  min-width: 0 !important;
  padding: 12px !important;
}

.catalog-product-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;

  min-height: 17px !important;
  margin-bottom: 5px !important;
}

.catalog-product-meta:empty {
  display: none !important;
}

.catalog-product-meta > span {
  overflow: hidden !important;

  color: #587179 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.catalog-product-name {
  display: -webkit-box !important;

  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: #e1f0ef !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;

  border: 0 !important;
  text-shadow: none !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* Price */
.catalog-product-price {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin-top: 10px !important;
  padding: 9px 0 !important;

  border-top: 1px solid var(--tco-border-soft) !important;
  border-bottom: 1px solid var(--tco-border-soft) !important;
}

.catalog-product-old-price {
  color: #586e75 !important;
  font-size: 9px !important;
  font-weight: 700 !important;

  text-decoration: line-through !important;
}

.catalog-product-price > strong {
  color: var(--tco-success) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.catalog-product-price > small {
  color: #667f86 !important;
  font-size: 7px !important;
  font-weight: 700 !important;
}

/* Secondary product info */
.catalog-product-info {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 5px !important;

  margin-top: 9px !important;
}

.catalog-product-info:empty {
  display: none !important;
}

.catalog-product-info > div {
  min-width: 0 !important;
  padding: 6px !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 5px !important;
}

.catalog-product-info small {
  display: block !important;
  margin-bottom: 3px !important;

  color: #536b73 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
}

.catalog-product-info strong {
  display: block !important;
  overflow: hidden !important;

  color: #9bb3b8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Footer */
.catalog-product-footer {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px !important;

  margin-top: auto !important;
  padding-top: 11px !important;
}

.catalog-product-stats {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

.catalog-product-stats > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;

  min-height: 23px !important;
  padding: 3px 6px !important;

  color: #8aa3aa !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 5px !important;
}

.catalog-product-stats small {
  color: #526a72 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
}

/* uCoz $2BASKET$ can be an image/button/link */
.catalog-product-buy {
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  min-width: 36px !important;
}

.catalog-product-buy a,
.catalog-product-buy a:link,
.catalog-product-buy a:visited,
.catalog-product-buy button,
.catalog-product-buy input[type="submit"],
.catalog-product-buy input[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 38px !important;
  min-height: 34px !important;
  padding: 6px 9px !important;
  box-sizing: border-box !important;

  color: #e6fff9 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.catalog-product-buy img {
  display: block !important;

  max-width: 32px !important;
  max-height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Common catalog grids can keep equal heights */
.shop-items .catalog-product-card,
.goods-list .catalog-product-card,
.catalog-products-grid .catalog-product-card {
  height: 100% !important;
}

/* Recommended wrapper if needed */
.catalog-products-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 9px !important;
  width: 100% !important;
}

@media (max-width: 1180px) {
  .catalog-products-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 880px) {
  .catalog-products-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 620px) {
  .catalog-products-grid {
    grid-template-columns: 1fr !important;
  }

  .catalog-product-media {
    height: 220px !important;
  }
}

@media (max-width: 430px) {
  .catalog-product-media {
    height: 175px !important;
  }

  .catalog-product-info {
    grid-template-columns: 1fr !important;
  }

  .catalog-product-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .catalog-product-buy,
  .catalog-product-buy a,
  .catalog-product-buy button,
  .catalog-product-buy input[type="submit"],
  .catalog-product-buy input[type="button"] {
    width: 100% !important;
  }
}

/* ============================================================
   SHOP ORDER PAGE — COMMON SITE STYLE
   ============================================================ */

.shop-order-template,
.shop-order-page {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.shop-order-page {
  padding-top: 18px !important;
  padding-bottom: 38px !important;
}

/* Header */
.shop-order-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: end !important;
  gap: 14px !important;

  width: 100% !important;
  margin-bottom: 10px !important;
}

.shop-order-kicker {
  margin-bottom: 4px !important;

  color: var(--tco-accent) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

.shop-order-head .site-page-title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.shop-order-head-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;

  margin-top: 7px !important;
}

.shop-order-head-meta > span {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 23px !important;
  padding: 4px 7px !important;

  color: #708990 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;

  background: rgba(5,12,18,.72) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: 5px !important;
}

.shop-order-status {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;

  min-width: 150px !important;
  padding: 8px 10px !important;

  background: rgba(7,19,24,.96) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;
}

.shop-order-status small {
  margin-bottom: 3px !important;

  color: #577079 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.shop-order-status strong {
  overflow: hidden !important;

  max-width: 220px !important;

  color: #79e1d5 !important;
  font-size: 10px !important;
  font-weight: 900 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Main layout */
.shop-order-layout {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 300px !important;
  gap: 10px !important;

  width: 100% !important;
}

.shop-order-main,
.shop-order-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;

  min-width: 0 !important;
}

/* Generic card */
.shop-order-card,
.shop-order-summary,
.shop-order-meta-card,
.shop-order-note,
.shop-order-account,
.shop-order-journal {
  overflow: hidden !important;

  background: rgba(8,17,26,.975) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 9px !important;
}

.shop-order-card-head,
.shop-order-side-head {
  min-height: 39px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.shop-order-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.shop-order-card-head > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.shop-order-card-head span,
.shop-order-side-head {
  color: #62dace !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
}

.shop-order-card-head strong {
  color: #728991 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

/* Print / PDF */
.shop-order-card-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.shop-order-action a,
.shop-order-action button,
.shop-order-action input {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 27px !important;
  padding: 4px 7px !important;

  color: #8fcac4 !important;
  font-size: 7px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
  box-shadow: none !important;
}

/* ============================================================
   uCoz ORDER BODY
   ============================================================ */

.shop-order-body {
  width: 100% !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;
}

.shop-order-body table {
  width: 100% !important;
  max-width: none !important;

  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.shop-order-body tr {
  background: #0b1117 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.shop-order-body tr:hover {
  background: #0d151c !important;
}

.shop-order-body td,
.shop-order-body th {
  padding: 9px 10px !important;
  vertical-align: middle !important;

  color: var(--tco-text-soft) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: transparent !important;
  border-color: rgba(255,255,255,.05) !important;
}

.shop-order-body th {
  color: #8199a1 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: var(--tco-surface-2) !important;
}

.shop-order-body img {
  max-width: 64px !important;
  max-height: 64px !important;

  object-fit: cover !important;

  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.shop-order-body a,
.shop-order-body a:link,
.shop-order-body a:visited {
  color: #8fcac4 !important;
  text-decoration: none !important;
}

.shop-order-body a:hover {
  color: #e8fffb !important;
}

/* Customer/order fields */
.shop-order-fields {
  padding: 10px !important;

  color: #92a9af !important;
}

.shop-order-fields table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.shop-order-fields td,
.shop-order-fields th {
  padding: 7px 8px !important;

  color: #92a9af !important;
  font-size: 9px !important;

  background: transparent !important;
  border-color: var(--tco-border-soft) !important;
}

.shop-order-fields input[type="text"],
.shop-order-fields input[type="email"],
.shop-order-fields input[type="tel"],
.shop-order-fields input[type="number"],
.shop-order-fields textarea,
.shop-order-fields select {
  width: 100% !important;
  min-height: 36px !important;
  padding: 6px 9px !important;
  box-sizing: border-box !important;

  color: #e2f1f2 !important;
  font-size: 9px !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid var(--tco-border-strong) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
  color-scheme: dark !important;
}

.shop-order-fields textarea {
  min-height: 78px !important;
  resize: vertical !important;
}

.shop-order-fields select option,
.shop-order-fields select optgroup {
  color: #e2f1f2 !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

/* Delivery / payment */
.shop-order-delivery,
.shop-order-payment {
  padding: 10px !important;
}

.shop-order-info-row {
  display: grid !important;
  grid-template-columns: 110px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;

  min-height: 36px !important;
  padding: 6px 8px !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.shop-order-info-row + .shop-order-info-row,
.shop-order-info-text + .shop-order-info-row {
  margin-top: 6px !important;
}

.shop-order-info-row span {
  color: #58727a !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

.shop-order-info-row strong {
  color: #c7dcde !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.shop-order-info-text {
  margin-top: 6px !important;
  padding: 8px !important;

  color: #718991 !important;
  font-size: 8px !important;
  line-height: 1.5 !important;

  background: rgba(255,255,255,.015) !important;
  border: 1px solid var(--tco-line-soft) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* Pay now */
.shop-order-pay-now,
.shop-order-summary-pay {
  margin-top: 9px !important;
}

.shop-order-pay-now a,
.shop-order-pay-now button,
.shop-order-pay-now input,
.shop-order-summary-pay a,
.shop-order-summary-pay button,
.shop-order-summary-pay input {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  box-sizing: border-box !important;

  color: #e7fff9 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .27) !important;
  border-radius: 7px !important;

  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Sidebar summary */
.shop-order-summary-row,
.shop-order-meta-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
  align-items: center !important;

  min-height: 37px !important;
  padding: 7px 9px !important;

  border-bottom: 1px solid var(--tco-border-soft) !important;
}

.shop-order-summary-row:last-child,
.shop-order-meta-row:last-child {
  border-bottom: 0 !important;
}

.shop-order-summary-row span,
.shop-order-meta-row span {
  color: #5a737b !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

.shop-order-summary-row strong,
.shop-order-meta-row strong {
  overflow: hidden !important;

  max-width: 165px !important;

  color: #c7ddde !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-order-summary-discount strong {
  color: var(--tco-success) !important;
}

.shop-order-summary-total {
  background: rgba(255,255,255,.018) !important;
}

.shop-order-summary-total strong {
  color: #dcefee !important;
  font-size: 11px !important;
}

.shop-order-summary-topay {
  background: rgba(var(--tco-accent-rgb), .025) !important;
}

.shop-order-summary-topay span {
  color: #65cfc3 !important;
}

.shop-order-summary-topay strong {
  color: var(--tco-success) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.shop-order-summary-currency strong {
  color: #8fcac4 !important;
}

.shop-order-summary-pay {
  padding: 0 9px 9px !important;
}

/* Note */
.shop-order-note-body {
  padding: 10px !important;

  color: #8ca3a9 !important;
  font-size: 8px !important;
  line-height: 1.55 !important;
}

/* Account */
.shop-order-account-user {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  padding: 10px !important;
}

.shop-order-avatar {
  display: block !important;
  width: 42px !important;
  height: 42px !important;

  object-fit: cover !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 50% !important;
}

.shop-order-account-user > div {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.shop-order-account-user strong {
  overflow: hidden !important;

  color: #d6e9e9 !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-order-account-user span {
  margin-top: 2px !important;
  color: #617a82 !important;
  font-size: 7px !important;
}

.shop-order-profile-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;
  margin: 0 10px 10px !important;
  padding: 5px 8px !important;

  color: #8fcac4 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(var(--tco-accent-rgb), .03) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

/* Journal */
.shop-order-journal summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 38px !important;
  padding: 8px 10px !important;

  color: #6cdccf !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;

  background: var(--tco-surface-2) !important;
  cursor: pointer !important;
  list-style: none !important;
}

.shop-order-journal summary::-webkit-details-marker {
  display: none !important;
}

.shop-order-journal summary::after {
  content: "+" !important;
  color: #58dfcf !important;
  font-size: 14px !important;
}

.shop-order-journal[open] summary::after {
  content: "−" !important;
}

.shop-order-journal-body {
  padding: 10px !important;

  color: #81999f !important;
  font-size: 8px !important;
  line-height: 1.55 !important;

  border-top: 1px solid var(--tco-border-soft) !important;
}

.shop-order-journal-body table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.shop-order-journal-body td,
.shop-order-journal-body th {
  padding: 6px 7px !important;

  color: #81999f !important;
  font-size: 8px !important;

  background: transparent !important;
  border-color: var(--tco-line-soft) !important;
}

/* Responsive */
@media (max-width: 980px) {
  .shop-order-layout {
    grid-template-columns: 1fr !important;
  }

  .shop-order-sidebar {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .shop-order-summary {
    grid-row: span 2 !important;
  }
}

@media (max-width: 720px) {
  .shop-order-head {
    grid-template-columns: 1fr !important;
  }

  .shop-order-status {
    align-items: flex-start !important;
    justify-self: start !important;
  }

  .shop-order-sidebar {
    grid-template-columns: 1fr !important;
  }

  .shop-order-summary {
    grid-row: auto !important;
  }

  .shop-order-body {
    overflow-x: auto !important;
  }

  .shop-order-body table {
    min-width: 720px !important;
  }
}

@media (max-width: 520px) {
  .shop-order-page {
    padding-top: 10px !important;
  }

  .shop-order-card-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .shop-order-info-row {
    grid-template-columns: 1fr !important;
  }

  .shop-order-summary-row,
  .shop-order-meta-row {
    grid-template-columns: minmax(0,1fr) auto !important;
  }
}

/* ============================================================
   MINI CHAT MESSAGE VIEW — COMMON SITE STYLE
   ============================================================ */

.mini-chat-message-wrap {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 4px !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  white-space: normal !important;
}

/* Main compact message card */
.mini-chat-message {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 6px 7px !important;
  box-sizing: border-box !important;

  overflow: hidden !important;

  background: rgba(8,17,26,.94) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow:
    0 5px 16px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.015) !important;

  transition:
    border-color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease !important;
}

.mini-chat-message:hover {
  background: rgba(10,22,30,.97) !important;
  border-color: rgba(var(--tco-accent-rgb), .12) !important;

  box-shadow:
    0 7px 20px rgba(0,0,0,.22),
    0 0 14px rgba(var(--tco-accent-rgb), .025) !important;
}

/* Special account — preserved from previous template */
.mini-chat-message-special {
  border-color: rgba(var(--tco-success-rgb), .20) !important;

  box-shadow:
    0 5px 16px rgba(0,0,0,.18),
    inset 2px 0 0 rgba(var(--tco-success-rgb), .34) !important;
}

/* Header */
.mini-chat-message-head {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  min-width: 0 !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
}

/* Avatar */
.mini-chat-avatar-link {
  flex: 0 0 auto !important;

  display: block !important;

  width: 25px !important;
  height: 25px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}

.mini-chat-avatar {
  display: block !important;

  width: 25px !important;
  height: 25px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;

  background: var(--tco-bg) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 50% !important;

  box-shadow: none !important;
}

/* Username */
.mini-chat-username,
.mini-chat-username:link,
.mini-chat-username:visited {
  flex: 0 1 auto !important;

  min-width: 0 !important;
  max-width: calc(100% - 82px) !important;

  overflow: hidden !important;

  color: #dcefee !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

.mini-chat-username:hover {
  color: #6fe2d4 !important;
}

/* Time */
.mini-chat-time {
  flex: 0 0 auto !important;

  margin-left: auto !important;

  color: #536d75 !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* Message bubble */
.mini-chat-message-text {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 6px 7px !important;
  box-sizing: border-box !important;

  overflow: hidden !important;

  color: #aebfc3 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: var(--tco-radius-sm) !important;

  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;

  transition:
    border-color .16s ease,
    background-color .16s ease !important;
}

.mini-chat-message:hover .mini-chat-message-text {
  background: rgba(255,255,255,.022) !important;
  border-color: rgba(var(--tco-accent-rgb), .075) !important;
}

/* Links inside message only */
.mini-chat-message-text a,
.mini-chat-message-text a:link,
.mini-chat-message-text a:visited {
  color: #79dcd2 !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.mini-chat-message-text a:hover {
  color: #b8fff4 !important;
}

/* Keep rich content from breaking the narrow mini-chat */
.mini-chat-message-text img {
  max-width: 100% !important;
  height: auto !important;

  margin: 4px 0 !important;

  border: 1px solid var(--tco-border) !important;
  border-radius: 5px !important;
}

.mini-chat-message-text iframe,
.mini-chat-message-text video {
  max-width: 100% !important;
}

.mini-chat-message-text p {
  margin: 0 0 5px !important;
}

.mini-chat-message-text p:last-child {
  margin-bottom: 0 !important;
}

/* Scoped scrollbar for mini-chat containers if uCoz wraps messages
   in an overflow block — no global scrollbar override */
.mini-chat-message-wrap::-webkit-scrollbar,
.mini-chat-message-text::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

.mini-chat-message-wrap::-webkit-scrollbar-track,
.mini-chat-message-text::-webkit-scrollbar-track {
  background: transparent !important;
}

.mini-chat-message-wrap::-webkit-scrollbar-thumb,
.mini-chat-message-text::-webkit-scrollbar-thumb {
  background: rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: var(--tco-radius) !important;
}

.mini-chat-message-wrap,
.mini-chat-message-text {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(var(--tco-accent-rgb), .18) transparent !important;
}

/* Very narrow mini-chat column */
@media (max-width: 340px) {
  .mini-chat-message {
    padding: 5px !important;
  }

  .mini-chat-message-head {
    gap: 5px !important;
  }

  .mini-chat-avatar-link,
  .mini-chat-avatar {
    width: 23px !important;
    height: 23px !important;
  }

  .mini-chat-username {
    max-width: calc(100% - 76px) !important;
    font-size: 9px !important;
  }

  .mini-chat-time {
    font-size: 6px !important;
  }

  .mini-chat-message-text {
    padding: 5px 6px !important;
    font-size: 9px !important;
  }
}

/* ============================================================
   MINI CHAT MESSAGE ADD FORM — COMMON SITE STYLE
   ============================================================ */

.mini-chat-form,
.mini-chat-form-access {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Access state */
.mini-chat-form-access {
  padding: 10px !important;

  text-align: center !important;

  background: rgba(8,17,26,.94) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow: 0 5px 16px rgba(0,0,0,.18) !important;
}

.mini-chat-form-access-link,
.mini-chat-form-access-link:link,
.mini-chat-form-access-link:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 30px !important;
  padding: 5px 9px !important;

  color: #e6fff9 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.mini-chat-form-access-denied {
  color: var(--tco-danger) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
}

/* Main form shell */
.mini-chat-form {
  overflow: hidden !important;

  background: rgba(8,17,26,.95) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow:
    0 5px 16px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.015) !important;
}

.mini-chat-form-section-label {
  margin-bottom: 6px !important;

  color: #5f7b82 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
}

/* Guest fields */
.mini-chat-form-guest {
  padding: 8px !important;

  border-bottom: 1px solid var(--tco-border-soft) !important;
}

.mini-chat-form-guest-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;

  margin-top: 6px !important;
}

.mini-chat-form-field {
  min-width: 0 !important;
}

/* Message area */
.mini-chat-form-message {
  padding: 8px !important;
}

.mini-chat-form-message-field {
  width: 100% !important;
}

/* All uCoz fields inside mini chat only */
.mini-chat-form input[type="text"],
.mini-chat-form input[type="email"],
.mini-chat-form input[type="url"],
.mini-chat-form input[type="password"],
.mini-chat-form textarea,
.mini-chat-form select {
  width: 100% !important;
  max-width: none !important;
  min-height: 34px !important;

  margin: 0 !important;
  padding: 7px 8px !important;
  box-sizing: border-box !important;

  color: #dcebec !important;
  font-size: 9px !important;
  line-height: 1.4 !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
  box-shadow: none !important;

  color-scheme: dark !important;
}

.mini-chat-form textarea {
  min-height: 78px !important;
  resize: vertical !important;
}

.mini-chat-form input[type="text"]:focus,
.mini-chat-form input[type="email"]:focus,
.mini-chat-form input[type="url"]:focus,
.mini-chat-form input[type="password"]:focus,
.mini-chat-form textarea:focus,
.mini-chat-form select:focus {
  border-color: rgba(var(--tco-accent-rgb), .24) !important;
  box-shadow: 0 0 0 2px rgba(var(--tco-accent-rgb), .025) !important;
}

.mini-chat-form select option,
.mini-chat-form select optgroup {
  color: #dcebec !important;
  background: var(--tco-surface-2) !important;
  color-scheme: dark !important;
}

/* If uCoz emits labels */
.mini-chat-form label {
  color: #81999f !important;
  font-size: 8px !important;
}

/* Toolbar */
.mini-chat-form-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;

  min-height: 42px !important;
  padding: 7px 8px !important;

  background: rgba(255,255,255,.012) !important;
  border-top: 1px solid var(--tco-border-soft) !important;
  border-bottom: 1px solid var(--tco-border-soft) !important;
}

.mini-chat-form-autoupdate {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-width: 0 !important;

  color: #718991 !important;
  font-size: 7px !important;
  font-weight: 700 !important;
}

.mini-chat-form-autoupdate input[type="checkbox"],
.mini-chat-form-autoupdate input[type="radio"] {
  accent-color: #25cdb9 !important;
}

.mini-chat-form-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;

  margin-left: auto !important;
}

.mini-chat-form-tool,
.mini-chat-form-tool:link,
.mini-chat-form-tool:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  color: #7b9ba0 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
  text-shadow: none !important;

  transition:
    color .15s ease,
    background-color .15s ease,
    border-color .15s ease !important;
}

.mini-chat-form-tool:hover {
  color: #8df1e5 !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border-color: rgba(var(--tco-accent-rgb), .12) !important;
}

.mini-chat-form-tool svg {
  display: block !important;

  width: 15px !important;
  height: 15px !important;

  stroke: currentColor !important;
}

/* Footer */
.mini-chat-form-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  min-height: 43px !important;
  padding: 7px 8px !important;
}

.mini-chat-form-counter {
  min-width: 0 !important;

  color: #526d75 !important;
  font-size: 7px !important;
  font-weight: 700 !important;
}

/* uCoz submit */
.mini-chat-form-submit {
  flex: 0 0 auto !important;
}

.mini-chat-form-submit input[type="submit"],
.mini-chat-form-submit input[type="button"],
.mini-chat-form-submit button,
.mini-chat-form-submit a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 76px !important;
  min-height: 31px !important;
  padding: 5px 9px !important;
  box-sizing: border-box !important;

  color: #e5fff9 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .24) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.mini-chat-form-submit input[type="submit"]:hover,
.mini-chat-form-submit input[type="button"]:hover,
.mini-chat-form-submit button:hover,
.mini-chat-form-submit a:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .40) !important;
}

/* Errors/captcha/system messages generated inside the form */
.mini-chat-form .error,
.mini-chat-form [class*="error" i] {
  color: var(--tco-danger) !important;
  font-size: 8px !important;
}

.mini-chat-form img {
  max-width: 100% !important;
  height: auto !important;
}

/* Scoped scrollbar only */
.mini-chat-form textarea::-webkit-scrollbar {
  width: 5px !important;
}

.mini-chat-form textarea::-webkit-scrollbar-track {
  background: transparent !important;
}

.mini-chat-form textarea::-webkit-scrollbar-thumb {
  background: rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: var(--tco-radius) !important;
}

.mini-chat-form textarea {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(var(--tco-accent-rgb), .18) transparent !important;
}

/* Narrow sidebar / mini chat */
@media (max-width: 360px) {
  .mini-chat-form-guest-grid {
    grid-template-columns: 1fr !important;
  }

  .mini-chat-form-toolbar {
    align-items: flex-start !important;
  }

  .mini-chat-form-tools {
    margin-left: 0 !important;
  }

  .mini-chat-form-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .mini-chat-form-submit,
  .mini-chat-form-submit input[type="submit"],
  .mini-chat-form-submit input[type="button"],
  .mini-chat-form-submit button,
  .mini-chat-form-submit a {
    width: 100% !important;
  }
}

/* ============================================================
   COMMENT VIEW — COMMON SITE STYLE
   ============================================================ */

.site-comment {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 0 8px !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: var(--tco-text-soft) !important;

  background: rgba(8,17,26,.965) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;

  box-shadow:
    0 7px 20px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.012) !important;

  transition:
    background-color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease !important;
}

.site-comment:hover {
  background: #0a151d !important;
  border-color: rgba(var(--tco-accent-rgb), .11) !important;

  box-shadow:
    0 9px 24px rgba(0,0,0,.20),
    0 0 16px rgba(var(--tco-accent-rgb), .018) !important;
}

.site-comment:target {
  border-color: rgba(var(--tco-accent-rgb), .24) !important;

  box-shadow:
    0 0 0 2px rgba(var(--tco-accent-rgb), .025),
    0 9px 24px rgba(0,0,0,.20) !important;
}

/* Avatar */
.site-comment-avatar-wrap {
  min-width: 0 !important;
}

.site-comment-avatar-link {
  display: block !important;

  width: 42px !important;
  height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}

.site-comment-avatar {
  display: block !important;

  width: 42px !important;
  height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;

  background: var(--tco-bg) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: 50% !important;

  box-shadow: none !important;
}

.site-comment-avatar-fallback {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #638189 !important;
}

.site-comment-avatar-icon {
  width: 19px !important;
  height: 19px !important;

  fill: currentColor !important;
}

/* Main column */
.site-comment-main {
  min-width: 0 !important;
}

/* Header */
.site-comment-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;

  min-width: 0 !important;
  margin-bottom: 6px !important;
}

.site-comment-head-left {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;

  min-width: 0 !important;
}

/* Comment permalink */
.site-comment-number,
.site-comment-number:link,
.site-comment-number:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 21px !important;
  padding: 3px 5px !important;

  color: #5edccc !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: 4px !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.site-comment-number:hover {
  color: #cafff7 !important;
  border-color: rgba(var(--tco-accent-rgb), .17) !important;
}

/* Author */
.site-comment-author,
.site-comment-author:link,
.site-comment-author:visited {
  max-width: 220px !important;
  overflow: hidden !important;

  color: #d8eaea !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;

  text-decoration: none !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

a.site-comment-author:hover {
  color: #76dfd3 !important;
}

/* Date */
.site-comment-date {
  color: #536d75 !important;
  font-size: 7px !important;
  font-weight: 700 !important;

  white-space: nowrap !important;
}

/* Link back to material on user comments page */
.site-comment-entry-link {
  display: inline-flex !important;
  align-items: center !important;
}

.site-comment-entry-link a,
.site-comment-entry-link a:link,
.site-comment-entry-link a:visited {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 20px !important;
  padding: 3px 5px !important;

  color: #78979c !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 4px !important;

  text-decoration: none !important;
}

.site-comment-entry-link a:hover {
  color: #a8d7d2 !important;
  border-color: rgba(var(--tco-accent-rgb), .10) !important;
}

/* Moderator controls */
.site-comment-moder {
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;

  min-width: 0 !important;

  color: #718991 !important;
  font-size: 8px !important;
}

.site-comment-moder a,
.site-comment-moder a:link,
.site-comment-moder a:visited {
  color: #7fa6a8 !important;
  text-decoration: none !important;
}

.site-comment-moder a:hover {
  color: #b7ece6 !important;
}

/* Message */
.site-comment-body {
  min-width: 0 !important;
}

.site-comment-message {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 8px 9px !important;
  box-sizing: border-box !important;

  overflow: hidden !important;

  color: #aebfc3 !important;
  font-size: 9px !important;
  line-height: 1.55 !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: var(--tco-radius-sm) !important;

  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.site-comment-message p {
  margin: 0 0 7px !important;
}

.site-comment-message p:last-child {
  margin-bottom: 0 !important;
}

.site-comment-message a,
.site-comment-message a:link,
.site-comment-message a:visited {
  color: #79dcd2 !important;
  text-decoration: none !important;
}

.site-comment-message a:hover {
  color: #bdfff6 !important;
}

.site-comment-message img {
  max-width: 100% !important;
  height: auto !important;

  margin: 5px 0 !important;

  border: 1px solid rgba(255,255,255,.05) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.site-comment-message blockquote {
  margin: 7px 0 !important;
  padding: 7px 9px !important;

  color: #8ca5aa !important;

  background: rgba(var(--tco-accent-rgb), .018) !important;
  border-left: 2px solid rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: 0 5px 5px 0 !important;
}

/* Admin/author answer */
.site-comment-answer {
  margin-top: 7px !important;
  padding: 8px 9px !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .075) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.site-comment-answer-label {
  margin-bottom: 4px !important;

  color: #5edccc !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: .065em !important;
}

.site-comment-answer-text {
  color: #96afb4 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  overflow-wrap: anywhere !important;
}

/* Reply */
.site-comment-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  margin-top: 7px !important;
}

.site-comment-reply,
.site-comment-reply:link,
.site-comment-reply:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 27px !important;
  padding: 4px 8px !important;

  color: #a5d8d2 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;

  background: rgba(var(--tco-accent-rgb), .03) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.site-comment-reply:hover {
  color: #e5fff9 !important;
  border-color: rgba(var(--tco-accent-rgb), .17) !important;
}

/* Responsive */
@media (max-width: 620px) {
  .site-comment {
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 8px !important;

    padding: 8px !important;
  }

  .site-comment-avatar-link,
  .site-comment-avatar {
    width: 34px !important;
    height: 34px !important;
  }

  .site-comment-avatar-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .site-comment-head {
    flex-direction: column !important;
  }

  .site-comment-moder {
    justify-content: flex-start !important;
  }
}

@media (max-width: 420px) {
  .site-comment {
    grid-template-columns: 1fr !important;
  }

  .site-comment-avatar-wrap {
    display: none !important;
  }

  .site-comment-author {
    max-width: 150px !important;
  }
}

/* ============================================================
   COMMENT ADD FORM — COMMON SITE STYLE
   ============================================================ */

.site-comment-form {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;

  overflow: visible !important;

  color: var(--tco-text-soft) !important;

  background: rgba(8,17,26,.965) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: 9px !important;

  box-shadow:
    0 7px 20px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.012) !important;
}

/* System error output */
.site-comment-form > .error,
.site-comment-form > [class*="error" i] {
  margin: 8px !important;
  padding: 7px 9px !important;

  color: #ff8b94 !important;
  font-size: 8px !important;
  line-height: 1.45 !important;

  background: rgba(255,80,95,.045) !important;
  border: 1px solid rgba(255,100,115,.10) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* Subscription/unsubscribe */
.site-comment-form-unsubscribe-wrap {
  display: flex !important;
  justify-content: flex-end !important;

  padding: 7px 8px 0 !important;
}

.site-comment-form-unsubscribe,
.site-comment-form-unsubscribe:link,
.site-comment-form-unsubscribe:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 24px !important;
  padding: 4px 7px !important;

  color: #78969b !important;
  font-size: 7px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.site-comment-form-unsubscribe:hover {
  color: #b5e2dd !important;
  border-color: rgba(var(--tco-accent-rgb), .10) !important;
}

/* Main two-column form */
.site-comment-form-inner {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 10px !important;

  width: 100% !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

/* User/avatar */
.site-comment-form-user {
  position: relative !important;

  width: 42px !important;
  min-width: 42px !important;
}

.site-comment-form-avatar {
  display: block !important;

  width: 42px !important;
  height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;

  color: #638189 !important;

  background: var(--tco-bg) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: 50% !important;

  box-shadow: none !important;
}

.site-comment-form-avatar-fallback {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.site-comment-form-avatar-icon {
  width: 19px !important;
  height: 19px !important;

  fill: currentColor !important;
}

/* Existing uCoz tooltip, visually normalized here */
.site-comment-form .uf-with-tooltip {
  cursor: default !important;
}

.site-comment-form-tooltip {
  min-width: 112px !important;
  padding: 5px !important;

  color: var(--tco-text-soft) !important;

  background: #08121a !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-sm) !important;

  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}

.site-comment-form-tooltip-item,
.site-comment-form-tooltip-item:link,
.site-comment-form-tooltip-item:visited {
  display: flex !important;
  align-items: center !important;

  min-height: 26px !important;
  padding: 4px 6px !important;

  color: #91aaaF !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;

  border-radius: 4px !important;

  text-decoration: none !important;
}

.site-comment-form-tooltip-item:hover {
  color: #dffcf7 !important;
  background: rgba(var(--tco-accent-rgb), .035) !important;
}

.site-comment-form-tooltip-exit {
  color: #d89a9f !important;
}

/* Body */
.site-comment-form-body {
  min-width: 0 !important;
}

/* Generic field */
.site-comment-form-field {
  width: 100% !important;
  margin: 0 0 8px !important;
}

.site-comment-form-field:last-child {
  margin-bottom: 0 !important;
}

/* Email + message */
.site-comment-form-input {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 8px 9px !important;

  color: #d7e8e9 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
  box-shadow: none !important;

  color-scheme: dark !important;
}

.site-comment-form-input::placeholder {
  color: #516a72 !important;
  opacity: 1 !important;
}

.site-comment-form-input:focus {
  border-color: rgba(var(--tco-accent-rgb), .24) !important;

  box-shadow:
    0 0 0 2px rgba(var(--tco-accent-rgb), .025) !important;
}

.site-comment-form-textarea {
  display: block !important;

  min-height: 118px !important;
  resize: vertical !important;

  overflow-wrap: anywhere !important;
}

.site-comment-form-textarea-guest {
  min-height: 82px !important;

  color: #647c83 !important;

  cursor: default !important;
  resize: none !important;
}

/* BBCode area */
.site-comment-form-bbcodes {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;

  min-height: 34px !important;
  margin-bottom: 5px !important;
  padding: 5px 6px !important;

  color: #748f95 !important;
  font-size: 8px !important;

  background: rgba(255,255,255,.015) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.site-comment-form-bbcodes a,
.site-comment-form-bbcodes button,
.site-comment-form-bbcodes input {
  color: #8aa9ad !important;
  background: rgba(255,255,255,.025) !important;
  border-color: var(--tco-border) !important;
}

/* Message + smiles */
.site-comment-form-message {
  position: relative !important;
}

.site-comment-form-smiles {
  margin-top: 5px !important;
  padding: 5px !important;

  overflow-x: auto !important;

  color: #789197 !important;

  background: rgba(255,255,255,.012) !important;
  border: 1px solid var(--tco-line-soft) !important;
  border-radius: 5px !important;
}

.site-comment-form-smiles img {
  max-width: 26px !important;
  max-height: 26px !important;

  margin: 1px !important;
  padding: 0 !important;

  vertical-align: middle !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Captcha */
.site-comment-form-captcha {
  padding: 7px !important;

  color: #81999f !important;
  font-size: 8px !important;

  background: rgba(255,255,255,.015) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.site-comment-form-captcha img {
  max-width: 100% !important;
  height: auto !important;

  vertical-align: middle !important;
}

.site-comment-form-captcha input {
  max-width: 220px !important;
  min-height: 34px !important;

  margin-top: 5px !important;
  padding: 6px 8px !important;

  color: #d7e8e9 !important;

  background: var(--tco-surface-2) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: var(--tco-radius-sm) !important;

  outline: 0 !important;
}

/* Actions */
.site-comment-form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  margin-top: 4px !important;
}

.site-comment-form-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 88px !important;
  min-height: 33px !important;
  padding: 6px 11px !important;
  box-sizing: border-box !important;

  color: #e5fff9 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;

  background: var(--tco-accent-deep) !important;
  border: 1px solid rgba(var(--tco-success-rgb), .25) !important;
  border-radius: var(--tco-radius-sm) !important;

  cursor: pointer !important;

  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none !important;

  transition:
    background-color .16s ease,
    border-color .16s ease !important;
}

.site-comment-form-submit:hover {
  background: #15473b !important;
  border-color: rgba(var(--tco-success-rgb), .42) !important;
}

/* No-post permission */
.site-comment-form-denied {
  padding: 10px !important;

  color: #ff8b94 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  background: rgba(255,80,95,.04) !important;
  border: 1px solid rgba(255,100,115,.09) !important;
  border-radius: var(--tco-radius-sm) !important;
}

/* Guest/social login */
.site-comment-form-auth {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  min-height: 42px !important;
  padding: 7px 10px !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.site-comment-form-auth-label {
  flex: 0 0 auto !important;

  color: #5f7b82 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .075em !important;
}

.site-comment-form-social {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 4px !important;

  min-width: 0 !important;
}

.site-comment-form-social a {
  text-decoration: none !important;
}

.site-comment-form-social img {
  max-width: 28px !important;
  max-height: 28px !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Scoped scrollbar */
.site-comment-form-textarea::-webkit-scrollbar,
.site-comment-form-smiles::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

.site-comment-form-textarea::-webkit-scrollbar-track,
.site-comment-form-smiles::-webkit-scrollbar-track {
  background: transparent !important;
}

.site-comment-form-textarea::-webkit-scrollbar-thumb,
.site-comment-form-smiles::-webkit-scrollbar-thumb {
  background: rgba(var(--tco-accent-rgb), .18) !important;
  border-radius: var(--tco-radius) !important;
}

.site-comment-form-textarea,
.site-comment-form-smiles {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(var(--tco-accent-rgb), .18) transparent !important;
}

/* Responsive */
@media (max-width: 620px) {
  .site-comment-form-inner {
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 8px !important;

    padding: 8px !important;
  }

  .site-comment-form-user {
    width: 34px !important;
    min-width: 34px !important;
  }

  .site-comment-form-avatar {
    width: 34px !important;
    height: 34px !important;
  }

  .site-comment-form-avatar-icon {
    width: 16px !important;
    height: 16px !important;
  }
}

@media (max-width: 440px) {
  .site-comment-form-inner {
    grid-template-columns: 1fr !important;
  }

  .site-comment-form-user {
    display: none !important;
  }

  .site-comment-form-auth {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .site-comment-form-social {
    justify-content: flex-start !important;
  }

  .site-comment-form-actions {
    justify-content: stretch !important;
  }

  .site-comment-form-submit {
    width: 100% !important;
  }
}

/* ============================================================
   TOKEN DETAIL — BALANCED HERO
   Logo only on the left, token data on the right
   ============================================================ */

.token-detail-hero-balanced {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: start !important;

  min-height: 0 !important;
  height: auto !important;
}

.token-detail-logo-only {
  display: block !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.token-detail-logo-only .token-detail-logo {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;

  background: var(--tco-bg) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-card) !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.012) !important;
}

.token-detail-main-balanced {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Contract/actions/icons no longer leave oversized vertical gaps */
.token-detail-main-balanced .token-contract-card,
.token-detail-main-balanced .token-primary-actions,
.token-detail-main-balanced .dex-icons {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Rating/title/views moved from the left under the action/icon area */
.token-detail-overview-row {
  width: 100% !important;
  min-width: 0 !important;
}

.token-detail-coin-card-right {
  display: grid !important;
  grid-template-columns: minmax(220px,1fr) auto auto !important;
  grid-template-areas: "title rating views" !important;
  gap: 10px !important;
  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

  background: rgba(8,17,26,.94) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow: none !important;
}

.token-detail-coin-card-right .coin-title {
  grid-area: title !important;

  min-width: 0 !important;
  margin: 0 !important;

  color: #dcefee !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.token-detail-coin-card-right .token-detail-rating {
  grid-area: rating !important;

  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  margin: 0 !important;
}

.token-detail-coin-card-right .token-detail-rating select {
  min-width: 115px !important;
  min-height: 31px !important;
  margin: 0 !important;
}

.token-detail-coin-card-right .coin-rating {
  color: #708990 !important;
  font-size: 8px !important;
  line-height: 1.25 !important;
}

.token-detail-coin-card-right .coin-views {
  grid-area: views !important;

  margin: 0 !important;
  padding: 5px 8px !important;

  color: #7c969c !important;
  font-size: 8px !important;
  white-space: nowrap !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 5px !important;
}

/* PRICE / 24H / LIQUIDITY / MCAP / CHAIN now use the full right column */
.token-market-panel-wide {
  display: grid !important;
  grid-template-columns: minmax(190px,1.35fr) repeat(4,minmax(120px,1fr)) !important;
  gap: 1px !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  background: var(--tco-border-soft) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .075) !important;
  border-radius: 9px !important;
}

.token-market-panel-wide .token-market-item {
  min-width: 0 !important;
  min-height: 70px !important;

  margin: 0 !important;
  padding: 10px 12px !important;

  background: #0a151e !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.token-market-panel-wide .token-market-item-price {
  min-width: 0 !important;
}

.token-market-panel-wide .token-market-price {
  font-size: 21px !important;
  line-height: 1.1 !important;
}

.token-market-panel-wide .token-market-value,
.token-market-panel-wide .token-market-chain {
  font-size: 11px !important;
}

/* Three info cards fill the same width as market stats */
.token-detail-info-grid-balanced {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 !important;
}

.token-detail-info-grid-balanced .dex-card {
  min-width: 0 !important;
  min-height: 88px !important;
  margin: 0 !important;
}

/* Keep icon strip compact */
.token-detail-main-balanced .dex-icons {
  min-height: 48px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Tablet */
@media (max-width: 1180px) {
  .token-detail-hero-balanced {
    grid-template-columns: 230px minmax(0,1fr) !important;
  }

  .token-detail-coin-card-right {
    grid-template-columns: minmax(180px,1fr) auto !important;
    grid-template-areas:
      "title views"
      "rating rating" !important;
  }

  .token-market-panel-wide {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }

  .token-market-panel-wide .token-market-item-price {
    grid-column: span 2 !important;
  }
}

@media (max-width: 900px) {
  .token-detail-hero-balanced {
    grid-template-columns: 190px minmax(0,1fr) !important;
  }

  .token-detail-info-grid-balanced {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile: logo moves above the data */
@media (max-width: 700px) {
  .token-detail-hero-balanced {
    grid-template-columns: 1fr !important;
  }

  .token-detail-logo-only {
    max-width: 260px !important;
    margin: 0 auto !important;
  }

  .token-market-panel-wide {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .token-market-panel-wide .token-market-item-price {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 500px) {
  .token-detail-logo-only {
    max-width: 220px !important;
  }

  .token-detail-coin-card-right {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "rating"
      "views" !important;
  }

  .token-detail-coin-card-right .token-detail-rating {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .token-market-panel-wide {
    grid-template-columns: 1fr !important;
  }

  .token-market-panel-wide .token-market-item-price {
    grid-column: auto !important;
  }
}

/* ============================================================
   TOKEN DETAIL — RESTORE MARKET BLOCK SHAPE
   PRICE full width + 2x2 market stats, now on the right
   ============================================================ */

.token-detail-main-balanced .token-market-panel-wide {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    "price price"
    "change liquidity"
    "mcap chain" !important;
  gap: 0 !important;

  width: min(560px, 100%) !important;
  max-width: 560px !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.96) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: 9px !important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.16),
    inset 0 0 0 1px rgba(255,255,255,.01) !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-item {
  min-width: 0 !important;
  min-height: 72px !important;

  margin: 0 !important;
  padding: 11px 12px !important;

  background: rgba(8,17,26,.98) !important;
  border: 0 !important;
  border-right: 1px solid var(--tco-border-soft) !important;
  border-bottom: 1px solid var(--tco-border-soft) !important;
  border-radius: 0 !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-item:nth-child(1) {
  grid-area: price !important;
  min-height: 92px !important;
  border-right: 0 !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-item:nth-child(2) {
  grid-area: change !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-item:nth-child(3) {
  grid-area: liquidity !important;
  border-right: 0 !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-item:nth-child(4) {
  grid-area: mcap !important;
  border-bottom: 0 !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-item:nth-child(5) {
  grid-area: chain !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-label {
  display: block !important;
  margin-bottom: 8px !important;

  color: #526c74 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-price {
  display: block !important;

  color: #e1f2f1 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-value,
.token-detail-main-balanced .token-market-panel-wide .token-market-chain {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 28px !important;

  color: #bcd1d2 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.token-detail-main-balanced .token-market-panel-wide .coin-change {
  padding: 5px 12px !important;
  border-radius: var(--tco-radius-pill) !important;
}

.token-detail-main-balanced .token-market-panel-wide .token-market-chain {
  color: #71dfd2 !important;
  text-transform: uppercase !important;
}

@media (max-width: 900px) {
  .token-detail-main-balanced .token-market-panel-wide {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 460px) {
  .token-detail-main-balanced .token-market-panel-wide {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "price"
      "change"
      "liquidity"
      "mcap"
      "chain" !important;
  }

  .token-detail-main-balanced .token-market-panel-wide .token-market-item {
    border-right: 0 !important;
    border-bottom: 1px solid var(--tco-border-soft) !important;
  }

  .token-detail-main-balanced .token-market-panel-wide .token-market-item:nth-child(5) {
    border-bottom: 0 !important;
  }
}

/* ============================================================
   TOKEN DETAIL — COMPACT LOGO-HEIGHT HERO
   Everything on the right fits within the logo height
   ============================================================ */

@media (min-width: 1181px) {

  .token-detail-hero-balanced {
    display: grid !important;
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;

    width: 100% !important;
    min-height: 330px !important;
    height: 330px !important;
  }

  /* LEFT: LOGO ONLY */
  .token-detail-logo-only {
    width: 330px !important;
    min-width: 330px !important;
    height: 330px !important;
    min-height: 330px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .token-detail-logo-only .token-detail-logo {
    display: block !important;

    width: 330px !important;
    height: 330px !important;
    min-width: 330px !important;
    min-height: 330px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    background: var(--tco-bg) !important;
    border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
    border-radius: var(--tco-radius-card) !important;

    box-shadow:
      0 10px 28px rgba(0,0,0,.18),
      inset 0 0 0 1px rgba(255,255,255,.012) !important;
  }

  /* RIGHT: FOUR COMPACT ROWS */
  .token-detail-main-balanced {
    display: grid !important;
    grid-template-columns: minmax(420px, 560px) minmax(0, 1fr) !important;
    grid-template-rows: 62px 44px 44px minmax(0, 1fr) !important;
    grid-template-areas:
      "contract contract"
      "actions icons"
      "overview overview"
      "market cards" !important;

    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 330px !important;
    height: 330px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* CONTRACT */
  .token-detail-main-balanced > .token-contract-card {
    grid-area: contract !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 62px !important;
    min-height: 62px !important;

    margin: 0 !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;
  }

  .token-detail-main-balanced .token-contract-label {
    margin-bottom: 5px !important;
    font-size: 7px !important;
  }

  .token-detail-main-balanced .token-contract-row {
    min-height: 32px !important;
    height: 32px !important;
  }

  .token-detail-main-balanced .aurora-box {
    min-height: 30px !important;
  }

  /* ACTION BUTTONS */
  .token-detail-main-balanced > .token-primary-actions {
    grid-area: actions !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;

    overflow: hidden !important;
  }

  .token-detail-main-balanced .token-primary-action {
    min-height: 34px !important;
    height: 34px !important;
    padding: 5px 10px !important;
  }

  /* ICONS: SAME ROW AS BUTTONS */
  .token-detail-main-balanced > .dex-icons {
    grid-area: icons !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 4px 7px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;

    background: rgba(8,17,26,.88) !important;
    border: 1px solid var(--tco-border-soft) !important;
    border-radius: 7px !important;
  }

  .token-detail-main-balanced > .dex-icons a {
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: rgba(255,255,255,.018) !important;
    border: 1px solid var(--tco-line-soft) !important;
    border-radius: var(--tco-radius-sm) !important;
  }

  .token-detail-main-balanced > .dex-icons img {
    display: block !important;

    width: 23px !important;
    height: 23px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  /* Override old inline chain icon dimensions */
  .token-detail-main-balanced > .dex-icons a[title^="Explorer"] img {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    vertical-align: middle !important;
  }

  /* TITLE + RATING + VIEWS: ONE THIN ROW */
  .token-detail-main-balanced > .token-detail-overview-row {
    grid-area: overview !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .token-detail-main-balanced .token-detail-coin-card-right {
    display: grid !important;
    grid-template-columns: minmax(180px,1fr) auto auto !important;
    grid-template-areas: "title rating views" !important;
    gap: 8px !important;
    align-items: center !important;

    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 5px 8px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;

    background: rgba(8,17,26,.94) !important;
    border: 1px solid rgba(255,255,255,.05) !important;
    border-radius: 7px !important;
  }

  .token-detail-main-balanced .token-detail-coin-card-right .coin-title {
    grid-area: title !important;

    min-width: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    color: #dcefee !important;
    font-size: 10px !important;
    font-weight: 800 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .token-detail-main-balanced .token-detail-coin-card-right .token-detail-rating {
    grid-area: rating !important;

    display: flex !important;
    align-items: center !important;
    gap: 5px !important;

    margin: 0 !important;
  }

  .token-detail-main-balanced .token-detail-coin-card-right .token-detail-rating select {
    min-width: 112px !important;
    width: 112px !important;
    min-height: 30px !important;
    height: 30px !important;

    margin: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .token-detail-main-balanced .token-detail-coin-card-right .coin-rating {
    max-width: 70px !important;

    color: #657e85 !important;
    font-size: 7px !important;
    line-height: 1.15 !important;
  }

  .token-detail-main-balanced .token-detail-coin-card-right .coin-views {
    grid-area: views !important;

    margin: 0 !important;
    padding: 4px 6px !important;

    color: #6f898f !important;
    font-size: 7px !important;
    white-space: nowrap !important;

    background: rgba(255,255,255,.018) !important;
    border: 1px solid var(--tco-line-soft) !important;
    border-radius: 5px !important;
  }

  /* MARKET BLOCK: BOTTOM LEFT */
  .token-detail-main-balanced > .token-market-panel-wide {
    grid-area: market !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "price price"
      "change liquidity"
      "mcap chain" !important;
    grid-template-rows: 52px repeat(2, minmax(0,1fr)) !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 156px !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    background: rgba(8,17,26,.96) !important;
    border: 1px solid rgba(var(--tco-accent-rgb), .075) !important;
    border-radius: var(--tco-radius) !important;

    box-shadow: none !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-item {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 6px 9px !important;

    background: rgba(8,17,26,.98) !important;
    border: 0 !important;
    border-right: 1px solid var(--tco-line-soft) !important;
    border-bottom: 1px solid var(--tco-line-soft) !important;
    border-radius: 0 !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-item:nth-child(1) {
    grid-area: price !important;
    min-height: 0 !important;
    border-right: 0 !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-item:nth-child(2) {
    grid-area: change !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-item:nth-child(3) {
    grid-area: liquidity !important;
    border-right: 0 !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-item:nth-child(4) {
    grid-area: mcap !important;
    border-bottom: 0 !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-item:nth-child(5) {
    grid-area: chain !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-label {
    display: block !important;
    margin-bottom: 3px !important;

    color: #526c74 !important;
    font-size: 6px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-price {
    color: #e1f2f1 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-value,
  .token-detail-main-balanced > .token-market-panel-wide .token-market-chain {
    min-height: 20px !important;

    color: #bcd1d2 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .coin-change {
    padding: 3px 8px !important;
  }

  .token-detail-main-balanced > .token-market-panel-wide .token-market-chain {
    color: #71dfd2 !important;
    text-transform: uppercase !important;
  }

  /* THREE INFO CARDS: BOTTOM RIGHT, STACKED */
  .token-detail-main-balanced > .token-detail-info-grid-balanced {
    grid-area: cards !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 156px !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .token-detail-main-balanced > .token-detail-info-grid-balanced .dex-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 6px 9px !important;
    box-sizing: border-box !important;

    overflow: hidden !important;

    border-radius: 7px !important;
  }

  .token-detail-main-balanced > .token-detail-info-grid-balanced .dex-card-title {
    margin-bottom: 2px !important;

    font-size: 9px !important;
    line-height: 1.15 !important;
  }

  .token-detail-main-balanced > .token-detail-info-grid-balanced .dex-row {
    font-size: 8px !important;
    line-height: 1.2 !important;
  }

  .token-detail-main-balanced > .token-detail-info-grid-balanced .dex-badge {
    padding: 2px 6px !important;
    font-size: 7px !important;
  }
}

/* Below desktop width, return to natural responsive height */
@media (max-width: 1180px) {
  .token-detail-hero-balanced,
  .token-detail-main-balanced,
  .token-detail-logo-only {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* ============================================================
   HOME — CRYPTO NEWS LIVE
   Moved from sidebar to homepage
   ============================================================ */

.home-crypto-news {
  width: 100% !important;
  max-width: none !important;

  
  box-sizing: border-box !important;
}

.home-crypto-news-card {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
  

  
  
  

  
}

.home-crypto-news-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  
  

  
  
}


.home-crypto-news-top .price-box {
  
  
  

  margin: 0 !important;
  padding: 0 !important;

  
  
  
}


.home-news-scroll {
  width: 100% !important;
  max-width: none !important;
  

  
  box-sizing: border-box !important;

  overflow-y: auto !important;

  background: transparent !important;
}

.home-news-scroll a,
.home-news-scroll a:link,
.home-news-scroll a:visited {
  color: #a7bec2 !important;
  text-decoration: none !important;
}

.home-news-scroll a:hover {
  color: #72ded2 !important;
}

@media (max-width: 600px) {
  .home-crypto-news-top {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .home-crypto-news-top .price-box {
    width: 100% !important;
    justify-content: space-between !important;
  }
}

/* ============================================================
   HOME SEO — COLLAPSIBLE
   ============================================================ */

.home-seo-collapsible {
  width: 100% !important;
  max-width: none !important;

  margin: 18px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  background: rgba(8,17,26,.96) !important;
  border: 1px solid var(--tco-border-mid) !important;
  border-radius: var(--tco-radius-card) !important;

  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

.home-seo-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  min-height: 48px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;

  color: #dcefee !important;

  background: var(--tco-surface-2) !important;
  border-bottom: 0 !important;

  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
}

.home-seo-summary::-webkit-details-marker {
  display: none !important;
}

.home-seo-summary::marker {
  display: none !important;
  content: "" !important;
}

.home-seo-summary-title {
  color: #e4f2f1 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.home-seo-summary-toggle {
  position: relative !important;
  flex: 0 0 auto !important;

  width: 24px !important;
  height: 24px !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: 5px !important;
}

.home-seo-summary-toggle::before,
.home-seo-summary-toggle::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  top: 50% !important;

  width: 10px !important;
  height: 1px !important;

  background: #64ddd0 !important;

  transform: translate(-50%, -50%) !important;
  transition: transform .18s ease !important;
}

.home-seo-summary-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

.home-seo-collapsible[open] .home-seo-summary {
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.home-seo-collapsible[open] .home-seo-summary-toggle::after {
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

.home-seo-content {
  padding: 12px 14px 14px !important;
}

.home-seo-content p {
  margin: 0 0 10px !important;

  color: #8ca3a9 !important;
  font-size: 10px !important;
  line-height: 1.65 !important;
}

.home-seo-content p:last-child {
  margin-bottom: 0 !important;
}

.home-seo-summary:hover {
  background: #0b1720 !important;
}

.home-seo-summary:hover .home-seo-summary-title {
  color: #f0fafa !important;
}

@media (max-width: 600px) {
  .home-seo-summary {
    min-height: 44px !important;
    padding: 9px 11px !important;
  }

  

  .home-seo-content {
    padding: 10px 11px 12px !important;
  }

  
}

/* ============================================================
   HOME — BALANCED DENSITY
   Larger text, less empty space, better use of full width
   ============================================================ */

@media (min-width: 901px) {

  /* ----------------------------------------------------------
     HERO: use width instead of vertical height
     ---------------------------------------------------------- */

  .home-hero {
    display: grid !important;
    grid-template-columns: minmax(420px, .95fr) minmax(420px, 1.25fr) !important;
    grid-template-areas:
      "badge badge"
      "title copy" !important;
    column-gap: 28px !important;
    row-gap: 8px !important;
    align-items: center !important;

    min-height: 0 !important;
    margin: 0 0 10px !important;
    

    border-radius: var(--tco-radius-card) !important;
  }

  .home-hero-badge {
    grid-area: badge !important;
    justify-self: start !important;

    
    margin: 0 !important;
    

    
    letter-spacing: .075em !important;
  }

  .home-hero h2 {
    grid-area: title !important;

    max-width: none !important;
    
    padding: 0 !important;

    color: #edf7f7 !important;
    
    font-weight: 800 !important;
    

    border: 0 !important;
  }

  .home-hero p {
    grid-area: copy !important;

    
    margin: 0 !important;
    padding: 0 0 0 22px !important;

    
    
    font-weight: 500 !important;
    

    border-left: 1px solid var(--tco-border-mid) !important;
  }

  /* ----------------------------------------------------------
     OVERVIEW: compact cards, readable type
     ---------------------------------------------------------- */

  .home-overview {
    margin: 0 0 10px !important;
    

    border-radius: var(--tco-radius-card) !important;
  }

  .home-overview > .home-section-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    
    margin: 0 0 9px !important;
    padding-bottom: 7px !important;

    border-bottom: 1px solid rgba(255,255,255,.05) !important;
  }

  .home-overview > .home-section-head .home-section-kicker {
    flex: 0 0 auto !important;

    margin: 0 !important;
    

    

    background: rgba(var(--tco-accent-rgb), .035) !important;
    border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
    border-radius: var(--tco-radius-pill) !important;
  }

  .home-overview > .home-section-head h2 {
    margin: 0 !important;
    padding: 0 !important;

    
    

    border: 0 !important;
  }

  .home-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    
  }

  .home-feature-card {
    display: grid !important;
    
    grid-template-areas:
      "icon title"
      "icon copy" !important;
    
    
    align-content: center !important;

    
    

    
    box-sizing: border-box !important;

    border-radius: var(--tco-radius) !important;
  }

  .home-feature-card i,
  .home-feature-card svg {
    grid-area: icon !important;
    align-self: center !important;

    
    

    margin: 0 !important;
  }

  .home-feature-card strong {
    grid-area: title !important;

    margin: 0 !important;

    color: #dceaea !important;
    
    font-weight: 800 !important;
    
  }

  .home-feature-card span {
    grid-area: copy !important;

    margin: 0 !important;

    
    
    
  }

  /* ----------------------------------------------------------
     NEWS: readable, still compact
     ---------------------------------------------------------- */

  .home-crypto-news > .home-section-head {
    min-height: 38px !important;
    margin-bottom: 6px !important;
    padding: 7px 10px !important;
  }

  .home-crypto-news > .home-section-head .home-section-kicker {
    font-size: 7px !important;
  }

  .home-crypto-news > .home-section-head h2 {
    font-size: 12px !important;
  }

  .home-crypto-news-top {
    min-height: 38px !important;
    padding: 6px 10px !important;
  }

  .home-crypto-news-top .title {
    font-size: 7.5px !important;
  }

  .home-crypto-news-top .price-box {
    font-size: 7.5px !important;
  }

  .home-crypto-news-top .price-box strong {
    font-size: 9px !important;
  }

  .home-news-scroll {
    max-height: 285px !important;
    padding: 7px 9px !important;

    font-size: 9px !important;
    line-height: 1.4 !important;
  }

  /* ----------------------------------------------------------
     TOKEN SECTION
     ---------------------------------------------------------- */

  .home-token-section {
    margin-bottom: 10px !important;
    padding: 13px 15px 14px !important;
  }

  

  

  /* ----------------------------------------------------------
     SEO: when opened, fill width with 3 useful columns
     ---------------------------------------------------------- */

  

  

  

  
}

/* Medium desktop / tablet */
@media (min-width: 701px) and (max-width: 1100px) {

  .home-hero {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "badge"
      "title"
      "copy" !important;
  }

  .home-hero p {
    padding: 0 !important;
    border-left: 0 !important;
  }

  .home-feature-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .home-feature-card {
    height: 86px !important;
  }

  .home-seo-content {
    grid-template-columns: 1fr !important;
  }
}

/* Phones */
@media (max-width: 700px) {

  .home-hero h2 {
    font-size: 18px !important;
  }

  .home-hero p {
    font-size: 10px !important;
  }

  .home-feature-card strong {
    font-size: 10px !important;
  }

  .home-feature-card span {
    font-size: 8.5px !important;
  }
}

/* ============================================================
   HOME NEWS — BTC / ETH PRICE SIZE FIX
   ============================================================ */

.home-crypto-news-top .price-box {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;

  color: #8aa4aa !important;
  
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.home-crypto-news-top .price-box span {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;

  white-space: nowrap !important;
}

.home-crypto-news-top .price-box strong {
  color: var(--tco-success) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

#btc,
#eth {
  color: var(--tco-success) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

@media (max-width: 600px) {
  .home-crypto-news-top .price-box {
    gap: 12px !important;
    font-size: 8px !important;
  }

  .home-crypto-news-top .price-box strong,
  #btc,
  #eth {
    font-size: 11px !important;
  }
}

/* ============================================================
   HOME NEWS — TWO COLUMN TERMINAL STYLE
   ============================================================ */

.home-crypto-news {
  margin: 16px 0 20px !important;
}

.home-crypto-news > .home-section-head,
.home-crypto-news-card {
  border-radius: 14px !important;
}

.home-crypto-news > .home-section-head {
  padding: 14px 18px !important;
}

.home-crypto-news > .home-section-head .home-section-kicker {
  margin-bottom: 7px !important;
  font-size: 10px !important;
}

.home-crypto-news > .home-section-head h2 {
  font-size: clamp(22px, 2vw, 30px) !important;
}

.home-crypto-news-card {
  background:
    linear-gradient(180deg, rgba(8,16,24,.97) 0%, rgba(6,13,20,.95) 100%) !important;
  border: 1px solid rgba(97, 217, 204, .12) !important;
  box-shadow:
    0 14px 38px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.02) !important;
}


.home-news-scroll {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;

  max-height: 340px !important;
  padding: 14px !important;
  align-content: start !important;
}

.home-crypto-news-card .news-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;

  min-height: 96px !important;
  margin: 0 !important;
  padding: 12px 12px 11px !important;
  box-sizing: border-box !important;

  border: 1px solid rgba(97, 217, 204, .12) !important;
  border-left: 3px solid rgba(97, 217, 204, .55) !important;
  border-radius: var(--tco-radius-panel) !important;

  background:
    linear-gradient(180deg, rgba(7,17,25,.88) 0%, rgba(7,13,20,.82) 100%) !important;
  box-shadow:
    0 4px 16px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.012) !important;

  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.home-crypto-news-card .news-item:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(111, 237, 222, .26) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    0 0 0 1px rgba(97,217,204,.05) inset !important;
}

.home-crypto-news-card .news-item.breaking {
  border-left-color: #f0c36a !important;
  border-color: rgba(240, 195, 106, .18) !important;
  background:
    linear-gradient(180deg, rgba(32,22,10,.48) 0%, rgba(13,14,18,.88) 100%) !important;
}

.home-crypto-news-card .news-item.correlation {
  border-left-color: #75d8f7 !important;
  border-color: rgba(117, 216, 247, .16) !important;
  background:
    linear-gradient(180deg, rgba(10,21,29,.72) 0%, rgba(9,13,20,.86) 100%) !important;
}

.home-crypto-news-card .news-item.breaking::before,
.home-crypto-news-card .news-item.correlation::before {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;

  padding: 4px 8px !important;
  border-radius: var(--tco-radius-pill) !important;

  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.home-crypto-news-card .news-item.breaking::before {
  content: "Market alert" !important;
  color: #ffd78f !important;
  background: rgba(240, 195, 106, .10) !important;
  border: 1px solid rgba(240, 195, 106, .22) !important;
}

.home-crypto-news-card .news-item.correlation::before {
  content: "Trending" !important;
  color: #8ee9ff !important;
  background: rgba(117, 216, 247, .10) !important;
  border: 1px solid rgba(117, 216, 247, .20) !important;
}

.home-crypto-news-card .news-item .text {
  display: block !important;
  margin: 0 !important;
  padding-right: 110px !important;

  color: #dff8ef !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
}

.home-crypto-news-card .news-item .desc {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  color: #8ea5ad !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  opacity: .95 !important;
}

.home-crypto-news-card .news-item .text a,
.home-crypto-news-card .news-item .desc a,
.home-crypto-news-card .news-item a {
  color: inherit !important;
}

@media (max-width: 1100px) {
  .home-news-scroll {
    grid-template-columns: 1fr !important;
    max-height: 380px !important;
  }

  .home-crypto-news-card .news-item .text {
    padding-right: 96px !important;
  }
}

@media (max-width: 600px) {
  .home-crypto-news > .home-section-head {
    padding: 12px 13px !important;
  }

  .home-crypto-news > .home-section-head h2 {
    font-size: 20px !important;
  }

  .home-news-scroll {
    gap: 10px !important;
    padding: 10px !important;
  }

  .home-crypto-news-card .news-item {
    min-height: 96px !important;
    padding: 12px 12px 11px !important;
  }

  .home-crypto-news-card .news-item .text {
    padding-right: 88px !important;
    font-size: 13px !important;
  }

  .home-crypto-news-card .news-item .desc {
    font-size: 11px !important;
  }
}

/* ============================================================
   HOME NEWS — CLEAN SINGLE HEADER
   Keep only the terminal header inside the news panel
   ============================================================ */

.home-crypto-news {
  margin-top: 10px !important;
}

.home-crypto-news-card {
  overflow: hidden !important;
  border-radius: var(--tco-radius-panel) !important;
}

.home-crypto-news-top {
  min-height: 50px !important;
  padding: 9px 14px !important;
  box-sizing: border-box !important;

  background: rgba(6,16,24,.97) !important;
  border-bottom: 1px solid rgba(97,217,204,.10) !important;
}

.home-crypto-news-top .title {
  color: #8fe9db !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: .10em !important;
}

.home-crypto-news-top .price-box {
  font-size: 9px !important;
}

.home-crypto-news-top .price-box strong,
.home-crypto-news-top #btc,
.home-crypto-news-top #eth {
  font-size: 13px !important;
}

@media (max-width: 600px) {
  .home-crypto-news-top {
    min-height: 46px !important;
    padding: 8px 10px !important;
  }

  .home-crypto-news-top .title {
    font-size: 9px !important;
  }
}

/* ============================================================
   HOME — READABILITY FIX
   Larger text without making the layout oversized
   ============================================================ */

@media (min-width: 901px) {

  /* HERO */
  .home-hero {
    padding: 20px 24px !important;
  }

  .home-hero-badge {
    font-size: 9px !important;
    min-height: 24px !important;
    padding: 4px 10px !important;
  }

  .home-hero h2 {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin: 9px 0 10px !important;
  }

  .home-hero p {
    max-width: 1250px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #9bb1b7 !important;
  }

  /* OVERVIEW HEADER */
  .home-overview {
    padding: 16px 18px 18px !important;
  }

  .home-overview > .home-section-head {
    min-height: 36px !important;
    margin-bottom: 12px !important;
  }

  .home-overview > .home-section-head .home-section-kicker {
    font-size: 9px !important;
    padding: 4px 9px !important;
  }

  .home-overview > .home-section-head h2 {
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  /* FEATURE CARDS */
  .home-feature-grid {
    gap: 10px !important;
  }

  .home-feature-card {
    grid-template-columns: 34px minmax(0,1fr) !important;
    column-gap: 11px !important;
    row-gap: 5px !important;

    min-height: 112px !important;
    height: 112px !important;

    padding: 14px 14px !important;
  }

  .home-feature-card i,
  .home-feature-card svg {
    width: 27px !important;
    height: 27px !important;
  }

  .home-feature-card strong {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  .home-feature-card span {
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: #8ca3aa !important;
  }

  /* TOKEN MARKET HEADING */
  .home-token-section .home-section-head .home-section-kicker {
    font-size: 9px !important;
  }

  .home-token-section .home-section-head h2 {
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  .home-token-section .home-section-head p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* COLLAPSIBLE SEO */
  .home-seo-summary {
    min-height: 48px !important;
    padding: 10px 14px !important;
  }

  .home-seo-summary-title {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  .home-seo-summary-toggle {
    width: 24px !important;
    height: 24px !important;
  }

  .home-seo-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;

    padding: 12px 14px 14px !important;
  }

  .home-seo-content p {
    margin: 0 !important;
    padding: 11px 12px !important;

    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #96acb2 !important;

    background: rgba(255,255,255,.015) !important;
    border: 1px solid var(--tco-line-soft) !important;
    border-radius: 7px !important;
  }

  .home-seo-content p:last-child {
    grid-column: 1 / -1 !important;
  }
}

/* TABLET */
@media (min-width: 601px) and (max-width: 900px) {
  .home-hero h2 {
    font-size: 22px !important;
  }

  .home-hero p {
    font-size: 13px !important;
  }

  .home-feature-card strong {
    font-size: 14px !important;
  }

  .home-feature-card span {
    font-size: 11.5px !important;
  }

  .home-seo-summary-title {
    font-size: 14px !important;
  }

  .home-seo-content {
    grid-template-columns: 1fr !important;
  }

  .home-seo-content p {
    font-size: 12.5px !important;
  }

  .home-seo-content p:last-child {
    grid-column: auto !important;
  }
}

/* MOBILE */
@media (max-width: 600px) {
  .home-hero h2 {
    font-size: 20px !important;
  }

  .home-hero p {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .home-feature-card strong {
    font-size: 14px !important;
  }

  .home-feature-card span {
    font-size: 11px !important;
  }

  .home-seo-summary-title {
    font-size: 13px !important;
  }

  .home-seo-content p {
    font-size: 11.5px !important;
    line-height: 1.6 !important;
  }
}


/* ============================================================
   HOME NEWS — EXACT 4 VISIBLE
   2 rows x 2 columns on desktop, then vertical scroll
   ============================================================ */

@media (min-width: 1101px) {
  .home-crypto-news-card .home-news-scroll {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 126px !important;
    gap: 12px !important;

    height: 292px !important;
    max-height: 292px !important;
    padding: 14px !important;
    box-sizing: border-box !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
  }

  .home-crypto-news-card .home-news-scroll .news-item {
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    overflow: hidden !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  .home-crypto-news-card .home-news-scroll {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 118px !important;
    gap: 10px !important;

    height: 274px !important;
    max-height: 274px !important;
    padding: 12px !important;
    box-sizing: border-box !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
  }

  .home-crypto-news-card .home-news-scroll .news-item {
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
    overflow: hidden !important;
  }
}

/* ============================================================
   HEADER ACCOUNT — ADVANCED PROFILE PANEL
   ============================================================ */

.header-account--advanced {
  position: relative !important;
  overflow: visible !important;
}


/* Clickable identity */
.header-account__identity {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  background: transparent !important;
  border: 0 !important;

  cursor: pointer !important;
  text-align: left !important;
  font: inherit !important;
}

.header-account__identity .header-account__avatar {
  flex: 0 0 auto !important;
}

.header-account__identity .header-account__info {
  min-width: 0 !important;
}

.header-account__identity .header-account__name {
  display: block !important;
  overflow: hidden !important;

  max-width: 150px !important;

  color: #dbeeed !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.header-account__chevron {
  flex: 0 0 auto !important;

  width: 14px !important;
  height: 14px !important;

  color: #607c83 !important;

  transition: transform .18s ease, color .18s ease !important;
}

.header-account--advanced.is-open .header-account__chevron {
  color: #6fe2d4 !important;
  transform: rotate(180deg) !important;
}

/* New PM indicator */
.header-account--advanced .header-account__message {
  position: relative !important;
}

.header-account--advanced .header-account__message.is-new {
  color: #91ffe4 !important;

  background: rgba(0,255,184,.09) !important;
  border-color: rgba(0,255,184,.30) !important;

  box-shadow:
    0 0 0 1px rgba(0,255,184,.04),
    0 0 16px rgba(0,255,184,.16) !important;
}

.header-account__message-count {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;
  box-sizing: border-box !important;

  color: #06100d !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  background: #65e8c2 !important;
  border: 2px solid var(--tco-bg) !important;
  border-radius: var(--tco-radius-pill) !important;

  box-shadow: 0 0 10px rgba(101,232,194,.20) !important;
}

/* Dropdown */
.header-account-panel {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  z-index: 1500 !important;

  display: none !important;

  width: min(390px, calc(100vw - 22px)) !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: #91a9af !important;

  background:
    linear-gradient(180deg, rgba(8,19,27,.99), rgba(5,13,19,.99)) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: 11px !important;

  box-shadow:
    0 22px 55px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.018) inset !important;

  backdrop-filter: blur(12px) !important;
}

.header-account--advanced.is-open .header-account-panel {
  display: block !important;
}

/* Top identity */
.header-account-panel__top {
  display: grid !important;
  grid-template-columns: 54px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;

  padding: 4px 4px 10px !important;

  border-bottom: 1px solid var(--tco-border) !important;
}

.header-account-panel__avatar img {
  display: block !important;

  width: 54px !important;
  height: 54px !important;

  object-fit: cover !important;

  background: var(--tco-bg) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .14) !important;
  border-radius: 50% !important;

  box-shadow: 0 0 18px rgba(var(--tco-accent-rgb), .04) !important;
}

.header-account-panel__identity {
  min-width: 0 !important;
}

.header-account-panel__identity > strong {
  display: block !important;
  overflow: hidden !important;

  color: #e4f2f1 !important;
  font-size: 13px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.header-account-panel__identity > span {
  display: block !important;
  overflow: hidden !important;

  margin-top: 2px !important;

  color: #658088 !important;
  font-size: 8px !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.header-account-panel__badges {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;

  margin-top: 6px !important;
}

.header-account-panel__group,
.header-account-panel__plan {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 21px !important;
  padding: 3px 6px !important;

  color: #8bb4b7 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.025) !important;
  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-pill) !important;
}

.header-account-panel__plan {
  color: var(--tco-success) !important;
  background: rgba(0,220,150,.045) !important;
  border-color: rgba(0,220,150,.11) !important;
}

/* Stats */
.header-account-panel__stats {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;

  margin-top: 8px !important;
}

.header-account-panel__stat {
  display: grid !important;
  grid-template-columns: 27px minmax(0,1fr) !important;
  gap: 7px !important;
  align-items: center !important;

  min-width: 0 !important;
  padding: 7px !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 7px !important;
}

.header-account-panel__stat-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 27px !important;
  height: 27px !important;

  color: #62dace !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .075) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.header-account-panel__stat-icon svg {
  width: 14px !important;
  height: 14px !important;
}

.header-account-panel__stat > div {
  min-width: 0 !important;
}

.header-account-panel__stat small {
  display: block !important;
  margin-bottom: 2px !important;

  color: #536d75 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

.header-account-panel__stat strong {
  display: block !important;
  overflow: hidden !important;

  color: #bdd1d3 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Subscription */
.header-account-panel__subscription {
  margin-top: 7px !important;
  overflow: hidden !important;

  background: rgba(var(--tco-accent-rgb), .018) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .07) !important;
  border-radius: 7px !important;
}

.header-account-panel__subscription-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  padding: 6px 8px !important;

  background: rgba(255,255,255,.014) !important;
  border-bottom: 1px solid var(--tco-line-soft) !important;
}

.header-account-panel__subscription-head > span {
  color: #5b777e !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

.header-account-subscription-status {
  font-size: 7px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.header-account-subscription-status.status-active,
.header-account-subscription-status.status-trial {
  color: #75e7b9 !important;
}

.header-account-subscription-status.status-paused {
  color: #dbc780 !important;
}

.header-account-subscription-status.status-unpaid,
.header-account-subscription-status.status-canceled,
.header-account-subscription-status.status-expired {
  color: #d78b91 !important;
}

.header-account-panel__subscription-main {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 1px !important;

  background: rgba(255,255,255,.035) !important;
}

.header-account-panel__subscription-main > div {
  min-width: 0 !important;
  padding: 7px 8px !important;

  background: #08141c !important;
}

.header-account-panel__subscription-main small {
  display: block !important;
  margin-bottom: 3px !important;

  color: #536d75 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
}

.header-account-panel__subscription-main strong {
  display: block !important;
  overflow: hidden !important;

  color: #c1d5d6 !important;
  font-size: 8px !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Birthday */
.header-account-panel__personal {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  margin-top: 7px !important;
  padding: 7px 8px !important;

  background: rgba(255,255,255,.015) !important;
  border: 1px solid var(--tco-line-soft) !important;
  border-radius: 7px !important;
}

.header-account-panel__personal > span {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;

  color: #627d84 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
}

.header-account-panel__personal svg {
  width: 13px !important;
  height: 13px !important;
  color: #66d9cc !important;
}

.header-account-panel__personal strong {
  color: #a9c0c3 !important;
  font-size: 8px !important;
}

/* Messages */
.header-account-panel__messages {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  margin-top: 7px !important;
  padding: 7px 8px !important;

  background: rgba(255,255,255,.016) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: 7px !important;
}

.header-account-panel__messages.has-unread {
  background: rgba(0,220,160,.035) !important;
  border-color: rgba(0,230,170,.12) !important;

  box-shadow: inset 2px 0 0 rgba(100,232,194,.55) !important;
}

.header-account-panel__messages > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-width: 0 !important;
}

.header-account-panel__messages-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 29px !important;
  height: 29px !important;

  color: #5d8a8e !important;

  background: rgba(255,255,255,.02) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: var(--tco-radius-sm) !important;
}

.header-account-panel__messages.has-unread .header-account-panel__messages-icon {
  color: #81f2d5 !important;

  background: rgba(0,230,170,.05) !important;
  border-color: rgba(0,230,170,.11) !important;
}

.header-account-panel__messages-icon svg {
  width: 14px !important;
  height: 14px !important;
}

.header-account-panel__messages small {
  display: block !important;

  color: #536d75 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
}

.header-account-panel__messages strong {
  display: block !important;
  margin-top: 2px !important;

  color: #9fb7bb !important;
  font-size: 8px !important;
}

.header-account-panel__messages.has-unread strong {
  color: #81e9ce !important;
}

.header-account-panel__messages > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 25px !important;
  padding: 4px 7px !important;

  color: #86c9c1 !important;
  font-size: 7px !important;
  font-weight: 900 !important;

  background: rgba(var(--tco-accent-rgb), .03) !important;
  border: 1px solid rgba(var(--tco-accent-rgb), .075) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

/* Navigation */
.header-account-panel__nav {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;

  margin-top: 7px !important;
}

.header-account-panel__nav > a {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-height: 34px !important;
  padding: 6px 8px !important;
  box-sizing: border-box !important;

  color: #9db4b8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  background: rgba(255,255,255,.018) !important;
  border: 1px solid var(--tco-border-soft) !important;
  border-radius: var(--tco-radius-sm) !important;

  text-decoration: none !important;
}

.header-account-panel__nav > a:hover {
  color: #e3f7f4 !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;
  border-color: rgba(var(--tco-accent-rgb), .11) !important;
}

.header-account-panel__nav svg {
  flex: 0 0 auto !important;

  width: 14px !important;
  height: 14px !important;

  color: #61d9cc !important;
}

.header-account-panel__nav em {
  margin-left: auto !important;

  min-width: 18px !important;
  padding: 3px 5px !important;

  color: #07110e !important;
  font-size: 7px !important;
  font-style: normal !important;
  text-align: center !important;

  background: #6de3c3 !important;
  border-radius: var(--tco-radius-pill) !important;
}

/* Footer */
.header-account-panel__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  margin-top: 8px !important;
  padding-top: 8px !important;

  border-top: 1px solid rgba(255,255,255,.05) !important;
}

.header-account-panel__country-note {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-width: 0 !important;

  color: #526b73 !important;
  font-size: 6px !important;
  line-height: 1.35 !important;
}

.header-account-panel__country-note svg {
  flex: 0 0 auto !important;

  width: 12px !important;
  height: 12px !important;

  color: #5ba7a5 !important;
}

.header-account-panel__logout {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  flex: 0 0 auto !important;

  min-height: 28px !important;
  padding: 5px 7px !important;

  color: #c18c91 !important;
  font-size: 7px !important;
  font-weight: 900 !important;

  background: rgba(185,75,90,.035) !important;
  border: 1px solid rgba(205,95,105,.08) !important;
  border-radius: 5px !important;

  text-decoration: none !important;
}

.header-account-panel__logout svg {
  width: 13px !important;
  height: 13px !important;
}

/* Responsive */
@media (max-width: 700px) {
  .header-account-panel {
    position: fixed !important;
    top: 70px !important;
    left: 10px !important;
    right: 10px !important;

    width: auto !important;
    max-height: calc(100vh - 85px) !important;

    overflow-y: auto !important;
  }

  .header-account-panel__stats,
  .header-account-panel__nav {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   HEADER ACCOUNT — COMPACT LAYOUT FIX
   Fix conflict with the old 3-column .header-account__user grid
   ============================================================ */

.header-account.header-account--advanced {
  flex: 0 0 auto !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  padding: 5px 8px !important;

  
}

/* IMPORTANT: override the old grid completely */
.header-account--advanced .header-account__user {
  

  display: flex !important;
  grid-template-columns: none !important;

  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  width: auto !important;
  min-width: 250px !important;
  max-width: 340px !important;
  min-height: 52px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 6px 8px !important;
  box-sizing: border-box !important;

  

  background:
    linear-gradient(
      180deg,
      rgba(13,22,29,.94),
      rgba(7,13,18,.97)
    ) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .11) !important;
  border-radius: 11px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 6px 18px rgba(0,0,0,.18) !important;
}

/* Avatar + username + status */
.header-account--advanced .header-account__identity {
  flex: 1 1 auto !important;

  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) 14px !important;
  gap: 8px !important;
  align-items: center !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}

.header-account--advanced .header-account__identity .header-account__avatar {
  grid-column: 1 !important;

  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

.header-account--advanced .header-account__identity .header-account__avatar img {
  width: 40px !important;
  height: 40px !important;
}

.header-account--advanced .header-account__identity .header-account__info {
  grid-column: 2 !important;

  display: block !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.header-account--advanced .header-account__identity .header-account__name {
  display: block !important;

  max-width: 155px !important;

  color: #e7f4f3 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.header-account--advanced .header-account__identity .header-account__meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;

  min-width: 0 !important;

  margin-top: 3px !important;
}

.header-account--advanced .header-account__online {
  flex: 0 0 auto !important;

  font-size: 7px !important;
  line-height: 1 !important;
}

.header-account--advanced .header-account__group {
  flex: 1 1 auto !important;

  max-width: 90px !important;

  font-size: 7px !important;
  line-height: 1 !important;
}

.header-account--advanced .header-account__chevron {
  grid-column: 3 !important;

  width: 14px !important;
  height: 14px !important;

  margin: 0 !important;
}

/* Message/logout icons must stay compact */
.header-account--advanced .header-account__actions {
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  gap: 5px !important;

  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

.header-account--advanced .header-account__message,
.header-account--advanced .header-account__logout {
  flex: 0 0 auto !important;

  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Dropdown attaches directly to the compact account card */
.header-account--advanced .header-account-panel {
  
  
  

  width: 380px !important;
  max-width: min(380px, calc(100vw - 20px)) !important;

  margin: 0 !important;
}

/* Make sure old header rules cannot create an extra empty row */
.header-account--advanced .header-account__user::before,
.header-account--advanced .header-account__user::after {
  display: none !important;
  content: none !important;
}

/* Slightly denser dropdown */
.header-account--advanced .header-account-panel__top {
  padding-top: 2px !important;
}

.header-account--advanced .header-account-panel__stats {
  margin-top: 7px !important;
}

.header-account--advanced .header-account-panel__nav {
  margin-top: 6px !important;
}

.header-account--advanced .header-account-panel__footer {
  margin-top: 7px !important;
}

/* Medium width */
@media (max-width: 1100px) {
  .header-account--advanced .header-account__user {
    min-width: 225px !important;
    max-width: 300px !important;
  }

  .header-account--advanced .header-account__identity .header-account__name {
    max-width: 120px !important;
  }

  .header-account--advanced .header-account__group {
    max-width: 65px !important;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .header-account.header-account--advanced {
    padding: 4px !important;
  }

  .header-account--advanced .header-account__user {
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .header-account--advanced .header-account__identity {
    grid-template-columns: 38px minmax(0,1fr) 12px !important;
  }

  .header-account--advanced .header-account__identity .header-account__avatar,
  .header-account--advanced .header-account__identity .header-account__avatar img {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  .header-account--advanced .header-account-panel {
    position: fixed !important;

    top: 68px !important;
    left: 10px !important;
    right: 10px !important;

    width: auto !important;
    max-width: none !important;
  }
}


/* ============================================================
   HEADER ACCOUNT PANEL — OVERLAP / Z-INDEX FIX
   Keeps the profile dropdown above the main menu and hero blocks
   ============================================================ */

.header-account.header-account--advanced {
  position: relative !important;
  z-index: 10000020 !important;
  overflow: visible !important;
}

.header-account--advanced .header-account__user {
  position: relative !important;
  z-index: 10000021 !important;
  overflow: visible !important;
}

.header-account--advanced .header-account-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 10000030 !important;
  isolation: isolate !important;
}

#header,
#header .header-account,
#header .header-account__user {
  overflow: visible !important;
}

/* ============================================================
   CUSTOM CURSOR — ALWAYS ABOVE ACCOUNT PANEL
   ============================================================ */

.cursor-arrow {
  position: fixed !important;
  
  pointer-events: none !important;
}

body.is-hover .cursor-arrow {
  z-index: 2147483647 !important;
  pointer-events: none !important;
}

/* ============================================================
   HEADER — COMPACT SEARCH + PROFILE RIGHT ALIGNMENT
   ============================================================ */

@media (min-width: 981px) {
  #header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;

    width: calc(100% - 48px) !important;
    max-width: none !important;
    margin-left: 24px !important;
    margin-right: 24px !important;
    padding: 8px 0 !important;
  }

  /* Logo stays on the left; everything else is pushed to the right. */
  #header #logo {
    flex: 0 0 auto !important;
    margin-right: auto !important;
  }

  #header .header-search.header-search--compact {
    flex: 0 0 380px !important;

    display: block !important;

    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #header .header-search--compact .header-search__title {
    display: none !important;
  }

  #header .header-search--compact .header-search__form,
  #header .header-search--compact .header-search__form form {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #header .header-search--compact .header-search__form form {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 88px !important;
    gap: 7px !important;
  }

  #header .header-search--compact .header-search__form input[type="text"],
  #header .header-search--compact .header-search__form input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 12px !important;
  }

  #header .header-search--compact .header-search__form input[type="submit"],
  #header .header-search--compact .header-search__form button {
    width: 88px !important;
    min-width: 88px !important;
    height: 40px !important;
    padding: 0 10px !important;
  }

  #header .header-account.header-account--advanced {
    flex: 0 0 500px !important;

    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #header .header-account--advanced .header-account__user {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1350px) {
  #header .header-search.header-search--compact {
    flex-basis: 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }

  #header .header-account.header-account--advanced {
    flex-basis: 430px !important;
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
  }
}

@media (max-width: 980px) {
  #header .header-search.header-search--compact {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #header .header-search--compact .header-search__title {
    display: none !important;
  }

  #header .header-search--compact .header-search__form form {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 88px !important;
    gap: 7px !important;
  }
}

/* ============================================================
   GLOBAL SITE SCROLLBAR — DARK NEON
   ============================================================ */

html {
  scrollbar-width: auto !important;
  scrollbar-color: #238f86 #071016 !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #071016 !important;
  border-left: 1px solid rgba(255,255,255,.035) !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  min-height: 56px !important;

  background:
    linear-gradient(180deg, #2aa89d 0%, #17776f 100%) !important;

  border: 3px solid #071016 !important;
  border-radius: var(--tco-radius-pill) !important;

  box-shadow:
    inset 0 0 0 1px rgba(135,255,235,.12),
    0 0 8px rgba(0,255,210,.10) !important;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, #43d3c2 0%, #20968b 100%) !important;

  box-shadow:
    inset 0 0 0 1px rgba(190,255,245,.18),
    0 0 12px rgba(0,255,210,.18) !important;
}

html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {
  background: #36b9aa !important;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
  background: #071016 !important;
}

/* ============================================================
   NATIVE UCOZ COOKIE NOTICE — THE CRYPTO ODYSSEY
   Uses the real uCoz consent button so uCoz itself stores consent.
   ============================================================ */

.gtmCookieNotice,
.gtmCookieNotice *,
.gtmCookieNotice *::before,
.gtmCookieNotice *::after {
  box-sizing: border-box;
}

.gtmCookieNotice {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 11px 14px;

  color: var(--tco-text-soft);

  font-family:
    "Courier New",
    Consolas,
    monospace;

  font-size: 12px;
  line-height: 1.55;

  background:
    linear-gradient(
      90deg,
      rgba(7, 18, 26, .98),
      rgba(5, 13, 19, .98)
    );

  border: 1px solid rgba(var(--tco-accent-rgb), .10);
  border-radius: 9px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 8px 22px rgba(0,0,0,.22);
}

.gtmCookieNotice__inner {
  display: flex;
  align-items: center;
  gap: 11px;
}

.gtmCookieNotice__icon {
  flex: 0 0 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  color: #6ce3d2;

  background: rgba(var(--tco-accent-rgb), .035);

  border: 1px solid rgba(var(--tco-accent-rgb), .10);
  border-radius: 7px;
}

.gtmCookieNotice__text {
  flex: 1 1 auto;
  min-width: 0;

  color: var(--tco-text-soft);
}

.gtmCookieNotice__text strong {
  color: #dceeed;
}

.gtmCookieNotice a,
.gtmCookieNotice a:link,
.gtmCookieNotice a:visited,
.gtmCookieNotice a:active {
  color: #6edfd1 !important;
  -webkit-text-fill-color: #6edfd1 !important;

  font-weight: 800 !important;
  text-decoration: none !important;

  border-bottom:
    1px solid rgba(110,223,209,.30) !important;
}

.gtmCookieNotice a:hover {
  color: #e8fffb !important;
  -webkit-text-fill-color: #e8fffb !important;

  border-bottom-color:
    rgba(110,223,209,.70) !important;
}


/* Style the native uCoz bar itself when the browser supports :has(). */
:is(
  [id*="cookie" i],
  [class*="cookie" i],
  [id*="consent" i],
  [class*="consent" i]
):has(.gtmCookieNotice) {
  color: var(--tco-text-soft) !important;

  background:
    linear-gradient(
      90deg,
      rgba(4,12,18,.99),
      rgba(6,15,22,.99)
    ) !important;

  border-color: rgba(var(--tco-accent-rgb), .08) !important;

  box-shadow:
    0 -10px 30px rgba(0,0,0,.34) !important;

  backdrop-filter: blur(10px) !important;
}


/* ============================================================
   REAL UCOZ AGREE BUTTON — SAFE SCOPED VERSION
   IMPORTANT: do not use broad :has() button fallbacks here.
   They can catch unrelated buttons in header/menu widgets.
   ============================================================ */

#cookiePolicyAgree,
.bottom-info-button-agree {
  min-width: 96px !important;
  min-height: 36px !important;
  height: 36px !important;

  padding: 0 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #06110e !important;
  -webkit-text-fill-color: #06110e !important;

  font-family:
    "Courier New",
    Consolas,
    monospace !important;

  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 34px !important;

  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;

  background: #65ddc2 !important;

  border: 1px solid #79e8cf !important;
  border-radius: 7px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 14px rgba(101,221,194,.12) !important;

  text-shadow: none !important;

  transition:
    transform .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}

#cookiePolicyAgree:hover,
.bottom-info-button-agree:hover {
  color: #04100c !important;
  -webkit-text-fill-color: #04100c !important;

  background: #7aead1 !important;

  box-shadow:
    0 0 18px rgba(101,221,194,.20) !important;

  transform: translateY(-1px) !important;
}


/* ============================================================
   HEADER WIDGET BUTTON SAFETY
   Prevent cookie/uCoz legacy button rules from touching
   Performance, Favorites and Recent controls.
   ============================================================ */

html body .main-menu
.menu-item--performance
.tco-performance-toggle {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 38px !important;
  min-height: 38px !important;

  padding: 0 11px !important;

  color: #8fa7ae !important;
  -webkit-text-fill-color: #8fa7ae !important;

  background: rgba(6,15,21,.68) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow: none !important;

  font-family:
    var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 8px !important;
  line-height: 1 !important;

  text-transform: uppercase !important;
  transform: none !important;
}

html body .main-menu
.menu-item--performance
.tco-performance-mode {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 54px !important;

  padding: 7px 5px !important;

  color: #7f969e !important;
  -webkit-text-fill-color: #7f969e !important;

  background: rgba(255,255,255,.018) !important;

  border: 1px solid rgba(255,255,255,.045) !important;
  border-radius: 8px !important;

  box-shadow: none !important;
  transform: none !important;
}

html body .main-menu
.menu-item--performance
.tco-performance-mode.is-active {
  background: rgba(var(--tco-accent-rgb), .065) !important;
  border-color: rgba(var(--tco-accent-rgb), .20) !important;
}

html body .main-menu
.menu-item--site-library
.tco-library-btn {
  width: auto !important;
  min-width: 38px !important;
  max-width: none !important;

  height: 38px !important;
  min-height: 38px !important;

  padding: 0 9px !important;

  color: #829aa2 !important;
  -webkit-text-fill-color: #829aa2 !important;

  background: rgba(6,15,21,.68) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow: none !important;

  font-family:
    var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 7px !important;
  line-height: 1 !important;

  transform: none !important;
}

html body .main-menu
.menu-item--site-library
.tco-library-mini-btn {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 25px !important;
  min-height: 25px !important;

  padding: 0 7px !important;

  color: #6f878f !important;
  -webkit-text-fill-color: #6f878f !important;

  background: rgba(255,255,255,.018) !important;

  border: 1px solid rgba(255,255,255,.045) !important;
  border-radius: 7px !important;

  box-shadow: none !important;

  font-size: 7px !important;
  line-height: 1 !important;

  transform: none !important;
}

html body .main-menu
.menu-item--site-library
.tco-library-current__add {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  height: 26px !important;
  min-height: 26px !important;

  padding: 0 8px !important;

  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background: rgba(var(--tco-accent-rgb), .045) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: 7px !important;

  box-shadow: none !important;

  font-size: 7px !important;
  line-height: 1 !important;

  transform: none !important;
}

html body .main-menu
.menu-item--site-library
.tco-library-item__remove {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;

  height: 28px !important;
  min-height: 28px !important;

  padding: 0 !important;

  color: #536a72 !important;
  -webkit-text-fill-color: #536a72 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 7px !important;

  box-shadow: none !important;
  transform: none !important;
}


/* ============================================================
   NATIVE UCOZ CLOSE BUTTON
   ============================================================ */

:is(
  [id*="cookie" i],
  [class*="cookie" i],
  [id*="consent" i],
  [class*="consent" i]
):has(.gtmCookieNotice)
:is(
  [class*="close" i],
  [id*="close" i],
  [aria-label*="close" i],
  [aria-label*="закры" i],
  [title*="close" i],
  [title*="закры" i]
) {
  color: #738b92 !important;
  -webkit-text-fill-color: #738b92 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  opacity: .9 !important;
}

:is(
  [id*="cookie" i],
  [class*="cookie" i],
  [id*="consent" i],
  [class*="consent" i]
):has(.gtmCookieNotice)
:is(
  [class*="close" i],
  [id*="close" i],
  [aria-label*="close" i],
  [aria-label*="закры" i],
  [title*="close" i],
  [title*="закры" i]
):hover {
  color: #d9eeee !important;
  -webkit-text-fill-color: #d9eeee !important;

  opacity: 1 !important;
}


/* Mobile */
@media (max-width: 700px) {
  .gtmCookieNotice {
    padding: 10px 11px;
    font-size: 11px;
  }

  .gtmCookieNotice__inner {
    gap: 9px;
  }

  .gtmCookieNotice__icon {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }

  #cookiePolicyAgree,
  .bottom-info-button-agree {
    min-width: 84px !important;
    min-height: 34px !important;
    height: 34px !important;

    padding: 0 11px !important;

    font-size: 9px !important;
    line-height: 32px !important;
  }
}

/* ============================================================
   SCROLL TO TOP — SLIM RIGHT RAIL
   ============================================================ */

#scrollTopBtn {
  --scroll-progress: 0;
  --scroll-color: rgb(255, 0, 120);

  position: fixed !important;
  right: 4px !important;
  bottom: 84px !important;
  z-index: 99999980 !important;

  width: 48px !important;
  height: 138px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;

  cursor: pointer !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transform: translateX(18px) !important;

  background:
    linear-gradient(
      180deg,
      rgba(7, 20, 27, .92),
      rgba(5, 13, 19, .96)
    ) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-right: 0 !important;
  border-radius: 12px 0 0 12px !important;

  backdrop-filter: blur(12px) !important;

  box-shadow:
    -8px 8px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.018) !important;

  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

#scrollTopBtn.show {
  opacity: 1 !important;
  visibility: visible !important;

  transform: translateX(0) !important;
}

#scrollTopBtn:hover {
  transform: translateX(0) !important;

  background:
    linear-gradient(
      180deg,
      rgba(10, 27, 34, .96),
      rgba(7, 17, 23, .98)
    ) !important;

  border-color: rgba(var(--tco-accent-rgb), .18) !important;

  box-shadow:
    -10px 10px 28px rgba(0,0,0,.34),
    -4px 0 18px color-mix(in srgb, var(--scroll-color) 18%, transparent),
    inset 0 1px 0 rgba(255,255,255,.024) !important;
}


/* Hide old circular ring */
#scrollTopBtn .progress-ring,
#scrollTopBtn .glow {
  display: none !important;
}


/* Vertical track */
#scrollTopBtn::before {
  content: "";

  position: absolute !important;
  top: 10px !important;
  right: 5px !important;
  bottom: 10px !important;

  width: 3px !important;

  background: var(--tco-border) !important;

  border-radius: var(--tco-radius-pill) !important;
}


/* Vertical progress */
#scrollTopBtn::after {
  content: "";

  position: absolute !important;
  right: 5px !important;
  bottom: 10px !important;

  width: 3px !important;
  height: calc((100% - 20px) * var(--scroll-progress)) !important;

  background: var(--scroll-color) !important;

  border-radius: var(--tco-radius-pill) !important;

  box-shadow:
    0 0 8px var(--scroll-color),
    0 0 15px color-mix(in srgb, var(--scroll-color) 35%, transparent) !important;

  transition:
    height .12s linear,
    background .18s ease,
    box-shadow .18s ease !important;
}


/* Center content */
#scrollTopBtn .center {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;

  width: 100% !important;
  height: 100% !important;

  padding-right: 5px !important;
  box-sizing: border-box !important;
}


/* Percent */
#scrollTopBtn .percent {
  display: block !important;

  min-width: 31px !important;

  color: var(--scroll-color) !important;

  font-family:
    "Courier New",
    Consolas,
    monospace !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;

  text-shadow:
    0 0 8px color-mix(in srgb, var(--scroll-color) 55%, transparent) !important;

  transition:
    color .18s ease,
    text-shadow .18s ease !important;
}


/* Remove old SCROLL text */
#scrollTopBtn .label {
  display: none !important;
}


/* Arrow */
#scrollTopBtn .center::after {
  content: "↑";

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;

  color: #d9eeec !important;

  font-family:
    "Courier New",
    Consolas,
    monospace !important;

  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.018) !important;

  border: 1px solid var(--tco-border) !important;
  border-radius: 7px !important;

  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease !important;
}

#scrollTopBtn:hover .center::after {
  color: var(--scroll-color) !important;

  background:
    color-mix(in srgb, var(--scroll-color) 6%, transparent) !important;

  border-color:
    color-mix(in srgb, var(--scroll-color) 22%, transparent) !important;

  transform: translateY(-2px) !important;
}


/* Keep the custom cursor above the button */
.cursor-arrow {
  z-index: 2147483647 !important;
}


@media (max-width: 700px) {
  #scrollTopBtn {
    right: 2px !important;
    bottom: 68px !important;

    width: 42px !important;
    height: 116px !important;

    border-radius: 10px 0 0 10px !important;
  }

  #scrollTopBtn .percent {
    font-size: 10px !important;
  }

  #scrollTopBtn .center::after {
    width: 25px !important;
    height: 25px !important;

    font-size: 19px !important;
  }
}

/* ============================================================
   FOOTER TAGS INFORMER — $MYINF_5$
   ============================================================ */

.footer-community__tags {
  min-width: 0;
}

.footer-community__tag-list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 6px;

  max-height: 92px;
  overflow-y: auto;

  padding-right: 3px;
}

.footer-community__tag-list a {
  display: inline-flex;
  align-items: center;

  max-width: 100%;
  min-height: 25px;

  padding: 5px 8px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: var(--tco-text-soft) !important;
  -webkit-text-fill-color: var(--tco-text-soft) !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius-sm) !important;

  font-family: var(--tco-font-ui) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;
  text-shadow: none !important;

  box-shadow: none !important;

  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    transform .18s ease !important;
}

.footer-community__tag-list a:hover {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background: rgba(var(--tco-accent-rgb), .07) !important;

  border-color: rgba(var(--tco-accent-rgb), .22) !important;

  transform: translateY(-1px) !important;
}

.footer-community__tag-list::-webkit-scrollbar {
  width: 5px;
}

.footer-community__tag-list::-webkit-scrollbar-track {
  background: rgba(255,255,255,.02);
}

.footer-community__tag-list::-webkit-scrollbar-thumb {
  background: rgba(var(--tco-accent-rgb), .20);
  border-radius: var(--tco-radius-pill);
}

/* uCoz informer may wrap tags in spans / divs */
.footer-community__tag-list > span,
.footer-community__tag-list > div {
  display: contents;
}

/* Tablet: activity spans the row, online spans the final row. */
@media (max-width: 980px) and (min-width: 621px) {
  .footer-community__online {
    grid-column: 1 / -1;
  }
}

/* Mobile: all four panels stack normally. */
@media (max-width: 620px) {
  .footer-community__tags,
  .footer-community__online {
    grid-column: auto;
  }

  .footer-community__tag-list {
    max-height: 108px;
  }
}

/* ============================================================
   FOOTER TOKEN COUNTER — $MYINF_6$
   Informer template content: $LOAD$
   ============================================================ */

.footer-community__token-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  margin-top: 10px;
  padding: 8px 10px;

  background: rgba(var(--tco-accent-rgb), .035);

  border: 1px solid rgba(var(--tco-accent-rgb), .10);
  border-radius: var(--tco-radius);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015);
}

.footer-community__token-counter-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  min-width: 0;

  color: var(--tco-text-soft);

  font-family: var(--tco-font-ui);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;

  text-transform: uppercase;
  letter-spacing: .05em;
}

.footer-community__token-counter-label svg {
  width: 13px;
  height: 13px;

  color: var(--tco-accent);
  stroke-width: 1.8;
}

.footer-community__token-counter-value {
  flex: 0 0 auto;

  color: var(--tco-accent);

  font-family: var(--tco-font-mono);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;

  text-align: right;

  text-shadow:
    0 0 10px rgba(var(--tco-accent-rgb), .18);
}

.footer-community__token-counter-value a,
.footer-community__token-counter-value span,
.footer-community__token-counter-value strong,
.footer-community__token-counter-value b {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;

  font: inherit !important;
  line-height: inherit !important;

  text-decoration: none !important;
  text-shadow: inherit !important;
}

@media (max-width: 620px) {
  .footer-community__token-counter {
    margin-top: 8px;
    padding: 7px 9px;
  }

  .footer-community__token-counter-value {
    font-size: 14px;
  }
}

/* ============================================================
   FOOTER — META CARDS REMOVED
   ============================================================ */

.site-footer__inner {
  grid-template-columns: minmax(0, 1fr) !important;
}

.site-footer__brand {
  max-width: 980px;
}

.site-footer__meta {
  display: none !important;
}

/* ============================================================
   FOOTER LATEST COMMENTS — $MYINF_7$
   ============================================================ */

.footer-comments {
  margin-top: 14px;
  padding: 14px;

  background:
    linear-gradient(
      180deg,
      rgba(8,17,26,.88),
      rgba(6,14,21,.94)
    );

  border: 1px solid var(--tco-border);
  border-radius: var(--tco-radius-card);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012);
}

.footer-comments__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  margin-bottom: 10px;
}

.footer-comments__list {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 8px;
}

/* uCoz may wrap informer output */
.footer-comments__list > span,
.footer-comments__list > div:not(.footer-comment__body) {
  display: contents;
}

.footer-comment {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;

  min-width: 0;
  padding: 10px;

  background: rgba(255,255,255,.016);

  border: 1px solid var(--tco-border-soft);
  border-radius: var(--tco-radius);

  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

.footer-comment:hover {
  background: rgba(var(--tco-accent-rgb), .025);

  border-color:
    rgba(var(--tco-accent-rgb), .12);

  transform: translateY(-1px);
}

.footer-comment__avatar {
  display: block;

  width: 34px;
  height: 34px;

  overflow: hidden;

  background: var(--tco-surface-2);

  border:
    1px solid rgba(var(--tco-accent-rgb), .12);
  border-radius: var(--tco-radius);

  text-decoration: none !important;
}

.footer-comment__avatar img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.footer-comment__body {
  min-width: 0;
}

.footer-comment__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;

  min-width: 0;
}

.footer-comment__user {
  min-width: 0;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  font-family: var(--tco-font-ui);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;

  text-decoration: none !important;
}

.footer-comment__date {
  flex: 0 0 auto;

  color: var(--tco-text-dim);

  font-family: var(--tco-font-mono);
  font-size: 8px;
  line-height: 1.2;

  white-space: nowrap;
}

.footer-comment__message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  margin-top: 5px;

  overflow: hidden;

  color: var(--tco-text-soft);

  font-family: var(--tco-font-ui);
  font-size: 10px;
  line-height: 1.42;

  word-break: break-word;
}

/* Neutralize rich content inside comment text in the compact footer card. */
.footer-comment__message img,
.footer-comment__message iframe,
.footer-comment__message video,
.footer-comment__message audio {
  display: none !important;
}

.footer-comment__message p,
.footer-comment__message div {
  display: inline;
  margin: 0;
  padding: 0;
}

.footer-comment__message br {
  display: none;
}

.footer-comment__entry {
  display: flex;
  align-items: center;
  gap: 4px;

  max-width: 100%;

  margin-top: 6px;

  color: var(--tco-text-dim) !important;
  -webkit-text-fill-color: var(--tco-text-dim) !important;

  font-family: var(--tco-font-ui);
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;

  text-decoration: none !important;
}

.footer-comment__entry svg {
  flex: 0 0 auto;

  width: 11px;
  height: 11px;

  color: var(--tco-accent);

  stroke-width: 1.8;
}

.footer-comment__entry span {
  min-width: 0;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.footer-comment__entry:hover {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;
}

@media (max-width: 980px) {
  .footer-comments__list {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .footer-comments {
    margin-top: 10px;
    padding: 11px;
  }

  .footer-comments__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .footer-comment {
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 9px;
  }

  .footer-comment__avatar {
    width: 32px;
    height: 32px;
  }
}

/* ============================================================
   FOOTER TAG COUNTS — COMPACT BADGES
   ============================================================ */

.footer-community__tag-list a {
  gap: 6px;
}

.footer-tag-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 18px;
  height: 18px;

  padding: 0 5px;

  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background: rgba(var(--tco-accent-rgb), .08);

  border: 1px solid rgba(var(--tco-accent-rgb), .16);
  border-radius: var(--tco-radius-pill);

  font-family: var(--tco-font-mono) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  text-align: center;
  text-shadow: none !important;
}

.footer-community__tag-list a:hover .footer-tag-count {
  color: #06110e !important;
  -webkit-text-fill-color: #06110e !important;

  background: var(--tco-accent);

  border-color: var(--tco-accent);
}

/* ============================================================
   FOOTER NEW MEMBERS — $MYINF_8$
   ============================================================ */

.footer-registered {
  margin-top: 14px;
  padding: 14px;

  background:
    linear-gradient(
      180deg,
      rgba(8,17,26,.88),
      rgba(6,14,21,.94)
    );

  border: 1px solid var(--tco-border);
  border-radius: var(--tco-radius-card);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012);
}

.footer-registered__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  margin-bottom: 10px;
}

.footer-registered__list {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 8px;
}

/* uCoz may wrap informer output */
.footer-registered__list > span,
.footer-registered__list > div:not(.footer-registered__body) {
  display: contents;
}

.footer-registered__item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;

  min-width: 0;
  padding: 10px;

  background: rgba(255,255,255,.016);

  border: 1px solid var(--tco-border-soft);
  border-radius: var(--tco-radius);

  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}

.footer-registered__item:hover {
  background: rgba(var(--tco-accent-rgb), .025);

  border-color:
    rgba(var(--tco-accent-rgb), .12);

  transform: translateY(-1px);
}

.footer-registered__avatar {
  display: block;

  width: 40px;
  height: 40px;

  overflow: hidden;

  background: var(--tco-surface-2);

  border:
    1px solid rgba(var(--tco-accent-rgb), .14);
  border-radius: var(--tco-radius);

  text-decoration: none !important;
}

.footer-registered__avatar img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.footer-registered__body {
  min-width: 0;
}

.footer-registered__user {
  display: block;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  font-family: var(--tco-font-ui);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;

  text-decoration: none !important;
}

.footer-registered__user:hover {
  color: var(--tco-accent-bright) !important;
  -webkit-text-fill-color: var(--tco-accent-bright) !important;
}

.footer-registered__name {
  margin-top: 2px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: var(--tco-text-soft);

  font-family: var(--tco-font-ui);
  font-size: 9px;
  line-height: 1.3;
}

.footer-registered__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;

  margin-top: 5px;
}

.footer-registered__group,
.footer-registered__country {
  display: inline-flex;
  align-items: center;

  max-width: 100%;

  padding: 3px 5px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: var(--tco-text-dim);

  background: rgba(var(--tco-accent-rgb), .035);

  border: 1px solid rgba(var(--tco-accent-rgb), .08);
  border-radius: var(--tco-radius-sm);

  font-family: var(--tco-font-ui);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.1;
}

.footer-registered__date {
  margin-top: 5px;

  color: var(--tco-text-dim);

  font-family: var(--tco-font-mono);
  font-size: 8px;
  line-height: 1.2;
}

@media (max-width: 1100px) {
  .footer-registered__list {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .footer-registered__list {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .footer-registered {
    margin-top: 10px;
    padding: 11px;
  }

  .footer-registered__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .footer-registered__item {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 9px;
  }

  .footer-registered__avatar {
    width: 36px;
    height: 36px;
  }
}

/* ============================================================
   FOOTER NEW MEMBERS — AVATAR FALLBACK
   ============================================================ */

.footer-registered__avatar {
  position: relative;
}

.footer-registered__avatar-fallback {
  position: absolute;
  inset: 0;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--tco-accent);

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(var(--tco-accent-rgb), .10),
      rgba(var(--tco-accent-rgb), .025) 58%,
      transparent 100%
    ),
    var(--tco-surface-2);
}

.footer-registered__avatar-fallback svg {
  width: 20px;
  height: 20px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;

  opacity: .88;

  filter:
    drop-shadow(
      0 0 5px rgba(var(--tco-accent-rgb), .16)
    );
}

.footer-registered__avatar img {
  position: relative;
  z-index: 2;

  background: var(--tco-surface-2);
}

/* ============================================================
   FOOTER TAG COUNTS — V2 VISUAL FIX
   ============================================================ */

.footer-community__tag-list a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.footer-community__tag-list .footer-tag-count {
  flex: 0 0 auto;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 18px !important;
  height: 18px !important;

  margin-left: 1px !important;
  padding: 0 5px !important;

  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background: rgba(var(--tco-accent-rgb), .08) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .16) !important;
  border-radius: var(--tco-radius-pill) !important;

  font-family: var(--tco-font-mono) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-shadow: none !important;
}

.footer-community__tag-list a:hover .footer-tag-count {
  color: #06110e !important;
  -webkit-text-fill-color: #06110e !important;

  background: var(--tco-accent) !important;
  border-color: var(--tco-accent) !important;
}

/* ============================================================
   FOOTER TAG COUNTS — UCOZ V3
   ============================================================ */

.footer-community__tag-list {
  column-gap: 6px !important;
  row-gap: 6px !important;
}

.footer-community__tag-list a {
  vertical-align: middle !important;
}

.footer-community__tag-list .footer-tag-count {
  pointer-events: none;
  user-select: none;
}

/* ============================================================
   FOOTER TAGS — HIDE NATIVE UCOZ COUNTS
   Reliable CSS-only fix for output like:
   Tag [2]
   ============================================================ */

.footer-community__tag-list {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Restore normal typography only for the actual tag links. */
.footer-community__tag-list a {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

/* If uCoz wraps the count in an element, hide that too.
   Links remain visible because their own font size is restored. */
.footer-community__tag-list > span,
.footer-community__tag-list > b,
.footer-community__tag-list > strong,
.footer-community__tag-list > em,
.footer-community__tag-list > i {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Previous JS badge is deliberately hidden as well. */
.footer-community__tag-list .footer-tag-count {
  display: none !important;
}

/* ============================================================
   FOOTER TAGS — SPACING FIX
   ============================================================ */

.footer-community__tag-list {
  gap: 7px !important;
  row-gap: 7px !important;
  column-gap: 7px !important;
}

.footer-community__tag-list a {
  margin: 0 0 2px 0 !important;
}

/* ============================================================
   FOOTER — COMPACT CLOSING + INTEGRATED HISTATS
   ============================================================ */

.site-footer__closing {
  display: grid;
  grid-template-columns:
    minmax(210px, .75fr)
    minmax(320px, 1.15fr)
    minmax(430px, 1.35fr);
  align-items: center;
  gap: 18px;

  margin-top: 14px;
  padding: 14px 16px;

  background:
    linear-gradient(
      180deg,
      rgba(8,17,26,.84),
      rgba(5,13,19,.94)
    );

  border-top: 1px solid var(--tco-border);
  border-bottom: 1px solid rgba(255,255,255,.025);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012);
}

.site-footer__closing-brand {
  min-width: 0;
}

.site-footer__closing .site-footer__logo {
  margin: 0;

  color: var(--tco-accent);

  font-family: var(--tco-font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .045em;
}

.site-footer__closing-copy {
  margin-top: 5px;

  color: var(--tco-text-dim);

  font-family: var(--tco-font-ui);
  font-size: 9px;
  line-height: 1.3;
}

.site-footer__closing-description {
  min-width: 0;

  color: var(--tco-text-soft);

  font-family: var(--tco-font-ui);
  font-size: 10px;
  line-height: 1.55;
}

.site-footer__closing-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;

  min-width: 0;
}

.site-footer__closing .site-footer__disclaimer {
  flex: 1 1 auto;
  min-width: 0;

  color: var(--tco-text-dim);

  font-family: var(--tco-font-ui);
  font-size: 9px;
  line-height: 1.45;
  text-align: right;
}

.site-footer__counter-box {
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  gap: 8px;

  min-height: 34px;
  padding: 6px 9px;

  background: rgba(var(--tco-accent-rgb), .025);

  border: 1px solid rgba(var(--tco-accent-rgb), .09);
  border-radius: var(--tco-radius);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012);
}

.site-footer__counter-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  color: var(--tco-text-dim);

  font-family: var(--tco-font-ui);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;

  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
}

.site-footer__counter-label svg {
  width: 12px;
  height: 12px;

  color: var(--tco-accent);

  stroke-width: 1.8;
}

.site-footer__closing .site-footer__stats {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 84px !important;
  min-height: 20px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-footer__closing #histats_counter {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  min-height: 18px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  opacity: .74;

  filter:
    grayscale(1)
    saturate(.2)
    brightness(1.28);
}

.site-footer__closing #histats_counter img {
  display: block !important;

  width: auto !important;
  max-width: 110px !important;
  height: auto !important;
  max-height: 22px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
}

.site-footer__closing #histats_counter a {
  display: flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  text-decoration: none !important;
}

/* Old footer rows are removed from the new template. */
.site-footer > .site-footer__inner,
.site-footer > .site-footer__bottom {
  display: none !important;
}


@media (max-width: 1180px) {
  .site-footer__closing {
    grid-template-columns:
      minmax(190px, .75fr)
      minmax(280px, 1fr);
  }

  .site-footer__closing-right {
    grid-column: 1 / -1;
  }

  .site-footer__closing .site-footer__disclaimer {
    text-align: left;
  }
}


@media (max-width: 720px) {
  .site-footer__closing {
    grid-template-columns: minmax(0, 1fr);

    gap: 10px;

    padding: 12px;
  }

  .site-footer__closing-description,
  .site-footer__closing-right {
    grid-column: auto;
  }

  .site-footer__closing-right {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-footer__closing .site-footer__disclaimer {
    text-align: left;
  }

  .site-footer__counter-box {
    width: 100%;
    justify-content: space-between;
  }
}

/* ============================================================
   TOKEN DETAIL — SOCIAL / LINK ICONS RESPONSIVE WRAP
   Prevent right-side icons from being clipped.
   ============================================================ */

.token-detail-page .dex-icons,
.token-detail-main > .dex-icons,
.token-detail-main-balanced > .dex-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;

  gap: 5px !important;

  padding: 5px 7px !important;
  box-sizing: border-box !important;

  overflow: visible !important;
}

.token-detail-page .dex-icons > a,
.token-detail-main > .dex-icons > a,
.token-detail-main-balanced > .dex-icons > a {
  flex: 0 0 30px !important;

  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;

  height: 30px !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 3px !important;

  box-sizing: border-box !important;
}

.token-detail-page .dex-icons > a > img,
.token-detail-main > .dex-icons > a > img,
.token-detail-main-balanced > .dex-icons > a > img {
  display: block !important;

  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
}

/* Override old inline dimensions on blockchain explorer icon. */
.token-detail-page .dex-icons a[title^="Explorer"] img,
.token-detail-main > .dex-icons a[title^="Explorer"] img,
.token-detail-main-balanced > .dex-icons a[title^="Explorer"] img {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

/* Slightly tighter on narrow screens. */
@media (max-width: 700px) {
  .token-detail-page .dex-icons,
  .token-detail-main > .dex-icons,
  .token-detail-main-balanced > .dex-icons {
    gap: 4px !important;
    padding: 5px !important;
  }

  .token-detail-page .dex-icons > a,
  .token-detail-main > .dex-icons > a,
  .token-detail-main-balanced > .dex-icons > a {
    flex-basis: 28px !important;

    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;

    height: 28px !important;
    min-height: 28px !important;
  }

  .token-detail-page .dex-icons > a > img,
  .token-detail-main > .dex-icons > a > img,
  .token-detail-main-balanced > .dex-icons > a > img,
  .token-detail-page .dex-icons a[title^="Explorer"] img,
  .token-detail-main > .dex-icons a[title^="Explorer"] img,
  .token-detail-main-balanced > .dex-icons a[title^="Explorer"] img {
    width: 20px !important;
    height: 20px !important;
  }
}

/* ============================================================
   TOKEN DETAIL — ONLY DESCRIPTION / LINKS COLLAPSIBLE
   No hero, market, icon or top-layout changes.
   ============================================================ */

.token-detail-content-stack {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.token-detail-description,
.token-detail-resources {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(8,17,26,.92),
      rgba(6,14,21,.96)
    ) !important;

  border: 1px solid var(--tco-border) !important;
  border-radius: var(--tco-radius-card) !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
}

.token-detail-resources {
  margin-top: 10px !important;
}

.token-detail-description > summary,
.token-detail-resources > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  margin: 0 !important;
  padding: 12px 14px !important;

  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
}

.token-detail-description > summary::-webkit-details-marker,
.token-detail-resources > summary::-webkit-details-marker {
  display: none !important;
}

.token-detail-description > summary::marker,
.token-detail-resources > summary::marker {
  content: "" !important;
}

.token-detail-section-kicker {
  display: block !important;

  margin-bottom: 3px !important;

  color: var(--tco-accent) !important;

  font-family: var(--tco-font-mono) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.token-detail-description-head h2,
.token-detail-resources-head h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--tco-text-strong) !important;

  font-family: var(--tco-font-display) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.token-detail-resources-summary-right {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  flex: 0 0 auto !important;
}

.token-detail-resources-hint {
  color: var(--tco-text-dim) !important;

  font-family: var(--tco-font-ui) !important;
  font-size: 9px !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
}

.token-detail-section-toggle {
  position: relative !important;

  flex: 0 0 27px !important;

  width: 27px !important;
  height: 27px !important;

  background: rgba(var(--tco-accent-rgb), .035) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: var(--tco-radius) !important;
}

.token-detail-section-toggle::before,
.token-detail-section-toggle::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  top: 50% !important;

  width: 10px !important;
  height: 1px !important;

  background: var(--tco-accent) !important;
  border-radius: 2px !important;

  transform: translate(-50%, -50%) !important;

  transition:
    transform .18s ease,
    opacity .18s ease !important;
}

.token-detail-section-toggle::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg) !important;
}

.token-detail-description[open]
.token-detail-section-toggle::after,
.token-detail-resources[open]
.token-detail-section-toggle::after {
  opacity: 0 !important;
}

.token-detail-description[open] > summary,
.token-detail-resources[open] > summary {
  border-bottom:
    1px solid rgba(var(--tco-accent-rgb), .08) !important;
}

.token-detail-description-body,
.token-detail-resources-body {
  padding: 13px 14px 15px !important;
}

.token-detail-description-body .token-detail-brief {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;

  overflow-wrap: anywhere !important;
}

.token-resource-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Existing generated resource badges / copy buttons */
.token-resource-badge {
  display: flex !important;
  align-items: stretch !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 5px 0 8px !important;

  background: rgba(var(--tco-accent-rgb), .025) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .10) !important;
  border-radius: var(--tco-radius) !important;

  overflow: hidden !important;
}

.token-resource-link {
  flex: 1 1 auto !important;

  display: flex !important;
  align-items: center !important;

  min-width: 0 !important;

  padding: 8px 10px !important;

  color: var(--tco-text-soft) !important;
  -webkit-text-fill-color: var(--tco-text-soft) !important;

  font-family: var(--tco-font-mono) !important;
  font-size: 10px !important;

  text-decoration: none !important;

  overflow: hidden !important;
}

.token-resource-link-text {
  min-width: 0 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.token-resource-copy {
  flex: 0 0 38px !important;

  width: 38px !important;
  min-width: 38px !important;

  color: var(--tco-text-dim) !important;

  background: rgba(255,255,255,.012) !important;

  border: 0 !important;
  border-left:
    1px solid rgba(var(--tco-accent-rgb), .08) !important;

  cursor: pointer !important;
}

.token-resource-copy:hover,
.token-resource-copy.is-copied {
  color: var(--tco-accent) !important;

  background:
    rgba(var(--tco-accent-rgb), .065) !important;
}

@media (max-width: 700px) {
  .token-detail-description > summary,
  .token-detail-resources > summary {
    padding: 11px 12px !important;
  }

  .token-detail-description-body,
  .token-detail-resources-body {
    padding: 11px 12px 12px !important;
  }

  .token-detail-resources-hint {
    display: none !important;
  }
}

/* ============================================================
   BEAUTIFUL HR / DIVIDERS
   ============================================================ */

.token-detail-brief hr,
.token-resource-content hr,
.dex-message hr,
.site-page hr {
  position: relative !important;
  display: block !important;

  width: 100% !important;
  height: 1px !important;

  margin: 16px 0 18px !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    rgba(var(--tco-accent-rgb), 0) 0%,
    rgba(var(--tco-accent-rgb), .18) 12%,
    rgba(var(--tco-accent-rgb), .82) 50%,
    rgba(var(--tco-accent-rgb), .18) 88%,
    rgba(var(--tco-accent-rgb), 0) 100%
  ) !important;

  box-shadow:
    0 0 12px rgba(var(--tco-accent-rgb), .14),
    0 0 1px rgba(255,255,255,.10) !important;

  overflow: visible !important;
}

.token-detail-brief hr::after,
.token-resource-content hr::after,
.dex-message hr::after,
.site-page hr::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  top: 50% !important;

  width: 8px !important;
  height: 8px !important;

  background: rgba(var(--tco-accent-rgb), .95) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 50% !important;

  transform: translate(-50%, -50%) !important;

  box-shadow:
    0 0 0 4px rgba(var(--tco-accent-rgb), .06),
    0 0 12px rgba(var(--tco-accent-rgb), .22) !important;
}

@media (max-width: 700px) {
  .token-detail-brief hr,
  .token-resource-content hr,
  .dex-message hr,
  .site-page hr {
    margin: 14px 0 16px !important;
  }
}

/* ============================================================
   UCOZ FORM — BEAUTIFUL EMPTY NOTCOLUMN SEPARATORS
   The form uses empty <li class="notcolumn"></li> instead of <hr>.
   ============================================================ */

.form-fields > li.notcolumn:empty {
  grid-column: 1 / -1 !important;

  display: block !important;

  width: 100% !important;
  height: 1px !important;

  margin: 7px 0 9px !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: linear-gradient(
    90deg,
    rgba(var(--tco-accent-rgb), 0) 0%,
    rgba(var(--tco-accent-rgb), .08) 8%,
    rgba(var(--tco-accent-rgb), .34) 30%,
    rgba(var(--tco-accent-rgb), .62) 50%,
    rgba(var(--tco-accent-rgb), .34) 70%,
    rgba(var(--tco-accent-rgb), .08) 92%,
    rgba(var(--tco-accent-rgb), 0) 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(var(--tco-accent-rgb), .10) !important;

  list-style: none !important;
  overflow: visible !important;
}

/* Remove possible legacy uCoz borders/backgrounds from the separator. */
.form-fields > li.notcolumn:empty::before,
.form-fields > li.notcolumn:empty::after {
  display: none !important;
  content: none !important;
}

/* Keep real full-width fields untouched. */
.form-fields > li.notcolumn:not(:empty) {
  background: transparent;
}

@media (max-width: 700px) {
  .form-fields > li.notcolumn:empty {
    margin: 6px 0 8px !important;
  }
}

/* ============================================================
   HOME — WHAT'S NEW INFORMER / $MYINF_9$
   ============================================================ */

.home-whats-new {
  position: relative;

  margin: 12px 0 16px;
  padding: 13px 15px;

  background:
    linear-gradient(
      180deg,
      rgba(8,17,26,.90),
      rgba(6,14,21,.95)
    );

  border: 1px solid var(--tco-border);
  border-radius: var(--tco-radius-card);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012),
    0 12px 28px rgba(0,0,0,.10);

  overflow: hidden;
}

.home-whats-new::before {
  content: "";

  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;

  width: 2px;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(var(--tco-accent-rgb), .85),
      transparent
    );

  box-shadow:
    0 0 12px rgba(var(--tco-accent-rgb), .18);
}

.home-whats-new__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  margin-bottom: 9px;
  padding-bottom: 9px;

  border-bottom:
    1px solid rgba(var(--tco-accent-rgb), .08);
}

.home-whats-new__title {
  display: flex;
  align-items: center;
  gap: 10px;

  min-width: 0;
}

.home-whats-new__icon {
  flex: 0 0 32px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  color: var(--tco-accent);

  background:
    rgba(var(--tco-accent-rgb), .045);

  border:
    1px solid rgba(var(--tco-accent-rgb), .12);
  border-radius: var(--tco-radius);

  box-shadow:
    0 0 12px rgba(var(--tco-accent-rgb), .06);
}

.home-whats-new__icon svg {
  width: 16px;
  height: 16px;

  stroke-width: 1.8;
}

.home-whats-new__kicker {
  display: block;

  margin-bottom: 2px;

  color: var(--tco-accent);

  font-family: var(--tco-font-mono);
  font-size: 8px;
  font-weight: 800;
  line-height: 1.2;

  letter-spacing: .10em;
}

.home-whats-new h2 {
  margin: 0;
  padding: 0;

  color: var(--tco-text-strong);

  font-family: var(--tco-font-display);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;

  letter-spacing: .025em;
}

.home-whats-new__live {
  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 24px;

  padding: 4px 8px;

  color: var(--tco-accent);

  background:
    rgba(var(--tco-accent-rgb), .045);

  border:
    1px solid rgba(var(--tco-accent-rgb), .12);
  border-radius: var(--tco-radius-pill);

  font-family: var(--tco-font-mono);
  font-size: 8px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: .08em;
}

.home-whats-new__content {
  color: var(--tco-text-soft);

  font-family: var(--tco-font-ui);
  font-size: 11px;
  line-height: 1.55;

  overflow-wrap: anywhere;
}

.home-whats-new__content > *:first-child {
  margin-top: 0 !important;
}

.home-whats-new__content > *:last-child {
  margin-bottom: 0 !important;
}

.home-whats-new__content a {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  text-decoration: none !important;
}

.home-whats-new__content a:hover {
  color: var(--tco-accent-bright) !important;
  -webkit-text-fill-color: var(--tco-accent-bright) !important;
}

@media (max-width: 700px) {
  .home-whats-new {
    margin: 10px 0 14px;
    padding: 11px 12px;
  }

  .home-whats-new__head {
    align-items: flex-start;
  }

  .home-whats-new__live {
    min-height: 22px;
    padding: 4px 7px;
  }

  .home-whats-new__content {
    font-size: 10px;
  }
}

/* ============================================================
   HOME HERO — COMPACT
   Smaller heading and less vertical space.
   ============================================================ */

@media (min-width: 901px) {
  .home-hero {
    grid-template-columns:
      minmax(360px, .9fr)
      minmax(420px, 1.25fr) !important;

    column-gap: 20px !important;
    row-gap: 5px !important;

    margin-bottom: 10px !important;
    padding: 13px 18px !important;
  }

  .home-hero-badge {
    min-height: 22px !important;

    padding: 3px 9px !important;

    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .075em !important;
  }

  .home-hero h2 {
    max-width: 700px !important;

    margin: 5px 0 2px !important;
    padding: 0 !important;

    font-size: clamp(18px, 1.65vw, 22px) !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
  }

  .home-hero p {
    max-width: 900px !important;

    margin: 0 !important;
    padding-left: 18px !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  .home-hero {
    padding: 14px 16px !important;
  }

  .home-hero-badge {
    min-height: 22px !important;
    padding: 3px 8px !important;
    font-size: 8px !important;
  }

  .home-hero h2 {
    margin: 6px 0 4px !important;
    font-size: 19px !important;
    line-height: 1.24 !important;
  }

  .home-hero p {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 600px) {
  .home-hero {
    padding: 13px !important;
  }

  .home-hero-badge {
    min-height: 21px !important;
    padding: 3px 8px !important;
    font-size: 7.5px !important;
  }

  .home-hero h2 {
    margin: 6px 0 5px !important;
    font-size: 18px !important;
    line-height: 1.24 !important;
  }

  .home-hero p {
    font-size: 11px !important;
    line-height: 1.55 !important;
  }
}

/* ============================================================
   HOME — WHAT'S NEW COLLAPSIBLE
   ============================================================ */

details.home-whats-new {
  padding: 0 !important;
}

.home-whats-new > summary {
  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
}

.home-whats-new > summary::-webkit-details-marker {
  display: none !important;
}

.home-whats-new > summary::marker {
  content: "" !important;
}

.home-whats-new .home-whats-new__head {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-bottom: 0 !important;
}

.home-whats-new__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.home-whats-new__toggle {
  position: relative;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  background: rgba(var(--tco-accent-rgb), .035);
  border: 1px solid rgba(var(--tco-accent-rgb), .12);
  border-radius: var(--tco-radius);
}

.home-whats-new__toggle::before,
.home-whats-new__toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 1px;
  background: var(--tco-accent);
  border-radius: 2px;
  transform: translate(-50%, -50%);
  transition: transform .18s ease, opacity .18s ease;
}

.home-whats-new__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.home-whats-new[open] .home-whats-new__toggle::after {
  opacity: 0;
}

.home-whats-new > summary:hover .home-whats-new__toggle,
.home-whats-new[open] .home-whats-new__toggle {
  background: rgba(var(--tco-accent-rgb), .07);
  border-color: rgba(var(--tco-accent-rgb), .20);
}

.home-whats-new[open] > .home-whats-new__head {
  border-bottom: 1px solid rgba(var(--tco-accent-rgb), .08) !important;
}

.home-whats-new__body {
  padding: 10px 12px 12px;
  animation: homeWhatsNewReveal .18s ease-out both;
}

@keyframes homeWhatsNewReveal {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 700px) {
  .home-whats-new .home-whats-new__head {
    padding: 9px 10px !important;
  }

  .home-whats-new__body {
    padding: 9px 10px 10px;
  }

  .home-whats-new__live {
    display: none;
  }
}

/* ============================================================
   HOME HERO — EXTRA COMPACT FINAL OVERRIDE
   ============================================================ */

@media (min-width: 901px) {
  body .home-hero {
    grid-template-columns:
      minmax(330px, .85fr)
      minmax(420px, 1.35fr) !important;

    grid-template-areas:
      "badge badge"
      "title copy" !important;

    align-items: center !important;

    column-gap: 18px !important;
    row-gap: 3px !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 0 10px !important;
    padding: 9px 14px !important;
  }

  body .home-hero-badge {
    min-height: 19px !important;

    margin: 0 !important;
    padding: 2px 8px !important;

    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .07em !important;
  }

  body .home-hero h2 {
    max-width: 620px !important;

    margin: 3px 0 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .025em !important;
  }

  body .home-hero p {
    max-width: none !important;

    margin: 0 !important;
    padding: 1px 0 1px 16px !important;

    font-size: 10.5px !important;
    line-height: 1.45 !important;

    border-left:
      1px solid rgba(var(--tco-accent-rgb), .09) !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body .home-hero {
    min-height: 0 !important;
    height: auto !important;

    margin-bottom: 9px !important;
    padding: 10px 12px !important;

    row-gap: 4px !important;
  }

  body .home-hero-badge {
    min-height: 19px !important;
    padding: 2px 8px !important;
    font-size: 7px !important;
  }

  body .home-hero h2 {
    margin: 3px 0 2px !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  body .home-hero p {
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 600px) {
  body .home-hero {
    min-height: 0 !important;
    height: auto !important;

    margin-bottom: 8px !important;
    padding: 10px !important;
  }

  body .home-hero-badge {
    min-height: 18px !important;
    padding: 2px 7px !important;
    font-size: 7px !important;
  }

  body .home-hero h2 {
    margin: 4px 0 3px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  body .home-hero p {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
  }
}

/* ============================================================
   HOME HERO — SEO H1 COMPACT
   Applies when $SEO_TITLE$ is rendered as <h1>.
   ============================================================ */

body .home-hero h1 {
  max-width: 720px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--tco-text-strong) !important;

  font-family: var(--tco-font-display) !important;
  font-size: clamp(18px, 1.7vw, 24px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  letter-spacing: .025em !important;
  text-wrap: balance;
}

body .home-hero p {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

@media (min-width: 901px) {
  body .home-hero {
    grid-template-columns:
      minmax(420px, .95fr)
      minmax(520px, 1.2fr) !important;

    align-items: center !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 12px 16px !important;
  }

  body .home-hero h1 {
    font-size: 22px !important;
  }
}

@media (max-width: 900px) {
  body .home-hero h1 {
    font-size: 19px !important;
  }
}

@media (max-width: 600px) {
  body .home-hero {
    padding: 11px 12px !important;
  }

  body .home-hero h1 {
    font-size: 17px !important;
  }

  body .home-hero p {
    font-size: 10.5px !important;
  }
}

/* ============================================================
   SITE SEO HERO
   Separate from .home-hero so old homepage rules cannot affect it.
   ============================================================ */

.site-seo-hero {
  display: grid !important;
  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr) !important;

  align-items: center !important;
  gap: 22px !important;

  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;

  margin: 8px 0 14px !important;
  padding: 13px 17px !important;

  box-sizing: border-box !important;

  background:
    linear-gradient(
      105deg,
      rgba(7,17,25,.91) 0%,
      rgba(6,15,23,.86) 48%,
      rgba(5,13,20,.80) 100%
    ) !important;

  border: 1px solid rgba(var(--tco-accent-rgb), .09) !important;
  border-radius: var(--tco-radius-card) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015),
    0 10px 26px rgba(0,0,0,.12) !important;

  overflow: hidden !important;
}

.site-seo-hero h1 {
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--tco-text-strong) !important;

  font-family: var(--tco-font-display) !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  font-weight: 800 !important;
  line-height: 1.23 !important;

  letter-spacing: .025em !important;

  overflow-wrap: anywhere !important;
  text-wrap: balance !important;
}

.site-seo-hero p {
  min-width: 0 !important;

  margin: 0 !important;
  padding: 2px 0 2px 19px !important;

  color: var(--tco-text-soft) !important;

  font-family: var(--tco-font-ui) !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;

  border-left:
    1px solid rgba(var(--tco-accent-rgb), .10) !important;

  overflow-wrap: anywhere !important;
}


/* ============================================================
   GLOBAL BACKGROUND — BETTER HIGH-RES IMAGE FIT
   Replace /mon/img/1234567.png with the new 3072×2048 image.
   ============================================================ */

body::before {
  background-image:
    linear-gradient(
      180deg,
      rgba(0,0,0,.44),
      rgba(0,0,0,.52)
    ),
    linear-gradient(
      rgba(var(--tco-accent-rgb), .022) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--tco-accent-rgb), .022) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 20% 18%,
      rgba(var(--tco-accent-rgb), .045),
      transparent 42%
    ),
    radial-gradient(
      circle at 82% 68%,
      rgba(0,140,255,.04),
      transparent 48%
    ),
    url("/mon/img/1234567.png") !important;

  background-size:
    cover,
    60px 60px,
    60px 60px,
    cover,
    cover,
    cover !important;

  background-repeat:
    no-repeat,
    repeat,
    repeat,
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-position:
    center,
    center,
    center,
    center,
    center,
    center 42% !important;
}


@media (max-width: 760px) {
  .site-seo-hero {
    grid-template-columns: minmax(0, 1fr) !important;

    gap: 7px !important;

    margin: 7px 0 11px !important;
    padding: 11px 12px !important;
  }

  .site-seo-hero h1 {
    font-size: 17px !important;
    line-height: 1.24 !important;
  }

  .site-seo-hero p {
    padding: 7px 0 0 !important;

    font-size: 10px !important;
    line-height: 1.5 !important;

    border-left: 0 !important;
    border-top:
      1px solid rgba(var(--tco-accent-rgb), .08) !important;
  }

  body::before {
    background-position:
      center,
      center,
      center,
      center,
      center,
      center center !important;
  }
}

/* ============================================================
   HEADER — SMART LIVE SEARCH
   ============================================================ */

.header-search {
  position: relative !important;
  overflow: visible !important;
}

.header-search__form {
  position: relative !important;
  z-index: 10000070 !important;
}

.header-search__form form {
  position: relative !important;
}

.header-search__form input[type="text"],
.header-search__form input[type="search"] {
  padding-right: 38px !important;
}

.tco-smart-search-trigger {
  position: absolute !important;
  top: 50% !important;
  right: 7px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 27px !important;
  height: 27px !important;

  padding: 0 !important;
  margin: 0 !important;

  color: var(--tco-accent, #00ffd5) !important;
  background: rgba(0, 255, 213, .035) !important;

  border: 1px solid rgba(0, 255, 213, .10) !important;
  border-radius: 8px !important;

  transform: translateY(-50%) !important;

  cursor: pointer !important;
  z-index: 4 !important;
}

.tco-smart-search-trigger svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 1.8 !important;
}

.tco-smart-search-trigger:hover,
.tco-smart-search-trigger:focus-visible {
  color: #dffff9 !important;
  background: rgba(0, 255, 213, .075) !important;
  border-color: rgba(0, 255, 213, .22) !important;
  outline: none !important;
}

.tco-smart-search {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;

  display: none;
  width: min(520px, 88vw) !important;
  max-height: min(560px, 72vh) !important;

  padding: 8px !important;

  color: var(--tco-text-soft, #9fb7c9) !important;

  background:
    linear-gradient(
      180deg,
      rgba(5, 15, 23, .985),
      rgba(3, 11, 17, .995)
    ) !important;

  border: 1px solid rgba(0, 255, 213, .13) !important;
  border-radius: 12px !important;

  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 26px rgba(0,255,213,.045),
    inset 0 1px 0 rgba(255,255,255,.018) !important;

  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;

  overflow: hidden !important;
  z-index: 10000080 !important;
}

.tco-smart-search.is-open {
  display: block !important;
}

.tco-smart-search__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 28px !important;

  padding: 3px 5px 7px !important;
  margin-bottom: 4px !important;

  border-bottom: 1px solid rgba(0,255,213,.07) !important;
}

.tco-smart-search__status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  min-width: 0 !important;

  color: rgba(207,233,255,.62) !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

.tco-smart-search__status::before {
  content: "" !important;

  width: 6px !important;
  height: 6px !important;

  flex: 0 0 6px !important;

  background: #00ffd5 !important;
  border-radius: 50% !important;

  box-shadow: 0 0 8px rgba(0,255,213,.55) !important;
}

.tco-smart-search.is-loading .tco-smart-search__status::before {
  animation: tcoSearchPulse .75s ease-in-out infinite alternate !important;
}

@keyframes tcoSearchPulse {
  from { opacity: .28; transform: scale(.8); }
  to   { opacity: 1; transform: scale(1.12); }
}

.tco-smart-search__keys {
  flex: 0 0 auto !important;

  color: rgba(207,233,255,.38) !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 8px !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

.tco-smart-search__body {
  max-height: min(480px, 62vh) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.tco-smart-search__section {
  padding: 4px 0 !important;
}

.tco-smart-search__section-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  padding: 6px 7px 4px !important;

  color: rgba(126,249,255,.64) !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.tco-smart-search__section-title::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(0,255,213,.10), transparent) !important;
}

.tco-smart-search__item {
  display: grid !important;
  grid-template-columns: 28px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;

  min-height: 48px !important;

  margin: 2px 0 !important;
  padding: 6px 7px !important;

  color: var(--tco-text-soft, #9fb7c9) !important;
  -webkit-text-fill-color: var(--tco-text-soft, #9fb7c9) !important;

  background: transparent !important;

  border: 1px solid transparent !important;
  border-radius: 9px !important;

  text-decoration: none !important;
  text-shadow: none !important;

  cursor: pointer !important;

  transition:
    background .14s ease,
    border-color .14s ease,
    transform .14s ease !important;
}

.tco-smart-search__item:hover,
.tco-smart-search__item.is-active {
  background: rgba(0,255,213,.045) !important;
  border-color: rgba(0,255,213,.105) !important;
  transform: translateX(2px) !important;
}

.tco-smart-search__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;

  color: var(--tco-accent, #00ffd5) !important;

  background: rgba(0,255,213,.035) !important;
  border: 1px solid rgba(0,255,213,.08) !important;
  border-radius: 8px !important;
}

.tco-smart-search__icon svg {
  width: 13px !important;
  height: 13px !important;
  stroke-width: 1.8 !important;
}

.tco-smart-search__main {
  min-width: 0 !important;
}

.tco-smart-search__title {
  display: block !important;

  min-width: 0 !important;

  color: #dff7ff !important;
  -webkit-text-fill-color: #dff7ff !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tco-smart-search__title mark {
  color: #00ffd5 !important;
  -webkit-text-fill-color: #00ffd5 !important;
  background: transparent !important;
}

.tco-smart-search__snippet {
  display: block !important;

  margin-top: 2px !important;

  color: rgba(207,233,255,.46) !important;
  -webkit-text-fill-color: rgba(207,233,255,.46) !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tco-smart-search__type {
  flex: 0 0 auto !important;

  padding: 3px 6px !important;

  color: rgba(126,249,255,.72) !important;
  -webkit-text-fill-color: rgba(126,249,255,.72) !important;

  background: rgba(0,255,213,.035) !important;

  border: 1px solid rgba(0,255,213,.08) !important;
  border-radius: 999px !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.tco-smart-search__empty {
  padding: 18px 12px !important;

  color: rgba(207,233,255,.48) !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.tco-smart-search__empty strong {
  display: block !important;
  margin-bottom: 3px !important;

  color: rgba(223,247,255,.82) !important;
  font-size: 11px !important;
}

@media (max-width: 700px) {
  .tco-smart-search {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: 74px !important;

    width: auto !important;
    max-height: calc(100vh - 90px) !important;
  }

  .tco-smart-search__body {
    max-height: calc(100vh - 150px) !important;
  }

  .tco-smart-search__keys {
    display: none !important;
  }
}

/* ============================================================
   SMART SEARCH — CLEAN HEADER UI
   Keep the original compact search field. No extra big button.
   ============================================================ */

.header-search .tco-smart-search-trigger {
  display: none !important;
}

.header-search__form form {
  width: 100% !important;
  max-width: 100% !important;
}

.header-search__form input[type="text"],
.header-search__form input[type="search"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 36px !important;
  min-height: 36px !important;

  padding: 7px 12px !important;
  box-sizing: border-box !important;

  font-size: 11px !important;
  line-height: 1.2 !important;
}

/* Avoid old generic button rules stretching anything inside search. */
.header-search__form button,
.header-search__form input[type="submit"] {
  max-width: 36px !important;
  min-width: 0 !important;
}

/* Smart dropdown stays aligned with the search input. */
.tco-smart-search {
  top: calc(100% + 6px) !important;
  width: min(500px, 88vw) !important;
}

/* ============================================================
   PERFORMANCE MODE — AUTO / FULL / LIGHT
   ============================================================ */

.menu-item--performance {
  position: relative !important;

  display: flex !important;
  align-items: stretch !important;

  margin-left: auto !important;

  list-style: none !important;
  z-index: 10000010 !important;
}

.tco-performance-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  min-height: 38px !important;
  padding: 0 11px !important;

  color: #8fa7ae !important;

  background:
    rgba(6,15,21,.68) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .055em !important;
  text-transform: uppercase !important;

  cursor: pointer !important;

  transition:
    color .15s ease,
    background .15s ease,
    border-color .15s ease !important;
}

.tco-performance-toggle:hover,
.menu-item--performance.is-open .tco-performance-toggle {
  color: #dff8f5 !important;

  background:
    rgba(var(--tco-accent-rgb), .045) !important;

  border-color:
    rgba(var(--tco-accent-rgb), .16) !important;
}

.tco-performance-toggle > svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;

  color: var(--tco-accent) !important;
  stroke: var(--tco-accent) !important;
}

.tco-performance-toggle__choice {
  color: #b9cbd0 !important;
}

.tco-performance-toggle__sep {
  color: #4e6870 !important;
}

.tco-performance-toggle__resolved {
  color: var(--tco-accent) !important;
}

.tco-performance-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;

  display: none !important;

  width: 310px !important;
  padding: 9px !important;

  color: #8ea5ad !important;

  background:
    linear-gradient(
      180deg,
      rgba(7,18,26,.99),
      rgba(4,12,18,.995)
    ) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: 11px !important;

  box-shadow:
    0 20px 50px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.018) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  z-index: 10000020 !important;
}

.menu-item--performance.is-open
.tco-performance-panel {
  display: block !important;
}

.tco-performance-panel__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  padding: 3px 4px 8px !important;
  margin-bottom: 7px !important;

  border-bottom:
    1px solid rgba(var(--tco-accent-rgb), .07) !important;
}

.tco-performance-panel__head span {
  color: #6d858e !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 8px !important;
  font-weight: 800 !important;

  letter-spacing: .08em !important;
}

.tco-performance-panel__head strong {
  color: var(--tco-accent) !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 9px !important;
  font-weight: 800 !important;

  text-shadow: none !important;
}

.tco-performance-panel__modes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 5px !important;
}

.tco-performance-mode {
  min-width: 0 !important;
  min-height: 54px !important;

  padding: 7px 5px !important;

  color: #7f969e !important;

  background:
    rgba(255,255,255,.018) !important;

  border:
    1px solid rgba(255,255,255,.045) !important;
  border-radius: 8px !important;

  cursor: pointer !important;

  transition:
    background .15s ease,
    border-color .15s ease !important;
}

.tco-performance-mode:hover {
  background:
    rgba(var(--tco-accent-rgb), .035) !important;

  border-color:
    rgba(var(--tco-accent-rgb), .10) !important;
}

.tco-performance-mode.is-active {
  background:
    rgba(var(--tco-accent-rgb), .065) !important;

  border-color:
    rgba(var(--tco-accent-rgb), .20) !important;
}

.tco-performance-mode strong,
.tco-performance-mode small {
  display: block !important;
}

.tco-performance-mode strong {
  color: #d7e8e9 !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 9px !important;
  font-weight: 900 !important;

  text-shadow: none !important;
}

.tco-performance-mode.is-active strong {
  color: var(--tco-accent) !important;
}

.tco-performance-mode small {
  margin-top: 4px !important;

  color: #617981 !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 7px !important;
  line-height: 1.2 !important;
}

.tco-performance-panel__info {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 5px !important;

  margin-top: 8px !important;
  padding-top: 8px !important;

  border-top:
    1px solid rgba(var(--tco-accent-rgb), .06) !important;
}

.tco-performance-signal {
  min-width: 0 !important;

  padding: 5px 6px !important;

  background:
    rgba(255,255,255,.012) !important;

  border:
    1px solid rgba(255,255,255,.035) !important;
  border-radius: 7px !important;
}

.tco-performance-signal small,
.tco-performance-signal strong {
  display: block !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tco-performance-signal small {
  color: #526b73 !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
}

.tco-performance-signal strong {
  margin-top: 2px !important;

  color: #9cb2b7 !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 8px !important;
  font-weight: 700 !important;

  text-shadow: none !important;
}

.tco-performance-panel__note {
  margin: 7px 2px 1px !important;

  color: #526a72 !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 7px !important;
  line-height: 1.35 !important;
}


/* ============================================================
   LIGHT MODE — REDUCE EXPENSIVE VISUAL EFFECTS
   ============================================================ */

html[data-tco-performance="light"] {
  scroll-behavior: auto !important;
}

html[data-tco-performance="light"] *,
html[data-tco-performance="light"] *::before,
html[data-tco-performance="light"] *::after {
  animation-duration: .001ms !important;
  animation-delay: 0ms !important;
  animation-iteration-count: 1 !important;

  transition-duration: .001ms !important;
  transition-delay: 0ms !important;
}

/* Native cursor is cheaper and clearer in LIGHT mode. */
html[data-tco-performance="light"],
html[data-tco-performance="light"] body,
html[data-tco-performance="light"] a,
html[data-tco-performance="light"] button,
html[data-tco-performance="light"] input,
html[data-tco-performance="light"] select,
html[data-tco-performance="light"] textarea {
  cursor: auto !important;
}

html[data-tco-performance="light"] a,
html[data-tco-performance="light"] button {
  cursor: pointer !important;
}

html[data-tco-performance="light"] .cursor-arrow {
  display: none !important;
}

/* Keep the background, but remove extra grid/radial rendering layers. */
html[data-tco-performance="light"] body::before {
  background-image:
    linear-gradient(
      180deg,
      rgba(0,0,0,.50),
      rgba(0,0,0,.58)
    ),
    url("/mon/img/1234567.png") !important;

  background-size:
    cover,
    cover !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-position:
    center,
    center 42% !important;

  will-change: auto !important;
  transform: none !important;
}

/* Disable the most expensive glass effects. */
html[data-tco-performance="light"] .main-menu,
html[data-tco-performance="light"] .main-menu .mega-menu,
html[data-tco-performance="light"] .header-account-panel,
html[data-tco-performance="light"] .tco-smart-search,
html[data-tco-performance="light"] .tco-performance-panel,
html[data-tco-performance="light"] .comments-wrap,
html[data-tco-performance="light"] .comm-card,
html[data-tco-performance="light"] .comm-form-box,
html[data-tco-performance="light"] .site-footer,
html[data-tco-performance="light"] .home-whats-new,
html[data-tco-performance="light"] .home-crypto-news-card,
html[data-tco-performance="light"] .site-seo-hero,
html[data-tco-performance="light"] .home-hero,
html[data-tco-performance="light"] .token-filter-bar,
html[data-tco-performance="light"] .token-detail-description,
html[data-tco-performance="light"] .token-detail-resources,
html[data-tco-performance="light"] .token-detail-page .dex-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Reduce large glow/shadow compositions while preserving borders. */
html[data-tco-performance="light"] .main-menu,
html[data-tco-performance="light"] .main-menu .mega-menu,
html[data-tco-performance="light"] .header-account-panel,
html[data-tco-performance="light"] .tco-smart-search,
html[data-tco-performance="light"] .tco-performance-panel,
html[data-tco-performance="light"] .comments-wrap,
html[data-tco-performance="light"] .comm-card,
html[data-tco-performance="light"] .comm-form-box,
html[data-tco-performance="light"] .home-whats-new,
html[data-tco-performance="light"] .home-crypto-news-card,
html[data-tco-performance="light"] .site-seo-hero,
html[data-tco-performance="light"] .home-hero {
  box-shadow:
    0 4px 14px rgba(0,0,0,.16) !important;
}

html[data-tco-performance="light"] a,
html[data-tco-performance="light"] h1,
html[data-tco-performance="light"] h2,
html[data-tco-performance="light"] strong {
  text-shadow: none !important;
}


/* ============================================================
   RESPONSIVE PERFORMANCE CONTROL
   ============================================================ */

@media (max-width: 900px) {
  .menu-item--performance {
    margin-left: 0 !important;
  }

  .tco-performance-panel {
    position: fixed !important;
    top: 92px !important;
    right: 12px !important;

    width: min(310px, calc(100vw - 24px)) !important;

    z-index: 10000030 !important;
  }
}

@media (max-width: 620px) {
  .tco-performance-toggle {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .tco-performance-panel {
    left: 10px !important;
    right: 10px !important;

    width: auto !important;
  }
}

/* ============================================================
   LIGHT MODE — NO BACKGROUND IMAGE
   ============================================================ */

html[data-tco-performance="light"] body {
  background: #050b10 !important;
}

html[data-tco-performance="light"] body::before {
  background: #050b10 !important;
  background-image: none !important;
  background-color: #050b10 !important;

  opacity: 1 !important;

  will-change: auto !important;
  transform: none !important;
  filter: none !important;
}

/* ============================================================
   HEADER LIBRARY — FAVORITES + RECENT
   ============================================================ */

.menu-item--site-library {
  position: relative !important;

  display: flex !important;
  align-items: stretch !important;
  gap: 5px !important;

  margin-left: 5px !important;

  list-style: none !important;
  z-index: 10000011 !important;
}

.tco-library-btn {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  min-width: 38px !important;
  min-height: 38px !important;

  margin: 0 !important;
  padding: 0 9px !important;

  color: #829aa2 !important;
  -webkit-text-fill-color: #829aa2 !important;

  background:
    rgba(6,15,21,.68) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .08) !important;
  border-radius: var(--tco-radius) !important;

  box-shadow: none !important;
  text-shadow: none !important;

  cursor: pointer !important;

  transition:
    color .15s ease,
    background .15s ease,
    border-color .15s ease !important;
}

.tco-library-btn:hover,
.tco-library-btn.is-active,
.menu-item--site-library.is-open .tco-library-btn[data-library-view].is-active {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background:
    rgba(var(--tco-accent-rgb), .05) !important;

  border-color:
    rgba(var(--tco-accent-rgb), .16) !important;
}

.tco-library-btn > svg {
  width: 14px !important;
  height: 14px !important;

  flex: 0 0 14px !important;

  stroke-width: 1.8 !important;
}

.tco-library-btn__label {
  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.tco-library-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 16px !important;
  height: 16px !important;

  padding: 0 4px !important;

  color: #a9bdc1 !important;
  -webkit-text-fill-color: #a9bdc1 !important;

  background:
    rgba(255,255,255,.028) !important;

  border:
    1px solid rgba(255,255,255,.05) !important;
  border-radius: 999px !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tco-library-btn.is-active
.tco-library-count {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  border-color:
    rgba(var(--tco-accent-rgb), .13) !important;
}

.tco-library-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;

  display: none !important;

  width: 390px !important;
  max-height: min(600px, 72vh) !important;

  padding: 9px !important;

  color: #8ea5ad !important;

  background:
    linear-gradient(
      180deg,
      rgba(7,18,26,.99),
      rgba(4,12,18,.995)
    ) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: 11px !important;

  box-shadow:
    0 20px 52px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.018) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  overflow: hidden !important;

  z-index: 10000030 !important;
}

.menu-item--site-library.is-open
.tco-library-panel {
  display: block !important;
}

.tco-library-panel__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  min-height: 34px !important;

  padding: 3px 4px 8px !important;
  margin-bottom: 6px !important;

  border-bottom:
    1px solid rgba(var(--tco-accent-rgb), .07) !important;
}

.tco-library-panel__title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-width: 0 !important;

  color: #d7e8e9 !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  letter-spacing: .065em !important;
  text-transform: uppercase !important;
}

.tco-library-panel__title svg {
  width: 13px !important;
  height: 13px !important;

  color: var(--tco-accent) !important;
}

.tco-library-panel__tools {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.tco-library-mini-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;

  min-height: 25px !important;

  padding: 0 7px !important;

  color: #6f878f !important;
  -webkit-text-fill-color: #6f878f !important;

  background:
    rgba(255,255,255,.018) !important;

  border:
    1px solid rgba(255,255,255,.045) !important;
  border-radius: 7px !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  letter-spacing: .045em !important;
  text-transform: uppercase !important;

  cursor: pointer !important;
}

.tco-library-mini-btn:hover {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background:
    rgba(var(--tco-accent-rgb), .045) !important;

  border-color:
    rgba(var(--tco-accent-rgb), .12) !important;
}

.tco-library-mini-btn svg {
  width: 11px !important;
  height: 11px !important;
}

.tco-library-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;

  max-height: min(500px, 60vh) !important;

  padding-right: 2px !important;

  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.tco-library-item {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 30px minmax(0,1fr) 28px !important;
  align-items: center !important;
  gap: 8px !important;

  min-height: 48px !important;

  padding: 5px !important;

  background:
    rgba(255,255,255,.014) !important;

  border:
    1px solid rgba(255,255,255,.035) !important;
  border-radius: 8px !important;

  transition:
    background .14s ease,
    border-color .14s ease !important;
}

.tco-library-item:hover {
  background:
    rgba(var(--tco-accent-rgb), .035) !important;

  border-color:
    rgba(var(--tco-accent-rgb), .095) !important;
}

.tco-library-item__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 30px !important;
  height: 30px !important;

  color: var(--tco-accent) !important;

  background:
    rgba(var(--tco-accent-rgb), .03) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .075) !important;
  border-radius: 7px !important;
}

.tco-library-item__icon svg {
  width: 13px !important;
  height: 13px !important;
  stroke-width: 1.8 !important;
}

.tco-library-item__link {
  display: block !important;

  min-width: 0 !important;

  color: inherit !important;
  -webkit-text-fill-color: inherit !important;

  text-decoration: none !important;
  text-shadow: none !important;
}

.tco-library-item__title {
  display: block !important;

  min-width: 0 !important;

  color: #d6e7e9 !important;
  -webkit-text-fill-color: #d6e7e9 !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tco-library-item__meta {
  display: block !important;

  margin-top: 2px !important;

  color: #60777f !important;
  -webkit-text-fill-color: #60777f !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 7px !important;
  line-height: 1.2 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tco-library-item__remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;

  padding: 0 !important;
  margin: 0 !important;

  color: #536a72 !important;
  -webkit-text-fill-color: #536a72 !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 7px !important;

  cursor: pointer !important;
}

.tco-library-item__remove:hover {
  color: #ff7f8c !important;
  -webkit-text-fill-color: #ff7f8c !important;

  background:
    rgba(255,100,120,.055) !important;
}

.tco-library-item__remove svg {
  width: 12px !important;
  height: 12px !important;
}

.tco-library-empty {
  padding: 24px 12px !important;

  color: #617880 !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;

  text-align: center !important;
}

.tco-library-empty strong {
  display: block !important;

  margin-bottom: 4px !important;

  color: #a7babf !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 10px !important;
  font-weight: 800 !important;

  text-shadow: none !important;
}

.tco-library-current {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  margin-bottom: 7px !important;
  padding: 6px 7px !important;

  background:
    rgba(var(--tco-accent-rgb), .025) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .07) !important;
  border-radius: 8px !important;
}

.tco-library-current__text {
  min-width: 0 !important;

  color: #647c84 !important;

  font-family: var(--tco-font-ui, "Jura", sans-serif) !important;
  font-size: 8px !important;
  line-height: 1.25 !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tco-library-current__add {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  min-height: 26px !important;

  padding: 0 8px !important;

  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;

  background:
    rgba(var(--tco-accent-rgb), .045) !important;

  border:
    1px solid rgba(var(--tco-accent-rgb), .12) !important;
  border-radius: 7px !important;

  font-family: var(--tco-font-mono, "Jura", sans-serif) !important;
  font-size: 7px !important;
  font-weight: 800 !important;

  cursor: pointer !important;
}

.tco-library-current__add.is-saved {
  color: #8ca1a7 !important;
  -webkit-text-fill-color: #8ca1a7 !important;

  background:
    rgba(255,255,255,.018) !important;

  border-color:
    rgba(255,255,255,.05) !important;
}

.tco-library-current__add svg {
  width: 11px !important;
  height: 11px !important;
}

/* LIGHT mode should keep these usable but cheap. */
html[data-tco-performance="light"]
.tco-library-panel {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  box-shadow:
    0 8px 20px rgba(0,0,0,.25) !important;
}

@media (max-width: 1050px) {
  .tco-library-btn__label {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .menu-item--site-library {
    margin-left: 0 !important;
  }

  .tco-library-panel {
    position: fixed !important;
    top: 92px !important;
    right: 12px !important;

    width: min(390px, calc(100vw - 24px)) !important;

    z-index: 10000040 !important;
  }
}

@media (max-width: 620px) {
  .tco-library-panel {
    left: 10px !important;
    right: 10px !important;

    width: auto !important;
  }
}