/* V234 — shared menus and native form controls, presentation only. */
body:has(#softwareApp#softwareApp){--control-edge:#36464f;--control-hover:#4b626e;--control-focus:#74c84c;--control-ring:#4fe9031a;--control-fill:#10191f;--control-readonly:#19232a;--control-danger:#ed9c90}
:root[data-theme=light] body:has(#softwareApp#softwareApp){--control-edge:#b7c7bd;--control-hover:#79988a;--control-focus:#398d13;--control-ring:#398d131a;--control-fill:#ffffff;--control-readonly:#edf2ed;--control-danger:#b94734}
/* A compact rail with consistently aligned items and clearly identified groups. */
#softwareApp#softwareApp .sw-shell .sw-side{scrollbar-width:thin;scrollbar-color:var(--studio-line) transparent}
#softwareApp#softwareApp .sw-side nav{gap:3px!important;margin-top:18px!important}
#softwareApp#softwareApp .sw-side .portal-primary196{gap:3px!important}
#softwareApp#softwareApp .sw-side nav :is(button,a){min-height:43px!important;padding:10px 12px!important;border-radius:10px!important;font:500 13px/1.4 Barlow,sans-serif!important;gap:11px!important;text-align:left}
#softwareApp#softwareApp .sw-side nav :is(button,a)>svg{width:18px!important;height:18px!important;flex:0 0 18px;opacity:.85}
#softwareApp#softwareApp .sw-side nav button[aria-current=page]{background:linear-gradient(100deg,#4fe90312,transparent),var(--studio-panel)!important;border:1px solid #4fe90338!important;box-shadow:inset 2px 0 var(--studio-accent)!important;color:var(--studio-ink)!important}
#softwareApp#softwareApp .sw-side .portal-group196{padding-top:6px!important;margin-top:8px!important;border-top:1px solid var(--studio-soft-line)!important}
#softwareApp#softwareApp .sw-side .portal-group196>summary{min-height:38px!important;padding:9px 11px!important;line-height:1.4!important;font-size:11px!important;font-weight:600!important;letter-spacing:.15px!important;text-transform:none!important;border-radius:9px!important;background:transparent!important;color:var(--studio-dim)!important;gap:10px!important}
#softwareApp#softwareApp .sw-side .portal-group196>summary:after{content:'⌄'!important;font:500 15px/1 Barlow,sans-serif!important;transform:rotate(0);transition:transform .15s ease;color:var(--studio-dim)!important}
#softwareApp#softwareApp .sw-side .portal-group196[open]>summary{color:var(--studio-ink)!important}
#softwareApp#softwareApp .sw-side .portal-group196[open]>summary:after{transform:rotate(180deg);color:var(--studio-accent)!important}
#softwareApp#softwareApp .sw-side .portal-group196>summary:hover{background:var(--studio-panel)!important;color:var(--studio-ink)!important}
#softwareApp#softwareApp .sw-side .portal-group196>div{margin:3px 0 0 12px!important;padding-left:8px!important;border-left:1px solid var(--studio-line)!important}
#softwareApp#softwareApp .sw-side .portal-group196>div>button{margin:2px 0!important;font-size:12px!important;min-height:41px!important;padding:9px 10px!important}
#softwareApp#softwareApp .sw-side .portal-group196>div>button>svg{width:16px!important;height:16px!important;flex-basis:16px}
#softwareApp#softwareApp .sw-side .sw-identity{margin-top:20px!important;padding-top:14px!important}
/* Equal control height and a visible edge in every form, filter and dialog. */
#softwareApp#softwareApp .sw-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]),select,textarea),body:has(#softwareApp#softwareApp) dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),select,textarea){box-sizing:border-box!important;min-height:var(--field-min-height,44px)!important;border:1px solid var(--control-edge)!important;border-radius:10px!important;background-color:var(--control-fill)!important;color:var(--studio-ink)!important;font:400 14px/1.5 Barlow,sans-serif!important;padding:11px 13px!important;box-shadow:inset 0 1px 2px #0000000a!important;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;color-scheme:dark}
:root[data-theme=light] #softwareApp#softwareApp .sw-shell :is(input,select,textarea),:root[data-theme=light] body:has(#softwareApp#softwareApp) dialog :is(input,select,textarea){color-scheme:light}
#softwareApp#softwareApp .sw-shell :is(input,select,textarea):not(:disabled):not([readonly]):hover,body:has(#softwareApp#softwareApp) dialog :is(input,select,textarea):not(:disabled):not([readonly]):hover{border-color:var(--control-hover)!important}
#softwareApp#softwareApp .sw-shell :is(input,select,textarea):focus-visible,body:has(#softwareApp#softwareApp) dialog :is(input,select,textarea):focus-visible{border-color:var(--control-focus)!important;outline:2px solid var(--control-ring)!important;outline-offset:1px!important;box-shadow:0 0 0 3px var(--control-ring)!important}
#softwareApp#softwareApp .sw-shell :is(input,textarea)::placeholder,body:has(#softwareApp#softwareApp) dialog :is(input,textarea)::placeholder{color:var(--studio-dim)!important;opacity:1!important;font-weight:400!important}
#softwareApp#softwareApp .sw-shell :is(input,select,textarea):disabled,body:has(#softwareApp#softwareApp) dialog :is(input,select,textarea):disabled{background-color:var(--control-readonly)!important;color:var(--studio-dim)!important;opacity:.72!important;cursor:not-allowed}
#softwareApp#softwareApp .sw-shell :is(input,textarea)[readonly]{background-color:var(--control-readonly)!important;color:var(--studio-muted)!important;border-style:dashed!important}
#softwareApp#softwareApp .sw-shell :is(input,select,textarea):user-invalid,body:has(#softwareApp#softwareApp) dialog :is(input,select,textarea):user-invalid{border-color:var(--control-danger)!important;box-shadow:0 0 0 2px #c75b4514!important}
/* Selects stay native; only their closed face and arrow are restyled. */
#softwareApp#softwareApp .sw-shell select:not([multiple]),body:has(#softwareApp#softwareApp) dialog select:not([multiple]){appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239badb6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:38px!important;text-overflow:ellipsis}
#softwareApp#softwareApp .sw-shell select option,body:has(#softwareApp#softwareApp) dialog select option{background:var(--control-fill);color:var(--studio-ink);font:400 14px/1.5 Barlow,sans-serif}
#softwareApp#softwareApp .sw-shell input[type=number]{font-variant-numeric:tabular-nums}
#softwareApp#softwareApp .sw-shell .tariff-row210 [data-price]{font-family:ui-monospace,Consolas,monospace!important;font-size:15px!important;color:var(--studio-accent)!important}
#softwareApp#softwareApp .sw-shell textarea,body:has(#softwareApp#softwareApp) dialog textarea{--field-min-height:112px;resize:vertical;line-height:1.7!important;min-height:112px!important}
#softwareApp#softwareApp .sw-shell input:is([type=checkbox],[type=radio]),body:has(#softwareApp#softwareApp) dialog input:is([type=checkbox],[type=radio]){width:17px!important;height:17px!important;min-height:17px!important;flex:0 0 17px;accent-color:var(--studio-accent)!important;vertical-align:middle;margin:2px 0!important;cursor:pointer}
#softwareApp#softwareApp .sw-shell .check-label,body:has(#softwareApp#softwareApp) dialog .check-label{display:flex;align-items:center!important;gap:10px!important;line-height:1.6!important;font:400 13px/1.6 Barlow,sans-serif!important;color:var(--studio-muted)!important}
/* Labels and grouping are aligned across company, wizard, tariff and operational forms. */
#softwareApp#softwareApp .sw-shell :is(.sw-form,.form-grid,.sw-settings-form) label,body:has(#softwareApp#softwareApp) dialog label{font-family:Barlow,sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:1.6!important;color:var(--studio-muted)!important;letter-spacing:.05px}
#softwareApp#softwareApp .sw-shell :is(.sw-form,.form-grid,.sw-settings-form) label>:is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),body:has(#softwareApp#softwareApp) dialog label>:is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){margin-top:7px!important}
#softwareApp#softwareApp .sw-shell :is(.company-group140,.sw-address){padding:22px!important;border-radius:14px!important;border-color:var(--studio-line)!important;background:linear-gradient(135deg,#ffffff02,transparent 65%),var(--studio-input)!important;gap:20px!important}
#softwareApp#softwareApp .sw-shell :is(.company-group140,.sw-address) legend{font:600 14px/1.5 Barlow,sans-serif!important;letter-spacing:0!important;color:var(--studio-ink)!important;padding:0 10px!important}
#softwareApp#softwareApp .sw-shell :is(.company-group140,.sw-address):focus-within{border-color:var(--control-hover)!important}
#softwareApp#softwareApp .sw-shell :is(.company-group140,.sw-address):focus-within legend{color:var(--studio-accent)!important}
#softwareApp#softwareApp .sw-shipping-choice{padding:20px!important;border:1px solid var(--studio-line)!important;border-radius:14px!important;background:var(--studio-input)!important}
#softwareApp#softwareApp .sw-shipping-choice:has(input:checked){border-color:#4fe90355!important}
#softwareApp#softwareApp .sw-shipping-choice p{margin:10px 0 0!important;font-size:12px!important;line-height:1.7!important;color:var(--studio-dim)!important}
#softwareApp#softwareApp .logo-group140{align-items:start!important}
#softwareApp#softwareApp .logo-preview141{border-radius:12px!important;background:var(--control-readonly)!important;border-color:var(--control-edge)!important}
#softwareApp#softwareApp .sw-shell input[type=file]{width:100%;box-sizing:border-box;padding:9px!important;min-height:48px;background:var(--control-fill)!important;border:1px dashed var(--control-edge)!important;border-radius:10px!important;color:var(--studio-muted)!important;font:400 12px/1.5 Barlow,sans-serif!important}
#softwareApp#softwareApp input[type=file]::file-selector-button{min-height:34px;padding:8px 12px!important;margin-right:10px;background:var(--studio-panel2)!important;color:var(--studio-ink)!important;border:1px solid var(--control-edge)!important;border-radius:7px!important;font:500 12px/1.4 Barlow,sans-serif!important}
#softwareApp#softwareApp .sw-shell :is(.sw-form,.form-grid)>.button-row{gap:10px!important;padding-top:18px!important;margin-top:6px!important;border-top:1px solid var(--studio-soft-line)!important;align-items:center;flex-wrap:wrap}
/* One button treatment, including secondary actions previously left in legacy styles. */
#softwareApp#softwareApp .sw-shell :is(button.primary,a.primary,button.secondary,a.secondary),body:has(#softwareApp#softwareApp) dialog :is(.primary,.secondary){box-sizing:border-box!important;min-height:43px!important;padding:11px 16px!important;border-radius:10px!important;font:600 13px/1.45 Barlow,sans-serif!important;letter-spacing:0!important;box-shadow:none!important;transition:background-color .15s,border-color .15s,box-shadow .15s}
#softwareApp#softwareApp .sw-shell :is(button.secondary,a.secondary),body:has(#softwareApp#softwareApp) dialog .secondary{background:var(--studio-panel2)!important;border:1px solid var(--control-edge)!important;color:var(--studio-ink)!important}
#softwareApp#softwareApp .sw-shell :is(button.secondary,a.secondary):not(:disabled):hover,body:has(#softwareApp#softwareApp) dialog .secondary:not(:disabled):hover{background:var(--control-readonly)!important;border-color:var(--control-hover)!important}
#softwareApp#softwareApp .sw-shell :is(button.primary,a.primary):not(:disabled):hover,body:has(#softwareApp#softwareApp) dialog .primary:not(:disabled):hover{box-shadow:0 0 0 3px var(--control-ring)!important;filter:brightness(1.04)}
#softwareApp#softwareApp .sw-shell button:disabled,body:has(#softwareApp#softwareApp) dialog button:disabled{opacity:.45!important;cursor:not-allowed;filter:none!important;box-shadow:none!important}
/* Shared disclosures, with the same header rhythm and count tokens. */
#softwareApp#softwareApp .sw-shell :is(.option-group211,.service-other210,.tariff-names218,.sw-performance-drawer,.sw-technical-details)>summary{padding:13px 15px!important;min-height:46px!important;border-radius:10px!important;font:500 13px/1.5 Barlow,sans-serif!important;color:var(--studio-ink)!important;background:var(--control-fill)!important;border:1px solid var(--control-edge)!important;box-sizing:border-box;cursor:pointer}
#softwareApp#softwareApp .sw-shell :is(.option-group211,.service-other210,.tariff-names218,.sw-performance-drawer,.sw-technical-details)[open]>summary{border-color:var(--control-hover)!important;border-bottom-left-radius:7px!important;border-bottom-right-radius:7px!important;background:var(--studio-panel2)!important}
#softwareApp#softwareApp .sw-shell :is(.option-group211,.service-other210,.tariff-names218)>summary:hover{border-color:var(--control-hover)!important}
#softwareApp#softwareApp .option-group211>summary small{font:500 10px/1.5 ui-monospace,Consolas,monospace!important;background:var(--studio-panel)!important;border-color:var(--studio-line)!important;border-radius:6px!important;color:var(--studio-muted)!important;padding:3px 7px!important}
#softwareApp#softwareApp .sw-shell .option-search211{background:var(--studio-panel2)!important;border-color:var(--studio-line)!important;border-radius:11px!important;padding:14px!important}
/* Popovers and dialogs share controls but retain their native opening/closing behaviour. */
body:has(#softwareApp#softwareApp) :is(.pro-profile-menu,.pro-language-options),#softwareApp#softwareApp :is(.file-menu-choices146,.portal-more200>div){padding:8px!important;border-radius:13px!important;background:var(--studio-panel)!important;border:1px solid var(--control-edge)!important;box-shadow:0 18px 50px #0005!important}
#softwareApp#softwareApp .status-choices146{background:var(--studio-panel)!important;border:1px solid var(--control-edge)!important;border-radius:13px!important;box-shadow:0 18px 50px #0005!important;padding:8px!important;gap:4px!important}
#softwareApp#softwareApp .sw-shell .status-choices146 [data-status]{background:transparent!important;border-color:transparent!important;border-radius:8px!important;min-height:40px!important;font:500 12px/1.5 Barlow,sans-serif!important;color:var(--studio-ink)!important}
#softwareApp#softwareApp .sw-shell .status-choices146 [data-status]:not(:disabled):hover{background:var(--studio-panel2)!important;border-color:var(--studio-line)!important}
#softwareApp#softwareApp .file-menu-choices146>button{min-height:48px!important;padding:11px 12px!important;font-family:Barlow,sans-serif!important}
#softwareApp#softwareApp .file-menu-choices146>button small{font:400 11px/1.5 Barlow,sans-serif!important;color:var(--studio-muted)!important}
body:has(#softwareApp#softwareApp) :is(.pro-profile-menu,.pro-language-options) :is(a,button),#softwareApp#softwareApp .portal-more200>div a{min-height:40px!important;padding:10px 12px!important;box-sizing:border-box;font:500 13px/1.5 Barlow,sans-serif!important;border-radius:8px!important}
body:has(#softwareApp#softwareApp) dialog{scrollbar-width:thin;scrollbar-color:var(--studio-line) transparent}
body:has(#softwareApp#softwareApp) dialog :is(.offer-fields141,.form-grid){gap:18px!important}
body:has(#softwareApp#softwareApp) dialog .toolbar{gap:15px!important}
body:has(#softwareApp#softwareApp) dialog :is([data-close],.toolbar>button:not(.primary)){background:var(--studio-panel2)!important;border:1px solid var(--control-edge)!important;border-radius:9px!important;color:var(--studio-ink)!important;min-height:40px!important;padding:10px 13px!important;font:500 12px/1.5 Barlow,sans-serif!important}
/* Keep native time widgets readable at small sizes, and preserve touch targets. */
@media(max-width:760px){
 #softwareApp#softwareApp .sw-side nav :is(button,a){min-height:44px!important}
 #softwareApp#softwareApp .sw-side .portal-group196>summary{min-height:42px!important;font-size:12px!important}
 #softwareApp#softwareApp .sw-side .portal-group196>div>button{min-height:44px!important;font-size:13px!important}
 #softwareApp#softwareApp .sw-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),select,textarea),body:has(#softwareApp#softwareApp) dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),select,textarea){font-size:16px!important;min-height:var(--field-min-height,46px)!important;padding:11px 12px!important}
 #softwareApp#softwareApp .sw-shell select:not([multiple]),body:has(#softwareApp#softwareApp) dialog select:not([multiple]){padding-right:35px!important}
 #softwareApp#softwareApp .sw-shell :is(.company-group140,.sw-address){padding:17px!important;gap:17px!important}
 #softwareApp#softwareApp .sw-shipping-choice{padding:17px!important}
 #softwareApp#softwareApp #swSettings .sw-hours-period input{font-size:14px!important;padding:7px!important;min-height:42px!important}
 #softwareApp#softwareApp .tariff-row210 [data-price]{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){#softwareApp#softwareApp .sw-side .portal-group196>summary:after,#softwareApp#softwareApp .sw-shell :is(input,textarea,select,button,a){transition:none!important}}

/* Explicit light paint avoids the legacy automatic palette remapping studio tokens. */
:root[data-theme=light] body:has(#softwareApp#softwareApp),:root[data-theme=light] #softwareApp#softwareApp#softwareApp{--studio-bg:hsl(120 8% 94%)!important;--studio-panel:hsl(0 0% 100%)!important;--studio-panel2:hsl(100 18% 96%)!important;--studio-input:hsl(100 20% 98%)!important;--studio-line:hsl(120 13% 82%)!important;--studio-soft-line:hsl(104 17% 88%)!important;--studio-ink:hsl(137 28% 13%)!important;--studio-muted:hsl(140 13% 37%)!important;--studio-dim:hsl(143 11% 43%)!important;--studio-accent:hsl(101 76% 31%)!important;--studio-accent-ink:hsl(0 0% 100%)!important;--control-edge:hsl(140 13% 75%)!important;--control-hover:hsl(153 13% 54%)!important;--control-focus:hsl(101 76% 31%)!important;--control-ring:hsl(101 76% 31% / .1)!important;--control-fill:hsl(0 0% 100%)!important;--control-readonly:hsl(120 16% 94%)!important;--control-danger:hsl(9 56% 46%)!important}
:root[data-theme=light] #softwareApp#softwareApp#softwareApp .sw-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),select,textarea),:root[data-theme=light] body:has(#softwareApp#softwareApp#softwareApp) dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),select,textarea){color-scheme:light!important;background-color:var(--control-fill)!important;color:var(--studio-ink)!important;border-color:var(--control-edge)!important}
:root[data-theme=light] #softwareApp#softwareApp#softwareApp .sw-shell :is(input,select,textarea):focus-visible{border-color:var(--control-focus)!important}
:root[data-theme=light] #softwareApp#softwareApp#softwareApp .sw-shell :is(input,select,textarea):disabled,:root[data-theme=light] #softwareApp#softwareApp#softwareApp .sw-shell :is(input,textarea)[readonly]{background-color:var(--control-readonly)!important;color:var(--studio-dim)!important}
