/* Mobile Repair Webapp v6.31 — Graphite Gray + Orange Accent palette */
:root{
  --ui-primary:#5a616b;
  --ui-primary-2:#707884;
  --ui-primary-dark:#2c3138;
  --ui-primary-soft:#eceff2;
  --ui-accent:#e67e22;
  --ui-accent-2:#f49b33;
  --ui-accent-dark:#bf6112;
  --ui-accent-soft:#fff1e3;
  --ui-bg:#edf0f2;
  --ui-surface:#ffffff;
  --ui-surface-2:#f7f8f9;
  --ui-text:#23282e;
  --ui-muted:#68717c;
  --ui-border:#d3d8de;
  --ui-danger:#c64c3f;
  --ui-danger-soft:#faebe8;
  --ui-success:#2f7d54;
  --ui-success-soft:#e8f3eb;
  --ui-warning:#c87811;
  --ui-warning-soft:#fff2df;
  --ui-shadow-xs:0 2px 8px rgba(25,30,36,.06);
  --ui-shadow-sm:0 10px 24px rgba(25,30,36,.08);
  --ui-shadow-md:0 22px 52px rgba(25,30,36,.12);
}
html,body{background:#edf0f2!important;color:var(--ui-text)!important}
body:not(.print-body):not(.service-invoice-print-body):not(.daily-sale-print-body):not(.report-print-body):not(.batch-print-body){
  background:
    radial-gradient(circle at 88% 3%,rgba(230,126,34,.06),transparent 23rem),
    radial-gradient(circle at 12% 94%,rgba(90,97,107,.07),transparent 28rem),
    #edf0f2!important;
}
::selection{background:#ffd3aa;color:#2f2a24}
:focus-visible{outline-color:rgba(230,126,34,.35)!important}

/* Sidebar and navigation */
.sidebar{
  background:
    radial-gradient(circle at 100% 0,rgba(255,170,92,.13),transparent 16rem),
    linear-gradient(180deg,#3a3f47 0%,#31363e 50%,#292d33 100%)!important;
  box-shadow:-12px 0 34px rgba(24,28,33,.22)!important;
}
.sidebar-brand{border-bottom-color:rgba(255,255,255,.07)!important}
.sidebar-brand small,.nav-section-label{color:#aab3bd!important}
.nav-list>a,.nav-group>summary{color:#dfe4ea!important}
.nav-list>a:hover,.nav-group>summary:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.nav-icon{background:rgba(255,255,255,.075)!important;color:#d9e0e6!important}
.nav-list>a.active,.nav-list>a.nav-primary.active,.nav-group>summary:has(+.nav-submenu a.active){
  background:linear-gradient(115deg,#fff4e9,#ffe7d0)!important;
  color:#8a4b11!important;
  box-shadow:0 10px 24px rgba(27,28,30,.2)!important;
}
.nav-list>a.active .nav-icon,.nav-group>summary:has(+.nav-submenu a.active) .nav-icon{background:#fff!important;color:var(--ui-accent)!important}
.nav-submenu{border-right-color:rgba(255,255,255,.12)!important}
.nav-submenu a{color:#c7d0d8!important}
.nav-submenu a.active{background:rgba(230,126,34,.17)!important;color:#ffd8b3!important}
.nav-submenu a.active .nav-dot{background:#ffad57!important;box-shadow:0 0 0 4px rgba(255,173,87,.12)!important}
.profile-link:hover,.profile-link.active{background:rgba(255,255,255,.07)!important}
.avatar{background:#fff1e3!important;color:var(--ui-accent)!important}
.profile-link,.profile-link .user-copy b,.logout-link{color:#edf0f3!important}.user-copy small{color:#b0bac5!important}

/* Topbar */
.topbar{background:rgba(237,240,242,.94)!important;border-bottom-color:#d7dde3!important;box-shadow:0 8px 24px rgba(25,30,36,.03)!important}
.topbar h1{color:#252a30!important}
.page-location,.top-date,.network-status{color:#6a737c!important}
.desktop-collapse,.mobile-menu,.quick-launch-btn,.top-date,.network-status{border-color:#d3d9df!important;background:#fafbfc!important}
.desktop-collapse:hover,.mobile-menu:hover,.quick-launch-btn:hover{border-color:#eda454!important;color:#b05c14!important}
.install-app-btn{background:#fff0e1!important;border-color:#f3c89f!important;color:#b05c14!important}
.quick-launch-btn kbd{background:#f0f2f4!important;border-color:#d5dbe1!important;color:#707a85!important}

/* Surfaces */
.panel,.stat-card,.overview-card,.accounting-module-card,.audit-card,.receipt-compact-panel,.finance-panel-modern{
  border-color:#d6dbe1!important;
  background:#fff!important;
  box-shadow:var(--ui-shadow-sm)!important;
}
.panel:hover,.stat-card:hover,.accounting-module-card:hover{border-color:#c8d0d8!important}
.panel-head h2,.stat-card b,.overview-card b{color:#262c32!important}
.panel-head p,.stat-card small,.overview-card small{color:#707984!important}
.step{background:#fff1e3!important;color:#c56a17!important}

/* Hero sections */
.hero-panel,.invoice-hero,.invoice-list-hero,.invoice-editor-hero,.daily-sales-hero,.audit-hero,.accounting-command-hero,.security-hero{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.08),transparent 16rem),
    radial-gradient(circle at 90% 95%,rgba(255,170,92,.11),transparent 18rem),
    linear-gradient(125deg,#414850 0%,#555e68 58%,#6a737e 100%)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 22px 52px rgba(25,30,36,.18)!important;
}
.hero-panel .eyebrow,.invoice-hero .eyebrow,.invoice-list-hero .eyebrow,.invoice-editor-hero .eyebrow,.daily-sales-hero .eyebrow,.audit-hero .eyebrow,.accounting-command-hero .eyebrow,.security-hero .eyebrow{color:#ffd3a3!important}
.hero-panel p,.invoice-hero p,.invoice-list-hero p,.invoice-editor-hero p,.daily-sales-hero p,.audit-hero p,.accounting-command-hero p,.security-hero p{color:#eef1f4!important}

/* Buttons */
.btn.primary,.btn.dark,.btn[type="submit"].primary{
  background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-2))!important;
  border-color:var(--ui-accent-dark)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(230,126,34,.2)!important;
}
.btn.primary:hover,.btn.dark:hover,.btn[type="submit"].primary:hover{
  background:linear-gradient(135deg,#d66f14,#e88c20)!important;
  box-shadow:0 12px 26px rgba(214,111,20,.25)!important;
}
.btn.ghost,.btn.secondary{border-color:#cfd6dc!important;background:#f5f7f8!important;color:#47525e!important}
.btn.ghost:hover,.btn.secondary:hover{border-color:#e2a158!important;background:#fff1e4!important;color:#aa5b13!important}
.btn.danger,.row-delete{background:#faebe8!important;color:#b24336!important;border-color:#efc3bd!important}
.row-link{color:#c26b17!important}.row-link:hover{color:#a55611!important}

/* Forms */
.field label{color:#434c56!important}
.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{
  border-color:#d2d8de!important;background:#fbfbfc!important;color:#252a30!important;box-shadow:inset 0 1px 2px rgba(20,24,29,.02)!important;
}
.field input:hover,.field select:hover,.field textarea:hover,.filter-bar input:hover,.filter-bar select:hover{border-color:#bfc7cf!important}
.field input:focus,.field select:focus,.field textarea:focus,.filter-bar input:focus,.filter-bar select:focus{
  border-color:#e38a2f!important;box-shadow:0 0 0 4px rgba(230,126,34,.12)!important;background:#fff!important;
}
.field input[readonly],.field input:disabled,.field select:disabled,.field textarea:disabled{background:#eff2f4!important;color:#77818b!important}
.check-card span{border-color:#d7dde2!important;background:#f6f7f8!important;color:#57616d!important}
.check-card input:checked+span{border-color:#efab67!important;background:#fff1e5!important;color:#aa5b13!important}
.check-card input:checked+span:before{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important}
.jalali-field button{background:#fff1e4!important;border-color:#efcea8!important;color:#bb6513!important}

/* Status */
.segmented-state,.payment-state,.delivery-state{background:#eceff2!important;border-color:#d5dbe1!important}
.segmented-state label,.payment-state label,.delivery-state label{color:#66717c!important}
.segmented-state input:checked+span,.payment-state input:checked+span,.delivery-state input:checked+span{
  background:linear-gradient(135deg,var(--ui-accent),#f2992f)!important;color:#fff!important;box-shadow:0 5px 14px rgba(230,126,34,.18)!important;
}
.status-pill,.invoice-status,.cheque-status,.status{border-color:rgba(60,67,74,.08)!important}
.invoice-status.issued,.status-pill.info{background:#eef0f3!important;color:#55606c!important}
.invoice-status.paid,.status-pill.success{background:#e8f3eb!important;color:#2f7d54!important}
.invoice-status.partial,.status-pill.warning{background:#fff1de!important;color:#bb6b10!important}
.invoice-status.cancelled,.status-pill.danger{background:#faebe8!important;color:#b44538!important}

/* Tables & filters */
.table-wrap{border-color:#d7dce2!important;background:#fff!important}
.data-table thead th,.service-invoice-table th,.smart-entry-table thead th,.journal-entry-table thead th{background:#ebeef1!important;color:#39424c!important;border-color:#d4dae0!important}
.data-table tbody tr:nth-child(even),.service-invoice-table tbody tr:nth-child(even),.smart-entry-table tbody tr:nth-child(even){background:#fafbfb!important}
.data-table tbody tr:hover,.service-invoice-table tbody tr:hover,.smart-entry-table tbody tr:hover{background:#fff4ea!important}
.data-table td,.service-invoice-table td,.smart-entry-table td{border-color:#dde2e7!important}
.filter-bar,.invoice-filter,.receipt-filter-bar,.audit-filter,.report-period-filter,.daily-date-filter{background:#eef1f3!important;border-color:#d5dbe0!important}

/* Head strips and summaries */
.invoice-editor-head,.daily-entry-head,.daily-sale-head,.accounting-invoice-head,.accounting-toolbar,.accounting-page-head,.invoice-entry-head,.smart-entry-head{
  border-color:#d1d7dd!important;background:linear-gradient(135deg,#fafbfb,#edf0f2)!important;
}
.invoice-provider-panel,.quick-purchase-panel,.smart-entry-panel,.journal-lines-panel,.accounting-alert-panel{border-color:#d3d9de!important;background:linear-gradient(145deg,#fff,#f2f4f6)!important}
.item-line-total,.daily-line-total,.daily-total-card,.daily-cost-summary,.daily-profit-summary,.profit-summary,.quick-purchase-summary{
  background:linear-gradient(145deg,#fff2e5,#fde8d2)!important;border-color:#f0c291!important;color:#7d4915!important;
}
.invoice-grand-total,.daily-grand-total{background:linear-gradient(135deg,#d86f16,#f0962d)!important;color:#fff!important}

/* Login */
.auth-body{
  background:
    radial-gradient(circle at 15% 18%,rgba(255,170,92,.18),transparent 28rem),
    radial-gradient(circle at 88% 82%,rgba(68,72,79,.12),transparent 31rem),
    #e9edf0!important;
}
.login-shell,.install-shell{border:1px solid rgba(85,93,103,.18)!important;box-shadow:0 34px 95px rgba(25,30,36,.22)!important}
.brand-panel{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,195,132,.15),transparent 18rem),
    linear-gradient(145deg,#3a4048,#4b525c 58%,#636b75)!important;
}
.form-panel{background:linear-gradient(180deg,#ffffff,#f1f4f6)!important}
.form-panel h2{color:#2a3036!important}
.auth-provider-title,.form-panel .muted{color:#6b7480!important}
.security-question,.login-security-box{background:#fff2e5!important;border-color:#f0c99f!important;color:#9b5511!important}

/* Command and mobile */
.command-dialog{background:rgba(20,24,29,.62)!important}
.command-card{border-color:#d2d8de!important;background:#fbfcfc!important;box-shadow:0 36px 95px rgba(24,28,33,.32)!important}
.command-head{border-bottom-color:#d7dde2!important}.command-link{border-color:#d8dde2!important;background:#f5f7f8!important;color:#42505e!important}.command-link:hover{border-color:#eba45d!important;background:#fff3e8!important;color:#b05d12!important}
.mobile-bottom-nav{background:rgba(45,49,56,.98)!important;border-top-color:#5a636d!important;box-shadow:0 -12px 32px rgba(25,30,36,.16)!important}
.mobile-bottom-nav a{color:#bcc5cd!important}.mobile-bottom-nav a.active{color:#ffb362!important}

/* Utility accents */
.eyebrow,.page-location b,.command-head .ui-svg,.accounting-module-card>span,.quick-action>span,.command-link>span,.stat-icon,.receipt-logo{color:#fff!important}
.accounting-module-card>span,.quick-action>span,.command-link>span,.stat-icon,.receipt-logo{background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-2))!important}
.install-app-btn:before{color:inherit}

@media(max-width:560px){
  .auth-body{background:#edf0f2!important}
  .form-panel{background:#edf0f2!important}
}

/* v6.32 — high-contrast column headers for invoice and daily-sale item tables */
.smart-entry-table .smart-entry-head,
.smart-entry-table .invoice-entry-head,
.smart-entry-table .daily-entry-head{
  min-height:42px!important;
  background:linear-gradient(180deg,#555c65 0%,#41474f 100%)!important;
  color:#fff!important;
  border-bottom:3px solid #e67e22!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09)!important;
}
.smart-entry-table .smart-entry-head>span,
.smart-entry-table .invoice-entry-head>span,
.smart-entry-table .daily-entry-head>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  min-width:0!important;
  padding:0 6px!important;
  color:#fff!important;
  background:transparent!important;
  border-left:1px solid rgba(255,255,255,.16)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.5!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
.smart-entry-table .smart-entry-head>span:last-child,
.smart-entry-table .invoice-entry-head>span:last-child,
.smart-entry-table .daily-entry-head>span:last-child{
  border-left:0!important;
}
.smart-entry-table .smart-entry-head>span::selection,
.smart-entry-table .invoice-entry-head>span::selection,
.smart-entry-table .daily-entry-head>span::selection{
  background:#f49b33!important;
  color:#fff!important;
}