/*
  Jetwing FleetPro Dashboard Theme
  Version: V35
  Purpose: Approved dark blue dashboard UI theme. This file is loaded after the main CSS.
*/
:root{
  --fp-bg:#041123;
  --fp-bg-2:#061a33;
  --fp-card:#0a2444;
  --fp-card-2:#0d2d55;
  --fp-border:rgba(120,170,230,.22);
  --fp-border-strong:rgba(85,160,255,.38);
  --fp-text:#f4f8ff;
  --fp-soft:#b9c9df;
  --fp-muted:#7890ad;
  --fp-blue:#1683ff;
  --fp-blue-2:#4facff;
  --fp-green:#24c875;
  --fp-orange:#ff9f1c;
  --fp-red:#ff4d57;
  --fp-purple:#8b5cf6;
  --fp-shadow:0 18px 45px rgba(0,0,0,.28);
}
html,body{
  background:
    radial-gradient(circle at 16% 0%, rgba(22,131,255,.16), transparent 32%),
    radial-gradient(circle at 90% 3%, rgba(44,190,255,.10), transparent 28%),
    linear-gradient(135deg,var(--fp-bg),var(--fp-bg-2))!important;
  color:var(--fp-text)!important;
}
.main-content{background:transparent!important;}
.content-pad{background:transparent!important;}
.dashboard-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.dashboard-hero h2{
  color:#fff!important;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.03em;
  margin:0;
  font-weight:850;
}
.dashboard-hero small{color:var(--fp-soft)!important;font-size:15px;}
.dash-kpi-card{
  position:relative;
  min-height:146px;
  padding:22px 20px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(18,48,89,.90),rgba(9,29,55,.94))!important;
  border:1px solid var(--fp-border)!important;
  box-shadow:var(--fp-shadow)!important;
  overflow:hidden;
  color:var(--fp-text)!important;
}
.dash-kpi-card::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-52px;
  width:132px;
  height:132px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,131,255,.16),transparent 62%);
  pointer-events:none;
}
.dash-kpi-icon{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:18px!important;
  font-size:23px!important;
  border:1px solid rgba(255,255,255,.12);
}
.dash-kpi-icon.soft-blue{background:rgba(22,131,255,.18)!important;color:#58a7ff!important;border-color:rgba(22,131,255,.35)!important;}
.dash-kpi-icon.soft-green{background:rgba(36,200,117,.18)!important;color:var(--fp-green)!important;border-color:rgba(36,200,117,.35)!important;}
.dash-kpi-icon.soft-orange{background:rgba(255,159,28,.18)!important;color:var(--fp-orange)!important;border-color:rgba(255,159,28,.35)!important;}
.dash-kpi-icon.soft-red{background:rgba(255,77,87,.18)!important;color:var(--fp-red)!important;border-color:rgba(255,77,87,.35)!important;}
.dash-kpi-icon.soft-purple{background:rgba(139,92,246,.18)!important;color:var(--fp-purple)!important;border-color:rgba(139,92,246,.35)!important;}
.dash-kpi-label{
  color:var(--fp-text)!important;
  font-size:15px!important;
  font-weight:800!important;
  margin-bottom:10px!important;
}
.dash-kpi-value{
  color:#fff!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
}
.dash-kpi-card small{color:var(--fp-soft)!important;font-size:13px!important;margin-top:10px;display:block;}
.dash-kpi-card:nth-child(5) .dash-kpi-value,
.dash-kpi-card .text-success{color:var(--fp-green)!important;}
.dashboard-panel{
  background:linear-gradient(180deg,rgba(16,47,88,.84),rgba(7,28,54,.94))!important;
  border:1px solid var(--fp-border)!important;
  border-radius:18px!important;
  box-shadow:var(--fp-shadow)!important;
  color:var(--fp-text)!important;
  overflow:hidden;
}
.dashboard-panel .card-header{
  min-height:58px;
  padding:18px 22px!important;
  background:rgba(9,33,64,.60)!important;
  border-bottom:1px solid var(--fp-border)!important;
  color:var(--fp-text)!important;
}
.dashboard-panel .card-header strong{color:#fff!important;font-weight:850!important;}
.dashboard-panel .card-body{background:transparent!important;color:var(--fp-text)!important;padding:20px 22px!important;}
.dashboard-panel a{color:#4da2ff!important;font-weight:800!important;text-decoration:none!important;}
.dashboard-panel a:hover{color:#8bc6ff!important;}
.stock-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--fp-border)!important;
  border-radius:16px!important;
  overflow:hidden;
  background:rgba(6,20,38,.12)!important;
}
.stock-summary-grid>div{
  min-height:120px;
  padding:24px 18px!important;
  text-align:center;
  border-right:1px solid var(--fp-border)!important;
  border-bottom:1px solid var(--fp-border)!important;
  background:transparent!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.stock-summary-grid>div:nth-child(3n){border-right:0!important;}
.stock-summary-grid>div:nth-child(n+4){border-bottom:0!important;}
.stock-summary-grid span{display:block;color:var(--fp-text)!important;font-size:14px!important;font-weight:800!important;}
.stock-summary-grid strong{display:block;font-size:27px!important;line-height:1!important;color:#fff!important;margin:9px 0!important;font-weight:850!important;}
.stock-summary-grid small{color:var(--fp-soft)!important;font-size:13px!important;}
.stock-summary-grid .text-warning{color:var(--fp-orange)!important;}
.stock-summary-grid .text-danger{color:var(--fp-red)!important;}
.stock-summary-grid .text-primary{color:#58a7ff!important;}
.table-clean,.dashboard-panel .table{
  --bs-table-bg:transparent!important;
  --bs-table-color:var(--fp-text)!important;
  --bs-table-border-color:rgba(139,177,226,.14)!important;
  color:var(--fp-text)!important;
}
.table-clean thead th,.dashboard-panel .table thead th{
  background:rgba(17,48,88,.88)!important;
  color:#d8e7fb!important;
  font-size:13px!important;
  font-weight:850!important;
  padding:14px 16px!important;
  border-bottom:1px solid var(--fp-border)!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.table-clean tbody td,.dashboard-panel .table tbody td{
  color:#e8f2ff!important;
  padding:14px 16px!important;
  border-bottom:1px solid rgba(139,177,226,.14)!important;
}
.table-clean tbody tr,.dashboard-panel .table tbody tr{background:transparent!important;}
.table-clean tbody tr:hover,.dashboard-panel .table tbody tr:hover{background:rgba(22,131,255,.08)!important;}
.badge.text-bg-warning{background:rgba(255,159,28,.18)!important;color:#ffd58e!important;border:1px solid rgba(255,159,28,.35)!important;}
.badge.text-bg-danger{background:rgba(255,77,87,.18)!important;color:#ffb7bd!important;border:1px solid rgba(255,77,87,.35)!important;}
.badge.text-bg-success{background:rgba(36,200,117,.18)!important;color:#b7ffd8!important;border:1px solid rgba(36,200,117,.35)!important;}
.donut-lite{
  width:174px!important;
  height:174px!important;
  border-radius:50%;
  background:conic-gradient(var(--fp-green) 0 78%,var(--fp-orange) 78% 92%,var(--fp-red) 92% 100%)!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}
.donut-lite::before{
  content:"";
  position:absolute;
  width:102px;
  height:102px;
  border-radius:50%;
  background:#0a2444!important;
}
.donut-lite span{position:relative;color:#fff!important;font-weight:850!important;font-size:26px!important;text-align:center;}
.donut-lite small{display:block;color:var(--fp-soft)!important;font-weight:650!important;font-size:12px!important;}
.status-list{display:grid;gap:13px;}
.status-list div{display:flex;align-items:center;justify-content:space-between;color:#dbe8fb!important;gap:16px;}
.dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px;}
.activity-list{display:grid;gap:0;}
.activity-item{
  display:grid!important;
  grid-template-columns:42px 1fr auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:14px 0!important;
  border-bottom:1px dashed rgba(139,177,226,.17)!important;
}
.activity-item:last-child{border-bottom:0!important;}
.activity-icon{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:rgba(36,200,117,.14)!important;
  color:var(--fp-green)!important;
  display:grid!important;
  place-items:center!important;
}
.activity-item strong{display:block;color:#fff!important;font-weight:850!important;margin-bottom:3px;}
.activity-item span,.activity-item small{color:var(--fp-soft)!important;font-size:13px!important;}
.quick-action-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.quick-action{
  border:1px solid var(--fp-border)!important;
  border-radius:14px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#eaf2ff!important;
  background:rgba(11,36,68,.72)!important;
  transition:.18s ease;
}
.quick-action:hover{background:rgba(22,131,255,.14)!important;border-color:var(--fp-border-strong)!important;transform:translateY(-1px);}
.quick-action i{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:22px!important;}
.quick-action span{font-weight:800;color:#fff!important;}
/* Keep document/PDF pages white where needed. */
.document-card .card-body,
.pdf-iframe,
.po-document,
.grn-document{color:#0f172a!important;}
@media(max-width:1400px){.dash-kpi-card{min-height:132px}.dash-kpi-value{font-size:27px!important}.stock-summary-grid{grid-template-columns:repeat(2,1fr)}.stock-summary-grid>div:nth-child(3n){border-right:1px solid var(--fp-border)!important}.stock-summary-grid>div:nth-child(2n){border-right:0!important}.stock-summary-grid>div:nth-child(n+4){border-bottom:1px solid var(--fp-border)!important}.stock-summary-grid>div:nth-last-child(-n+2){border-bottom:0!important}.quick-action-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.stock-summary-grid{grid-template-columns:1fr}.stock-summary-grid>div{border-right:0!important;border-bottom:1px solid var(--fp-border)!important}.quick-action-grid{grid-template-columns:1fr 1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.quick-action-grid{grid-template-columns:1fr}.dash-kpi-card{min-height:auto}.content-pad{padding:18px!important}}

/* StockPro V37 module additions */
.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.quick-action{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(82,145,245,.28);border-radius:14px;background:rgba(9,31,65,.75);text-decoration:none;color:#eaf2ff;font-weight:700}.quick-action:hover{border-color:#4ea1ff;background:rgba(18,61,119,.82);color:#fff}.quick-action i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(13,110,253,.22);color:#58a6ff}.table-clean .form-control,.table-clean .form-select,.dashboard-panel .form-control,.dashboard-panel .form-select{background:#082148;border-color:#234b82;color:#eaf2ff}.dashboard-panel .form-label{color:#c9d8ec;font-weight:700}.dashboard-panel textarea.form-control{min-height:74px}@media print{body{background:#fff!important}.dashboard-panel{background:#fff!important;color:#111!important}.dashboard-panel *{color:#111!important}}

.vehicle-photo-box{min-height:150px;display:flex;align-items:center;justify-content:center;background:rgba(15,42,95,.35);border:1px solid rgba(80,146,255,.25);overflow:hidden}
.vehicle-photo-box img{width:100%;height:150px;object-fit:cover;display:block}
.vehicle-photo-placeholder{height:150px;background:linear-gradient(135deg,rgba(11,36,72,.9),rgba(10,27,55,.75));border:1px dashed rgba(80,146,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9fb9e8;gap:8px}
.vehicle-photo-placeholder i{font-size:34px;color:#54a3ff}
.vehicle-photo-placeholder span{font-size:12px}