/* V37: screen-only control colours, focus spacing and dashboard alignment. */
@media screen {
/* Higher specificity also covers the legacy input-type and focus rules. */
#root :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){border:1px solid #9fbfe6!important;caret-color:#075fda}
#root :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):focus{border:2px solid #1765ca!important;outline:0!important;box-shadow:0 0 0 3px rgba(23,101,202,.15)!important}
#root :is(button,a,input,select,textarea):focus-visible{outline:3px solid #1765ca!important;outline-offset:3px}
#root .app-shell :is(.inline-search,.sale-search,.global-search){border-color:#9fbfe6!important}
#root .app-shell :is(.inline-search,.sale-search,.global-search):focus-within{border:2px solid #1765ca!important;box-shadow:0 0 0 3px rgba(23,101,202,.15)!important}
#root .app-shell :is(.inline-search,.sale-search,.global-search)>input,
#root .app-shell :is(.inline-search,.sale-search,.global-search)>input:focus{border:0!important;outline:0!important;box-shadow:none!important}
#root .hardware-login .login-card label>div{border:1px solid #9fbfe6!important;gap:8px!important}
#root .hardware-login .login-card label>div:focus-within{border:1px solid #1765ca!important;box-shadow:0 0 0 3px rgba(23,101,202,.15)!important}
#root .hardware-login .login-card input,
#root .hardware-login .login-card input:focus,
#root .hardware-login .login-card input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important;height:44px!important;box-sizing:border-box!important;padding:8px 10px!important;border-radius:6px!important;line-height:1.5!important;caret-color:#075fda}
#root .hardware-login .login-card label>div>svg{flex:0 0 21px!important}
#root .hardware-login .password-toggle:focus-visible{outline:2px solid #1765ca!important;outline-offset:1px}

/* Selected: dark blue / white. Available: light blue / dark blue. */
#root .app-shell :is(.settings-nav,.product-mode,.price-mode-buttons,.gstr-tabs,.chips) button:not(.active){background-image:linear-gradient(180deg,#edf5ff,#dcecff)!important;background-color:#e5f0ff!important;border-color:#afcbee!important;color:#164c88!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(23,78,139,.10)!important;text-shadow:none!important;font-weight:750!important}
#root .app-shell :is(.settings-nav,.product-mode,.price-mode-buttons,.gstr-tabs,.chips) button.active{background-image:linear-gradient(180deg,#0754bc,#074794)!important;background-color:#074d9f!important;border-color:#06438e!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 8px rgba(7,71,148,.18)!important;text-shadow:none!important;font-weight:800!important}
#root .app-shell :is(.settings-nav,.product-mode,.price-mode-buttons,.gstr-tabs,.chips) button:not(.active):hover{border-color:#1765ca!important;background-color:#d5e8ff!important;background-image:linear-gradient(180deg,#e5f0ff,#cfe3ff)!important}
#root .app-shell :is(.settings-nav,.product-mode,.price-mode-buttons,.gstr-tabs,.chips) button svg{color:currentColor!important;stroke:currentColor!important}
#root .app-shell :is(.theme-options,.language-options)>button:not(.selected){background:#eaf3ff!important;border-color:#afcbee!important;color:#164c88!important;box-shadow:inset 0 1px #fff!important}
#root .app-shell :is(.theme-options,.language-options)>button.selected{background:linear-gradient(180deg,#0754bc,#074794)!important;border-color:#06438e!important;color:#fff!important;box-shadow:inset 3px 0 #90caff!important}
#root .app-shell :is(.theme-options,.language-options)>button.selected :is(small,svg){color:#e8f3ff!important}
#root .app-shell .price-mode-bar,#root .app-shell .product-pricing{border-color:#a9c8ed!important;background:linear-gradient(145deg,#f8fcff,#edf5ff)!important}
#root .app-shell .pricing-title b{color:#164c88!important}
#root .app-shell .send-products-toggle input:checked+i{background:linear-gradient(135deg,#2779dc,#0754bc)!important}

/* Blue product highlights and action accents; existing motion is inherited. */
#root .app-shell .product-card{border-color:#aac8eb!important}
#root .app-shell .product-card:hover{border-color:#1765ca!important;box-shadow:0 8px 22px rgba(23,101,202,.17)!important}
#root .app-shell .product-card.keyboard-active{border:2px solid #1765ca!important;box-shadow:0 0 0 3px rgba(23,101,202,.16),0 8px 22px rgba(23,78,139,.16)!important}
#root .app-shell .product-card>i{background:linear-gradient(145deg,#1673e5,#0754bc)!important;color:#fff!important;box-shadow:0 2px 6px rgba(7,84,188,.16)!important}
#root .app-shell .product-card strong em{color:#1559a5!important}
#root .app-shell .text-btn{color:#0754bc!important;font-weight:750!important}
#root .app-shell .text-btn:hover{color:#06438e!important;background:#e6f1ff!important}
#root .app-shell .customer-options button:is(:hover,:focus){outline-color:#1765ca!important;background:#eaf3ff!important}
#root .app-shell :is(.saved-access-list>button,.saved-user-edit):hover{border-color:#1765ca!important;background-color:#eaf3ff!important}
#root .app-shell :is(.report-products .card-head>svg,.access-panel .section-title h2 svg,.chart-empty svg,.chart-collection){color:#1765ca!important}
#root .app-shell .purchase-balance span{background:#eff6ff!important;border-color:#afcbee!important}
#root .app-shell .ledger-party-card{border-left-color:#2773cb!important}
#root .app-shell .sidebar nav a:hover{box-shadow:inset 3px 0 #8fc3ff!important}
#root .app-shell :is(.btn.primary,.settings-submit,.bill-save-row button:last-child,.save-sale,.header-actions>.language){box-shadow:inset 0 1px rgba(255,255,255,.35),0 3px 9px rgba(7,84,188,.18)!important}
#root .print-preview-print{background:linear-gradient(180deg,#075fda,#0752bc)!important;border-color:#0752bc!important;color:#fff!important}

/* Dashboard titles and subtitles clear the rounded card edges. */
#root .app-shell .dashboard-grid>.card:not(.chart-card)>.card-head{padding:17px 18px 14px!important;margin:0!important;gap:14px;align-items:flex-start}
#root .app-shell .dashboard-grid>.card:not(.chart-card)>.card-head>div{min-width:0}
#root .app-shell .dashboard-grid>.card:not(.chart-card)>.card-head h2{margin:0 0 6px!important;line-height:1.4}
#root .app-shell .dashboard-grid>.card:not(.chart-card)>.card-head p{line-height:1.5!important;overflow-wrap:anywhere}
#root .app-shell .dashboard-grid>.card:not(.chart-card)>.card-head>.text-btn{flex-shrink:0;align-self:flex-start;line-height:1.5;padding:2px 0}
/* The title is translated; the first header action is always the theme button. */
#root .app-shell .header-actions>button.icon:first-child,
#root .app-shell .header-actions>button[title="Theme"],
#root .app-shell .header-actions>button[title="தோற்றம்"]{display:none!important}
@media(max-width:600px){#root .app-shell .dashboard-grid>.card:not(.chart-card)>.card-head{padding:15px!important;gap:10px;flex-wrap:wrap}}
}