/* The setup checklist bar: a page's checklist tasks for owners and administrators.
   Company Settings shows it per tab (company_setup_guide.js); other pages the
   checklist links to show it at the top (setup_bar.js). */
.setup-guide-bar{margin:0 0 18px;padding:14px 18px 12px;border:1px solid #c6e5df;border-radius:12px;background:#f3fbf9;font-family:Manrope,sans-serif}
.setup-guide-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.setup-guide-kicker{margin:0;color:#11695f;font:800 12px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.setup-guide-head b{color:#183d4a;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.setup-guide-tasks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:0 20px;margin:8px 0 0;padding:0;list-style:none}
.setup-guide-tasks li{display:flex;align-items:center;gap:8px;min-width:0;margin:0}
.setup-guide-task{display:flex;align-items:center;gap:10px;min-width:0;min-height:36px;margin:0;color:#294355;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer}
.setup-guide-task input{appearance:auto;flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#128c7c;cursor:pointer}
.setup-guide-task input:focus-visible{outline:2px solid #2799b7;outline-offset:2px}
.setup-guide-tasks li:not([data-status="pending"]) .setup-guide-task span{color:#718692;text-decoration:line-through;text-decoration-color:#a2b5bd}
.setup-guide-tasks small{display:none;color:#8b99a3;font-size:12px;font-weight:700}
.setup-guide-tasks li[data-status="skipped"] small{display:inline}
.setup-guide-hint{margin:6px 0 0;color:#4d6f78;font-size:12px;line-height:1.5}
.setup-page-bar .setup-guide-head{flex-wrap:wrap}
.setup-page-bar-side{display:inline-flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.setup-page-bar-side a{color:#11695f;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}
.setup-page-bar-side a:hover{text-decoration:underline}
.setup-page-bar-side a:focus-visible{outline:2px solid #2799b7;outline-offset:2px}
/* Pages that fill the screen: the bar is a row of its own above Dispatch, and
   pages without padding give it a margin. */
.app-content:has(> .dispatch-app) > .setup-page-bar{flex:0 0 auto;margin:12px 16px 0}
.app-content:has(.billing-page) > .setup-page-bar{margin:16px 26px 0}
.trips-workspace-content > [data-setup-bar-slot] > .setup-page-bar{margin:16px 24px}
@media(max-width:620px){.setup-guide-head{flex-direction:column;gap:3px}.trips-workspace-content > [data-setup-bar-slot] > .setup-page-bar{margin:12px 14px}}