:root{
  --ref-bg:#fbfbfc;
  --ref-line:#eceef1;
  --ref-muted:#737781;
  --ref-ink:#17191d;
  --ref-yellow:#ffc515;
  --ref-navy:#172033;
}

/* Reference layout: bright, compact, flat */
body{background:var(--ref-bg)!important;color:var(--ref-ink)!important}
main{background:var(--ref-bg)!important;padding:25px 30px 42px!important}

/* White sidebar from reference */
aside{
  background:#fff!important;
  color:var(--ref-ink)!important;
  border-right:1px solid #e7e8eb!important;
  box-shadow:2px 0 12px rgba(25,28,35,.025)!important;
  padding:17px 14px 15px!important;
}
aside .brand{padding:2px 5px 18px!important;margin:0 0 9px!important;border-bottom:0!important}
aside .brand img{width:40px!important;height:40px!important;border-radius:11px!important;box-shadow:none!important}
aside .brand b{color:#17191d!important;font-size:16px!important;font-weight:750!important}
aside .brand small{color:#61656e!important;font-size:10px!important}
aside nav{gap:2px!important}
aside nav button,aside .report-link{
  height:43px!important;min-height:43px!important;
  padding:0 10px!important;border-radius:8px!important;
  color:#353840!important;background:#fff!important;border:1px solid transparent!important;
  font-size:12px!important;font-weight:550!important;box-shadow:none!important;transform:none!important;
}
aside nav button:hover,aside .report-link:hover{background:#f7f7f8!important;color:#17191d!important;border-color:#f0f0f1!important;transform:none!important}
aside nav button.active,aside .report-link.active{
  background:#f4f4f5!important;color:#17191d!important;border-color:#eeeeef!important;box-shadow:none!important;
}
aside .nav-icon{
  width:25px!important;height:25px!important;min-width:25px!important;
  color:#4c515a!important;background:transparent!important;border-radius:6px!important;
}
aside .nav-icon svg{width:16px!important;height:16px!important;stroke-width:1.65!important}
aside button.active .nav-icon{background:#fff!important;color:#262a31!important;box-shadow:0 1px 4px rgba(20,22,27,.08)!important}
aside .user{
  margin-top:auto!important;padding:12px!important;
  background:#fff!important;border:1px solid #e6e7e9!important;border-radius:10px!important;
  box-shadow:none!important;color:#17191d!important;
}
aside .user .report-link{margin:-3px -3px 11px!important;width:calc(100% + 6px)!important;background:#fafafa!important;border-color:#ececef!important}
aside .user>b{color:#25272c!important;font-size:12px!important}
aside .user>small{color:#747780!important;font-size:10px!important}
aside .logout-access{height:36px!important;min-height:36px!important;border-radius:7px!important;margin-top:11px!important;background:#fff!important;border:1px solid #efb9c0!important;color:#cc4352!important;font-size:10px!important}

/* Compact title region */
main>header{margin-bottom:18px!important;align-items:flex-start!important}
main>header h1,#pageTitle{font-size:23px!important;letter-spacing:-.025em!important;font-weight:730!important}
#currentDateLine{font-size:11px!important;margin-top:5px!important;color:#858993!important}
.header-actions{align-self:flex-start!important}
#addDriver,.primary,.approve{height:38px!important;min-height:38px!important;border-radius:7px!important;font-size:11px!important;box-shadow:none!important;background:var(--ref-yellow)!important;border-color:#e9b300!important}

/* Reference search line */
.panel{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:9px!important;box-shadow:none!important;overflow:hidden!important;padding:0!important}
.toolbar{margin:0!important;padding:10px!important;border:0!important;border-bottom:1px solid var(--ref-line)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;gap:9px!important}
.toolbar input,#search{height:40px!important;min-height:40px!important;border-radius:7px!important;background-color:#fff!important;border:1px solid #e5e7ea!important;font-size:11px!important;padding-left:38px!important;background-position:12px center!important}
.toolbar select,#toolbarFilter,select{height:40px!important;min-height:40px!important;border-radius:7px!important;font-size:11px!important;background-color:#fff!important}

/* Flat compact tables matching the supplied reference */
table{border-collapse:collapse!important;border-spacing:0!important;background:#fff!important}
thead{background:#fafafa!important}
thead th{height:36px!important;padding:8px 12px!important;background:#fafafa!important;border-bottom:1px solid #e9eaed!important;color:#666b75!important;font-size:9px!important;letter-spacing:.02em!important;text-transform:none!important}
tbody tr{filter:none!important;transform:none!important;transition:background .14s ease!important}
tbody tr:hover{filter:none!important;transform:none!important}
tbody td{
  height:54px!important;padding:9px 12px!important;background:#fff!important;
  border:0!important;border-bottom:1px solid #edeef0!important;border-radius:0!important;
  font-size:11px!important;line-height:1.35!important;
}
tbody tr:hover td{background:#fcfcfd!important}
tbody td:first-child,tbody td:last-child{border-left:0!important;border-right:0!important;border-radius:0!important}
tbody td b{font-size:11px!important}.subline,tbody td small{font-size:9px!important;color:#858a93!important}
.waybill-status,.status,.badge{font-size:9px!important;padding:5px 8px!important;border-radius:6px!important}
.pdf-link,.open,.secondary,.reject,.danger-delete{height:33px!important;min-height:33px!important;border-radius:7px!important;font-size:10px!important;padding:0 10px!important;box-shadow:none!important}
.driver-actions{gap:5px!important}.driver-actions button{min-width:78px!important}

/* Pagination */
.table-pagination{padding:12px 14px 14px!important;margin:0!important;background:#fff!important;font-size:10px!important}
.table-pagination button{height:31px!important;min-height:31px!important;min-width:31px!important;border-radius:6px!important;font-size:10px!important}

/* Automobile page: reference-style summary strip */
body[data-admin-page="vehicles"] .panel{border:0!important;background:transparent!important;overflow:visible!important}
body[data-admin-page="vehicles"] .toolbar{border:1px solid var(--ref-line)!important;border-radius:9px!important;margin-bottom:12px!important}
.taxichi-stable-vehicle-filters{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;margin:0 0 13px!important;
}
.taxichi-stable-vehicle-filters button{
  min-height:82px!important;height:82px!important;padding:12px!important;
  border-radius:9px!important;border:1px solid #e8e9ec!important;background:#fff!important;
  box-shadow:0 2px 7px rgba(24,27,34,.025)!important;text-align:left!important;transform:none!important;
}
.taxichi-stable-vehicle-filters button:first-child{
  background:linear-gradient(145deg,#172238,#111827)!important;
  border-color:#111827!important;color:#fff!important;box-shadow:0 9px 20px rgba(17,24,39,.15)!important;
}
.taxichi-stable-vehicle-filters button:first-child b,
.taxichi-stable-vehicle-filters button:first-child small{color:#fff!important}
.taxichi-stable-vehicle-filters button:first-child small{opacity:.68!important}
.taxichi-stable-vehicle-filters button:first-child strong{background:rgba(255,197,21,.16)!important;color:#ffd341!important}
.taxichi-stable-vehicle-filters button:not(:first-child):nth-child(2){background:#fffdf6!important;border-color:#f2e6bd!important}
.taxichi-stable-vehicle-filters button:not(:first-child):nth-child(3){background:#f7fbff!important;border-color:#dceaf5!important}
.taxichi-stable-vehicle-filters button:not(:first-child):nth-child(4){background:#fff9f5!important;border-color:#f4e2d6!important}
.taxichi-stable-vehicle-filters button:not(:first-child):nth-child(5){background:#fbf8ff!important;border-color:#e9dff5!important}
.taxichi-stable-vehicle-filters button.is-active:not(:first-child){border-color:#e1bd32!important;box-shadow:0 0 0 2px rgba(255,197,21,.12)!important}
.taxichi-stable-vehicle-filters button b{font-size:11px!important}.taxichi-stable-vehicle-filters button small{font-size:9px!important;margin-top:4px!important}.taxichi-stable-vehicle-filters button strong{height:24px!important;min-width:24px!important;font-size:10px!important}

body[data-admin-page="vehicles"] table{border:1px solid var(--ref-line)!important;border-radius:9px!important;overflow:hidden!important}
body[data-admin-page="vehicles"] tbody td{height:92px!important;padding-top:11px!important;padding-bottom:11px!important}
.vehicle-docs{display:grid!important;grid-template-columns:repeat(4,minmax(104px,1fr))!important;gap:7px!important}
.vehicle-docs article,.vehicle-docs button,.to-card{
  min-height:66px!important;height:auto!important;padding:9px!important;border-radius:7px!important;
  font-size:9px!important;box-shadow:none!important;
}
.vehicle-docs article small,.vehicle-docs button small,.to-card small{font-size:8px!important;font-weight:650!important}
.vehicle-docs article b,.vehicle-docs button b,.to-card b{font-size:9px!important;line-height:1.3!important}
.vehicle-docs article span,.vehicle-docs article em,.to-card span,.to-card em{font-size:8px!important;line-height:1.35!important}
.to-card{background:#f2fbf5!important;border-color:#cfe9d9!important}

/* Organizations, drivers and specialists remain compact like the reference */
body[data-admin-page="organization"] tbody td,
body[data-admin-page="drivers"] tbody td,
body[data-admin-page="medics"] tbody td,
body[data-admin-page="mechanics"] tbody td{height:58px!important}
.balance-badge,.driver-balance,.balance-value{padding:5px 8px!important;border-radius:6px!important;font-size:10px!important;background:#eff8f3!important}

/* Cabinet reference cards */
.cabinet-page{background:transparent!important}
.cabinet-employee-card{border-radius:9px!important;box-shadow:none!important;min-height:70px!important;padding:13px 15px!important}
.cabinet-employee-card:hover{box-shadow:0 4px 14px rgba(24,27,34,.05)!important}
.cabinet-employee-card small{font-size:9px!important}.cabinet-employee-card b{font-size:11px!important}.cabinet-employee-card span{font-size:9px!important}

/* Settings reference: outlined white sections */
.settings-card,.schedule-settings,.settings-section{
  border-radius:10px!important;padding:17px!important;box-shadow:none!important;border:1px solid #e9eaed!important;margin-bottom:12px!important;
}

/* Compact modal, still comfortable */
dialog{border-radius:14px!important;padding:23px!important;box-shadow:0 28px 80px rgba(18,21,27,.20)!important}
.cabinet-employee-dialog{width:min(780px,calc(100vw - 34px))!important}
dialog h2{font-size:21px!important}.employee-dialog-icon{width:44px!important;height:44px!important;border-radius:10px!important}
dialog input,dialog select,dialog textarea{border-radius:8px!important;min-height:42px!important}
.cabinet-pages-checks label{min-height:41px!important;border-radius:8px!important;font-size:10px!important}

@media(max-width:1200px){.taxichi-stable-vehicle-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vehicle-docs{grid-template-columns:repeat(2,minmax(110px,1fr))!important}}
@media(max-width:760px){main{padding:18px 12px 32px!important}.taxichi-stable-vehicle-filters{grid-template-columns:1fr 1fr!important}.vehicle-docs{grid-template-columns:1fr!important}}
