/* Extend Wrench Roster's navy/blue design with focused mobile workflows. */
.workflow-dialog{width:min(680px,calc(100% - 24px));max-height:90dvh;border:1px solid #d8e2ef;border-radius:20px;padding:24px;color:#172d4b;background:#fff;overflow-y:auto;box-sizing:border-box}
.workflow-dialog::backdrop{background:rgb(12 29 50 / .62)}
.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.dialog-heading h2{margin:0;line-height:1.2;overflow-wrap:anywhere}.dialog-heading button{width:auto;flex:0 0 auto;margin:0}
.workflow-dialog input,.workflow-dialog select,.workflow-dialog textarea{box-sizing:border-box;max-width:100%}.workflow-dialog form{margin-block:18px}.workflow-dialog button{min-height:44px}.workflow-dialog .actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.workflow-dialog .actions button{width:auto;flex:1 1 120px;margin:0}.workflow-dialog .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-dialog .two>*{min-width:0}
.workflow-error{color:#a52d35;font-weight:600;white-space:pre-wrap}.workflow-error:empty{display:none}.line-card,.compact-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.line-card{padding:16px 0;border-bottom:1px solid #e0e7f0;flex-wrap:wrap}.line-card>div:first-child,.compact-row>div:first-child{flex:1;min-width:0}.line-card p,.compact-row p{margin:6px 0}.line-card strong,.compact-row h3{overflow-wrap:anywhere}.line-card .actions{flex-basis:100%;margin:0}.compact-row>button{width:auto;margin:0}
.estimate-total{display:grid;gap:10px;padding:18px;background:#f2f6fb;border-radius:12px;margin:20px 0}.estimate-total>span{display:flex;justify-content:space-between;gap:20px}.estimate-total .grand-total{font-size:1.25rem;border-top:1px solid #cad8e8;padding-top:12px}.record-note{white-space:pre-wrap;overflow-wrap:anywhere}
.maintenance-counts{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}.maintenance-pill{display:inline-flex;border-radius:20px;padding:5px 10px;font-size:.875rem;font-weight:600;background:#edf2f7;color:#34465d}.maintenance-pill.current{background:#e3f3e9;color:#245a36}.maintenance-pill.due{background:#fde9e7;color:#923428}.maintenance-pill.due_soon{background:#fff1d3;color:#755215}.maintenance-pill.monitor{background:#e7efff;color:#234f86}.maintenance-card{padding:18px 0;border-bottom:1px solid #dde6f0}.maintenance-card h3{margin:0}.maintenance-card .actions{margin-bottom:0}.history-section{margin-top:24px}
.workflow-dialog details,.vehicle-notes details,#maintenanceReminderSettings details{padding-block:12px}.workflow-dialog summary,.vehicle-notes summary,#maintenanceReminderSettings summary{cursor:pointer;min-height:36px;font-weight:600}.check-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;line-height:1.5}.check-row input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;flex:0 0 20px;accent-color:#2460a8}.check-row span{flex:1}.agreement{margin:18px 0}.agreement a,.site-footer a{color:#205a97;text-decoration:underline;text-underline-offset:3px}.legal-document{white-space:pre-wrap;font-family:inherit;line-height:1.6;overflow-wrap:anywhere}.site-footer{max-width:1080px;margin:36px auto;padding:24px;color:#52667c;font-size:.875rem}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer p{line-height:1.5}.job-estimate-summary:empty{display:none}
button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4387d8;outline-offset:3px}#savedServices .row{gap:18px;margin-block:20px}#savedServices .row h3{margin:0}.owner-tabs{overflow-x:auto}#ownerNotifications{margin-top:14px}
@media(max-width:560px){.workflow-dialog{padding:18px}.workflow-dialog .two{grid-template-columns:1fr}.dialog-heading h2{font-size:1.4rem}.line-card,.compact-row{gap:10px}.maintenance-card .compact-row{align-items:flex-start}.site-footer{padding:20px}.site-footer nav{gap:12px}.workflow-dialog .actions button{flex-basis:100%}.compact-row>button{max-width:50%}#savedServices>.row{align-items:flex-start;flex-direction:column}}
