/* V36: presentation-only blue theme. No interaction, layout or data changes outside login. */
@media screen{
:root,:root[data-theme=light],:root[data-theme=dark]{--primary:#075fda;--primary-2:#1d76ea;--primary-soft:#eaf2ff;--accent:#075fda;--gold:#2773cb;--gold-dark:#174c8e;--bg:#f1f5fa;--surface:#fff;--surface-2:#f5f8fc;--text:#152a43;--muted:#4b6179;--border:#cad8e8;--sidebar:#123962;--sidebar-2:#18548b;--danger:#b42336;color-scheme:light}
html,body,#root{background:#f1f5fa!important;color:#152a43}
.sidebar{background:linear-gradient(165deg,#10365e,#164b7e 65%,#18548b)!important;border-right-color:#224d77!important;color:#fff!important}
.sidebar .brand,.sidebar .brand strong,.sidebar .brand h1,.sidebar .brand h2,.sidebar nav a,.sidebar .nav-title{color:#f7fbff!important;font-weight:750!important}
.sidebar .brand small,.sidebar-help small{color:#dceaff!important}
.sidebar nav a.active{background:linear-gradient(180deg,#eaf4ff,#d6e8ff)!important;border-color:#a8ceff!important;color:#104b91!important;text-shadow:none!important}
.sidebar nav a.active svg{color:#104b91!important;stroke:currentColor!important}
.card,.bill-panel,.modal{background:linear-gradient(145deg,#fff,#fbfdff)!important;border-color:#c8d7e8!important}
.content>header{background:rgba(255,255,255,.97)!important;border-color:#d4e0ee!important}
h1,h2,h3,h4,.page-header h1,.payment-analysis-head h2{color:#142f50;font-weight:750}
label,th{font-weight:750!important}
th{background:linear-gradient(180deg,#edf5ff,#e4eefb)!important;color:#224e7c!important;border-color:#ccdaeb!important}
tbody td{color:#20384f;font-weight:550}
tbody tr:hover td{background:#eff6ff!important}
input,select,textarea{color:#19334f;font-weight:600}
input::placeholder,textarea::placeholder{color:#60758d;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#1765ca!important;box-shadow:0 0 0 3px rgba(23,101,202,.15)!important}
::selection{background:#075fda;color:#fff}
input[type=checkbox],input[type=radio]{accent-color:#075fda}
/* Keep existing transitions, shine animations, transforms and disabled behaviour. */
.btn,.icon,.language,.pager button,.table-tools button,.row-actions button,.gstr-tabs button,.chips button,.product-mode button,.settings-nav button,.saved-user-edit,.ledger-all-dates,.settings-submit,.save-sale,.access-actions button,.bill-save-row button,.modal-actions button{
color:#fff!important;border-color:#0757c4!important;font-weight:750!important;text-shadow:none!important;
background-image:linear-gradient(108deg,transparent 0%,transparent 39%,rgba(255,255,255,.03) 48%,transparent 58%,transparent 100%),linear-gradient(180deg,#075fda 0%,#0758ca 48%,#0752bc 52%,#075ad0 100%)!important}
.btn svg,.icon svg,.language svg,.pager button svg,.table-tools button svg,.row-actions button svg,.gstr-tabs button svg,.chips button svg,.product-mode button svg,.settings-nav button svg,.saved-user-edit svg,.settings-submit svg,.save-sale svg{color:currentColor!important;stroke:currentColor!important}
.product-mode button.active,.gstr-tabs button.active,.settings-nav button.active,.chips button.active{background-image:linear-gradient(180deg,#064cae,#074b9c)!important;border-color:#074b9c!important;color:#fff!important}
/* Icon-only actions stay light and readable, with their existing semantic meaning. */
.row-actions button.icon-only-row-action,.saved-user-edit.icon-only-row-action,.saved-user-remove.icon-only-row-action,.password-toggle,.user-password-toggle,.modal-head .icon{background:#edf5ff!important;background-image:none!important;color:#125aa9!important;border-color:#b8cfee!important;text-shadow:none!important}
.row-actions button.danger,.saved-user-remove,.btn.danger{background:#edf5ff!important;background-image:none!important;border-color:#b8cfee!important;color:#ad1f35!important;text-shadow:none!important}
.row-actions button.danger svg,.saved-user-remove svg{color:#ad1f35!important;stroke:currentColor!important}
.dashboard-user-greeting{color:#194f8b!important}.dashboard-user-greeting span,.account-status-badge{background:#e8f2ff!important;color:#154d8a!important;border-color:#a8c8ee!important;text-shadow:none!important}
.stat:nth-child(n),.report-metric:nth-child(n),.gstr-metric:nth-child(n){background:linear-gradient(145deg,#fff,#eff5ff)!important;border-top-color:#2773d1!important}
.stat:nth-child(n) .stat-icon,.report-metric:nth-child(n)>i,.gstr-metric:nth-child(n)>i{background:#e7f1ff!important;color:#1762b8!important}
.payment-chart,.payment-method-cards article{background:#f7faff!important}.payment-method-cards .payment-total{background:#eaf2ff!important;border-color:#b6d0ef!important}.payment-total b{color:#1556a2!important}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #145cc5!important;outline-offset:3px}
/* One stable, readable real form over the photograph. */
.hardware-login{padding:28px!important;background:#cce9fb!important;overflow-y:auto!important}
.hardware-login .login-card{width:470px!important;max-width:calc(100vw - 40px)!important;min-width:0!important;padding:34px 38px!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.95)!important;background:linear-gradient(135deg,rgba(248,253,255,.89),rgba(222,239,255,.82))!important;backdrop-filter:blur(22px) saturate(1.08)!important;-webkit-backdrop-filter:blur(22px) saturate(1.08)!important;box-shadow:0 18px 55px rgba(20,78,126,.2),inset 0 1px 0 #fff!important;animation:none!important;color:#102b48!important}
.hardware-login .login-card:before{content:none!important}
.hardware-login .login-card:after{content:""!important;position:absolute!important;inset:-2px!important;width:auto!important;height:auto!important;border:0!important;border-radius:28px!important;padding:2px!important;pointer-events:none!important;background:conic-gradient(from var(--login-orbit-angle),#66a9ed55 0deg,#66a9ed55 245deg,#0872f3 285deg,#bcefff 315deg,#0872f3 335deg,#66a9ed55 360deg)!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;animation:login-blue-orbit 4s linear infinite!important;filter:drop-shadow(0 0 3px rgba(16,112,240,.35))!important;transform:none!important;z-index:0!important}
.hardware-login .login-card>*{position:relative;z-index:1}
.hardware-login .login-brand{display:flex!important;flex-direction:column!important;justify-content:center;gap:12px!important;margin:0 0 24px!important;text-align:center}
.hardware-login .login-brand>span{width:66px!important;height:66px!important;min-width:66px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:transparent!important;font-size:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23075fda' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 23h33l-5 34H20zM36 22l4-16 12-3M14 23l4-10 7 10'/%3E%3Ccircle cx='28' cy='33' r='2'/%3E%3Ccircle cx='36' cy='43' r='2'/%3E%3Ccircle cx='29' cy='50' r='2'/%3E%3C/svg%3E")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.hardware-login .login-company-logo{max-height:66px!important;max-width:130px!important;object-fit:contain}
.hardware-login .login-brand h1{color:#0754bb!important;font-size:21px!important;font-weight:800!important;letter-spacing:.1px!important;line-height:1.35!important;margin:0!important}
.hardware-login .login-brand small{color:#345a83!important;font-size:10px!important;font-weight:700!important;letter-spacing:1.6px!important}
.hardware-login .login-card>h2{font-size:36px!important;line-height:1.2!important;text-align:center!important;font-weight:800!important;color:#102945!important;margin:0 0 8px!important;letter-spacing:-.6px!important}
.hardware-login .login-card>p{font-size:15px!important;line-height:1.5!important;text-align:center!important;color:#355a7f!important;margin:0 0 26px!important}
.hardware-login .login-card form{gap:19px!important}
.hardware-login .login-card label{font-size:15px!important;font-weight:750!important;color:#143451!important;gap:8px!important}
.hardware-login .login-card label>div{height:54px!important;border:1px solid #acc7e9!important;background:rgba(252,254,255,.95)!important;border-radius:13px!important;padding:0 14px!important;box-shadow:inset 0 1px 2px rgba(33,86,135,.025)!important}
.hardware-login .login-card input{width:0!important;min-width:0!important;flex:1!important;font-size:16px!important;font-weight:600!important;background:transparent!important;color:#173955!important;border:0!important;box-shadow:none!important;padding:0!important}
.hardware-login .login-card input::placeholder{color:#597797!important;font-weight:500!important}
.hardware-login .login-card label>div:focus-within{border-color:#1765ca!important;box-shadow:0 0 0 3px rgba(23,101,202,.15)!important}
.hardware-login .login-card svg{color:#1657a3!important;stroke:currentColor!important;width:21px!important;height:21px!important}
.hardware-login .password-toggle{background:transparent!important;background-image:none!important;color:#1657a3!important;border:0!important;box-shadow:none!important;padding:8px!important;min-width:38px!important;min-height:38px!important}
.hardware-login .login-button{height:54px!important;color:#fff!important;font-size:18px!important;font-weight:750!important;border:1px solid #0759cb!important;border-radius:13px!important;background-image:linear-gradient(108deg,transparent 0%,transparent 39%,rgba(255,255,255,.03) 48%,transparent 58%,transparent 100%),linear-gradient(180deg,#075fda,#0758ca)!important;background-size:280% 100%,100% 100%!important;text-shadow:none!important;box-shadow:0 5px 16px rgba(6,83,181,.19)!important}
.hardware-login .form-error{font-size:14px!important;line-height:1.45;color:#9f1831;background:#fff0f2;border:1px solid #e9b6c2}
@media(max-width:600px){.hardware-login{padding:20px 0!important}.hardware-login .login-card{width:420px!important;max-width:calc(100vw - 28px)!important;padding:27px 24px!important;border-radius:23px!important}.hardware-login .login-card:after{border-radius:25px!important}.hardware-login .login-card>h2{font-size:30px!important}.hardware-login .login-brand{margin-bottom:21px!important}}
@media(max-height:700px){.hardware-login{align-items:start!important;padding-top:20px!important;padding-bottom:20px!important}.hardware-login .login-card{padding-top:24px!important;padding-bottom:24px!important}.hardware-login .login-brand{margin-bottom:17px!important}.hardware-login .login-brand>span{width:50px!important;height:50px!important;min-width:50px!important}.hardware-login .login-card>p{margin-bottom:18px!important}}
@media(prefers-reduced-motion:reduce){.hardware-login .login-card:after{animation:none!important}.hardware-login .cooldrink-bubble-motion{display:none!important}}

/* Specificity guard for earlier per-page colour rules; interactions remain inherited. */
#root .app-shell :is(.btn,.icon,.language,.pager button,.table-tools button,.row-actions button,.gstr-tabs button,.chips button,.product-mode button,.settings-nav button,.saved-user-edit,.ledger-all-dates,.settings-submit,.save-sale,.access-actions button,.bill-save-row button,.modal-actions button){color:#fff!important;border-color:#0757c4!important;font-weight:750!important;text-shadow:none!important;background-image:linear-gradient(108deg,transparent 0%,transparent 39%,rgba(255,255,255,.03) 48%,transparent 58%,transparent 100%),linear-gradient(180deg,#075fda 0%,#0758ca 48%,#0752bc 52%,#075ad0 100%)!important}
#root .app-shell :is(.btn,.icon,.language,.pager button,.table-tools button,.row-actions button,.gstr-tabs button,.chips button,.product-mode button,.settings-nav button,.saved-user-edit,.settings-submit,.save-sale) svg{color:currentColor!important;stroke:currentColor!important}
#root .app-shell .product-mode button.active,#root .app-shell .gstr-tabs button.active,#root .app-shell .settings-nav button.active,#root .app-shell .chips button.active{background-image:linear-gradient(180deg,#064cae,#074b9c)!important;border-color:#074b9c!important}
#root .app-shell .row-actions button.icon-only-row-action,#root .app-shell .saved-user-edit.icon-only-row-action,#root .app-shell .modal-head .icon,#root .app-shell .user-password-toggle{background:#edf5ff!important;background-image:none!important;color:#125aa9!important;border-color:#b8cfee!important;text-shadow:none!important}
#root .app-shell .row-actions button.danger,#root .app-shell .saved-user-remove,#root .app-shell .btn.danger{background:#edf5ff!important;background-image:none!important;border-color:#b8cfee!important;color:#ad1f35!important;text-shadow:none!important}
.hardware-login .login-card{overflow:visible!important}

}
