.field-sales-view{--fs-accent:#ef7f4d;--fs-good:#168a62;--fs-warn:#b56a12}.fs-heading{align-items:flex-start}.fs-target-user{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.fs-target-user select{min-width:150px}.fs-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;margin-block:18px}.fs-readiness{display:flex;align-items:center;justify-content:space-between;gap:14px;border-inline-start:4px solid var(--fs-good)}.fs-readiness.warning{border-inline-start-color:var(--fs-warn)}.fs-readiness-copy{display:grid;gap:4px}.fs-readiness-copy span,.fs-device-card small{color:var(--muted)}.fs-device-card{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fs-device-card b{font-size:.85rem;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--fs-good) 14%,transparent)}.fs-stop-list{display:grid;gap:12px}.fs-stop{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:12px;background:color-mix(in srgb,var(--surface) 96%,var(--fs-accent))}.fs-stop.current{border-color:var(--fs-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--fs-accent) 14%,transparent)}.fs-stop.completed{opacity:.72}.fs-stop-head,.fs-active-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.fs-stop-head span,.fs-active-head span{color:var(--muted);font-size:.85rem}.fs-stop-index{display:grid;place-items:center;min-width:34px;height:34px;border-radius:12px;background:color-mix(in srgb,var(--fs-accent) 18%,transparent);color:var(--fs-accent);font-weight:800}.fs-customer-finance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fs-customer-finance span{padding:9px;border-radius:12px;background:var(--surface-subtle);display:grid;gap:2px}.fs-customer-finance small{color:var(--muted)}.fs-customer-finance b{font-size:.88rem;overflow-wrap:anywhere}.fs-stop-actions,.fs-timeline-item{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fs-active-empty{min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted)}.fs-active-summary{display:grid;gap:14px}.fs-geofence{padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--fs-good) 14%,transparent);color:var(--fs-good);font-weight:700;font-size:.82rem}.fs-geofence.outside{background:color-mix(in srgb,#c83d3d 14%,transparent);color:#c83d3d}.fs-snapshot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fs-snapshot span{display:grid;padding:10px;border:1px solid var(--line);border-radius:12px}.fs-snapshot small{color:var(--muted)}.fs-timeline{display:grid;gap:8px;border-block-start:1px solid var(--line);padding-block-start:12px}.fs-timeline-item{justify-content:space-between;font-size:.86rem}.fs-actions-panel{margin-block-end:20px}.fs-tabs{overflow-x:auto;scrollbar-width:thin}.fs-tabs button{white-space:nowrap}.fs-form{padding-block-start:18px}.fs-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.fs-check input{width:auto}.fs-location-note{font-size:.8rem;color:var(--muted)}
@media(max-width:900px){.fs-workspace{grid-template-columns:1fr}.fs-active-panel{order:-1}.fs-customer-finance{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.field-sales-view{padding-inline:0}.fs-heading{padding-inline:4px}.fs-heading .surface-actions{width:100%;justify-content:space-between}.fs-readiness{align-items:flex-start;flex-direction:column}.fs-workspace{gap:12px;margin-block:12px}.fs-route-panel,.fs-active-panel,.fs-actions-panel{border-radius:15px;padding:14px}.fs-customer-finance,.fs-snapshot{grid-template-columns:1fr 1fr}.fs-stop-head{align-items:center}.fs-stop-actions .button{flex:1;min-height:44px}.fs-tabs{display:flex;position:sticky;top:0;z-index:2;background:var(--surface);padding-block:4px}.fs-tabs button{min-height:42px}.fs-form{grid-template-columns:1fr}.fs-form .accounting-field-wide{grid-column:auto}.fs-form .button{min-height:48px}}
@media(max-width:380px){.fs-customer-finance,.fs-snapshot{grid-template-columns:1fr}.fs-stop{padding:12px}.fs-device-card{align-items:flex-start;flex-direction:column}}