/* Wealth Consultant members area - same palette as wealthconsultant.in: ink / teal / gold / mint
   (variable names --navy / --green are kept so existing rules keep working) */
:root{
  --ink:#13201d; --teal:#0f766e; --teal-dark:#0c534e; --brand-gold:#c4942f; --mint:#e7f4ef; --paper:#f8faf8;
  --navy:#13201d; --navy-2:#163530; --navy-3:#0c534e; --green:#0f766e; --green-d:#0c534e; --green-l:#e7f4ef;
  --gold:#8a6416; --gold-l:#fff8e8; --red:#c0392b; --red-l:#fdeceb;
  --bg:#f8faf8; --card:#fff; --line:#dbe4df; --text:#1d2a26; --muted:#5f6f69;
  --radius:12px; --shadow:0 1px 2px rgba(19,32,29,.06),0 4px 14px rgba(19,32,29,.06);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--navy-3);text-decoration:none} a:hover{text-decoration:underline}
h1,h2,h3{color:var(--navy);line-height:1.25;margin:0 0 .5em} h1{font-size:1.7rem} h2{font-size:1.25rem} h3{font-size:1.05rem}
p{margin:0 0 1em} .muted{color:var(--muted)} .small{font-size:.86rem} .right{text-align:right} .nowrap{white-space:nowrap}
.mt{margin-top:1.25rem} .mb{margin-bottom:1.25rem} .flex{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap} .between{justify-content:space-between}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
img{max-width:100%}

/* ---- buttons / badges / alerts ---- */
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--green);color:#fff;border:0;border-radius:9px;padding:.65rem 1.1rem;font:600 .95rem/1 inherit;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--green-d);text-decoration:none} .btn:disabled{opacity:.6;cursor:wait}
.btn.sm{padding:.45rem .8rem;font-size:.86rem} .btn.navy{background:var(--navy)} .btn.navy:hover{background:var(--navy-2)}
.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)} .btn.ghost:hover{background:var(--bg)}
.btn.danger{background:var(--red)} .btn.danger:hover{background:#9f2d22}
button.linklike{background:none;border:0;color:var(--navy-3);padding:.4rem 0;cursor:pointer;font:inherit}
.badge{display:inline-block;padding:.12rem .55rem;border-radius:99px;font-size:.74rem;font-weight:700;letter-spacing:.02em;background:#e9efec;color:#46544f;white-space:nowrap}
.b-green{background:var(--green-l);color:var(--green-d)} .b-gold{background:var(--gold-l);color:var(--gold)} .b-red{background:var(--red-l);color:var(--red)} .b-navy{background:var(--navy);color:#fff} .b-grey{background:#e9efec;color:#46544f}
.alert{max-width:1100px;margin:1rem auto;padding:.8rem 1rem;border-radius:10px;border:1px solid;font-weight:500}
.app .alert{margin:0 0 1rem}
.a-ok{background:var(--green-l);border-color:#bfe6d3;color:#0f5c3d} .a-err{background:var(--red-l);border-color:#f3c6c1;color:#8b2318} .a-info{background:#e7f4ef;border-color:#c7e3d8;color:#0c534e}
.nudge{background:var(--gold-l);border:1px solid #ecd9a8;color:#6b4a0e;padding:.7rem 1rem;border-radius:10px;margin:0 0 1rem}
.empty{padding:2rem;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius)}

/* ---- cards / grids ---- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}
.card.narrow{max-width:460px;margin:3rem auto}
.grid{display:grid;gap:1rem} .g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.stat .n{font-size:1.7rem;font-weight:800;color:var(--navy)} .stat .l{color:var(--muted);font-size:.85rem}
.item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.15rem;box-shadow:var(--shadow)}
.item h3{margin-bottom:.25rem} .item .meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}
.call .levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;margin:.6rem 0}
.call .lv{background:var(--bg);border-radius:8px;padding:.45rem .65rem} .call .lv b{display:block;font-size:1.05rem;color:var(--navy)}
.call .lv small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}
.call .lv.sl b{color:var(--red)} .call .lv.tg b{color:var(--green-d)}
.act-buy{color:var(--green-d);font-weight:800} .act-sell{color:var(--red);font-weight:800}
.bar{height:8px;background:#e9efec;border-radius:99px;overflow:hidden} .bar>i{display:block;height:100%;background:var(--green)}

/* ---- tables / forms ---- */
.tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;min-width:560px} th,td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f6f9f7;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap} tr:last-child td{border-bottom:0}
form.stack label{display:block;font-weight:600;margin:.85rem 0 .3rem;color:var(--navy)}
input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=url],input[type=tel],input[type=search],select,textarea,input[type=file]{
  width:100%;padding:.62rem .75rem;border:1px solid #c9d6cf;border-radius:9px;font:inherit;background:#fff;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:2px solid #9bd4bb;border-color:var(--green)}
textarea{min-height:110px;resize:vertical} .help{color:var(--muted);font-size:.8rem;margin-top:.2rem}
.check{display:flex;gap:.5rem;align-items:center;margin:.85rem 0} .check input{width:auto} .check label{margin:0 !important;font-weight:500 !important}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem} .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}
.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem} .filters>*{flex:1 1 150px;min-width:0} .filters .btn{flex:0 0 auto}
.pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin:1rem 0}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem} .tabs a{padding:.4rem .85rem;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--navy)} .tabs a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.prose{white-space:pre-wrap;word-wrap:break-word} dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0} dl.kv dt{color:var(--muted)} dl.kv dd{margin:0}
details.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.2rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow)}
details.panel>summary{cursor:pointer;font-weight:700;color:var(--navy);padding:.8rem 0} details.panel[open]>summary{border-bottom:1px solid var(--line);margin-bottom:.5rem}

/* ---- public / auth layout ---- */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--navy);color:#fff;padding:.7rem 1.25rem;position:sticky;top:0;z-index:20;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:800;font-size:1.05rem;text-decoration:none} .brand:hover{text-decoration:none}
.logo-img{border-radius:6px;background:#fff;object-fit:contain}
.topnav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap} .topnav a{color:#dbe9e3} .topnav a.on,.topnav a:hover{color:#fff} .topnav .btn{color:#fff}
.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;font-size:1.2rem;padding:.2rem .6rem;cursor:pointer}
.public-wrap{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2.5rem}
.auth-wrap{max-width:460px;margin:2.5rem auto;padding:0 1rem}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;border-radius:16px;padding:3rem 2rem;margin-bottom:2rem}
.hero h1{color:#fff;font-size:2.1rem;max-width:640px} .hero p{max-width:620px;color:#d4e6df;font-size:1.05rem}
.hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.plan{display:flex;flex-direction:column} .plan .price{font-size:2rem;font-weight:800;color:var(--navy)} .plan ul{padding-left:1.1rem;margin:.6rem 0 1rem;flex:1}
.site-footer{background:#fff;border-top:1px solid var(--line);margin-top:2rem}
.foot-inner{max-width:1100px;margin:0 auto;padding:1.25rem 1rem}
.disclaimer{font-size:.78rem;color:var(--muted);margin:.7rem 0 0}
body.app .site-footer{margin-left:250px}

/* ---- app shell ---- */
.shell{display:flex;min-height:100vh}
.sidebar{width:250px;background:var(--navy);color:#fff;padding:1rem .75rem;position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:30}
.sidebar .brand{padding:.4rem .6rem 1rem}
.sidebar nav a{display:flex;align-items:center;gap:.7rem;color:#c9dcd5;padding:.6rem .75rem;border-radius:9px;margin-bottom:2px;text-decoration:none}
.sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff} .sidebar nav a.on{background:var(--green);color:#fff}
.sidebar nav a.admin-link{margin-top:1rem;border:1px dashed rgba(255,255,255,.3)}
.ic{width:19px;height:19px;flex:0 0 auto}
.main{flex:1;margin-left:250px;min-width:0}
.appbar{display:flex;align-items:center;gap:1rem;background:#fff;border-bottom:1px solid var(--line);padding:.65rem 1.25rem;position:sticky;top:0;z-index:15}
.appbar .menu-btn{color:var(--navy);border-color:var(--line)}
.appbar-title{font-weight:800;color:var(--navy);font-size:1.1rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* "Turn on notifications" banner (added by assets/push-notifications.js until notifications are on) */
.wc-push-banner{display:flex;align-items:center;gap:.85rem;margin:0 0 1.1rem;padding:.85rem 1rem;border-radius:12px;background:linear-gradient(135deg,#5a3d0c,#2f2410);color:#fff;box-shadow:0 8px 24px rgba(19,32,29,.18)}
.wc-push-banner-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(196,148,47,.22);display:flex;align-items:center;justify-content:center;font-size:1.2rem;animation:wc-ring 2.4s ease-in-out infinite}
.wc-push-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.wc-push-banner-text strong{font-size:.98rem}.wc-push-banner-text span{font-size:.84rem;color:rgba(255,255,255,.82)}
.wc-push-banner-actions{display:flex;align-items:center;gap:.7rem;flex:none}
.wc-push-cta{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:10px;padding:.62rem 1.05rem;background:var(--brand-gold);color:#15201d;font:800 .88rem/1 inherit;cursor:pointer;box-shadow:0 0 0 0 rgba(196,148,47,.6);animation:wc-pulse 2s ease-out infinite;white-space:nowrap}
.wc-push-cta:hover{background:#d6a43a}.wc-push-cta:disabled{opacity:.7;cursor:wait;animation:none}.wc-push-cta b{font-weight:800}
@keyframes wc-pulse{0%{box-shadow:0 0 0 0 rgba(196,148,47,.55)}70%{box-shadow:0 0 0 10px rgba(196,148,47,0)}100%{box-shadow:0 0 0 0 rgba(196,148,47,0)}}
@media(prefers-reduced-motion:reduce){.wc-push-cta{animation:none}}
.wc-push-banner .linklike{color:rgba(255,255,255,.75);font-size:.82rem;padding:0}
.wc-push-banner.is-done{background:linear-gradient(135deg,#0f766e,#0c534e)}.wc-push-banner.is-done .wc-push-banner-ic{animation:none}
@keyframes wc-ring{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}85%{transform:rotate(8deg)}90%{transform:rotate(-5deg)}}
@media(max-width:640px){.wc-push-banner{flex-wrap:wrap}.wc-push-banner-actions{width:100%;justify-content:space-between}.wc-push-banner-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.wc-push-banner-ic{animation:none}}
.sidebar-backdrop{display:none}
@media (max-width:900px){.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(16,25,22,.45);z-index:25}.sidebar{z-index:30}}
.appbar-brand{display:none;align-items:center;gap:.45rem;flex:1;min-width:0;color:var(--ink);font-weight:800;font-size:.95rem;text-decoration:none}
.appbar-brand:hover{text-decoration:none}.appbar-brand img{border-radius:7px;flex:none}.appbar-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.appbar-title{display:none}.appbar-brand{display:flex}.appbar{gap:.6rem;padding:.6rem .8rem}}
@media(max-width:400px){.appbar-brand span{display:none}}
.usermenu{display:flex;align-items:center;gap:.7rem}
details.menu{position:relative} details.menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem} details.menu>summary::-webkit-details-marker{display:none}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.menu-pop{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:210px;padding:.7rem .9rem;z-index:40}
.menu-pop a,.menu-pop button{display:block;padding:.45rem 0;width:100%;text-align:left}
.content{padding:1.4rem 1.25rem 1rem;max-width:none}
.content>.alert{max-width:none;margin:1rem 0}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
body.plain{display:grid;place-items:center;min-height:100vh}

@media (max-width:900px){
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .sidebar{transform:translateX(-100%);transition:transform .2s;visibility:hidden} .sidebar.open{transform:none;box-shadow:0 0 40px rgba(0,0,0,.4);visibility:visible}
  .main,body.app .site-footer{margin-left:0} .appbar .menu-btn{display:inline-block}
  .menu-btn{display:inline-block} .topnav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:.5rem 0} .topnav.open{display:flex}
}
@media (max-width:640px){
  .g2,.g3,.g4,.row2,.row3{grid-template-columns:1fr} .hero{padding:2rem 1.25rem} .hero h1{font-size:1.6rem} .hide-sm{display:none}
  .content{padding:1rem .8rem} dl.kv{grid-template-columns:1fr}
}
@media print{.sidebar,.appbar,.topbar,.btn{display:none !important}.main{margin:0}}


/* Website notifications */
.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:#e3f5e8;color:#16803d;text-decoration:none;box-shadow:0 0 0 1px rgba(22,128,61,.04);transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.notification-bell:hover{background:#d4efdc;box-shadow:0 0 0 3px rgba(22,128,61,.08);color:#116b32;transform:translateY(-1px)}.notification-bell .ic{width:22px;height:22px;display:block;stroke-width:1.9}.notification-count{position:absolute;top:-3px;right:-3px;display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;border:2px solid var(--card);border-radius:99px;background:#ef3338;color:#fff;font-size:10px;line-height:1;font-weight:700;padding:0 3px}.notification-unread{border-left:4px solid #d97706;background:var(--card)}.notification-item h3{margin-top:0}


/* Recent-notifications dropdown */
.notification-menu{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.notification-menu>summary{list-style:none;cursor:pointer}
.notification-menu>summary::-webkit-details-marker{display:none}
.notification-menu[open]>summary{background:#d4efdc;box-shadow:0 0 0 3px rgba(22,128,61,.09)}
.notification-pop{position:absolute;right:-8px;top:calc(100% + 14px);width:min(390px,calc(100vw - 28px));background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px;box-shadow:0 16px 42px rgba(19,32,29,.16);z-index:80;overflow:hidden;color:var(--text,#13201d)}
.notification-pop:before{content:"";position:absolute;top:-7px;right:22px;width:12px;height:12px;background:var(--card,#fff);border-left:1px solid var(--line,#e5e7eb);border-top:1px solid var(--line,#e5e7eb);transform:rotate(45deg)}
.notification-pop-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line,#e5e7eb);font-size:15px}
.notification-preview{display:flex;gap:12px;align-items:flex-start;padding:14px 17px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line,#e5e7eb);transition:background .15s ease}
.notification-preview:hover{background:#f7fbf8}
.notification-dot{width:9px;height:9px;flex:0 0 9px;margin-top:6px;border-radius:50%;background:#c9d6cf}
.notification-preview.is-unread .notification-dot{background:#19a34a;box-shadow:0 0 0 3px rgba(25,163,74,.10)}
.notification-preview-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.notification-preview-copy strong{font-size:13px;line-height:1.4;font-weight:750}
.notification-preview-copy>span{font-size:12px;line-height:1.45;color:var(--muted,#5f6f69);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notification-preview-copy small{font-size:11px;color:var(--muted,#5f6f69);margin-top:2px}
.notification-empty{padding:22px 18px;text-align:center;color:var(--muted,#5f6f69);font-size:13px}
.notification-view-all{display:block;text-align:center;margin:6px;padding:12px;border-radius:9px;background:var(--mint);color:var(--teal-dark);text-decoration:none;font-weight:750;font-size:13px}
.notification-focus{border-color:var(--teal) !important;box-shadow:0 0 0 3px rgba(15,118,110,.18);scroll-margin-top:90px}
.notification-readall{margin:0;text-align:center}.notification-readall .linklike{font-size:12.5px;font-weight:650;color:var(--teal-dark);padding:6px 0 0}
.notification-view-all:hover{background:#dff2e5}
/* Phones: the bell moves left when the Admin badge is shown, so the list is pinned to the screen edges under the top bar instead of to the bell */
@media(max-width:520px){.notification-pop{position:fixed;left:10px;right:10px;top:66px;width:auto;max-height:calc(100vh - 140px);overflow:auto}.notification-pop:before{display:none}.notification-preview{padding:12px 14px}}

.wc-market-card{margin:0 0 24px;padding:22px;border:1px solid #dbe4df;border-radius:20px;background:#f8faf8;box-shadow:0 3px 12px #0f172a0a}
.wc-market-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wc-market-head h2{font-size:20px;margin:0;color:#13201d}.wc-market-head p{margin:5px 0 0;font-size:12px}.wc-market-head>span{font-size:12px;color:#6b7a74}
.wc-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wc-index-card{background:#fff;border:1px solid #dbe4df;border-radius:16px;padding:18px;min-width:0}
.wc-index-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.08em;color:#6b7a74}.wc-index-change{padding:5px 9px;border-radius:999px;background:#f1f6f3;color:#5f6f69;letter-spacing:0}
.wc-index-card h3{font-size:16px;margin:7px 0 16px;color:#13201d}.wc-index-value{font-size:27px;font-weight:800;letter-spacing:-.03em;color:#13201d;margin-top:14px}.wc-index-sub{font-size:12px;color:#6b7a74;margin-top:4px}
.wc-index-spark{display:block;width:100%;height:90px;margin-top:12px;overflow:visible}.wc-index-line{fill:none;stroke:#8fa098;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.wc-index-card.is-up .wc-index-change{background:#dcfce7;color:#15803d}.wc-index-card.is-up .wc-index-line{stroke:#16a34a}.wc-index-card.is-down .wc-index-change{background:#fee2e2;color:#b91c1c}.wc-index-card.is-down .wc-index-line{stroke:#dc2626}
.wc-index-disclaimer{font-size:11px;color:#8fa098;margin:14px 0 0}
@media(max-width:800px){.wc-index-grid{grid-template-columns:1fr}.wc-index-card{padding:15px}.wc-index-value{font-size:24px}}


/* Compact and align dashboard membership and stats */
.page-head + .grid.g2.mb {
    align-items: stretch !important;
    gap: 12px !important;
}

.page-head + .grid.g2.mb > .card {
    padding: 14px 18px !important;
    align-self: stretch !important;
    height: auto !important;
}

.page-head + .grid.g2.mb > .grid.g2 {
    align-self: stretch !important;
    gap: 10px !important;
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.page-head + .grid.g2.mb > .grid.g2 .stat {
    padding: 10px 14px !important;
    min-height: 0 !important;
}

.page-head + .grid.g2.mb > .grid.g2 .stat .n {
    font-size: 1.4rem !important;
    line-height: 1.2 !important;
}

.page-head + .grid.g2.mb > .grid.g2 .stat .l {
    font-size: .8rem !important;
}



/* ---- Trading Calls card refresh ---- */
.wc-trade-card{padding:1.1rem 1.2rem;border-radius:16px;min-width:0;overflow:hidden}
.wc-trade-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.wc-instrument{display:flex;align-items:center;gap:.7rem;min-width:0}
.wc-segment-icon{display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:43px;padding:0 .35rem;border-radius:12px;background:#e9effb;color:var(--navy-2);font-size:.72rem;font-weight:850;letter-spacing:.02em}
.wc-instrument h3{margin:0;font-size:1.15rem;overflow-wrap:anywhere}.wc-instrument h3 small{font-size:.78rem;font-weight:500}.wc-subtitle{font-size:.8rem;color:var(--muted);margin-top:.15rem}
.wc-quote{text-align:right;flex:0 0 auto;display:flex;flex-direction:column;gap:.05rem}.wc-quote span,.wc-quote-foot{font-size:.72rem;color:var(--muted)}.wc-quote strong{font-size:1.25rem;color:var(--navy);font-variant-numeric:tabular-nums}.wc-quote small{font-size:.75rem;font-weight:700}
.wc-positive{color:var(--green-d)!important}.wc-negative{color:var(--red)!important}
.wc-tags{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.85rem 0}.wc-tag{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:7px;background:#eef4f1;color:#46544f;font-size:.72rem;font-weight:750;line-height:1.4}.wc-tag-buy{background:var(--green-l);color:var(--green-d)}.wc-tag-sell{background:var(--red-l);color:var(--red)}
.wc-price-panel{padding:.85rem .9rem .7rem;border:1px solid var(--line);background:#fbfdfc;border-radius:12px;margin:.6rem 0}.wc-price-top{display:flex;justify-content:space-between;gap:.7rem;font-size:.77rem;color:var(--muted);margin-bottom:.65rem}.wc-price-bar{height:10px;position:relative;display:flex;border-radius:99px;overflow:visible;background:#e6eeea}.wc-bar-risk{width:25%;background:#efb8b2;border-radius:99px 0 0 99px}.wc-bar-entry{width:28%;background:#f3d28b}.wc-bar-reward{flex:1;background:#a8dec4;border-radius:0 99px 99px 0}.wc-price-marker{position:absolute;top:-5px;width:3px;height:20px;background:var(--navy);border:1px solid #fff;border-radius:3px;box-shadow:0 0 0 1px var(--navy);transform:translateX(-50%)}
.wc-price-labels{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:.5rem;margin-top:.65rem}.wc-price-labels span{display:flex;flex-direction:column;gap:.1rem}.wc-price-labels span:nth-child(2){text-align:center}.wc-price-labels span:last-child{text-align:right}.wc-price-labels small,.wc-level small{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.035em}.wc-price-labels b{font-size:.82rem;color:var(--navy);font-variant-numeric:tabular-nums}
.wc-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.75rem 0}.wc-level{min-width:0;background:var(--bg);padding:.6rem .65rem;border-radius:9px}.wc-level b{display:block;margin-top:.15rem;font-size:.94rem;color:var(--navy);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.wc-booking{padding:.75rem .8rem;background:#f2faf6;border:1px solid #d8eee3;border-radius:10px;margin:.7rem 0}.wc-booking-head{display:flex;justify-content:space-between;gap:.6rem;font-size:.82rem}.wc-booking-head b{color:var(--green-d)}.wc-booking-track{height:7px;border-radius:99px;background:#d9e9e0;overflow:hidden;margin:.55rem 0}.wc-booking-track span{display:block;height:100%;background:var(--green);border-radius:99px}.wc-booking p{font-size:.83rem;margin:.4rem 0 0}.wc-booking small{display:block;font-size:.74rem;color:var(--muted);margin-top:.35rem}.wc-quote-foot{margin:.45rem 0}.wc-rationale{margin:.7rem 0 .45rem}.wc-history{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.55rem}.wc-history summary{cursor:pointer;font-size:.82rem;font-weight:750;color:var(--navy)}.wc-history ol{list-style:none;padding:0;margin:.6rem 0 0}.wc-history li{border-left:2px solid #cfe4d9;padding:0 0 .7rem .75rem;margin-left:.25rem}.wc-history li>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem}.wc-history li small{font-size:.7rem;color:var(--muted)}.wc-history li p{font-size:.78rem;color:var(--muted);margin:.15rem 0 0;white-space:pre-wrap}.wc-card-footer{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;color:var(--muted);font-size:.72rem;margin-top:.65rem}
/* Rationale opens and closes on click; research report link (Google Drive) */
details.wc-rationale-box{padding:0;overflow:hidden}
details.wc-rationale-box>summary.wc-rationale-heading{margin:0;padding:.7rem .85rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;user-select:none}
details.wc-rationale-box>summary.wc-rationale-heading::-webkit-details-marker{display:none}
details.wc-rationale-box>summary.wc-rationale-heading::after{content:"Read ▾";font-size:.72rem;font-weight:700;color:var(--teal)}
details.wc-rationale-box[open]>summary.wc-rationale-heading::after{content:"Close ▴"}
details.wc-rationale-box>summary.wc-rationale-heading:hover{background:var(--mint)}
details.wc-rationale-box .wc-rationale{padding:0 .85rem .8rem;margin:0}
.wc-report-link{display:flex;align-items:center;gap:.45rem;margin:.6rem 0 0;padding:.6rem .85rem;border:1px solid #c7e3d8;border-radius:9px;background:var(--mint);color:var(--teal-dark);font-size:.84rem;font-weight:700;text-decoration:none}
.wc-report-link:hover{background:#d9efe6;text-decoration:none}.wc-report-ext{margin-left:auto;font-size:.7rem;font-weight:600;color:var(--muted)}
.wc-report-modal{position:fixed;inset:0;z-index:200;background:rgba(16,25,22,.62);display:flex;align-items:center;justify-content:center;padding:2vh 2vw}
.wc-report-modal[hidden]{display:none}
.wc-report-modal-box{background:#fff;border-radius:14px;box-shadow:0 22px 55px rgba(19,32,29,.35);width:min(1100px,100%);height:min(92vh,1000px);display:flex;flex-direction:column;overflow:hidden}
.wc-report-modal-head{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);background:var(--paper)}
.wc-report-modal-head strong{color:var(--ink);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-report-modal-ext{margin-left:auto;font-size:.8rem;font-weight:650;color:var(--teal-dark);white-space:nowrap}
.wc-report-modal-x{border:0;background:var(--ink);color:#fff;width:34px;height:34px;border-radius:9px;font-size:1.3rem;line-height:1;cursor:pointer;flex:none}
.wc-report-modal-x:hover{background:var(--teal-dark)}
.wc-report-modal-body{flex:1;background:#eef2f0}.wc-report-modal-body iframe{display:block;width:100%;height:100%;border:0}
html.wc-modal-open{overflow:hidden}
@media(max-width:640px){.wc-report-modal{padding:0}.wc-report-modal-box{width:100%;height:100%;border-radius:0}}
@media(max-width:640px){.wc-trade-card{padding:.9rem}.wc-trade-head{gap:.6rem}.wc-instrument{gap:.5rem}.wc-segment-icon{min-width:36px;height:36px;font-size:.65rem}.wc-instrument h3{font-size:1rem}.wc-quote strong{font-size:1.05rem}.wc-price-panel{padding:.7rem}.wc-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-price-labels b{font-size:.75rem}.wc-price-top{font-size:.7rem}}

/* Trading call cards: place separate calls side by side on wide screens */
@media (min-width: 900px) {
  .grid:has(> .wc-trade-card) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start;
    gap: 1rem;
  }
  .grid:has(> .wc-trade-card) > .wc-trade-card {
    width: 100%;
    min-width: 0;
    margin: 0;
  }
}
@media (min-width: 641px) and (max-width: 899px) {
  .grid:has(> .wc-trade-card) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .75rem;
  }
  .grid:has(> .wc-trade-card) > .wc-trade-card { min-width: 0; margin: 0; }
}
@media (max-width: 640px) {
  .grid:has(> .wc-trade-card) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* Premium trading-call preview lock */
.wc-trade-card{position:relative}
.wc-premium-lock-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#004f49;color:#fff;border-radius:999px;padding:.72rem 1rem;margin:.65rem 0 .8rem;font-size:.88rem;font-weight:750;line-height:1.25;box-shadow:0 8px 18px rgba(0,45,42,.18);position:relative;z-index:2}
.wc-premium-locked .wc-price-panel,.wc-premium-locked .wc-level-grid,.wc-premium-locked .wc-booking,.wc-premium-locked .wc-quote-foot{filter:blur(3px);user-select:none;pointer-events:none}
.wc-premium-locked .wc-card-footer{filter:none;user-select:text;pointer-events:auto}
.wc-premium-locked .wc-card-footer span + span{display:none}
.wc-premium-locked .wc-price-panel,.wc-premium-locked .wc-level-grid{opacity:.72}
.wc-premium-locked .wc-quote strong,.wc-premium-locked .wc-quote small{filter:blur(4px);user-select:none}
.wc-premium-locked .wc-rationale,.wc-premium-locked .wc-history{display:none}
@media(max-width:640px){.wc-premium-lock-banner{font-size:.78rem;padding:.65rem .75rem;white-space:normal;text-align:center;border-radius:14px}.wc-premium-locked .wc-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Server-rendered premium preview placeholders */
.wc-locked-preview{border:1px solid #dbe4df;background:#f6f9f7;border-radius:14px;padding:14px;margin:.7rem 0}
.wc-locked-preview-bar{display:flex;height:9px;overflow:hidden;border-radius:99px;margin:8px 0 12px}
.wc-locked-preview-bar span:nth-child(1){width:34%;background:#f2b3b0}
.wc-locked-preview-bar span:nth-child(2){width:29%;background:#f3d48c}
.wc-locked-preview-bar span:nth-child(3){flex:1;background:#9fdfbd}
.wc-locked-preview-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:.72rem;color:#5f6f69}
.wc-locked-preview-labels span{display:flex;flex-direction:column;gap:5px}
.wc-locked-preview-labels span:nth-child(2){text-align:center}
.wc-locked-preview-labels span:nth-child(3){text-align:right}
.wc-locked-preview-labels b{font-size:.85rem;color:#97a59f;letter-spacing:2px}
.wc-locked-preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #dbe4df;margin-top:12px;padding-top:12px}
.wc-locked-preview-metrics span{font-size:.72rem;color:#5f6f69;display:flex;flex-direction:column;gap:5px}
.wc-locked-preview-metrics b{color:#97a59f;letter-spacing:2px}
.wc-premium-cta{font-size:.82rem;color:#46544f;text-align:center;padding:.2rem .4rem .4rem}


/* Trading calls: three equal-height cards per desktop row */
.wc-trade-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem}
.wc-trade-grid>.wc-trade-card{display:flex;flex-direction:column;min-width:0;height:100%;align-self:stretch}
.wc-trade-card .wc-card-footer{margin-top:auto}
.wc-premium-lock-banner{display:flex;text-decoration:none;cursor:pointer}
.wc-premium-lock-banner:hover{background:#0c534e;text-decoration:none;transform:translateY(-1px)}
.wc-locked-preview-labels b{display:inline-block;filter:blur(5px);user-select:none;color:#5f6f69;letter-spacing:normal}
.wc-locked-preview-metrics b{letter-spacing:normal;color:#13201d;font-size:.9rem}
.wc-locked-preview-metrics b.wc-positive{color:#16834d}
.wc-locked-preview-metrics b.wc-negative{color:#d92323}
.wc-premium-cta{display:block;text-decoration:none;border-radius:9px;margin-top:auto;padding:.55rem .4rem .25rem;cursor:pointer}
.wc-premium-cta:hover{text-decoration:underline;color:#163530}
@media(max-width:1050px){.wc-trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wc-trade-grid{grid-template-columns:minmax(0,1fr)}.wc-trade-grid>.wc-trade-card{height:auto}.wc-locked-preview-labels b{filter:blur(4px)}}


/* Final overrides: three cards on desktop, one on phones; conceal premium symbol visually. */
@media (min-width: 1101px) {
  .grid.wc-trade-grid:has(> .wc-trade-card) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 641px) and (max-width: 1100px) {
  .grid.wc-trade-grid:has(> .wc-trade-card) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  .grid.wc-trade-grid:has(> .wc-trade-card) { grid-template-columns: minmax(0, 1fr) !important; }
}
.wc-premium-locked .wc-blurred-symbol { filter: blur(5px); user-select: none; }

/* Premium Research Calls header and style tabs */
.wc-research-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 2rem;margin:0 0 1.15rem;border-radius:20px;color:#fff;background:linear-gradient(112deg,#13201d 0%,#163530 55%,#0f766e 100%);box-shadow:0 14px 30px rgba(19,32,29,.16)}
.wc-research-hero-copy{min-width:0}.wc-research-eyebrow{display:block;color:#c4942f;font-size:.75rem;font-weight:800;letter-spacing:.1em;margin-bottom:.45rem}.wc-research-hero h1{color:#fff;margin:0 0 .35rem;font-size:clamp(1.45rem,2.3vw,2rem)}.wc-research-hero p{margin:0;color:rgba(255,255,255,.82);font-size:.92rem}.wc-research-stats{display:flex;gap:.65rem;flex-shrink:0}.wc-research-stat{min-width:108px;padding:.8rem .95rem;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.09)}.wc-research-stat span{display:block;font-size:.72rem;color:rgba(255,255,255,.72);margin-bottom:.3rem}.wc-research-stat strong{display:block;color:#fff;font-size:1.05rem}.wc-research-access-note{margin:.2rem 0 1rem;color:var(--muted,#5f6f69);font-size:.9rem}
.wc-research-tabs{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;width:max-content;max-width:100%;padding:.3rem;margin:0 0 1.15rem;border:1px solid #dbe4df;background:#fff;border-radius:13px}.wc-research-tabs a{display:flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:9px;color:#5f6f69;text-decoration:none;font-size:.82rem;font-weight:700;white-space:nowrap}.wc-research-tabs a span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .35rem;border-radius:999px;background:#eaf5ed;color:#419767;font-size:.72rem}.wc-research-tabs a.is-active{background:#13201d;color:#fff}.wc-research-tabs a.is-active span{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:700px){.wc-research-hero{align-items:flex-start;flex-direction:column;padding:1.2rem;gap:1rem}.wc-research-stats{width:100%}.wc-research-stat{flex:1;min-width:0}.wc-research-tabs{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.2rem;overflow:hidden}.wc-research-tabs a{justify-content:center;gap:.3rem;padding:.5rem .25rem;font-size:.76rem;min-width:0}.wc-research-tabs a span{min-width:19px;height:19px;font-size:.66rem;padding:0 .25rem}}
@media(max-width:380px){.wc-research-tabs a{flex-direction:column;gap:.15rem;padding:.4rem .15rem;font-size:.72rem}}


/* Refined rubber result stamp: cleaner ink, smaller footprint, double ring */
.wc-trade-card.wc-has-result-stamp{position:relative}
.wc-result-stamp{
  position:absolute;z-index:5;top:50%;left:50%;width:158px;height:158px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border:3px solid currentColor;border-radius:50%;text-align:center;
  font-family:"Times New Roman",Times,serif;font-weight:900;
  line-height:1.08;letter-spacing:.025em;
  transform:translate(-50%,-50%) rotate(-13deg);
  opacity:.82;pointer-events:none;mix-blend-mode:multiply;
  background:rgba(255,255,255,.10);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.45);
}
.wc-result-stamp:before{
  content:"";position:absolute;inset:6px;border:1.5px solid currentColor;border-radius:50%;
}
.wc-result-stamp:after{
  content:"";position:absolute;inset:-2px;border:1px dashed currentColor;border-radius:48% 52% 49% 51%;
  opacity:.42;transform:rotate(8deg);
}
.wc-result-stamp span{
  max-width:124px;font-family:"Times New Roman",Times,serif;font-size:17px;font-weight:900;text-transform:uppercase;
  text-shadow:.6px 0 currentColor,-.5px .3px currentColor;
}
.wc-result-stamp small{font-size:14px;font-weight:900;letter-spacing:.02em}
.wc-stamp-profit{color:#16834d;background-color:rgba(230,246,239,.18)}
.wc-stamp-loss{color:#c62828;background-color:rgba(253,236,235,.18)}
.wc-stamp-closed{color:#2f6d63;background-color:rgba(232,241,251,.18)}
/* Keep the stamp readable without the heavy diagonal hatch from the first version. */
@media(max-width:640px){
  .wc-result-stamp{width:136px;height:136px;border-width:3px;top:43%}
  .wc-result-stamp:before{inset:5px}
  .wc-result-stamp span{font-family:"Times New Roman",Times,serif;font-size:14px;font-weight:900;max-width:106px}
  .wc-result-stamp small{font-size:12px}
}
@media print{.wc-result-stamp{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Trade-card action panel replaces the header current-price block. */
.wc-action-panel{min-width:112px;max-width:42%;min-height:48px;height:48px;padding:4px 8px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-sizing:border-box;border:1px solid #cdeedd;background:linear-gradient(135deg,#e8f8ef,#d9f3e5);color:#07834c;text-align:center;flex:0 0 auto}
.wc-action-panel.wc-action-sell{border-color:#f4d1d0;background:linear-gradient(135deg,#fff0ef,#fde2e0);color:#c62828}
.wc-action-label{font-family:inherit;font-size:1.05rem;font-weight:700;line-height:1;letter-spacing:0;margin:0}
.wc-action-style{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:#5f6f69;font-family:inherit;font-size:.62rem;font-weight:600;line-height:1.1;text-align:center}
.wc-expiry-level{border:1px solid #dbe4df}
@media(max-width:640px){.wc-action-panel{min-width:92px;max-width:44%;min-height:48px;height:48px;padding:4px 6px}.wc-action-label{font-size:1rem}.wc-action-style{font-size:.6rem}}
/* ---------- Courses, indicators and news: same look as Free Trade Ideas / Premium Calls ---------- */
.wc-search{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.35rem .35rem .35rem .85rem;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}
.wc-search-ic{color:var(--muted);font-size:1.1rem}
.wc-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;padding:.45rem 0}
.wc-search .btn{padding:.55rem 1rem}.wc-search-clear{font-size:.82rem;font-weight:650;padding:0 .4rem}
.wc-lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.wc-lib-card{display:flex;flex-direction:column;gap:.55rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.15rem;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.wc-lib-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(19,32,29,.1)}
.wc-lib-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
.wc-lib-ic{width:44px;height:44px;border-radius:12px;background:var(--mint);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex:none}
.wc-lib-badges{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.wc-lib-card h3{margin:.15rem 0 0;font-size:1.05rem;line-height:1.3}.wc-lib-card h3 a{color:var(--ink)}
.wc-lib-card p{margin:0;color:var(--muted);font-size:.88rem}
.wc-lib-meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin-top:auto;padding-top:.45rem;border-top:1px dashed var(--line);font-size:.78rem;color:var(--muted)}
.wc-lib-free{color:var(--teal-dark);font-weight:700}
.wc-lib-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem .9rem;border-radius:10px;background:var(--teal);color:#fff;font-weight:700;font-size:.9rem;text-decoration:none}
.wc-lib-btn:hover{background:var(--teal-dark);color:#fff;text-decoration:none}
.wc-lib-btn.is-preview{background:var(--brand-gold);color:#15201d}.wc-lib-btn.is-preview:hover{background:#d6a43a;color:#15201d}
.wc-lib-btn.is-disabled{background:var(--line);color:var(--muted);cursor:default}
.wc-lib-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:2.4rem 1rem;background:#fff;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.wc-lib-empty span{font-size:2rem}.wc-lib-empty b{color:var(--ink);font-size:1rem}
.wc-howto{margin-top:.1rem}
.wc-back{display:inline-block;margin:0 0 .7rem;font-size:.86rem;font-weight:650}
.wc-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--shadow)}
.wc-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.wc-panel-head h2{margin:0}
.wc-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}
.wc-course-side{position:sticky;top:80px;display:flex;flex-direction:column;gap:.7rem}.wc-course-side h3{margin:0}
.wc-facts{display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;margin:0;font-size:.86rem}.wc-facts dt{color:var(--muted)}.wc-facts dd{margin:0;font-weight:700;color:var(--ink)}
.wc-lessons{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.wc-lesson{display:flex;align-items:center;gap:.8rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.wc-lesson:hover{border-color:#c7e3d8;background:#fff}
.wc-lesson-n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}
.wc-lesson.is-locked .wc-lesson-n{background:var(--line);font-size:.9rem}
.wc-lesson-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.wc-lesson-main b a{color:var(--ink)}
.wc-lesson-main small{color:var(--muted);font-size:.8rem}.wc-lesson-tags{display:flex;gap:.3rem;flex-wrap:wrap}
.wc-lesson.is-locked b{color:var(--muted)}
.wc-lesson-lock{flex:none;font-size:.78rem;font-weight:800;color:#8a6416;background:var(--gold-l);border:1px solid #ecd9a8;border-radius:99px;padding:.3rem .7rem;text-decoration:none}
.wc-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .8rem;font-size:.84rem;color:var(--muted)}.wc-crumbs b{color:var(--ink)}
.wc-reader{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(1.1rem,3vw,2.2rem);box-shadow:var(--shadow);max-width:900px}
.wc-reader-head{border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.1rem}
.wc-reader-head h1{font-size:clamp(1.4rem,2.6vw,2rem);margin:.2rem 0 .5rem;color:var(--ink)}
.wc-reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.82rem;color:var(--muted)}
.wc-reader-lead{margin:.8rem 0 0;font-size:1.02rem;color:var(--text);font-weight:500}
.wc-reader-body{font-size:1rem;line-height:1.75;color:var(--text)}
.wc-reader-source{margin:1.2rem 0 0;padding-top:.8rem;border-top:1px dashed var(--line);font-size:.85rem;color:var(--muted)}
.wc-file{display:flex;align-items:center;gap:.8rem;margin-top:1.3rem;padding:.8rem .9rem;border:1px solid #c7e3d8;border-radius:12px;background:var(--mint)}
.wc-file-ic{flex:none;width:44px;height:44px;border-radius:10px;background:var(--teal-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.72rem}
.wc-file div{flex:1;min-width:0;display:flex;flex-direction:column}.wc-file small{color:var(--muted)}
.wc-pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;max-width:900px}
.wc-pn a{display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;box-shadow:var(--shadow)}
.wc-pn a:hover{border-color:var(--teal);text-decoration:none}.wc-pn small{color:var(--muted);font-size:.76rem}.wc-pn b{color:var(--ink)}
.wc-pn-next{text-align:right}.wc-pn a.is-locked{background:var(--gold-l);border-color:#ecd9a8}
.wc-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.wc-news-card{display:flex;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.wc-news-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(19,32,29,.1)}
.wc-news-date{flex:none;width:56px;height:60px;border-radius:12px;background:linear-gradient(160deg,#13201d,#0c534e);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.wc-news-date b{font-size:1.35rem}.wc-news-date span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#c4942f;margin-top:.2rem}
.wc-news-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}
.wc-news-meta{display:flex;align-items:center;gap:.5rem;font-size:.76rem;color:var(--muted)}
.wc-news-body h3{margin:0;font-size:1.02rem;line-height:1.35}.wc-news-body h3 a{color:var(--ink)}
.wc-news-body p{margin:0;color:var(--muted);font-size:.86rem}
.wc-readmore{font-size:.82rem;font-weight:700;margin-top:auto}
@media(max-width:1100px){.wc-lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-course-layout{grid-template-columns:1fr}.wc-course-side{position:static}}
@media(max-width:700px){.wc-lib-grid,.wc-news-grid{grid-template-columns:1fr}.wc-pn{grid-template-columns:1fr}.wc-pn-next{text-align:left}.wc-lesson{flex-wrap:wrap}.wc-lesson .btn{margin-left:46px}}

/* Public Free Trade Ideas page: login prompt above the locked cards */
.wc-guest-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;padding:1rem 1.15rem;border:1px solid #ecd9a8;border-radius:14px;background:var(--gold-l)}
.wc-guest-cta div:first-child{display:flex;flex-direction:column;gap:.2rem}.wc-guest-cta b{color:var(--ink);font-size:1rem}.wc-guest-cta span{color:#6b4a0e;font-size:.88rem}
.wc-guest-cta-btns{display:flex;gap:.5rem;flex:none}
.wc-guest-cta-btns .btn.ghost{background:var(--brand-gold);color:#15201d;border:0}
.wc-guest-cta-btns .btn.ghost:hover{background:#d6a43a}
@media(max-width:640px){.wc-guest-cta{flex-direction:column;align-items:stretch}.wc-guest-cta-btns .btn{flex:1}}

/* Public / login pages: the same top menu as the main website (white header, ink text, gold / teal buttons) */
.topbar.site-menu{background:rgba(255,255,255,.97);color:var(--ink);min-height:78px;padding:.6rem clamp(14px,3vw,40px);box-shadow:0 10px 35px rgba(18,32,29,.08);border-bottom:1px solid var(--line);gap:1.2rem;flex-wrap:nowrap}
.site-menu .brand{color:var(--ink);gap:.75rem;padding:0;font-size:1rem}
.site-menu .brand-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(13,24,21,.12);overflow:hidden;flex:none}
.site-menu .brand-mark img{width:44px;height:44px;object-fit:contain}
.site-menu .brand-text strong,.site-menu .brand-text small{display:block;line-height:1.2;white-space:nowrap}
.site-menu .brand-text small{margin-top:2px;font-size:.72rem;font-weight:600;opacity:.75}
.site-menu .topnav{gap:20px;font-size:.92rem;font-weight:700;flex-wrap:nowrap}
.site-menu .topnav a{color:var(--ink);opacity:.85;white-space:nowrap;text-decoration:none}
.site-menu .topnav a:hover,.site-menu .topnav a.on{opacity:1}
.site-menu .topnav .nav-free{color:#8a6416;opacity:1}
.site-menu .topnav .nav-login{padding:9px 14px;border:1px solid var(--line);border-radius:8px;opacity:1}
.site-menu .topnav .nav-dash{padding:10px 15px;border-radius:8px;background:var(--teal);color:#fff;opacity:1}
.site-menu .topnav .nav-dash:hover{background:var(--teal-dark)}
.site-menu .topnav .nav-cta{padding:10px 15px;border-radius:8px;background:var(--brand-gold);color:#16221f;opacity:1}
.site-menu .menu-btn{color:var(--ink);border-color:var(--line);margin-left:auto}
@media (max-width:1380px) and (min-width:1101px){.site-menu .topnav{gap:13px;font-size:.85rem}.site-menu .topnav .nav-login,.site-menu .topnav .nav-dash,.site-menu .topnav .nav-cta{padding:8px 11px}}
@media (max-width:1100px){
  .topbar.site-menu{flex-wrap:wrap;min-height:70px}
  .site-menu .menu-btn{display:inline-block}
  .site-menu .topnav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:.4rem 0 .6rem}
  .site-menu .topnav.open{display:flex}
  .site-menu .topnav a{padding:12px 6px;border-bottom:1px solid var(--line)}
  .site-menu .topnav .nav-login,.site-menu .topnav .nav-dash,.site-menu .topnav .nav-cta{text-align:center;margin-top:8px;border-bottom:0}
  .site-menu .topnav .nav-login{border:1px solid var(--line)}
}
@media (max-width:480px){.site-menu .brand-text small{display:none}.site-menu .brand-mark{width:44px;height:44px}.site-menu .brand-mark img{width:38px;height:38px}}

/* ---------- Login / sign-up: split screen (brand panel + form) ---------- */
.auth-wrap:has(.auth-split){max-width:none;margin:0;padding:0}
body:has(.auth-split) .site-menu{display:none}   /* login / sign-up: no top menu (the logo links back to the website) */
body:has(.auth-split) .wc-footer{display:none}  /* ...and no footer: the page is exactly one screen, nothing cut at the top or bottom */
body:has(.auth-split) .auth-split{min-height:100vh;min-height:100dvh}
/* messages such as "You have been logged out" float on top instead of pushing the page down */
.auth-wrap:has(.auth-split)>.alert{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:60;width:min(440px,calc(100% - 32px));margin:0;box-shadow:0 12px 30px rgba(19,32,29,.18);animation:wc-toast 5s ease forwards}
@keyframes wc-toast{0%{opacity:0;transform:translate(-50%,-8px)}6%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-8px);visibility:hidden}}
.auth-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 78px)}
.auth-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);color:#fff;overflow:hidden;
  background:radial-gradient(circle at 85% 95%,rgba(196,148,47,.32),transparent 42%),radial-gradient(circle at 10% 0%,rgba(15,118,110,.45),transparent 50%),linear-gradient(150deg,#13201d 0%,#163530 55%,#0c534e 100%)}
.auth-brand-logo{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-size:1.1rem}
.auth-brand-logo:hover{text-decoration:none}
.auth-brand-logo span{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.auth-brand-copy{max-width:470px}
.auth-brand-copy h2{color:#fff;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15;margin:0 0 .8rem;letter-spacing:-.01em}
.auth-brand-copy p{color:rgba(255,255,255,.8);margin:0 0 1.3rem;font-size:1rem}
.auth-brand-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.auth-brand-copy li{display:flex;gap:.6rem;align-items:flex-start;color:rgba(255,255,255,.92);font-size:.95rem}
.auth-brand-copy li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:#2fbf86;color:#0c2a20;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:1px}
.auth-brand-foot{color:rgba(255,255,255,.6);font-size:.78rem}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3rem) 1.2rem;background:var(--paper)}
.auth-form{width:100%;max-width:430px}
.auth-mobile-logo{display:none}
.auth-form h1{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0 0 .35rem;color:var(--ink);letter-spacing:-.01em}
.auth-sub{color:var(--muted);margin:0 0 1.4rem}
.auth-form .alert{margin:0 0 1rem}
.auth-fields{display:grid;gap:1rem}
.af-group{display:grid;gap:.4rem}.af-group label{font-weight:700;font-size:.9rem;color:var(--ink)}.af-opt{font-weight:500;color:var(--muted)}
.af-field{position:relative;display:flex;align-items:center}
.af-field>svg{position:absolute;left:14px;width:19px;height:19px;color:#68776f;pointer-events:none}
.af-field input{width:100%;height:50px;padding:0 46px 0 44px;border:1px solid var(--line);border-radius:12px;background:#eef4f1;font:inherit;font-size:.95rem;color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}
.af-field input:focus{outline:0;background:#fff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.16)}
.af-eye{position:absolute;right:8px;width:34px;height:34px;border:0;background:transparent;border-radius:8px;color:#68776f;cursor:pointer;display:grid;place-items:center}
.af-eye svg{width:19px;height:19px}.af-eye:hover,.af-eye.is-on{color:var(--teal-dark);background:var(--mint)}
.af-hint{color:var(--muted);font-size:.78rem}
.auth-row{display:flex;justify-content:space-between;align-items:center;margin-top:-.3rem;font-size:.88rem}.auth-row a{font-weight:650}
.auth-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;color:var(--muted);cursor:pointer}.auth-check input{margin-top:.2rem;flex:none;width:17px;height:17px;accent-color:var(--teal)}
.auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:52px;margin-top:.3rem;border:0;border-radius:12px;background:linear-gradient(135deg,#13201d,#0c534e);color:#fff;font:800 1rem/1 inherit;cursor:pointer;text-decoration:none;box-shadow:0 10px 24px rgba(19,32,29,.22);transition:transform .12s,box-shadow .12s}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(19,32,29,.28);color:#fff;text-decoration:none}
.auth-submit:disabled{opacity:.7;cursor:wait;transform:none}
.auth-switch{text-align:center;margin:1.3rem 0 0;color:var(--muted);font-size:.9rem}.auth-switch a{font-weight:800;color:var(--ink)}
.auth-done{text-align:center}.auth-done>span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--mint);color:var(--teal-dark);font-size:1.8rem;margin-bottom:.8rem}
.auth-done .auth-submit{margin-top:1.2rem}
@media(max-width:900px){
  .auth-split{grid-template-columns:1fr;min-height:0}
  .auth-brand{display:none}   /* phones: just the form, with the logo and a centred heading on top */
  .auth-panel{padding:1.8rem 1.1rem 2.6rem;background:#f4f7f5}
  .auth-mobile-logo{display:block;width:72px;margin:0 auto 1rem}.auth-mobile-logo img{display:block;width:72px;height:72px;object-fit:contain}
  .auth-form h1{text-align:center;font-size:1.75rem}
  .auth-sub{text-align:center;margin-bottom:1.5rem}
  .af-field input{background:#fff;border-color:#dfe7e3;box-shadow:0 1px 2px rgba(19,32,29,.04)}
}

/* ---------- Footer: compact registration line + disclaimer ---------- */
.wc-footer{background:#fff;border-top:1px solid var(--line);margin-top:2.5rem;padding:1.6rem clamp(16px,3vw,40px) 1.3rem;color:var(--muted)}
.wcf-inner{max-width:1180px;margin:0 auto;display:grid;gap:1rem}
.wcf-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem 1.5rem;flex-wrap:wrap}
.wcf-brand{display:flex;flex-direction:column;gap:.15rem}
.wcf-brand strong{color:var(--ink);font-size:1rem}.wcf-brand span{font-size:.8rem}
.wcf-links{display:flex;flex-wrap:wrap;gap:.35rem .5rem}
.wcf-links a{font-size:.8rem;font-weight:650;color:var(--teal-dark);padding:.3rem .65rem;border:1px solid var(--line);border-radius:99px;background:var(--paper);text-decoration:none}
.wcf-links a:hover{border-color:var(--teal);background:var(--mint);text-decoration:none}
.wcf-disclaimer{margin:0;padding:.85rem 1rem;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:.78rem;line-height:1.65;color:#52615c}
.wcf-disclaimer b{color:var(--ink)}
.wcf-bottom{display:flex;justify-content:space-between;gap:.4rem 1rem;flex-wrap:wrap;font-size:.78rem}
.wcf-bottom a{color:var(--teal-dark);font-weight:600}
body.auth .wc-footer{margin-top:0}
@media(max-width:640px){.wcf-top,.wcf-bottom{flex-direction:column;align-items:flex-start}}

/* ---------- Account pages: subscription, payments, profile, KYC, settings, help ---------- */
.wc-research-stat strong{overflow-wrap:anywhere}
.acct-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start;margin-bottom:1rem}
.acct-side{display:grid;gap:1rem}.acct-side h3{margin:0}
.acct-progress{height:9px;border-radius:99px;background:var(--line);overflow:hidden;margin:1rem 0 .35rem}.acct-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--brand-gold))}
.acct-steps{list-style:none;counter-reset:st;margin:0 0 1rem;padding:0;display:grid;gap:.8rem}
.acct-steps li{counter-increment:st;display:grid;grid-template-columns:30px 1fr;gap:.1rem .7rem}
.acct-steps li::before{content:counter(st);grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--teal-dark);font-weight:800;display:flex;align-items:center;justify-content:center}
.acct-steps b{color:var(--ink)}.acct-steps span{color:var(--muted);font-size:.86rem;white-space:pre-line}
.acct-steps.is-compact{gap:.55rem}.acct-steps.is-compact li::before{width:24px;height:24px;font-size:.78rem}.acct-steps.is-compact li{grid-template-columns:24px 1fr}
.acct-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.acct-plan{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem;box-shadow:var(--shadow)}
.acct-plan h3{margin:0}.acct-price{font-size:1.6rem;font-weight:800;color:var(--teal-dark)}.acct-price small{font-size:.85rem;color:var(--muted);font-weight:600}
.acct-plan ul{list-style:none;margin:.2rem 0 .6rem;padding:0;display:grid;gap:.35rem;font-size:.88rem}
.acct-plan li::before{content:"✓ ";color:var(--teal);font-weight:800}
.acct-plan .wc-lib-btn{margin-top:auto}
.acct-who{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.acct-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#13201d,#0f766e);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;flex:none}
.acct-who div{display:flex;flex-direction:column;min-width:0}.acct-who b{color:var(--ink);font-size:1.05rem}.acct-who small{color:var(--muted);overflow-wrap:anywhere}
.af-field.is-readonly input{background:var(--paper);color:var(--muted)}
.acct-links{display:grid;gap:.45rem}.acct-links a{padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-weight:650;font-size:.88rem;color:var(--ink);text-decoration:none}
.acct-links a:hover{border-color:var(--teal);background:var(--mint);text-decoration:none}
.acct-tips{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;font-size:.86rem;color:var(--muted)}
.acct-kyc-box.is-none,.acct-kyc-box.is-rejected{border-color:#ecd9a8;background:var(--gold-l)}
.help-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.help-card{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s}
.help-card:hover{transform:translateY(-2px);text-decoration:none;border-color:var(--teal)}
.help-card span{font-size:1.5rem}.help-card b{font-size:1.02rem}.help-card small{color:var(--muted)}
.help-card.is-wa{background:linear-gradient(135deg,#0c534e,#0f766e);color:#fff;border:0}.help-card.is-wa small{color:rgba(255,255,255,.8)}
.help-group{margin:1.1rem 0 .5rem;font-size:.9rem;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.05em}.help-group:first-of-type{margin-top:0}
.help-faq{margin:0 0 .5rem}
.kyc-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.kyc-three{display:grid;grid-template-columns:1fr 1fr 140px;gap:1rem}
.kyc-textarea,.kyc-select{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;background:#eef4f1;font:inherit;font-size:.95rem;color:var(--ink)}
.kyc-select{height:50px}.kyc-textarea:focus,.kyc-select:focus{outline:0;background:#fff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.16)}
.kyc-file{position:absolute;width:1px;height:1px;opacity:0}
.kyc-drop{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1.1rem;border:2px dashed #c7e3d8;border-radius:12px;background:var(--mint);cursor:pointer;text-align:center}
.kyc-drop:hover{border-color:var(--teal)}.kyc-drop span{font-size:1.4rem}.kyc-drop b{color:var(--teal-dark)}.kyc-drop small{color:var(--muted);overflow-wrap:anywhere}
.kyc-file:focus+.kyc-drop,.kyc-drop:focus-within{outline:2px solid var(--teal)}
.kyc-status{display:flex;gap:.8rem;align-items:center;padding:1rem;border-radius:12px;margin-bottom:1rem;background:var(--gold-l);border:1px solid #ecd9a8}
.kyc-status.is-verified{background:var(--mint);border-color:#c7e3d8}
.kyc-status>span{width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:var(--teal-dark);flex:none}
.kyc-status div{display:flex;flex-direction:column}.kyc-status b{color:var(--ink)}.kyc-status small{color:var(--muted)}
.kyc-facts{margin-bottom:1rem}
@media(max-width:1100px){.acct-grid{grid-template-columns:1fr}}
@media(max-width:700px){.help-cards,.kyc-two,.kyc-three{grid-template-columns:1fr}}
.kyc-gate{display:flex;gap:.9rem;align-items:center;margin:0 0 1rem;padding:1rem 1.15rem;border-radius:14px;background:linear-gradient(135deg,#5a3d0c,#2f2410);color:#fff;box-shadow:0 8px 24px rgba(19,32,29,.18)}
.kyc-gate>span{font-size:1.6rem;width:46px;height:46px;border-radius:50%;background:rgba(196,148,47,.25);display:flex;align-items:center;justify-content:center;flex:none}
.kyc-gate div{display:flex;flex-direction:column;gap:.2rem}.kyc-gate b{font-size:1rem}.kyc-gate small{color:rgba(255,255,255,.82);font-size:.86rem}

/* =================== Admin panel =================== */
/* sidebar: group titles + icons */
.sidebar .nav-group{display:block;margin:1rem .75rem .35rem;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.sidebar .nav-group:first-child{margin-top:.2rem}
/* page header */
.adm-head{margin:0 0 1.1rem;padding:1.15rem 1.3rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);border-left:4px solid var(--teal)}
.adm-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.adm-eyebrow{display:block;color:#8a6416;font-size:.7rem;font-weight:800;letter-spacing:.1em;margin-bottom:.25rem}
.adm-head h1{margin:0 0 .25rem;font-size:clamp(1.3rem,2vw,1.65rem);color:var(--ink)}
.adm-head p{margin:0;color:var(--muted);font-size:.9rem;max-width:760px}
.adm-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.adm-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.adm-stat{display:flex;flex-direction:column;gap:.1rem;min-width:130px;padding:.6rem .85rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.adm-stat b{font-size:1.15rem;color:var(--ink)}.adm-stat span{font-size:.74rem;color:var(--muted)}
.adm-stat.is-good{background:var(--mint);border-color:#c7e3d8}.adm-stat.is-good b{color:var(--teal-dark)}
.adm-stat.is-warn{background:var(--gold-l);border-color:#ecd9a8}.adm-stat.is-warn b{color:#8a6416}
/* dashboard tiles */
.adm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.adm-tile{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}
.adm-tile:hover{transform:translateY(-2px);border-color:var(--teal);text-decoration:none}
.adm-tile-ic{width:36px;height:36px;border-radius:10px;background:var(--mint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;margin-bottom:.35rem}
.adm-tile-ic .ic{width:19px;height:19px}
.adm-tile b{font-size:1.6rem;line-height:1.1}.adm-tile small{color:var(--muted);font-size:.8rem;font-weight:600}
.adm-tile.is-good .adm-tile-ic{background:var(--teal);color:#fff}
.adm-tile.is-warn{background:var(--gold-l);border-color:#ecd9a8}.adm-tile.is-warn .adm-tile-ic{background:var(--brand-gold);color:#15201d}
.adm-tile.is-warn::after{content:"Needs attention";position:absolute;top:.8rem;right:.8rem;font-size:.62rem;font-weight:800;color:#8a6416;text-transform:uppercase;letter-spacing:.04em}
.adm-note{margin:0 0 1rem;padding:.65rem 1rem;border-radius:10px;background:#fff;border:1px dashed var(--line);font-size:.86rem;color:var(--muted)}
.adm-quick{margin:0 0 1rem}.adm-quick h2{font-size:1rem;margin:0 0 .6rem}
.adm-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
.adm-quick-grid a{display:flex;flex-direction:column;gap:.2rem;padding:.85rem;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.adm-quick-grid a:hover{border-color:var(--teal);background:var(--mint);text-decoration:none}
.adm-quick-grid .ic{width:20px;height:20px;color:var(--teal-dark);margin-bottom:.2rem}.adm-quick-grid b{font-size:.86rem}.adm-quick-grid small{font-size:.74rem;color:var(--muted)}
.adm-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
/* tables, tabs, search, chips */
body.is-admin .tablewrap{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.wc-panel .tablewrap{box-shadow:none}
body.is-admin table th{background:var(--paper);color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
body.is-admin table tbody tr:hover td{background:#f6faf8}
.adm-table td{vertical-align:middle}
.adm-empty{color:var(--muted);text-align:center;padding:1.2rem!important}
.adm-chip{display:inline-block;padding:.12rem .55rem;border-radius:99px;background:var(--paper);border:1px solid var(--line);font-size:.76rem;font-weight:650;white-space:nowrap}
body.is-admin .tabs{gap:.35rem;padding:.3rem;background:#fff;border:1px solid var(--line);border-radius:13px;width:max-content;max-width:100%}
body.is-admin .tabs a{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:.86rem;border-radius:9px;text-decoration:none}
body.is-admin .tabs a:hover{background:var(--paper);color:var(--ink)}
body.is-admin .tabs a.on{background:var(--ink);color:#fff}
.adm-count{display:inline-block;min-width:20px;padding:0 .35rem;margin-left:.2rem;border-radius:99px;background:var(--mint);color:var(--teal-dark);font-size:.7rem;text-align:center}
.tabs a.on .adm-count{background:rgba(255,255,255,.18);color:#fff}
.adm-search{max-width:640px}
/* older admin pages that use .page-head / .card: same look as the new header and panels */
body.is-admin .page-head{padding:1.05rem 1.25rem;background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:16px;box-shadow:var(--shadow);align-items:center}
body.is-admin .page-head h1{margin:0;font-size:clamp(1.25rem,2vw,1.55rem)}
body.is-admin .page-head p{margin:.2rem 0 0}
body.is-admin .card{border-radius:16px}
/* manual activation steps */
.adm-flow{list-style:none;counter-reset:fl;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:0 0 1rem;padding:0}
.adm-flow li{counter-increment:fl;display:flex;flex-direction:column;gap:.1rem;padding:.75rem .9rem;background:#fff;border:1px solid var(--line);border-radius:12px}
.adm-flow li::before{content:"Step " counter(fl);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a6416}
.adm-flow li.is-on{border-color:var(--teal);background:var(--mint)}
.adm-flow b{font-size:.9rem}.adm-flow span{font-size:.76rem;color:var(--muted)}
@media(max-width:1200px){.adm-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.adm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-two{grid-template-columns:1fr}.adm-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.adm-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-stat{min-width:0;flex:1 1 45%}.adm-tile.is-warn::after{display:none}}
.adm-row-actions{display:flex;flex-wrap:nowrap;gap:.3rem;align-items:center}.adm-row-actions form{margin:0}
body.is-admin .adm-table td:last-child{white-space:nowrap}

/* Locked dashboard for visitors who are not logged in */
.guest-dash-hero{align-items:center}
.guest-dash-cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.guest-dash-cta .btn.guest-btn-gold{background:var(--brand-gold);color:#15201d}.guest-dash-cta .btn.guest-btn-gold:hover{background:#d6a43a;color:#15201d}
.guest-dash-cta .btn.guest-btn-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}.guest-dash-cta .btn.guest-btn-light:hover{background:rgba(255,255,255,.12);color:#fff}
.guest-locked-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1rem}
.guest-locked{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.2rem;background:#fff;border:1px dashed #c7e3d8;border-radius:16px;text-decoration:none;color:var(--ink)}
.guest-locked:hover{border-color:var(--teal);background:var(--mint);text-decoration:none}
.guest-locked span{font-size:1.5rem}.guest-locked b{font-size:1rem}.guest-locked small{color:var(--muted)}
.guest-locked em{font-style:normal;font-weight:800;font-size:.82rem;color:var(--teal-dark);margin-top:.3rem}
@media(max-width:800px){.guest-locked-grid{grid-template-columns:1fr}}

/* ---- Member dashboard: membership card, quick numbers, "locked for you" upgrade panel ---- */
.dash-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;margin:0 0 1.3rem}
.dash-plan{display:flex;flex-direction:column;gap:.55rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.3rem;box-shadow:var(--shadow)}
.dash-plan.is-premium{border-color:#ecd9a8;background:linear-gradient(135deg,#fffdf6 0%,#fff8e8 100%)}
.dash-plan.is-expiring{border-color:#f0b4ad}
.dash-plan-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.dash-plan-label{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dash-plan-name{font-size:1.45rem;font-weight:800;line-height:1.2;color:var(--ink)}
.dash-plan-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem;font-size:.9rem;color:var(--muted)}
.dash-plan-meta b{color:var(--ink)} .dash-plan-meta .dash-days{font-size:1.6rem;color:var(--teal-dark)}
.dash-plan .acct-progress{margin:.2rem 0 0}
.dash-plan-warn{margin:0;padding:.6rem .8rem;border-radius:10px;background:var(--red-l);color:var(--red);font-weight:700;font-size:.86rem}
.dash-plan-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.3rem}
.dash-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.1rem;border-radius:10px;border:1px solid transparent;background:var(--teal);color:#fff;font-weight:800;font-size:.9rem;text-decoration:none}
.dash-btn:hover{background:var(--teal-dark);color:#fff;text-decoration:none}
.dash-btn.gold{background:var(--brand-gold);color:#15201d}.dash-btn.gold:hover{background:#d6a43a;color:#15201d}
.dash-btn.ghost{background:#fff;color:var(--teal-dark);border-color:var(--line)}.dash-btn.ghost:hover{background:var(--mint);border-color:var(--teal)}
.dash-btn.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}.dash-btn.light:hover{background:rgba(255,255,255,.14);color:#fff}
.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.dash-stat{display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none}
.dash-stat:hover{border-color:var(--teal);text-decoration:none}
.dash-stat b{font-size:1.65rem;line-height:1.1}.dash-stat span{font-size:.82rem;font-weight:600;color:var(--muted)}
.dash-stat.is-gold{border-color:#ecd9a8;background:#fffcf3}.dash-stat.is-gold b{color:var(--gold)}
.dash-unlock{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.4rem;align-items:center;padding:1.5rem 1.7rem;margin:0 0 1.4rem;border-radius:20px;color:#fff;background:linear-gradient(112deg,#3a2a08 0%,#6b4a0e 48%,#c4942f 100%);box-shadow:0 14px 30px rgba(107,74,14,.25)}
.dash-unlock-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#ffe2a3}
.dash-unlock h2{margin:.35rem 0 .45rem;font-size:1.5rem;color:#fff}
.dash-unlock p{margin:0 0 .6rem;color:rgba(255,255,255,.9)}
.dash-unlock-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.dash-unlock-list li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .9rem;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:600}
.dash-unlock-list li b{font-size:1.1rem;white-space:nowrap}
.dash-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin:1.5rem 0 .6rem}
.dash-section-head h2{margin:0}.dash-section-head p{margin:.15rem 0 0}.dash-section-head a{font-weight:700;white-space:nowrap}
.dash-cta-strip{display:flex;justify-content:space-between;align-items:center;gap:.8rem 1.2rem;flex-wrap:wrap;padding:.9rem 1.1rem;margin:-.3rem 0 1.4rem;border-radius:14px;background:var(--gold-l);border:1px solid #ecd9a8;color:#6b4a0e;font-weight:700}
@media (max-width:900px){.dash-top,.dash-unlock{grid-template-columns:1fr}.dash-unlock{padding:1.3rem 1.2rem}}
@media (max-width:480px){.dash-stats{gap:.6rem}.dash-stat{padding:.85rem .9rem}.dash-stat b{font-size:1.4rem}.dash-section-head{flex-direction:column;align-items:flex-start;gap:.3rem}}
.dash-welcome{margin:0 0 .35rem;font-size:1.6rem;line-height:1.2;color:var(--ink)}
.dash-locked{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;border-radius:14px;color:#fff;background:linear-gradient(112deg,#3a2a08 0%,#6b4a0e 55%,#c4942f 100%);box-shadow:0 8px 20px rgba(107,74,14,.2)}
.dash-locked-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#ffe2a3}
.dash-locked-title{font-size:1.08rem;line-height:1.3}
.dash-locked-sub{font-size:.84rem;font-weight:600;color:rgba(255,255,255,.9)}
.dash-locked-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}
.dash-locked-chips span{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:.78rem;font-weight:600}
/* Free member: welcome card with the Premium highlight beside it (stacked on phones) */
.dash-top.is-free{grid-template-columns:1fr}
.dash-plan.dash-free{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:1.3rem;align-items:center}
.dash-free-me{display:flex;flex-direction:column;gap:.45rem}
.dash-locked{padding:1.1rem 1.2rem;gap:.4rem}
.dash-locked p{margin:0;font-size:.88rem;color:rgba(255,255,255,.9)}
.dash-locked .dash-plan-actions{margin-top:.35rem}
@media (max-width:900px){.dash-plan.dash-free{grid-template-columns:1fr;gap:1rem}}
.wc-delay-disclaimer{white-space:nowrap}@media (max-width:339px){.wc-delay-disclaimer{white-space:normal}}  /* one line on phones; wraps only on very small screens */
.dash-more{display:flex;justify-content:center;margin:1rem 0 1.4rem}
@media (max-width:480px){.dash-section-head{flex-direction:row;align-items:flex-start;gap:.6rem}.dash-section-head h2{font-size:1.1rem}.dash-section-head a{font-size:.86rem;padding-top:.15rem}}  /* "All ..." link stays beside the heading on phones */
/* Phones: compact welcome card so Free Trade Ideas shows on the first screen */
@media (max-width:600px){
  .dash-top{margin-bottom:.9rem}
  .dash-plan.dash-free{gap:.7rem;padding:.85rem .9rem}
  .dash-free-me{gap:.2rem}
  .dash-free-me .dash-welcome{font-size:1.2rem;margin:0}
  .dash-free-me .dash-plan-head{justify-content:flex-start}
  .dash-free-me .dash-plan-name{display:none}
  .dash-free-me .dash-plan-label::after{content:" · Free plan";text-transform:none;letter-spacing:0}
  .dash-free-me .dash-plan-head .badge,.dash-free-me > p{display:none}
  .dash-locked{padding:.7rem .8rem;gap:.25rem;border-radius:12px}
  .dash-locked-eyebrow{font-size:.64rem}
  .dash-locked-title{font-size:.95rem}
  .dash-locked p{display:none}
  .dash-locked .dash-plan-actions{flex-wrap:nowrap;gap:.45rem;margin-top:.3rem}
  .dash-locked .dash-btn{flex:1;padding:.5rem .4rem;font-size:.8rem;white-space:nowrap}
}
/* Phones: slimmer "Turn on notifications" banner */
@media (max-width:600px){
  .wc-push-banner{gap:.4rem .6rem;padding:.6rem .75rem;margin-bottom:.8rem}
  .wc-push-banner-ic{display:none}
  .wc-push-banner-text strong{font-size:.9rem}
  .wc-push-banner-text span{font-size:.76rem;line-height:1.35}
  .wc-push-cta{padding:.48rem .8rem;font-size:.8rem}
}
/* Trade "Update" (profit booking): open/close box in the same style as Rationale; the booked result stays visible when closed */
.wc-update-box .wc-update-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;min-width:0}
.wc-update-box .wc-update-title b{font-size:.8rem;font-weight:800}
.wc-update-box .wc-update-body{padding:0 .85rem .8rem}
.wc-update-box .wc-update-body p{margin:0;font-size:.83rem;color:var(--text)}
.wc-update-box .wc-update-body small{display:block;margin-top:.3rem;font-size:.74rem;color:var(--muted)}
.wc-premium-locked .wc-update-box{filter:blur(3px);user-select:none;pointer-events:none}
/* Indicators: preview image, compliance note, two-column cards, action buttons */
.wc-ind-note{margin:-.4rem 0 1rem;padding:.6rem .85rem;border:1px solid #d5e1db;border-radius:10px;background:#f6f9f7;color:#52615c;font-size:.8rem;line-height:1.5}
.wc-lib-grid.wc-ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wc-ind-card .wc-lib-top{align-items:flex-start}
.wc-ind-card .wc-lib-top h3{margin:0}
.wc-ind-card p{font-size:.86rem;line-height:1.55}
.wc-ind-shot{position:relative;display:block;margin:-.2rem -.15rem .2rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:16/9}
.wc-ind-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;transition:transform .25s}
.wc-ind-shot:hover img{transform:scale(1.02)}
.wc-ind-shot span{position:absolute;left:.5rem;bottom:.5rem;padding:.18rem .5rem;border-radius:99px;background:rgba(19,32,29,.72);color:#fff;font-size:.68rem;font-weight:600}
.wc-ind-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.wc-ind-actions .wc-lib-btn{flex:1 1 180px}
.wc-lib-btn.is-ghost{background:#fff;color:var(--teal-dark);border:1px solid var(--line)}.wc-lib-btn.is-ghost:hover{background:var(--mint);border-color:var(--teal);color:var(--teal-dark)}
.wc-ind-card.is-locked .wc-ind-shot img{filter:saturate(.85)}
@media(max-width:800px){.wc-lib-grid.wc-ind-grid{grid-template-columns:1fr}}
.wc-ind-shot img{object-fit:contain;object-position:center}  /* show the whole chart */
.wc-ind-disclaimer{margin:1.4rem 0 .5rem;padding:1rem 1.15rem;border:1px solid #e6c65d;border-left:5px solid var(--brand-gold);border-radius:12px;background:#fff6d6;color:#5c4a14}.wc-ind-disclaimer h2{margin:0 0 .5rem;font-size:1rem;color:#6b4a0e}.wc-ind-disclaimer p{margin:0 0 .5rem;font-size:.82rem;line-height:1.6}.wc-ind-disclaimer p:last-child{margin-bottom:0}.wc-ind-disclaimer b{color:#3a2a08}
@media(max-width:700px){.wc-research-stats{gap:.45rem}.wc-research-stat{padding:.65rem .6rem}.wc-research-stat strong{font-size:clamp(.8rem,3.6vw,1rem);white-space:nowrap;overflow-wrap:normal}}  /* phones: three equal tiles, value on one line (e.g. lock + Premium) */
@media(max-width:700px){.wc-research-stats{display:grid;grid-template-columns:1fr 1fr 1.3fr}.wc-research-stat strong{font-size:clamp(.78rem,3.4vw,1rem)}}  /* last tile (Access) a bit wider for "lock + Premium" */
/* Indicator description: bold lead line + check-mark bullets */
.wc-ind-card p.wc-ind-lead{margin:0;font-size:.93rem;font-weight:700;color:var(--ink);line-height:1.45}
.wc-ind-points{list-style:none;margin:.1rem 0 0;padding:0;display:grid;gap:.4rem}
.wc-ind-points li{position:relative;padding-left:1.55rem;font-size:.85rem;line-height:1.45;color:var(--muted)}
.wc-ind-points li::before{content:"✓";position:absolute;left:0;top:.05rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--mint);color:var(--teal-dark);font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.wc-ind-points li b{color:var(--ink);font-weight:700}
.wc-ind-card p.wc-ind-small{margin:0;padding:.45rem .65rem;border-radius:8px;background:var(--paper);font-size:.76rem;color:var(--muted)}
/* "Where is my TradingView username?" - looping CSS clip (16s, 4 scenes) inside "How to get access & use" */
.tvg{margin:0 .85rem .8rem;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.tvg-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;background:var(--ink);color:#fff;font-size:.8rem;font-weight:700}
.tvg-head small{font-weight:600;color:rgba(255,255,255,.65);font-size:.7rem}
.tvg-screen{position:relative;aspect-ratio:16/9;background:#eef2f0;overflow:hidden}
.tvg-bar{display:flex;align-items:center;gap:4px;height:12%;padding:0 3%;background:#dfe6e2;border-bottom:1px solid #cdd8d2}
.tvg-bar i{width:7px;height:7px;border-radius:50%;background:#b9c6bf;flex:none}
.tvg-url{position:relative;flex:1;height:62%;margin-left:3%;border-radius:99px;background:#fff;font-size:clamp(.5rem,1.9vw,.72rem);color:#52615c}
.tvg-url b{position:absolute;inset:0;display:flex;align-items:center;padding:0 .7em;font-weight:600;white-space:nowrap;overflow:hidden}
.tvg-url em{font-style:normal;padding:0 .2em;border-radius:4px;background:#ffe9a8;color:#3a2a08}
.tvg-url-a{animation:tvg-a 16s infinite}.tvg-url-b{opacity:0;animation:tvg-c 16s infinite}
.tvg-page{position:absolute;inset:12% 0 0 0}
.tvg-top{display:flex;justify-content:space-between;align-items:center;height:16%;padding:0 4%;background:#fff;border-bottom:1px solid #e3e9e6}
.tvg-logo{font-weight:800;font-size:clamp(.55rem,2vw,.8rem);color:#13201d}
.tvg-avatar{display:flex;align-items:center;justify-content:center;width:clamp(16px,5%,26px);aspect-ratio:1;border-radius:50%;background:var(--teal);color:#fff;font-size:clamp(.5rem,1.6vw,.7rem);font-weight:800;animation:tvg-ping 16s infinite}
.tvg-avatar.big{width:clamp(28px,12%,52px);font-size:clamp(.8rem,3vw,1.2rem);animation:none}
.tvg-chart{position:absolute;inset:24% 6% 8% 6%;border-radius:6px;background:#fff;border:1px solid #e3e9e6;padding:3%}
.tvg-chart svg{width:100%;height:100%}
.tvg-menu{position:absolute;top:15%;right:3%;width:44%;display:flex;flex-direction:column;gap:.15em;padding:.6em .7em;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(19,32,29,.22);font-size:clamp(.5rem,1.8vw,.74rem);opacity:0;transform:translateY(-6px);animation:tvg-b 16s infinite}
.tvg-menu b{color:#13201d}
.tvg-menu small{color:#8a9893;font-size:.9em;border-top:1px solid #eef2f0;padding-top:.2em}
.tvg-user{align-self:flex-start;padding:.1em .35em;border-radius:4px;background:#ffe9a8;color:#3a2a08;font-weight:700;animation:tvg-glow 16s infinite}
.tvg-profile{position:absolute;inset:16% 0 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;background:#fff;font-size:clamp(.6rem,2.2vw,.9rem);opacity:0;animation:tvg-c 16s infinite}
.tvg-profile b{padding:.1em .4em;border-radius:5px;background:#ffe9a8;color:#3a2a08}
.tvg-profile small{color:#8a9893;font-size:.75em}
.tvg-chat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6%;background:#e5ddd5;opacity:0;animation:tvg-d 16s infinite}
.tvg-chat span{max-width:80%;padding:.6em .8em;border-radius:10px 10px 2px 10px;background:#d9fdd3;color:#13201d;font-size:clamp(.6rem,2.2vw,.88rem);box-shadow:0 2px 6px rgba(0,0,0,.12);margin-left:auto}
.tvg-cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #13201d;background:rgba(196,148,47,.55);left:45%;top:60%;animation:tvg-cur 16s infinite}
.tvg-steps{margin:0;padding:.6rem .8rem .7rem 2rem;display:grid;gap:.25rem;font-size:.78rem;color:var(--muted)}
.tvg-steps li{padding:.15rem .35rem;border-radius:6px;animation:tvg-step 16s infinite}
.tvg-steps li:nth-child(2){animation-delay:4s}.tvg-steps li:nth-child(3){animation-delay:8s}.tvg-steps li:nth-child(4){animation-delay:12s}
.tvg-steps b{color:var(--ink)}
@keyframes tvg-a{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes tvg-b{0%,24%{opacity:0;transform:translateY(-6px)}26%,49%{opacity:1;transform:none}51%,100%{opacity:0}}
@keyframes tvg-c{0%,49%{opacity:0}51%,100%{opacity:1}}
@keyframes tvg-d{0%,74%{opacity:0}76%,100%{opacity:1}}
@keyframes tvg-ping{0%,15%{box-shadow:0 0 0 0 rgba(196,148,47,0)}20%{box-shadow:0 0 0 6px rgba(196,148,47,.6)}25%,100%{box-shadow:0 0 0 0 rgba(196,148,47,0)}}
@keyframes tvg-glow{0%,30%{box-shadow:none}36%,46%{box-shadow:0 0 0 3px rgba(196,148,47,.55)}50%,100%{box-shadow:none}}
@keyframes tvg-cur{0%{left:45%;top:60%;opacity:1}18%,26%{left:calc(96% - 22px);top:17%;opacity:1}38%,46%{left:68%;top:33%;opacity:1}50%,100%{opacity:0;left:68%;top:33%}}
@keyframes tvg-step{0%,24%{background:#fff3cd;color:var(--ink)}25%,100%{background:transparent;color:var(--muted)}}
@media(prefers-reduced-motion:reduce){.tvg *{animation:none!important}.tvg-menu{opacity:1;transform:none}.tvg-cursor{display:none}}
.wc-ind-card p.wc-ind-lead{font-weight:400;color:var(--text)}  /* headline under the indicator name: normal weight */
/* Indicator access guide: WhatsApp first, then numbered steps with short looping clips */
.tvx{display:flex;flex-direction:column;gap:.7rem;padding:0 .85rem .8rem}
.tvx .tvg{margin:0}
.tvx-key{display:flex;flex-direction:column;gap:.55rem;padding:.75rem .85rem;border:1px solid #e6c65d;border-left:4px solid var(--brand-gold);border-radius:10px;background:#fff6d6}
.tvx-key p{margin:0;font-size:.84rem;color:#5c4a14;line-height:1.5}.tvx-key b{color:#3a2a08}
.tvx-step{display:flex;gap:.6rem;align-items:flex-start}
.tvx-step>div{min-width:0}
.tvx-step b{display:block;font-size:.88rem;color:var(--ink)}
.tvx-step p{margin:.15rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.5}.tvx-step p b{display:inline;font-size:inherit}
.tvx-no{flex:none;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--teal);color:#fff;font-size:.78rem;font-weight:800}
.tvx-3 li{animation:tvx-step 12s infinite}.tvx-3 li:nth-child(2){animation-delay:4s}.tvx-3 li:nth-child(3){animation-delay:8s}
@keyframes tvx-step{0%,32%{background:#fff3cd;color:var(--ink)}33%,100%{background:transparent;color:var(--muted)}}

/* clip 2: Boost + Use on chart (12s) */
.tvg-b2 .tvg-avatar,.tvg-b3 .tvg-avatar{animation:none}
.b2-script{position:absolute;inset:16% 4% 4% 4%;display:flex;flex-direction:column;gap:5%;animation:b2-a 12s infinite}
.b2-mini{height:48%;border:1px solid #e3e9e6;border-radius:6px;background:#fff;padding:2%}.b2-mini svg{width:100%;height:100%}
.b2-row{display:flex;align-items:center;gap:3%;font-size:clamp(.5rem,1.9vw,.76rem)}
.b2-row span{display:inline-flex;align-items:center;gap:.25em;padding:.35em .7em;border-radius:7px;border:1px solid #13201d;background:#fff;color:#13201d;font-weight:600;white-space:nowrap}
.b2-use{animation:b2-press 12s infinite}
.b2-boost{position:relative;border-color:#cfd8d4!important;animation:b2-boost 12s infinite}
.b2-boost i{font-style:normal}.b2-n7{display:none}
.b2-n6{animation:b2-n6 12s infinite}.b2-n7{animation:b2-n7 12s infinite}
.b2-more{border-color:transparent!important;background:transparent!important}
.b2-name{font-size:clamp(.55rem,2vw,.82rem);color:#13201d}
.b2-done{position:absolute;inset:16% 0 0 0;display:flex;flex-direction:column;background:#fff;opacity:0;animation:b2-b 12s infinite}
.b2-price{flex:1.5;padding:3% 4% 1%}.b2-price svg{width:100%;height:100%}
.b2-pane{flex:1;position:relative;border-top:1px solid #e3e9e6;padding:6% 4% 3%}
.b2-pane span{position:absolute;top:4%;left:4%;font-size:clamp(.45rem,1.6vw,.66rem);color:#13201d;font-weight:600}
.b2-pane svg{width:100%;height:100%}
.b2-toast{position:absolute;top:6%;right:4%;padding:.3em .7em;border-radius:99px;background:#0f766e;color:#fff;font-size:clamp(.5rem,1.7vw,.7rem);font-weight:700}
.b2-cur{animation:b2-cur 12s infinite}
@keyframes b2-a{0%,64%{opacity:1}67%,100%{opacity:0}}
@keyframes b2-b{0%,64%{opacity:0}67%,100%{opacity:1}}
@keyframes b2-n6{0%,26%{display:inline}27%,100%{display:none}}
@keyframes b2-n7{0%,26%{display:none}27%,100%{display:inline}}
@keyframes b2-boost{0%,18%{box-shadow:none}22%,30%{box-shadow:0 0 0 3px rgba(196,148,47,.6);background:#fff3cd}34%,100%{box-shadow:none}}
@keyframes b2-press{0%,42%{background:#fff;color:#13201d}46%,60%{background:#13201d;color:#fff}64%,100%{background:#fff;color:#13201d}}
@keyframes b2-cur{0%{left:60%;top:30%;opacity:1}20%,30%{left:44%;top:66%;opacity:1}44%,56%{left:16%;top:66%;opacity:1}62%,100%{left:16%;top:66%;opacity:0}}

/* clip 3: free plan - remove an old indicator, then add (12s) */
.b3-chart{position:absolute;inset:6% 4% 6% 4%;border:1px solid #e3e9e6;border-radius:6px;background:#fff;padding:14% 3% 3%}.b3-chart svg{width:100%;height:100%}
.b3-legend{position:absolute;top:9%;left:7%;display:flex;flex-direction:column;gap:.2em;font-size:clamp(.5rem,1.7vw,.7rem);color:#13201d}
.b3-legend span{display:flex;align-items:center;gap:.5em;white-space:nowrap;overflow:hidden}
.b3-old{animation:b3-old 12s infinite}
.b3-icons{font-style:normal;opacity:0;animation:b3-icons 12s infinite}
.b3-icons em{font-style:normal;padding:0 .2em;border-radius:4px;animation:b3-bin 12s infinite}
.b3-new{color:#0f766e;font-weight:700;opacity:0;max-height:0;animation:b3-new 12s infinite}
.b3-toast{position:absolute;right:6%;bottom:10%;padding:.35em .75em;border-radius:8px;font-size:clamp(.5rem,1.7vw,.7rem);font-weight:700;opacity:0}
.b3-warn{background:#fdeceb;color:#c0392b;border:1px solid #f0b4ad;animation:b3-warn 12s infinite}
.b3-ok{background:#0f766e;color:#fff;animation:b3-ok 12s infinite}
.b3-cur{animation:b3-cur 12s infinite}
@keyframes b3-warn{0%,3%{opacity:0}6%,40%{opacity:1}44%,100%{opacity:0}}
@keyframes b3-ok{0%,70%{opacity:0}74%,100%{opacity:1}}
@keyframes b3-old{0%,56%{opacity:1;max-height:2em}62%,100%{opacity:0;max-height:0}}
@keyframes b3-icons{0%,28%{opacity:0}32%,58%{opacity:1}62%,100%{opacity:0}}
@keyframes b3-bin{0%,42%{background:transparent}46%,58%{background:#fdeceb;box-shadow:0 0 0 2px #e05561}62%,100%{background:transparent}}
@keyframes b3-new{0%,66%{opacity:0;max-height:0}72%,100%{opacity:1;max-height:2em}}
@keyframes b3-cur{0%{left:60%;top:60%;opacity:1}28%,36%{left:12%;top:12%;opacity:1}46%,56%{left:30%;top:12%;opacity:1}64%,100%{left:30%;top:12%;opacity:0}}
@media(prefers-reduced-motion:reduce){.b2-script{opacity:1}.b2-done{display:none}.b3-warn{opacity:1}.b3-icons{opacity:1}}
.b2-count{display:inline-grid}.b2-count i{grid-area:1/1;display:inline!important}
.b2-row .b2-count{padding:0;border:0;background:none}
.b2-n6{animation:b2-n6o 12s infinite}.b2-n7{opacity:0;animation:b2-n7o 12s infinite}
@keyframes b2-n6o{0%,26%{opacity:1}27%,100%{opacity:0}}
@keyframes b2-n7o{0%,26%{opacity:0}27%,100%{opacity:1}}
/* Indicator guide (Premium) - one collapsible box under the search; Join Premium box for free members */
.wc-ind-guide{margin:0 0 1rem;border:1px solid #cfe5db;border-radius:14px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.wc-ind-guide>summary{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;cursor:pointer;list-style:none;background:linear-gradient(90deg,var(--mint),#fff)}
.wc-ind-guide>summary::-webkit-details-marker{display:none}
.wc-ind-guide>summary:hover{background:var(--mint)}
.wc-ind-guide-ic{flex:none;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--teal);font-size:1.15rem}
.wc-ind-guide>summary>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.wc-ind-guide>summary b{font-size:.98rem;color:var(--ink)}.wc-ind-guide>summary small{font-size:.8rem;color:var(--muted)}
.wc-ind-guide>summary em{font-style:normal;font-size:.78rem;font-weight:800;color:var(--teal-dark);white-space:nowrap}
.wc-ind-guide[open]>summary em{font-size:0}.wc-ind-guide[open]>summary em::after{content:"Close ▴";font-size:.78rem}
.wc-ind-guide .tvx{padding:.9rem 1rem 1rem;max-width:760px}
.wc-ind-join{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;padding:.85rem 1rem;border:1px solid #e6c65d;border-left:5px solid var(--brand-gold);border-radius:12px;background:#fff6d6}
.wc-ind-join>span{font-size:1.4rem}
.wc-ind-join>div{flex:1;min-width:0;display:flex;flex-direction:column}
.wc-ind-join b{color:#3a2a08}.wc-ind-join small{font-size:.8rem;color:#5c4a14}
.wc-ind-join .wc-lib-btn{flex:none;white-space:nowrap}
@media(max-width:560px){.wc-ind-join{flex-wrap:wrap}.wc-ind-join .wc-lib-btn{width:100%}}
.wc-ind-guide .tvg{width:100%;max-width:420px;margin-left:2.1rem}@media(max-width:560px){.wc-ind-guide .tvg{margin-left:0}}  /* clips at a comfortable size, under their step */
/* Plan services: "not in your plan" banner and the services list on the dashboard plan card */
.wc-plan-upgrade{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;padding:.85rem 1rem;border:1px solid #e6c65d;border-left:5px solid var(--brand-gold);border-radius:12px;background:#fff6d6}
.wc-plan-upgrade>span{font-size:1.35rem}
.wc-plan-upgrade>div{flex:1;min-width:0;display:flex;flex-direction:column}
.wc-plan-upgrade b{color:#3a2a08}.wc-plan-upgrade small{font-size:.82rem;color:#5c4a14}
.wc-plan-upgrade .wc-lib-btn{flex:none;white-space:nowrap}
@media(max-width:560px){.wc-plan-upgrade{flex-wrap:wrap}.wc-plan-upgrade .wc-lib-btn{width:100%}}
.dash-services{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.dash-services li{padding:.25rem .6rem;border-radius:99px;font-size:.76rem;font-weight:700;border:1px solid var(--line)}
.dash-services li.is-on{background:var(--mint);color:var(--teal-dark);border-color:#cfe5db}
.dash-services li.is-off{background:#f4f5f4;color:#8a9893}
.dash-plan-upsell{margin:0;padding:.55rem .75rem;border-radius:10px;background:#fff3cd;color:#6b4a0e;font-size:.82rem;font-weight:600}
.acct-plan-services{list-style:none;margin:.3rem 0 .6rem;padding:0;display:grid;gap:.25rem;font-size:.82rem}.acct-plan-services li.is-on{color:var(--teal-dark);font-weight:600}.acct-plan-services li.is-off{color:#a3aeaa;text-decoration:line-through}.acct-plan-tag{align-self:flex-start;padding:.2rem .55rem;border-radius:99px;background:#fff3cd;color:#6b4a0e;font-size:.72rem;font-weight:800}
.acct-plan .acct-plan-services li::before{content:none}  /* services list has its own ✓ / ✕ */
.acct-grid.acct-grid-1{grid-template-columns:1fr}.acct-howto{margin-top:1.2rem}.acct-steps.acct-steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}@media(max-width:800px){.acct-steps.acct-steps-row{grid-template-columns:1fr;gap:.55rem}}
.adm-change{padding:.9rem 1rem;border:1px solid #cfe5db;border-radius:12px;background:#f6fbf8}.adm-change>p{margin:0 0 .5rem}
[id^="sec-"]{scroll-margin-top:84px}.adm-inline-msg{margin:.6rem 0;font-weight:600}
.su-steps{list-style:none;margin:.8rem 0 1rem;padding:0;display:grid;gap:.4rem}.su-steps li{padding:.5rem .75rem;border-radius:10px;font-size:.88rem;font-weight:600}.su-steps li.is-done{background:var(--mint);color:var(--teal-dark)}.su-steps li.is-todo{background:#fff6d6;color:#6b4a0e}.su-log{margin-top:1rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:.84rem}.su-log ul{margin:.4rem 0 0;padding-left:1.1rem}.su-banner{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;padding:.85rem 1rem;border:1px solid #e6c65d;border-left:5px solid var(--brand-gold);border-radius:12px;background:#fff6d6}.su-banner>span{font-size:1.3rem}.su-banner>div{flex:1;display:flex;flex-direction:column}.su-banner small{color:#5c4a14}@media(max-width:560px){.su-banner{flex-wrap:wrap}.su-banner .btn{width:100%}}
/* Stock search with auto-fill (admin) */
.ss-wrap{position:relative;width:100%}
.ss-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(19,32,29,.18)}
.ss-opt{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;border:0;border-bottom:1px solid #eef2f0;background:#fff;text-align:left;cursor:pointer;font:inherit;font-size:.86rem;color:var(--text)}
.ss-opt b{min-width:7.5rem;color:var(--ink)}.ss-opt span{flex:1;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-opt:hover,.ss-opt.is-active{background:var(--mint)}
.ss-tag{font-style:normal;flex:none;padding:.1rem .45rem;border-radius:99px;background:#fff3cd;color:#6b4a0e;font-size:.68rem;font-weight:800}
.ss-none{padding:.7rem .8rem;color:var(--muted);font-size:.85rem}
.ss-info{margin:.45rem 0 0;padding:.6rem .75rem;border:1px solid #cfe5db;border-radius:10px;background:#f6fbf8;font-size:.82rem;display:flex;flex-direction:column;gap:.3rem}
.ss-info.is-loading{color:var(--muted)}
.ss-info-head{display:flex;align-items:center;gap:.5rem}.ss-info-head b{color:var(--ink)}
.ss-info-line{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--text)}
.ss-info-line i{font-style:normal;font-weight:700}.ss-up{color:var(--teal-dark)}.ss-down{color:var(--red)}
.ss-muted{color:var(--muted);font-size:.78rem}.ss-warn{color:#8a6416;font-weight:600}
.ss-link{border:0;background:none;padding:0;color:var(--teal-dark);font:inherit;font-weight:700;cursor:pointer}
.ss-filled{background:#fff3cd!important;transition:background .4s}
.ss-info[hidden],.ss-menu[hidden]{display:none}
.ss-menu{min-width:min(360px,90vw);right:auto}
/* Account menu (top right) */
.um-caret{font-size:.7rem;color:var(--muted)}
details.menu[open] .um-caret{transform:rotate(180deg)}
.menu-pop.um-pop{min-width:270px;max-width:calc(100vw - 24px);padding:0;overflow:hidden;border-radius:14px;box-shadow:0 14px 34px rgba(19,32,29,.16)}
.um-head{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;background:linear-gradient(112deg,#13201d 0%,#163530 60%,#0f766e 100%);color:#fff}
.um-head .um-av{width:40px;height:40px;flex:none;background:#c4942f;color:#15201d;font-size:1.05rem}
.um-head>div{min-width:0;display:flex;flex-direction:column}
.um-head b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.um-head small{font-size:.76rem;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.um-plan{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.um-plan a{font-weight:700;color:var(--teal-dark)}
.um-links{display:flex;flex-direction:column;padding:.35rem 0}
.menu-pop.um-pop .um-links a{display:flex;align-items:center;gap:.65rem;width:auto;padding:.55rem 1rem;color:var(--text);font-size:.9rem;text-decoration:none}
.um-links a .ic{width:18px;height:18px;color:var(--teal-dark);flex:none}
.um-links a:hover{background:var(--mint);text-decoration:none}
.um-out{margin:0;border-top:1px solid var(--line)}
.menu-pop.um-pop .um-out button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.7rem 1rem;border:0;background:#fff;color:var(--red);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;text-align:left}
.um-out button:hover{background:var(--red-l)}
.um-out button .ic{width:18px;height:18px;color:var(--red)}
/* Learning Classes: WC Market Mastery Program showcase */
.ac-card{margin:0 0 1.6rem;padding:1.4rem 1.5rem;border:1px solid #e6c65d;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(19,32,29,.08)}
.ac-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.2rem;align-items:stretch}
.ac-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#8a6416}
.ac-intro h2{margin:.3rem 0 .35rem;font-size:1.55rem;color:var(--ink)}
.ac-intro>p{margin:0 0 .9rem;color:var(--muted)}
.ac-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.ac-facts li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;padding:.6rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.ac-facts li span{grid-row:1/3;font-size:1.3rem}.ac-facts li b{font-size:.9rem;color:var(--ink)}.ac-facts li small{font-size:.74rem;color:var(--muted)}
.ac-access{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.1rem 1.2rem;border-radius:16px;color:#fff;background:linear-gradient(135deg,#13201d 0%,#163530 55%,#0f766e 100%)}
.ac-access b{font-size:1.05rem}.ac-access p{margin:0;color:rgba(255,255,255,.85);font-size:.88rem}
.ac-access .dash-btn{align-self:flex-start;margin-top:.3rem}
.ac-h{margin:1.4rem 0 .7rem;font-size:1.1rem;color:var(--ink)}
.ac-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:start}
.ac-mod{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.ac-mod>summary{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:.65rem;align-items:center;padding:.75rem .9rem;cursor:pointer;list-style:none}
.ac-mod>summary::-webkit-details-marker{display:none}
.ac-mod>summary:hover{background:var(--mint)}
.ac-no{grid-column:2;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.ac-ic{grid-row:1/3;grid-column:1;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:10px;background:var(--mint);font-size:1.15rem}
.ac-mod>summary b{grid-column:2;font-size:.95rem;color:var(--ink)}
.ac-mod>summary small{grid-column:3;grid-row:1/3;font-size:.74rem;color:var(--muted);white-space:nowrap}
.ac-mod>summary small::after{content:" ▾"}.ac-mod[open]>summary small::after{content:" ▴"}
.ac-mod ol{margin:0;padding:.2rem 1rem .9rem 2.6rem;display:grid;gap:.3rem;font-size:.86rem;color:var(--text)}
.ac-mod ol li::marker{color:var(--teal);font-weight:700}
.ac-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem .3rem;align-items:center}
.ac-flow li{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem .4rem .45rem;border-radius:99px;background:var(--mint);color:var(--teal-dark);font-size:.82rem;font-weight:700}
.ac-flow li span{display:flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--teal);color:#fff;font-size:.72rem}
.ac-flow li:not(:last-child)::after{content:"→";margin-left:.35rem;color:#8a9893}
.ac-flow li:last-child{background:#fff3cd;color:#6b4a0e}.ac-flow li:last-child span{background:var(--brand-gold);color:#15201d}
.ac-note{margin:1.1rem 0 0;padding:.6rem .8rem;border-radius:10px;background:var(--paper);color:var(--muted);font-size:.78rem}
@media(max-width:900px){.ac-top,.ac-modules{grid-template-columns:1fr}}
@media(max-width:480px){.ac-card{padding:1rem}.ac-facts{grid-template-columns:1fr}.ac-intro h2{font-size:1.3rem}}
.ac-modules .ac-mod:last-child:nth-child(odd){grid-column:1/-1}  /* odd module count: last one spans the full row */

/* ---- accessibility (audit 20 Oct 2026) ---- */
/* skip link: hidden until it gets keyboard focus */
.skip-link{position:absolute;left:.75rem;top:-100px;z-index:1000;background:#0c534e;color:#fff;padding:.6rem 1rem;border-radius:8px;font-weight:700;text-decoration:none}
.skip-link:focus{top:.75rem;outline:3px solid #f5b301;outline-offset:2px}
#main-content:focus{outline:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* readable grey for "not included" services and the index update time (WCAG AA 4.5:1) */
.acct-plan-services li.is-off{color:#5f6f69}
.dash-services li.is-off{color:#5f6f69}
#wc-index-updated{color:#5f6f69}
/* links inside text are underlined, so they do not rely on colour alone */
.nudge a,.alert a,td>a:not(.btn):not(.mp-btn),p a:not(.btn):not(.dash-btn):not(.mp-btn){text-decoration:underline;text-underline-offset:2px}
/* search boxes: visible focus ring on the whole box */
.wc-search:focus-within{box-shadow:0 0 0 3px rgba(15,118,110,.35);border-color:#0f766e}
/* scrollable tables reached with the keyboard */
.tablewrap[tabindex]:focus-visible{outline:3px solid #0f766e;outline-offset:2px}
/* animated guide clips: a pause button (WCAG 2.2.2) and no motion for people who ask for less */
.anim-paused,.anim-paused *{animation-play-state:paused!important}
.anim-toggle{display:inline-flex;align-items:center;gap:.35rem;margin:.4rem 0 .2rem;padding:.35rem .7rem;border:1px solid #cfd8d4;border-radius:999px;background:#fff;color:#13201d;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.anim-toggle:hover{background:#f2f6f4}
@media (prefers-reduced-motion:reduce){.anim-toggle{display:none}}
/* admin lists: icon action buttons and table titles */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #d5ded9;border-radius:9px;background:#fff;color:#2f3d38;cursor:pointer;text-decoration:none}
.icon-btn .ic{width:17px;height:17px}
.icon-btn:hover{background:#f2f6f4;border-color:#b9c7c0;color:#0c534e}
.icon-btn:focus-visible{outline:3px solid #0f766e;outline-offset:2px}
.icon-btn.is-go{background:#0f766e;border-color:#0f766e;color:#fff}.icon-btn.is-go:hover{background:#0c534e}
.icon-btn.is-danger{color:#b42318;border-color:#f1c4bf}.icon-btn.is-danger:hover{background:#fdeceb;border-color:#e59b93;color:#912018}
.adm-list-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1.3rem 0 .6rem;font-size:1.05rem}
.adm-list-title small{font-size:.78rem;font-weight:500;color:#5f6f69}.row-lock{display:inline-flex;align-items:center;gap:.3rem;height:34px;padding:0 .6rem;border-radius:9px;background:#f2f4f3;color:#46544f;font-size:.78rem;font-weight:700;white-space:nowrap}
/* recent-notifications popup: no underline when the pointer is over an item (the item already highlights) */
.notification-pop a,.notification-pop a:hover,.notification-pop a:focus{text-decoration:none}.notification-tools{display:flex;justify-content:center;gap:1.4rem;padding:4px 12px 0}.quick-pick{display:flex;gap:.5rem;align-items:stretch}.quick-pick input{flex:1;min-width:0}.quick-pick select{flex:0 0 auto;max-width:48%}
/* trade cards: clearer colours (requested 20 Oct 2026) */
/* green that reads as green, also on the light-green "target hit" card (contrast 4.5:1+) */
.wc-positive{color:#137a3d!important}
.wc-locked-preview-metrics b.wc-positive{color:#137a3d}
/* labels above the numbers (CMP, Stop loss, Entry, Target-1, Risk, Upside, Holding period ...) darker and a bit bolder */
.wc-price-top{color:#2f3d38;font-weight:600}
.wc-price-labels small,.wc-level small,.wc-levels-group .wc-level small{color:#3a4843;font-weight:600}
.wc-locked-preview-labels,.wc-locked-preview-metrics span{color:#3a4843}
.wc-levels-footer{color:#3a4843}
/* My subscription: plan comparison table */
.cmp-wrap{margin-top:.6rem;border:1px solid var(--line);border-radius:14px;background:#fff}
.cmp-table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:.88rem}
.cmp-table th,.cmp-table td{padding:.65rem .75rem;border-bottom:1px solid #edf1ef;text-align:center;vertical-align:middle}
.cmp-table tbody th[scope=row],.cmp-table tfoot th{text-align:left;font-weight:500;color:#1d2a26}
.cmp-table thead th{vertical-align:bottom;padding-top:1rem;border-bottom:2px solid var(--line)}
.cmp-feature-h{text-align:left!important;font-size:.78rem;color:#3a4843;text-transform:uppercase;letter-spacing:.05em}
.cmp-plan span{display:block}
.cmp-name{font-size:1rem;font-weight:800;color:#13201d}
.cmp-price{font-size:1.25rem;font-weight:800;color:#0c534e;margin-top:.2rem}
.cmp-sub{font-size:.74rem;color:#3a4843;font-weight:500;margin-top:.1rem}
.cmp-tag{display:inline-block!important;margin:0 auto .35rem;padding:.15rem .55rem;border-radius:999px;background:#e7f4ef;color:#0c534e;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cmp-tag.is-best{background:#fff3cd;color:#6b4a0e}
.cmp-table .is-best{background:#fffbef}
.cmp-table .is-current{background:#f2f9f6}
.cmp-group th{text-align:left!important;background:#f6f8f7;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#3a4843;padding:.45rem .75rem}
.cmp-yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dff3e8;color:#137a3d;font-weight:800}
.cmp-no{color:#8a9893;font-weight:700}
.cmp-table tfoot td{font-weight:700;color:#13201d}
.cmp-cta td,.cmp-cta th{border-bottom:0;padding-bottom:1rem}
.cmp-btn{display:inline-block;padding:.55rem 1rem;border-radius:10px;background:#0f766e;color:#fff!important;font-weight:700;text-decoration:none!important;white-space:nowrap}
.cmp-btn:hover{background:#0c534e}
.cmp-btn.is-best{background:#c4942f}.cmp-btn.is-best:hover{background:#a67b22}
.cmp-btn:focus-visible{outline:3px solid #0f766e;outline-offset:2px}
/* first column stays visible while the plans scroll sideways on phones */
.cmp-table tbody th[scope=row],.cmp-table tfoot th,.cmp-feature-h{position:sticky;left:0;z-index:1;background:#fff;min-width:170px;max-width:220px}
.cmp-table .cmp-group th{position:static}
@media (max-width:640px){.cmp-table{font-size:.8rem}.cmp-table th,.cmp-table td{padding:.5rem .45rem}.cmp-price{font-size:1.05rem}}.cmp-table th{text-transform:none;letter-spacing:0}
.cmp-table tbody th[scope=row],.cmp-table tfoot th{font-size:.88rem;font-weight:500;white-space:normal;width:260px;min-width:200px;max-width:none;line-height:1.35}
.cmp-table .cmp-feature-h,.cmp-table .cmp-group th{text-transform:uppercase;letter-spacing:.05em}
.cmp-table thead .cmp-sub{text-transform:none}
@media (max-width:640px){.cmp-table tbody th[scope=row],.cmp-table tfoot th{min-width:150px;width:150px;font-size:.8rem}}.cmp-swipe{display:none;margin:.4rem 0 0;color:#3a4843;font-weight:600}
@media (max-width:760px){.cmp-swipe{display:block}}.cmp-text{display:inline-block;font-size:.8rem;font-weight:700;color:#0c534e;line-height:1.3}
.cmp-note{margin:.7rem 0 .2rem;padding:.6rem .8rem;border-left:4px solid #c4942f;border-radius:8px;background:#fff8e8;color:#4a3a12;font-size:.85rem}
/* Premium Plus = "Most popular": dark raised header, outlined column, the eye-catching gold button */
.cmp-wrap{padding-top:14px}
.cmp-table thead th.is-popular{background:#0c534e!important;color:#fff;border-radius:14px 14px 0 0;border-bottom-color:#0c534e;box-shadow:0 -14px 0 #0c534e,inset 2px 0 0 #0c534e,inset -2px 0 0 #0c534e;position:relative;z-index:2}
.cmp-table thead th.is-popular .cmp-name{color:#fff;font-size:1.08rem}
.cmp-table thead th.is-popular .cmp-price{color:#ffd77a;font-size:1.4rem}
.cmp-table thead th.is-popular .cmp-sub{color:#d8eee6}
.cmp-tag.is-popular{background:#f5b301;color:#13201d;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.cmp-table td.is-popular{background:#eef8f4;box-shadow:inset 2px 0 0 #0c534e,inset -2px 0 0 #0c534e}
.cmp-table .cmp-cta td.is-popular{box-shadow:inset 2px 0 0 #0c534e,inset -2px 0 0 #0c534e,inset 0 -2px 0 #0c534e;border-radius:0 0 14px 14px}
.cmp-btn.is-best{background:#0f766e}.cmp-btn.is-best:hover{background:#0c534e}
.cmp-btn.is-popular{background:#c4942f;padding:.7rem 1.3rem;font-size:1rem;box-shadow:0 6px 16px rgba(196,148,47,.35)}
.cmp-btn.is-popular:hover{background:#a67b22}/* the sticky first column stays above the raised "Most popular" header while the plans scroll sideways */
.cmp-table .cmp-feature-h,.cmp-table tbody th[scope=row],.cmp-table tfoot th{z-index:3}/* no side lines on the "Most popular" column (only the raised header and a light tint) */
.cmp-table td.is-popular,.cmp-table .cmp-cta td.is-popular{box-shadow:none}
.cmp-table thead th.is-popular{box-shadow:0 -14px 0 #0c534e}
/* Plan cards (21 Oct 2026): one card per plan family, a duration switch on top (radios + CSS, no script) */
.pl-wrap{margin:.6rem 0 1.4rem}
.pl-toggle{display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto 1.6rem}
.pl-toggle label{cursor:pointer;padding:.55rem 1.1rem;border:1px solid #c9d6d1;background:#fff;color:#1d2a26;font-size:.9rem;font-weight:600;margin-left:-1px}
.pl-toggle label:first-child{border-radius:10px 0 0 10px;margin-left:0}.pl-toggle label:last-child{border-radius:0 10px 10px 0}
.pl-toggle label b{color:#f5b301}
.pl-wrap input:focus-visible~.pl-toggle{outline:3px solid #0f766e;outline-offset:3px;border-radius:10px}
.pl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;align-items:stretch}
.pl-card{position:relative;display:flex;flex-direction:column;gap:.45rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.2rem 1.1rem;box-shadow:var(--shadow)}
.pl-card.is-featured{border:3px solid #c4942f;padding-top:1.6rem}
.pl-card.is-current{border-color:#0f766e}
.pl-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#f5b301;color:#13201d;font-size:.74rem;font-weight:800;padding:.25rem .8rem;border-radius:99px}
.pl-tag.is-current{background:#0f766e;color:#fff}
.pl-name{margin:0;font-size:1.25rem;color:#13201d}
.pl-desc{margin:0;font-size:.86rem;color:#3a4843}
.pl-dur{display:none;flex-direction:column;gap:.35rem;margin-top:.3rem}
.pl-price{font-size:1.9rem;font-weight:800;color:#13201d;line-height:1.1}.pl-price small{font-size:.85rem;font-weight:600;color:#5f6f69}
.pl-card.is-featured .pl-price{color:#0c7a43}
.pl-sub{font-size:.82rem;color:#5f6f69;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.pl-off{background:#dff3e8;color:#137a3d;font-weight:800;font-size:.72rem;padding:.1rem .45rem;border-radius:99px}
.pl-btn{display:block;text-align:center;margin-top:.45rem;padding:.65rem;border-radius:10px;border:1.5px solid #0f766e;color:#0c534e!important;font-weight:700;text-decoration:none!important}
.pl-btn:hover{background:#f2f9f6}
.pl-btn.is-featured{background:#c4942f;border-color:#c4942f;color:#fff!important;box-shadow:0 6px 16px rgba(196,148,47,.35)}.pl-btn.is-featured:hover{background:#a67b22}
.pl-btn:focus-visible{outline:3px solid #0f766e;outline-offset:2px}
.pl-na{padding:.8rem;border-radius:10px;background:#f4f5f4;color:#3a4843;font-size:.88rem;text-align:center}
.pl-svc{list-style:none;margin:.6rem 0 0;padding:.6rem 0 0;border-top:1px solid #edf1ef;display:grid;gap:.25rem;font-size:.84rem}
.pl-svc li.is-on{color:#0c534e;font-weight:600}.pl-svc li.is-off{color:#5f6f69;text-decoration:line-through}
.pl-nudge{display:none;margin:1.1rem auto 0;max-width:640px;text-align:center;background:#fff8e8;border:1px solid #f0d899;color:#4a3a12;border-radius:10px;padding:.65rem 1rem;font-size:.9rem}
.pl-compare-h{margin:1.6rem 0 .2rem}
.cmp-table .is-current{background:#f2f9f6}
@media(max-width:640px){.pl-toggle label{padding:.5rem .7rem;font-size:.82rem}.pl-card.is-featured{order:-1}}
/* Option strategy calls (spreads, protective puts): card, legs, numbers, payoff chart */
.st-section-h{display:flex;align-items:center;gap:.5rem;margin:1.2rem 0 .7rem;font-size:1.15rem}.st-section-h span{background:#e7f4ef;color:#0c534e;border-radius:99px;padding:.05rem .55rem;font-size:.8rem}
.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),1fr));gap:1rem;margin-bottom:1.2rem}
.st-grid>.st-card:only-child{max-width:760px}
.st-card{background:#fff;border:1px solid #dbe4df;border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow);min-width:0}
.st-card.is-closed{background:#fbfcfb}
.st-head{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}
.st-name{margin:0;font-size:1.12rem;color:#13201d}
.st-meta{font-size:.8rem;color:#5f6f69;margin-top:.15rem}
.st-head-r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.st-view,.st-outcome{display:inline-block;padding:.18rem .6rem;border-radius:99px;font-size:.7rem;font-weight:800;letter-spacing:.03em}
.st-view.is-bullish{background:#dff3e8;color:#137a3d}.st-view.is-bearish{background:#fde4e1;color:#a51f2b}.st-view.is-neutral{background:#eef1f0;color:#3a4843}
.st-outcome{background:#eef1f0;color:#3a4843}.st-outcome.is-target_hit{background:#dff3e8;color:#137a3d}.st-outcome.is-stop_loss_hit{background:#fde4e1;color:#a51f2b}
.st-legs{width:100%;border-collapse:collapse;margin:.7rem 0 .4rem;font-size:.86rem}
.st-legs th{text-align:left;font-size:.68rem;color:#5f6f69;text-transform:uppercase;letter-spacing:.04em;padding:.35rem .4rem;border-bottom:1px solid #e3ebe7}
.st-legs td{padding:.45rem .4rem;border-bottom:1px solid #eef3f0;white-space:nowrap}
@media(max-width:520px){.st-legs{font-size:.78rem}.st-legs th,.st-legs td{padding:.35rem .25rem}}
.st-b{color:#137a3d;font-weight:800}.st-s{color:#b42318;font-weight:800}
.st-up{color:#137a3d!important}.st-dn{color:#b42318!important}
.st-exited{font-size:.68rem;background:#eef1f0;color:#3a4843;border-radius:99px;padding:.05rem .4rem;margin-left:.2rem}
.st-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.45rem;margin:.6rem 0}
.st-stats-3{grid-template-columns:repeat(3,1fr)}
.st-stat{background:#f6f9f7;border-radius:10px;padding:.45rem .6rem;min-width:0}.st-stat small{display:block;font-size:.7rem;color:#5f6f69;font-weight:600}.st-stat b{font-size:.95rem;color:#13201d;overflow-wrap:anywhere}
.st-chart{border:1px solid #e3ebe7;border-radius:12px;padding:.3rem;margin:.5rem 0;background:#fff}
.st-payoff{display:block;width:100%;height:auto}
.st-ax{font-size:11px;fill:#5f6f69;font-family:inherit}.st-ax.st-up{fill:#137a3d;font-weight:700}.st-ax.st-dn{fill:#b42318;font-weight:700}.st-ax.st-be{fill:#13201d;font-weight:700}.st-ax.st-spot{fill:#6b4a0e;font-weight:700}
.st-live{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-radius:12px;padding:.6rem .85rem;margin-top:.5rem;background:#0c534e;color:#fff;font-size:.88rem}
.st-live b{font-size:1.05rem}.st-live.is-dn b{color:#ffd1cc}.st-live.is-up b{color:#b9f0cf}
.st-history{margin-top:.6rem;font-size:.84rem}.st-history ul{margin:.4rem 0 0;padding-left:1.1rem}
.st-card.is-locked .wc-premium-lock-banner{margin-top:.6rem}
/* admin form */
.st-tpl{display:flex;flex-wrap:wrap;gap:.4rem}
.st-tpl-opt input{position:absolute;opacity:0}
.st-tpl-opt span{display:inline-block;cursor:pointer;border:1px solid #c9d6d1;border-radius:99px;padding:.35rem .8rem;font-size:.85rem;font-weight:600;background:#fff}
.st-tpl-opt input:checked+span{background:#0c534e;color:#fff;border-color:#0c534e}
.st-tpl-opt input:focus-visible+span{outline:3px solid #0f766e;outline-offset:2px}
.st-leg-table td{padding:.3rem}.st-leg-table input,.st-leg-table select{min-width:5em}
.st-risk{margin:1rem 0;padding:.7rem .9rem;border:1px solid #f0d899;border-left:4px solid #c4942f;border-radius:8px;background:#fff8e8;color:#4a3a12;font-size:.85rem}
.st-risk h2{font-size:1rem;margin:0 0 .4rem}.st-risk p{margin:.3rem 0}
p.st-risk{margin:.4rem 0 1rem}
.st-preview{border:1px dashed #c9d6d1;border-radius:12px;padding:.6rem .8rem;background:#fbfcfb}
/* Trade-card heading as a coloured head band, so each call's start is easy to see (symbol + BUY / SELL) */
.wc-trade-card .wc-trade-head{margin:-1.1rem -1.2rem 1rem;padding:.85rem 1.2rem;align-items:center;background:linear-gradient(135deg,#13201d,#0c534e);color:#fff;border-bottom:3px solid #c4942f}
.wc-trade-card .wc-trade-head h3{color:#fff;letter-spacing:.01em}
.wc-trade-card .wc-trade-head .wc-subtitle{color:#cfe3dc}
.wc-trade-card .wc-trade-head .wc-blurred-symbol{color:#fff}
@media(max-width:640px){.wc-trade-card .wc-trade-head{margin:-.9rem -.9rem .85rem;padding:.75rem .9rem}}
/* Trade-card body as one piece: no box inside a box. Price, levels, result, rationale and report sit on the card itself,
   separated by thin lines; only the result keeps its colour (green / amber / red) as a slim strip. */
.wc-call-body{position:relative}
.wc-trade-card .wc-price-panel{margin:0;padding:.1rem 0 .85rem;border:0;border-radius:0;background:transparent;box-shadow:none}
.wc-trade-card .wc-levels-group{margin:0;padding:.75rem 0 0;border:0;border-top:1px solid #e3ebe7;border-radius:0;background:transparent}
.wc-trade-card .wc-levels-group .wc-level{border-bottom-color:#edf2ef}
.wc-trade-card .wc-booking{margin:.85rem 0 0;padding:.6rem .75rem;border:0;border-left:4px solid #0f766e;border-radius:6px}
.wc-trade-card.wc-status-target .wc-booking,.wc-trade-card .wc-booking-target{border-left-color:#15803d!important}
.wc-trade-card.wc-status-update .wc-booking,.wc-trade-card .wc-booking-update{border-left-color:#c4942f!important}
.wc-trade-card.wc-status-stop .wc-booking,.wc-trade-card .wc-booking-stop{border-left-color:#c0392b!important}
.wc-trade-card details.wc-rationale-box{margin:.85rem 0 0;padding:0;border:0;border-top:1px solid #e3ebe7;border-radius:0;background:transparent}
.wc-trade-card details.wc-rationale-box+details.wc-rationale-box{margin-top:0}
.wc-trade-card details.wc-rationale-box>summary.wc-rationale-heading{padding:.7rem .1rem}
.wc-trade-card details.wc-rationale-box>summary.wc-rationale-heading:hover{background:transparent;color:#0c534e}
.wc-trade-card details.wc-rationale-box .wc-rationale,.wc-trade-card .wc-update-box .wc-update-body{padding:0 .1rem .75rem}
.wc-trade-card .wc-report-link{margin:0;padding:.7rem .1rem;border:0;border-top:1px solid #e3ebe7;border-radius:0;background:transparent;color:#0c534e}
.wc-trade-card .wc-report-link:hover{background:transparent;text-decoration:underline}
.wc-trade-card .wc-history{margin-top:0;padding:.7rem .1rem 0;border-top:1px solid #e3ebe7}
/* Card dates at the bottom of the card (after rationale and report) */
.wc-trade-card .wc-dates-footer{margin-top:0;padding:.65rem .1rem 0;border-top:1px solid #e3ebe7}
.wc-trade-card .wc-levels-group{padding-bottom:0}
/* Filter tabs on phones: pills sized to their text that wrap to a second line, instead of five squeezed columns */
@media(max-width:760px){
  .wc-research-tabs{display:flex;flex-wrap:wrap;grid-auto-flow:initial;gap:.35rem;width:100%;padding:.35rem;overflow:visible}
  .wc-research-tabs a{flex:1 1 auto;flex-direction:row;justify-content:center;gap:.35rem;padding:.5rem .75rem;font-size:.8rem;min-width:0;white-space:nowrap}
  .wc-research-tabs a span{min-width:20px;height:20px;font-size:.68rem}
}
/* "Continue with Google" on the login / sign-up pages (Google's light button style) */
.auth-google{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;box-sizing:border-box;padding:.78rem 1rem;border:1px solid #dadce0;border-radius:10px;background:#fff;color:#1f1f1f;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s,box-shadow .15s}
.auth-google:hover{background:#f8faff;box-shadow:0 1px 3px rgba(60,64,67,.25);text-decoration:none}
.auth-google svg{width:20px;height:20px;flex:0 0 auto}
.auth-google-note{margin:.5rem 0 0;font-size:.74rem;line-height:1.45;color:var(--muted)}
.auth-or{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted);font-size:.78rem}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line)}
/* Login / sign-up: the logo file has a white background; blend it into the page. The Google policy line sits at the foot. */
.auth-mobile-logo img{mix-blend-mode:multiply;background:transparent}
.auth-switch+.auth-google-note{text-align:center;margin-top:.9rem}
/* Price bar: the live price (CMP / Closed at) as a tag right above the marker, larger than the labels */
.wc-price-bar.has-tag{margin-top:2rem}
.wc-price-tag{position:absolute;bottom:calc(100% + 9px);transform:translateX(-50%);white-space:nowrap;padding:.2rem .5rem;border-radius:7px;background:var(--navy);color:#fff;font-size:.88rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px rgba(19,32,29,.18)}
.wc-price-tag::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--navy)}
.wc-price-tag.is-start{transform:translateX(-6px)}.wc-price-tag.is-start::after{left:6px;transform:none}
.wc-price-tag.is-end{transform:translateX(calc(-100% + 6px))}.wc-price-tag.is-end::after{left:auto;right:1px;transform:none}
.wc-price-top:has(> span:first-child:empty:last-child){display:none!important}
/* "Stop loss changed to ₹X" under the Update line */
.wc-update-box .wc-sl-moved{flex-basis:100%;font-size:.76rem;font-weight:700;color:#8a6416}.wc-trade-card details.wc-rationale-box>summary.wc-rationale-heading::after{white-space:nowrap;flex:0 0 auto}
/* "(Lot size: 65)" next to an option / futures title: small, lighter, never split over two lines */
.wc-trade-card .wc-trade-head h3 .wc-lot-size{font-size:.62rem;font-weight:400;color:#cfe3dc;white-space:nowrap;letter-spacing:0}
/* Premium calls: a golden crown tilted on the corner of the BUY / SELL badge */
.wc-trade-card .wc-action-panel{position:relative;overflow:visible}
.wc-crown{position:absolute;top:-17px;left:-15px;width:34px;height:27px;transform:rotate(-24deg);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 50'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1b0'/%3E%3Cstop offset='.5' stop-color='%23f5c242'/%3E%3Cstop offset='1' stop-color='%23b57a12'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M11 40 L5 13 L20 26 L32 5 L44 26 L59 13 L53 40 Z' fill='url(%23g)' stroke='%237a4f0b' stroke-width='2.2' stroke-linejoin='round'/%3E%3Crect x='10' y='39' width='44' height='8' rx='2.5' fill='url(%23g)' stroke='%237a4f0b' stroke-width='2.2'/%3E%3Ccircle cx='5' cy='12' r='4' fill='%23fff1b0' stroke='%237a4f0b' stroke-width='1.8'/%3E%3Ccircle cx='32' cy='5' r='4' fill='%23fff1b0' stroke='%237a4f0b' stroke-width='1.8'/%3E%3Ccircle cx='59' cy='12' r='4' fill='%23fff1b0' stroke='%237a4f0b' stroke-width='1.8'/%3E%3Ccircle cx='32' cy='43' r='2.4' fill='%23c0392b'/%3E%3Ccircle cx='21' cy='43' r='1.8' fill='%230f766e'/%3E%3Ccircle cx='43' cy='43' r='1.8' fill='%230f766e'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) drop-shadow(0 0 6px rgba(245,194,66,.45))}
@media(max-width:640px){.wc-crown{top:-14px;left:-12px;width:28px;height:22px}}
/* Card filters: line 1 All · F&O · Swing, line 2 All · Open · Closed (smaller) */
.wc-call-filters{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin:0 0 1.15rem}
.wc-call-filters .wc-research-tabs{margin:0}
.wc-research-tabs.is-state{padding:.22rem}
.wc-research-tabs.is-state a{padding:.4rem .75rem;font-size:.76rem}
.wc-research-tabs.is-state a.is-active{background:#0f766e}
@media(max-width:760px){.wc-call-filters .wc-research-tabs{width:100%}.wc-research-tabs.is-state a{font-size:.76rem;padding:.42rem .6rem}}
/* Desktop: the two filter lines side by side (All · F&O · Equity | Open · Closed); phones keep them stacked */
@media(min-width:761px){.wc-call-filters{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.6rem}.wc-research-tabs.is-state{padding:.3rem}.wc-research-tabs.is-state a{padding:.55rem .85rem;font-size:.82rem}}
/* Phone tab bar on member pages (Home · Free Ideas · Premium · Portfolios · Account), like a trading app. Desktop: hidden. */
.wc-tabbar{display:none}
@media(max-width:760px){
  .wc-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid #dbe4df;
    box-shadow:0 -6px 20px rgba(19,32,29,.09);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}
  .wc-tabbar>a,.wc-tabbar>details>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:4px 2px;border-radius:12px;
    color:#6b7a75;font-size:.66rem;font-weight:700;line-height:1.1;text-decoration:none;text-align:center;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
  .wc-tabbar>details>summary::-webkit-details-marker{display:none}
  .wc-tabbar .ic{width:23px;height:23px}
  .wc-tabbar>a.on,.wc-tabbar>details.on>summary,.wc-tabbar>details[open]>summary{color:#0f766e;background:#e7f4ef}
  .wc-tabbar>a.on .ic,.wc-tabbar>details.on>summary .ic{stroke-width:2.2}
  .wc-tab-more{position:static}
  .wc-tab-sheet{position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));background:#fff;border:1px solid #dbe4df;border-radius:16px;
    box-shadow:0 14px 40px rgba(19,32,29,.22);padding:6px;max-height:70vh;overflow-y:auto}
  .wc-tab-sheet-head{padding:10px 12px 8px;border-bottom:1px solid #edf2ef;margin-bottom:4px}
  .wc-tab-sheet-head b{display:block;font-size:.95rem;color:#13201d}.wc-tab-sheet-head small{color:#6b7a75;font-size:.78rem}
  .wc-tab-sheet a,.wc-tab-sheet button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:#13201d;
    font:inherit;font-size:.93rem;font-weight:600;text-decoration:none;text-align:left;cursor:pointer}
  .wc-tab-sheet a:hover,.wc-tab-sheet a.on{background:#e7f4ef;color:#0c534e}
  .wc-tab-sheet .ic{width:20px;height:20px;color:#0f766e}
  .wc-tab-sheet form{margin:4px 0 0;border-top:1px solid #edf2ef;padding-top:4px}.wc-tab-sheet button{color:#c0392b}.wc-tab-sheet button .ic{color:#c0392b}
  /* room so the last content and the page footer are not hidden behind the bar */
  body.app:not(.is-admin){padding-bottom:calc(70px + env(safe-area-inset-bottom))}
}@media(max-width:760px){body.app:not(.is-admin) .asw-menu-btn{bottom:calc(84px + env(safe-area-inset-bottom))!important}}body:has(.wc-tab-more[open]) .asw-menu-btn{display:none!important}
/* Dashboard: compact call rows (full cards live on Free Trade Ideas / Premium Research Calls) */
.dash-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:.6rem}
.dash-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"main act px" "lv lv lv";align-items:center;gap:.25rem .75rem;
  padding:.7rem .85rem;background:#fff;border:1px solid #dbe4df;border-left:4px solid #0f766e;border-radius:12px;color:inherit;text-decoration:none}
.dash-row:hover{border-color:#9fd8b5;text-decoration:none}
.dash-row.is-locked{border-left-color:#c4942f;background:#fffdf7}
.dash-row-main{grid-area:main;min-width:0}
.dash-row-main b{display:flex;align-items:center;gap:.3rem;font-size:.95rem;color:#13201d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-row-main small{display:block;font-size:.72rem;color:#6b7a75;margin-top:1px}
.dash-row-main small em{font-style:normal;font-weight:700;color:#8a6416}
.dash-row-crown .ic{width:16px;height:16px;color:#c4942f}
.dash-row-act{grid-area:act;font-size:.72rem;font-weight:800;padding:.2rem .55rem;border-radius:6px}
.dash-row-act.is-buy{background:#e7f6ee;color:#07834c}.dash-row-act.is-sell{background:#fdecea;color:#c62828}
.dash-row-px{grid-area:px;text-align:right;line-height:1.15}
.dash-row-px b{display:block;font-size:.95rem;color:#13201d;font-variant-numeric:tabular-nums}
.dash-row-px small{font-size:.72rem;font-weight:700;color:#6b7a75}.dash-row-px small.up{color:#15803d}.dash-row-px small.down{color:#c0392b}
.dash-row-levels{grid-area:lv;font-size:.76rem;color:#4b5a55;border-top:1px dashed #e3ebe7;padding-top:.35rem;font-variant-numeric:tabular-nums}
.dash-row.is-locked .dash-row-levels{color:#8a6416;font-weight:600}
/* Dashboard quick access: phones only (desktop has these in the sidebar) */
.dash-quick{display:none}
@media(max-width:760px){
  .dash-quick{display:flex;gap:.35rem;justify-content:space-between;margin:0 0 1rem;overflow-x:auto;scrollbar-width:none}
  .dash-quick::-webkit-scrollbar{display:none}
  .dash-quick a{flex:1 0 62px;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;line-height:1.2;color:#4b5a55;text-align:center;text-decoration:none}
  .dash-quick a span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e7f4ef;border:1px solid #c7e3d8;color:#0c534e}
  .dash-quick a span .ic{width:23px;height:23px}
  .dash-quick a:active span{background:#d3ece2}
}.dash-row-levels{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem}
.dash-row-up{color:#4b5a55;margin-left:auto;white-space:nowrap}.dash-row-up b{color:#15803d}
.dash-row.is-locked .dash-row-up{margin-left:0;color:#4b5a55;font-weight:600}.dash-row.is-locked .dash-row-get{margin-left:auto}/* Dashboard row: BUY / SELL with the potential under it, highlighted */
.dash-row-side{grid-area:act;display:flex;flex-direction:column;align-items:center;gap:.25rem}
.dash-row-side .dash-row-act{grid-area:auto}
.dash-row-pot{display:flex;align-items:baseline;gap:.25rem;padding:.18rem .5rem;border-radius:8px;background:#e7f6ee;border:1px solid #b8e2c9;color:#2f5f45;font-size:.66rem;font-weight:700;white-space:nowrap}
.dash-row-pot b{font-size:.9rem;font-weight:800;color:#15803d}
.dash-row.is-locked .dash-row-pot{background:#fff4d6;border-color:#ecd28f;color:#7a5a12}.dash-row.is-locked .dash-row-pot b{color:#15803d}
.dash-row-up b{color:inherit}
/* Dashboard compact rows: strategies and portfolios */
.dash-row-act.is-neutral{background:#eef1f4;color:#4b5a66}
.dash-row-px b.up,.dash-row-px b.mp-pos{color:#15803d}.dash-row-px b.down,.dash-row-px b.mp-neg{color:#c0392b}
.dash-row.is-locked .dash-row-side{grid-column:2/4;justify-self:end}
.dash-cta-strip{flex-wrap:nowrap;padding:.5rem .6rem .5rem .9rem;font-size:.82rem;line-height:1.3}
.dash-cta-strip .dash-btn{padding:.4rem .8rem;font-size:.78rem;white-space:nowrap;flex:none}
/* Call rows: CMP under the name, BUY / SELL + potential at the right edge (same place on free and premium rows) */
.dash-row.is-call .dash-row-side{grid-column:2/4;justify-self:end;align-items:flex-end}
.dash-row-cmp{display:block;margin-top:.3rem;font-size:.74rem;font-weight:600;color:#6b7a75;font-variant-numeric:tabular-nums}
.dash-row-cmp b{font-size:.92rem;font-weight:800;color:#13201d}
.dash-row-cmp em{font-style:normal;font-weight:700}.dash-row-cmp em.up{color:#15803d}.dash-row-cmp em.down{color:#c0392b}
.dash-row-main .dash-row-cmp b{display:inline;white-space:nowrap}.dash-row-main .dash-row-cmp{white-space:nowrap}
/* Dashboard: live counts sit in the section headings (the two big count tiles are gone) */
.dash-top{grid-template-columns:1fr}
.dash-section-first{margin-top:.2rem}
.dash-live-count{display:inline-block;vertical-align:middle;margin-left:.35rem;padding:.12rem .5rem;border-radius:999px;background:#e7f6ee;color:#07834c;font-size:.7rem;font-weight:800;letter-spacing:.02em}
.dash-live-count.is-gold{background:#fff4d6;color:#8a6416}
@media (max-width:480px){.dash-hide-sm{display:none}}  /* "All →" beside the call headings so the live count stays on the heading line */
.dash-delay{margin:1.4rem 0 .7rem}
/* Dashboard news: headline + one line + Read more */
.dash-news{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;background:#fff;border:1px solid var(--line);border-left:3px solid #0d8f6f;border-radius:12px;color:var(--ink);text-decoration:none;min-width:0}
.dash-news:hover{border-color:#9fd8b5;text-decoration:none}
.dash-news-date{font-size:.7rem;font-weight:700;color:#6b7a75}
.dash-news b{font-size:.95rem;line-height:1.3;color:#13201d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dash-news-sum{font-size:.8rem;color:#52615c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-news-more{font-size:.78rem;font-weight:700;color:#0d8f6f}
/* Free Trade Ideas: "Want more ideas?" with a gold button */
.wc-research-access-note.free-more{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;font-weight:700}
.wc-research-access-note.free-more .dash-btn{text-decoration:none;color:#15201d;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;box-shadow:0 4px 12px rgba(196,148,47,.3)}
@media (max-width:480px){.wc-research-access-note.free-more .dash-btn{font-size:.76rem;padding:.55rem .8rem;text-align:center}}
/* Phones: a long Access value ("1 free · rest Premium") wraps inside its tile instead of running out of it */
@media(max-width:700px){.wc-research-stat strong{white-space:normal;line-height:1.25}}
/* Phones: All · F&O · Equity · Strategies in one row of equal tabs */
@media(max-width:760px){.wc-call-filters .wc-research-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.15rem}.wc-call-filters .wc-research-tabs a{justify-content:center;gap:.25rem;padding:.5rem .2rem;font-size:.74rem;min-width:0;white-space:nowrap}.wc-call-filters .wc-research-tabs a span{min-width:18px;height:18px;font-size:.64rem;padding:0 .2rem}}
/* Phones: hero tiles size to their text - the count tile stays small, the Access tile grows so "✓ Free · 🔒 Premium" stays on one line */
@media(max-width:700px){.wc-research-stats{display:flex;flex-wrap:nowrap}.wc-research-stat{flex:0 0 auto}.wc-research-stat:last-child{flex:1 1 auto}.wc-research-stat strong{white-space:nowrap}}