/* SilverStake — light silver skin with a calm green accent. Same markup and
   logic as every template; scoped to html[data-template="silverstake"]. */
html[data-template="silverstake"]{
  --ink:#eceeef; --surface:#f7f8f8; --surface-raised:#ffffff; --border:#dcdfe1;
  --text:#23272b; --text-2:#33403c; --muted:#5c666b; --muted-2:#7e878c; --win:#3d7266; --stake:#c0392b; --accent:#3d7266;
  --green:#3d7266; --green-dark:#2c564d; --green-soft:#e0ebe7; --panel:#f7f8f8; --panel-2:#e6e9ea;
  --font-display:'Fira Sans',Helvetica,sans-serif; --font-body:'Fira Sans',Helvetica,sans-serif; --font-mono:'Fira Sans',Helvetica,sans-serif;
  color-scheme:light;
}
html[data-template="silverstake"] body{ background:var(--ink); color:var(--text); }
html[data-template="silverstake"] ::selection{ background:#cfe0da; color:#23272b; }
html[data-template="silverstake"] h1, html[data-template="silverstake"] h2, html[data-template="silverstake"] h3{ letter-spacing:-.02em; font-weight:700; }
html[data-template="silverstake"] a:hover{ color:var(--green-dark); }

/* promo strip */
html[data-template="silverstake"] .promo-strip{ background:#e3e7e6; color:#4e5a56; border-bottom-color:#d5dad9; }
html[data-template="silverstake"] .promo-strip .ps-nav{ background:#d3d9d8; color:#2e3a36; }
html[data-template="silverstake"] .promo-strip[hidden]{ display:none; }
html[data-template="silverstake"] .promo-strip .ps-k{ font-weight:600; color:var(--green); } html[data-template="silverstake"] .promo-strip .ps-sep{ opacity:.4; }

/* header */
html[data-template="silverstake"] header.site{ background:rgba(247,248,248,.92); border-bottom:1px solid #dcdfe1; backdrop-filter:blur(14px); gap:16px; }
html[data-template="silverstake"] .brand{ font-size:19px; font-weight:700; letter-spacing:-.02em; gap:9px; color:var(--text); }
html[data-template="silverstake"] .brand .ring{ width:22px; height:22px; border-radius:8px; border:0; background:linear-gradient(145deg,#7faea3,#3d7266); transform:none; }
html[data-template="silverstake"] nav.primary{ gap:3px; }
html[data-template="silverstake"] nav.primary button{ padding:8px 13px; border-radius:10px; font-size:13.5px; font-weight:500; color:#5c666b; }
html[data-template="silverstake"] nav.primary button.active{ color:var(--text); background:#e4e8e8; }
html[data-template="silverstake"] nav.primary button:hover:not(.active){ color:var(--text); background:#e4e8e8; }
html[data-template="silverstake"] .btn{ border-radius:12px; border:1px solid #c8cfcd; background:#fbfcfc; color:#33403c; font-size:13.5px; font-weight:600; padding:11px 17px; }
html[data-template="silverstake"] .btn:hover{ background:#eef2f1; border-color:#a9b8b3; }
html[data-template="silverstake"] .btn.primary{ background:var(--green); border-color:var(--green); color:#fff; box-shadow:0 6px 16px rgba(61,114,102,.22); }
html[data-template="silverstake"] .btn.primary:hover{ background:var(--green-dark); border-color:var(--green-dark); color:#fff; }
html[data-template="silverstake"] .wallet-chip{ border-radius:12px; background:#e6e9ea; border:0; color:#5c666b; }
html[data-template="silverstake"] .wallet-chip .wc-balance{ color:var(--green-dark); }
html[data-template="silverstake"] #lang-trigger{ border-radius:12px; background:#e6e9ea; border:0; color:var(--text); }
html[data-template="silverstake"] .lang-panel{ background:#fff; border-color:#dcdfe1; box-shadow:0 14px 32px -10px rgba(35,39,43,.25); }
html[data-template="silverstake"] .lang-panel li:hover{ background:#eef2f1; }
html[data-template="silverstake"] .social-link{ background:#e6e9ea; border:0; border-radius:10px; color:#5c666b; }
html[data-template="silverstake"] .social-link:hover{ color:var(--green); background:#e0ebe7; }

/* banners */
html[data-template="silverstake"] .banner-carousel{ border-radius:20px; border:0; background:var(--panel); box-shadow:0 8px 26px rgba(35,39,43,.07); }
html[data-template="silverstake"] .banner-slide{ background:linear-gradient(115deg,#dfe9e6,#eaeeed 55%,#e3e8ec); color:var(--text); }
html[data-template="silverstake"] .banner-slide .art{ color:rgba(61,114,102,.35); }
html[data-template="silverstake"] .banner-slide.custom:has(.caption) picture::after{ content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(247,248,248,.96) 0%, rgba(247,248,248,.86) 38%, rgba(247,248,248,0) 66%); }
html[data-template="silverstake"][dir="rtl"] .banner-slide.custom:has(.caption) picture::after{ background:linear-gradient(270deg, rgba(247,248,248,.96) 0%, rgba(247,248,248,.86) 38%, rgba(247,248,248,0) 66%); } /* the caption sits on the right in Arabic */
@media (max-width:640px){ html[data-template="silverstake"] .banner-slide.custom:has(.caption) picture::after, html[data-template="silverstake"][dir="rtl"] .banner-slide.custom:has(.caption) picture::after{ background:linear-gradient(0deg, rgba(247,248,248,.97) 0%, rgba(247,248,248,.9) 40%, rgba(247,248,248,0) 66%); } } /* phones: the caption sits at the bottom */
html[data-template="silverstake"] .banner-slide.custom picture{ position:absolute; inset:0; }
html[data-template="silverstake"] .banner-slide.custom .caption{ text-shadow:none; }
html[data-template="silverstake"] .banner-slide .caption{ z-index:2; top:0; justify-content:center; gap:13px; max-width:58%; padding:clamp(22px,5vw,58px); }
html[data-template="silverstake"] .banner-slide .eyebrow{ align-self:flex-start; padding:6px 13px; border-radius:999px; background:var(--green-soft); font-size:11.5px; font-weight:600; letter-spacing:.1em; color:var(--green); }
html[data-template="silverstake"] .banner-slide .btitle, html[data-template="silverstake"] .banner-slide.custom .btitle{ font-size:clamp(24px,4vw,46px); font-weight:700; line-height:1.1; letter-spacing:-.03em; color:var(--text); }
html[data-template="silverstake"] .banner-slide .bbody, html[data-template="silverstake"] .banner-slide.custom .bbody{ color:#5c666b; font-size:15.5px; max-width:450px; }
html[data-template="silverstake"] .banner-slide .bcta{ margin-top:4px; padding:13px 24px; font-size:14px; }
html[data-template="silverstake"] .banner-arrow{ background:rgba(251,252,252,.9); border-color:#d6dbda; color:#4e5a56; width:38px; height:38px; }
html[data-template="silverstake"] .banner-arrow:hover{ background:#eef2f1; }
html[data-template="silverstake"] .banner-arrow.prev{ inset-inline-start:auto; inset-inline-end:62px; }
html[data-template="silverstake"] .banner-arrow.next{ inset-inline-end:16px; }
html[data-template="silverstake"] .banner-dots{ inset-inline-start:clamp(22px,5vw,58px); translate:0 0; bottom:18px; gap:7px; }
html[data-template="silverstake"] .banner-dots button{ width:12px; height:5px; border-radius:999px; background:#c8cfcd; }
html[data-template="silverstake"] .banner-dots button.active{ width:28px; background:var(--green); }

/* quick nav → category pills */
html[data-template="silverstake"] .quick-nav{ gap:8px; margin-bottom:26px; }
html[data-template="silverstake"] .quick-nav-item{ flex-direction:row; gap:8px; width:auto; padding:10px 17px; border-radius:999px; border:1px solid #dcdfe1; background:var(--panel); color:#5c666b; font-size:13px; font-weight:600; }
html[data-template="silverstake"] .quick-nav-item:hover{ transform:none; background:var(--green); border-color:var(--green); color:#fff; }
html[data-template="silverstake"] .qn-icon{ width:30px; height:30px; border-radius:10px; background:var(--green-soft); color:var(--green); } html[data-template="silverstake"] .qn-icon svg{ width:18px; height:18px; }
html[data-template="silverstake"] .quick-nav-item:hover .qn-icon{ background:rgba(255,255,255,.22); color:#fff; }
html[data-template="silverstake"] .live-dot{ top:-3px; inset-inline-end:-3px; box-shadow:0 0 0 2px var(--panel); }
html[data-template="silverstake"] .chip svg{ color:var(--green); } html[data-template="silverstake"] .chip.active svg{ color:inherit; }
html[data-template="silverstake"] .live-dot{ box-shadow:0 0 0 2px var(--panel); }

/* section heads, filters */
html[data-template="silverstake"] .section-head h2{ font-size:23px; }
html[data-template="silverstake"] .section-head .see-all{ color:#7e878c; font-weight:500; }
html[data-template="silverstake"] .chip, html[data-template="silverstake"] .prov-chip{ border-radius:999px; border:1px solid #dcdfe1; background:var(--panel); color:#5c666b; font-weight:600; }
html[data-template="silverstake"] .chip.active{ background:var(--green); border-color:var(--green); color:#fff; }
html[data-template="silverstake"] .chip:hover:not(.active), html[data-template="silverstake"] .prov-chip:hover, html[data-template="silverstake"] .prov-chip.active{ color:var(--green); background:#eef2f1; border-color:#a9b8b3; }
html[data-template="silverstake"] .prov-chip img{ filter:none; opacity:.85; }
html[data-template="silverstake"] .search-box{ border-radius:12px; border:0; background:#e6e9ea; }
html[data-template="silverstake"] .search-box input{ color:var(--text); } html[data-template="silverstake"] .search-box input::placeholder{ color:#7e878c; }

/* game cards */
html[data-template="silverstake"] .game-card{ border:0; border-radius:16px; background:var(--panel); box-shadow:0 3px 12px rgba(35,39,43,.05); }
html[data-template="silverstake"] .game-card:hover{ transform:translateY(-4px); box-shadow:0 14px 28px rgba(35,39,43,.12); border:0; }
html[data-template="silverstake"] .game-card .art{ background:linear-gradient(150deg,#dfe7e4,#eef1f0); }
html[data-template="silverstake"] .game-card .art::after{ background:linear-gradient(180deg, rgba(35,39,43,.08), transparent 30%, transparent 70%, rgba(35,39,43,.12)); }
html[data-template="silverstake"] .game-card .art.img-failed::before{ color:#c8cfcd; background:linear-gradient(160deg,#eef1f0,#dfe7e4); }
html[data-template="silverstake"] .tag{ border-radius:999px; padding:4px 9px; }
html[data-template="silverstake"] .tag-hot{ background:#c0392b; color:#fff; }
html[data-template="silverstake"] .tag-new{ background:var(--green); color:#fff; }
html[data-template="silverstake"] .tag-popular{ background:rgba(251,252,252,.94); color:#33403c; border:0; }
html[data-template="silverstake"] .tag-jackpot{ background:rgba(251,252,252,.94); color:var(--green); }
html[data-template="silverstake"] .game-card .play{ background:var(--green); color:#fff; border-radius:10px; }
html[data-template="silverstake"] .game-info{ padding:11px 13px 14px; }
html[data-template="silverstake"] .game-info .name{ font-size:14.5px; font-weight:600; color:var(--text); }
html[data-template="silverstake"] .game-info .prov{ font-size:12px; color:#7e878c; }
html[data-template="silverstake"] .skeleton{ background:linear-gradient(100deg,#e6e9ea 30%,#f7f8f8 50%,#e6e9ea 70%); background-size:200% 100%; }
html[data-template="silverstake"] .empty-state{ color:#7e878c; }

/* frames */
html[data-template="silverstake"] .game-frame-wrap{ border-radius:20px; border:0; background:var(--panel); box-shadow:0 8px 26px rgba(35,39,43,.07); }
html[data-template="silverstake"] .frame-loading{ background:var(--panel); color:#5c666b; }
html[data-template="silverstake"] .back-to-lobby, html[data-template="silverstake"] .fullscreen-toggle{ background:rgba(251,252,252,.92); border-color:#d6dbda; color:#4e5a56; }
html[data-template="silverstake"] .spinner{ border-color:#dcdfe1; border-top-color:var(--green); }

/* footer */
html[data-template="silverstake"] footer{ border-top:1px solid #dcdfe1; background:var(--panel-2); }
html[data-template="silverstake"] .pay-tag{ border-radius:999px; border-color:#d3d8d7; background:#fbfcfc; color:#5c666b; }
html[data-template="silverstake"] .pay-logo{ filter:none; opacity:1; }
html[data-template="silverstake"] .footer-legal a{ color:#5c666b; } html[data-template="silverstake"] .footer-legal a:hover{ color:var(--green); }
html[data-template="silverstake"] .footer-brand{ border-top-color:#dcdfe1; }
html[data-template="silverstake"] .fb-name{ font-size:16px; font-weight:700; letter-spacing:-.02em; color:var(--text); }
html[data-template="silverstake"] .fb-copy{ color:#7e878c; }

/* auth modal */
html[data-template="silverstake"] .auth-overlay{ background:rgba(35,39,43,.34); backdrop-filter:blur(5px); }
html[data-template="silverstake"] .auth-modal{ width:420px; border:0; border-radius:20px; background:var(--panel); box-shadow:0 26px 60px rgba(35,39,43,.22); padding:28px 26px 26px; }
html[data-template="silverstake"] .auth-tabs{ gap:3px; padding:4px; border-radius:999px; background:#e6e9ea; }
html[data-template="silverstake"] .auth-tab{ border:0; border-radius:999px; font-weight:600; color:#5c666b; }
html[data-template="silverstake"] .auth-tab.active{ background:var(--green); color:#fff; }
html[data-template="silverstake"] .auth-form label{ text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; color:#6a7076; }
html[data-template="silverstake"] .auth-form input{ border-radius:12px; border:1px solid #d3d8d7; background:#fff; color:var(--text); }
html[data-template="silverstake"] .auth-form input:focus{ border-color:var(--green); }
html[data-template="silverstake"] .auth-prompt{ background:var(--green-soft); border-color:#c9dcd5; color:#2c564d; border-radius:12px; }
html[data-template="silverstake"] .auth-close{ width:30px; height:30px; border:1px solid #d6dbda; border-radius:50%; background:#fbfcfc; color:#6a7076; font-size:16px; line-height:28px; text-align:center; }
html[data-template="silverstake"] .auth-close:hover{ background:#eef2f1; color:var(--text); }
html[data-template="silverstake"] .auth-hint{ color:#8a9491; }

/* account / deposit / withdraw */
html[data-template="silverstake"] .account-head .eyebrow{ color:var(--green); }
html[data-template="silverstake"] .account-balance, html[data-template="silverstake"] .account-card, html[data-template="silverstake"] .pm-item, html[data-template="silverstake"] .history, html[data-template="silverstake"] .req-form{ border:0; border-radius:16px; background:var(--panel); box-shadow:0 3px 12px rgba(35,39,43,.05); }
html[data-template="silverstake"] .hist-row{ background:var(--panel); border-color:#e6e9ea; }
html[data-template="silverstake"] .account-balance .value{ color:var(--green-dark); }
html[data-template="silverstake"] .bonus-bar{ background:#e6e9ea; } html[data-template="silverstake"] .bonus-fill{ background:var(--green); }
html[data-template="silverstake"] .req-grid input, html[data-template="silverstake"] .req-grid select{ border-radius:12px; border:1px solid #d3d8d7; background:#fff; color:var(--text); }
html[data-template="silverstake"] .req-status{ border-radius:999px; border-color:#d3d8d7; background:#fbfcfc; }
html[data-template="silverstake"] .req-status.pending{ color:var(--green); border-color:#c9dcd5; }
html[data-template="silverstake"] .pm-details code{ background:#e6e9ea; color:var(--text); }
html[data-template="silverstake"] .pm-item summary img{ background:transparent; }
html[data-template="silverstake"] .bonus-lock{ background:var(--green-soft); border-color:#c9dcd5; color:#2c564d; }
html[data-template="silverstake"] .back-link{ color:var(--green); }
html[data-template="silverstake"] .toast{ background:#fff; border-color:#dcdfe1; color:var(--text); box-shadow:0 12px 30px rgba(35,39,43,.15); }

/* phones */
@media (max-width:760px){
  html[data-template="silverstake"] .brand{ font-size:17px; }
  html[data-template="silverstake"] .brand-name{ max-width:52vw; }
  html[data-template="silverstake"] .banner-slide .caption{ max-width:100%; justify-content:flex-end; padding-bottom:40px; }
  html[data-template="silverstake"] .banner-arrow{ display:flex; width:38px; height:38px; background:rgba(251,252,252,.85); color:#2f3a37; } html[data-template="silverstake"] .banner-arrow.prev{ inset-inline-start:10px; inset-inline-end:auto; } html[data-template="silverstake"] .banner-arrow.next{ inset-inline-end:10px; }
}

/* legal popup */
html[data-template="silverstake"] .legal-modal{ width:760px; padding:28px 6px 10px 28px; }
html[data-template="silverstake"] .legal-title{ color:var(--text); font-size:22px; }
html[data-template="silverstake"] .legal-body{ color:#4f585d; } html[data-template="silverstake"] .legal-body h1, html[data-template="silverstake"] .legal-body h2, html[data-template="silverstake"] .legal-body h3{ color:var(--text); }
html[data-template="silverstake"] .legal-body a{ color:var(--green); }
html[data-template="silverstake"] .legal-loading{ background:linear-gradient(100deg,#eceeef 30%,#f7f8f8 50%,#eceeef 70%); background-size:200% 100%; }

/* offline payments */
html[data-template="silverstake"] .pay-card, html[data-template="silverstake"] .pending-card{ border:0; border-radius:16px; background:var(--panel); box-shadow:0 3px 12px rgba(35,39,43,.05); }
html[data-template="silverstake"] .pay-card:hover:not(:disabled){ box-shadow:0 10px 26px rgba(35,39,43,.12), 0 0 0 1px var(--green); }
html[data-template="silverstake"] .pay-card-logo, html[data-template="silverstake"] .pay-logo-md, html[data-template="silverstake"] .pay-logo-sm, html[data-template="silverstake"] .pay-chip{ background:#fff; border:1px solid #e6e9ea; }
html[data-template="silverstake"] .pay-card-rate, html[data-template="silverstake"] .link-btn{ color:var(--green); }
html[data-template="silverstake"] .pay-modal{ width:470px; }
html[data-template="silverstake"] .pay-steps span{ border-color:#d3d8d7; background:#fff; }
html[data-template="silverstake"] .pay-steps span.current{ background:var(--green); border-color:var(--green); color:#fff; }
html[data-template="silverstake"] .pay-field{ text-transform:none; letter-spacing:0; font-size:12px; font-weight:600; color:#6a7076; }
html[data-template="silverstake"] .pay-field input{ border-radius:12px; border:1px solid #d3d8d7; background:#fff; color:var(--text); }
html[data-template="silverstake"] .pay-field input:focus{ border-color:var(--green); }
html[data-template="silverstake"] .card-row, html[data-template="silverstake"] .pay-review{ border-color:#e6e9ea; background:#fbfcfc; }
html[data-template="silverstake"] .pay-file{ border-color:#c9d0cf; background:#fff; }
html[data-template="silverstake"] .pay-receive, html[data-template="silverstake"] .pay-phone-box, html[data-template="silverstake"] .pay-codes{ background:var(--green-soft); border-color:#c9dcd5; color:#2c564d; }
html[data-template="silverstake"] .pay-phone{ color:var(--green-dark); }
html[data-template="silverstake"] .pay-codes code{ color:var(--text); }
html[data-template="silverstake"] .req-timeline li::before, html[data-template="silverstake"] .req-timeline li::after{ background:#d3d8d7; }
html[data-template="silverstake"] .req-timeline li.done::before, html[data-template="silverstake"] .req-timeline li.done::after{ background:var(--green); }
html[data-template="silverstake"] .req-timeline li.current::before{ background:var(--green); box-shadow:0 0 0 4px rgba(61,114,102,.2); }
html[data-template="silverstake"] .wd-row.main strong{ color:var(--green-dark); }
html[data-template="silverstake"] .pay-total.ok{ background:var(--green-soft); color:var(--green-dark); }

/* account area */
html[data-template="silverstake"] .summary-tile{ border:0; border-radius:14px; background:var(--panel); box-shadow:0 3px 12px rgba(35,39,43,.05); }
html[data-template="silverstake"] .kv-list > div{ border-color:#e6e9ea; }
html[data-template="silverstake"] .acc-avatar{ background:var(--green); color:#fff; }
html[data-template="silverstake"] .acc-badge{ background:var(--green-soft); color:var(--green-dark); }
html[data-template="silverstake"] .account-nav .chip.active{ background:var(--green); border-color:var(--green); color:#fff; }
html[data-template="silverstake"] .acc-status-dot.ok{ background:var(--green); }
html[data-template="silverstake"] .acct-panel li.acct-logout{ border-top-color:#e6e9ea; }

/* player notifications */
html[data-template="silverstake"] .notif-btn{ border-radius:12px; background:#e6e9ea; border:0; color:var(--text); }
html[data-template="silverstake"] .acc-notif{ background:#fff; border-color:#dcdfe1; }
html[data-template="silverstake"] .acc-notif.st-approved{ border-inline-start-color:#2fb344; }
html[data-template="silverstake"] .acc-notif:not(.st-approved){ border-inline-start-color:#e5484d; }

/* bonuses */
html[data-template="silverstake"] .promo-card, html[data-template="silverstake"] .bonus-choice{ background:#fff; border-color:#dcdfe1; }
html[data-template="silverstake"] .bonus-code-row input{ background:#fff; border-color:#dcdfe1; }
html[data-template="silverstake"] .wc-bonus, html[data-template="silverstake"] .bonus-card .bonus-big{ color:#7048e8; }
html[data-template="silverstake"] .bonus-facts div{ background:#f1f3f4; }

/* promotions page */
html[data-template="silverstake"] .promo-hero{ background:radial-gradient(120% 140% at 100% 0%, rgba(62,114,100,.18), transparent 60%), #fff; border-color:#dcdfe1; }
html[data-template="silverstake"] .promo-show, html[data-template="silverstake"] .promo-empty{ background:#fff; border-color:#dcdfe1; }
html[data-template="silverstake"] .promo-show:hover{ box-shadow:0 18px 36px -24px rgba(35,39,43,.5); }
html[data-template="silverstake"] .promo-show{ --tone:#3e7264; } html[data-template="silverstake"] .promo-show.kind-deposit{ --tone:#2f6fb0; } html[data-template="silverstake"] .promo-show.kind-cashback{ --tone:#c27a12; } html[data-template="silverstake"] .promo-show.kind-play_reward{ --tone:#7048e8; }
html[data-template="silverstake"] .promo-pills li{ background:#f1f3f4; border-color:#e3e6e7; } html[data-template="silverstake"] .promo-chips span{ background:#f1f3f4; color:#5c666b; }

/* lucky wheel */
html[data-template="silverstake"] .wheel-fab{ border-radius:12px; background:#e6e9ea; border:0; color:#23272b; }
html[data-template="silverstake"] .wheel-fab-dot{ box-shadow:0 0 0 2px #f7f8f8; }
html[data-template="silverstake"] .wheel-backdrop{ background:rgba(30,38,36,.72); }
html[data-template="silverstake"] .wheel-dialog{ background:#fff; border-color:#dcdfe1; box-shadow:0 30px 80px rgba(20,30,28,.35); }
html[data-template="silverstake"] .wheel-x, html[data-template="silverstake"] .wheel-mute{ background:#eef1f1; border-color:#dcdfe1; }
html[data-template="silverstake"] .wheel-canvas{ background:#fff; }
html[data-template="silverstake"] .wheel-result{ background:rgba(236,238,239,.78); }
html[data-template="silverstake"] .wheel-result-card{ background:#fff; box-shadow:0 20px 50px rgba(20,30,28,.25); }
html[data-template="silverstake"] .wheel-card{ background:linear-gradient(120deg,#e3ece9,#fff 70%); border-color:#cfd9d6; }

/* house clock — calm and light, like a bank's */
html[data-template="silverstake"] .site-clock{ border:0; border-radius:12px; background:#e6e9ea; color:#5c666b; font-weight:500; }
html[data-template="silverstake"] .ck-time{ font-family:var(--font-body); font-size:14px; font-weight:600; color:var(--text); letter-spacing:0; min-width:7.2ch; }
html[data-template="silverstake"] .ck-ss{ color:var(--green); } html[data-template="silverstake"] .ck-tz{ font-family:var(--font-body); }
html[data-template="silverstake"] .site-clock .ck-date{ border-inline-start-color:#cfd4d6; }
html[data-template="silverstake"] .clock-bar{ background:#f7f8f8; border-bottom-color:#dcdfe1; color:#5c666b; font-weight:500; }

/* referral */
html[data-template="silverstake"] .rf-hero{ background:linear-gradient(180deg,#ffffff,#f3f6f6); box-shadow:0 10px 30px rgba(20,40,40,.06); } html[data-template="silverstake"] .rf-card, html[data-template="silverstake"] .rf-w{ box-shadow:0 4px 16px rgba(20,40,40,.05); }
html[data-template="silverstake"] .rf-btn.primary, html[data-template="silverstake"] .rf-node.me{ color:#fff; } html[data-template="silverstake"] .rf-link, html[data-template="silverstake"] .rf-code, html[data-template="silverstake"] .rf-dialog-box input, html[data-template="silverstake"] .rf-dialog-box select{ background:#f4f6f6; } html[data-template="silverstake"] .rf-banners img{ background:#eef1f1; }
/* phones: the caption sits on a photo with a dark gradient — white text, like the dark templates */
@media (max-width:640px){ html[data-template="silverstake"] .banner-slide.custom .caption{ text-shadow:0 2px 14px rgba(0,0,0,.75); } html[data-template="silverstake"] .banner-slide.custom .btitle{ color:#fff; } html[data-template="silverstake"] .banner-slide.custom .bbody{ color:rgba(255,255,255,.88); } html[data-template="silverstake"] .banner-slide.custom:has(.caption) picture::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.45) 58%, rgba(0,0,0,.82) 100%); } }
/* contact means (light theme) */
.contact-fab{ background:var(--green, var(--accent)); color:#fff; box-shadow:0 10px 26px rgba(20,30,40,.22); } .contact-sheet{ background:#fff; border-color:rgba(20,30,40,.1); box-shadow:0 30px 80px rgba(20,30,40,.25); } .cs-opt{ background:var(--panel, #f4f6f8); border-color:transparent; } .cs-logo{ box-shadow:0 2px 8px rgba(20,30,40,.12); border:1px solid rgba(20,30,40,.08); } .cs-x:hover{ background:rgba(20,30,40,.06); } .contact-back{ background:rgba(20,30,40,.4); }
.contact-hdr{ color:var(--green, var(--accent)); background:#fff; border-color:rgba(20,30,40,.14); } .contact-hdr .ch-ring{ border-color:var(--green, var(--accent)); } .contact-hdr .ch-dot{ box-shadow:0 0 0 2px #fff; }