/* Company System Final Modern Layer
   Loaded after page-local styles so the whole app uses one polished surface. */
:root {
  --cm-bg: #edf3f8;
  --cm-ink: #0a1624;
  --cm-muted: #64748b;
  --cm-panel: rgba(255,255,255,.9);
  --cm-line: rgba(100,116,139,.22);
  --cm-blue: #0f6b8f;
  --cm-cyan: #11a6b8;
  --cm-green: #0f9f74;
  --cm-red: #d83452;
  --cm-gold: #f4b400;
  --cm-shadow: 0 22px 58px -42px rgba(2, 18, 32, .85);
  --cm-shadow-hover: 0 30px 72px -50px rgba(2, 18, 32, .95);
  --cm-radius: 14px;
  --cm-radius-sm: 10px;
  --cm-motion: 180ms ease;
}

html {
  scroll-behavior: smooth;
}

body:not(.login-modernized) {
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,0) 320px),
    radial-gradient(circle at 8% 10%, rgba(17,166,184,.14), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(244,180,0,.13), transparent 28%),
    var(--cm-bg) !important;
}

.main-content {
  animation: cmPageIn 280ms ease both;
}

.cm-reveal {
  animation: cmSurfaceIn 360ms ease both;
  animation-delay: var(--cm-delay, 0ms);
}

@keyframes cmPageIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cmSurfaceIn {
  from { opacity: 0; transform: translateY(10px) scale(.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.app-header {
  background: linear-gradient(135deg, rgba(8,24,39,.98), rgba(9,56,78,.98) 62%, rgba(7,28,45,.98)) !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 20px 52px -38px rgba(0,0,0,.9) !important;
}

.app-brand-icon,
.nav-user-avatar,
.nav-theme-toggle,
.nav-logout-btn,
.nav-station-badge,
.dropdown-menu,
.modal-content,
.offcanvas {
  border-radius: var(--cm-radius-sm) !important;
}

.modal {
  z-index: 2000 !important;
}

.modal-backdrop {
  z-index: 1990 !important;
}

.modal.show {
  pointer-events: auto;
}

.modal.show .modal-dialog {
  pointer-events: auto;
}

.main-nav .nav-link,
.main-nav .dropdown-toggle {
  color: rgba(236,246,255,.82) !important;
  border: 1px solid transparent !important;
  transition: background-color var(--cm-motion), border-color var(--cm-motion), transform var(--cm-motion), color var(--cm-motion) !important;
}

.main-nav .nav-link:hover,
.main-nav .dropdown-toggle:hover,
.main-nav .nav-link.active,
.main-nav .nav-link.show {
  background: rgba(255,255,255,.105) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Header readability pass */
.app-header .app-brand-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.32);
}

.app-header .main-nav .nav-link,
.app-header .main-nav .dropdown-toggle {
  color: #dbeafe !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.24);
}

.app-header .main-nav .nav-link .nav-ico,
.app-header .main-nav .dropdown-toggle .nav-ico {
  color: #b6d7e9 !important;
  opacity: 1 !important;
}

.app-header .main-nav .nav-link:hover,
.app-header .main-nav .dropdown-toggle:hover,
.app-header .main-nav .nav-link:focus,
.app-header .main-nav .dropdown-toggle:focus {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #ffffff !important;
}

.app-header .main-nav .nav-link:hover .nav-ico,
.app-header .main-nav .dropdown-toggle:hover .nav-ico,
.app-header .main-nav .nav-link:focus .nav-ico,
.app-header .main-nav .dropdown-toggle:focus .nav-ico {
  color: #fbc210 !important;
}

.app-header .main-nav .nav-link.active,
.app-header .main-nav .nav-link.show,
.app-header .main-nav .dropdown-toggle.show {
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.09)) !important;
  border-color: rgba(255,255,255,.26) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 22px rgba(0,0,0,.16) !important;
}

.app-header .main-nav .nav-link.active .nav-ico,
.app-header .main-nav .nav-link.show .nav-ico,
.app-header .main-nav .dropdown-toggle.show .nav-ico {
  color: #fbc210 !important;
}

.app-header .nav-station-badge {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  color: #e0f2fe !important;
  font-weight: 850 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.app-header .nav-station-badge span,
.app-header .nav-station-badge i {
  color: #e0f2fe !important;
  opacity: 1 !important;
}

.app-header .nav-station-badge:hover {
  background: #f8fafc !important;
  border-color: #ffffff !important;
  color: #07334d !important;
  text-shadow: none;
}

.app-header .nav-station-badge:hover span,
.app-header .nav-station-badge:hover i {
  color: #07334d !important;
}

.app-header .nav-user-info {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.app-header .nav-user-name {
  color: #ffffff !important;
  font-weight: 850 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.28);
}

.app-header .nav-user-role {
  color: #fbc210 !important;
  font-weight: 850 !important;
}

.app-header .nav-user-role[style] {
  color: #fbc210 !important;
  background: transparent !important;
}

.app-header .nav-user-avatar {
  background: rgba(251,194,16,.18) !important;
  border-color: rgba(251,194,16,.55) !important;
  color: #facc15 !important;
}

.app-header .nav-theme-toggle,
.app-header .nav-logout-btn {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #e0f2fe !important;
}

.app-header .nav-theme-toggle i,
.app-header .nav-logout-btn i {
  color: #e0f2fe !important;
  opacity: 1 !important;
}

.app-header .nav-theme-toggle:hover,
.app-header .nav-logout-btn:hover {
  background: rgba(255,255,255,.2) !important;
  border-color: rgba(255,255,255,.32) !important;
  color: #ffffff !important;
}

.page-header,
.qo-page-header,
.tp-banner,
.db-hero,
.finance-hero,
.finance-dashboard .qo-page-header,
.inventory-dashboard,
.st-fin-hero,
.rental-hero,
.inv-top-section,
.hero-card {
  border-radius: var(--cm-radius) !important;
  background:
    linear-gradient(135deg, rgba(7,33,53,.98), rgba(15,107,143,.95) 58%, rgba(7,33,53,.98)) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 30px 78px -54px rgba(1,17,28,.96), inset 0 1px 0 rgba(255,255,255,.16) !important;
  overflow: hidden !important;
}

.page-header *,
.qo-page-header *,
.tp-banner *,
.db-hero *,
.finance-hero *,
.finance-dashboard .qo-page-header *,
.ref-hero *,
.rrp-hero *,
.rfp-hero *,
.rfd-hero * {
  color: inherit;
}

/* Finance dashboard summary cards sit inside a dark hero but use light card
   surfaces; keep the late hero color inheritance from washing their text out. */
.finance-hero .premium-stat,
.finance-hero .finance-stat-card {
  color: #0f172a !important;
}

.finance-hero .premium-stat__label,
.finance-hero .finance-stat-card .finance-stat-label {
  color: #64748b !important;
}

.finance-hero .premium-stat__value {
  color: #0f172a !important;
}

.finance-hero .premium-stat__value--positive {
  color: #059669 !important;
}

.finance-hero .premium-stat__value--negative {
  color: #dc2626 !important;
}

.finance-hero .premium-stat__sublabel,
.finance-hero .finance-stat-card .small {
  color: #64748b !important;
}

.page-header h1,
.page-header-title,
.qo-page-header h1,
.tp-banner h1,
.db-hero-title,
.finance-hero-title,
.finance-dashboard .qo-page-header h1,
.ref-hero h1,
.rrp-hero h1,
.rfp-hero h1,
.rfd-hero h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  letter-spacing: 0 !important;
}

.page-header p,
.page-header-subtitle,
.qo-page-header .qo-ph-sub,
.tp-banner .tp-sub,
.db-hero-sub,
.finance-hero-subtitle,
.ref-hero p,
.rrp-hero p,
.rfp-hero p,
.rfd-hero p {
  color: rgba(236,246,255,.74) !important;
}

.card,
.admin-card,
.station-card,
.stat-card,
.summary-card,
.place-card,
.it-card,
.ct-card,
.fin-chart-card,
.fin-filter-card,
.finance-stat-card,
.fin-station-card,
.fin-product-card,
.qo-table-card,
.qo-filter-card,
.qot-filter-card,
.qot-protocols-table-card,
.tp-table-card,
.tp-filter,
.db-module-card,
.db-admin-card,
.db-fin-card,
.inventory-card,
.inv-src-card,
.tank-card,
.wallet-card,
.st-wallet-card,
.filter-card,
.filter-bar,
.modal-card,
.section-card,
.table-card,
.metric-card,
.kpi-card,
body:not(.login-modernized) [class*="-card"]:not(.protocol-doc-card):not(.protocol-print-card):not(.login-card),
body:not(.login-modernized) [class*="_card"] {
  border-radius: var(--cm-radius) !important;
  background: var(--cm-panel) !important;
  border: 1px solid var(--cm-line) !important;
  box-shadow: var(--cm-shadow) !important;
  backdrop-filter: blur(10px) saturate(1.04);
  -webkit-backdrop-filter: blur(10px) saturate(1.04);
  transition: transform var(--cm-motion), box-shadow var(--cm-motion), border-color var(--cm-motion), background-color var(--cm-motion) !important;
}

.card:hover,
.admin-card:hover,
.station-card:hover,
.stat-card:hover,
.summary-card:hover,
.place-card:hover,
.it-card:hover,
.ct-card:hover,
.fin-chart-card:hover,
.finance-stat-card:hover,
.fin-station-card:hover,
.fin-product-card:hover,
.db-module-card:hover,
.db-admin-card:hover,
.inventory-card:hover,
.inv-src-card:hover,
.tank-card:hover,
body:not(.login-modernized) [class*="-card"]:not(.protocol-doc-card):not(.protocol-print-card):not(.login-card):hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--cm-shadow-hover) !important;
  border-color: rgba(15,107,143,.32) !important;
}

.card-header,
.modal-header,
.qo-table-card .card-header,
.fin-chart-card .card-header,
.table thead,
.qo-table-card .table thead,
.qot-protocols-table thead,
.tp-table thead {
  background: linear-gradient(180deg, rgba(250,252,254,.98), rgba(238,244,249,.96)) !important;
  border-color: rgba(100,116,139,.18) !important;
  color: var(--cm-ink) !important;
}

.table,
.table > :not(caption) > * > * {
  background-color: transparent !important;
}

.table th,
.table td {
  border-color: rgba(100,116,139,.18) !important;
}

.table thead th {
  color: #4f6478 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
}

.table tbody tr {
  transition: background-color var(--cm-motion), box-shadow var(--cm-motion) !important;
}

.table tbody tr:hover,
.table tbody tr:hover > * {
  background: rgba(15,107,143,.06) !important;
}

.btn,
button,
.dropdown-item,
.nav-link,
.form-control,
.form-select {
  transition-duration: var(--cm-motion) !important;
  transition-timing-function: ease !important;
}

.btn {
  border-radius: var(--cm-radius-sm) !important;
  font-weight: 750 !important;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary,
.tp-btn-gold,
.qo-page-header .btn-qo-gold,
.db-hero-action.primary,
.db-mod-cta {
  background: linear-gradient(135deg, var(--cm-blue), var(--cm-cyan)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 16px 32px -24px rgba(15,107,143,.95) !important;
}

.btn-success { background: linear-gradient(135deg, #0f8f68, #19bd8a) !important; border-color: transparent !important; }
.btn-danger { background: linear-gradient(135deg, #c72d49, #ef526c) !important; border-color: transparent !important; }
.btn-warning { background: linear-gradient(135deg, #d98706, #f7b731) !important; border-color: transparent !important; color: #182033 !important; }

.form-control,
.form-select,
.input-group-text {
  border-radius: var(--cm-radius-sm) !important;
  border: 1px solid rgba(100,116,139,.32) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(15,107,143,.72) !important;
  box-shadow: 0 0 0 4px rgba(15,107,143,.12) !important;
}

.badge,
.source-badge,
.type-badge,
.wrong-badge,
.na-badge,
.qot-status,
.place-status,
.mgr-status,
.status-badge,
.pill,
.chip {
  border-radius: 999px !important;
}

.alert,
.list-group-item,
.accordion-item,
.pagination .page-link {
  border-radius: var(--cm-radius-sm) !important;
}

/* Login page final modernization */
body.login-modernized,
body:has(.login-page) {
  background:
    radial-gradient(circle at 12% 8%, rgba(17,166,184,.20), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(244,180,0,.16), transparent 30%),
    linear-gradient(145deg, #07111f, #0a2031 54%, #08111f) !important;
}

.login-page {
  background:
    radial-gradient(circle at 12% 8%, rgba(17,166,184,.20), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(244,180,0,.14), transparent 30%),
    linear-gradient(145deg, #07111f, #0a2031 54%, #08111f) !important;
}

.login-shell,
.login-card {
  border-radius: 18px !important;
}

.login-card {
  background: rgba(8,18,31,.78) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 34px 90px -56px rgba(0,0,0,1), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}

.input-wrap {
  border-radius: 12px !important;
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(255,255,255,.12) !important;
  transition: border-color var(--cm-motion), box-shadow var(--cm-motion), background-color var(--cm-motion) !important;
}

.input-wrap:focus-within {
  border-color: rgba(17,166,184,.58) !important;
  box-shadow: 0 0 0 4px rgba(17,166,184,.12) !important;
}

.login-btn {
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--cm-blue), var(--cm-cyan)) !important;
  box-shadow: 0 18px 38px -26px rgba(17,166,184,.9) !important;
}

[data-theme="dark"] body:not(.login-modernized) {
  background:
    radial-gradient(circle at 12% 8%, rgba(17,166,184,.13), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(244,180,0,.10), transparent 30%),
    #070c13 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .admin-card,
[data-theme="dark"] .station-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .summary-card,
[data-theme="dark"] .place-card,
[data-theme="dark"] .it-card,
[data-theme="dark"] .ct-card,
[data-theme="dark"] .fin-chart-card,
[data-theme="dark"] .fin-filter-card,
[data-theme="dark"] .finance-stat-card,
[data-theme="dark"] .fin-station-card,
[data-theme="dark"] .fin-product-card,
[data-theme="dark"] .qo-table-card,
[data-theme="dark"] .qo-filter-card,
[data-theme="dark"] .qot-filter-card,
[data-theme="dark"] .qot-protocols-table-card,
[data-theme="dark"] .tp-table-card,
[data-theme="dark"] .tp-filter,
[data-theme="dark"] .db-module-card,
[data-theme="dark"] .db-admin-card,
[data-theme="dark"] .db-fin-card,
[data-theme="dark"] .inventory-card,
[data-theme="dark"] .inv-src-card,
[data-theme="dark"] .tank-card,
[data-theme="dark"] .wallet-card,
[data-theme="dark"] .st-wallet-card,
[data-theme="dark"] body:not(.login-modernized) [class*="-card"]:not(.protocol-doc-card):not(.protocol-print-card):not(.login-card) {
  background: rgba(13,19,29,.88) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 26px 70px -50px rgba(0,0,0,1) !important;
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .modal-header,
[data-theme="dark"] .table thead,
[data-theme="dark"] .qo-table-card .card-header,
[data-theme="dark"] .fin-chart-card .card-header {
  background: rgba(255,255,255,.045) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .input-group-text {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.13) !important;
  color: #f8fafc !important;
}

@media (hover: none) {
  .card:hover,
  body:not(.login-modernized) [class*="-card"]:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Quick Oil station selector: keep late global normalization from turning
   the light page header text white or flattening the custom station cards. */
body.section-quickoil.page-index .page-header.fade-in {
  background:
    linear-gradient(135deg, #ffffff 0%, #f7fbfd 58%, #eef7fa 100%),
    radial-gradient(ellipse 360px 160px at 100% 0%, rgba(251,194,16,0.12), transparent 70%) !important;
  border: 1px solid rgba(190,211,224,0.9) !important;
  border-left: 5px solid #07334D !important;
  color: #07334D !important;
}

body.section-quickoil.page-index .page-header.fade-in .page-header-title {
  color: #07334D !important;
  -webkit-text-fill-color: #07334D !important;
  background: none !important;
  text-shadow: none !important;
}

body.section-quickoil.page-index .page-header.fade-in .page-header-subtitle {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-shadow: none !important;
}

body.section-quickoil.page-index .inv-acc-hero {
  background:
    linear-gradient(135deg, #07334D 0%, #0a465f 52%, #075678 100%),
    radial-gradient(ellipse 520px 180px at 90% 20%, rgba(251,194,16,0.18), transparent 62%) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 28px 62px -42px rgba(7,51,77,0.88) !important;
}

body.section-quickoil.page-index .inv-acc-hero-title,
body.section-quickoil.page-index .inv-acc-hero-chip .chip-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.section-quickoil.page-index .inv-acc-hero-sub,
body.section-quickoil.page-index .inv-acc-hero-chip .chip-info {
  color: #dbeafe !important;
}

body.section-quickoil.page-index .inv-acc-hero-chip {
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.22) !important;
}

body.section-quickoil.page-index .sc-card {
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%),
    radial-gradient(ellipse 220px 120px at 100% 0%, rgba(7,51,77,0.04), transparent 70%) !important;
  border: 1px solid rgba(190,211,224,0.9) !important;
  box-shadow: 0 22px 54px -42px rgba(15,23,42,0.68), inset 0 1px 0 #fff !important;
}

body.section-quickoil.page-index .sc-name,
body.section-quickoil.page-index .sc-code {
  color: #07334D !important;
  -webkit-text-fill-color: #07334D !important;
}

body.section-quickoil.page-index .sc-code {
  background: #edf5f8 !important;
}

body.section-quickoil.page-index .sc-status {
  color: #059669 !important;
}

body.section-quickoil.page-index .sc-btn {
  background: linear-gradient(135deg, #07334D, #075678) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.section-quickoil.page-index .sc-btn:hover {
  background: linear-gradient(135deg, #062b42, #0a638b) !important;
  color: #ffffff !important;
}

[data-theme="dark"] body.section-quickoil.page-index .page-header.fade-in {
  background:
    linear-gradient(145deg, rgba(16,20,29,0.98), rgba(11,15,23,0.97)),
    radial-gradient(ellipse 340px 160px at 100% 0%, rgba(251,194,16,0.08), transparent 70%) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-left: 5px solid #FBC210 !important;
}

[data-theme="dark"] body.section-quickoil.page-index .page-header.fade-in .page-header-title {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

[data-theme="dark"] body.section-quickoil.page-index .page-header.fade-in .page-header-subtitle {
  color: #b8c5d6 !important;
  -webkit-text-fill-color: #b8c5d6 !important;
}

/* Quick Oil inventory accounting overview cards. */
body.section-quickoil.page-inventory-accounting .qo-page-header {
  background:
    linear-gradient(135deg, #07334D 0%, #0b506f 54%, #08273d 100%),
    radial-gradient(ellipse 520px 180px at 88% 20%, rgba(251,194,16,0.16), transparent 66%) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 28px 68px -46px rgba(7,51,77,0.9) !important;
}

body.section-quickoil.page-inventory-accounting .qo-page-header h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.section-quickoil.page-inventory-accounting .qo-page-header .qo-ph-sub {
  color: #d9e8f2 !important;
}

body.section-quickoil.page-inventory-accounting .inv-section-title h4 {
  color: #07334D !important;
  -webkit-text-fill-color: #07334D !important;
}

body.section-quickoil.page-inventory-accounting .inv-section-title p {
  color: #64748b !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid rgba(190,211,224,0.95) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px -38px rgba(7,51,77,0.72) !important;
  overflow: hidden !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-card:hover {
  border-color: rgba(7,51,77,0.2) !important;
  box-shadow: 0 28px 66px -44px rgba(7,51,77,0.85) !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-card-header {
  background:
    linear-gradient(135deg, #07334D 0%, #0b506f 100%),
    radial-gradient(ellipse 220px 110px at 100% 0%, rgba(251,194,16,0.2), transparent 72%) !important;
  color: #ffffff !important;
  min-height: 96px !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-card-header::after {
  background: linear-gradient(90deg, #FBC210, rgba(251,194,16,0.2), transparent) !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-station-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-station-code {
  color: rgba(255,255,255,0.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.78) !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-stat {
  background: #f8fafc !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-stat.stat-in {
  background: #f0fdfa !important;
  border-color: rgba(5,150,105,0.2) !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-stat.stat-out {
  background: #fff7f7 !important;
  border-color: rgba(220,38,38,0.2) !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-stat.stat-stock {
  background: #f5f8ff !important;
  border-color: rgba(37,99,235,0.2) !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-stat-label {
  color: #64748b !important;
}

body.section-quickoil.page-inventory-accounting .inv-acc-card-actions .btn {
  background: linear-gradient(135deg, #0796cf, #067eb0) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}