#client-fleet-content{min-width:0;color:#13243a}
.cf-head,.cf-section-head,.cf-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.cf-head h1{margin:0 0 8px;font-size:28px;letter-spacing:-1px}
.cf-head p,.cf-section-head p,.cf-detail-head p{margin:5px 0;color:#627286;font-size:12px;line-height:1.7;max-width:780px}
.cf-head>.btn,.cf-section-head>.btn{flex-shrink:0}
.cf-message{font-size:13px;line-height:1.7;color:#53643b;overflow-wrap:anywhere}
.cf-message:empty{display:none}
.cf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.cf-kpis>button{display:flex;align-items:flex-start;flex-direction:column;gap:10px;min-width:0;min-height:146px;padding:22px;text-align:left;border:1px solid #e0e6ed;background:#fff;border-radius:13px;box-shadow:0 2px 5px #13243a06;cursor:pointer;font:inherit;color:inherit}
.cf-kpis span,.cf-kpis small{font-size:11px;line-height:1.6;color:#718097}
.cf-kpis strong{font-size:25px;letter-spacing:-.8px;line-height:1.3;margin-top:auto;overflow-wrap:anywhere}
.cf-kpis>button:hover{border-color:#b7995b}
.cf-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:8px;border:1px solid #e1e6ed;background:#fff;border-radius:12px}
.cf-tabs>button{border-color:transparent;background:transparent}
.cf-tabs>button[aria-pressed=true]{background:#f4ecdb;color:#705524;border-color:#e7d5ad}
#client-fleet-content .cf-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(120px,1fr));align-items:end;gap:14px;margin-bottom:18px;padding:20px}
#client-fleet-content .cf-filters label,.cf-form-fields label{display:grid;gap:7px;min-width:0;font-size:12px;color:#536379}
#client-fleet-content .cf-filters :is(input,select),.cf-dialog .cf-form-fields :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #dce3ec;border-radius:9px;font:inherit;font-size:13px;background:#fff;color:#14273e}
.cf-filters>.btn{justify-self:start}
.cf-count{font-size:12px;color:#6b798b;margin:12px 0}
.cf-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cf-vehicle-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e6ed;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 3px 8px #13243a05}
.cf-photo{position:relative;aspect-ratio:16/10;background:#f2f4f7;display:grid;place-items:center;overflow:hidden}
.cf-photo img{width:100%;height:100%;object-fit:cover}
.cf-photo>svg{width:58px;height:58px;color:#9babbd;fill:none;stroke:currentColor;stroke-width:1.5}
.cf-badge{display:inline-flex;border-radius:20px;padding:5px 10px;font-size:10px;line-height:1.5;background:#f0f3f8;color:#5c6d83}
.cf-photo .cf-badge{position:absolute;left:12px;top:12px}
.cf-badge.active{background:#e7f3eb;color:#2b6850}.cf-badge.preparing{background:#fcf0d9;color:#8b631d}
.cf-vehicle-body{display:flex;flex-direction:column;gap:12px;padding:19px;flex:1;min-width:0}
.cf-vehicle-body>small{font-size:10px;color:#738198}
.cf-vehicle-body h2{margin:0;line-height:1.4;font-size:16px}
#client-fleet-content .cf-vehicle-body h2 button{margin:0;padding:0;border:0;text-align:left;background:transparent;font-size:16px;line-height:1.4;font-weight:600;color:#16283d;white-space:normal}
.cf-registration{font-size:13px;font-weight:500;margin:0;letter-spacing:.5px;color:#47596f}
.cf-meta,.cf-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:0}
.cf-meta>span,.cf-data-grid>div{display:grid;align-content:start;gap:7px;min-width:0;font-size:10px;color:#748196}
.cf-meta strong,.cf-data-grid dd{font-size:12px;color:#23374e;font-weight:500;line-height:1.6;margin:0;overflow-wrap:anywhere}
.cf-data-grid dt{font-size:11px;line-height:1.6}
.cf-data-grid{margin:18px 0 24px}
.cf-vehicle-body footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e8ecf1;padding-top:14px;margin-top:auto}
.cf-vehicle-body footer small{font-size:10px;line-height:1.6;max-width:55%;overflow-wrap:anywhere;color:#69798e}
.cf-vehicle-body footer>.btn{flex-shrink:0}
.cf-limit{display:grid;gap:6px;font-size:10px;color:#69798b}
.cf-limit-help{font-size:10px;line-height:1.6;color:#718097;margin:0}
.cf-limit progress,.cf-progress{display:block;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;background:#edf0f4;accent-color:#b7954d}
.cf-limit progress::-webkit-progress-bar,.cf-progress::-webkit-progress-bar{background:#edf0f4}.cf-limit progress::-webkit-progress-value,.cf-progress::-webkit-progress-value{background:#b7954d;border-radius:8px}
.cf-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px 0;font-size:12px;color:#69798e}
.cf-empty{text-align:center;padding:34px 20px;color:#718097;line-height:1.8}
.cf-empty>span>svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.4;display:block;margin:0 auto 14px;color:#a3afbd}
.cf-empty h3{font-size:16px;color:#2b4059;margin:8px 0;text-align:center}.cf-empty p{max-width:620px;font-size:12px;margin:6px auto 18px}
.cf-unassigned{margin-top:22px}.cf-unassigned summary{font-size:13px;font-weight:500;cursor:pointer}.cf-unassigned>p{font-size:12px;color:#718097;line-height:1.8}
.cf-unassigned>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #e9edf2}
.cf-unassigned span{display:grid;gap:6px}.cf-unassigned :is(strong,small){font-size:12px}.cf-unassigned small{color:#738198}
.cf-driver-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cf-driver-grid>article{display:grid;gap:9px;padding:18px;border:1px solid #e0e6ed;border-radius:11px;min-width:0;align-content:start}
.cf-driver-grid strong{font-size:14px}.cf-driver-grid :is(span,small){font-size:11px;line-height:1.6;color:#718097;overflow-wrap:anywhere}
.cf-driver-grid article>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cf-help{font-size:11px!important;color:#718097!important;line-height:1.8!important;font-weight:400}
.cf-alert-list{display:grid;gap:10px;margin-top:20px}
.cf-alert{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:16px;border:1px solid #eadbbf;background:#fdf9f1;border-radius:10px;font:inherit;font-size:12px;color:#785c25;cursor:pointer}
.cf-alert.overdue{background:#fcf2f1;border-color:#efd2cf;color:#98524d}
.cf-alert>span:first-child{display:grid;gap:6px}.cf-alert small{font-size:11px;color:#718097}.cf-alert>span:last-child{flex-shrink:0}
.cf-detail-head{align-items:center;flex-wrap:wrap}.cf-detail-head>div{flex:1;min-width:200px}.cf-detail-head h2{margin:0;font-size:23px}
.cf-detail-head small{font-size:11px;line-height:1.8;color:#728196}
.cf-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.cf-detail-content .panel-card{min-width:0}.cf-detail-content h3{font-size:16px;margin:0 0 14px}
.cf-detail-content .panel-card>h3:not(:first-child){margin-top:28px}
.cf-detail-content .panel-card>a:not(.btn){display:block;font-size:12px;line-height:1.9;margin-bottom:10px}
.cf-log{display:grid;gap:0;margin-top:22px}
.cf-log>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #e7ecf2;font-size:12px;line-height:1.8;min-width:0}
.cf-log>div>span:first-child{min-width:125px;display:grid;gap:5px}.cf-log small{font-size:10px;color:#718097}.cf-log>div>span:last-of-type{flex:1;min-width:120px;overflow-wrap:anywhere}.cf-log p{margin:0;white-space:pre-line;overflow-wrap:anywhere;flex:1;min-width:180px;font-size:12px}
.cf-voided{opacity:.55}.cf-voided>strong{text-decoration:line-through}
.cf-cost-totals{display:flex;flex-wrap:wrap;gap:20px;padding:18px;background:#f6f8fb;border-radius:10px}
.cf-cost-totals>span{display:grid;gap:9px;flex:1;min-width:180px;font-size:11px;color:#718097}.cf-cost-totals strong{font-size:23px;color:#1b3048;letter-spacing:-.5px}
.cf-document-list{display:grid;gap:0;margin-top:18px}.cf-document-list>a,.cf-document-list>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-top:1px solid #e7ecf2;text-decoration:none;color:inherit;font-size:12px}
.cf-document-list span:first-child{display:grid;gap:6px;min-width:0;flex:1;overflow-wrap:anywhere}.cf-document-list small{font-size:10px;color:#718097}
.cf-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cf-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:26px;border:1px solid #e0e6ed;border-radius:16px;box-shadow:0 22px 80px #10203435;color:#13243a}
.cf-dialog::backdrop{background:#0c203b80;backdrop-filter:blur(3px)}
.cf-dialog h2{font-size:20px;margin:0;line-height:1.5}.cf-dialog .cf-section-head{align-items:center}
.cf-form-fields{display:grid;gap:18px}.cf-form-message{font-size:12px;line-height:1.7;color:#a64742;overflow-wrap:anywhere}.cf-form-message:empty{display:none}.cf-dialog .cf-action-row{margin-top:22px}
#client-fleet-content button:focus-visible,.cf-dialog button:focus-visible,#client-fleet-content :is(input,select):focus-visible,.cf-dialog :is(input,select,textarea):focus-visible{outline:2px solid #ab8338;outline-offset:3px}
@media(max-width:1250px){.cf-vehicle-grid,.cf-driver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#client-fleet-content .cf-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cf-vehicle-grid,.cf-driver-grid,.cf-detail-grid{grid-template-columns:minmax(0,1fr)}#client-fleet-content .cf-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-filters>label:first-child{grid-column:1/-1}.cf-head,.cf-section-head{flex-direction:column;align-items:stretch}.cf-head h1{font-size:25px}.cf-kpis{gap:10px}.cf-kpis>button{padding:15px;min-height:133px}.cf-kpis strong{font-size:21px}.cf-tabs{gap:5px}.cf-tabs>button{font-size:11px;padding:9px 10px}.cf-detail-head{gap:14px}.cf-dialog{padding:20px}.cf-alert{align-items:flex-start}.cf-photo{aspect-ratio:16/9}}