/* V48 screenshot corrections: screen presentation only. Existing business
   handlers, disabled states and isolated printable artwork are preserved. */
@media screen {
 html body #root .app-shell {font-family:'Segoe UI',Inter,'Noto Sans Tamil',Arial,sans-serif!important;font-size:15px;line-height:1.6}
 html body #root .app-shell :is(p,td,input,select,textarea) {font-size:15px!important;line-height:1.6!important;font-weight:400!important}
 html body #root .app-shell :is(small,.export-note,.modal-note) {font-size:13px!important;line-height:1.6!important;color:#61728a!important}
 html body #root .app-shell :is(label,.section-title,.payment-method-cards span) {font-size:14px!important;line-height:1.5!important}
 html body #root .app-shell :is(.page-header p,.card-head p,.section-title p,.payment-analysis-head p,.daily-summary-head p) {font-size:14px!important;line-height:1.65!important;color:#5f718b!important}
 html body #root .app-shell :is(.card-head h2,.payment-analysis-head h2,.business-export-panel h2) {font-size:20px!important;font-weight:700!important;line-height:1.4!important}
 html body #root .app-shell :is(th,thead td) {font-size:14px!important;font-weight:700!important;line-height:1.5!important;color:#40556f!important;letter-spacing:.015em!important;padding-top:13px;padding-bottom:13px}
 html body #root .app-shell tbody td {font-size:14px!important;line-height:1.6!important}
 html body #root .app-shell :is(input,select,textarea) {font-family:inherit!important}
 html body #root .app-shell :is(.btn,button) {font-family:inherit!important;font-size:14px!important}
 html body #root .app-shell .page-header h1 {font-size:28px!important}
 html body #root .app-shell .sidebar nav :is(a,.nav-title) {font-size:15px!important;font-weight:500!important;line-height:1.5}
 html body #root .app-shell .sidebar nav a[href="/labels"] {font-size:13px!important}
 html body #root .app-shell .sidebar nav a.sub {font-size:14px!important}
 /* Bright selected navigation, matching the supplied rose action button. */
 html body #root .app-shell .sidebar nav :is(a.active,.nav-group:has(a.active)>.nav-title),
 html body #root .app-shell .sidebar nav a.active[href="/labels"] {background:#d93678!important;color:#fff!important;border:1px solid #d12f70!important;box-shadow:0 3px 8px #d936781a!important;font-weight:650!important}
 html body #root .app-shell .sidebar nav [data-nav] :is(a.active,.nav-group:has(a.active)>.nav-title) svg,
 html body #root .app-shell .sidebar nav a.active svg {color:#fff!important;stroke:currentColor!important}
 html body #root .app-shell .sidebar nav :is(a.active,.nav-group:has(a.active)>.nav-title):hover {background:#c92b6b!important;color:#fff!important;border-color:#c92b6b!important}
 /* Secondary controls have a calm blue tint; primary/save/add actions remain rose. */
 html body #root .app-shell :is(.btn.secondary,.table-tools .btn,.daily-summary-actions button:not(.primary)) {background:#eef5fc!important;border-color:#b9d1e7!important;color:#285b85!important;box-shadow:none!important}
 html body #root .app-shell :is(.btn.secondary,.daily-summary-actions button:not(.primary)):hover:not(:disabled) {background:#e1effb!important;border-color:#80afd5!important;color:#214c71!important}
 html body #root .app-shell .table-tools .btn.export-csv {background:#087f74!important;border-color:#087f74!important;color:#fff!important}
 html body #root .app-shell .table-tools .btn.export-excel {background:#286fc1!important;border-color:#286fc1!important;color:#fff!important}
 html body #root .app-shell .table-tools .btn.export-pdf {background:#7959b4!important;border-color:#7959b4!important;color:#fff!important}
 html body #root .app-shell .table-tools .btn.export-csv:hover:not(:disabled) {background:#076e65!important;color:#fff!important}
 html body #root .app-shell .table-tools .btn.export-excel:hover:not(:disabled) {background:#205eaa!important;color:#fff!important}
 html body #root .app-shell .table-tools .btn.export-pdf:hover:not(:disabled) {background:#67489e!important;color:#fff!important}
 html body #root .app-shell .table-tools .btn:is(:disabled,[aria-disabled=true]) {opacity:.55!important;filter:saturate(.7);cursor:not-allowed!important}
 html body #root .app-shell :is(.row-actions button.edit-action,.saved-user-edit.edit-action) {background:#edf5ff!important;border-color:#b5d0ee!important;color:#2769aa!important}
 /* Added-to-bill and keyboard selection are derived from the existing cart state. */
 html body #root .app-shell .product-grid button.product-card {position:relative;transition:background-color .15s,border-color .15s!important}
 html body #root .app-shell .product-grid button.product-card.in-bill,
 html body #root .app-shell .product-grid button.product-card.in-bill:not(:disabled):hover {border:2px solid #dc3a7c!important;background:#fff0f6!important;box-shadow:0 2px 9px #d936781a!important}
 html body #root .app-shell .product-grid button.product-card.in-bill>div:not(.product-image) {background:#fff0f6!important}
 html body #root .app-shell .product-grid button.product-card.keyboard-active:not(.in-bill) {border:2px solid #5d9bce!important;background:#f2f8ff!important;box-shadow:none!important}
 html body #root .app-shell .product-grid button.product-card.in-bill.keyboard-active {border-color:#c62768!important;box-shadow:0 0 0 2px #f9c8dc!important}
 html body #root .app-shell .product-grid .product-selected-badge {position:absolute;top:10px;left:10px;z-index:2;background:#d93678;color:#fff;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:650;line-height:1.4;pointer-events:none;max-width:calc(100% - 94px);overflow-wrap:anywhere}
 html body #root .app-shell .product-card h3 {font-size:16px!important;font-weight:650!important;line-height:1.5!important}
 html body #root .app-shell .product-card small {font-size:13px!important;line-height:1.5!important}
 html body #root .app-shell .product-card>div:not(.product-image) {min-height:116px;padding-bottom:15px}
 html body #root .app-shell .product-card .product-image>span {font-size:12px!important}
 /* Distinct summary cards keep meaningful figures easy to locate. */
 html body #root .app-shell :is(.daily-summary-metrics>div,.report-breakdown>.card,.report-stats>.report-metric) {border-radius:9px!important;border:1px solid #dfe7ef!important;border-top:3px solid #d93678!important;background:#fff4f8!important;padding:18px!important}
 html body #root .app-shell :is(.daily-summary-metrics>div,.report-breakdown>.card,.report-stats>.report-metric):nth-child(4n+2) {background:#eef6ff!important;border-color:#cde0f4!important;border-top-color:#3482d1!important}
 html body #root .app-shell :is(.daily-summary-metrics>div,.report-breakdown>.card,.report-stats>.report-metric):nth-child(4n+3) {background:#fff7e8!important;border-color:#f0dfba!important;border-top-color:#c48a26!important}
 html body #root .app-shell :is(.daily-summary-metrics>div,.report-breakdown>.card,.report-stats>.report-metric):nth-child(4n+4) {background:#edf9f5!important;border-color:#c5e8de!important;border-top-color:#0c9386!important}
 html body #root .app-shell .daily-summary-metrics>div>span {font-size:14px!important;color:#40556f!important;font-weight:600!important;line-height:1.6!important}
 html body #root .app-shell .daily-summary-metrics>div>strong {font-size:24px!important;font-weight:700!important;line-height:1.4!important;display:block;margin-top:8px;font-variant-numeric:tabular-nums}
 html body #root .app-shell .payment-method-cards article[data-payment-method] {border-left:3px solid var(--payment-colour)!important;background:#fbfdff!important}
 html body #root .app-shell .payment-method-cards article[data-payment-summary=received] {background:#edf9f5!important;border-color:#c3e5d9!important}
 html body #root .app-shell .payment-method-cards article[data-payment-summary=due] {background:#fff7e8!important;border-color:#ead7ae!important}
 html body #root .app-shell .payment-method-cards article[data-payment-summary=due] b {color:#966513!important}
 html body #root .app-shell .payment-method-cards article[data-payment-summary=split] {background:#eef6ff!important;border-color:#c9dff3!important}
 html body #root .app-shell .payment-method-cards article[data-payment-summary=split] b {color:#2869a9!important}
 html body #root .app-shell .payment-method-cards article :is(b,span) {font-size:14px!important;line-height:1.5}
 html body #root .app-shell .payment-chart {padding:14px 10px 6px!important;background:#fff!important;border-color:#dfe7ef!important}
 html body #root .app-shell .payment-value-tooltip {background:#fff;border:1px solid #d8e2ed;border-radius:8px;padding:12px 16px;box-shadow:0 4px 18px #263e541a;min-width:140px}
 html body #root .app-shell .payment-value-tooltip span {display:block;font-size:13px;color:#64748b;margin-bottom:5px}
 html body #root .app-shell .payment-value-tooltip strong {font-size:17px;color:#334155;font-variant-numeric:tabular-nums}
 html body #root .app-shell .payment-chart .recharts-text {font-size:13px!important;fill:#5f7188!important}
 html body #root .app-shell .payment-chart .recharts-label-list .recharts-text {fill:#40536c!important;font-size:13px!important;font-weight:600!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat p {font-size:14px!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat small {font-size:13px!important}
 html body #root .app-shell .fresh-dashboard .card-head h2 {font-size:20px!important}
 html body #root .app-shell .fresh-dashboard .card-head p {font-size:14px!important}
 html body #root .app-shell .fresh-dashboard :is(td,th) {font-size:14px!important}
 html body #root .app-shell .fresh-dashboard th {font-weight:700!important}
 html body #root .app-shell .fresh-dashboard td small {font-size:12px!important}
 html body #root .app-shell .fresh-dashboard :is(.fresh-chart-note,.fresh-chart-data,.chart-legend) {font-size:13px!important;line-height:1.6!important}
 html body #root .app-shell .fresh-dashboard .fresh-top-products>.table-wrap {max-height:365px}
 html body #root .app-shell .fresh-dashboard .fresh-products-table {min-width:310px}
 html body #root .app-shell .fresh-dashboard .fresh-low-stock table {min-width:350px}
 html body #root .app-shell .fresh-dashboard .fresh-invoices table {min-width:620px}
 html body #root .app-shell :is(.settings-nav,.product-mode,.price-mode-buttons,.gstr-tabs,.chips) button {font-size:14px!important;line-height:1.5}
 html body #root .app-shell .spark-label-designer :is(input,select,label,.sl-hint) {font-size:14px!important;line-height:1.5}
 html body #root .app-shell .spark-label-designer :is(h2,h3,h4) {line-height:1.5}
 @media(max-width:600px) {
  html body #root .app-shell .page-header h1 {font-size:25px!important}
  html body #root .app-shell .fresh-dashboard .card-head h2 {font-size:18px!important}
  html body #root .app-shell .payment-chart {padding:10px 0!important}
  html body #root .app-shell .product-grid .product-selected-badge {font-size:11px;padding:3px 6px;left:7px;top:7px}
 }
 @media(prefers-reduced-motion:reduce) {html body #root .app-shell .product-grid button.product-card {transition:none!important}}
}
@media screen {
 html body #root .app-shell .ledger-totals article.due {background:#fff1f6!important;border-color:#efc8d7!important}
 html body #root .app-shell .ledger-totals article.paid {background:#edf9f5!important;border-color:#c5e8de!important}
 html body #root .app-shell .ledger-totals article.advance {background:#eef6ff!important;border-color:#cde0f4!important}
 html body #root .app-shell .ledger-totals article.advance .account-status-badge {background:#deedfc!important;color:#2869a9!important;border-color:#bdd6ef!important}
}
@media screen {
 html body #root .app-shell .sidebar .brand small {font-size:11px!important;line-height:1.5!important;letter-spacing:.08em!important}
}
@media screen {
 html body #root .app-shell .sale-adjustment-row {grid-template-columns:minmax(0,1fr) minmax(90px,1fr)!important;gap:10px!important}
 html body #root .app-shell .sale-adjustment-row .delivery-tax-check {white-space:normal!important;min-width:0!important;line-height:1.5!important}
 html body #root .app-shell .sale-adjustment-row .delivery-tax-check input {flex:0 0 auto}
}
@media screen and (min-width:1251px) {
 html body #root .app-shell .ledger-select.ledger-date-filter {grid-template-columns:minmax(230px,.8fr) minmax(200px,1fr) minmax(250px,1.5fr)!important}
}