/* V11 professional deep-blue interface. UI contrast only; functional application code is untouched. */
:root,:root[data-theme="dark"],:root[data-theme="light"]{
 color-scheme:light;
 --primary:#285ca8;--primary-2:#477dcb;--primary-soft:#e8eef9;
 --accent:#137f91;--gold:#d69a35;--gold-dark:#9a681a;
 --bg:#edf0f5;--surface:#ffffff;--surface-2:#f4f6f9;
 --text:#17263b;--muted:#617087;--border:#cbd4e0;
 --shadow:0 10px 28px rgba(30,55,88,.11);
 --danger:#c94752;--sidebar:#20527b;--sidebar-2:#3279a7;
}
html,body,#root{background:linear-gradient(135deg,#e9edf3 0%,#f7f8fb 52%,#e5eaf1 100%);}
body{overflow-x:hidden;}
.sidebar{background:linear-gradient(165deg,#1d4a71 0%,#255f8b 52%,#337aa7 100%);color:#f5f9ff;border-right:1px solid #194363;box-shadow:8px 0 28px rgba(18,52,78,.19)}
.brand-mark{background:linear-gradient(145deg,#ffffff,#d6e2f0);color:#24568d;border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(8,36,61,.24)}
.brand small,.sidebar-help small{color:#d5e8f5;opacity:1}
.sidebar nav a,.nav-title{color:#e8f3fb}
.sidebar nav a:hover{background:rgba(255,255,255,.14);color:#fff}
.sidebar nav a.active{background:linear-gradient(135deg,#ffd875 0%,#e9ae3f 48%,#c98727 100%);color:#17304a!important;border:1px solid #ffe8ad;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(115,67,10,.28),0 6px 16px rgba(7,35,59,.28);text-shadow:0 1px 0 rgba(255,255,255,.42)}
.sidebar nav a.active svg{color:#17304a!important;stroke:currentColor!important}
.sidebar-help{background:rgba(10,42,66,.30);border:1px solid rgba(255,255,255,.25)}
.content>header{background:rgba(255,255,255,.95);backdrop-filter:blur(15px);box-shadow:0 4px 16px rgba(38,56,82,.07)}
.card,.bill-panel,.modal{background:linear-gradient(145deg,#ffffff,#fafbfd);border-color:#c5cedb;box-shadow:0 9px 25px rgba(31,52,82,.09),inset 0 1px 0 #fff}
th{background:linear-gradient(180deg,#edf1f6,#e3e8f0);color:#46566f}
tbody tr:hover td{background:#eef3fb!important}
input,select,textarea,.global-search,.inline-search,.sale-search{outline-color:#3e6fba}
input:focus,select:focus,textarea:focus{border-color:#3d70bd!important;box-shadow:0 0 0 3px rgba(54,103,182,.16)}
::selection{background:#315fa9;color:#fff}
option:checked{background:#315fa9;color:#fff}
input[type="checkbox"],input[type="radio"]{accent-color:#315fa9}
.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{
 transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease;
 font-weight:800;
}
.btn.primary,.save-sale,.login-button,.settings-submit,.bill-save-row button:last-child,.modal-actions .primary,.access-actions .primary{
 color:#fff!important;border-color:#214f94!important;
 background:linear-gradient(180deg,#79a2e5 0%,#4a7ac6 42%,#2857a1 54%,#3c70ba 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(20,51,104,.42),0 5px 13px rgba(37,78,145,.26)!important;
 text-shadow:0 1px 1px rgba(13,38,82,.42);
}
.btn.secondary,.icon,.language,.pager button,.table-tools button,.row-actions button,.chips button,.product-mode button:not(.active),.settings-nav button:not(.active),.saved-user-edit,.ledger-all-dates{
 color:#193552!important;background:linear-gradient(180deg,#edf4fc 0%,#d6e3f3 48%,#bdd0e7 52%,#e6eef8 100%);border-color:#8fa9c7;
 box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(36,53,76,.11);
}
.product-mode button.active,.gstr-tabs button.active,.settings-nav button.active{
 color:#152d45!important;border-color:#a96e18!important;
 background:linear-gradient(180deg,#ffe29a 0%,#f3bd59 45%,#d9962f 54%,#efb853 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(123,72,10,.32),0 5px 13px rgba(166,105,26,.25)!important;
 text-shadow:0 1px 0 rgba(255,255,255,.48);
}
.btn:hover:not(:disabled),.icon:hover:not(:disabled),.language:hover:not(:disabled),.pager button:hover:not(:disabled),.table-tools button:hover:not(:disabled),.row-actions button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(38,68,112,.19)}
.btn:active:not(:disabled),button:active:not(:disabled){transform:translateY(0)}
.danger,.saved-user-remove{color:#b9343e!important}
.header-actions button[title="Theme"]{display:none!important}
.theme-options>button:nth-child(2){display:none!important}
.theme-options{grid-template-columns:minmax(0,320px)!important}
.theme-preview.light i{background:#315fa9}
.stat,.report-metric,.gstr-metric{border-top:3px solid #356ab7}
.stat:nth-child(4n+1),.report-metric:nth-child(4n+1),.gstr-metric:nth-child(4n+1){border-top-color:#356ab7}
.stat:nth-child(4n+2),.report-metric:nth-child(4n+2),.gstr-metric:nth-child(4n+2){border-top-color:#178794}
.stat:nth-child(4n+3),.report-metric:nth-child(4n+3),.gstr-metric:nth-child(4n+3){border-top-color:#d09632}
.stat:nth-child(4n),.report-metric:nth-child(4n),.gstr-metric:nth-child(4n){border-top-color:#7757b5}
.stat:nth-child(4n+1),.report-metric:nth-child(4n+1),.gstr-metric:nth-child(4n+1){background:linear-gradient(145deg,#fff,#eef4fd)!important}
.stat:nth-child(4n+2),.report-metric:nth-child(4n+2),.gstr-metric:nth-child(4n+2){background:linear-gradient(145deg,#fff,#eaf8f7)!important}
.stat:nth-child(4n+3),.report-metric:nth-child(4n+3),.gstr-metric:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff5df)!important}
.stat:nth-child(4n),.report-metric:nth-child(4n),.gstr-metric:nth-child(4n){background:linear-gradient(145deg,#fff,#f3edfc)!important}
.stat:nth-child(4n+1) .stat-icon,.report-metric:nth-child(4n+1)>i,.gstr-metric:nth-child(4n+1)>i{background:#e8effb;color:#315fa9}
.stat:nth-child(4n+2) .stat-icon,.report-metric:nth-child(4n+2)>i,.gstr-metric:nth-child(4n+2)>i{background:#e3f4f4;color:#137c89}
.stat:nth-child(4n+3) .stat-icon,.report-metric:nth-child(4n+3)>i,.gstr-metric:nth-child(4n+3)>i{background:#fbf1dc;color:#a86f15}
.stat:nth-child(4n) .stat-icon,.report-metric:nth-child(4n)>i,.gstr-metric:nth-child(4n)>i{background:#f0ebfa;color:#6c4ca9}
.payment-analysis-head h2,.report-metric b,.purchase-summary-grid b{color:#233f67}
.payment-chart,.payment-method-cards article{background:#f8f9fb}
.payment-method-cards .payment-total{background:#e7eef9;border-color:#aabedc}.payment-total b{color:#28589d}
.table-tools .btn:nth-child(1){border-color:#12694c!important;color:#fff!important;background:linear-gradient(180deg,#35a47f,#197354)!important;text-shadow:0 1px 1px rgba(0,46,31,.35)}
.table-tools .btn:nth-child(2){border-color:#17647e!important;color:#fff!important;background:linear-gradient(180deg,#3b9db5,#1c7189)!important;text-shadow:0 1px 1px rgba(0,41,55,.35)}
.table-tools .btn:nth-child(3){border-color:#5b3b8a!important;color:#fff!important;background:linear-gradient(180deg,#8c6ac2,#69479e)!important;text-shadow:0 1px 1px rgba(43,22,75,.35)}
.table-tools .btn svg{color:currentColor!important;stroke:currentColor!important}
.page-actions .btn.secondary,.table-level-actions .btn.secondary{color:#fff!important;border-color:#51417e!important;background:linear-gradient(180deg,#8772b8,#635095)!important;text-shadow:0 1px 1px rgba(38,24,72,.34)}
.page-actions .btn.secondary svg,.table-level-actions .btn.secondary svg{color:currentColor!important;stroke:currentColor!important}
.row-actions button:not(.danger):not(.saved-user-remove){color:#fff!important;border-color:#1c6785!important;background:linear-gradient(180deg,#438ead,#246f8d)!important}
.danger,.saved-user-remove,.row-actions button.danger{color:#fff!important;border-color:#a72f3a!important;background:linear-gradient(180deg,#df6972,#bd3e49)!important}
button:disabled,.btn:disabled{opacity:.62!important;filter:saturate(.72);cursor:not-allowed}
button:focus-visible,.btn:focus-visible{outline:3px solid rgba(226,157,49,.38)!important;outline-offset:2px}
.page-actions.relocated-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.table-level-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;width:100%;margin:0 0 10px}
.table-level-actions .btn{text-decoration:none;min-height:40px}
.transaction-toolbar{flex-wrap:wrap}.transaction-toolbar>.table-level-actions{order:-1}
.ledger-select>.table-level-actions{grid-column:1/-1}
.data-toolbar>.table-level-actions{flex:0 0 100%}
.data-toolbar:has(>.table-level-actions){flex-wrap:wrap}
.user-password-field{position:relative!important}
.user-password-field input{padding-right:45px!important}
.user-password-toggle{position:absolute;right:8px;bottom:7px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;color:#285da5;background:linear-gradient(180deg,#fff,#e0e6ef);box-shadow:inset 0 1px 0 #fff,0 2px 7px rgba(34,59,96,.14)}
.user-password-toggle svg{width:18px;height:18px;pointer-events:none}
@media(max-width:1180px){main{padding-left:20px;padding-right:20px}.page-actions{flex-wrap:wrap;justify-content:flex-end}.ledger-date-filter{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.ledger-date-filter>.table-level-actions{grid-column:1/-1}}
@media(max-width:900px){.mobile-close{color:#fff;border-color:rgba(255,255,255,.45)}.content{width:100%}.payment-analysis-body{grid-template-columns:1fr}.table-level-actions{justify-content:flex-start}}
@media(max-width:700px){main{padding-left:12px;padding-right:12px}.ledger-date-filter{grid-template-columns:1fr!important}.ledger-date-filter>.table-level-actions{grid-column:1}.table-level-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.table-level-actions .btn{justify-content:center;width:100%;padding:9px 10px}.table-level-actions .secondary{display:flex!important}.transaction-toolbar{align-items:stretch}.data-toolbar{align-items:stretch}.payment-analysis{padding:13px}.card{border-radius:12px}.page-header{margin-bottom:16px}}
@media(max-width:430px){.table-level-actions{grid-template-columns:1fr}.table-level-actions .btn{min-height:42px}.stats{grid-template-columns:1fr}.content>header{padding-left:8px;padding-right:8px}.header-actions{gap:5px}.language{padding:0 8px}.settings-content{padding:16px}.modal{width:100%;border-radius:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Login keeps the glass treatment but uses the deeper V10 steel-blue palette. */
.hardware-login .login-card{background:linear-gradient(145deg,rgba(236,242,249,.97),rgba(166,194,224,.94))!important;border-color:rgba(255,255,255,.92)!important;box-shadow:inset 0 1px rgba(255,255,255,.95),0 26px 75px rgba(10,35,63,.52)!important}
.hardware-login .login-card:before{border-color:rgba(59,104,166,.50)!important}
.hardware-login .login-brand>span{background:linear-gradient(145deg,#779fda,#2f5d9f)!important;color:#fff!important;box-shadow:0 7px 20px rgba(31,72,128,.34)!important}
.hardware-login .login-brand small,.hardware-login .login-card svg,.hardware-login .password-toggle{color:#285a9b!important}
.hardware-login .login-card label>div:focus-within{border-color:#356bb8!important;box-shadow:0 0 0 3px rgba(53,107,184,.20)!important}

/* V12: bold readable metallic controls, distinct language/logout actions and moving login edge. */
@keyframes metallic-button-shine{0%{background-position:180% 0,0 0}55%,100%{background-position:-90% 0,0 0}}
@keyframes login-blue-run{0%{background-position:220% 0}100%{background-position:-120% 0}}
.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,.saved-user-remove,.ledger-all-dates,.user-password-toggle{
 color:#111c28!important;font-weight:900!important;text-shadow:0 1px 0 rgba(255,255,255,.62)!important;
}
.btn.primary,.save-sale,.login-button,.settings-submit,.bill-save-row button:last-child,.modal-actions .primary,.access-actions .primary{
 color:#101820!important;border-color:#286bb8!important;
 background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.76) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#c1dcff 0%,#6eb2f4 42%,#3e8bd9 53%,#83bdf1 100%)!important;
 background-size:250% 100%,100% 100%!important;animation:metallic-button-shine 3.8s linear infinite;
 box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(26,75,133,.3),0 5px 13px rgba(32,94,161,.29)!important;
}
.btn.secondary,.icon,.pager button,.chips button,.product-mode button:not(.active),.settings-nav button:not(.active),.saved-user-edit,.ledger-all-dates{
 color:#111c28!important;border-color:#6689ad!important;
 background-image:linear-gradient(110deg,transparent 0%,transparent 39%,rgba(255,255,255,.88) 49%,transparent 59%,transparent 100%),linear-gradient(180deg,#f9fcff 0%,#b9d3ec 45%,#8fb3d6 54%,#d9e8f5 100%)!important;
 background-size:260% 100%,100% 100%!important;animation:metallic-button-shine 4.6s linear infinite;
}
.table-tools .btn:nth-child(1){color:#101820!important;border-color:#268360!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.78) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#d6f8e9 0%,#7ed8b3 44%,#43ad82 54%,#93ddbe 100%)!important;background-size:250% 100%,100% 100%!important}
.table-tools .btn:nth-child(2){color:#101820!important;border-color:#287f9a!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.78) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#d4f4fa 0%,#79ccdd 44%,#43a7bd 54%,#91d4e0 100%)!important;background-size:250% 100%,100% 100%!important}
.table-tools .btn:nth-child(3){color:#101820!important;border-color:#7954a6!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.8) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#eee2fb 0%,#c09ce7 44%,#936dc1 54%,#cbb0e9 100%)!important;background-size:250% 100%,100% 100%!important}
.page-actions .btn.secondary,.table-level-actions .btn.secondary{color:#101820!important;border-color:#71539b!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.78) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#eadff6 0%,#b99cdb 44%,#896ab4 54%,#c3aae0 100%)!important;background-size:250% 100%,100% 100%!important}
.row-actions button:not(.danger):not(.saved-user-remove){color:#101820!important;border-color:#287796!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.76) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#d9f2f8 0%,#7bc3d6 44%,#469bb3 54%,#91ccdc 100%)!important;background-size:250% 100%,100% 100%!important}
.danger,.saved-user-remove,.row-actions button.danger{color:#101820!important;border-color:#ad3e4b!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.74) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#ffd9dc 0%,#f28d97 44%,#d95a67 54%,#f4a0a8 100%)!important;background-size:250% 100%,100% 100%!important}
.product-mode button.active,.gstr-tabs button.active,.settings-nav button.active{color:#101820!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.72) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#ffe9a9 0%,#ffc85c 44%,#df9b2d 54%,#ffd071 100%)!important;background-size:250% 100%,100% 100%!important;animation:metallic-button-shine 4.1s linear infinite}
.header-actions>.language{color:#101820!important;border:1px solid #aa6c13!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.8) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#fff1ad 0%,#ffc94f 45%,#dc9122 54%,#ffd570 100%)!important;background-size:250% 100%,100% 100%!important;animation:metallic-button-shine 3.5s linear infinite;box-shadow:inset 0 1px 0 #fff,0 5px 13px rgba(164,103,16,.28)!important}
.header-actions>button.icon:last-child{color:#101820!important;border:1px solid #a93a49!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.78) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#ffd9dd 0%,#f17e8d 45%,#ce4859 54%,#f496a1 100%)!important;background-size:250% 100%,100% 100%!important;animation:metallic-button-shine 3.9s linear infinite;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 13px rgba(151,44,58,.26)!important}
.header-actions>button.icon:last-child svg,.header-actions>.language svg{color:#101820!important;stroke:currentColor!important}
.data-card,.report-chart,.stock-selector,.ledger-select{border-top:3px solid #487fbd}
.data-card:nth-of-type(3n+2),.report-chart:nth-of-type(3n+2){border-top-color:#2b9a8b}.data-card:nth-of-type(3n),.report-chart:nth-of-type(3n){border-top-color:#b778ad}
th{border-bottom:2px solid #afbdd0!important;background:linear-gradient(180deg,#f7f9fc 0%,#d5e1ef 47%,#c6d5e6 53%,#edf3f9 100%)!important;color:#17243a!important;font-weight:900!important}
.language-tamil .btn,.language-tamil button,.language-tamil input,.language-tamil select,.language-tamil textarea{letter-spacing:0!important}
.hardware-login .login-card{position:relative!important;isolation:isolate}
.hardware-login .login-card:after{content:""!important;position:absolute!important;inset:-4px!important;border-radius:28px!important;padding:3px!important;pointer-events:none!important;background:linear-gradient(100deg,rgba(23,107,220,.12),#1677e8 18%,#71d5ff 34%,#f3fdff 49%,#2b96ff 64%,#145ac5 80%,rgba(23,107,220,.12))!important;background-size:320% 100%!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;filter:drop-shadow(0 0 7px rgba(43,155,255,.72));animation:login-blue-run 3.1s linear infinite!important;z-index:4}
.hardware-login .login-button{color:#101820!important;text-shadow:0 1px 0 rgba(255,255,255,.7)!important;background-image:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.8) 48%,transparent 59%,transparent 100%),linear-gradient(180deg,#bcecff 0%,#55c7f4 44%,#2097d2 54%,#70d1f3 100%)!important;background-size:250% 100%,100% 100%!important;animation:metallic-button-shine 3.7s linear infinite!important}
@media(prefers-reduced-motion:reduce){.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,.saved-user-remove,.ledger-all-dates,.hardware-login .login-button{animation:none!important}.hardware-login .login-card:after{animation:none!important;background-position:50% 0!important}}

/* V13: darker versions of the approved colours with high-contrast glass shine. */
.sidebar-help{display:none!important}
.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,.saved-user-remove,.ledger-all-dates,.user-password-toggle{
 color:#fff!important;font-weight:900!important;text-shadow:0 1px 2px rgba(0,0,0,.72)!important;
 border-top-color:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px) saturate(1.25);-webkit-backdrop-filter:blur(8px) saturate(1.25);
}
.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{color:currentColor!important;stroke:currentColor!important}
.btn.primary,.save-sale,.login-button,.settings-submit,.bill-save-row button:last-child,.modal-actions .primary,.access-actions .primary{
 color:#fff!important;border-color:#073d78!important;
 background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.72) 47%,rgba(255,255,255,.18) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#4b9fea 0%,#176fc0 38%,#0a4e91 54%,#1262ad 76%,#073d78 100%)!important;
 background-size:270% 100%,100% 100%!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.7),inset 0 -2px 3px rgba(0,24,58,.58),0 6px 14px rgba(6,57,111,.34)!important;
}
.btn.secondary,.icon,.pager button,.chips button,.product-mode button:not(.active),.settings-nav button:not(.active),.saved-user-edit,.ledger-all-dates{
 color:#fff!important;border-color:#284e78!important;
 background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.67) 47%,rgba(255,255,255,.16) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#5d8ebb 0%,#386990 39%,#244d73 55%,#315f87 78%,#1d3e5e 100%)!important;
 background-size:270% 100%,100% 100%!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.58),inset 0 -2px 3px rgba(7,28,51,.55),0 6px 14px rgba(26,61,96,.28)!important;
}
.table-tools .btn:nth-child(1){color:#fff!important;border-color:#074b36!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.7) 47%,rgba(255,255,255,.17) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#45aa83 0%,#187656 39%,#0b513b 55%,#126b4d 78%,#063c2c 100%)!important;background-size:270% 100%,100% 100%!important}
.table-tools .btn:nth-child(2){color:#fff!important;border-color:#084c62!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.7) 47%,rgba(255,255,255,.17) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#459aae 0%,#176d84 39%,#0a4f65 55%,#126277 78%,#073c4d 100%)!important;background-size:270% 100%,100% 100%!important}
.table-tools .btn:nth-child(3),.page-actions .btn.secondary,.table-level-actions .btn.secondary{color:#fff!important;border-color:#43256d!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.7) 47%,rgba(255,255,255,.17) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#906abe 0%,#684295 39%,#4b2b76 55%,#5e3a89 78%,#351d59 100%)!important;background-size:270% 100%,100% 100%!important}
.row-actions button:not(.danger):not(.saved-user-remove){color:#fff!important;border-color:#0b4e68!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.68) 47%,rgba(255,255,255,.16) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#3e96b2 0%,#176b86 39%,#0b4d66 55%,#12617b 78%,#073a4d 100%)!important;background-size:270% 100%,100% 100%!important}
.danger,.saved-user-remove,.row-actions button.danger{color:#fff!important;border-color:#76202d!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.68) 47%,rgba(255,255,255,.15) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#d95e6d 0%,#ae3446 39%,#842333 55%,#9f2d3e 78%,#681925 100%)!important;background-size:270% 100%,100% 100%!important}
.product-mode button.active,.gstr-tabs button.active,.settings-nav button.active,.header-actions>.language{color:#fff!important;border-color:#744005!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.72) 47%,rgba(255,255,255,.17) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#d9942c 0%,#ad690b 39%,#804805 55%,#995a08 78%,#663703 100%)!important;background-size:270% 100%,100% 100%!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.56),inset 0 -2px 3px rgba(57,29,0,.58),0 6px 14px rgba(112,62,4,.31)!important}
.header-actions>button.icon:last-child{color:#fff!important;border-color:#681621!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.72) 47%,rgba(255,255,255,.17) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#cf5363 0%,#a72c3d 39%,#7c1c2a 55%,#942536 78%,#5b111b 100%)!important;background-size:270% 100%,100% 100%!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.56),inset 0 -2px 3px rgba(52,4,12,.58),0 6px 14px rgba(107,20,33,.32)!important}
.hardware-login .login-button{color:#fff!important;text-shadow:0 1px 2px rgba(0,45,79,.78)!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.75) 47%,rgba(255,255,255,.18) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#45b8e8 0%,#137eb8 39%,#075a91 55%,#0d70a9 78%,#034972 100%)!important;background-size:270% 100%,100% 100%!important}
.btn:hover:not(:disabled),.icon:hover:not(:disabled),.language:hover:not(:disabled),.pager button:hover:not(:disabled),.table-tools button:hover:not(:disabled),.row-actions button:hover:not(:disabled){filter:brightness(1.14) saturate(1.08)!important;transform:translateY(-1px);box-shadow:inset 0 2px 1px rgba(255,255,255,.72),inset 0 -2px 3px rgba(0,20,45,.48),0 8px 18px rgba(20,48,82,.38)!important}
.dashboard-user-greeting{display:flex;align-items:center;gap:10px;margin:5px 0 4px;color:#1a4d83;font-size:17px;font-weight:900;line-height:1.25}
.dashboard-user-greeting span{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border:1px solid #73510e;border-radius:999px;color:#fff;background:linear-gradient(180deg,#c58a23,#87560c);box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 3px 8px rgba(96,62,12,.2);font-size:11px;font-weight:900;letter-spacing:.45px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.55)}
@media(max-width:600px){.dashboard-user-greeting{font-size:15px;flex-wrap:wrap;gap:7px}}

/* V14 final correction: deep approved colours with bold BLACK labels. */
@property --login-orbit-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes login-blue-orbit{to{--login-orbit-angle:360deg}}
.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,.saved-user-remove,.ledger-all-dates,.user-password-toggle{
 color:#05090d!important;font-weight:950!important;text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 3px rgba(255,255,255,.58)!important;
 animation:metallic-button-shine 3.8s linear infinite;
}
.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,.saved-user-remove svg,.ledger-all-dates svg{color:#05090d!important;stroke:#05090d!important}
.btn.primary,.save-sale,.login-button,.settings-submit,.bill-save-row button:last-child,.modal-actions .primary,.access-actions .primary{
 color:#05090d!important;border-color:#073b72!important;
 background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.86) 47%,rgba(255,255,255,.24) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#62aef0 0%,#2d80cc 36%,#145d9e 54%,#1b70ba 74%,#0a467d 100%)!important;
 background-size:270% 100%,100% 100%!important;
}
.btn.secondary,.icon,.pager button,.chips button,.product-mode button:not(.active),.settings-nav button:not(.active),.saved-user-edit,.ledger-all-dates{
 color:#05090d!important;border-color:#244b72!important;
 background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.86) 47%,rgba(255,255,255,.23) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#6f9fc8 0%,#497aa4 36%,#2e5b82 54%,#3b6e98 74%,#203f60 100%)!important;
 background-size:270% 100%,100% 100%!important;
}
.table-tools .btn:nth-child(1){color:#05090d!important;border-color:#084a35!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.86) 47%,rgba(255,255,255,.23) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#5fbd9a 0%,#329172 36%,#17684e 54%,#267e60 74%,#0c4a37 100%)!important;background-size:270% 100%,100% 100%!important}
.table-tools .btn:nth-child(2){color:#05090d!important;border-color:#0b4a5b!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.86) 47%,rgba(255,255,255,.23) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#61afbf 0%,#39879a 36%,#1d6277 54%,#2a778c 74%,#104858 100%)!important;background-size:270% 100%,100% 100%!important}
.table-tools .btn:nth-child(3),.page-actions .btn.secondary,.table-level-actions .btn.secondary{color:#05090d!important;border-color:#43246a!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.88) 47%,rgba(255,255,255,.24) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#a17bc8 0%,#7953a3 36%,#56357e 54%,#6b4695 74%,#3b235d 100%)!important;background-size:270% 100%,100% 100%!important}
.row-actions button:not(.danger):not(.saved-user-remove){color:#05090d!important;border-color:#0b4960!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.86) 47%,rgba(255,255,255,.23) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#5aabc1 0%,#32849c 36%,#175e76 54%,#26758d 74%,#0c4558 100%)!important;background-size:270% 100%,100% 100%!important}
.danger,.saved-user-remove,.row-actions button.danger{color:#05090d!important;border-color:#701b27!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.84) 47%,rgba(255,255,255,.22) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#df6a78 0%,#bb4050 36%,#8e2736 54%,#a93545 74%,#681a25 100%)!important;background-size:270% 100%,100% 100%!important}
.product-mode button.active,.gstr-tabs button.active,.settings-nav button.active,.header-actions>.language{color:#05090d!important;border-color:#704004!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.88) 47%,rgba(255,255,255,.24) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#dfa23d 0%,#bd7816 36%,#905408 54%,#aa680e 74%,#693a03 100%)!important;background-size:270% 100%,100% 100%!important}
.header-actions>button.icon:last-child{color:#05090d!important;border-color:#530b16!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.85) 47%,rgba(255,255,255,.22) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#cf4d5e 0%,#a82739 36%,#741621 54%,#901f30 74%,#4b0912 100%)!important;background-size:270% 100%,100% 100%!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.48),inset 0 -3px 4px rgba(36,0,6,.7),0 6px 15px rgba(100,9,22,.42)!important}
.header-actions>button.icon:last-child svg{color:#05090d!important;stroke:#05090d!important}
.hardware-login .login-button{color:#05090d!important;text-shadow:0 1px 0 rgba(255,255,255,.94),0 0 3px rgba(255,255,255,.6)!important;background-image:linear-gradient(108deg,transparent 0%,transparent 35%,rgba(255,255,255,.88) 47%,rgba(255,255,255,.24) 53%,transparent 64%,transparent 100%),linear-gradient(180deg,#53bbe7 0%,#278fca 36%,#0c669f 54%,#167eb8 74%,#06507d 100%)!important;background-size:270% 100%,100% 100%!important}
.hardware-login .login-card:after{background:conic-gradient(from var(--login-orbit-angle),rgba(8,93,224,.32) 0deg,rgba(8,93,224,.42) 245deg,#087cff 278deg,#20d7ff 296deg,#f5feff 312deg,#249dff 329deg,rgba(8,93,224,.38) 356deg)!important;background-size:100% 100%!important;animation:login-blue-orbit 2.6s linear infinite!important;filter:drop-shadow(0 0 7px rgba(24,143,255,.9)) drop-shadow(0 0 2px #8ce8ff)!important}
@media(prefers-reduced-motion:reduce){.hardware-login .login-card:after{animation:login-blue-orbit 2.6s linear infinite!important}}

/* V15 professional hierarchy: calm normal controls; shine only on key actions. */
@keyframes important-action-shine{0%,68%{background-position:190% 0,0 0}100%{background-position:-85% 0,0 0}}
.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,.saved-user-remove,.ledger-all-dates,.user-password-toggle{
 animation:none!important;color:#142235!important;font-weight:850!important;text-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.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{color:currentColor!important;stroke:currentColor!important}

/* Important create/save/login actions: confident blue, readable white, subtle shine. */
.btn.primary,.save-sale,.login-button,.settings-submit,.bill-save-row button:last-child,.modal-actions .primary,.access-actions .primary{
 color:#fff!important;border-color:#175b9b!important;text-shadow:0 1px 2px rgba(0,42,84,.58)!important;
 background-image:linear-gradient(108deg,transparent 0%,transparent 39%,rgba(255,255,255,.58) 48%,transparent 58%,transparent 100%),linear-gradient(180deg,#4da0e4 0%,#267fc9 48%,#1765ad 52%,#2d82c8 100%)!important;
 background-size:280% 100%,100% 100%!important;animation:important-action-shine 5.2s ease-in-out infinite!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(8,59,107,.42),0 4px 10px rgba(23,91,155,.23)!important;
}
.btn.primary svg,.save-sale svg,.settings-submit svg,.bill-save-row button:last-child svg,.modal-actions .primary svg,.access-actions .primary svg{color:#fff!important;stroke:#fff!important}

/* Normal/Import/Cancel controls: neutral and static for fast reading. */
.btn.secondary,.pager button,.chips button,.product-mode button:not(.active),.settings-nav button:not(.active),.ledger-all-dates,.modal-actions button:not(.primary),.import-modal button:not(:disabled){
 color:#1d3148!important;border-color:#9bb0c6!important;background:#eef4f9!important;
 box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(29,49,72,.12)!important;animation:none!important;text-shadow:none!important;
}
.modal-head .icon,.user-password-toggle{color:#17658f!important;border-color:#9bb6ca!important;background:#f2f7fb!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(27,73,105,.13)!important;animation:none!important}
.modal-head .icon svg,.user-password-toggle svg{color:#17658f!important;stroke:#17658f!important}
.modal button:not(.icon):not(.primary):not(.danger){color:#1d3148!important;border-color:#9bb0c6!important;background:#eef4f9!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(29,49,72,.12)!important;animation:none!important;text-shadow:none!important}
.modal button:not(.icon):not(.primary):not(.danger) svg{color:#17658f!important;stroke:#17658f!important}

/* Export tools: distinct soft professional colours without moving shine. */
.table-tools .btn{animation:none!important;text-shadow:none!important;color:#172334!important}
.table-tools .btn:nth-child(1){border-color:#6fae96!important;background:linear-gradient(180deg,#e6f7f0 0%,#acdcca 48%,#86c7b0 52%,#c9eadf 100%)!important;color:#17372d!important}
.table-tools .btn:nth-child(2){border-color:#6ba5b5!important;background:linear-gradient(180deg,#e4f5f8 0%,#afd9e2 48%,#82bdcb 52%,#c8e7ed 100%)!important;color:#15343d!important}
.table-tools .btn:nth-child(3){border-color:#9a80b9!important;background:linear-gradient(180deg,#f2eafa 0%,#d2bee7 48%,#b196ce 52%,#dfd0ee 100%)!important;color:#30213f!important}
.table-tools .btn:nth-child(n+4){border-color:#6ca993!important;background:linear-gradient(180deg,#e8f7f1 0%,#b4ddce 48%,#8fc8b3 52%,#cae9de 100%)!important;color:#17372d!important}
.table-tools .btn svg{color:currentColor!important;stroke:currentColor!important}

/* Secondary page actions use a calm lavender; primary actions keep blue. */
.page-actions .btn.secondary,.table-level-actions .btn.secondary{color:#2f2341!important;border-color:#aa97bf!important;background:linear-gradient(180deg,#f3eef8,#d8cae6)!important;box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(67,45,91,.14)!important;animation:none!important;text-shadow:none!important}

/* Row actions: neutral buttons; only the action icons carry colour. */
.row-actions button,.saved-user-edit,.saved-user-remove{
 color:#24364b!important;border:1px solid #c4d0dc!important;background:#fff!important;box-shadow:0 2px 5px rgba(28,49,73,.11)!important;animation:none!important;text-shadow:none!important;
}
.row-actions button:not(.danger):not(.saved-user-remove) svg,.saved-user-edit svg{color:#0873a5!important;stroke:#0873a5!important}
.row-actions button.danger svg,.row-actions .saved-user-remove svg,.saved-user-remove svg{color:#c33548!important;stroke:#c33548!important}
.row-actions button:hover:not(:disabled),.saved-user-edit:hover:not(:disabled),.saved-user-remove:hover:not(:disabled){background:#f5f8fb!important;border-color:#91a8be!important;filter:none!important;transform:translateY(-1px)!important}

/* Selected filters are clear but static. */
.product-mode button.active,.gstr-tabs button.active,.settings-nav button.active,.header-actions>.language{color:#302006!important;border-color:#c08a2d!important;background:linear-gradient(180deg,#ffe6a4,#eab448)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 8px rgba(144,92,13,.18)!important;animation:none!important;text-shadow:none!important}
.header-actions>.language svg{color:#302006!important;stroke:#302006!important}

/* Logout remains clearly separated. */
.header-actions>button.icon:last-child{color:#fff!important;border-color:#8e2b38!important;background:linear-gradient(180deg,#d75b69,#a92f40)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 9px rgba(126,31,44,.25)!important;animation:none!important;text-shadow:none!important}
.header-actions>button.icon:last-child svg{color:#fff!important;stroke:#fff!important}

/* Tables stay visually complete even before records exist. */
.table-wrap{position:relative;background:#fbfcfe;border:1px solid #c6d2df;border-radius:10px;overflow:auto}
.table-wrap table{margin:0!important}
.table-wrap th{background:linear-gradient(180deg,#eaf1f8,#d8e4f0)!important;color:#182b43!important;border-bottom:2px solid #9fb4ca!important}
.table-wrap:has(tbody:empty)::after{content:"No records available";display:grid;place-items:center;min-height:112px;color:#5c7087;font-size:13px;font-weight:800;background:linear-gradient(180deg,#fbfcfe,#f0f5fa);border-top:1px solid #d7e0e9}
.language-tamil .table-wrap:has(tbody:empty)::after{content:"பதிவுகள் எதுவும் இல்லை"}
.empty-state{margin:12px!important;padding:22px!important;border:1px dashed #9eb4c9!important;border-radius:10px!important;background:#f1f6fb!important;color:#536a82!important;font-weight:750!important}

button:disabled,.btn:disabled{opacity:1!important;filter:none!important;cursor:not-allowed!important;animation:none!important}

/* V16: disabled table tools keep the exact same visual weight as enabled tools. */
.table-tools .btn:disabled,.table-tools button:disabled{
 opacity:1!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 2px 6px rgba(29,49,72,.12)!important;
}

/* V16: Edit/Remove actions are clean icon-only controls, without coloured button blocks. */
.row-actions button.icon-only-row-action,.saved-user-edit.icon-only-row-action,.saved-user-remove.icon-only-row-action{
 width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
 display:inline-grid!important;place-items:center!important;border:0!important;border-radius:7px!important;
 color:transparent!important;background:transparent!important;background-image:none!important;
 box-shadow:none!important;text-shadow:none!important;font-size:0!important;line-height:0!important;animation:none!important;
}
.row-actions button.icon-only-row-action svg,.saved-user-edit.icon-only-row-action svg,.saved-user-remove.icon-only-row-action svg{
 width:18px!important;height:18px!important;pointer-events:none!important;
}
.row-actions button.icon-only-row-action.edit-action svg,.saved-user-edit.icon-only-row-action svg{
 color:#0873a5!important;stroke:#0873a5!important;
}
.row-actions button.icon-only-row-action.remove-action svg,.saved-user-remove.icon-only-row-action svg{
 color:#c33548!important;stroke:#c33548!important;
}
.row-actions button.icon-only-row-action:hover:not(:disabled),.saved-user-edit.icon-only-row-action:hover:not(:disabled),.saved-user-remove.icon-only-row-action:hover:not(:disabled){
 background:#edf4fa!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;transform:none!important;
}
.ledger-totals article.advance{position:relative}
.account-status-badge{display:inline-flex;align-items:center;width:max-content;margin-top:.4rem;padding:.22rem .55rem;border:1px solid #9b6a18;border-radius:999px;background:#fff1b8;color:#4d2d00;font-size:.68rem;font-weight:950;letter-spacing:.08em;box-shadow:0 2px 7px rgba(92,54,5,.14)}
@media(prefers-reduced-motion:reduce){.btn.primary,.save-sale,.login-button,.settings-submit,.bill-save-row button:last-child,.modal-actions .primary,.access-actions .primary{animation:none!important}}

/* V26 sale-entry, invoice-edit and user-list refinements. */
.sale-meta-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;padding:14px 16px;border-bottom:1px solid #cbd8e4;background:#f4f8fc}
.sale-meta-grid label{display:flex;flex-direction:column;gap:5px;color:#23415e;font-size:11px;font-weight:900}
.sale-meta-grid input{width:100%;min-height:39px;border:1px solid #a9bfd2;border-radius:8px;background:#fff;color:#10283e;padding:7px 9px;font-weight:750}
.customer-select{display:block!important}.customer-select>label{display:block;width:100%;color:#203d58;font-size:12px;font-weight:900}
.customer-combobox{position:relative;margin-top:6px}.customer-combobox>input{width:100%;min-height:42px;border:1px solid #a9bfd2;border-radius:9px;background:#fff;color:#112a40;padding:8px 10px;font-size:14px;font-weight:850}
.customer-options{position:absolute;z-index:80;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;padding:5px;border:1px solid #9fb6ca;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(19,54,84,.22)}
.customer-options button{display:flex!important;width:100%;flex-direction:column;align-items:flex-start!important;gap:3px;padding:10px 11px!important;border:0!important;border-bottom:1px solid #e3eaf0!important;border-radius:7px!important;background:#fff!important;color:#132d44!important;text-align:left}
.customer-options button:hover{background:#edf5fb!important}.customer-options button span{color:#102a42!important;font-size:14px!important;font-weight:950!important}.customer-options button small{color:#536b80;font-size:11px;font-weight:750}.customer-options-empty{padding:15px;color:#607589;font-size:12px;font-weight:800}
.party-balance-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.party-balance-strip>span{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #cad8e4;border-radius:8px;background:#f6f9fc}.party-balance-strip small{font-size:10px;color:#61768a}.party-balance-strip b{font-size:11px;color:#173e61}
.sale-adjustments{padding:12px 16px;border-top:1px solid #cbd8e4;background:#f8fbfd}.sale-adjustment-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(88px,.75fr) minmax(95px,.85fr) auto;gap:7px;align-items:center;margin:7px 0}.sale-adjustment-row>label:first-child{color:#294760;font-size:11px;font-weight:900}.sale-adjustment-row input,.sale-adjustment-row select{width:100%;min-height:36px;border:1px solid #afc1d1;border-radius:8px;background:#fff;color:#152f46;padding:6px 8px;font-weight:750}.sale-adjustment-row .delivery-tax-check{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#294760;font-size:10px;font-weight:850}.sale-adjustment-row .delivery-tax-check input{width:17px;height:17px;min-height:0;accent-color:#176aa5}.delivery-tax-rate{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:900}.delivery-tax-rate input{width:70px}.bill-summary .discount-line b{color:#a13a45}.bill-summary .delivery-line b,.bill-summary .delivery-tax-line b{color:#0e6c62}.sale-edit-loading{margin:8px 0;padding:10px;border:1px solid #8cb6d5;border-radius:9px;background:#e9f4fc;color:#174f79;font-size:12px;font-weight:850}
.sale-discount-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(165px,1.2fr) minmax(165px,1.2fr);gap:8px;align-items:center;margin:7px 0}.sale-adjustment-title{color:#294760;font-size:11px;font-weight:900}.discount-choice{display:grid;grid-template-columns:18px auto minmax(68px,1fr);gap:6px;align-items:center;min-height:42px;padding:5px 7px;border:1px solid #b8c8d7;border-radius:9px;background:#eef3f7;color:#294760;font-size:10px;font-weight:900;cursor:pointer}.discount-choice.selected{border-color:#176aa5;background:#e6f3fc;box-shadow:0 0 0 2px rgba(23,106,165,.12)}.discount-choice>input[type="checkbox"]{width:17px;height:17px;min-height:0;margin:0;accent-color:#176aa5}.discount-choice .discount-value-input{width:100%;min-width:0;min-height:34px;border:1px solid #9fb5c7;border-radius:7px;background:#fff;color:#152f46;padding:5px 7px;font-weight:850}.discount-choice .discount-value-input:disabled{background:#dfe6ec;color:#6d7c88;opacity:.72;cursor:not-allowed}
.transaction-table .sale-actions-head,.transaction-table .sale-actions{width:58px;text-align:center}.sale-edit-icon{display:inline-grid;width:32px;height:32px;place-items:center;border:0!important;border-radius:7px;background:transparent!important;color:#0873a5!important;box-shadow:none!important}.sale-edit-icon svg{width:19px;height:19px;color:#0873a5!important;stroke:#0873a5!important}.sale-edit-icon:hover{background:#e8f3fa!important}
.saved-user-edit{display:flex!important;width:100%!important;min-width:0!important;height:auto!important;min-height:52px!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;border:1px solid #cbd8e0!important;border-radius:9px!important;background:#f7fafc!important;color:#172d43!important;font-size:inherit!important;line-height:normal!important;text-align:left!important;box-shadow:none!important}
.saved-user-edit>span{display:flex!important;min-width:0;flex-direction:column;gap:4px}.saved-user-edit b{display:block;color:#10283f;font-size:13px;font-weight:950}.saved-user-edit small{display:block;color:#5b7083;font-size:11px;font-weight:750}.saved-user-edit svg{flex:0 0 18px;width:18px!important;height:18px!important;color:#0873a5!important;stroke:#0873a5!important}
.user-password-field{position:relative}.user-password-field input{padding-right:48px}.password-edit-note{display:block;margin-top:5px;color:#607589;font-size:9px;font-weight:700}.user-password-toggle{top:25px!important}
.payment-analysis:has(.payment-chart-empty) .payment-total b{font-size:0}.payment-analysis:has(.payment-chart-empty) .payment-total b:after{content:"Loading…";font-size:12px;color:#607589}
.report-values-loading b{font-size:0!important}.report-values-loading b:after{content:"Loading…";font-size:12px;color:#607589}.report-values-loading small{visibility:hidden}
@media(max-width:1150px){.sale-layout{grid-template-columns:minmax(0,1fr) 390px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sale-layout{grid-template-columns:1fr}.bill-panel{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.sale-meta-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-adjustment-row{grid-template-columns:1fr 1fr}.sale-adjustment-row>label:first-child{grid-column:1/-1}.sale-discount-row{grid-template-columns:1fr}.sale-discount-row .sale-adjustment-title{grid-column:1/-1}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.party-balance-strip{grid-template-columns:1fr}}

/* V29 requested corrections: balances, compact discounts, plain edit icons and expense entry. */
.sale-meta-grid-single{grid-template-columns:1fr!important}
.party-balance-strip .customer-due-balance small,.party-balance-strip .customer-due-balance b{color:#c62828!important;font-weight:950!important}
.party-balance-strip .customer-advance-balance small,.party-balance-strip .customer-advance-balance b{color:#14823b!important;font-weight:950!important}
.sale-discount-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;overflow:visible!important}
.sale-discount-row .sale-adjustment-title{grid-column:1/-1!important}
.discount-choice{grid-template-columns:18px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;min-width:0!important}
.discount-choice>span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.2!important}
.discount-choice .discount-value-input{grid-column:2!important;min-width:0!important}
.row-actions .icon-only-row-action,.quote-actions .icon-only-row-action,.sale-edit-icon.icon-only-row-action{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;font-size:0!important;line-height:0!important;animation:none!important}
.row-actions .icon-only-row-action:hover,.quote-actions .icon-only-row-action:hover,.sale-edit-icon.icon-only-row-action:hover{border:0!important;background:#edf5fb!important;background-image:none!important;box-shadow:none!important;filter:none!important;transform:none!important}
.row-actions .edit-action svg,.quote-actions .edit-action svg,.sale-edit-icon.edit-action svg{width:19px!important;height:19px!important;color:#0873a5!important;stroke:#0873a5!important}
.expense-reference-auto{background:#edf4f9!important;color:#23415e!important;font-weight:850!important;cursor:default}
.expense-category-select,.expense-category-manual{width:100%;min-height:42px;border:1px solid #a9bfd2;border-radius:8px;background:#fff;color:#152f46;padding:7px 9px;font-weight:800}
.expense-category-manual{margin-top:7px}
.expense-category-manual[hidden]{display:none!important}
@media(max-width:430px){.sale-discount-row{grid-template-columns:1fr!important}.sale-discount-row .sale-adjustment-title{grid-column:1!important}}

/* V30: every edit action is a bare pen icon without a button block. */
html body .row-actions button.icon-only-row-action,html body .quote-actions button.icon-only-row-action,html body .sale-edit-icon.icon-only-row-action,html body .saved-user-edit.icon-only-row-action,html body .saved-user-remove.icon-only-row-action{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;transform:none!important;color:transparent!important;font-size:0!important;line-height:0!important;animation:none!important}
html body .row-actions button.icon-only-row-action:hover,html body .quote-actions button.icon-only-row-action:hover,html body .sale-edit-icon.icon-only-row-action:hover,html body .saved-user-edit.icon-only-row-action:hover,html body .saved-user-remove.icon-only-row-action:hover{border:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;transform:none!important}
html body .icon-only-row-action.edit-action svg{width:20px!important;height:20px!important;color:#0873a5!important;stroke:#0873a5!important;opacity:1!important}
html body .icon-only-row-action.remove-action svg{width:20px!important;height:20px!important;color:#c33548!important;stroke:#c33548!important;opacity:1!important}

/* V31 fallback: management edit buttons are visually only the pen even before the DOM enhancer runs. */
html body .row-actions button:not(.danger):not(.saved-user-remove){width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;font-size:0!important;line-height:0!important;animation:none!important;filter:none!important;transform:none!important}
html body .row-actions button:not(.danger):not(.saved-user-remove):hover{border:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;transform:none!important}
html body .row-actions button:not(.danger):not(.saved-user-remove) svg{display:block!important;width:20px!important;height:20px!important;color:#0873a5!important;stroke:#0873a5!important;opacity:1!important}

/* V32: make user create/edit modes unmistakable and keep account rows readable. */
.user-fields[data-user-mode="edit"]{outline:2px solid rgba(23,106,165,.2);outline-offset:7px;border-radius:8px}
.create-new-staff-mode{border-color:#176aa5!important;background:#eaf5fb!important;color:#102f48!important;font-weight:900!important}
.user-saved-list .saved-user-row{display:grid!important;grid-template-columns:minmax(0,1fr) 24px!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;border:1px solid #d3dee7!important;border-radius:9px!important;background:#fff!important}
.user-saved-list .saved-user-edit{display:flex!important;width:100%!important;min-width:0!important;height:auto!important;justify-content:space-between!important;padding:0!important;border:0!important;background:transparent!important;color:#172d43!important;text-align:left!important}
.user-saved-list .saved-user-edit>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:3px!important}.user-saved-list .saved-user-edit b{color:#10283f!important;font-size:13px!important;font-weight:950!important}.user-saved-list .saved-user-edit small{color:#5b7083!important;font-size:11px!important;font-weight:750!important}

/* V33: staff can view/use permitted pages but cannot edit or delete records. */
body.staff-restricted-actions .edit-action,body.staff-restricted-actions .remove-action,body.staff-restricted-actions .saved-user-edit,body.staff-restricted-actions .saved-user-remove,body.staff-restricted-actions .sale-edit-icon{display:none!important}

/* V34: readable role/user rows with separate pen/trash actions. */
html body .user-saved-list .saved-user-edit.icon-only-row-action{display:flex!important;width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:7px 4px!important;border:0!important;background:transparent!important;color:#172d43!important;font-size:inherit!important;line-height:1.3!important;text-align:left!important;justify-content:space-between!important;align-items:center!important}
html body .user-saved-list .saved-user-edit.icon-only-row-action>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:4px!important;color:#172d43!important;font-size:13px!important;line-height:1.25!important}
html body .user-saved-list .saved-user-edit.icon-only-row-action b,html body .user-saved-list .saved-user-edit.icon-only-row-action small{position:static!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important}
html body .user-saved-list .saved-user-edit.icon-only-row-action svg{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;color:#0873a5!important;stroke:#0873a5!important}
.saved-access-list:not(.user-saved-list)>button{position:relative!important;display:flex!important;width:100%!important;min-width:0!important;min-height:58px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 45px 10px 12px!important;text-align:left!important}
.saved-access-list:not(.user-saved-list)>button>span:first-child{display:flex!important;min-width:0!important;flex-direction:column!important;gap:4px!important}.saved-access-list:not(.user-saved-list)>button b{display:block!important;color:#10283f!important;font-size:13px!important;font-weight:950!important;line-height:1.25!important}.saved-access-list:not(.user-saved-list)>button small{display:block!important;color:#5b7083!important;font-size:11px!important;font-weight:750!important;line-height:1.25!important;white-space:normal!important}
.saved-role-remove{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;width:26px!important;height:26px!important;place-items:center!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#c33548!important}.saved-role-remove:hover{background:#fff0f2!important}.saved-role-remove svg{width:19px!important;height:19px!important;stroke:#c33548!important}
