/* GENERATED by tools/silk-colors.js. Do not edit: re-run the tool. Every green rule of the app, without the green, for the Max look. */
/* 02-css-01.css */
html.silk .ni-soon{background:rgba(var(--g1),.14)}
html.silk .switch input:checked + .switch-track{background:var(--green,var(--gold2));border-color:var(--green,var(--gold2))}
html.silk .btn-gold{color:var(--s-on-ink);box-shadow:0 2px 12px rgba(var(--g1),0.3)}
html.silk .btn-gold:hover{background:linear-gradient(135deg,var(--gold2),var(--gold2))}
html.silk .bg-green{background:rgba(var(--s-good-rgb),.2);color:var(--s-good)}
html.silk.light .float-win{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 44px rgba(var(--g1),0.242),0 0 20px rgba(var(--g1),.30)}
html.silk .float-win-close.active{color:var(--s-on-ink)}
html.silk body.float-ext-body{background:rgba(var(--g1),0.050)}
html.silk.light body.float-ext-body{background:rgba(var(--g1),0.076)}
html.silk .float-ext-toast{background:rgba(var(--g1),0.056);color:rgba(var(--g1),0.920);border:1px solid var(--gold2);box-shadow:0 0 16px rgba(var(--g1),.4)}
html.silk .calc-mode.on{color:var(--s-on-ink)}
html.silk .calc-btn-gold{color:var(--s-on-ink)}
/* 02b-css-01b.css */
html.silk .calc-mem-badge{color:var(--s-on-ink)}
html.silk .fx-sel option{background:rgba(var(--g1),0.078);color:rgba(var(--g1),0.920)}
html.silk.light .fx-sel option{color:rgba(var(--g1),0.912)}
html.silk .fx-badge{color:var(--s-on-ink)}
html.silk .pos-card-badge{color:var(--s-on-ink)}
html.silk .csel-item.sel{background:rgba(var(--g1),.08)}
html.silk .ubtn.on{color:var(--s-on-ink)}
/* 03-css-02.css */
html.silk .cbtn.on{color:var(--s-on-ink)}
html.silk .size-btn.on{color:var(--s-on-ink)}
html.silk .sh-badge{color:rgba(var(--g1),0.920)}
html.silk .chart-canvas-wrap{background:radial-gradient(circle at 15% 20%, rgba(184,146,63,.16), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(var(--g1),0.060), transparent 50%),
    linear-gradient(160deg, rgba(255,255,255,.035), rgba(255,255,255,0) 40%),
    var(--bg2)}
html.silk .chart-tooltip{background:rgba(var(--g1),0.059)}
html.silk .led-dot.on{box-shadow:0 0 9px 2px rgba(var(--g1),.65)}
html.silk .al-ok{background:rgba(var(--g1),.13);border:1px solid rgba(var(--g1),.35);color:var(--s-good)}
html.silk .toast-item.ok{color:var(--s-good)}
html.silk .sub-plan-card-v2.sub-plan-target{border-color:var(--gold2);box-shadow:0 0 0 2px var(--gold2),0 8px 24px rgba(var(--g1),.35)}
html.silk .auth-lang-btn{background:rgba(var(--g1),0.076);border:1px solid rgba(var(--g1),0.171);color:rgba(var(--g1),0.631)}
html.silk .conn-wifi{color:var(--gold2)}
html.silk .sub-plan-price-main-row .sub-plan-price-new{text-shadow:0 0 14px rgba(var(--g1),.45)}
/* 04-css-03.css */
html.silk .feature-lock-overlay{background:linear-gradient(180deg,rgba(var(--g1),0.028),rgba(var(--g1),0.036))}
html.silk[data-theme="light"] .feature-lock-overlay{background:linear-gradient(180deg,rgba(var(--g1),0.552),rgba(var(--g1),0.718))}
html.silk #addr-map-canvas .leaflet-control-attribution{background:rgba(var(--g1),0.036)!important}
html.silk .mp-row-status{color:var(--s-good)}
html.silk .t-green{color:var(--s-good)}
html.silk .splash-screen{background:rgba(var(--g1),0.050)}
html.silk .splash-flash{background:rgba(var(--g1),0.920)}
html.silk .splash-grid{background-image:linear-gradient(rgba(var(--g1),0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--g1),0.07) 1px, transparent 1px)}
html.silk .splash-glow-1{background:var(--gold2)}
html.silk .splash-glow-2{background:var(--gold)}
html.silk .splash-slash{background:linear-gradient(90deg, transparent 0%, transparent 40%, rgba(255,255,255,.95) 47%, rgba(var(--g1),0.637) 50%, rgba(var(--g1),0.414) 54%, transparent 63%, transparent 100%);box-shadow:0 0 20px 3px rgba(var(--g1),0.574), 0 0 46px 12px rgba(var(--g1),0.287)}
html.silk .splash-ambient-ring{border:1px dashed rgba(var(--g1),.22)}
html.silk .splash-logo-letters{filter:drop-shadow(0 0 0 rgba(var(--g1),0))}
html.silk .splash-check-ghost{background:radial-gradient(circle, rgba(var(--g1),0.216) 0%, transparent 70%)}
html.silk .splash-logo-check{filter:drop-shadow(0 0 0 rgba(var(--g1),0.000)) brightness(2.6)}
html.silk .splash-check-glow{background:radial-gradient(circle, rgba(var(--g1),0.699) 0%, rgba(var(--g1),.55) 38%, transparent 72%)}
html.silk .splash-shock{border:1.5px solid rgba(var(--g1),0.609)}
html.silk .splash-spark{background:rgba(var(--g1),0.829);box-shadow:0 0 7px 2px rgba(var(--g1),0.717)}
html.silk .splash-spinner-arc{stroke:var(--gold2)}
html.silk .splash-text{color:rgba(var(--g1),0.631)}
html.silk .splash-progress-fill{background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 8px rgba(var(--g1),.6)}
/* 05-css-04.css */
html.silk #app-aurora .aur-blob1{background:radial-gradient(circle,rgba(var(--g1),0.485) 0%,rgba(var(--g1),0.000) 70%)}
html.silk #app-aurora .aur-blob2{background:radial-gradient(circle,rgba(var(--g1),0.85) 0%,rgba(var(--g1),0) 70%)}
html.silk #app-aurora .aur-blob3{background:radial-gradient(circle,rgba(var(--g1),0.270) 0%,rgba(var(--g1),0.000) 70%)}
html.silk #app-aurora .aur-ring{background:conic-gradient(from 0deg,rgba(var(--g1),0.000) 0deg,rgba(var(--g1),0.032) 90deg,rgba(var(--g1),0.000) 180deg,rgba(var(--g1),0.05) 270deg,rgba(var(--g1),0.000) 360deg)}
html.silk #app-aurora .aur-grid{background-image:linear-gradient(rgba(var(--g1),0.024) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--g1),0.024) 1px,transparent 1px)}
html.silk #app-aurora .aur-spark{background:rgba(var(--g1),0.539);box-shadow:0 0 6px 1px rgba(var(--g1),0.431),0 0 14px 4px rgba(var(--g1),0.189)}
/* 05b-css-05.css */
@media (min-width:769px){
html.silk .sb-handle:hover,html.silk .sb-handle:focus-visible{box-shadow:0 0 18px rgba(var(--g1),.28)}
}
html.silk .dw-date::before{background:conic-gradient(from 0deg, rgba(var(--g1),.0), rgba(var(--g1),.32), rgba(42,90,154,.22), rgba(var(--g1),.0))}
html.silk .dw-date::after{background:radial-gradient(120% 90% at 0% 100%, rgba(var(--g1),.10), transparent 60%)}
html.silk .dw-chip{background:rgba(var(--g1),.12);border:1px solid rgba(var(--g1),.35)}
html.silk .dw-clock{text-shadow:0 2px 22px rgba(var(--g1),.25)}
/* 05b2-css-05b.css */
html.silk .dws-seg button.on{color:var(--s-on-ink);box-shadow:0 0 14px rgba(var(--g1),.35)}
html.silk .dws-fields button.on{background:rgba(var(--g1),.12)}
html.silk .about-net{background:rgba(var(--g1),.1);border:1px solid rgba(var(--g1),.3)}
html.silk #pg-dashboard .pg-title::after{box-shadow:0 0 14px rgba(var(--g1),.55)}
html.silk #pg-dashboard .stat{--stat-c:var(--gold2);background:linear-gradient(160deg,rgba(var(--g1),.07) 0%,transparent 55%),var(--bg3)}
html.silk #pg-dashboard .stat:nth-child(1){--stat-c:var(--gold2)}
html.silk #pg-dashboard .stat:nth-child(2){--stat-c:var(--s-good)}
html.silk #pg-dashboard .stat:nth-child(3){--stat-c:rgba(var(--g1),0.631)}
html.silk #pg-dashboard .stat:nth-child(5){--stat-c:rgba(var(--g1),0.504)}
html.silk #pg-dashboard .stat:hover{border-color:rgba(var(--g1),.45);box-shadow:inset 0 1px 0 var(--glass-hl),0 14px 34px rgba(0,0,0,.3),0 0 0 1px rgba(var(--g1),.12)}
html.silk .stat-ico{color:var(--stat-c,var(--gold2));background:rgba(var(--g1),.1);border:1px solid rgba(var(--g1),.22)}
html.silk #pg-dashboard .qa-btn:hover{box-shadow:0 10px 26px rgba(var(--g1),.38)}
html.silk #pg-dashboard .qa-btn.btn-terra{border:1px solid rgba(var(--g1),.35);background:linear-gradient(135deg,rgba(var(--g1),.9),rgba(var(--g1),.65))}
html.silk .dw-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.34),0 0 0 1px rgba(var(--g1),.18)}
html.silk .dw-wx::after{background:linear-gradient(180deg,transparent,rgba(var(--g1),0.021))}
html.silk #pg-dashboard .qa-subcard:hover{border-color:rgba(var(--g1),.35)}
html.silk #pg-dashboard .qa-subcard .sec-title::before{box-shadow:0 0 10px rgba(var(--g1),.8)}
html.silk #pg-dashboard .qa-subcard tbody tr:hover{background:rgba(var(--g1),.06)}
/* 05c-css-06.css */
html.silk .net-bar{color:var(--gold2);background:rgba(var(--g1),0.046);border:1px solid rgba(var(--g1),.42)}
html.silk .net-note{background:rgba(var(--g1),0.080);color:rgba(var(--g1),0.920)}
html.silk.light .net-note{color:rgba(var(--g1),0.865)}
html.silk .net-note.ok{border-color:rgba(var(--g1),.6)}
html.silk .net-note.ok .net-note-t{color:var(--gold2)}
html.silk .wn-hero{background:linear-gradient(180deg, rgba(var(--g1),.14), transparent)}
html.silk .wn-badge{color:var(--s-on-ink);box-shadow:0 6px 22px rgba(var(--g1),.38)}
html.silk .wn-ico{background:rgba(var(--g1),.12);border:1px solid rgba(var(--g1),.28)}
/* 06-features-ui.css */
html.silk{--card:rgba(var(--g1),0.080);--surface:rgba(var(--g1),0.080);--text:rgba(var(--g1),0.910);--accent:var(--gold);--soft:rgba(var(--g1),.14)}
html.silk.light{--card:rgba(var(--g1),0.050);--surface:rgba(var(--g1),0.050);--text:rgba(var(--g1),0.912);--accent:var(--gold);--soft:rgba(var(--g1),.14)}
html.silk .ax-panel .btn-gold{color:var(--s-on-ink)}
html.silk .ax-new{color:var(--s-on-ink)}
html.silk .ax-qc-btn{color:var(--s-on-ink)}
/* 07-subscription-plans.css */
html.silk .spl-tg.on{color:var(--s-on-ink)}
html.silk .spl-save{background:rgba(var(--g1),.18)}
html.silk .spl-tg.on .spl-save{background:rgba(var(--g1),0.011);color:var(--s-on-ink)}
html.silk .spl-max{background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(135deg,#f5c542,var(--gold2)) border-box;box-shadow:0 10px 30px rgba(var(--g1),.16)}
html.silk .spl-badge{color:var(--s-on-ink)}
html.silk .spl-badge-max{background:linear-gradient(135deg,#f5c542,var(--gold2))}
html.silk .spl-chip{background:rgba(var(--g1),.16)}
html.silk .spl-current{background:rgba(var(--g1),.16)}
/* 08-motion.css */
html.silk .mv-ok{background:rgba(var(--g1),0.042);box-shadow:0 0 0 1px rgba(var(--g1),.35), 0 18px 50px rgba(0,0,0,.45), 0 0 40px rgba(var(--g1),.25)}
html.silk.light .mv-ok{background:rgba(var(--g1),0.043);box-shadow:0 0 0 1px rgba(var(--g1),.35), 0 18px 50px rgba(0,0,0,.18)}
/* 09-dash-home.css */
html.silk{--dh-next:var(--gold2);--dh-later:rgba(var(--g1),0.490)}
html.silk.light{--dh-next:var(--gold);--dh-later:rgba(var(--g1),0.582)}
html.silk.light .dh-tile:hover{box-shadow:0 10px 24px rgba(var(--g1),0.104)}
/* 11-pos-look.css */
html.silk{--pop-bg:rgba(var(--g1),0.100)}
html.silk.light .csel-dd,html.silk.light .prod-pick-dd{box-shadow:0 14px 34px rgba(var(--g1),0.155)}
html.silk.light #pg-pos .pos-left,html.silk.light #pg-pos .inv-panel{box-shadow:0 10px 28px rgba(var(--g1),0.086)}
html.silk.light #pg-pos .pos-card:hover{box-shadow:0 10px 22px rgba(var(--g1),0.121)}
/* 13-r203.css */
html.silk .r3-chip.on{color:var(--s-on-ink)}