/* Placeholder styling — functional, deliberately plain. Replace with the Claude Design output. */
:root{--ink:#1b1b1f;--muted:#6b6b76;--line:#e4e4ea;--accent:#1f6feb;--bg:#fafafc;--ok:#1a7f37;--warn:#b35c00}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 -apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
header{background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
header a{color:var(--ink);text-decoration:none;font-weight:600}
main{max-width:980px;margin:0 auto;padding:24px 16px}
h1{font-size:28px;margin:0 0 6px}h2{font-size:20px;margin:28px 0 10px}
.promo{background:#fff4e5;border:1px solid #ffd79a;color:#7a3e00;padding:10px 14px;border-radius:8px;margin:12px 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}
.card h3{margin:0;font-size:17px}.card p{margin:0;color:var(--muted);font-size:14px}
.price{margin-top:auto;display:flex;align-items:baseline;gap:8px}.price s{color:#999}.price b{font-size:20px}
.badge{font-size:12px;color:var(--ok);font-weight:600}
.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-size:15px;cursor:pointer;text-decoration:none;text-align:center}
.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:default}
label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}textarea{min-height:80px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.row{grid-template-columns:1fr}}
.days{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.day{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:13px;cursor:pointer;min-width:64px;text-align:center}
.day.off{opacity:.35;cursor:default}.day.sel{border-color:var(--accent);background:#e8f0fe}
.slots{display:flex;flex-wrap:wrap;gap:6px}.slot{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.slot.sel{border-color:var(--accent);background:#e8f0fe}
.summary{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:16px}
.summary .line{display:flex;justify-content:space-between;font-size:14px;padding:3px 0}.summary .total{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font-weight:700}
.err{color:#b42318;background:#fee4e2;border:1px solid #fda29b;padding:10px;border-radius:8px;margin:12px 0;display:none}
table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.st-confirmed{color:var(--accent);font-weight:600}.st-completed{color:var(--ok)}.st-pending{color:var(--warn)}.st-cancelled{color:#999}
small,.muted{color:var(--muted)}
