/* V51 screen readability and interaction feedback. No document/label styles. */
@media screen {
 html[data-theme=light] body #root .app-shell {font-size:16px;line-height:1.65;color:#334155!important}
 html[data-theme=light] body #root .app-shell :is(p,input,select,textarea) {font-size:16px!important;line-height:1.6!important}
 html[data-theme=light] body #root .app-shell :is(small,.export-note,.modal-note,.report-notes,.report-notes p,.report-notes summary) {font-size:14px!important;line-height:1.65!important;color:#475569!important}
 html[data-theme=light] body #root .app-shell :is(.page-header p,.card-head p,.section-title p,.payment-analysis-head p,.daily-summary-head p,.dashboard-user-greeting,.fresh-chart-note,.fresh-chart-data) {font-size:15px!important;line-height:1.65!important;color:#475569!important}
 html[data-theme=light] body #root .app-shell :is(label,.section-title,.payment-method-cards span) {font-size:15px!important;line-height:1.6!important}
 html[data-theme=light] body #root .app-shell :is(button,.btn) {font-size:15px!important}
 html[data-theme=light] body #root .app-shell :is(th,thead td,tbody td),
 html[data-theme=light] body #root .app-shell .fresh-dashboard :is(td,th) {font-size:15px!important;line-height:1.65!important}
 html[data-theme=light] body #root .app-shell .fresh-dashboard :is(.stats>.stat small,.card-head p,.fresh-chart-note,.fresh-chart-data,.chart-legend) {font-size:14px!important;color:#475569!important;line-height:1.65!important}
 html[data-theme=light] body #root .app-shell :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not(:is(.inline-search,.sale-search,.global-search)>input) {border:1px solid #30343b!important;color:#26384e!important;box-shadow:none!important;min-width:0}
 html[data-theme=light] body #root .app-shell :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not(:is(.inline-search,.sale-search,.global-search)>input):is(:focus,:focus-visible) {border-color:#d93678!important;outline:none!important;box-shadow:none!important}
 html[data-theme=light] body #root .app-shell :is(input,textarea)::placeholder {color:#596779!important;opacity:1!important;font-weight:400!important}
 html[data-theme=light] body #root .app-shell :is(.inline-search,.sale-search,.global-search) {border:1px solid #30343b!important;box-shadow:none!important}
 html[data-theme=light] body #root .app-shell :is(.inline-search,.sale-search,.global-search):focus-within {border-color:#d93678!important;box-shadow:none!important}
 html[data-theme=light] body #root .app-shell :is(.inline-search,.sale-search,.global-search)>input,
 html[data-theme=light] body #root .app-shell :is(.inline-search,.sale-search,.global-search)>input:is(:focus,:focus-visible) {border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important}
 /* The selected customer name stays legible at normal desktop scale. */
 html[data-theme=light] body #root .app-shell .customer-combobox>input {font-size:16px!important;font-weight:600!important;color:#25364d!important;min-height:44px;padding:10px 12px!important;text-overflow:ellipsis}
 html[data-theme=light] body #root .app-shell .customer-options button {background:#fff!important;color:#25364d!important;text-align:left;line-height:1.6!important}
 html[data-theme=light] body #root .app-shell .customer-options button:hover {background:#fff0f6!important;color:#8f1f50!important}
 html[data-theme=light] body #root .app-shell .customer-options button>span {font-size:16px!important;font-weight:600!important;color:inherit!important}
 html[data-theme=light] body #root .app-shell .customer-options button>small {font-size:14px!important;color:#475569!important}
 html[data-theme=light] body #root .app-shell .party-balance-strip .customer-due-balance {background:#fff0f2!important;border:1px solid #d83e52!important;color:#9f1239!important;padding:10px 12px!important;min-height:44px;border-radius:7px}
 html[data-theme=light] body #root .app-shell .party-balance-strip .customer-advance-balance {background:#ecfdf3!important;border:1px solid #239466!important;color:#166534!important;padding:10px 12px!important;min-height:44px;border-radius:7px}
 html[data-theme=light] body #root .app-shell .party-balance-strip :is(.customer-due-balance,.customer-advance-balance) :is(small,b) {font-size:15px!important;color:inherit!important;line-height:1.5!important}
 html[data-theme=light] body #root .app-shell .ledger-totals article.due {background:#fff0f2!important;border-color:#d83e52!important}
 html[data-theme=light] body #root .app-shell .ledger-totals article.advance {background:#ecfdf3!important;border-color:#239466!important}
 html[data-theme=light] body #root .app-shell .ledger-totals article.advance .account-status-badge {background:#dcfce7!important;border-color:#86cda4!important;color:#166534!important}
 /* CSV actions have distinct, readable colours and unchanged handlers. */
 html[data-theme=light] body #root .app-shell .import-actions>button.btn {background:#286fc1!important;border-color:#286fc1!important;color:#fff!important;font-size:15px!important}
 html[data-theme=light] body #root .app-shell .import-actions>label.btn {background:#087f74!important;border-color:#087f74!important;color:#fff!important;font-size:15px!important}
 html[data-theme=light] body #root .app-shell .import-actions>button.btn:hover {background:#205eaa!important;color:#fff!important}
 html[data-theme=light] body #root .app-shell .import-actions>label.btn:hover {background:#066b62!important;color:#fff!important}
 /* Role/user records are pale readable cards, distinct from action buttons. */
 html[data-theme=light] body #root .app-shell :is(.settings-layout .settings-content,.access-panel) .saved-access-list>button,
 html[data-theme=light] body #root .app-shell :is(.settings-layout .settings-content,.access-panel) .saved-access-list .saved-user-edit {background:#f4f8fc!important;border:1px solid #a9bfd4!important;color:#25364d!important;padding:12px 14px!important;min-height:68px;box-shadow:none!important;white-space:normal;line-height:1.6!important;min-width:0}
 html[data-theme=light] body #root .app-shell :is(.settings-layout .settings-content,.access-panel) .saved-access-list>button:hover,
 html[data-theme=light] body #root .app-shell :is(.settings-layout .settings-content,.access-panel) .saved-access-list .saved-user-edit:hover {background:#fff0f6!important;border-color:#d93678!important;color:#25364d!important}
 html[data-theme=light] body #root .app-shell .saved-access-list :is(b,strong) {font-size:16px!important;font-weight:700!important;color:#25364d!important}
 html[data-theme=light] body #root .app-shell .saved-access-list small {font-size:14px!important;font-weight:400!important;color:#475569!important;display:block;line-height:1.6!important}
 html[data-theme=light] body #root .app-shell .saved-access-list :is(.saved-user-edit,.saved-role-edit)>svg {background:transparent!important;color:#245f9c!important;stroke:#245f9c!important;border:0!important;box-shadow:none!important;flex-shrink:0}
 html[data-theme=light] body #root .app-shell .saved-access-list .saved-role-edit {display:flex!important;align-items:center;gap:12px}
 html[data-theme=light] body #root .app-shell .saved-access-list .saved-role-edit>span:first-child {flex:1;min-width:0;overflow-wrap:anywhere}
 html[data-theme=light] body #root .app-shell .saved-access-list .saved-role-remove {position:static!important;inset:auto!important;transform:none!important;flex:0 0 32px!important;display:grid!important;place-items:center!important;margin:0!important}
 html[data-theme=light] body #root .app-shell .permissions-grid label {color:#334155!important;font-size:15px!important}
 /* Icon-only edit/delete actions: keep a usable hit area without a box. */
 html[data-theme=light] body #root .app-shell :is(.row-actions button.edit-action,.row-actions button.remove-action,.row-actions button.danger,.quote-actions .edit-action,.quote-actions .remove-action,.sale-edit-icon,.saved-user-remove,.saved-role-remove),
 html[data-theme=light] body #root .app-shell :is(.row-actions button.edit-action,.row-actions button.remove-action,.row-actions button.danger,.quote-actions .edit-action,.quote-actions .remove-action,.sale-edit-icon,.saved-user-remove,.saved-role-remove):hover,
 html[data-theme=light] body #root .app-shell .settings-layout .settings-content :is(.saved-user-remove,.saved-role-remove):not(:disabled):hover,
 html[data-theme=light] body #root .app-shell .settings-layout .settings-content :is(.saved-user-remove,.saved-role-remove) {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;min-width:32px;min-height:32px;padding:6px!important}
 html[data-theme=light] body #root .app-shell :is(.row-actions button.edit-action,.quote-actions .edit-action,.sale-edit-icon) {color:#245f9c!important}
 html[data-theme=light] body #root .app-shell :is(.row-actions button.remove-action,.row-actions button.danger,.quote-actions .remove-action,.saved-user-remove,.saved-role-remove) {color:#b4233a!important}
 html[data-theme=light] body #root .app-shell :is(.row-actions button,.quote-actions button,.sale-edit-icon,.saved-user-remove,.saved-role-remove) svg {background:transparent!important;border:0!important;color:inherit!important;stroke:currentColor!important;stroke-width:2.2;width:20px;height:20px}
 /* GSTR summaries previously had 10px captions. */
 html[data-theme=light] body #root .app-shell :is(.gstr-business,.gstr-notice,.gstr-tool-row,.gstr-tabs,.gstr-3b) {font-size:15px!important;line-height:1.65!important}
 html[data-theme=light] body #root .app-shell .gstr-business :is(b,strong) {font-size:17px!important}
 html[data-theme=light] body #root .app-shell :is(.gstr-business,.gstr-metric) :is(small,em) {font-size:14px!important;line-height:1.65!important;color:#475569!important;font-style:normal!important;font-weight:400!important}
 html[data-theme=light] body #root .app-shell .gstr-metric :is(p,span) {font-size:15px!important;color:#475569!important}
 html[data-theme=light] body #root .app-shell .gstr-3b>:is(div,span) {font-size:14px!important;line-height:1.65!important;padding:14px!important;min-width:0;overflow-wrap:anywhere}
 html[data-theme=light] body #root .app-shell .gstr-3b :is(b,strong) {font-size:15px!important;color:#25364d!important}
 html[data-theme=light] body #root .app-shell .gstr-notice {color:#475569!important}
 html[data-theme=light] body #root .app-shell .gstr-table table {width:max-content!important;min-width:100%!important;table-layout:auto!important}
 html[data-theme=light] body #root .app-shell .gstr-table :is(th,td) {white-space:nowrap!important;min-width:100px;overflow-wrap:normal!important}
 /* Large financial values get the full card width; never split their digits. */
 html[data-theme=light] body #root .app-shell .fresh-dashboard .stats>.stat {display:grid!important;grid-template-columns:42px minmax(0,1fr);grid-template-rows:42px auto 1fr;column-gap:12px!important;row-gap:10px!important;padding:18px!important;align-items:start}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .stats>.stat>.stat-icon {width:42px;height:42px;min-width:42px;grid-column:1;grid-row:1}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .stats>.stat>div:last-child {display:contents}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .stats>.stat p {grid-column:2;grid-row:1;align-self:center;margin:0!important}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .stats>.stat h2 {grid-column:1/-1;grid-row:2;font-size:28px!important;line-height:1.3!important;margin:0!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal;max-width:100%;overflow-x:auto;scrollbar-width:thin;font-variant-numeric:tabular-nums}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .stats>.stat small {grid-column:1/-1;grid-row:3;min-height:44px;margin:0!important}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-products-table {width:100%!important;min-width:0!important;table-layout:fixed!important}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-products-table :is(th,td):first-child {width:28px!important}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-products-table :is(th,td):last-child {width:76px!important}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-products-table th:last-child {white-space:normal!important;overflow-wrap:normal!important}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-product-name {min-width:0;align-items:flex-start}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-product-name>div {min-width:0;flex:1}
 html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-product-name>div>span {white-space:normal!important;overflow-wrap:anywhere;line-height:1.6!important;display:block}
 /* No colour animation or delayed transition on navigation. */
 html[data-theme=light] body #root .app-shell .sidebar nav :is(a,.nav-title) {transition:none!important;animation:none!important}
 html[data-theme=light] body #root .app-shell .sidebar nav :is(a.pending,[data-instant-active],.nav-group.open>.nav-title) {background:#d93678!important;border:1px solid #d12f70!important;color:#fff!important;font-weight:650!important;box-shadow:0 3px 8px #d936781a!important}
 html[data-theme=light] body #root .app-shell .sidebar nav :is(a.pending,[data-instant-active],.nav-group.open>.nav-title) svg {color:#fff!important;stroke:currentColor!important}
 html[data-theme=light] body #root .app-shell .sidebar nav [data-instant-muted]:is(a.active,.nav-title,a.pending) {background:transparent!important;border-color:transparent!important;color:#40536c!important;box-shadow:none!important;font-weight:500!important}
 html[data-theme=light] body #root .app-shell .sidebar nav [data-instant-muted]:is(a.active,.nav-title,a.pending) svg {color:#64748b!important;stroke:currentColor!important}
 html[data-theme=light] body #root .app-shell .sidebar nav [data-instant-active] {background:#d93678!important;color:#fff!important;border-color:#d12f70!important}
 @media(max-width:600px) {
  html[data-theme=light] body #root .app-shell .fresh-dashboard .stats {grid-template-columns:minmax(0,1fr)!important}
  html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-products-table :is(th,td) {padding:10px 8px!important}
  html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-products-table :is(th,td):first-child {width:18px!important}
  html[data-theme=light] body #root .app-shell .fresh-dashboard .fresh-products-table :is(th,td):last-child {width:64px!important}
  html[data-theme=light] body #root .app-shell .gstr-business {flex-wrap:wrap}
  html[data-theme=light] body #root .app-shell .gstr-3b {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-theme=light] body #root .app-shell .gstr-tabs {flex-wrap:wrap}
  html[data-theme=light] body #root .app-shell .gstr-tabs button {white-space:normal;min-width:0}
  html[data-theme=light] body #root .app-shell .saved-user-row {min-width:0}
 }
}