/* Reference-inspired product workspace; existing controls retain their behavior. */
.snf-product-header{font-family:Arial,Helvetica,sans-serif;border-color:#e7edf6;box-shadow:0 1px 0 #f1f5fa}.snf-product-header-main{max-width:1440px;display:grid;grid-template-columns:100px auto minmax(0,1fr);gap:24px;padding:14px 24px}.snf-product-wordmark{font-size:25px!important;font-weight:800!important;letter-spacing:-1.1px;color:#073778!important;white-space:nowrap}.snf-product-wordmark sup{font-size:8px;letter-spacing:0;vertical-align:top;margin-left:2px}.snf-product-switcher{gap:10px;flex-wrap:nowrap}.snf-product-switcher>span{display:none}.snf-product-switcher a{display:flex;align-items:center;gap:9px;padding:17px 15px;border-radius:6px 6px 0 0;background:#f9fbfe;border-bottom:3px solid transparent;font-size:12px;font-weight:600;letter-spacing:0;white-space:nowrap}.snf-product-switcher svg{height:21px;width:21px;flex-shrink:0}.snf-product-switcher a:first-child{color:#075bf3}.snf-product-switcher a:last-child{color:#257638}.snf-product-switcher a.selected{border-bottom-color:#0863fa;background:#edf5ff;color:#075bf3}.snf-product-switcher a:last-child.selected{border-bottom-color:#278744;background:#eef8f0;color:#257638}.snf-product-utility{justify-content:flex-end;gap:18px;flex-wrap:nowrap}.snf-product-header .snf-product-utility a,.snf-account-menu summary{font-size:12px;font-weight:500;color:#24365b}.snf-auth-links{display:flex;align-items:center;gap:8px;white-space:nowrap}.snf-product-header a:hover{text-decoration:none;color:#065cf2}.snf-product-account{gap:8px}.snf-product-account>span:first-child{width:28px;height:28px;background:#6695ff;color:#fff;font-weight:500;font-size:11px}.snf-product-account .snf-account-label{width:auto;height:auto;background:none;border-radius:0;display:inline;color:#24365b;font-size:12px}.snf-product-section-nav{max-width:none;justify-content:flex-start;padding:0 max(24px,calc((100vw - 1160px)/2));gap:25px;background:#f8faff;border-top:1px solid #f0f4f9;border-bottom:1px solid #e9eef6}.snf-product-section-nav a{position:relative;display:block;padding:15px 0;font-size:12px;font-weight:500;color:#24365b}.snf-product-section-nav a.is-active{color:#0060ff;font-weight:700}.snf-product-section-nav a.is-active:after{position:absolute;content:'';height:3px;border-radius:3px;left:0;right:0;bottom:0;background:#0863ff}.snf-mobile-menu{display:none;position:relative}.snf-mobile-menu summary{cursor:pointer;list-style:none;padding:6px 9px;border:1px solid #e2e9f3;border-radius:7px;font-size:19px;line-height:1.1;color:#20365c}.snf-mobile-menu summary::-webkit-details-marker{display:none}.snf-mobile-menu>nav{position:absolute;right:0;top:40px;z-index:1250;display:grid;gap:16px;background:#fff;border:1px solid #e0e8f3;box-shadow:0 12px 30px #243a601a;border-radius:8px;padding:18px;min-width:180px}
.snf-product-header~main{background:linear-gradient(125deg,#f5f9ff 0,#fff 65%);padding-top:24px}.snf-product-header~main .button{background:var(--snf-green);color:#fff;border:1px solid var(--snf-green);border-radius:6px;box-shadow:none;font-weight:600}.snf-product-header~main .secondary{border-radius:6px}.sr-dashboard .sr-panel,.snf-settings-workspace{border-radius:9px;border-color:#e4ebf5;box-shadow:0 2px 12px #26446c03}.snf-settings-page-heading{margin-bottom:22px;align-items:flex-start}.snf-settings-page-heading h1{font:700 28px/1.3 Arial,sans-serif;margin:0 0 7px;letter-spacing:-.5px;color:#152342}.snf-settings-page-heading p{font-size:13px;color:#637696;margin:0}.snf-plan-summary{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid #e3eaf5;border-radius:8px;padding:16px 18px;min-width:320px;color:#1d2c49}.snf-plan-summary strong{font:600 13px Arial,sans-serif}.snf-plan-summary small{display:block;color:#5d6f8c;font-size:11px;margin:9px 0 0 15px}.snf-plan-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#188738;margin-right:5px}.snf-plan-badge{display:inline-block;color:#237e38;background:#e7f8e9;border-radius:4px;font-size:10px;padding:3px 6px;margin-left:10px}.snf-outline-button{border:1px solid var(--snf-green);color:var(--snf-green);border-radius:5px;padding:8px 11px;font:600 11px Arial,sans-serif;white-space:nowrap;text-decoration:none}.snf-settings-workspace{padding:0!important;background:#fff;border:1px solid #e4ebf5}.snf-settings-columns{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:480px}.snf-settings-sidebar{padding:18px 12px;background:linear-gradient(90deg,#f7faff,#fff);border-right:1px solid #edf1f7;display:flex;flex-direction:column;gap:6px;align-items:stretch}.snf-settings-sidebar button,.snf-settings-sidebar a{display:flex;align-items:center;gap:12px;padding:13px 12px;border:0;background:transparent;color:#243756;text-align:left;font:500 13px/1.4 Arial,sans-serif;box-shadow:none;cursor:pointer;text-decoration:none;border-radius:6px}.snf-settings-sidebar button.is-active{background:#e5f0ff;color:#0060ff}.snf-settings-icon{display:inline-flex;flex-shrink:0;width:18px;height:18px}.snf-settings-icon svg{width:18px;height:18px}.snf-settings-content{padding:26px 28px;min-width:0;color:#243552}.snf-settings-content h3{font:700 18px/1.4 Arial,sans-serif;margin:0 0 9px;letter-spacing:0;color:#14233e}.snf-settings-content p{font-size:13px;color:#6b7e9e;line-height:1.6;margin:0 0 20px}.snf-settings-workspace [data-settings-panel][hidden]{display:none!important}.snf-settings-workspace .sr-settings-fields{display:block;min-width:0;padding:0;border:0;margin:0}.snf-settings-workspace .sr-setting-group{padding:0;margin:0 0 24px;border:0;background:transparent;border-radius:0}.snf-settings-workspace label{font-size:12px;line-height:1.5;color:#273b5e;font-weight:500}.snf-settings-workspace input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.snf-settings-workspace select{height:40px;min-height:40px;box-sizing:border-box;width:100%;border:1px solid #d9e3f1;border-radius:6px;background:#fff;padding:8px 11px;font:13px/1.5 Arial,sans-serif;color:#243755;box-shadow:0 1px 3px #243a6003}.snf-settings-workspace input[type=color]{padding:4px;max-width:120px}.snf-settings-workspace input:focus,.snf-settings-workspace select:focus{outline:2px solid #8ab4ff;outline-offset:1px}.snf-settings-workspace .sr-setting-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:650px}.snf-settings-workspace .sr-setting-group>label{display:flex;flex-direction:column;gap:8px;max-width:650px}.snf-settings-workspace small{color:#7e8fab;font-size:11px;line-height:1.6}.snf-settings-workspace .sr-muted{font-size:11px;margin:24px 0 15px}.snf-settings-workspace .sr-widget-preview{background:#f8fbff;border:1px solid #e4ebf5;border-radius:6px;padding:16px}.snf-settings-workspace .snf-cta-setting>h3{display:none}.snf-settings-workspace .sr-settings-fields>.button{display:block;margin:0 0 0 auto;padding:11px 22px;font-size:12px}.snf-settings-workspace .widget-visibility-controls{border:0;border-radius:0;box-shadow:none;padding:0;margin:20px 0 24px;background:none}.snf-settings-workspace .widget-visibility-controls form{gap:14px;min-height:36px;margin:0 0 15px}.snf-settings-workspace .widget-visibility-controls legend{font-size:12px;min-width:175px;margin-right:10px}.snf-settings-workspace .widget-visibility-controls label{font-size:12px}.snf-settings-workspace .widget-visibility-controls .button{font-size:11px;padding:7px 12px;min-height:32px}.snf-settings-workspace .widget-visibility-controls p{font-size:11px;line-height:1.6}.snf-settings-workspace .settings-group{border:0;background:none;padding:0;margin:0 0 24px}.snf-settings-workspace .settings-group>legend{font-size:18px;font-weight:700;color:#162743;border:0;padding:0;margin:0 0 16px}.snf-settings-workspace .settings-save{border-top:1px solid #e7eef8;padding-top:18px;gap:12px}.snf-settings-workspace>.sr-notice{margin:18px}.snf-settings-workspace>h2:not(.sr-visually-hidden){padding:24px 28px 0;font-size:25px}
@media(max-width:1050px){.snf-product-header-main{grid-template-columns:90px auto;gap:14px}.snf-product-utility{grid-column:1/-1;justify-content:flex-end}.snf-settings-columns{grid-template-columns:185px minmax(0,1fr)}.snf-settings-content{padding:22px}.snf-settings-page-heading{gap:20px}}
@media(max-width:760px){.snf-product-header-main{display:grid;grid-template-columns:1fr auto;padding:15px 16px 0;gap:15px}.snf-product-wordmark{font-size:23px!important;grid-column:1;grid-row:1}.snf-product-utility{grid-column:2;grid-row:1;gap:12px}.snf-product-utility>.snf-utility-link,.snf-product-utility>.snf-auth-links{display:none}.snf-mobile-menu{display:block}.snf-product-switcher{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-items:stretch}.snf-product-switcher a{justify-content:center;padding:13px 8px;font-size:11px;gap:7px}.snf-product-switcher svg{width:18px;height:18px}.snf-product-account .snf-account-label{display:none}.snf-product-account>span:first-child{width:27px;height:27px}.snf-product-section-nav{padding:0 16px;gap:22px;background:#fff;scrollbar-width:thin}.snf-product-section-nav a{font-size:11px;padding:14px 0}.snf-product-header~main{padding:20px 12px}.sr-dashboard{padding:0}.snf-settings-page-heading{display:flex;flex-direction:column;align-items:stretch;gap:24px}.snf-settings-page-heading h1{font-size:25px}.snf-settings-page-heading p{font-size:12px}.snf-plan-summary{order:-1;min-width:0;width:100%;box-sizing:border-box;padding:14px 12px;gap:10px;justify-content:space-between}.snf-plan-summary strong{font-size:11px}.snf-plan-summary small{font-size:10px;margin-left:12px}.snf-plan-badge{font-size:9px;margin-left:6px}.snf-outline-button{font-size:10px;padding:8px}.snf-settings-workspace{border:0;background:transparent;box-shadow:none}.snf-settings-columns{display:block;min-height:0}.snf-settings-sidebar{padding:0 0 18px;background:transparent;border:0;gap:2px}.snf-settings-sidebar button,.snf-settings-sidebar a{padding:12px 11px;font-size:12px;gap:12px;border-radius:6px}.snf-settings-sidebar button:after,.snf-settings-sidebar a:after{content:'›';margin-left:auto;font-size:20px;font-weight:400;color:#8da1bd}.snf-settings-sidebar button.is-active:after{color:#0b64ff}.snf-settings-content{background:#fff;border:1px solid #e5ecf6;border-radius:8px;padding:20px 16px}.snf-settings-content h3{font-size:17px}.snf-settings-content p{font-size:12px}.snf-settings-workspace .sr-setting-row{grid-template-columns:1fr;gap:14px}.snf-settings-workspace .widget-visibility-controls legend{min-width:0}.snf-settings-workspace .widget-visibility-controls form{gap:10px;margin-bottom:20px}.snf-settings-workspace .widget-visibility-controls fieldset{width:100%}.snf-settings-workspace .sr-settings-fields>.button{width:100%;margin:0}.snf-settings-workspace .sr-muted{line-height:1.6}.snf-settings-workspace>h2:not(.sr-visually-hidden){padding:0;margin:0 0 18px}}

.snf-plan-summary.is-pending .snf-plan-dot{background:#94a3b8}.snf-plan-summary.is-pending .snf-plan-badge{background:#fff3d9;color:#8a6725}

/* Keep public content and additional-session controls consistent inside both workspaces. */
.snf-signed-in-content{margin-top:32px}.snf-settings-workspace .additional-limit-control input[type=range]{width:100%;padding:0;min-height:24px;height:24px;accent-color:#0864fa;border:0;background:transparent}.snf-settings-workspace .additional-limit-control .limit-stepper{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center}.snf-settings-workspace .additional-limit-control .limit-stepper input{grid-column:2;grid-row:1;margin:0}.snf-settings-workspace .additional-limit-control .limit-endpoints{grid-column:2;grid-row:2;font-size:12px}.snf-settings-workspace .additional-limit-control .limit-step:last-child{grid-column:3;grid-row:1}.snf-settings-workspace .additional-limit-control .limit-step{width:36px;height:36px;padding:0;font-size:20px}.snf-settings-workspace .additional-limit-control label{margin-bottom:16px}.snf-signed-in-content .merchant-hero h1{font-size:clamp(32px,5vw,60px)}

/* Preserve each product’s existing button palette, including hover states. */
.snf-product-header~main .button:hover{background:var(--snf-green-hover);border-color:var(--snf-green-hover)}

/* Use the supplied brand artwork and distinct casing for the two menu rows. */
.snf-product-header-main{grid-template-columns:150px auto minmax(0,1fr)}
.snf-product-wordmark{display:block;width:150px;line-height:1}.snf-product-wordmark .brand-logo{width:150px;height:42px}
.snf-product-switcher a,.snf-product-utility a,.snf-product-utility button,.snf-product-utility summary{text-transform:uppercase}
.snf-product-section-nav a{text-transform:none}
@media(max-width:760px){.snf-product-header-main{grid-template-columns:1fr auto}.snf-product-wordmark,.snf-product-wordmark .brand-logo{width:125px}.snf-product-wordmark .brand-logo{height:36px}.snf-product-switcher a{font-size:10px;gap:6px;padding-left:8px;padding-right:8px}.snf-product-switcher svg{width:18px;height:18px}}

/* Navigation follows each product's established button palette. */
.snf-product-header.snf-theme-sr{--snf-nav-accent:#263a63;--snf-nav-tint:#f1f3f7}
.snf-product-header.snf-theme-vto{--snf-nav-accent:#214f44;--snf-nav-tint:#edf4f0}
.snf-product-header .snf-product-switcher a:first-child{color:#263a63;background:#f7f8fb}
.snf-product-header .snf-product-switcher a:last-child{color:#214f44;background:#f4f8f5}
.snf-product-header .snf-product-switcher a:first-child.selected{color:#263a63;border-bottom-color:#263a63;background:#f1f3f7}
.snf-product-header .snf-product-switcher a:last-child.selected{color:#214f44;border-bottom-color:#214f44;background:#edf4f0}
.snf-product-header .snf-product-section-nav a.is-active{color:var(--snf-nav-accent)}
.snf-product-header .snf-product-section-nav a.is-active:after{background:var(--snf-nav-accent)}
.snf-product-header a:hover{color:var(--snf-nav-accent)}

/* Align the VTO card header, navigation and settings controls on shared gutters. */
#settings.snf-settings-workspace .vto-settings-heading{padding:24px 28px 20px;border-bottom:1px solid #c6d8cc}
#settings.snf-settings-workspace .vto-settings-heading>.vto-section-eyebrow{margin:0 0 10px}
#settings.snf-settings-workspace .vto-settings-heading>h2{margin:0 0 12px}
#settings.snf-settings-workspace .vto-settings-heading>.muted{margin:0;font-size:14px;line-height:1.6;color:#576770}
#settings.snf-settings-workspace .snf-settings-columns{min-height:0}
#settings.snf-settings-workspace .snf-settings-sidebar{padding:20px 12px}
#settings.snf-settings-workspace .snf-settings-content{padding:24px 28px}
#settings.snf-settings-workspace .snf-widget-control-panel>h3{margin:0 0 18px}
#settings.snf-settings-workspace .widget-visibility-controls{margin:0 0 24px}
#settings.snf-settings-workspace .widget-visibility-controls form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;max-width:650px;margin:0 0 16px;align-items:center}
#settings.snf-settings-workspace .widget-visibility-controls fieldset{min-width:0;gap:14px;padding:0;margin:0}
#settings.snf-settings-workspace .widget-visibility-controls legend{min-width:190px;width:190px;margin-right:0}
#settings.snf-settings-workspace .widget-visibility-controls label{margin:0;padding:0;white-space:nowrap}
#settings.snf-settings-workspace .widget-visibility-controls p{margin:20px 0 0}
#settings.snf-settings-workspace .settings{margin-top:0}
#settings.snf-settings-workspace .settings-save{margin-top:0;padding-top:20px}
@media(max-width:760px){#settings.snf-settings-workspace .vto-settings-heading{padding:20px 16px}#settings.snf-settings-workspace .snf-settings-content{padding:20px 16px}#settings.snf-settings-workspace .snf-settings-sidebar{padding:12px 10px}#settings.snf-settings-workspace .widget-visibility-controls form{grid-template-columns:minmax(0,1fr);gap:12px}#settings.snf-settings-workspace .widget-visibility-controls fieldset{flex-wrap:wrap}#settings.snf-settings-workspace .widget-visibility-controls legend{width:100%;min-width:0;margin-bottom:10px}#settings.snf-settings-workspace .widget-visibility-controls form>.button{justify-self:start}}

/* Settings navigation uses the same product palette as the main menu. */
.snf-theme-sr~main{--snf-settings-accent:#263a63;--snf-settings-tint:#eef1f6;--snf-settings-border:#cbd3e1}
.snf-theme-vto~main{--snf-settings-accent:#214f44;--snf-settings-tint:#e7f0eb;--snf-settings-border:#bdcfc4}
.snf-settings-sidebar button.is-active{background:var(--snf-settings-tint,#eef1f6);color:var(--snf-settings-accent,#263a63);box-shadow:inset 3px 0 0 var(--snf-settings-accent,#263a63)}
.snf-settings-sidebar button.is-active:after{color:var(--snf-settings-accent,#263a63)}
.snf-settings-sidebar button:hover,.snf-settings-sidebar a:hover{color:var(--snf-settings-accent,#263a63);background:var(--snf-settings-tint,#eef1f6)}
.snf-settings-sidebar button:focus-visible,.snf-settings-sidebar a:focus-visible{outline:2px solid var(--snf-settings-accent,#263a63);outline-offset:2px}
.snf-settings-workspace input:focus,.snf-settings-workspace select:focus{outline-color:var(--snf-settings-accent,#263a63)}

/* Slider thumbs and progress follow the current product palette. */
#settings.snf-settings-workspace .additional-limit-control input[type=range]{accent-color:#214f44}
#sr-settings.snf-settings-workspace .additional-limit-control input[type=range]{accent-color:#263a63}

/* Keep the service and plan summary in the subscription-status header. */
.sr-status-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.sr-status-heading>div:first-child{min-width:0;flex:1}.sr-status-heading h2{margin-top:0}.sr-status-heading .sr-muted{margin-bottom:0}
.sr-status-heading .snf-plan-summary{flex-shrink:0;margin:0}
@media(max-width:1000px){.sr-status-heading{flex-direction:column;gap:20px}.sr-status-heading .snf-plan-summary{min-width:0;max-width:100%;box-sizing:border-box}}
@media(max-width:480px){.sr-status-heading .snf-plan-summary{width:100%;gap:12px;justify-content:space-between;padding:14px 12px}}

/* Keep the SR additional-session slider compact on wide screens. */
#sr-settings.snf-settings-workspace .additional-limit-control .limit-stepper{width:50%;max-width:560px;min-width:280px}
@media(max-width:760px){#sr-settings.snf-settings-workspace .additional-limit-control .limit-stepper{width:100%;min-width:0}}

/* Keep the account avatar, label and disclosure arrow on a single baseline. */
.snf-product-utility .snf-account-menu{flex-shrink:0}
.snf-account-menu .snf-product-account{display:inline-flex;align-items:center;gap:10px;min-height:40px;white-space:nowrap;line-height:1;padding:4px 0;color:var(--snf-nav-accent,#263a63)}
.snf-product-account>span:first-child{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--snf-nav-accent,#263a63);color:#fff;line-height:1}
.snf-product-account .snf-account-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;line-height:1.2;color:inherit}
.snf-account-label .snf-account-chevron{display:block;width:12px;height:12px;flex-shrink:0;margin:0}
.snf-account-menu[open] .snf-account-chevron{transform:rotate(180deg)}
.snf-account-menu>nav{top:calc(100% + 8px)}
@media(max-width:760px){.snf-product-account .snf-account-label{display:none}.snf-account-menu .snf-product-account{min-height:36px;padding:0}}

/* Keep widget visibility radios compact despite shared text-input sizing. */
.snf-settings-workspace .widget-visibility-controls input[type=radio]{appearance:auto;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;padding:0!important;margin:0 6px 0 0!important;flex:0 0 16px;vertical-align:middle;box-shadow:none!important}
.snf-settings-workspace .widget-visibility-controls input[type=radio]:focus-visible{outline:2px solid #375fae;outline-offset:2px}