/* Everyday entry points; specialized screens keep their styles separately. */
.workflow-intro{padding:18px 0 10px}.workflow-intro h1{margin:0;font-size:clamp(24px,4vw,34px);letter-spacing:-.04em}.workflow-intro p{margin:7px 0;color:var(--muted)}
.workflow-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 24px}.workflow-action{display:flex;flex-direction:column;gap:8px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.workflow-action.primary{background:var(--accent);border-color:var(--accent);color:#fff}.workflow-action small{font-size:12px;opacity:.85}.workflow-action strong{font-size:23px;line-height:1.35}.workflow-action span{font-size:13px;line-height:1.6}.workflow-action b{margin-top:auto;padding-top:8px;font-size:13px}.workflow-action:hover{transform:translateY(-1px)}
.workflow-store{margin:0;display:grid;gap:7px}.workflow-store h3{margin:0;font-size:19px}.workflow-store p{margin:0;font-size:12px;color:var(--muted)}.workflow-store-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}.workflow-store-links .button{padding:10px 5px;font-size:12px;text-align:center}.workflow-secondary{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.workflow-secondary a{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:white;font-size:12px;color:var(--accent);text-decoration:none}.workflow-status{margin-top:20px}.workflow-status>summary{cursor:pointer;font-weight:700}.workflow-status .status-grid{margin-top:14px}
.bottom-nav a{min-width:0}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.page{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd8500;outline-offset:3px}
@media(max-width:540px){.workflow-actions{gap:9px}.workflow-action{padding:16px 12px;gap:6px}.workflow-action strong{font-size:20px}.workflow-action span{font-size:12px}.workflow-intro p{font-size:13px}.workflow-store-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workflow-action:hover{transform:none}}

/* Shared workspace shell: the selected venue stays visible while scrolling. */
.workspace-shell { --paper:#f4f6f3; --line:#dce3dc; --accent:#205e43; --accent-soft:#e7f1e8; --shadow:0 6px 24px rgba(25,48,34,.045); background:var(--paper); }
.workspace-header { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.98); border-bottom:1px solid var(--line); box-shadow:0 3px 16px rgba(25,48,34,.025); }
.workspace-header .topbar { position:static; width:min(100%,1040px); margin:auto; min-height:64px; padding:11px 18px; background:transparent; border:0; }
.workspace-header .brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-size:18px; letter-spacing:-.03em; text-decoration:none; }
.brand-mark { display:flex; width:33px; height:35px; align-items:center; justify-content:center; border-radius:9px 9px 13px 9px; background:var(--accent); color:#fff; font-size:23px; font-weight:850; }
.workspace-header .brand > span:last-child { display:grid; gap:1px; }
.workspace-header .brand small { color:var(--muted); font-size:9px; font-weight:550; letter-spacing:0; }
.workspace-search { display:flex; align-items:center; justify-content:center; gap:5px; min-height:40px; min-width:62px; padding:8px 10px; border-radius:9px; background:#f3f6f2; color:var(--accent); font-size:21px; font-weight:600; text-decoration:none; }
.workspace-search span { font-size:11px; }
.workspace-context { display:flex; align-items:center; gap:10px; width:min(100%,1040px); margin:auto; padding:0 18px 12px; }
.workspace-context-values { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; flex:1; gap:15px; min-width:0; padding:10px 12px; border:1px solid #e2e8e0; border-radius:10px; background:#f7faf5; }
.workspace-context-values > div { display:grid; gap:3px; min-width:0; }
.workspace-context-values > div > span { color:#73806f; font-size:9px; font-weight:750; }
.workspace-context-values strong { font-size:13px; font-weight:800; line-height:1.5; }
.workspace-context-store strong { overflow-wrap:anywhere; }
.workspace-context-date strong { display:flex; align-items:center; flex-wrap:wrap; gap:5px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.workspace-context-date small { padding:1px 4px; border-radius:4px; background:#e7efdf; color:#586a3f; font-size:8px; font-weight:650; }
.workspace-change { position:relative; flex-shrink:0; }
.workspace-change > summary { display:flex; align-items:center; justify-content:center; gap:4px; min-height:44px; padding:8px 0 8px 2px; color:var(--accent); font-size:11px; font-weight:750; cursor:pointer; list-style:none; }
.workspace-change > summary::-webkit-details-marker { display:none; }
.workspace-change[open] > summary { color:var(--ink); }
.workspace-change[open] > summary span { transform:rotate(180deg); }
.workspace-change form { position:absolute; top:calc(100% + 9px); right:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; width:min(390px,calc(100vw - 30px)); padding:18px; border:1px solid #cedbcd; border-radius:14px; background:#fff; box-shadow:0 14px 48px rgba(25,48,34,.18); }
.workspace-change label { display:grid; gap:6px; min-width:0; color:var(--ink); font-size:11px; font-weight:750; }
.workspace-change input,.workspace-change select { width:100%; min-width:0; min-height:44px; padding:8px; border:1px solid #c4d0c3; border-radius:8px; background:#fff; color:var(--ink); font-size:16px; }
.workspace-change p { grid-column:1/-1; margin:0; color:var(--muted); font-size:11px; line-height:1.7; }
.workspace-change button { grid-column:1/-1; min-height:46px; font-size:13px; }
.workspace-continuation { display:flex; align-items:center; justify-content:space-between; gap:10px; width:min(calc(100% - 28px),996px); margin:16px auto 0; padding:12px 14px; border:1px solid #d9ddc3; border-radius:12px; background:#f7f6e9; }
.workspace-continuation[hidden] { display:none; }
.workspace-continuation > div { display:grid; gap:4px; min-width:0; }
.workspace-continuation span { color:#77795d; font-size:10px; font-weight:700; }
.workspace-continuation a { color:#4b6240; font-size:12px; font-weight:750; line-height:1.6; overflow-wrap:anywhere; }
.workspace-continuation button { min-width:36px; min-height:36px; padding:6px; border:0; background:transparent; color:#72785b; font-size:22px; }
.workspace-shell .page { padding-top:18px; }
.workspace-shell .bottom-nav { padding-top:7px; background:#fff; border-color:#d6dfd3; box-shadow:0 -5px 25px rgba(25,48,34,.045); }
.workspace-shell .bottom-nav a { gap:5px; min-height:49px; border-radius:10px; font-size:10px; font-weight:700; }
.workspace-shell .bottom-nav a span { display:flex; height:19px; align-items:center; justify-content:center; font-size:19px; }
.workspace-shell .bottom-nav a.active { background:var(--accent-soft); color:#24563e; }
.workspace-shell .card { border-radius:14px; box-shadow:var(--shadow); }
.workspace-shell .workflow-intro { padding:14px 0 16px; }
.workspace-shell .workflow-intro > .eyebrow { margin-bottom:7px; color:#6f816a; font-size:10px; letter-spacing:.1em; }
.workspace-shell .workflow-intro h1 { font-size:clamp(26px,4vw,38px); line-height:1.3; }
.workspace-shell .workflow-intro > p:last-child { max-width:640px; line-height:1.8; }
.workspace-shell .workflow-action { border-radius:18px; box-shadow:0 5px 25px rgba(25,48,34,.035); }
.workspace-shell .workflow-action.primary { background:linear-gradient(145deg,#245e42,#194e38); }
.workspace-shell .workflow-action small { letter-spacing:.03em; }
.workspace-shell .section-heading h2 { font-size:19px; letter-spacing:-.025em; }
.workspace-shell .workflow-store { padding:18px; border-top:3px solid #c3d3be; }
.workspace-shell .workflow-store h3 { font-size:17px; }
.workspace-shell .workflow-store-links .button { min-height:43px; }
@media(min-width:700px) { .workspace-header .topbar { padding-right:22px; padding-left:22px; } .workspace-context { padding-right:22px; padding-left:22px; } .workspace-context-values { grid-template-columns:minmax(180px,1fr) minmax(210px,1fr); } .workspace-context-values > div { display:flex; align-items:center; gap:10px; } .workspace-context-values > div > span { font-size:10px; } .workspace-context-values strong { font-size:14px; } .workspace-change > summary { padding-right:8px; padding-left:8px; } .workspace-shell .page { padding-top:25px; } }
@media(max-width:380px) { .workspace-header .topbar { padding:9px 12px; min-height:58px; } .workspace-context { padding:0 12px 10px; gap:7px; } .workspace-context-values { padding:8px 9px; gap:9px; } .workspace-context-values strong { font-size:11px; } .workspace-context-values > div > span { font-size:8px; } .workspace-change > summary { font-size:10px; } .workspace-shell .workflow-store { padding:14px; } }