/* Shared task-oriented interface. */
[hidden] { display:none !important; }
.skip-link { position:fixed; z-index:160; top:8px; left:16px; padding:12px 18px; color:white; background:var(--green); border-radius:8px; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
:focus-visible { outline:3px solid #aeb6bf; outline-offset:3px; }
.nav-item { min-height:42px; font-size:13px; }
.nav-section > p { font-size:12.5px; }
.nav-group { margin-top:14px !important; border-top:1px solid #ffffff14; padding-top:10px; }
.nav-group > summary { padding:9px 11px; color:#bcc3ca; cursor:pointer; font-size:12px; font-weight:750; }
.nav-group[open] > summary { color:white; }
.page-context { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; color:var(--muted); font-size:12px; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
.breadcrumbs a:hover { color:var(--green); text-decoration:underline; }
.breadcrumbs [aria-current] { color:var(--ink); font-weight:650; }
.context-scope-link { flex:0 1 auto; max-width:45%; padding:7px 11px; border:1px solid var(--line); border-radius:8px; background:white; overflow-wrap:anywhere; }
.context-guide { margin-bottom:26px; border:1px solid #d6dadf; border-radius:10px; background:#f0f7f3; }
.context-guide > summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 16px; color:#245b46; cursor:pointer; font-size:12px; font-weight:650; list-style:none; }
.context-guide > summary::after { content:"+"; font-size:18px; }
.context-guide[open] > summary::after { content:"−"; }
.context-guide > summary small { margin-left:auto; font-size:13px; font-weight:500; }
.context-guide ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; padding:12px 16px; list-style:none; }
.context-guide li { display:flex; gap:10px; }
.context-guide li > span { display:grid; place-items:center; flex:0 0 25px; height:25px; border:1px solid #c0c7ce; border-radius:50%; color:var(--green); font-size:13px; }
.context-guide li a,.context-guide li strong { color:#245b46; font-size:12px; font-weight:700; }
.context-guide li small { display:block; margin-top:3px; color:var(--muted); font-size:13px; }
.context-guide-all { display:block; padding:4px 16px 14px; color:var(--green); font-size:12px; font-weight:650; }
.workflow-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:28px; }
.workflow-heading h1 { max-width:750px; }
.workflow-scope { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; padding:20px; border:1px solid var(--line); border-radius:12px; background:white; }
.workflow-scope > div { display:flex; align-items:center; gap:14px; min-width:0; }
.workflow-scope h2 { font-size:18px; overflow-wrap:anywhere; }
.workflow-scope p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.workflow-scope form { display:flex; align-items:center; gap:8px; margin:0; }
.workflow-scope select { width:auto; max-width:260px; min-height:42px; font-size:12px; }
.workflow-symbol { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:12px; color:var(--green); background:#eaf4ee; font-size:22px; }
.workflow-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.workflow-card { padding:24px; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:var(--shadow); scroll-margin-top:90px; }
.workflow-card.is-selected { border:2px solid var(--green); }
.workflow-card > header { display:flex; align-items:flex-start; gap:14px; }
.workflow-card h2 { font-size:19px; }
.workflow-card header p { margin:8px 0 0; color:var(--muted); font-size:13px; }
.workflow-steps { display:grid; gap:16px; margin:24px 0 0; padding:0; list-style:none; }
.workflow-steps li { display:flex; align-items:flex-start; gap:12px; }
.workflow-step-number { display:grid; place-items:center; flex:0 0 27px; height:27px; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:12px; }
.workflow-steps a,.workflow-steps strong { font-size:13px; font-weight:700; }
.workflow-steps a { color:var(--green); }
.workflow-steps a:hover { text-decoration:underline; }
.workflow-steps p { margin:3px 0 0; color:var(--muted); font-size:12px; }
.workflow-steps small { display:block; margin-top:5px; color:#8b5c1f; font-size:13px; }
.workflow-card > .button { display:inline-block; margin-top:20px; }
.workflow-access-note,.workflow-room-help { margin:0 0 22px; color:var(--muted); font-size:13px; }
.workflow-room-help a { color:var(--green); font-weight:700; }
.dashboard-tasks { margin:0 0 30px; }
.dashboard-tasks header { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:15px; }
.dashboard-tasks h2 { font-size:18px; }
.dashboard-tasks header a { color:var(--green); font-size:12px; font-weight:650; }
.dashboard-tasks > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.dashboard-tasks > div > * { display:block; padding:17px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:white; text-align:left; cursor:pointer; }
.dashboard-tasks > div > *:hover { border-color:#a4adb7; box-shadow:var(--shadow); }
.dashboard-tasks > div > * > span { display:block; color:var(--green); font-size:22px; }
.dashboard-tasks strong,.dashboard-tasks small { display:block; }
.dashboard-tasks strong { margin:6px 0; font-size:13px; }
.dashboard-tasks small { color:var(--muted); font-size:13px; }
.button { font-size:12px; min-height:42px; }
.metrics span,.network-metrics span { font-size:12.5px; }
.eyebrow { font-size:12.5px; }
.action-menu { position:relative; }
.action-menu summary { display:flex; align-items:center; gap:14px; list-style:none; }
.action-menu > div { position:absolute; z-index:15; right:0; top:calc(100% + 6px); display:grid; gap:4px; min-width:220px; padding:7px; border:1px solid var(--line); border-radius:10px; background:white; box-shadow:0 12px 36px #19212a1c; }
.action-menu > div .button { border:0; box-shadow:none; white-space:normal; }
.guided-progress { display:flex; justify-content:space-between; gap:12px; margin:18px 0 24px; padding:0; list-style:none; }
.guided-progress li { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
.guided-progress li > span { display:grid; place-items:center; width:27px; height:27px; flex:0 0 27px; border:1px solid var(--line); border-radius:50%; background:white; }
.guided-progress li[aria-current] { color:var(--green); font-weight:750; }
.guided-progress li[aria-current] > span,.guided-progress li.is-complete > span { color:white; border-color:var(--green); background:var(--green); }
.guided-review { margin:16px 0 22px; border:1px solid var(--line); border-radius:9px; overflow:hidden; }
.guided-review > div { display:grid; grid-template-columns:1fr 1.5fr; gap:16px; padding:12px 16px; border-bottom:1px solid var(--line); }
.guided-review > div:last-child { border:0; }
.guided-review dt { color:var(--muted); font-size:12px; }
.guided-review dd { margin:0; font-size:13px; font-weight:650; overflow-wrap:anywhere; }
.is-guided > .actions { position:sticky; bottom:0; z-index:3; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:24px 0 0; padding:16px 0 4px; border-top:1px solid var(--line); background:white; }
.is-guided .device-create-actions > span { flex:1 0 100%; min-width:0; margin:0; font-size:12px; overflow-wrap:anywhere; }
.is-guided label { font-size:12px; }
.is-guided h3 { font-family:inherit; font-size:17px; }
.is-guided input,.is-guided select,.is-guided textarea { font-size:13px; }
.filter-more { grid-column:1/-1; }
.receipt-entries { display:grid; gap:12px; margin:16px 0; }
.receipt-entry { display:grid; grid-template-columns:1.4fr 1fr 1fr auto; gap:10px; align-items:end; padding:14px; border:1px solid var(--line); border-radius:9px; background:#f8f9fa; }
.receipt-entry label { margin:0; }
.receipt-entry .button { padding-inline:12px; }
.filter-more summary { padding:8px 0; color:var(--green); font-size:12px; font-weight:650; cursor:pointer; }
.filter-more > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding-top:12px; }
.settings-nav-group { position:relative; flex:0 0 auto; }
.settings-nav-group > summary { padding:10px 14px; border-radius:6px; color:#525a64; cursor:pointer; font-size:12px; font-weight:650; }
.settings-nav-group.is-active > summary { color:white; background:var(--green); }
.settings-nav-group > div { display:grid; padding:8px 0; }
.settings-nav-group > div a { font-size:12px; white-space:normal; }
.settings-menu:has(.settings-nav-group) { position:static; overflow:visible; align-items:flex-start; flex-wrap:wrap; }
@media(max-width:1280px) { .dashboard-tasks > div { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .topbar-account > span:nth-child(2) { display:none; }
  .workflow-grid { grid-template-columns:1fr; }
  .workflow-heading,.workflow-scope { flex-direction:column; align-items:stretch; }
  .workflow-scope form { flex-wrap:wrap; }
  .workflow-scope select { flex:1 1 180px; max-width:100%; }
  .context-guide ol { grid-template-columns:1fr; }
  .receipt-entry { grid-template-columns:1fr; }
  .filter-more > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-card { padding:20px; }
  .page-context { flex-wrap:wrap; }
  .context-scope-link { max-width:100%; }
  .guided-progress { gap:8px; }
  .guided-progress li { flex-direction:column; align-items:flex-start; flex:1; font-size:13px; }
  .dashboard-tasks header { flex-wrap:wrap; }
  .workflow-heading h1 { font-size:32px; }
}
@media(max-width:420px) {
  .dashboard-tasks > div { grid-template-columns:1fr; }
  .filter-more > div { grid-template-columns:1fr; }
  .context-guide > summary small { display:none; }
  .is-guided > .actions .button { padding-inline:10px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; } }