/* Taxichi Pro — final readable reference layer, 2026-08-04 */
:root{--tx-orange:#ffb000;--tx-orange-hover:#ffa000;--tx-border:#e7e9ee;--tx-text:#15171c;--tx-muted:#717784}
html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--tx-text);background:#fafafc}
main{padding:28px 36px 48px}main>header{margin-bottom:26px}main>header h1,#pageTitle{font-size:28px!important;line-height:1.2!important;letter-spacing:-.025em!important}#currentDateLine{font-size:13px!important;margin-top:6px!important}
button,input,select,textarea{font:inherit}.primary,.approve,.reject,.danger-delete,.header-actions button{min-height:40px!important;font-size:13px!important;border-radius:9px!important}

/* Stable black navigation with bright logo-orange interaction. */
aside{background:#141518!important;color:#f8f8fa!important;border-right:1px solid #24262b!important;padding:22px 18px!important}
aside .brand{margin:0 4px 24px!important}.brand-copy b{font-size:18px!important}.brand-copy small{font-size:11px!important;color:#b7bbc4!important}
aside nav{gap:5px!important}aside nav button{min-height:44px!important;padding:0 12px!important;border-radius:10px!important;color:#c9ccd3!important;font-size:13px!important;font-weight:600!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}
aside nav button:hover,aside nav button:focus-visible{background:var(--tx-orange)!important;color:#171717!important;transform:translateX(2px)!important}
aside nav button.active{background:#fff1c9!important;color:#29220f!important;box-shadow:0 4px 14px rgba(255,176,0,.15)!important}
.nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:8px!important;background:#24262b!important;color:#e1e3e8!important}
aside nav button:hover .nav-icon,aside nav button:focus-visible .nav-icon{background:#fff!important;color:#b96f00!important}aside nav button.active .nav-icon{background:#fff!important;color:#b96f00!important}
.nav-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Reports and account are intentionally separate blocks. */
aside .user{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:auto!important;padding:0!important;background:transparent!important;border:0!important}
aside .user .report-link{order:-3!important;width:100%!important;min-height:44px!important;margin:0 0 14px!important;padding:0 12px!important;border:1px solid #34363c!important;border-radius:10px!important;background:#202226!important;color:#f2f3f5!important;font-size:13px!important;font-weight:650!important;text-align:left!important}
aside .user .report-link:hover{background:var(--tx-orange)!important;color:#171717!important;border-color:var(--tx-orange)!important}
aside .user>b{display:block!important;padding:14px 12px 3px!important;border:1px solid #303238!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;background:#1d1f23!important;font-size:13px!important;color:#fff!important}
aside .user>small{display:block!important;padding:2px 12px 14px!important;border:1px solid #303238!important;border-top:0!important;border-radius:0 0 12px 12px!important;background:#1d1f23!important;color:#aeb2bc!important;font-size:11px!important;white-space:normal!important}
aside .user button:not(.report-link),aside .user .logout,aside #logout{width:100%!important;min-height:40px!important;margin-top:10px!important;border:1px solid #ef7b82!important;border-radius:9px!important;background:transparent!important;color:#ff9ca2!important;font-size:12px!important;font-weight:650!important}
aside .user button:not(.report-link):hover,aside .user .logout:hover,aside #logout:hover{background:#fff0f1!important;color:#b4232b!important}

/* Vehicle filters: one background, one size, clear active state. */
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;padding:16px 18px!important;background:#fff!important;border-top:1px solid var(--tx-border)!important;border-bottom:1px solid var(--tx-border)!important}
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button{position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;height:76px!important;padding:12px 13px!important;border:1px solid #e3e6eb!important;border-radius:11px!important;background:#fff!important;color:#20242b!important;box-shadow:0 2px 7px rgba(20,24,32,.035)!important;text-align:left!important}
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button:hover{border-color:#f4b735!important;background:#fffaf0!important;transform:translateY(-1px)!important}
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button.is-active{border-color:var(--tx-orange)!important;background:#fff7df!important;box-shadow:0 0 0 1px rgba(255,176,0,.12)!important;color:#2d250e!important}
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button::before{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border:1px solid #e3e6eb!important;border-radius:8px!important;background:#f7f8fa!important;background-position:center!important;background-repeat:no-repeat!important;background-size:17px 17px!important}
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button span{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:3px!important}body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button b{font-size:12px!important;line-height:1.25!important}body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button small{font-size:10px!important;line-height:1.25!important;color:#777d88!important}
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button strong{display:grid!important;place-items:center!important;flex:0 0 25px!important;width:25px!important;height:25px!important;border:1px solid #e4e6ea!important;border-radius:50%!important;background:#fafafa!important;font-size:11px!important;color:#4c515a!important}

/* Reference-style vehicle table and readable document cards. */
body[data-admin-page="vehicles"] .panel{overflow:visible!important}body[data-admin-page="vehicles"] table{border-collapse:separate!important;border-spacing:0 8px!important}body[data-admin-page="vehicles"] thead th{padding:10px 12px!important;font-size:10px!important;color:#707681!important;border:0!important}body[data-admin-page="vehicles"] tbody tr{height:106px!important;background:#fff!important;box-shadow:0 1px 5px rgba(20,24,32,.045)!important}body[data-admin-page="vehicles"] tbody td{padding:12px!important;border-top:1px solid #e8eaee!important;border-bottom:1px solid #e8eaee!important;font-size:12px!important;vertical-align:middle!important}body[data-admin-page="vehicles"] tbody td:first-child{border-left:1px solid #e8eaee!important;border-radius:12px 0 0 12px!important}body[data-admin-page="vehicles"] tbody td:last-child{border-right:1px solid #e8eaee!important;border-radius:0 12px 12px 0!important}
body[data-admin-page="vehicles"] tbody td:first-child b{font-size:13px!important;line-height:1.3!important}body[data-admin-page="vehicles"] tbody td:first-child strong{font-size:16px!important;line-height:1.3!important}body[data-admin-page="vehicles"] tbody td:first-child small{font-size:11px!important;color:#737986!important}
body[data-admin-page="vehicles"] .vehicle-docs{display:grid!important;grid-template-columns:repeat(4,minmax(125px,1fr))!important;gap:8px!important;align-items:stretch!important;width:100%!important}
body[data-admin-page="vehicles"] .vehicle-docs>article,body[data-admin-page="vehicles"] .vehicle-docs>.to-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;min-height:78px!important;height:auto!important;padding:9px 10px!important;border:1px solid!important;border-radius:9px!important;box-shadow:none!important;overflow:visible!important;text-align:left!important}
body[data-admin-page="vehicles"] .vehicle-docs>:nth-child(1){background:#eefbf4!important;border-color:#a9e4c0!important;color:#087a43!important}body[data-admin-page="vehicles"] .vehicle-docs>:nth-child(2){background:#f1f8ff!important;border-color:#bddcf6!important;color:#24678f!important}body[data-admin-page="vehicles"] .vehicle-docs>:nth-child(3){background:#fff7e9!important;border-color:#f5d093!important;color:#935b00!important}body[data-admin-page="vehicles"] .vehicle-docs>:nth-child(4){background:#f7f2ff!important;border-color:#d9c7f4!important;color:#6e48a6!important}
body[data-admin-page="vehicles"] .vehicle-docs small{display:block!important;margin:0 0 3px!important;font-size:9px!important;line-height:1.2!important;font-weight:700!important;text-transform:uppercase!important;color:inherit!important}body[data-admin-page="vehicles"] .vehicle-docs b{display:block!important;margin:0 0 3px!important;font-size:10.5px!important;line-height:1.25!important;color:inherit!important;white-space:normal!important}body[data-admin-page="vehicles"] .vehicle-docs span,body[data-admin-page="vehicles"] .vehicle-docs em{display:block!important;margin:0!important;font-size:9.5px!important;line-height:1.28!important;color:inherit!important;white-space:normal!important;font-style:normal!important;opacity:.9!important}
body[data-admin-page="vehicles"] td:last-child button{min-width:78px!important;height:36px!important;border-radius:8px!important;font-size:12px!important}

@media(max-width:1280px){main{padding:24px}.taxichi-stable-vehicle-filters{overflow-x:auto!important;grid-template-columns:repeat(5,minmax(190px,1fr))!important}body[data-admin-page="vehicles"] .vehicle-docs{grid-template-columns:repeat(2,minmax(135px,1fr))!important}body[data-admin-page="vehicles"] tbody tr{height:auto!important}}

/* v5.1 — one typography scale for every admin section. */
body,main,.panel,.toolbar,table,dialog{font-size:14px!important}
main>header h1,#pageTitle{font-size:28px!important;font-weight:750!important;line-height:34px!important}
#currentDateLine,.muted{font-size:13px!important;line-height:19px!important}
.panel,.stats article,.settings-card,.cabinet-card,.cabinet-employee-card{font-size:14px!important}
.toolbar input,.toolbar select,#search,#toolbarFilter,input,select,textarea{font-size:14px!important;line-height:20px!important}
.toolbar input,.toolbar select,#search,#toolbarFilter{height:44px!important;min-height:44px!important}
table thead th,thead th{height:42px!important;padding:10px 14px!important;font-size:12px!important;line-height:16px!important;font-weight:650!important}
table tbody td,tbody td{padding:13px 14px!important;font-size:13px!important;line-height:19px!important}
tbody td b,tbody td strong{font-size:13px!important;line-height:19px!important}tbody td small,.subline{font-size:12px!important;line-height:17px!important}
.status,.badge,.waybill-status{font-size:12px!important;line-height:16px!important}.balance-badge,.driver-balance,.balance-value{font-size:13px!important}
.primary,.approve,.secondary,.reject,.danger-delete,.open,.pdf-link,button{font-size:13px!important}
dialog h2{font-size:24px!important;line-height:30px!important}dialog h3,.settings-card h2,.settings-card h3{font-size:17px!important;line-height:23px!important}dialog label,.form-grid label,.settings-card label{font-size:13px!important;line-height:18px!important}
.cabinet-employee-card b{font-size:14px!important}.cabinet-employee-card span,.cabinet-employee-card small{font-size:12px!important;line-height:17px!important}

/* Real inline filter icons; legacy generated symbols are disabled. */
body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button::before{content:none!important;display:none!important}
.vehicle-filter-icon{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important;border:1px solid #e1e4e9!important;border-radius:9px!important;background:#f7f8fa!important;color:#454b55!important;font-style:normal!important}
.vehicle-filter-icon svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.taxichi-stable-vehicle-filters button:nth-child(2) .vehicle-filter-icon{color:#16945d!important;background:#effaf4!important}.taxichi-stable-vehicle-filters button:nth-child(3) .vehicle-filter-icon{color:#2586c5!important;background:#eff7fc!important}.taxichi-stable-vehicle-filters button:nth-child(4) .vehicle-filter-icon{color:#e17228!important;background:#fff5ed!important}.taxichi-stable-vehicle-filters button:nth-child(5) .vehicle-filter-icon{color:#805bc0!important;background:#f7f1ff!important}
.taxichi-stable-vehicle-filters button:hover .vehicle-filter-icon,.taxichi-stable-vehicle-filters button.is-active .vehicle-filter-icon{background:#fff!important;border-color:#edc462!important}

/* Keep vehicle cards readable despite older compact CSS layers. */
body[data-admin-page="vehicles"] .vehicle-docs small{font-size:10px!important;line-height:13px!important}body[data-admin-page="vehicles"] .vehicle-docs b{font-size:11px!important;line-height:14px!important}body[data-admin-page="vehicles"] .vehicle-docs span,body[data-admin-page="vehicles"] .vehicle-docs em{font-size:10px!important;line-height:14px!important}

/* v5.2 — remove every legacy/emoji icon and keep one crisp SVG set. */
aside nav button::before,aside .report-link::before,aside [data-page]::before{content:none!important;display:none!important;background:none!important}
aside nav button,aside .report-link{gap:12px!important}
aside .nav-icon,aside nav button .nav-icon,aside .report-link .nav-icon{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:#222429!important;color:#f1f2f4!important;box-shadow:none!important;font-size:0!important;line-height:0!important}
aside .nav-icon svg,aside nav button .nav-icon svg,aside .report-link .nav-icon svg{display:block!important;width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important}
aside nav button:hover .nav-icon,aside nav button:focus-visible .nav-icon,aside .report-link:hover .nav-icon{background:#fff!important;color:#b96b00!important}
aside nav button.active .nav-icon{background:#fff!important;color:#a85f00!important;box-shadow:0 2px 7px rgba(30,25,10,.1)!important}
.vehicle-filter-icon svg{width:21px!important;height:21px!important;stroke-width:2!important}

/* v5.3 — hard reset leftover icon generators from the old theme. */
aside .nav-icon::before,aside .nav-icon::after,aside nav button::after,aside .report-link::after{content:none!important;display:none!important;background:none!important;background-image:none!important;mask:none!important;-webkit-mask:none!important}
aside .nav-icon{background-image:none!important}
.vehicle-filter-icon::before,.vehicle-filter-icon::after,.taxichi-stable-vehicle-filters button::after{content:none!important;display:none!important;background:none!important;background-image:none!important}
html body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button:first-child b{color:#20242b!important;opacity:1!important}
html body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button:first-child small{color:#707681!important;opacity:1!important}
html body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button:first-child strong{background:#fff!important;color:#4c515a!important;border-color:#e4e6ea!important}
html body[data-admin-page="vehicles"] .taxichi-stable-vehicle-filters button:first-child .vehicle-filter-icon{color:#a96500!important;background:#fff!important;border-color:#edc76d!important}

/* v5.4 — separate compact profile card in the sidebar. */
aside .sidebar-account-card{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:66px!important;padding:11px!important;border:1px solid #303238!important;border-radius:12px!important;background:#1d1f23!important;box-sizing:border-box!important}
aside .sidebar-avatar{display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#fff1c9!important;color:#b96b00!important;box-shadow:inset 0 0 0 1px rgba(255,176,0,.22)!important}
aside .sidebar-avatar svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
aside .sidebar-account-copy{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
aside .sidebar-account-copy b{display:block!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:13px!important;line-height:17px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
aside .sidebar-account-copy small{display:block!important;padding:0!important;border:0!important;background:transparent!important;color:#aeb2bc!important;font-size:11px!important;line-height:15px!important;white-space:normal!important;overflow-wrap:anywhere!important}
aside .user .logout-access{position:relative!important;width:100%!important;height:38px!important;min-height:38px!important;margin-top:9px!important;border:1px solid #4a3437!important;border-radius:9px!important;background:#1b1719!important;color:#ef9aa0!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}
aside .user .logout-access:hover{border-color:#d75a63!important;background:#2a1b1e!important;color:#ffb7bc!important;transform:none!important}

/* v5.5 — document state colors, TO card, equal buttons and driver controls. */
html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-ok{background:#edf9f1!important;border-color:#9ed9b2!important;color:#126b39!important}
html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-warn{background:#fff7dc!important;border-color:#e9c75d!important;color:#725300!important}
html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-danger{background:#fff0f0!important;border-color:#e9a4a4!important;color:#a52d35!important}
html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-missing{background:#f4f5f7!important;border-color:#d9dde3!important;color:#68707d!important}
html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-ok *,html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-warn *,html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-danger *,html body[data-admin-page="vehicles"] .vehicle-docs>article.doc-missing *{color:inherit!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card{position:relative!important;padding:10px 11px 10px 14px!important;border-left-width:4px!important;background:#f5fbf7!important;border-color:#9ed9b2!important;color:#125f36!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.warn{background:#fff8e4!important;border-color:#e9c75d!important;color:#725300!important}html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.bad{background:#fff0f0!important;border-color:#e9a4a4!important;color:#a52d35!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card small,html body[data-admin-page="vehicles"] .vehicle-docs>.to-card b,html body[data-admin-page="vehicles"] .vehicle-docs>.to-card span{color:inherit!important}
body[data-admin-page="vehicles"] .driver-actions{display:flex!important;align-items:center!important;justify-content:center!important}body[data-admin-page="vehicles"] .driver-actions button,body[data-admin-page="vehicles"] td:last-child button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:88px!important;min-width:88px!important;height:38px!important;min-height:38px!important;padding:0 12px!important;text-align:center!important}
.to-dialog .actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}.to-dialog .actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:104px!important;min-width:104px!important;height:40px!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important;text-align:center!important}.to-dialog .actions #toDoneBtn{width:112px!important;min-width:112px!important}
body[data-admin-page="drivers"] .driver-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;white-space:nowrap!important}body[data-admin-page="drivers"] .driver-actions>button,body[data-admin-page="drivers"] .driver-waybill{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:82px!important;min-width:82px!important;height:38px!important;min-height:38px!important;padding:0 9px!important;border-radius:9px!important;font-size:11px!important;line-height:14px!important;text-align:center!important}
body[data-admin-page="drivers"] .admin-balance-widget{display:grid!important;grid-template-columns:minmax(110px,auto) 36px 36px!important;align-items:center!important;gap:6px!important;min-height:48px!important;padding:5px 6px 5px 11px!important;border-radius:12px!important;background:#fff9e7!important;border:1px solid #edc85e!important;box-shadow:none!important}body[data-admin-page="drivers"] .admin-balance-widget>span{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}body[data-admin-page="drivers"] .admin-balance-widget>span b{font-size:11px!important;line-height:14px!important;color:#242116!important;white-space:nowrap!important}body[data-admin-page="drivers"] .admin-balance-widget>span small{font-size:9px!important;line-height:12px!important;color:#7c6b35!important;white-space:nowrap!important}
body[data-admin-page="drivers"] .admin-balance-widget button{display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:9px!important;color:#fff!important;font-size:17px!important;line-height:1!important;box-shadow:none!important}body[data-admin-page="drivers"] .admin-balance-widget .balance-plus{background:#159d58!important}body[data-admin-page="drivers"] .admin-balance-widget .balance-minus{background:#cf3434!important}body[data-admin-page="drivers"] .admin-balance-widget button:hover{filter:brightness(.94)!important;transform:none!important}

/* v5.6 — compact controls, centered labels and readable TO content. */
main button,dialog button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
dialog button.close,dialog .close{position:absolute!important;top:16px!important;right:16px!important;display:grid!important;place-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:1px solid #dfe3e8!important;border-radius:8px!important;background:#fff!important;color:#313741!important;font-size:0!important;line-height:1!important;box-shadow:0 2px 7px rgba(20,24,32,.06)!important}
dialog button.close::before,dialog .close::before{content:"×"!important;display:block!important;font-size:19px!important;line-height:19px!important;font-weight:600!important;transform:translateY(-1px)!important}
dialog button.close:hover,dialog .close:hover{background:#f5f6f8!important;border-color:#cfd4dc!important;color:#111!important}
body[data-admin-page="drivers"] .admin-balance-widget{grid-template-columns:100px 30px 30px!important;gap:5px!important;min-height:42px!important;padding:4px 5px 4px 9px!important;border-radius:10px!important}
body[data-admin-page="drivers"] .admin-balance-widget button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:8px!important;font-size:15px!important}
body[data-admin-page="drivers"] .admin-balance-widget>span b{font-size:10px!important;line-height:13px!important}body[data-admin-page="drivers"] .admin-balance-widget>span small{font-size:8px!important;line-height:10px!important}
body[data-admin-page="drivers"] .driver-actions>button,body[data-admin-page="drivers"] .driver-waybill{width:84px!important;min-width:84px!important;height:36px!important;min-height:36px!important;padding:0 7px!important;font-size:10px!important;line-height:12px!important;white-space:normal!important}
body[data-admin-page="drivers"] .driver-waybill,body[data-admin-page="drivers"] .driver-epl,body[data-admin-page="drivers"] [class*="waybill"]{align-items:center!important;justify-content:center!important;text-align:center!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card{justify-content:center!important;gap:3px!important;padding:9px 10px 9px 13px!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card small{margin:0!important;font-size:9px!important;line-height:12px!important;font-weight:800!important;color:inherit!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card b{margin:0!important;font-size:10.5px!important;line-height:13px!important;font-weight:750!important;color:inherit!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card span{display:block!important;margin-top:2px!important;padding:4px 6px!important;border-radius:6px!important;background:rgba(255,255,255,.6)!important;font-size:9px!important;line-height:12px!important;font-weight:650!important;color:inherit!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.ok,html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.ok *{color:#125f36!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.warn,html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.warn *{color:#725300!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.bad,html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.bad *{color:#a52d35!important}
.status,.badge,.waybill-status,.open,.approve,.reject,.secondary,.pdf-link{align-items:center!important;justify-content:center!important;text-align:center!important}

/* v5.7 — extra compact driver balance control. */
body[data-admin-page="drivers"] .admin-balance-widget{grid-template-columns:88px 26px 26px!important;gap:4px!important;width:auto!important;min-width:0!important;min-height:38px!important;padding:3px 4px 3px 7px!important;border-radius:9px!important}
body[data-admin-page="drivers"] .admin-balance-widget button{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;border-radius:7px!important;font-size:13px!important}
body[data-admin-page="drivers"] .admin-balance-widget>span b{font-size:9px!important;line-height:11px!important}body[data-admin-page="drivers"] .admin-balance-widget>span small{font-size:7px!important;line-height:9px!important}

/* v6.0 — compact driver identity: separate FIO and phone columns. */
body[data-admin-page="drivers"] table{table-layout:fixed!important;min-width:1180px!important}
body[data-admin-page="drivers"] th:nth-child(1),body[data-admin-page="drivers"] td:nth-child(1){width:28%!important}
body[data-admin-page="drivers"] th:nth-child(2),body[data-admin-page="drivers"] td:nth-child(2){width:13%!important}
body[data-admin-page="drivers"] th:nth-child(3),body[data-admin-page="drivers"] td:nth-child(3){width:18%!important}
body[data-admin-page="drivers"] th:nth-child(4),body[data-admin-page="drivers"] td:nth-child(4){width:23%!important}
body[data-admin-page="drivers"] th:nth-child(5),body[data-admin-page="drivers"] td:nth-child(5){width:18%!important}
body[data-admin-page="drivers"] tbody td{height:66px!important;padding-top:10px!important;padding-bottom:10px!important;vertical-align:middle!important}
body[data-admin-page="drivers"] .driver-name-compact,body[data-admin-page="drivers"] .driver-phone-compact{display:flex!important;align-items:center!important;width:100%!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:#15181d!important}
body[data-admin-page="drivers"] .driver-name-compact b{overflow:hidden!important;font-size:13px!important;line-height:18px!important;font-weight:700!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-admin-page="drivers"] .driver-phone-compact{font-size:12px!important;line-height:18px!important;font-weight:500!important;color:#69717d!important;white-space:nowrap!important}
body[data-admin-page="drivers"] .driver-name-compact:hover,body[data-admin-page="drivers"] .driver-phone-compact:hover{color:#b56800!important;background:transparent!important;transform:none!important}

/* v5.8 — vehicle search suggestions open above the field. */
.vehicle-search-suggestions.floating.suggestions-above{position:absolute!important;z-index:2147483000!important;max-height:220px!important;padding:6px!important;overflow:auto!important;border:1px solid #dfe3e8!important;border-radius:11px!important;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.2)!important}
.vehicle-search-suggestions.floating.suggestions-above button{display:flex!important;width:100%!important;min-height:48px!important;padding:8px 10px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#17191d!important;text-align:left!important}
.vehicle-search-suggestions.floating.suggestions-above button:hover{background:#fff7dc!important}.vehicle-search-suggestions.floating.suggestions-above button b{font-size:13px!important;line-height:17px!important}.vehicle-search-suggestions.floating.suggestions-above button span{font-size:11px!important;line-height:15px!important;color:#6e7480!important}
.vehicle-search-suggestions.floating.suggestions-above p{margin:0!important;padding:13px!important;color:#747b87!important;font-size:12px!important;text-align:center!important}

/* v5.9 — reliable search button and suggestions inside driver dialog. */
#driverDialog .vehicle-search-suggestions.floating{display:none!important}
#driverDialog .driver-vehicle-search-row{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;width:100%!important;margin-top:5px!important}
#driverDialog #driverVehicleSearch{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important}
#driverDialog #driverVehicleSearchButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:92px!important;height:44px!important;min-height:44px!important;padding:0 12px!important;border:1px solid #e0ad00!important;border-radius:9px!important;background:#ffc515!important;color:#171717!important;font-size:12px!important;font-weight:750!important}
#driverDialog .driver-vehicle-inline-suggestions{display:none;position:absolute!important;z-index:10000!important;left:0!important;right:0!important;bottom:calc(100% + 8px)!important;max-height:224px!important;padding:6px!important;overflow:auto!important;border:1px solid #dce1e7!important;border-radius:11px!important;background:#fff!important;box-shadow:0 16px 40px rgba(15,23,42,.22)!important}
#driverDialog .driver-vehicle-inline-suggestions.show{display:block!important}
#driverDialog .driver-vehicle-inline-suggestions button{display:flex!important;width:100%!important;min-height:48px!important;padding:8px 11px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#17191d!important;text-align:left!important}
#driverDialog .driver-vehicle-inline-suggestions button:hover{background:#fff6d8!important}#driverDialog .driver-vehicle-inline-suggestions b{font-size:13px!important;line-height:17px!important}#driverDialog .driver-vehicle-inline-suggestions span{font-size:11px!important;line-height:15px!important;color:#68707d!important}#driverDialog .driver-vehicle-inline-suggestions p{margin:0!important;padding:14px!important;font-size:12px!important;color:#747b87!important;text-align:center!important}

/* v6.0 — compact internal layout for TO cards only. */
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card{display:grid!important;grid-template-rows:auto auto auto!important;align-content:center!important;gap:3px!important;min-height:78px!important;height:auto!important;padding:7px 9px 7px 11px!important;border-width:1px 1px 1px 4px!important;border-radius:10px!important;background:#fbfdfc!important;box-shadow:none!important;text-align:left!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card small{display:block!important;margin:0!important;padding:0!important;background:transparent!important;font-size:8.5px!important;line-height:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-service-info{display:flex!important;min-width:0!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;background:transparent!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-service-info span{display:block!important;margin:0!important;padding:0!important;background:transparent!important;font-size:9px!important;line-height:11px!important;font-weight:600!important;color:#343a42!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-service-info strong{display:block!important;margin:0!important;font-size:11px!important;line-height:13px!important;font-weight:800!important;color:inherit!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;margin-top:2px!important;padding:4px 5px 0!important;border-top:1px solid #e2e6e4!important;border-radius:0!important;background:rgba(240,244,242,.7)!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage span{display:block!important;margin:0!important;padding:0!important;background:transparent!important;font-size:7.5px!important;line-height:10px!important;font-weight:550!important;color:#777e87!important;white-space:nowrap!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage strong{display:block!important;font-size:9px!important;line-height:11px!important;font-weight:700!important;color:#242930!important;white-space:nowrap!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.ok{border-color:#9ed9b2!important;border-left-color:#1cac5b!important;color:#158044!important}html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.warn{border-color:#f1cb82!important;border-left-color:#ef8c13!important;color:#d86f00!important;background:#fffdfa!important}html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.bad{border-color:#efb0b4!important;border-left-color:#d93643!important;color:#c52c39!important;background:#fffafa!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.ok .to-service-info strong{color:#158044!important}html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.warn .to-service-info strong{color:#d86f00!important}html body[data-admin-page="vehicles"] .vehicle-docs>.to-card.bad .to-service-info strong{color:#c52c39!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage span{color:#777e87!important}html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage strong{color:#242930!important}
@media(max-width:1280px){body[data-admin-page="vehicles"] .panel{overflow-x:auto!important}body[data-admin-page="vehicles"] table{min-width:1180px!important}body[data-admin-page="vehicles"] .vehicle-docs{grid-template-columns:repeat(4,minmax(125px,1fr))!important;min-width:560px!important}}

/* v6.1 — current mileage uses two compact lines, preventing overlap. */
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;min-width:0!important;padding:3px 5px!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage span{display:block!important;width:100%!important;font-size:7px!important;line-height:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body[data-admin-page="vehicles"] .vehicle-docs>.to-card .to-current-mileage strong{display:block!important;width:100%!important;font-size:9px!important;line-height:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* v6.2 — consistent viewport scale and phone layout on every admin page. */
html{font-size:16px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
body{width:100%!important;min-width:0!important;overflow-x:hidden!important}
main{width:calc(100% - 250px)!important;max-width:1680px!important;min-width:0!important}
.panel,.table-wrap,.table-container,main>section{max-width:100%!important}
table{font-size:13px!important}

@media(max-width:1180px) and (min-width:761px){
  aside{width:220px!important}
  main{margin-left:220px!important;width:calc(100% - 220px)!important;padding-left:22px!important;padding-right:22px!important}
  .panel,.table-wrap,.table-container{overflow-x:auto!important}
  table{min-width:1040px!important}
}

@media(max-width:760px){
  html,body{width:100%!important;min-width:0!important;overflow-x:hidden!important}
  aside{position:sticky!important;inset:auto!important;top:0!important;z-index:9000!important;width:100%!important;height:auto!important;min-height:0!important;padding:10px 12px!important;display:block!important;border-bottom:1px solid #2b2d31!important}
  aside .brand{margin:0 0 9px!important}
  aside .brand img{width:36px!important;height:36px!important}
  aside nav{display:flex!important;flex-direction:row!important;gap:7px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;padding:0 0 5px!important;scrollbar-width:none!important}
  aside nav::-webkit-scrollbar{display:none!important}
  aside nav button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:42px!important;padding:6px 10px!important;border-radius:9px!important;font-size:12px!important}
  aside .nav-icon,aside nav button .nav-icon{flex-basis:28px!important;width:28px!important;min-width:28px!important;height:28px!important;border-radius:7px!important}
  aside .nav-icon svg,aside nav button .nav-icon svg{width:18px!important;height:18px!important}
  aside .user{display:flex!important;align-items:center!important;gap:8px!important;margin-top:7px!important}
  aside .report-link{flex:0 0 auto!important;width:auto!important;min-height:38px!important;padding:5px 9px!important;font-size:11px!important}
  aside .sidebar-account-card,aside .logout-access{display:none!important}
  main{margin-left:0!important;width:100%!important;max-width:none!important;min-width:0!important;padding:18px 12px 30px!important}
  main>header,.page-header{align-items:stretch!important;flex-direction:column!important;gap:12px!important}
  h1{font-size:25px!important;line-height:30px!important}
  .panel,.table-wrap,.table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  table{width:max-content!important;min-width:980px!important;font-size:12px!important}
  body[data-admin-page="drivers"] table,body[data-admin-page="vehicles"] table{min-width:1180px!important}
  .toolbar,.search-row,.filters{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #search,#toolbarFilter{width:100%!important;min-width:0!important}
  dialog{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:18px!important;border-radius:14px!important;overflow:auto!important}
  dialog .form-grid,.employee-form-grid,.cabinet-pages-checks{grid-template-columns:1fr!important}
  dialog .actions,.edit-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  dialog .actions .action-spacer,.edit-actions .action-spacer{display:none!important}
  dialog .actions button,.edit-actions button{width:100%!important;min-width:0!important}
  #driverDialog .driver-vehicle-search-row{grid-template-columns:minmax(0,1fr) 78px!important}
  #driverDialog #driverVehicleSearchButton{width:78px!important}
}

/* v6.3 — phone is placed directly below FIO; no empty phone column. */
body[data-admin-page="drivers"] th:nth-child(1),body[data-admin-page="drivers"] td:nth-child(1){width:31%!important}
body[data-admin-page="drivers"] th:nth-child(2),body[data-admin-page="drivers"] td:nth-child(2){width:18%!important}
body[data-admin-page="drivers"] th:nth-child(3),body[data-admin-page="drivers"] td:nth-child(3){width:31%!important}
body[data-admin-page="drivers"] th:nth-child(4),body[data-admin-page="drivers"] td:nth-child(4){width:20%!important}
body[data-admin-page="drivers"] .driver-name-compact{display:flex!important;min-height:42px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;padding:0!important;text-align:left!important}
body[data-admin-page="drivers"] .driver-name-compact b{display:block!important;width:100%!important;font-size:13px!important;line-height:17px!important;text-align:left!important}
body[data-admin-page="drivers"] .driver-name-compact span{display:block!important;width:100%!important;margin:0!important;font-size:11px!important;line-height:15px!important;font-weight:500!important;color:#737b86!important;text-align:left!important;white-space:nowrap!important}

/* v6.4 — page-specific actions. */
body[data-admin-page="cabinet"] #addDriver{display:none!important}
body[data-admin-page="drivers"] .driver-actions .details-open{
  background:#ffb800!important;
  border-color:#ffb800!important;
  color:#171717!important;
  box-shadow:none!important;
}
body[data-admin-page="drivers"] .driver-actions .details-open:hover{
  background:#ffa800!important;
  border-color:#ffa800!important;
}
.driver-sort-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.driver-sort-button span{font-size:11px;font-weight:600;color:#8a8f98}.driver-sort-button:hover{color:#c87500}.driver-sort-button:focus-visible{outline:2px solid #ffb000;outline-offset:4px;border-radius:4px}
