/* GPS387 Route Optimization — proposals only, gated behind configured OAuth. */
.route-opt{margin:15px 0 10px;padding:20px 22px;border:1px solid var(--border);border-radius:12px;background:var(--paper);display:grid;gap:14px}
.route-opt-head{display:flex;align-items:flex-start;gap:12px;color:var(--ink)}
.route-opt-head>svg{width:22px;height:22px;color:var(--primary);flex:none}
.route-opt-head h3{font-size:17px;margin:0 0 7px;font-weight:700}
.route-opt-head p{font-size:11.5px;line-height:1.7;color:var(--muted);margin:0}
.route-opt-status{font-size:11px;font-weight:600;color:var(--muted);margin:0}
.route-opt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.route-opt-grid fieldset{min-width:0;border:1px solid var(--border);border-radius:9px;padding:10px 12px}
.route-opt-grid legend{padding:0 7px;color:var(--ink);font-size:11px;font-weight:700}
.route-opt-checkboxes{display:grid;gap:9px;max-height:220px;overflow-y:auto;font-size:11px;color:var(--ink2)}
.route-opt-checkboxes label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;line-height:1.55}
.route-opt-checkboxes label span{overflow-wrap:anywhere}
.route-opt-checkboxes input,.route-opt-consent input{accent-color:var(--primary);flex:none}
.route-opt-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.route-opt-consent{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink2);max-width:620px}
.route-opt-caution{font-size:10.5px;color:var(--muted);line-height:1.7;margin:0;padding:10px;background:var(--paper-soft);border-radius:7px}
.route-opt-result{border:1px solid var(--border);border-radius:8px;padding:11px 13px;margin:9px 0;font-size:11px;color:var(--ink2)}
.route-opt-result strong{color:var(--ink);font-size:12px}
.route-opt-result ol{margin:9px 0 0;padding-left:20px;line-height:1.85}
@media(max-width:720px){.route-opt-grid{grid-template-columns:1fr}.route-opt{padding:15px}}
.demo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-options label,.here-fields label{display:grid;gap:6px;font-size:11px;color:var(--muted)}
.demo-options select,.here-fields input{width:100%;min-width:0;border:1px solid var(--border);background:var(--paper-soft);color:var(--ink);border-radius:7px;padding:10px;font:inherit;font-size:12px}
.here-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-fleet .route-opt-result,.here-truck .route-opt-result{background:var(--paper-soft)}
@media(max-width:620px){.demo-options,.here-fields{grid-template-columns:1fr}}
.provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.provider-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:7px;padding:12px 14px;background:var(--paper-soft);font-size:11px;color:var(--muted)}
.provider-entry strong{font-size:11px;color:var(--ink)}
@media(max-width:650px){.provider-list{grid-template-columns:1fr}}

/* HERE independent route preview and dispatch job selector. */
.here-job-select{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:600}
.here-job-select select{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--paper-soft);color:var(--ink);padding:10px;font-size:12px}
.here-fields.hidden{display:none!important}
.here-result-map{height:340px;min-height:240px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--paper-soft)}
.here-result-copyright{font-size:10px;color:var(--muted);text-align:right;line-height:1.6}
.here-truck #hereResult>h4{font-size:13px;margin:8px 0 5px;color:var(--ink)}
@media(max-width:600px){.here-result-map{height:270px}}

/* v0.9.5A Truck & Trailer route approval form */
.truck-approval .truck-profile-form{display:grid;gap:13px}
.truck-approval .truck-profile-form.hidden{display:none!important}
.truck-profile-note{display:grid;gap:7px;color:var(--muted);font-size:11px}
.truck-profile-note textarea,.truck-approval textarea{width:100%;min-width:0;resize:vertical;border:1px solid var(--border);border-radius:7px;padding:10px;color:var(--ink);background:var(--paper-soft);font:inherit;font-size:12px}
.truck-approval-checks{display:grid;gap:9px;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--paper-soft)}
.truck-approval-checks label{display:flex;gap:9px;font-size:11px;line-height:1.45;color:var(--ink);align-items:flex-start}
.truck-approval-checks input{margin-top:2px;accent-color:var(--primary)}
.truck-approval #truckApprovalPlanArea{display:grid;gap:9px;padding-top:10px}
.truck-approval #truckApprovalPlanArea h4{margin:4px 0;font-size:13px}
.truck-approval #truckApprovalPlanArea p{margin:0;font-size:11px;color:var(--muted)}

/* v0.9.6 — Route tools are individual workspaces, not stacked configuration sheets. */
.route-v096 .route-opt{gap:23px}
.route-v096 .route-opt-head{gap:17px;align-items:center}
.route-v096 .route-opt-head>svg{height:27px;width:27px}
.route-v096 .route-opt-head h3{font-size:21px;margin:0 0 8px}
.route-v096 .route-opt-head p{font-size:14px;line-height:1.7;max-width:850px}
.route-v096 .route-opt-status{font-size:13px;line-height:1.6}
.route-v096 .route-opt-grid{gap:19px}
.route-v096 .route-opt-grid fieldset{border-radius:12px;padding:20px}
.route-v096 .route-opt-grid legend{font-size:15px;padding:0 11px}
.route-v096 .route-opt-checkboxes{gap:12px;max-height:310px;font-size:14px}
.route-v096 .route-opt-checkboxes label{padding:10px 8px;line-height:1.5;align-items:center;min-height:40px}
.route-v096 .route-opt-checkboxes input,.route-v096 .route-opt-consent input{width:17px;height:17px}
.route-v096 .route-opt-footer{padding:15px 0;gap:16px}
.route-v096 .route-opt-consent{font-size:13px;line-height:1.6;max-width:800px;align-items:flex-start}
.route-v096 .route-opt-footer .fleet-button{font-size:14px;min-height:46px}
.route-v096 .route-opt-caution{font-size:13px;line-height:1.7;padding:16px 19px}
.route-v096 .route-opt-result{font-size:13px;padding:20px;border-radius:11px;margin:12px 0}
.route-v096 .route-opt-result strong{font-size:16px;line-height:1.5}
.route-v096 .route-opt-result ol{font-size:13px;line-height:1.85}
.route-v096 .demo-options,.route-v096 .here-fields{gap:16px}
.route-v096 .demo-options label,.route-v096 .here-fields label,.route-v096 .here-job-select,.route-v096 .truck-profile-note{font-size:13px;gap:9px}
.route-v096 .demo-options select,.route-v096 .here-fields input,.route-v096 .here-job-select select,.route-v096 .truck-profile-note textarea,.route-v096 .truck-approval textarea{min-height:44px;font-size:14px;padding:12px;border-radius:9px}
.route-v096 .provider-list{gap:14px}
.route-v096 .provider-entry{min-height:68px;font-size:13px;padding:16px}
.route-v096 .provider-entry strong{font-size:14px}
.route-v096 .truck-approval-checks{padding:18px;gap:14px}
.route-v096 .truck-approval-checks label{font-size:13px}
.route-v096 .truck-approval #truckApprovalPlanArea h4{font-size:17px}
.route-v096 .truck-approval #truckApprovalPlanArea p{font-size:14px}
@media(max-width:690px){.route-v096 .route-opt-grid,.route-v096 .demo-options,.route-v096 .here-fields{grid-template-columns:1fr}.route-v096 .route-opt-grid fieldset{padding:14px}}
