/* V47 — Fresh Rose / Teal / Blue. Screen chrome only; print documents and
   barcode artwork retain their own isolated styles and exact dimensions. */
@media screen {
 :root,:root[data-theme=light],:root[data-theme=dark] {
  --primary:#d93678;--primary-2:#e94a8b;--primary-soft:#fdf0f5;--accent:#d93678;
  --gold:#d93678;--gold-dark:#b52661;--bg:#f5f7fa;--surface:#fff;--surface-2:#f8fafc;
  --text:#334155;--muted:#64748b;--border:#dfe7ef;--sidebar:#fff;--sidebar-2:#fff;
  --danger:#be3451;--shadow:0 3px 14px #243b5310;color-scheme:light;
 }
 html,body,#root,html body #root .app-shell {background:#f5f7fa!important;color:#334155!important}
 html body #root .app-shell {font-family:Inter,'Segoe UI','Noto Sans Tamil',Arial,sans-serif;font-size:14px;line-height:1.5}
 html body #root .app-shell :is(p,small,td,input,select,textarea) {font-weight:400!important}
 html body #root .app-shell :is(h1,h2,h3,h4,.page-header h1,.card-head b,label,.stat h2) {color:#25364d!important}
 html body #root .app-shell :is(h1,h2,h3,h4,b,strong) {font-weight:650!important}
 html body #root .app-shell :is(th,label) {font-weight:600!important}
 html body #root .app-shell :is(h1,h2,h3,h4) {letter-spacing:-.025em;line-height:1.3}
 html body #root .app-shell .page-header h1 {font-size:28px!important;font-weight:700!important;margin:0 0 4px}
 html body #root .app-shell :is(.page-header p,.card-head p,.section-title p,.modal-note,td small,.quick-products small,.customer-options-empty,.stat p,.stat small) {color:#64748b!important}
 html body #root .app-shell :is(.page-header,.card-head) {gap:16px;align-items:center}
 html body #root .app-shell .page-header {margin-bottom:20px}
 html body #root .app-shell .page-header p {font-size:14px;line-height:1.5}
 html body #root .app-shell :is(.card,.bill-panel,.modal,.settings-content,.settings-card,.product-panel,.access-panel,.report-chart,.payment-chart,.chart-card) {background:#fff!important;border:1px solid #dfe7ef!important;border-radius:10px;box-shadow:0 3px 14px #243b5308!important}
 html body #root .app-shell :is(th,thead td) {background:#f0f5fa!important;color:#526780!important;border-color:#e4ebf2!important;font-size:12px;line-height:1.5;letter-spacing:.01em}
 html body #root .app-shell tbody td {color:#334155!important;border-color:#edf1f5!important;line-height:1.5;font-variant-numeric:tabular-nums}
 html body #root .app-shell tbody tr:hover td {background:#f8fafc!important}
 html body #root .app-shell td small {display:block;font-size:12px;line-height:1.5;margin-top:2px}
 html body #root .app-shell :is(input,select,textarea) {color:#334155!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:7px;box-shadow:none!important}
 html body #root .app-shell :is(input,textarea)::placeholder {color:#758398!important;opacity:1}
 html body #root .app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):is(:focus,:focus-visible) {border:1px solid #d93678!important;outline:none!important;box-shadow:none!important}
 html body #root .app-shell :is(.inline-search,.sale-search,.global-search) {background:#fff!important;border:1px solid #cbd5e1!important;border-radius:7px;box-shadow:none!important}
 html body #root .app-shell :is(.inline-search,.sale-search,.global-search):focus-within {border:1px solid #d93678!important;box-shadow:none!important}
 html body #root .app-shell :is(.inline-search,.sale-search,.global-search)>input {background:transparent!important;border:0!important}
 html body #root .app-shell input:is([type=checkbox],[type=radio]) {accent-color:#d93678!important}
 /* Plain single control edges; emphasis belongs to primary and selected actions. */
 html body #root .app-shell :is(button,.btn,a.text-btn,.text-btn,[role=button],.sidebar nav a,.sidebar nav .nav-title),
 html body :is(.spark-label-designer button,.print-preview-print,.print-preview-close) {
  border:1px solid #cbd5e1!important;border-radius:7px!important;background:#fff!important;
  color:#40536c!important;font-weight:600!important;text-shadow:none!important;box-shadow:none!important;
  transition:background-color .15s ease,border-color .15s ease!important;
 }
 html body #root .app-shell :is(button,.btn,a.text-btn,.text-btn,[role=button],.sidebar nav a,.sidebar nav .nav-title):not(:disabled):hover,
 html body :is(.spark-label-designer button,.print-preview-print,.print-preview-close):not(:disabled):hover {background:#f8fafc!important;border-color:#9eafc1!important;box-shadow:none!important;color:#25364d!important}
 html body #root .app-shell :is(.btn.primary,.save-sale,.settings-submit,.settings-save,.bill-save-row button:first-child,.modal-actions button.primary,.return-save-actions .primary,.sl-btn-primary,.access-actions .primary,.sl-primary),
 html body .spark-label-designer button.sl-primary,html body .print-preview-print {
  background:#d93678!important;border-color:#cc2d6d!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff24,0 2px 4px #d9367812!important;
 }
 html body #root .app-shell :is(.btn.primary,.save-sale,.settings-submit,.settings-save,.sl-btn-primary,.sl-primary):not(:disabled):hover,
 html body #root .app-shell .page-header .page-actions>.btn.primary:not(:disabled):hover,
 html body .spark-label-designer button.sl-primary:not(:disabled):hover,html body .print-preview-print:not(:disabled):hover {background:#c52b69!important;border-color:#b72360!important;color:#fff!important;box-shadow:none!important}
 html body #root .app-shell .page-header .page-actions>.btn {background:#fff!important;color:#40536c!important;border:1px solid #cbd5e1!important;min-height:40px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
 html body #root .app-shell .page-header .page-actions>.btn.primary {background:#d93678!important;color:#fff!important;border-color:#cc2d6d!important}
 html body #root .app-shell .page-header .page-actions>.btn.secondary {background:#fff!important;color:#087d76!important;border-color:#7cc5bf!important}
 html body #root .app-shell .page-header .page-actions>.btn.secondary:hover {background:#f0fdfa!important;border-color:#0d9488!important;color:#087d76!important}
 html body #root .app-shell :is(.btn.danger,.remove-action,.saved-user-remove,.row-actions button.danger) {background:#fff5f6!important;color:#b52c47!important;border-color:#edc0c9!important}
 html body #root .app-shell :is(.btn.danger,.remove-action,.saved-user-remove,.row-actions button.danger):hover {background:#fce7ec!important;color:#a9213d!important;border-color:#dd8fa2!important}
 html body #root .app-shell :is(.product-mode button,.gstr-tabs button,.settings-nav button,.chips button,.price-mode-buttons button,.payment-method button).active,
 html body #root .app-shell :is(.theme-options,.language-options)>button.selected {background:#fdf0f5!important;border-color:#e5a6bf!important;color:#b52661!important;box-shadow:none!important}
 html body #root .app-shell :is(.settings-nav,.product-mode,.price-mode-buttons,.gstr-tabs,.chips,.theme-options,.language-options) button:not(.active):not(.selected) {background:#fff!important;border-color:#d5dfe9!important;color:#40536c!important;box-shadow:none!important}
 html body #root .app-shell :is(.theme-options,.language-options)>button.selected :is(small,svg) {color:#b52661!important}
 html body #root .app-shell .card-head select {background:#fff!important;color:#40536c!important;border:1px solid #cbd5e1!important;box-shadow:none!important;min-height:35px}
 html body #root .app-shell :is(button,.btn,[role=button]) svg {color:currentColor!important;stroke:currentColor!important}
 html body #root .app-shell :is(button,a,[role=button]):focus-visible,html body .spark-label-designer button:focus-visible {outline:2px solid #a61d56!important;outline-offset:3px!important}
 html body #root .app-shell button:disabled,html body .spark-label-designer button:disabled {opacity:.48!important;box-shadow:none!important;cursor:not-allowed!important}
 html body #root .app-shell a.text-btn,html body #root .app-shell .text-btn {background:transparent!important;border-color:transparent!important;color:#1973ba!important;padding:4px 0!important;box-shadow:none!important;white-space:nowrap}
 html body #root .app-shell :is(a.text-btn,.text-btn):hover {background:transparent!important;color:#11568c!important;text-decoration:underline}
 /* Sidebar: familiar route/group behaviour is retained. */
 html body #root .app-shell .sidebar {background:#fff!important;border-right:1px solid #dfe7ef!important;color:#40536c!important;box-shadow:none!important}
 html body #root .app-shell .sidebar :is(.brand,.brand b,.brand strong,.brand h1,.brand h2) {color:#25364d!important;font-weight:700!important;letter-spacing:-.02em!important}
 html body #root .app-shell .sidebar :is(.brand small,.sidebar-help small) {color:#64748b!important;font-weight:400!important}
 html body #root .app-shell .sidebar .brand {padding-bottom:20px}
 html body #root .app-shell .sidebar .brand b {font-size:17px!important}
 html body #root .app-shell .sidebar .brand-mark {width:34px!important;min-width:34px!important;height:40px!important}
 html body #root .app-shell .sidebar nav {gap:2px;padding:0}
 html body #root .app-shell .sidebar nav :is(a,.nav-title) {border:1px solid transparent!important;background:transparent!important;color:#40536c!important;border-radius:6px!important;box-shadow:none!important;font-weight:500!important;min-height:42px;padding:10px 12px;gap:12px;line-height:1.45;font-size:14px}
 html body #root .app-shell .sidebar nav .nav-title {width:100%}
 html body #root .app-shell .sidebar nav :is(a,.nav-title) svg {width:20px;height:20px;min-width:20px;stroke-width:1.8;color:#64748b!important}
 html body #root .app-shell .sidebar nav :is(a,.nav-title):hover {background:#f7f9fc!important;border-color:transparent!important;color:#25364d!important}
 html body #root .app-shell .sidebar nav a.active {background:#fdf0f5!important;border-color:transparent!important;box-shadow:inset 3px 0 #d93678!important;color:#b52661!important;font-weight:650!important}
 html body #root .app-shell .sidebar nav a.active svg {color:#d93678!important}
 html body #root .app-shell .sidebar nav .nav-group.open>.nav-title {background:#f8fafc!important;color:#25364d!important}
 html body #root .app-shell .sidebar nav a.sub {min-height:35px;padding:7px 12px 7px 44px;font-size:13px}
 html body #root .app-shell .sidebar nav [data-nav=sales]>.nav-group>.nav-title svg:first-child {color:#d93678!important}
 html body #root .app-shell .sidebar nav [data-nav=purchases]>.nav-group>.nav-title svg:first-child {color:#ba7a12!important}
 html body #root .app-shell .sidebar nav :is([data-nav=products],[data-nav=stock],[data-nav=ledger])>a svg {color:#0d9488!important}
 html body #root .app-shell .sidebar nav :is([data-nav=customers],[data-nav=suppliers],[data-nav="Barcode & Print Labels"])>a svg {color:#2884d7!important}
 html body #root .app-shell .sidebar nav [data-nav=reports]>.nav-group>.nav-title svg:first-child {color:#8065b7!important}
 html body #root .app-shell .sidebar nav [data-nav=expenses]>a svg {color:#ba7a12!important}
 html body #root .app-shell .sidebar nav :is([data-nav=stock],[data-nav=ledger],[data-nav=settings]) {border-top:1px solid #edf1f5;margin-top:10px;padding-top:10px}
 html body #root .app-shell .sidebar .sidebar-help {background:#f8fafc!important;border-color:#e2e8f0!important;color:#40536c!important;box-shadow:none!important}
 html body #root .app-shell .sidebar .sidebar-help b {color:#40536c!important}
 html body #root .app-shell .content>header {background:#fffffff5!important;border-bottom:1px solid #dfe7ef!important;box-shadow:none!important}
 html body #root .app-shell .header-actions .profile>span {background:#fce7f0!important;border-color:#f2c2d5!important;color:#bd2865!important}
 html body #root .app-shell .dashboard-user-greeting {font-size:13px;font-weight:500;color:#64748b!important;margin:4px 0}
 html body #root .app-shell :is(.dashboard-user-greeting span,.account-status-badge) {background:#edf9f6!important;border-color:#b9e6d9!important;color:#167359!important;font-weight:600!important}
 /* Semantic summary accents appear consistently in reports, stock and ledger. */
 html body #root .app-shell :is(.stat:nth-child(n),.report-metric:nth-child(n),.gstr-metric:nth-child(n)) {background:#fff!important;border-color:#dfe7ef!important;border-top-color:#d93678!important}
 html body #root .app-shell :is(.stat:nth-child(n) .stat-icon,.report-metric:nth-child(n)>i,.gstr-metric:nth-child(n)>i) {background:#fce7f0!important;color:#d93678!important}
 html body #root .app-shell :is(.report-metric:nth-child(4n+2),.gstr-metric:nth-child(4n+2)) {border-top-color:#2884d7!important}
 html body #root .app-shell :is(.report-metric:nth-child(4n+3),.gstr-metric:nth-child(4n+3)) {border-top-color:#c68b1f!important}
 html body #root .app-shell :is(.report-metric:nth-child(4n+4),.gstr-metric:nth-child(4n+4)) {border-top-color:#0d9488!important}
 html body #root .app-shell :is(.chart-empty,.empty-state,.payment-chart-empty,.report-empty) {background:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important}
 html body #root .app-shell .chart-empty span {color:#64748b!important}
 html body #root .app-shell .chart-empty svg {color:#0d9488!important}
 html body #root .app-shell .chart-sales {color:#b52661!important}
 html body #root .app-shell :is(.chart-collection,.chart-legend .chart-collection) {color:#087e75!important}
 html body #root .app-shell .recharts-text {fill:#64748b!important;font-weight:400!important}
 html body #root .app-shell .payment-method-cards .payment-total {background:#effaf8!important;border-color:#c5e9e3!important}
 html body #root .app-shell .payment-total b {color:#087e75!important}
 html body #root .app-shell :is(.payment-chart,.payment-method-cards article) {background:#fff!important}
 html body #root .app-shell :is(.product-pricing,.price-mode-bar,.purchase-live-total,.stock-summary,.ledger-totals) {border-color:#dfe7ef!important}
 html body #root .app-shell .green {color:#187250!important}
 html body #root .app-shell .red {color:#be3451!important}
 html body #root .app-shell .status {border-radius:5px;font-size:12px;font-weight:600!important;padding:3px 9px;white-space:nowrap}
 html body #root .app-shell .status.paid {background:#e2f7ed!important;color:#176e4d!important}
 html body #root .app-shell .status.partial {background:#fff3d9!important;color:#956012!important}
 html body #root .app-shell :is(.status.due,.status.unpaid) {background:#fce8ee!important;color:#ae2b51!important}
 /* Dashboard card/grid geometry follows the approved reference. */
 html body #root .app-shell .fresh-dashboard .stats {gap:16px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible;margin-bottom:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
 html body #root .app-shell .fresh-dashboard .stats>.stat {border:1px solid #dfe7ef!important;border-top:3px solid #d93678!important;border-radius:10px!important;padding:20px 18px!important;box-shadow:0 3px 14px #243b5308!important;display:flex;align-items:flex-start;gap:16px;min-width:0}
 html body #root .app-shell .fresh-dashboard .stats>.stat::after {display:none!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat .stat-icon {width:50px;height:50px;min-width:50px;border-radius:9px;background:#fce7f0!important;color:#d93678!important;display:grid;place-items:center}
 html body #root .app-shell .fresh-dashboard .stats>.stat>div:last-child {min-width:0}
 html body #root .app-shell .fresh-dashboard .stats>.stat p {font-size:13px;font-weight:600!important;color:#40536c!important;margin:0 0 5px}
 html body #root .app-shell .fresh-dashboard .stats>.stat h2 {font-size:clamp(23px,2vw,31px);font-weight:700!important;line-height:1.25;font-variant-numeric:tabular-nums;margin:0 0 8px;overflow-wrap:anywhere}
 html body #root .app-shell .fresh-dashboard .stats>.stat small {display:block;font-size:11px;line-height:1.5}
 html body #root .app-shell .fresh-dashboard .stats>.stat.invoice {border-top-color:#2884d7!important;background:linear-gradient(135deg,#fff,#f7fbff)!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat.invoice .stat-icon {background:#e8f3fe!important;color:#2884d7!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat.sales {background:linear-gradient(135deg,#fff,#fff8fb)!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat.due {border-top-color:#d99a26!important;background:linear-gradient(135deg,#fff,#fffbf3)!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat.due .stat-icon {background:#fff2d9!important;color:#a66c0f!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat.stock {border-top-color:#0d9488!important;background:linear-gradient(135deg,#fff,#f4fcfa)!important}
 html body #root .app-shell .fresh-dashboard .stats>.stat.stock .stat-icon {background:#e2f7f3!important;color:#0d9488!important}
 html body #root .app-shell .fresh-dashboard .dashboard-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:stretch}
 html body #root .app-shell .fresh-dashboard .dashboard-grid>.card {padding:20px;min-width:0;grid-column:auto;overflow:hidden}
 html body #root .app-shell .fresh-dashboard .card-head {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
 html body #root .app-shell .fresh-dashboard .card-head h2 {font-size:18px!important;font-weight:650!important;margin:0 0 3px}
 html body #root .app-shell .fresh-dashboard .card-head p {font-size:12px!important;margin:0;line-height:1.5}
 html body #root .app-shell .fresh-dashboard .chart-legend {display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 8px;font-size:12px}
 html body #root .app-shell .fresh-dashboard .chart-legend>span {display:inline-flex;gap:6px;align-items:center}
 html body #root .app-shell .fresh-dashboard .chart-legend i {width:8px;height:8px;border-radius:50%;background:currentColor}
 html body #root .app-shell .fresh-dashboard .fresh-trend {width:100%;min-width:0}
 html body #root .app-shell .fresh-dashboard .fresh-chart-note {font-size:11px;color:#64748b!important;line-height:1.6;margin:8px 0 0}
 html body #root .app-shell .fresh-dashboard .fresh-chart-data {margin-top:10px;font-size:12px;color:#64748b}
 html body #root .app-shell .fresh-dashboard .fresh-chart-data summary {cursor:pointer;color:#1973ba;font-weight:500;width:fit-content}
 html body #root .app-shell .fresh-dashboard .fresh-chart-data summary:focus-visible {outline:2px solid #2884d7;outline-offset:3px}
 html body #root .app-shell .fresh-dashboard .fresh-chart-tooltip {background:#fff;border:1px solid #dbe4ed;border-radius:8px;padding:12px 14px;box-shadow:0 4px 14px #25364d18;min-width:170px;font-size:12px;line-height:1.6}
 html body #root .app-shell .fresh-dashboard .fresh-chart-tooltip>b {display:block;margin-bottom:6px;color:#25364d}
 html body #root .app-shell .fresh-dashboard .fresh-chart-tooltip>div {display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:3px}
 html body #root .app-shell .fresh-dashboard .tooltip-label {display:inline-flex;align-items:center;gap:6px}
 html body #root .app-shell .fresh-dashboard .tooltip-label i {width:7px;height:7px;border-radius:50%}
 html body #root .app-shell .fresh-dashboard .fresh-chart-tooltip strong {font-variant-numeric:tabular-nums;color:#25364d}
 html body #root .app-shell .fresh-dashboard table {width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}
 html body #root .app-shell .fresh-dashboard :is(td,th) {padding:10px 11px;vertical-align:middle;border-bottom:1px solid #edf1f5}
 html body #root .app-shell .fresh-dashboard th {text-align:left;white-space:nowrap;font-size:11px}
 html body #root .app-shell .fresh-dashboard .number {text-align:right!important;white-space:nowrap;font-variant-numeric:tabular-nums}
 html body #root .app-shell .fresh-dashboard .center {text-align:center!important}
 html body #root .app-shell .fresh-dashboard td small {font-size:10px;white-space:normal}
 html body #root .app-shell .fresh-dashboard tbody tr:last-child td {border-bottom:0}
 html body #root .app-shell .fresh-dashboard .fresh-invoices table {min-width:560px}
 html body #root .app-shell .fresh-dashboard .fresh-low-stock table {min-width:320px}
 html body #root .app-shell .fresh-dashboard .fresh-low-stock th {background:#edf9f6!important;color:#45716c!important}
 html body #root .app-shell .fresh-dashboard .fresh-low-stock .text-btn {color:#087e75!important}
 html body #root .app-shell .fresh-dashboard .fresh-products-table td {padding:11px 8px}
 html body #root .app-shell .fresh-dashboard .fresh-products-table .rank {width:18px;color:#64748b!important;font-variant-numeric:tabular-nums}
 html body #root .app-shell .fresh-dashboard .fresh-products-table td.number {width:64px}
 html body #root .app-shell .fresh-dashboard .fresh-product-name {display:flex;align-items:center;gap:10px;min-width:0}
 html body #root .app-shell .fresh-dashboard .fresh-product-name :is(img,.fresh-product-placeholder) {width:32px;height:32px;min-width:32px;border-radius:6px;background:#f1f5f9;object-fit:contain;display:grid;place-items:center;color:#7990a5}
 html body #root .app-shell .fresh-dashboard .fresh-product-name>div {flex:1;min-width:0}
 html body #root .app-shell .fresh-dashboard .fresh-product-name :is(span,b) {overflow-wrap:anywhere}
 html body #root .app-shell .fresh-dashboard .fresh-product-name b {font-weight:500!important;line-height:1.5;display:block}
 html body #root .app-shell .fresh-dashboard .fresh-bar-track {height:5px;background:#edf2f7;border-radius:4px;margin-top:6px;overflow:hidden}
 html body #root .app-shell .fresh-dashboard .fresh-bar-track i {display:block;height:100%;border-radius:4px}
 html body #root .app-shell .fresh-dashboard .empty-state.stock-ok {display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center;color:#087e75!important}
 /* The label editor keeps the exact print preview in its iframe. */
 html body .spark-label-designer {background:#f5f7fa!important;color:#334155!important}
 html body .spark-label-designer :is(h2,h3,h4,label) {color:#25364d!important;font-weight:600!important}
 html body #root .app-shell .spark-label-designer :is(.sl-products,.sl-design,.sl-preview,.sl-panel,.sl-body>section,.sl-header) {background:#fff!important;border-color:#dfe7ef!important}
 html body .spark-label-designer :is(input,select) {background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important}
 html body .spark-label-designer :is(.sl-message,.sl-help,.sl-quantity-controls,.sl-layout-summary,.sl-notices,.sl-field) {background:#f5f9fc!important;color:#40536c!important;border-color:#dfe7ef!important}
 html body .spark-label-designer :is(small,.sl-hint,.sl-product small,.sl-selected-product small) {color:#64748b!important}
 html body .spark-label-designer .sl-message.error {color:#b52c47!important;background:#fff1f4!important}
 /* Login retains the previously requested photographic background, viewport,
    animated card rim and loading video; its form typography matches the app. */
 html body #root .hardware-login .login-card :is(h2,label,input) {color:#334155!important}
 html body #root .hardware-login .login-card label {font-weight:600!important}
 html body #root .hardware-login .login-card>h2 {font-weight:700!important}
 html body #root .hardware-login .login-button {background:#d93678!important;color:#fff!important;border:1px solid #cc2d6d!important;box-shadow:0 3px 10px #d9367818!important}
 html body #root .hardware-login .login-button:hover:not(:disabled) {background:#c52b69!important}
 @media(min-width:901px) {html body #root .app-shell .sidebar {width:248px;padding:24px 14px}html body #root .app-shell .content {margin-left:248px}html body #root .app-shell main {padding:24px}}
 @media(min-width:1600px) {html body #root .app-shell main {padding:28px 32px}}
 @media(max-width:1200px) {html body #root .app-shell .fresh-dashboard .stats {grid-template-columns:repeat(2,minmax(0,1fr))}html body #root .app-shell .fresh-dashboard .dashboard-grid {grid-template-columns:minmax(0,1fr)}}
 @media(max-width:700px) {html body #root .app-shell .fresh-dashboard .stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}html body #root .app-shell .fresh-dashboard .stats>.stat {padding:16px 12px!important;gap:10px}html body #root .app-shell .fresh-dashboard .stats>.stat .stat-icon {width:36px;height:36px;min-width:36px}html body #root .app-shell .fresh-dashboard .stat-icon svg {width:22px;height:22px}html body #root .app-shell .fresh-dashboard .stats>.stat h2 {font-size:24px}html body #root .app-shell .fresh-dashboard .dashboard-grid>.card {padding:16px}}
 @media(max-width:480px) {html body #root .app-shell .fresh-dashboard .stats {grid-template-columns:minmax(0,1fr)}html body #root .app-shell .fresh-dashboard .stats>.stat {padding:16px!important}html body #root .app-shell .fresh-dashboard .stats>.stat .stat-icon {width:44px;height:44px;min-width:44px}html body #root .app-shell .fresh-dashboard .card-head h2 {font-size:17px!important}html body #root .app-shell .page-header h1 {font-size:25px!important}}
 @media(prefers-reduced-motion:reduce) {html body #root .app-shell :is(button,.btn,a,[role=button]) {transition:none!important}}
}
@media screen {
 html body #root .app-shell .table-wrap {border-color:#dfe7ef!important;background:#fff!important}
 html body #root .app-shell .fresh-dashboard .dashboard-grid>.card:not(.chart-card)>.card-head>.text-btn {border-color:transparent!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important;color:#1973ba!important}
 html body #root .app-shell .fresh-dashboard .dashboard-grid>.fresh-low-stock>.card-head>.text-btn {color:#087e75!important}
 html body #root .app-shell .sidebar nav a.active[href="/labels"] {background:#fdf0f5!important;box-shadow:inset 3px 0 #d93678!important;border-color:transparent!important;color:#b52661!important}
 html body #root .app-shell .sidebar nav a[href="/labels"] {font-size:13px!important;white-space:nowrap!important;padding-left:12px!important;padding-right:6px!important}
 html body #root .app-shell :is(.sl-shell,.sl-shell .sl-header,.sl-shell .sl-products,.sl-shell .sl-design,.sl-shell .sl-preview,.sl-shell details,.sl-shell .sl-selection,.sl-shell .sl-product-list,.sl-shell .sl-frame) {border-color:#dfe7ef!important}
 html body #root .app-shell .sl-shell {background:#f5f7fa!important}
 html body #root .app-shell .sl-shell .sl-frame {background:#f5f7fa!important}
 html body #root .app-shell .sl-shell :is(h2,h3,h4) {color:#25364d!important}
}

@media screen { html body #root .app-shell :is(button,input,select,textarea) {font-family:inherit!important} html body #root .hardware-login {font-family:'Segoe UI','Noto Sans Tamil',Arial,sans-serif} }
@media screen {
 html body #root .app-shell .fresh-dashboard .fresh-top-products>.table-wrap {max-height:340px;overflow-y:auto;overscroll-behavior:contain}
 html body #root .app-shell .fresh-dashboard .fresh-top-products thead {position:sticky;top:0;z-index:1}
 html body #root .app-shell .fresh-dashboard .stats>.stat small {font-size:12px}
 html body #root .app-shell :is(.price-mode-bar,.sale-meta,.sale-adjustment-row,.sale-discount-row,.product-pricing) {background:#f8fafc!important;border-color:#dfe7ef!important}
 html body #root .app-shell .product-card {background:#fff!important;border-color:#dfe7ef!important;box-shadow:none!important}
}
@media screen {
 /* A search container owns its one boundary, including when the inner input
    has focus. This overrides the shared focused-input rule deliberately. */
 html body #root .app-shell :is(.inline-search,.sale-search,.global-search)>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):is(:focus,:focus-visible) {border:0!important;outline:none!important;box-shadow:none!important}
}