/* ECH International — reference UI R1.5
   Reproduces the visual system from the user supplied rental-management screenshots. */
:root{
  --ref-navy:#00204f;
  --ref-blue:#0173c7;
  --ref-blue-dark:#005fae;
  --ref-sky:#dff2ff;
  --ref-bg:#fafafa;
  --ref-white:#fff;
  --ref-fill:#eee;
  --ref-fill2:#e2e2e2;
  --ref-border:#bbb;
  --ref-border-soft:#d5d5d5;
  --ref-text:#111;
  --ref-muted:#555;
  --ref-yellow:#ffffe1;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ref-bg)!important;color:var(--ref-text)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.25}
body{min-width:760px}
a{color:#006ac3;text-decoration:none}
a:hover{text-decoration:none}
.app-shell,.app-main{display:block!important;margin:0!important;padding:0!important;width:100%!important;min-height:0!important;background:var(--ref-bg)!important}
.sidebar,.topbar,.page-footer{display:none!important}

/* exact application chrome */
.ref-appbar{height:28px;background:var(--ref-navy);display:flex;align-items:stretch;width:100%;overflow:hidden;border:0}
.ref-logo{width:31px;min-width:31px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;padding:0}
.ref-logo img{display:block;width:27px;height:27px;object-fit:contain}
.ref-nav{display:flex;height:28px;align-items:stretch;white-space:nowrap}
.ref-nav a{height:28px;display:flex;align-items:center;padding:0 13px;color:#fff!important;font-size:11px;font-weight:400;background:transparent}
.ref-nav a:hover,.ref-nav a.active{background:#00366d}
.ref-nav a.active{box-shadow:inset 0 -2px 0 #fff}
.ref-commandbar{height:35px;background:#f5f5f5;border-bottom:1px solid #c5c5c5;display:flex;align-items:center;padding:3px 14px;gap:6px;position:relative;z-index:40}
.ref-tool,.ref-toolmenu>summary{height:27px;min-width:0;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #aaa;border-radius:2px;background:linear-gradient(#fff,#ececec);color:#111;font:12px Arial,Helvetica,sans-serif;cursor:pointer;list-style:none;box-shadow:0 1px 0 #fff inset}
.ref-tool:hover,.ref-toolmenu>summary:hover{background:linear-gradient(#fff,#dfdfdf)}
.ref-tool[disabled]{opacity:.45;cursor:default}
.ref-toolmenu{position:relative;margin:0}
.ref-toolmenu>summary::-webkit-details-marker{display:none}
.ref-toolmenu[open]>.ref-tool-pop{display:block}
.ref-tool-pop{display:none;position:absolute;top:29px;left:0;min-width:170px;background:#fff;border:1px solid #999;box-shadow:0 3px 8px #0003;padding:3px 0;z-index:100}
.ref-tool-pop a,.ref-tool-pop button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:7px 10px;font:11px Arial;color:#111;cursor:pointer}
.ref-tool-pop a:hover,.ref-tool-pop button:hover{background:#e9f3fb}
.ref-tool-spacer{flex:1}
.ref-tool-ico{width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;line-height:1;color:#111}
.ref-tool-ico.save::before{content:"▣"}.ref-tool-ico.new::before{content:"▾"}.ref-tool-ico.delete::before{content:"▥"}.ref-tool-ico.refresh::before{content:"⟳"}.ref-tool-ico.print::before{content:"▣"}.ref-tool-ico.log::before{content:"↶"}.ref-tool-ico.export::before{content:"▣"}.ref-tool-ico.help::before{content:"?";width:14px;height:14px;border-radius:50%;background:#111;color:#fff;font-size:10px}
.ref-signout{border:0;background:transparent;font-size:15px;padding:3px 6px;cursor:pointer;color:#222}
.ref-statusbar{height:27px;background:var(--ref-blue);color:#fff;display:flex;align-items:center;padding:0 15px;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-statusbar .q{width:14px;height:14px;border-radius:50%;background:#fff;color:var(--ref-blue);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:3px}

#main-content{padding:0 15px 24px!important;background:var(--ref-bg)!important;min-height:calc(100vh - 63px)}
.notice{margin:6px 0!important;border-radius:2px!important;padding:7px 9px!important;font-size:11px!important}

/* list/forms pages in the same family */
.page-heading{margin:0!important;padding:8px 0 5px!important;min-height:34px!important;border-bottom:1px solid #bbb!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;background:transparent!important}
.page-heading .eyebrow{display:none!important}
.page-heading h1{font:600 15px Arial!important;margin:0!important;color:#111!important}
.page-heading p{font:11px Arial!important;color:#555!important;margin:2px 0 0!important}
.heading-actions{gap:5px!important}

.btn{height:27px!important;min-height:27px!important;padding:0 9px!important;border:1px solid #aaa!important;border-radius:2px!important;background:linear-gradient(#fff,#ececec)!important;color:#111!important;box-shadow:none!important;font:11px Arial!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}
.btn:hover{background:linear-gradient(#fff,#dedede)!important}
.btn.primary{background:var(--ref-blue)!important;border-color:#0064ad!important;color:#fff!important}
.btn.primary:hover{background:#0067b5!important;color:#fff!important}
.btn.compact{height:24px!important;min-height:24px!important;padding:0 6px!important;font-size:10px!important}
.btn.soft{background:#edf5fb!important;color:#005b9f!important;border-color:#aac9e0!important}

.panel{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.panel-header{min-height:27px!important;padding:6px 0 4px!important;background:transparent!important;border:0!important;border-bottom:1px solid #aaa!important}
.panel-header h2,.section-title{font:600 12px Arial!important;color:#222!important;margin:0!important;padding:0!important;border:0!important}
.panel-header p{display:none!important}
.settings-body{padding:7px 0!important}
.top-gap{margin-top:11px!important}

input,select,textarea{border:1px solid #bbb!important;border-radius:0!important;background:#eee!important;color:#111!important;font:11px Arial!important;box-shadow:none!important;outline:0!important}
input,select{height:27px!important;min-height:27px!important;padding:3px 6px!important}
textarea{min-height:60px!important;padding:5px 6px!important;resize:vertical!important}
input:focus,select:focus,textarea:focus{background:#fff!important;border-color:#7eafd1!important;outline:1px solid #bddcf1!important}
input[readonly],select[disabled]{color:#333!important;background:#eee!important}
.form-panel{padding:6px 0 0!important}
.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:30px!important;row-gap:5px!important}
.form-grid label,.form-stack label{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;min-height:27px!important;color:#111!important;font:11px Arial!important;font-weight:400!important}
.form-grid label.span2{grid-column:1/-1!important}
.form-actions{display:flex!important;justify-content:flex-end!important;gap:6px!important;margin-top:8px!important;padding-top:7px!important;border-top:1px solid #ccc!important}
.permission-grid{border:1px solid #bbb!important;background:#fff!important;padding:7px!important}

/* reference tabs: General, Additional, Finance, Expenses, Rentals, Maintenance, Related */
.tabs{height:38px!important;display:flex!important;gap:0!important;margin:0!important;border-bottom:0!important;background:#fff!important;overflow:visible!important;position:relative!important;z-index:15!important}
.tabs>a,.tabs>.ref-related>summary{height:38px!important;display:flex!important;align-items:center!important;padding:0 18px!important;border:0!important;border-right:1px solid #eee!important;background:#fff!important;color:#111!important;font:12px Arial!important;white-space:nowrap!important;list-style:none!important;cursor:pointer!important}
.tabs>a:hover,.tabs>.ref-related>summary:hover{background:#f5f5f5!important}
.tabs>a.active,.tabs>.ref-related.active>summary{background:var(--ref-blue)!important;color:#fff!important}
.ref-related{position:relative;height:38px;margin:0}
.ref-related>summary::-webkit-details-marker{display:none}
.ref-related>summary::after{content:"";margin-left:22px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
.ref-related[open] .ref-related-menu{display:block}
.ref-related-menu{display:none;position:absolute;left:0;top:38px;min-width:122px;background:#fff;border:1px solid #ddd;border-top:0;box-shadow:0 3px 8px #0002;z-index:60}
.ref-related-menu a{display:block;padding:11px 17px;color:#111;font:12px Arial;background:#fff}
.ref-related-menu a:hover,.ref-related-menu a.active{background:#f0f0f0}
.ref-related.active .ref-related-menu a.active{color:#006ab9;font-weight:600}

/* vehicle page */
.vehicle-hero{display:none!important}
.vehicle-reference{padding:0!important;margin:0!important;background:var(--ref-bg)!important}
.vehicle-general-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:6px}
.ref-section{min-width:0}
.ref-section-title{font:600 13px Arial;color:#333;border-bottom:1px solid #aaa;padding:6px 0 4px;margin-bottom:7px}
.ref-field-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:6px;align-items:center;min-height:32px;font-size:11px}
.ref-field-row>span:first-child{padding-left:12px;color:#111}
.ref-value{height:27px;border:1px solid #bbb;background:#eee;display:flex;align-items:center;padding:3px 6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-value.highlight{background:var(--ref-yellow)}
.ref-value.green{background:#74e85a;text-align:center;justify-content:center;font-weight:600}
.ref-split{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px;min-width:0}
.ref-split.equal{grid-template-columns:1fr 1fr}
.ref-checkbox-value{height:27px;display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}
.ref-checkbox-value input{width:14px!important;height:14px!important;min-height:14px!important;margin:0!important}
.ref-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:7px}
.ref-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:6px}
.ref-stat-block .ref-section-title{margin-bottom:5px}
.ref-stat-row{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:8px;min-height:31px;padding-left:12px;font-size:11px}
.ref-stat-row .ref-value{justify-content:flex-end}

/* Wheelsys-size General card; other vehicle tabs keep their wider working area. */
.vehicle-statusbar{height:25px;margin:0 -15px 2px}
.tabs.vehicle-tabs{height:35px!important;margin-left:-1px!important}
.tabs.vehicle-tabs>a,.tabs.vehicle-tabs>.ref-related>summary{height:35px!important;padding:0!important;justify-content:center}
.vehicle-tabs>a:nth-child(1){width:69px}.vehicle-tabs>a:nth-child(2){width:86px}.vehicle-tabs>a:nth-child(3){width:71px}.vehicle-tabs>a:nth-child(4){width:83px}.vehicle-tabs>a:nth-child(5){width:71px}.vehicle-tabs>a:nth-child(6){width:100px}
.vehicle-tabs>.ref-related{height:35px}
.tabs.vehicle-tabs>.ref-related>summary{min-width:107px;padding:0 12px!important}
.vehicle-tabs .ref-related-menu{top:35px}
.vehicle-tabs>.ref-related>summary::after{margin-left:12px}
.vehicle-general-reference{max-width:756px;margin-left:-1px!important}
.vehicle-general-reference .vehicle-general-grid{grid-template-columns:minmax(0,364fr) minmax(0,366fr);gap:26px;margin-top:3px}
.vehicle-general-reference .ref-compact-grid{grid-template-columns:minmax(0,364fr) minmax(0,366fr);column-gap:26px;row-gap:5px}
.vehicle-general-reference .ref-section-title{font:12px Arial}
.vehicle-general-reference .ref-field-row{grid-template-columns:120px minmax(0,1fr);gap:6px;min-height:29px}
.vehicle-general-reference .vehicle-general-grid>.ref-section:nth-child(2) .ref-field-row,
.vehicle-general-reference .ref-compact-grid>.ref-section:nth-child(even) .ref-field-row{grid-template-columns:121px minmax(0,1fr)}
.vehicle-general-reference .ref-field-row>span:first-child{padding-left:9px}
.vehicle-general-reference .ref-field-row .ref-value{height:25px;font-size:11px}
.vehicle-general-reference .ref-split{gap:5px}
.vehicle-general-reference .ref-registration-split{grid-template-columns:117px minmax(0,1fr)}
.vehicle-general-reference .ref-vin-split{grid-template-columns:minmax(0,1fr) 54px 38px}
.vehicle-general-reference .ref-body-split{grid-template-columns:minmax(0,1fr) 54px}
.vehicle-general-reference .ref-short-split{grid-template-columns:117px 56px;gap:4px;width:177px}
.vehicle-general-reference .ref-equal-split{grid-template-columns:repeat(2,minmax(0,1fr))}
.vehicle-general-reference .ref-station-split{grid-template-columns:54px minmax(0,1fr)}
.vehicle-general-reference .ref-storage-value{width:117px}
.vehicle-general-reference .ref-white-value{background:#fff}
.vehicle-general-reference .ref-number-value{justify-content:flex-end}
.vehicle-general-reference .ref-fuel-gauge{justify-content:center;padding:0;background:linear-gradient(90deg,#66e44f var(--fuel-fill),#eee var(--fuel-fill));font-weight:600;color:#111}
.vehicle-general-reference .ref-dropdown-value,
.vehicle-general-reference .ref-date-value,
.vehicle-general-reference .ref-lookup-value{position:relative;padding-right:23px}
.vehicle-general-reference .ref-dropdown-value::after,
.vehicle-general-reference .ref-date-value::after,
.vehicle-general-reference .ref-lookup-value::after{content:'';position:absolute;top:0;right:0;width:20px;height:23px;border-left:1px solid #bbb;background-color:#f4f4f4;background-position:center;background-repeat:no-repeat}
.vehicle-general-reference .ref-dropdown-value::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath d='m1 2 4.5 4L10 2' fill='none' stroke='%23111'/%3E%3C/svg%3E");background-size:11px 8px}
.vehicle-general-reference .ref-date-value::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13'%3E%3Cpath d='M1 3h10v9H1zM3 0v4M9 0v4M1 5h10' fill='none' stroke='%23334755'/%3E%3C/svg%3E");background-size:12px 13px}
.vehicle-general-reference .ref-lookup-value::after{background-image:url('fc-search.svg');background-size:12px 12px}
.vehicle-general-reference .ref-license-value{padding-right:60px}
.vehicle-general-reference .ref-license-value::after{width:57px}
.vehicle-general-reference a.ref-value{color:#111;text-decoration:none}
.vehicle-general-reference a.ref-value:hover{outline:1px solid #111}
.vehicle-general-reference .ref-stat-row{grid-template-columns:minmax(0,1fr) 117px;min-height:29px;padding-left:10px}
.vehicle-general-reference .ref-stats-grid{grid-template-columns:minmax(0,243fr) minmax(0,242fr) minmax(0,248fr);gap:11.5px;margin-top:3px}
.vehicle-general-reference .ref-stat-block:nth-child(2) .ref-stat-row{grid-template-columns:minmax(0,1fr) 118px}
.vehicle-general-reference .ref-stat-block:nth-child(3) .ref-stat-row{grid-template-columns:minmax(0,1fr) 122px}
.vehicle-general-reference .ref-stat-row .ref-value{height:25px}
.vehicle-general-reference .vehicle-meta-stack textarea{height:54px!important;min-height:54px!important;padding:5px 3px!important;font:11px Arial!important;resize:none}
.vehicle-general-reference .vehicle-meta-stack .panel-header h2{font:12px Arial}
.vehicle-general-reference .upload-zone{height:42px!important;min-height:42px!important}
.vehicle-general-reference .ref-transfer-control{display:none}

.detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px!important;margin-top:6px!important}
.detail-list{padding:5px 0!important}
.detail-list>div{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;padding:2px 0!important;min-height:31px!important}
.detail-list dt{font:11px Arial!important;color:#111!important;padding-left:12px!important}
.detail-list dd{height:27px!important;min-height:27px!important;margin:0!important;padding:4px 6px!important;border:1px solid #bbb!important;background:#eee!important;color:#111!important;text-align:left!important;font:11px Arial!important;display:flex!important;align-items:center!important}

/* Additional screenshot layout */
.additional-reference{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:6px}
.additional-reference .form-grid{display:block!important}
.additional-reference label{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;min-height:32px!important;padding:0!important;font:11px Arial!important}
.ref-equipment-table{height:440px;border:1px solid #bbb;background:#fff;position:relative}
.ref-equipment-table table{width:100%;border-collapse:collapse;font-size:11px}
.ref-equipment-table th{height:31px;background:linear-gradient(#f5f5f5,#ddd);border-right:1px solid #ccc;border-bottom:1px solid #aaa}
.ref-equipment-empty{position:absolute;inset:31px 0 0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#222}

/* finance: narrow left column like the source */
.finance-reference{width:420px;max-width:100%;margin-top:6px}
.finance-reference .form-grid{display:block!important}
.finance-reference label{display:grid!important;grid-template-columns:132px 1fr!important;gap:6px!important;align-items:center!important;min-height:32px!important;font:11px Arial!important}
.finance-reference .form-actions{justify-content:flex-start!important;border-top:0!important}

/* tables */
.table-wrap{overflow:auto!important;border:1px solid #bbb!important;background:#fff!important;min-height:0!important}
.data-table{width:100%!important;border-collapse:collapse!important;font:11px Arial!important;color:#111!important;white-space:nowrap!important}
.data-table thead th{height:31px!important;padding:5px 10px!important;background:linear-gradient(#f6f6f6,#ddd)!important;color:#111!important;border-bottom:1px solid #aaa!important;border-right:1px solid #ccc!important;text-transform:none!important;letter-spacing:0!important;font:600 11px Arial!important}
.data-table tbody td{height:29px!important;padding:5px 10px!important;border-bottom:1px solid #d4d4d4!important;border-right:1px solid #eee!important;color:#111!important;font:11px Arial!important}
.data-table tbody tr:nth-child(odd){background:#fff!important}.data-table tbody tr:nth-child(even){background:#e9e9e9!important}.data-table tbody tr:hover{background:#dcecf8!important}
.data-table a,.cell-title{color:#0069bd!important;font-weight:400!important}
.event-history .table-wrap{height:600px;min-height:600px;position:relative}
.event-history .data-table:has(tbody:empty)::after{content:"No Rows To Show";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;color:#222}
.event-add-panel{display:none!important}

/* Memo / attachments / related items exactly stacked */
.vehicle-meta-stack{display:block!important;margin-top:8px!important}
.vehicle-meta-stack>.panel{margin:0 0 12px!important}
.vehicle-meta-stack .panel-header{padding:6px 0 3px!important}
.vehicle-meta-stack .settings-body{padding:7px 0!important}
.vehicle-meta-stack textarea{width:100%!important;min-height:65px!important;background:#fff!important}
.vehicle-meta-stack .form-stack{display:block!important}
.vehicle-meta-stack .form-stack button{margin-top:5px!important}
.upload-zone{height:48px!important;min-height:48px!important;border:1px solid #bbb!important;background:#fff!important;border-radius:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#111!important;font:10px Arial!important;text-align:center!important}
.upload-zone::before{content:"📎";font-size:12px}
.upload-zone .upload-icon,.upload-zone span{display:none!important}.upload-zone strong{font:400 10px Arial!important}
.ref-related-items{margin-top:2px;padding-bottom:8px}.ref-related-items .ref-section-title{margin-bottom:8px}.ref-related-items a{font-size:10px}

/* dashboard/catalog become classic grids rather than modern cards */
.kpi-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:7px 0!important}
.kpi{border:1px solid #bbb!important;border-radius:0!important;background:#eee!important;padding:7px 9px!important;box-shadow:none!important}.kpi.emphasis{background:#ffffe1!important}
.kpi-label{font-size:10px!important;color:#444!important;margin:0!important}.kpi-value{font:600 20px Arial!important;color:#003f75!important;letter-spacing:0!important}
.dashboard-grid{display:grid!important;grid-template-columns:1.7fr 1fr!important;gap:15px!important;margin-top:8px!important}.quick-actions{padding:8px 0!important;gap:5px!important}

/* country/address overlay */
.country-results{border:1px solid #999!important;border-radius:0!important;box-shadow:0 3px 7px #0003!important}.country-option{padding:7px 8px!important;font:11px Arial!important}.country-option:hover{background:#e6eef4!important}
.address-validation-box{border-radius:0!important;margin-top:7px!important;padding:8px!important;font-size:11px!important}

/* dialog */
dialog{border:1px solid #888!important;border-radius:0!important;box-shadow:0 6px 18px #0004!important;padding:0!important}.dialog-card{padding:14px!important}
.ech-popup-dialog{width:min(540px,calc(100vw - 32px))!important;max-height:calc(100dvh - 40px)!important;border:1px solid #8fb9d6!important;background:#fff!important;color:#163b59!important;overflow:auto!important}
.ech-popup-dialog::backdrop{background:#102e4866!important;backdrop-filter:blur(2px)}
.ech-popup-card{display:flex;flex-direction:column;min-height:190px;background:#fff}
.ech-popup-card>header{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid #c9dfef;background:#e8f5ff}
.ech-popup-mark{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#6288b9;color:#fff;font:700 15px Arial}
.ech-popup-card h2{margin:0;color:#003f75;font:600 17px Arial}
.ech-popup-body{padding:18px 17px;color:#163b59;font:13px/1.5 Arial;white-space:pre-wrap;overflow-wrap:anywhere}
.ech-popup-body p{margin:0}.ech-popup-details{margin-top:10px;color:#4c6880;font-size:12px}
.ech-popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding:12px 17px;border-top:1px solid #d7e6f2;background:#f7fbff}
.ech-popup-button{min-width:88px;height:31px;border:1px solid #8fb9d6!important;border-radius:2px!important;padding:0 13px!important;background:#fff!important;color:#174f7d!important;font:600 12px Arial!important;cursor:pointer}
.ech-popup-button:hover,.ech-popup-button:focus-visible{background:#e8f5ff!important;outline:2px solid #8bc8ef;outline-offset:1px}
.ech-popup-button-primary{background:#6288b9!important;border-color:#5279aa!important;color:#fff!important}
.ech-popup-button-primary:hover,.ech-popup-button-primary:focus-visible{background:#537aaa!important;color:#fff!important}
.ech-popup-button-danger{background:#b42318!important;border-color:#8f1b13!important;color:#fff!important}
.ech-popup-button-danger:hover,.ech-popup-button-danger:focus-visible{background:#951b13!important;color:#fff!important}

/* create/edit forms */
.form-page-reference{max-width:980px}

/* login/install use matching flat vocabulary */
.auth-body{background:#fafafa!important}.auth-card{border:1px solid #aaa!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.auth-card>img{border-radius:0!important}

@media(max-width:950px){
  .ref-nav a{padding:0 9px;font-size:10px}.vehicle-general-grid,.ref-compact-grid,.additional-reference{gap:16px}.ref-field-row,.detail-list>div,.additional-reference label{grid-template-columns:118px minmax(0,1fr)}
}
@media print{.ref-appbar,.ref-commandbar,.ref-statusbar{display:none!important}#main-content{padding:0!important}}
.vehicle-meta-stack .form-stack>button{display:none!important}
.ref-tool-ico{background-position:center;background-repeat:no-repeat;background-size:13px 13px;font-size:0!important}
.ref-tool-ico.save{background-image:url('tb-save.svg')}.ref-tool-ico.new{background-image:none}.ref-tool-ico.delete{background-image:url('tb-delete.svg')}.ref-tool-ico.refresh{background-image:url('tb-refresh.svg')}.ref-tool-ico.print{background-image:url('tb-print.svg')}.ref-tool-ico.log{background-image:url('tb-log.svg')}.ref-tool-ico.export{background-image:url('tb-export.svg')}.ref-tool-ico.help{background-image:url('tb-help.svg');background-color:transparent!important;border-radius:0!important;width:14px!important;height:14px!important}
.ref-tool-ico.save::before,.ref-tool-ico.new::before,.ref-tool-ico.delete::before,.ref-tool-ico.refresh::before,.ref-tool-ico.print::before,.ref-tool-ico.log::before,.ref-tool-ico.export::before,.ref-tool-ico.help::before{content:none!important}
.ref-empty-center{position:absolute;inset:31px 0 0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#222;pointer-events:none}
.event-history .table-wrap{position:relative}
.maintenance-history{position:relative;height:215px;margin-top:10px}
.damage-reference{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:30px;margin-top:4px}
.damage-left{min-width:0}.damage-body-chart{display:block;width:305px;height:auto;max-width:100%;background:#fff;margin:0 0 6px}.damage-history-check{display:flex;align-items:center;gap:5px;font:11px Arial;margin:4px 0 7px}.damage-history-check input{width:14px!important;height:14px!important;min-height:14px!important}.damage-table{height:510px}.damage-table tr.selected{background:#0173c7!important;color:#fff!important}.damage-table tr.selected td,.damage-table tr.selected a{color:#fff!important}.damage-no{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:#ff8a00;color:#fff;font-size:10px}.damage-info{padding-top:184px}.damage-upload-placeholder{height:180px;margin-top:10px;border:1px solid #bbb;background:#fff;display:flex;align-items:center;justify-content:center;font:10px Arial;color:#222}
.depreciation-reference{margin-top:4px}.dep-top{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dep-ledger{position:relative;height:360px;margin-top:8px}.dep-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:6px}.dep-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;padding-top:6px}.dep-summary-grid>div{display:grid;grid-template-columns:1fr 92px;align-items:center;gap:6px;padding-left:12px;font-size:11px}.dep-summary-grid .ref-value{justify-content:flex-end}
@media(max-width:900px){.damage-reference{grid-template-columns:1fr}.damage-info{padding-top:0}.dep-top,.dep-bottom{grid-template-columns:1fr}}