/* Shadows belong to the rounded surface, not its scrolling container. */
:is(.shell,.sc-root){--sl-control-shadow:0 2px 5px -2px rgb(15 23 42 / .16);--sl-surface-shadow:0 2px 8px -4px rgb(15 23 42 / .14)}
.shell :is(.primary-action,.welcome button,.module-panel .panel-head button,.module-form button,.plan-card button,.sms-message-card .primary){box-shadow:var(--sl-control-shadow)!important;background-clip:padding-box}
/* Keep selected tabs self-contained so scroll viewport edges cannot cut a glow. */
.shell :is(.billing-toggle,.permission-category-tabs,.accounting-nav,.inventory-segmented,.settings-tabbar,.expense-segment) button.active,
.shell>.sidebar nav a.active,.shell>.sidebar nav a.active:hover{box-shadow:inset 0 0 0 1px rgb(15 23 42 / .08)!important;background-clip:padding-box}
.shell :is(.store-inventory-toolbar,.staff-filter-card,.staff-table-card,.staff-workspace-grid>article,.staff-activity-workspace,.inventory-compact-card,.branch-column-grid button){box-shadow:var(--sl-surface-shadow)!important;background-clip:padding-box}
/* An inset focus ring follows the existing border radius, including pill shapes. */
:is(.shell,.sc-root) :is(input:where(:not([type=checkbox]):not([type=radio]):not([type=range])),select,textarea):focus{border-color:#2563eb!important;box-shadow:inset 0 0 0 1px #2563eb!important;outline:2px solid transparent;outline-offset:-2px}
:is(.shell,.sc-root) :is(.search,.sl-product-search,.sl-help-search,.sl-buy-search,.sl-exp-search,.sc-search,.sl-inv-search,.sl-customer-search,.sl-dmg-search,.sl-group-search,.sl-price-search,.sl-rh-search,.sl-add-barcode,.sl-add-money,.sl-store-toolbar label,.inventory-stock-search,.sl-ai-compose):focus-within{border-color:#2563eb!important;box-shadow:inset 0 0 0 1px #2563eb!important;background-clip:padding-box}
:is(.shell,.sc-root) :is(.search,.sl-product-search,.sl-help-search,.sl-buy-search,.sl-exp-search,.sc-search,.sl-inv-search,.sl-customer-search,.sl-dmg-search,.sl-group-search,.sl-price-search,.sl-rh-search,.sl-add-barcode,.sl-add-money,.sl-store-toolbar label,.inventory-stock-search) input:focus{box-shadow:none!important;outline:none!important;border-color:transparent!important}
.shell :is(.billing-toggle,.permission-category-tabs,.accounting-nav,.inventory-segmented,.settings-tabbar,.expense-segment,.sl-inv-tabs,.sl-sms-tabs) button:focus-visible,
.shell>.sidebar nav a:focus-visible,.sc-root .sc-tabs button:focus-visible{outline:2px solid #2563eb!important;outline-offset:-3px!important}
.shell>.sidebar nav a.active:focus-visible,.shell .sl-inv-tabs button.active:focus-visible{outline-color:#fff!important}
@media(forced-colors:active){:is(.shell,.sc-root) :is(input,select,textarea):focus,:is(.shell,.sc-root) :is(.search,.sl-product-search,.sl-help-search,.sl-buy-search,.sl-exp-search,.sc-search,.sl-inv-search,.sl-customer-search,.sl-dmg-search,.sl-group-search,.sl-price-search,.sl-rh-search,.sl-add-barcode,.sl-add-money,.sl-store-toolbar label,.inventory-stock-search,.sl-ai-compose):focus-within{outline:2px solid Highlight!important;outline-offset:-2px!important}}

.shell>main>.sl-app-topbar{box-shadow:0 2px 6px -3px rgb(15 23 42 / .12)!important}
:is(.shell,.sc-root) :is(.search,.sl-product-search,.sl-help-search,.sl-buy-search,.sl-exp-search,.sc-search,.sl-inv-search,.sl-customer-search,.sl-dmg-search,.sl-group-search,.sl-price-search,.sl-rh-search,.sl-add-barcode,.sl-add-money,.inventory-stock-search) input{background:transparent!important;border-radius:inherit}

:is(.shell,.sc-root):is(.shell,.sc-root) :is(.search,.sl-product-search,.sl-help-search,.sl-buy-search,.sl-exp-search,.sc-search,.sl-inv-search,.sl-customer-search,.sl-dmg-search,.sl-group-search,.sl-price-search,.sl-rh-search,.sl-add-barcode,.sl-add-money,.inventory-stock-search) input:focus{background:transparent!important;box-shadow:none!important;border-color:transparent!important}