/* Main-site finish for customer products, checkout and administration. */
:root{--bg:#000;--panel:#111113;--panel-border:#ffffff24;--panel-border-soft:#ffffff0d;--text:#b9bbc5;--text-dim:#9598a3;--heading:#f4f4f6;--accent:#c6ff3d;--radius-lg:20px;--radius-md:14px;--ease:cubic-bezier(.4,0,.2,1)}
html{scroll-padding-top:110px}
body.sn-suite{background:radial-gradient(ellipse 65% 350px at 80% 70px,#ffffff08,transparent),#000;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;line-height:1.6}
.sn-suite #sn-header{position:sticky;top:0;z-index:40}
.sn-suite .sn-header{position:relative;background:#000e;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff1c}
.sn-suite .sn-header-inner{max-width:1440px;padding:20px 32px}
.sn-suite .sn-brand{font-size:20px;letter-spacing:-.035em;gap:10px}
.sn-suite .sn-brand-logo{width:37px;height:37px;object-fit:contain;flex-shrink:0}
.sn-suite .sn-product-tag{font-size:14px;letter-spacing:0;margin-left:16px;padding-left:16px}
.sn-suite .sn-icon-btn{width:38px;height:38px;color:#eeeef1}
.sn-suite .sn-icon-btn:hover{color:#fff;background:#ffffff09}
.sn-suite .sn-library{border:1px solid #e8e8ec;border-radius:999px;padding:3px 11px;font-size:13px;line-height:24px;text-decoration:none;color:#fff;transition:background .3s,color .3s}
.sn-suite .sn-library:hover{background:#e8e8ec;color:#000}
.sn-suite .sn-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1440px;margin:0 auto;padding:52px 32px 88px;gap:48px;align-items:start}
.sn-suite .sn-content{min-width:0}
.sn-suite #gate{display:block;max-width:480px!important;margin:72px auto;padding:0 24px}
.sn-suite #sn-auth .sn-box{max-width:none!important;padding:32px}
.sn-suite .sn-nav{position:sticky;top:112px;align-self:start;padding:20px 12px;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(150deg,#19191c,#0c0c0e 65%);box-shadow:0 24px 60px #0005}
.sn-suite .sn-nav summary{list-style:none;color:#fff;font-size:13px;font-weight:650;letter-spacing:.025em;padding:3px 12px 18px;cursor:pointer}
.sn-suite .sn-nav summary::-webkit-details-marker{display:none}
.sn-suite .sn-nav-links{max-height:calc(100svh - 210px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#48484e transparent;padding:0 4px}
.sn-suite .sn-nav a{position:relative;border-radius:8px;border-bottom:1px solid #ffffff08;padding:10px 12px;margin:2px 0;font-size:13px;line-height:1.5;color:#9598a3;transition:color .2s,background .2s}
.sn-suite .sn-nav a:hover{color:#fff;background:#ffffff09}
.sn-suite .sn-nav a.active{color:#fff;background:#ffffff10;font-weight:600;box-shadow:inset 2px 0 #fff}
.sn-suite .sn-nav .sn-nav-shop{margin-top:20px;border-top:1px solid #ffffff20;border-bottom:0;padding-top:18px;color:#fff}
.sn-suite .sn-content h1{font-size:clamp(34px,4vw,52px)!important;font-weight:600;letter-spacing:-.045em!important;line-height:1.08;margin:0 0 24px!important;color:#fff}
.sn-suite h2{letter-spacing:-.025em;font-weight:600;line-height:1.25}
.sn-suite .section-title{font-size:12px;font-weight:600;letter-spacing:.08em;color:#9c9ca7;margin:32px 0 14px}
.sn-suite .sn-box,.sn-suite .sn-card,.sn-suite .stat-card,.sn-suite .card,.sn-suite .mbox{background:linear-gradient(145deg,#19191c,#101012 75%);border:1px solid #ffffff24;border-radius:20px;box-shadow:0 16px 40px #0002}
.sn-suite .sn-box{padding:28px;margin-bottom:22px}
.sn-suite .sn-card,.sn-suite .stat-card{padding:24px}
.sn-suite .stat-card .n{font-size:34px;font-weight:600;letter-spacing:-.045em;line-height:1.15}
.sn-suite .stat-card .l{font-size:12px;margin-top:10px}
.sn-suite .sn-card:hover,.sn-suite .service-card:hover{border-color:#ffffff50}
.sn-suite .sn-btn,.sn-suite .toolbar button,.sn-suite .row-actions button,.sn-suite .tbtn{font:600 13px 'Plus Jakarta Sans',sans-serif;border:1px solid #e8e8ec;border-radius:999px;background:transparent;color:#fff;min-height:38px;padding:9px 18px;cursor:pointer}
.sn-suite .sn-btn-accent{background:#c6ff3d;color:#080a04;border-color:#c6ff3d}
.sn-suite .sn-btn-accent::before{background:#dcff8a}
.sn-suite button:disabled{opacity:.45;cursor:not-allowed}
.sn-suite input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.sn-suite select,.sn-suite textarea{font-family:inherit;background:#080809;color:#eeeef1;border:1px solid #ffffff30;border-radius:10px;padding:11px 13px;max-width:100%;min-width:0}
.sn-suite input:focus-visible,.sn-suite select:focus-visible,.sn-suite textarea:focus-visible{outline:2px solid #c6ff3d;outline-offset:2px}
.sn-suite :is(button,a,summary):focus-visible{outline:2px solid #c6ff3d;outline-offset:4px}
.sn-suite input[type=checkbox],.sn-suite input[type=radio]{accent-color:#c6ff3d}
.sn-suite .sn-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}
.sn-suite table.sn-table th{padding:13px 14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#ffffff03}
.sn-suite table.sn-table td{padding:15px 14px;border-bottom:1px solid #ffffff0e}
.sn-suite .pill{padding:4px 10px;font-size:11px;font-weight:500}
.sn-suite .toast{background:#17171a;border-radius:14px;box-shadow:0 12px 40px #0008}
.sn-suite .blk,.sn-suite .edPreview{border-radius:16px;background:#111113;border-color:#ffffff24}
.sn-suite .blkTop,.sn-suite .edPrevBar{background:#ffffff03;border-bottom-color:#ffffff14}
.sn-suite .sn-footer-bottom{max-width:1376px;padding:32px 0;margin:0 auto;border-color:#ffffff26}
.sn-suite .sn-footer-logo{width:34px;height:34px;filter:grayscale(1);opacity:.65}
.sn-suite[data-product=catalogue] .sn-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.sn-suite[data-product=catalogue] .steps{max-width:1376px;margin:28px auto 0}
@media(max-width:1100px){.sn-suite .sn-workspace{gap:28px;grid-template-columns:220px minmax(0,1fr)}.sn-suite[data-product=catalogue] .sn-content{grid-template-columns:1fr}}
@media(max-width:850px){.sn-suite .sn-workspace{grid-template-columns:minmax(0,1fr);padding:24px 20px 56px;gap:28px}.sn-suite .sn-nav{position:static;padding:14px 12px}.sn-suite .sn-nav summary{padding:2px 10px}.sn-suite .sn-nav summary::after{content:'+';float:right}.sn-suite .sn-nav details[open] summary::after{content:'−'}.sn-suite .sn-nav-links{max-height:340px;margin-top:14px}.sn-suite .sn-header-inner{padding:14px 20px}.sn-suite .sn-box{padding:22px}.sn-suite .sn-footer-bottom{margin:0 20px;padding:28px 0}.sn-suite .sn-content h1{font-size:36px!important}.sn-suite[data-product=catalogue] .steps{margin:20px}.sn-suite .toolbar{gap:10px}.sn-suite .toolbar input[type=text],.sn-suite .toolbar input[type=search]{min-width:0;flex:1}}
@media(max-width:540px){.sn-suite .sn-product-tag{display:none}.sn-suite .sn-brand{font-size:17px}.sn-suite .sn-brand-logo{width:31px;height:31px}.sn-suite .sn-header-icons{gap:2px}.sn-suite .sn-header-icons .sn-icon-btn{width:30px}.sn-suite .sn-library{display:none}.sn-suite .stat-row,.sn-suite .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sn-suite .card-grid{grid-template-columns:1fr}.sn-suite .detail-grid{grid-template-columns:1fr}.sn-suite .stat-card{padding:18px}.sn-suite .sn-content h1{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){.sn-suite *,.sn-suite *::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sn-suite[data-product=catalogue]{--ink:#f4f4f6;--line:#ffffff24;--body:#b9bbc5;--muted:#9598a3;--text-mute:#9598a3;--surface:#111113;--surface-2:#080809;--accent-wash:#c6ff3d0c;--ok:#c6ff3d;--warn:#ffb02e}
.sn-suite[data-product=catalogue] :is(h2,h3,.item b,.tot .row.big){font-family:inherit}
.sn-suite[data-product=catalogue] .btn{border-radius:999px;font-weight:600}
.sn-suite[data-product=catalogue] .btn-p{background:#c6ff3d;color:#080a04}
.sn-suite[data-product=catalogue] .btn-p:hover{background:#dcff8a;color:#080a04}
.sn-suite[data-product=catalogue] :is(.item.on,.payopt button.on,.hostOpt:hover){box-shadow:0 0 0 2px #c6ff3d20;border-color:#c6ff3d}
.sn-suite[data-product=catalogue] :is(.step.on b,.item.on .tick){color:#080a04}
.sn-suite[data-product=catalogue] .item:hover{border-color:#ffffff60}
.sn-suite[data-product=catalogue] .err{color:#ff9b9b}
.sn-suite[data-product=catalogue] .side{top:112px;min-width:0}
.sn-suite[data-product=catalogue] .items{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
/* Plain action buttons in generated forms also inherit the shared treatment. */
.sn-suite button{font-family:inherit;font-size:13px;font-weight:600;border:1px solid #ffffff55;border-radius:999px;background:transparent;color:#fff;padding:8px 14px;cursor:pointer}
.sn-suite .sn-btn{border-radius:999px!important}
.sn-suite .sn-btn.sn-btn-accent{background:#c6ff3d;color:#080a04;border-color:#c6ff3d}
.sn-suite .flow-add button:hover,.sn-suite #card-confirm:hover,.sn-suite #add-card-btn:hover{background:#fff;color:#000}