.journey-care{display:grid;gap:16px}.journey-care-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border:1px solid #c8dbe5;border-radius:10px;background:linear-gradient(135deg,#f4fafc,#fff)}.journey-care-hero h2{margin:3px 0 6px;font-size:24px}.journey-care-hero p{max-width:720px;margin:0;color:#627685}.journey-care-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.journey-care-metrics article{padding:13px 14px;border:1px solid #d6e1e7;border-radius:8px;background:#fff}.journey-care-metrics span,.journey-care-metrics small{display:block;color:#667b88;font-size:11px}.journey-care-metrics strong{display:block;margin:4px 0;font-size:22px}.journey-care-metrics .is-marketing-opted-in{border-color:#9ecfbd;background:#f2fbf7}.journey-care-metrics .is-marketing-opted-out{border-color:#e2bcbc;background:#fff7f7}.journey-care-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:14px}.journey-care-grid>section{min-width:0;padding:16px;border:1px solid #d6e1e7;border-radius:10px;background:#fff}.journey-care-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.journey-care-heading h3{margin:0 0 3px}.journey-care-heading p{margin:0;color:#667b88;font-size:12px}.journey-care-tasks,.journey-health-vehicles{display:grid;gap:10px}.journey-care-task{display:grid;gap:8px;padding:13px;border:1px solid #d6e1e7;border-left:4px solid #6c91a4;border-radius:7px;background:#f9fbfc}.journey-care-task.is-overdue{border-left-color:#bc5555;background:#fff8f8}.journey-care-task.is-today{border-left-color:#c5892c;background:#fffaf0}.journey-care-task.is-done{border-left-color:#3b8066;background:#f4faf7}.journey-care-task.is-cancelled{opacity:.7}.journey-care-task header,.journey-care-task footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.journey-care-task header span{color:#55707e;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.journey-care-task header strong{font-size:11px}.journey-care-task h3,.journey-care-task p{margin:0}.journey-care-task p{color:#637784;font-size:12px;white-space:pre-wrap}.journey-care-task dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.journey-care-task dl div{padding:7px;background:#fff}.journey-care-task dt{color:#738793;font-size:9px;text-transform:uppercase}.journey-care-task dd{overflow:hidden;margin:2px 0 0;text-overflow:ellipsis;font-size:11px;font-weight:700;white-space:nowrap}.journey-care-task footer{justify-content:flex-end}.journey-care-empty{margin:0;padding:14px;color:#6e818c;background:#f7fafb}.journey-health-vehicle{border:1px solid #d6e1e7;border-radius:8px;overflow:hidden}.journey-health-vehicle>header{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;background:#f3f8fa}.journey-health-vehicle>header div{display:grid;gap:2px}.journey-health-vehicle>header strong{font-size:15px}.journey-health-vehicle>header span,.journey-health-vehicle>header small{color:#647a87;font-size:11px}.journey-health-inspection{border-top:1px solid #d6e1e7}.journey-health-inspection>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;cursor:pointer;list-style:none}.journey-health-inspection>summary::-webkit-details-marker{display:none}.journey-health-inspection>summary span{display:grid;gap:2px}.journey-health-inspection>summary small{color:#6a7d88;font-size:10px}.journey-health-inspection>summary b{padding:4px 7px;border-radius:12px;background:#edf4f7;font-size:10px}.journey-health-inspection[open]>summary{background:#fbfcfd}.journey-health-inspection>div{display:grid;gap:7px;padding:0 13px 13px}.journey-health-inspection article{display:grid;gap:3px;padding:9px 10px;border-left:3px solid #78a0b2;background:#f6f9fa}.journey-health-inspection article.is-concern{border-left-color:#bd842b;background:#fff9ee}.journey-health-inspection article span,.journey-health-inspection article small{color:#657b87;font-size:9px;text-transform:uppercase}.journey-health-inspection article strong{font-size:12px}.journey-health-inspection article p{margin:0;color:#405867;font-size:11px}.journey-health-inspection>div>button{justify-self:start}.journey-marketing-profile{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:16px;padding:16px;border:1px solid #d6e1e7;border-radius:10px;background:#fff}.journey-marketing-profile span{color:#517384;font-size:10px;font-weight:800;letter-spacing:.08em}.journey-marketing-profile h3,.journey-marketing-profile p{margin:3px 0}.journey-marketing-profile p,.journey-marketing-profile small{color:#667b88;font-size:11px}.journey-marketing-profile div:nth-child(2){display:grid;gap:3px}.journey-care-dialog{width:min(760px,94vw);padding:0;border:0;border-radius:14px;box-shadow:0 24px 70px #102f4d55}.journey-care-dialog::backdrop{background:#102f4d99}.journey-care-dialog form{display:grid;gap:16px;padding:20px}.journey-care-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.journey-care-dialog h2{margin:3px 0}.journey-care-dialog header p:last-child{margin:0;color:#667b88}.journey-care-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-care-form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.journey-care-form-grid .wide{grid-column:1/-1}.journey-care-form-grid input,.journey-care-form-grid select,.journey-care-form-grid textarea{width:100%}.journey-care-dialog footer{display:flex;justify-content:flex-end;gap:9px}
@media (max-width:900px){.journey-care-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-care-grid{grid-template-columns:1fr}.journey-marketing-profile{grid-template-columns:1fr auto}}
@media (max-width:600px){.journey-care-hero{align-items:stretch;flex-direction:column}.journey-care-hero button{width:100%}.journey-care-metrics{grid-template-columns:1fr 1fr}.journey-care-grid>section{padding:12px}.journey-care-task dl{grid-template-columns:1fr}.journey-marketing-profile{grid-template-columns:1fr}.journey-marketing-profile button{width:100%}.journey-care-form-grid{grid-template-columns:1fr}.journey-care-form-grid .wide{grid-column:auto}}
