:root{
  --nav:#dceeff;
  --nav-deep:#cfe5fb;
  --bg:#edf7ff;
  --panel:#ffffff;
  --panel-blue:#f7fbff;
  --ink:#10213d;
  --muted:#5e718d;
  --line:#cfe2f3;
  --line-strong:#b7d4ed;
  --green:#07865c;
  --red:#cf3947;
  --amber:#a96d10;
  --blue:#1768c5;
  --blue-2:#2f83d7;
  --blue-soft:#eaf5ff;
  --shadow:0 9px 26px rgba(33,92,142,.10);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:"Segoe UI",Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px}
body{background:linear-gradient(135deg,var(--bg) 0%,var(--panel-blue) 52%,var(--nav) 100%)}
.layout{display:grid;grid-template-columns:252px 1fr;height:100vh;overflow:hidden}
.sidebar{background:linear-gradient(180deg,var(--nav) 0%,var(--nav-deep) 100%);color:var(--ink);padding:20px 15px;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line-strong);box-shadow:5px 0 20px rgba(42,101,150,.06);z-index:2;transition:background .18s ease,border-color .18s ease}
.brand-panel{padding:4px 4px 18px;border-bottom:1px solid var(--line-strong)}.brand-image{display:block;width:100%;max-width:218px;border-radius:16px;box-shadow:0 10px 22px rgba(10,31,64,.16);margin:0 auto;background:#071120}.brand-text{margin-top:12px;text-align:center}.brand-text b{display:block;font-size:15px;line-height:1.18;letter-spacing:.3px;color:var(--ink);font-weight:900}.brand-text span{display:block;font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.35px;font-weight:700}
.sidebar nav{padding:19px 0;display:flex;flex-direction:column;gap:7px}
.nav{color:var(--ink);text-decoration:none;display:flex;gap:11px;align-items:center;padding:13px 12px;border-radius:11px;font-size:14px;font-weight:600;line-height:1.3;border:1px solid transparent;transition:.16s ease}
.nav:hover{background:rgba(255,255,255,.70);color:var(--blue);border-color:var(--line-strong);transform:translateX(2px)}
.nav.active{background:rgba(255,255,255,.94);color:var(--blue);font-weight:800;border-color:var(--line-strong);box-shadow:0 7px 18px rgba(27,91,143,.11)}
.ico{width:21px;text-align:center;font-size:19px;font-weight:900;color:var(--blue)}
.side-status{margin-top:auto;border-top:1px solid var(--line-strong);padding:15px 9px 3px;color:var(--ink);font-size:11px;font-weight:650}.side-status>div{display:flex;align-items:center;gap:8px;margin:9px 0}.side-status small{display:block;color:var(--muted);margin-top:12px;font-weight:600}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#9aaabc;flex:0 0 auto}.dot.live{background:var(--green);box-shadow:0 0 0 4px rgba(7,134,92,.10)}.dot.bad{background:var(--red);box-shadow:0 0 0 4px rgba(207,57,71,.08)}
.content{overflow:auto;padding:22px 28px 28px;background:transparent}
.dash-head,.module-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#6582a0}
.dash-head-copy{display:flex;align-items:center;min-height:42px}
.dash-head h1,.module-head h1{margin:0;font-size:30px;line-height:1.04;letter-spacing:-.75px;color:#10213d}.module-tagline{margin:6px 0 0;color:var(--muted);font-size:14px;font-weight:600}
.livebox,.module-live{background:rgba(255,255,255,.92);border:1px solid var(--line-strong);border-radius:14px;padding:11px 15px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow);font-size:12px;color:#173450}.livebox span{color:#627b96;margin-left:7px;font-weight:600}
.market-strip{display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.94);border:1px solid var(--line-strong);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}
.market-strip>div{padding:16px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)}.market-strip>div:last-child{border-right:0}
.market-strip span,.market-strip small{display:block}.market-strip span{font-size:11px;color:#607995;font-weight:850;letter-spacing:.7px}.market-strip b{font-size:23px;line-height:1.1;display:block;margin:7px 0 6px;color:#10213d;letter-spacing:-.3px}.market-strip small{font-size:11px;color:#7488a0;font-weight:600}
.pos{color:var(--green)!important}.neg{color:var(--red)!important}
.section-title{margin:22px 2px 12px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title h2{margin:4px 0 0;font-size:21px;letter-spacing:-.3px;color:#173450}.section-hint{font-size:12px;color:#6d849e;font-weight:600;padding-bottom:3px}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.card{position:relative;grid-column:span 2;background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);border:1px solid var(--line-strong);border-radius:18px;padding:19px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:.18s ease;overflow:hidden;min-height:226px}
.card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#73b9ef,#3a8bd3)}
.card:hover{transform:translateY(-3px);border-color:#8fc3ea;box-shadow:0 14px 34px rgba(33,92,142,.15)}
.card.wide{grid-column:span 3}.card.featured:before{height:5px;background:linear-gradient(90deg,#1768c5,#54a6e8)}
.card-top{display:flex;justify-content:space-between;align-items:center;color:#6c87a3;font-size:11px;font-weight:800}.card-no{display:grid;place-items:center;min-width:31px;height:25px;padding:0 8px;border-radius:8px;background:#e6f3ff;color:#1768c5;font-size:11px;letter-spacing:.5px}
.card h3{margin:14px 0 5px;font-size:19px;line-height:1.25;color:#142945;letter-spacing:-.2px}.card p{height:32px;margin:0;color:#647d98;font-size:12px;line-height:1.45;font-weight:550}.primary{font-size:23px;line-height:1.2;font-weight:850;margin-top:14px;color:#10213d;letter-spacing:-.25px}.secondary{font-size:12px;line-height:1.4;color:#688099;min-height:34px;margin-top:6px;font-weight:550}.open{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:11px;letter-spacing:.7px;color:#1768c5}.open span{font-size:15px;transition:.16s}.card:hover .open span{transform:translateX(4px)}
.health{margin-top:16px;background:rgba(255,255,255,.93);border:1px solid var(--line-strong);border-radius:14px;padding:13px 16px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:11px;box-shadow:0 6px 20px rgba(33,92,142,.06);color:#385671}.health>b{color:#173450;letter-spacing:.4px}.health span{display:flex;align-items:center;gap:7px;font-weight:650}.health small{margin-left:auto;color:#6d849e;font-weight:600}
.frame-wrap{height:calc(100vh - 104px);background:#fff;border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.frame-wrap iframe{width:100%;height:100%;border:0;background:#fff}
@media(max-width:1180px){.layout{grid-template-columns:220px 1fr}.cards{grid-template-columns:1fr 1fr}.card,.card.wide{grid-column:span 1}.market-strip{grid-template-columns:repeat(3,1fr)}.section-hint{display:none}}
@media(max-width:800px){.layout{grid-template-columns:1fr;height:auto;overflow:auto}.sidebar{position:relative}.content{overflow:visible;padding:18px}.market-strip{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.dash-head,.module-head{align-items:flex-start;gap:12px}.dash-head h1{font-size:26px}.livebox{flex-shrink:0}.head-actions{width:100%;justify-content:flex-start}.theme-switcher{order:1}}

/* ===== v2.5 live preview cards ===== */
.preview-card{min-height:0;padding:15px 15px 11px;display:flex;flex-direction:column}
.preview-card h3{margin:10px 0 3px;font-size:18px}
.preview-card p{height:auto;margin:0;font-size:11px}
.preview-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px}
.preview-title-row>div:first-child{min-width:0}
.preview-live{white-space:nowrap;margin-top:12px;border:1px solid #b9e4d5;background:#eefaf5;color:#087653;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850;letter-spacing:.5px}
.mini-table-wrap{width:100%;overflow:hidden;border:1px solid #d7e6f3;border-radius:9px;background:#fff}
.mini-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;color:#20344e}
.mini-table th{padding:5px 3px;background:#f2f7fc;border-bottom:1px solid #d8e4ef;color:#5b7390;font-size:7.5px;line-height:1.1;text-align:center;font-weight:850;white-space:nowrap}
.mini-table td{padding:7px 3px;border-bottom:1px solid #e3ebf3;font-size:8.2px;line-height:1.05;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff}
.mini-table tbody tr:last-child td{border-bottom:0}
.mini-table tbody tr:hover td{background:#f7fbff}
.preview-empty{height:116px!important;color:#71869d!important;font-size:10px!important;font-weight:650!important;text-align:center!important;background:linear-gradient(180deg,#fbfdff,#f6faff)!important}
.trend-table th:nth-child(1){width:8%}.trend-table th:nth-child(2){width:12%}.trend-table th:nth-child(3),.trend-table th:nth-child(4){width:12%}.trend-table th:nth-child(5){width:8%}.trend-table th:nth-child(6){width:9%}.trend-table th:nth-child(7),.trend-table th:nth-child(8){width:13%}.trend-table th:nth-child(9){width:13%}
.atm-mini{background:#eef5ff!important;color:#0866d5!important;font-weight:900!important}
.preview-footer{margin-top:8px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5e7894;font-size:9.5px;font-weight:700}
.preview-footer>span{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-footer .open{margin:0;flex:0 0 auto}
.dot.tiny{width:7px;height:7px;box-shadow:none}.dot.tiny.live{box-shadow:0 0 0 3px rgba(7,134,92,.08)}.dot.tiny.bad{box-shadow:0 0 0 3px rgba(207,57,71,.07)}
.matrix-title-row{margin-bottom:5px}.matrix-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:10px;min-width:120px;color:#66809a;font-size:7.5px;font-weight:700;line-height:1.25;text-align:right}
.matrix-summary-mini{display:grid;grid-template-columns:1fr .72fr 1fr;border:1px solid #d7e6f3;border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden;background:#f8fbff;margin-top:3px}
.matrix-summary-mini span{padding:5px 5px;border-right:1px solid #d7e6f3;text-align:center;color:#5f7590;font-size:7.5px;font-weight:750;white-space:nowrap}.matrix-summary-mini span:last-child{border-right:0}.matrix-summary-mini b{display:block;margin-top:2px;color:#173450;font-size:9.5px}
.matrix-preview-wrap{border-radius:0 0 9px 9px}
.matrix-table th,.matrix-table td{padding-left:2px;padding-right:2px}.matrix-table th{font-size:7px}.matrix-table td{font-size:7.8px}
.matrix-table .group-head th{padding:5px 2px;color:#10213d;font-size:8.3px;border-bottom:1px solid rgba(0,0,0,.12)}
.matrix-table .call-head,.matrix-table .put-head{background:#8bcf46}.matrix-table .pcr-head{background:#ffc21f}
.matrix-table th:nth-child(1),.matrix-table th:nth-child(6){width:12%}.matrix-table th:nth-child(2),.matrix-table th:nth-child(7){width:10%}.matrix-table th:nth-child(3),.matrix-table th:nth-child(8){width:13%}.matrix-table th:nth-child(4),.matrix-table th:nth-child(9){width:10%}.matrix-table th:nth-child(5){width:10%}
.matrix-table .pcr-mini{background:#fff3c4;color:#8a5a00;font-weight:900}.matrix-table .strike-mini{font-weight:900;color:#142945}.matrix-table .atm-row-mini .strike-mini{background:#fff100!important;color:#10213d!important}.matrix-table .atm-row-mini .pcr-mini{background:#ffc21f!important;color:#10213d!important}
.bear-coi{background:#fff0f1!important;color:#c92736!important}.bull-coi{background:#effae8!important;color:#147642!important}
@media(min-width:1181px){.card.featured{min-height:330px}.cards>.card:nth-child(3){display:flex;flex-direction:column}.cards>.card:nth-child(3) .open{margin-top:auto}.card-price,.card-index{min-height:180px}}
@media(max-width:1180px){.preview-card{min-height:345px}.mini-table th{font-size:7px}.mini-table td{font-size:7.6px}}


.head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.theme-switcher{display:flex;align-items:center;gap:9px;padding:9px 12px;background:rgba(255,255,255,.92);border:1px solid var(--line-strong);border-radius:999px;box-shadow:var(--shadow)}
.theme-dot-btn{width:18px;height:18px;border-radius:50%;border:1px solid rgba(16,33,61,.14);cursor:pointer;padding:0;appearance:none;outline:none;box-shadow:inset 0 1px 2px rgba(255,255,255,.7)}
.theme-dot-btn.blue{background:#d9ecff}
.theme-dot-btn.pink{background:#ffe3ed}
.theme-dot-btn.green{background:#ddf6e6}
.theme-dot-btn.white{background:#ffffff}
.theme-dot-btn.active{transform:scale(1.08);border:2px solid var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}
.theme-dot-btn:hover{transform:scale(1.06)}
body[data-theme="pink"]{
  --nav:#fde7ef;
  --nav-deep:#fadce8;
  --bg:#fff4f8;
  --panel:#ffffff;
  --panel-blue:#fff9fb;
  --ink:#2c1730;
  --muted:#7e6379;
  --line:#f1d6e2;
  --line-strong:#e9c9d7;
  --blue:#c0578f;
  --blue-2:#d774a4;
  --blue-soft:#fff0f6;
  --shadow:0 9px 26px rgba(171,85,124,.10);
}
body[data-theme="green"]{
  --nav:#e4f7ec;
  --nav-deep:#d5f0e0;
  --bg:#f2fff7;
  --panel:#ffffff;
  --panel-blue:#f8fffb;
  --ink:#153128;
  --muted:#5d7d70;
  --line:#d5ebdf;
  --line-strong:#bddcc8;
  --blue:#1c8a62;
  --blue-2:#39a978;
  --blue-soft:#e9faf1;
  --shadow:0 9px 26px rgba(48,131,92,.10);
}
body[data-theme="white"]{
  --nav:#f5f8fc;
  --nav-deep:#edf2f7;
  --bg:#ffffff;
  --panel:#ffffff;
  --panel-blue:#fafcff;
  --ink:#18263a;
  --muted:#67788f;
  --line:#e1e8f0;
  --line-strong:#d6dee7;
  --blue:#3b6fb6;
  --blue-2:#5b8dd2;
  --blue-soft:#f0f5fb;
  --shadow:0 8px 24px rgba(49,73,104,.08);
}
body[data-theme="pink"] .brand-image{box-shadow:0 10px 22px rgba(171,85,124,.16)}
body[data-theme="green"] .brand-image{box-shadow:0 10px 22px rgba(48,131,92,.16)}
body[data-theme="white"] .brand-image{box-shadow:0 10px 22px rgba(49,73,104,.12)}

/* ===== Decision Engine: main dashboard launcher only ===== */
.decision-launch-card{min-height:0;padding:0;display:flex;align-items:center;grid-column:span 2;background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)}
.decision-launch-card:before{height:4px;background:linear-gradient(90deg,#1768c5,#54a6e8)}
.decision-launch-card:hover{transform:none}
.decision-launch-row{width:100%;min-height:86px;padding:18px 20px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.25fr) auto;align-items:center;gap:18px}
.decision-launch-name{font-size:20px;line-height:1.2;font-weight:850;color:#142945;letter-spacing:-.25px}
.decision-launch-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:40px;padding:0 16px;border-radius:10px;background:#1768c5;color:#fff;text-decoration:none;font-size:11px;font-weight:850;letter-spacing:.55px;box-shadow:0 6px 15px rgba(23,104,197,.16);white-space:nowrap}
.decision-launch-btn:hover{background:#125cad}.decision-launch-btn span{font-size:16px}
body[data-theme="pink"] .decision-launch-btn{background:#c0578f}body[data-theme="pink"] .decision-launch-btn:hover{background:#a9487b}
body[data-theme="green"] .decision-launch-btn{background:#1c8a62}body[data-theme="green"] .decision-launch-btn:hover{background:#147653}
body[data-theme="white"] .decision-launch-btn{background:#3b6fb6}body[data-theme="white"] .decision-launch-btn:hover{background:#315f9d}
@media(max-width:1180px){.decision-launch-card{grid-column:span 1}}
@media(max-width:620px){.decision-launch-row{grid-template-columns:1fr}.decision-launch-btn{justify-self:start}}

/* ===== v2.8 dashboard layout repair ===== */
@media(min-width:1181px){
  .card-trend,.card-matrix{grid-column:span 3}
  .decision-launch-card{grid-column:1/-1!important;min-height:0!important;height:auto!important;padding:12px 14px!important;align-self:start;background:linear-gradient(145deg,var(--panel) 0%,var(--panel-blue) 100%)!important}
  .decision-launch-row{min-height:76px!important;height:auto!important;padding:0 18px!important;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
}
.decision-launch-name{color:var(--ink)!important}
.decision-launch-btn{background:var(--blue)!important}
.decision-launch-btn:hover{filter:brightness(.92)}
body[data-theme="pink"] .sidebar,body[data-theme="green"] .sidebar,body[data-theme="white"] .sidebar{background:linear-gradient(180deg,var(--nav) 0%,var(--nav-deep) 100%)}

.decision-live-result{min-width:0;text-align:center;padding:9px 16px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.decision-result-main{font-size:18px;line-height:1.2;font-weight:900;letter-spacing:-.2px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.decision-result-main.pos{color:var(--green)!important}.decision-result-main.neg{color:var(--red)!important}.decision-result-main.sideways{color:var(--amber)!important}
.decision-result-sub{margin-top:5px;font-size:10px;line-height:1.3;color:var(--muted);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){.decision-launch-row{grid-template-columns:1fr auto!important}.decision-live-result{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid var(--line);padding:10px 0 0;text-align:left}.decision-launch-btn{grid-column:2;grid-row:1}.decision-result-main,.decision-result-sub{white-space:normal}}
@media(max-width:620px){.decision-launch-row{grid-template-columns:1fr!important}.decision-live-result{grid-column:1;grid-row:auto;text-align:left}.decision-launch-btn{grid-column:1;grid-row:auto;justify-self:start}}

/* ===== ANVRY NIFTY DASHBOARD version + 6-row trend preview ===== */
.version-inline{display:inline-block;margin-left:8px;padding:3px 7px;border:1px solid var(--line-strong);border-radius:7px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:850;vertical-align:middle;letter-spacing:.2px}
.card-trend,.card-matrix{min-height:300px}
@media(max-width:1180px){.card-trend,.card-matrix{min-height:310px}}


/* ===== v2.4 Telegram access ===== */
.telegram-top-link{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:40px;padding:0 13px;border:1px solid #a9d5c4;border-radius:12px;
  background:linear-gradient(180deg,#f4fff9,#e7f8ef);color:#087653;text-decoration:none;
  font-size:10px;font-weight:900;letter-spacing:.65px;white-space:nowrap;
  box-shadow:0 6px 16px rgba(7,134,92,.08);transition:.16s ease;
}
.telegram-top-link span{font-size:13px}.telegram-top-link:hover{transform:translateY(-1px);border-color:#79bea3;box-shadow:0 8px 20px rgba(7,134,92,.13)}
.dashboard-top-grid{display:block;min-width:0}.dashboard-top-main{min-width:0}
.telegram-feature-card{
  margin-top:12px;min-width:0;min-height:112px;padding:14px 16px;
  display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:15px;
  border:1px solid var(--line-strong);border-radius:17px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,249,242,.97));
  color:var(--ink);text-decoration:none;box-shadow:var(--shadow);overflow:hidden;
  transition:.18s ease;
}
.telegram-feature-card:hover{transform:translateY(-2px);border-color:#86c7ae;box-shadow:0 13px 30px rgba(33,92,142,.13)}
.telegram-feature-copy{min-width:0}.telegram-kicker{display:block;color:#07865c;font-size:10px;font-weight:900;letter-spacing:1.2px;margin-bottom:5px}
.telegram-feature-copy strong{display:block;color:var(--ink);font-size:20px;line-height:1.1;letter-spacing:-.25px}
.telegram-feature-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:7px;font-weight:600}
.telegram-channel{display:block;margin-top:9px;color:#087653;font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.telegram-qr-wrap{width:92px;height:92px;border-radius:13px;background:#fff;border:1px solid #d9ebe3;padding:6px;box-shadow:0 5px 14px rgba(22,88,62,.09)}
.telegram-qr-wrap img{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:1450px){
  .dashboard-top-grid{display:grid;grid-template-columns:minmax(700px,1fr) minmax(340px,390px);gap:18px;align-items:stretch}
  .dashboard-top-main{display:flex;flex-direction:column;min-width:0}
  .dashboard-top-main .market-strip{flex:1}
  .telegram-feature-card{margin-top:0;min-height:0;grid-template-columns:minmax(0,1fr) 148px;padding:17px 18px}
  .telegram-qr-wrap{width:148px;height:148px;padding:8px}
  .telegram-feature-copy strong{font-size:22px}.telegram-feature-copy small{font-size:11.5px}.telegram-channel{font-size:10.5px}
}
@media(max-width:800px){
  .telegram-top-link{min-height:36px;padding:0 11px}
  .telegram-feature-card{grid-template-columns:minmax(0,1fr) 78px;padding:12px;min-height:100px}
  .telegram-qr-wrap{width:78px;height:78px;padding:5px}
  .telegram-feature-copy strong{font-size:17px}.telegram-feature-copy small{font-size:10px}.telegram-channel{font-size:9px}
}

/* v2.4 placement refinement: reserve the marked upper-right area on wide desktop screens. */
.dashboard-top-grid{display:grid;grid-template-columns:minmax(650px,1fr) minmax(300px,360px);gap:18px;align-items:stretch;min-width:0}
.dashboard-top-main{display:flex;flex-direction:column;min-width:0}
.dashboard-top-main .market-strip{flex:1}
.telegram-feature-card{margin-top:0;min-height:0;grid-template-columns:minmax(0,1fr) 128px;padding:16px 17px}
.telegram-qr-wrap{width:128px;height:128px;padding:7px}
@media(max-width:1380px){
  .dashboard-top-grid{display:block}
  .dashboard-top-main{display:block}
  .telegram-feature-card{margin-top:12px;min-height:112px;grid-template-columns:minmax(0,1fr) 92px;padding:14px 16px}
  .telegram-qr-wrap{width:92px;height:92px;padding:6px}
}
@media(max-width:800px){
  .telegram-feature-card{grid-template-columns:minmax(0,1fr) 78px;padding:12px;min-height:100px}
  .telegram-qr-wrap{width:78px;height:78px;padding:5px}
}

/* ===== v2.5 Telegram + WhatsApp community access ===== */
.social-top-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.social-top-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:0 11px;border-radius:11px;text-decoration:none;font-size:9.5px;font-weight:900;letter-spacing:.55px;white-space:nowrap;transition:.16s ease;border:1px solid var(--line-strong)}
.social-top-link span{font-size:12px}
.social-top-link.telegram{color:#146f9d;background:linear-gradient(180deg,#f4fbff,#e9f6fd);border-color:#afd7ea;box-shadow:0 5px 14px rgba(20,111,157,.07)}
.social-top-link.whatsapp{color:#087653;background:linear-gradient(180deg,#f4fff9,#e7f8ef);border-color:#a9d5c4;box-shadow:0 5px 14px rgba(7,134,92,.07)}
.social-top-link:hover{transform:translateY(-1px);filter:brightness(.985)}
.social-connect-card{min-width:0;height:100%;padding:10px 11px;border:1px solid var(--line-strong);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,251,248,.98));box-shadow:var(--shadow);display:flex;flex-direction:column;gap:7px;overflow:hidden}
.social-connect-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}
.social-connect-head span{font-size:9px;color:var(--green);font-weight:900;letter-spacing:1px;white-space:nowrap}
.social-connect-head strong{font-size:11px;color:var(--ink);font-weight:850;white-space:nowrap}
.social-connect-grid{display:grid;grid-template-columns:1fr;gap:6px;min-height:0;flex:1}
.social-feature-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:9px;min-height:0;padding:6px 8px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff;transition:.16s ease}
.social-feature-row.telegram{background:linear-gradient(135deg,#fff,#f1faff);border-color:#c8e1ee}
.social-feature-row.whatsapp{background:linear-gradient(135deg,#fff,#effaf4);border-color:#c7e4d7}
.social-feature-row:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(33,92,142,.09)}
.social-feature-copy{min-width:0}
.social-feature-copy b{display:block;font-size:13px;line-height:1.08;color:var(--ink)}
.social-feature-copy small{display:block;margin-top:2px;font-size:9px;line-height:1.2;color:var(--muted);font-weight:650}
.social-feature-copy span{display:block;margin-top:4px;font-size:8.5px;font-weight:900;letter-spacing:.45px}
.social-feature-row.telegram .social-feature-copy span{color:#146f9d}
.social-feature-row.whatsapp .social-feature-copy span{color:#087653}
.social-qr-wrap{width:64px;height:64px;border-radius:9px;padding:3px;background:#fff;border:1px solid #d9e7e1;box-shadow:0 3px 9px rgba(22,88,62,.06)}
.social-qr-wrap img{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:1381px){.dashboard-top-grid{grid-template-columns:minmax(650px,1fr) minmax(310px,350px);gap:16px;align-items:stretch}.social-connect-card{min-height:0}}
@media(max-width:1380px){.social-connect-card{margin-top:12px;height:auto}.social-connect-grid{grid-template-columns:1fr 1fr}.social-feature-row{grid-template-columns:minmax(0,1fr) 74px}.social-qr-wrap{width:74px;height:74px}}
@media(max-width:980px){.dash-head,.module-head{align-items:flex-start}.head-actions{gap:8px}.social-top-links{justify-content:flex-start}}
@media(max-width:800px){.social-top-link{min-height:34px;padding:0 9px;font-size:9px}.social-connect-grid{grid-template-columns:1fr 1fr}.social-feature-row{grid-template-columns:minmax(0,1fr) 60px;padding:6px}.social-qr-wrap{width:60px;height:60px;padding:3px}.social-connect-head strong{font-size:10.5px}}
@media(max-width:560px){.social-connect-grid{grid-template-columns:1fr}.social-feature-row{grid-template-columns:minmax(0,1fr) 66px}.social-qr-wrap{width:66px;height:66px}.social-connect-head{align-items:flex-start;flex-direction:column;gap:2px}}


/* ===== v2.7 compact right-side larger QR layout ===== */
@media(min-width:1381px){
  .dashboard-top-grid{grid-template-columns:minmax(640px,1fr) minmax(380px,440px)!important;gap:16px!important;align-items:stretch!important}
}
.social-connect-card.compact-side-by-side{padding:10px 10px 12px!important;gap:8px!important}
.social-connect-grid.compact-side-by-side-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-height:0;align-items:stretch}
.social-feature-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;text-decoration:none;color:var(--ink);padding:10px 8px 12px;border-radius:13px;border:1px solid var(--line);background:#fff;transition:.16s ease;min-height:0}
.social-feature-tile.telegram{background:linear-gradient(135deg,#fff,#f1faff);border-color:#c8e1ee}
.social-feature-tile.whatsapp{background:linear-gradient(135deg,#fff,#effaf4);border-color:#c7e4d7}
.social-feature-tile:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(33,92,142,.09)}
.social-feature-tile b{display:block;font-size:16px;line-height:1.08;color:var(--ink)}
.social-feature-tile small{display:block;margin-top:3px;font-size:10px;line-height:1.25;color:var(--muted);font-weight:650;min-height:26px}
.social-feature-tile span{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;min-height:28px;padding:0 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.5px}
.social-feature-tile.telegram span{color:#146f9d;background:linear-gradient(180deg,#edf8fe,#e4f2fb);border:1px solid #c9e0ec}
.social-feature-tile.whatsapp span{color:#087653;background:linear-gradient(180deg,#effaf4,#e5f5eb);border:1px solid #c9dfd2}
.social-qr-wrap.larger{width:112px!important;height:112px!important;border-radius:12px!important;padding:5px!important;margin-top:8px;box-shadow:0 4px 10px rgba(22,88,62,.06)}
.social-connect-head{padding:0 4px 2px!important}
.social-connect-head span{font-size:9px!important}
.social-connect-head strong{font-size:11px!important}
@media(max-width:1380px){
  .social-connect-card.compact-side-by-side{margin-top:12px;height:auto}
  .social-connect-grid.compact-side-by-side-grid{grid-template-columns:1fr 1fr!important}
  .social-qr-wrap.larger{width:104px!important;height:104px!important}
}
@media(max-width:980px){
  .social-qr-wrap.larger{width:96px!important;height:96px!important}
  .social-feature-tile b{font-size:15px}
}
@media(max-width:760px){
  .social-connect-grid.compact-side-by-side-grid{grid-template-columns:1fr!important}
  .social-qr-wrap.larger{width:108px!important;height:108px!important}
}