/* StockWheels 4.9.0 — flat Tailwind-compatible surface layer.
   Keeps the existing layout, spacing, brand colors and component geometry while
   removing clay/neumorphic/glass depth effects. */
:root{--flat-line:#dbe5f0;--flat-shadow:0 1px 2px rgba(15,23,42,.05);--flat-shadow-hover:0 4px 12px rgba(15,23,42,.07)}
html,body{background:var(--background,#f4f7fb)}
.autoerp-ui .autoerp-background{opacity:.45;pointer-events:none}
.autoerp-ui .bg-blob,.autoerp-ui .bg-ridge{filter:none!important;opacity:.08!important}
.autoerp-ui .bg-grid{opacity:.16!important}
.autoerp-ui :where(.panel,.glass-card,.premium-panel,.dashboard-card,.metric-card,.quick-card,.content-card,.table-card,.form-card,.detail-card,.settings-card,.company-form-section,.receipt-designer-card,.summary-card,.insight-card,.chart-card,.signup-section,.public-payment-card,.sidebar-promo,.search-result-card,.premium-books-search){
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:var(--surface,#fff)!important;border:1px solid var(--flat-line)!important;
  box-shadow:var(--flat-shadow)!important;
}
.autoerp-ui :where(.panel,.glass-card,.premium-panel,.dashboard-card,.metric-card,.quick-card,.content-card,.table-card,.form-card,.detail-card,.settings-card,.company-form-section,.summary-card,.insight-card,.chart-card):hover{box-shadow:var(--flat-shadow-hover)!important}
.autoerp-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){
  background:#fff!important;border:1px solid #cfdbea!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.autoerp-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea):focus{border-color:var(--primary,#2563eb)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#2563eb) 12%,transparent)!important}
.autoerp-ui :where(.primary-btn,.ghost-btn,.soft-btn,.danger-btn,.sw-action-chip,.top-circle,.menu-btn,.nav-link,.module-icon,.nav-icon,.avatar,.badge,.pill,.status-pill){
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;
}
.autoerp-ui .primary-btn{box-shadow:0 1px 2px rgba(37,99,235,.14)!important}
.autoerp-ui .primary-btn:hover,.autoerp-ui .ghost-btn:hover{transform:none!important;box-shadow:0 2px 7px rgba(15,23,42,.08)!important}
.autoerp-ui .sidebar{box-shadow:1px 0 0 #dbe5f0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.autoerp-ui .topbar{box-shadow:0 1px 0 #e2e8f0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.98)!important}
.autoerp-ui .nav-link{border:1px solid transparent!important}
.autoerp-ui .nav-link.active{box-shadow:none!important;border-color:color-mix(in srgb,var(--primary,#2563eb) 18%,transparent)!important}
.autoerp-ui .checkbox-card,.autoerp-ui .dealer-module-option{background:#f8fafc!important;border:1px solid #dbe5f0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.autoerp-ui table{box-shadow:none!important}
.autoerp-ui :where(thead,tr,td,th){text-shadow:none!important}
.autoerp-ui .brand img{box-shadow:none!important}
.autoerp-ui .user-menu[open] summary,.autoerp-ui .user-menu>div{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 24px rgba(15,23,42,.09)!important;background:#fff!important}
.autoerp-ui .page-head{background:transparent!important;box-shadow:none!important}
.autoerp-ui .flash{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
/* Public signup is flat as well. */
.signup-section,.public-payment-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#dbe5f0!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important}
.public-plan-card,.site-btn,.feature-card,.stats-grid article{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Workshop utility pages use Tailwind classes first, with these fallbacks if CDN is unavailable. */
.tw-rounded-2xl{border-radius:16px}.tw-bg-white{background:#fff}.tw-border{border-width:1px;border-style:solid}.tw-border-slate-200{border-color:#e2e8f0}.tw-border-slate-100{border-color:#f1f5f9}.tw-text-slate-900{color:#0f172a}.tw-text-slate-700{color:#334155}.tw-text-slate-600{color:#475569}.tw-text-slate-500{color:#64748b}.tw-text-blue-700{color:#1d4ed8}.tw-text-rose-700{color:#be123c}.tw-text-emerald-700{color:#047857}.tw-overflow-x-auto{overflow-x:auto}.tw-w-full{width:100%}.tw-font-bold{font-weight:700}.tw-font-semibold{font-weight:600}.tw-text-right{text-align:right}.tw-text-left{text-align:left}
@media(max-width:760px){.autoerp-ui .topbar{background:#fff!important}.autoerp-ui .sidebar{box-shadow:6px 0 24px rgba(15,23,42,.08)!important}}
/* Authentication surfaces: preserve the composition/animation, remove glass/clay depth. */
.login-card,.premium-login-card,.login-speedometer,.login-input-wrap,.login-brand-banner,.login-feature-row>span{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;
}
.login-card,.premium-login-card{background:#fff!important;border:1px solid #dbe5f0!important}
.login-speedometer{background:#0b213b!important;border:1px solid rgba(148,163,184,.24)!important}
.login-input-wrap{background:#fff!important;border:1px solid #cfdbea!important}

/* Enforce flat surfaces even when older page-local CSS is declared later. */
.autoerp-ui :where(.company-row-card,.company-backup-mini>div,.danger-company-zone,.compact-metric,.kpi,.kpi-elevated,.module-card,.sw-data-card,.sw-section-card,.company-command-hero,.company-profile-hero,.workshop-card,.workshop-kpi,.workshop-panel){
  background:var(--surface,#fff)!important;background-image:none!important;
  box-shadow:var(--flat-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.autoerp-ui :where(.company-avatar,.company-profile-logo,.company-meta-grid>div,.table-icon,.compact-icon,.module-icon){box-shadow:none!important}
.autoerp-ui :where(.danger-company-zone details form,.dropdown-menu,.search-popover){box-shadow:0 8px 20px rgba(15,23,42,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* v4.9.0 hard flat-mode: remove the remaining clay/neumorphic/glass rendering
   from legacy screens while retaining their dimensions, layout and brand palette. */
body.autoerp-ui *{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.autoerp-ui .autoerp-background{display:none!important}
body.autoerp-ui{background:#f8fafc!important}
body.autoerp-ui :where(.sidebar,.topbar,.panel,.card,.form-card,.table-card,.detail-card,.settings-card,.dashboard-card,.metric-card,.quick-card,.content-card,.company-row-card,.sw-data-card,.sw-section-card,.login-card,.premium-login-card){background-image:none!important;border-color:#e2e8f0!important}
body.autoerp-ui :where(.sidebar,.topbar){background:#fff!important}
body.autoerp-ui :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline:2px solid color-mix(in srgb,var(--primary,#2563eb) 28%,transparent)!important;outline-offset:1px!important;box-shadow:none!important}
body.autoerp-ui :where(.primary-btn,.ghost-btn,.soft-btn,.danger-btn,.nav-link,.top-circle,.menu-btn,.sw-action-chip):hover{transform:none!important;box-shadow:none!important}
body.autoerp-ui :where([class*="clay"],[class*="glass"],[class*="neumorph"]){box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-image:none!important}


/* v4.9.2: normalize every legacy search field so old CRUD/report pages no longer
   fall back to the browser's unstyled HTML search control. Tailwind utility
   classes are also attached by the shared header for pages rendered later. */
body.autoerp-ui :where(input[type="search"],input[name="q"],input[data-search],input[data-tailwind-search="1"],input[placeholder*="search" i]){
  -webkit-appearance:none!important;appearance:none!important;
  min-height:40px!important;width:100%;max-width:100%;
  border:1px solid #cbd5e1!important;border-radius:12px!important;
  background:#fff!important;color:#0f172a!important;
  padding:0 13px!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;
  box-shadow:none!important;outline:none!important;
}
body.autoerp-ui :where(input[type="search"],input[name="q"],input[data-search],input[data-tailwind-search="1"],input[placeholder*="search" i])::placeholder{color:#94a3b8!important;font-weight:500!important}
body.autoerp-ui :where(input[type="search"],input[name="q"],input[data-search],input[data-tailwind-search="1"],input[placeholder*="search" i]):focus{border-color:#3b82f6!important;outline:2px solid rgba(59,130,246,.14)!important;outline-offset:1px!important}
body.autoerp-ui input[type="search"]::-webkit-search-cancel-button{cursor:pointer}
body.autoerp-ui :where(.filter-bar,.search-row,.table-search,.toolbar-search,.list-search,.report-filters,.global-search){align-items:center}


/* v4.9.4 — normalize legacy textarea fields across dealer/workshop pages.
   Some older views render <textarea> directly inside ordinary labels instead
   of the .field/.form-grid components.  Give all of them the same flat,
   Tailwind-style control geometry without reintroducing clay/glass effects. */
body.autoerp-ui .page form textarea:not(.unstyled-textarea){
  -webkit-appearance:none!important;appearance:none!important;
  display:block!important;width:100%!important;max-width:100%!important;
  min-height:96px!important;margin-top:6px!important;
  border:1px solid #cbd5e1!important;border-radius:12px!important;
  background:#fff!important;color:#0f172a!important;
  padding:10px 12px!important;
  font-size:13px!important;font-weight:500!important;line-height:1.5!important;
  resize:vertical!important;box-shadow:none!important;outline:none!important;
  transition:border-color .15s ease,outline-color .15s ease,background-color .15s ease!important;
}
body.autoerp-ui .page form textarea:not(.unstyled-textarea)::placeholder{
  color:#94a3b8!important;font-weight:500!important;
}
body.autoerp-ui .page form textarea:not(.unstyled-textarea):hover{
  border-color:#94a3b8!important;
}
body.autoerp-ui .page form textarea:not(.unstyled-textarea):focus{
  border-color:#3b82f6!important;
  outline:2px solid rgba(59,130,246,.14)!important;
  outline-offset:1px!important;box-shadow:none!important;
}
body.autoerp-ui .page form textarea:not(.unstyled-textarea)[readonly],
body.autoerp-ui .page form textarea:not(.unstyled-textarea):disabled{
  background:#f8fafc!important;color:#64748b!important;cursor:not-allowed!important;
}
body.autoerp-ui .page form label.field > textarea,
body.autoerp-ui .page form .field > textarea,
body.autoerp-ui .page form .form-grid textarea,
body.autoerp-ui .page form .settings-form textarea{
  margin-top:0!important;
}
body.autoerp-ui .page form .tw-space-y-3 > label:not(.checkbox-card),
body.autoerp-ui .page form .tw-space-y-4 > label:not(.checkbox-card){
  display:flex!important;flex-direction:column!important;gap:6px!important;
  width:100%!important;color:#334155!important;font-size:.73rem!important;font-weight:700!important;
}
body.autoerp-ui .page form .tw-space-y-3 > label:not(.checkbox-card) > input,
body.autoerp-ui .page form .tw-space-y-3 > label:not(.checkbox-card) > select,
body.autoerp-ui .page form .tw-space-y-4 > label:not(.checkbox-card) > input,
body.autoerp-ui .page form .tw-space-y-4 > label:not(.checkbox-card) > select{
  width:100%!important;min-height:40px!important;border:1px solid #cbd5e1!important;
  border-radius:12px!important;background:#fff!important;padding:9px 11px!important;
}
@media(max-width:760px){
  body.autoerp-ui .page form textarea:not(.unstyled-textarea){min-height:110px!important}
}


/* v4.9.5 — Accounting transaction rows.
   The global legacy table skin injects a decorative td:first-child::before badge.
   On Accounting it could overlap the sale/purchase/exchange number and secondary
   line, especially with larger global font sizes.  Disable that pseudo badge and
   use a real fixed icon column inside the cell instead. */
body.autoerp-ui .accounting-transaction-panel .data-table tbody td.accounting-entry-cell,
body.autoerp-ui .accounting-dual-grid .data-table tbody td.accounting-entry-cell,
body.autoerp-ui .accounting-dual-grid .compact-account-table tbody td.accounting-entry-cell{
  padding-left:14px!important;
  position:relative!important;
  min-width:190px!important;
}
body.autoerp-ui .accounting-transaction-panel .data-table tbody td.accounting-entry-cell::before,
body.autoerp-ui .accounting-dual-grid .data-table tbody td.accounting-entry-cell::before,
body.autoerp-ui .accounting-dual-grid .compact-account-table tbody td.accounting-entry-cell::before{
  content:none!important;
  display:none!important;
}
body.autoerp-ui .accounting-entry-wrap{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
body.autoerp-ui .accounting-entry-icon{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  position:static!important;
  transform:none!important;
}
body.autoerp-ui .accounting-entry-icon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  flex:none!important;
}
body.autoerp-ui .accounting-entry-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  align-content:center!important;
}
body.autoerp-ui .accounting-entry-copy>a,
body.autoerp-ui .accounting-entry-copy>strong{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  line-height:1.25!important;
}
body.autoerp-ui .accounting-entry-copy .cell-sub{
  margin:0!important;
  padding:0!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.autoerp-ui .accounting-entry-sale .accounting-entry-icon{
  color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important;
}
body.autoerp-ui .accounting-entry-purchase .accounting-entry-icon{
  color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important;
}
body.autoerp-ui .accounting-entry-exchange .accounting-entry-icon{
  color:#be185d!important;background:#fdf2f8!important;border-color:#fbcfe8!important;
}
@media(max-width:760px){
  body.autoerp-ui .accounting-entry-wrap{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
  body.autoerp-ui .accounting-entry-icon{width:32px!important;height:32px!important;min-width:32px!important}
  body.autoerp-ui .accounting-entry-icon svg{width:15px!important;height:15px!important}
}