/* Mobile Repair Webapp v6.29 — Deep Navy / Petroleum Teal palette
   A darker professional palette while keeping forms and content readable. */
:root{
  --ui-primary:#1b4f73;
  --ui-primary-2:#176a7d;
  --ui-primary-dark:#0a2539;
  --ui-primary-soft:#e3edf4;
  --ui-accent:#0f7a78;
  --ui-accent-soft:#e2f1ef;
  --ui-bg:#edf2f6;
  --ui-surface:#ffffff;
  --ui-surface-2:#f5f8fa;
  --ui-text:#13283a;
  --ui-muted:#647587;
  --ui-border:#ccd8e2;
  --ui-danger:#c83b50;
  --ui-danger-soft:#fbeaec;
  --ui-success:#167052;
  --ui-success-soft:#e4f2eb;
  --ui-warning:#a66b0a;
  --ui-warning-soft:#f7efdc;
  --ui-shadow-xs:0 2px 8px rgba(10,37,57,.07);
  --ui-shadow-sm:0 9px 25px rgba(10,37,57,.085);
  --ui-shadow-md:0 20px 50px rgba(10,37,57,.14);
}
html,body{background:#edf2f6!important;color:#13283a!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(27,79,115,.055),transparent 25rem),
    radial-gradient(circle at 10% 95%,rgba(15,122,120,.045),transparent 30rem),
    #edf2f6!important;
}
::selection{background:#bcd6e4;color:#081f31}
:focus-visible{outline-color:rgba(15,122,120,.32)!important}

/* Deep navigation */
.sidebar{
  background:
    radial-gradient(circle at 105% -5%,rgba(31,134,144,.22),transparent 17rem),
    linear-gradient(180deg,#091c2d 0%,#0b263a 52%,#0a2132 100%)!important;
  box-shadow:-10px 0 34px rgba(5,22,35,.2)!important;
}
.sidebar-brand{border-bottom-color:rgba(187,218,231,.13)!important}
.sidebar-brand small{color:#95b4c6!important}
.nav-section-label{color:#7798aa!important}
.nav-list>a,.nav-group>summary{color:#c2d2dc!important}
.nav-list>a:hover,.nav-group>summary:hover{background:rgba(126,188,200,.09)!important;color:#fff!important}
.nav-icon{background:rgba(255,255,255,.065)!important;color:#a9c7d5!important}
.nav-list>a.active,.nav-list>a.nav-primary.active,.nav-group>summary:has(+.nav-submenu a.active){
  background:linear-gradient(115deg,#eff7f8,#dfeef1)!important;
  color:#123e58!important;
  box-shadow:0 11px 28px rgba(0,13,24,.27)!important;
}
.nav-list>a.active .nav-icon,.nav-group>summary:has(+.nav-submenu a.active) .nav-icon{
  background:#cfe3e8!important;color:#0f6c70!important;
}
.nav-submenu{border-right-color:rgba(167,205,220,.2)!important}
.nav-submenu a{color:#9eb9c8!important}
.nav-submenu a.active{background:rgba(44,145,150,.17)!important;color:#eaffff!important}
.nav-submenu a.active .nav-dot{background:#5bc5c3!important;box-shadow:0 0 0 4px rgba(91,197,195,.13)!important}
.profile-link:hover,.profile-link.active{background:rgba(73,151,158,.13)!important}
.avatar{background:#dceaf0!important;color:#154c68!important}

/* Header */
.topbar{
  background:rgba(237,242,246,.93)!important;
  border-bottom-color:rgba(184,199,211,.78)!important;
  box-shadow:0 8px 26px rgba(10,37,57,.035)!important;
}
.topbar h1{color:#10283b!important}
.page-location,.top-date,.network-status{color:#576d80!important}
.desktop-collapse,.mobile-menu,.quick-launch-btn,.top-date,.network-status{
  border-color:#c7d4df!important;background:#f9fbfc!important;
}
.desktop-collapse:hover,.mobile-menu:hover,.quick-launch-btn:hover{border-color:#8fb6c5!important;color:#0f6c70!important}
.install-app-btn{background:#ddecef!important;border-color:#b7d4da!important;color:#105c66!important}
.quick-launch-btn kbd{background:#e9eef2!important;border-color:#c9d5df!important;color:#5f7180!important}

/* Surfaces and hierarchy */
.panel,.stat-card,.overview-card,.accounting-module-card,.audit-card,.receipt-compact-panel,.finance-panel-modern{
  border-color:#cbd7e1!important;
  background:rgba(255,255,255,.965)!important;
  box-shadow:0 9px 26px rgba(10,37,57,.07)!important;
}
.panel:hover,.stat-card:hover,.accounting-module-card:hover{border-color:#b9c9d5!important}
.panel-head h2,.stat-card b,.overview-card b{color:#112a3d!important}
.panel-head p,.stat-card small,.overview-card small{color:#6b7c8c!important}
.step{background:#dce9ef!important;color:#154f6d!important}

/* Main hero families */
.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,.12),transparent 16rem),
    radial-gradient(circle at 90% 95%,rgba(35,165,162,.12),transparent 18rem),
    linear-gradient(125deg,#0a263a 0%,#123e58 55%,#0e6268 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 22px 52px rgba(10,37,57,.23)!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:#91ddda!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:#d5e7eb!important}

/* Buttons */
.btn.primary,.btn.dark,.btn[type="submit"].primary{
  background:linear-gradient(135deg,#123e58,#0f6b70)!important;
  border-color:#0d5260!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(15,86,96,.18)!important;
}
.btn.primary:hover,.btn.dark:hover,.btn[type="submit"].primary:hover{
  background:linear-gradient(135deg,#0c3047,#0b5b61)!important;
  box-shadow:0 12px 26px rgba(10,57,69,.24)!important;
}
.btn.ghost,.btn.secondary{
  border-color:#bdccd8!important;background:#f4f7f9!important;color:#294a60!important;
}
.btn.ghost:hover,.btn.secondary:hover{border-color:#87aebd!important;background:#e7eff3!important;color:#0e5d65!important}
.btn.danger,.row-delete{background:#fae9ec!important;color:#af2f44!important;border-color:#efc8cf!important}
.row-link{color:#175d78!important}
.row-link:hover{color:#0d6e70!important}

/* Forms */
.field label{color:#30475b!important}
.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{
  border-color:#c8d4de!important;background:#fbfcfd!important;color:#13283a!important;
  box-shadow:inset 0 1px 2px rgba(10,37,57,.025)!important;
}
.field input:hover,.field select:hover,.field textarea:hover,.filter-bar input:hover,.filter-bar select:hover{border-color:#aebfca!important}
.field input:focus,.field select:focus,.field textarea:focus,.filter-bar input:focus,.filter-bar select:focus{
  border-color:#397f91!important;box-shadow:0 0 0 4px rgba(26,112,123,.12)!important;background:#fff!important;
}
.field input[readonly],.field input:disabled,.field select:disabled,.field textarea:disabled{background:#edf2f5!important;color:#6e7e8c!important}
.check-card span{border-color:#cbd7e0!important;background:#f4f7f9!important;color:#465d70!important}
.check-card input:checked+span{border-color:#6babb2!important;background:#e0eff0!important;color:#0c6668!important}
.check-card input:checked+span:before{background:#0f6d70!important;border-color:#0f6d70!important}
.jalali-field button{background:#e4edef!important;border-color:#c5d3dc!important;color:#155a6a!important}

/* Status and segmented controls */
.segmented-state,.payment-state,.delivery-state{background:#e8eef2!important;border-color:#c8d5de!important}
.segmented-state label,.payment-state label,.delivery-state label{color:#566b7c!important}
.segmented-state input:checked+span,.payment-state input:checked+span,.delivery-state input:checked+span{
  background:linear-gradient(135deg,#153f58,#0f7472)!important;color:#fff!important;box-shadow:0 5px 14px rgba(13,83,91,.16)!important;
}
.status-pill,.invoice-status,.cheque-status,.status{border-color:rgba(35,68,91,.08)!important}
.invoice-status.issued,.status-pill.info{background:#e0ebf2!important;color:#154f70!important}
.invoice-status.paid,.status-pill.success{background:#e1f0e8!important;color:#176447!important}
.invoice-status.partial,.status-pill.warning{background:#f5edd8!important;color:#8a5a09!important}
.invoice-status.cancelled,.status-pill.danger{background:#f8e6e9!important;color:#a93649!important}

/* Tables and filters */
.table-wrap{border-color:#cbd7e0!important;background:#fff!important}
.data-table thead th,.service-invoice-table th,.smart-entry-table thead th,.journal-entry-table thead th{
  background:#dfe8ee!important;color:#1d3b50!important;border-color:#c3d0da!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:#f7f9fa!important}
.data-table tbody tr:hover,.service-invoice-table tbody tr:hover,.smart-entry-table tbody tr:hover{background:#eaf1f4!important}
.data-table td,.service-invoice-table td,.smart-entry-table td{border-color:#d5dee5!important}
.filter-bar,.invoice-filter,.receipt-filter-bar,.audit-filter,.report-period-filter,.daily-date-filter{
  background:#e8eef2!important;border-color:#c8d4dd!important;
}

/* Invoice, sales and accounting headers */
.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:#c6d3dc!important;
  background:linear-gradient(135deg,#f8fafb,#e7eef2)!important;
}
.invoice-provider-panel,.quick-purchase-panel,.smart-entry-panel,.journal-lines-panel,.accounting-alert-panel{
  border-color:#c5d5df!important;
  background:linear-gradient(145deg,#fff,#eef4f6)!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,#e7eef3,#dce8ec)!important;
  border-color:#bfd0d9!important;color:#15374b!important;
}
.invoice-grand-total,.daily-grand-total{
  background:linear-gradient(135deg,#102f46,#0d6669)!important;color:#fff!important;
}

/* Auth / login */
.auth-body{
  background:
    radial-gradient(circle at 12% 18%,rgba(23,106,125,.22),transparent 30rem),
    radial-gradient(circle at 88% 82%,rgba(14,122,120,.16),transparent 31rem),
    #091927!important;
}
.login-shell,.install-shell{border:1px solid rgba(178,204,217,.3)!important;box-shadow:0 34px 95px rgba(2,13,22,.43)!important}
.brand-panel{
  background:
    radial-gradient(circle at 12% 10%,rgba(80,194,190,.14),transparent 18rem),
    linear-gradient(145deg,#071a29,#0c3146 58%,#0c5d62)!important;
}
.form-panel{background:linear-gradient(180deg,#fbfcfd,#edf3f6)!important}
.form-panel h2{color:#102b3e!important}
.auth-provider-title,.form-panel .muted{color:#65798a!important}
.security-question,.login-security-box{background:#e3ecef!important;border-color:#bfd0da!important;color:#24485d!important}

/* Command palette */
.command-dialog{background:rgba(3,18,29,.62)!important}
.command-card{border-color:#b9cbd6!important;background:#f9fbfc!important;box-shadow:0 36px 95px rgba(3,20,32,.38)!important}
.command-head{border-bottom-color:#cbd7e0!important}.command-link{border-color:#d1dce4!important;background:#f0f4f6!important;color:#334f63!important}.command-link:hover{border-color:#7ea9b8!important;background:#e3edf0!important;color:#0d6569!important}

/* Mobile bottom navigation */
.mobile-bottom-nav{background:rgba(9,30,46,.97)!important;border-top-color:#29485b!important;box-shadow:0 -12px 32px rgba(5,22,35,.18)!important}
.mobile-bottom-nav a{color:#9cb5c3!important}.mobile-bottom-nav a.active{color:#76d8d4!important}

@media(max-width:820px){
  .topbar{background:rgba(237,242,246,.96)!important}
  .sidebar{box-shadow:-20px 0 60px rgba(1,13,22,.42)!important}
}
@media(max-width:560px){
  .auth-body{background:#edf2f6!important}
  .form-panel{background:#edf2f6!important}
}