:root{--bg:#f6f4ef;--ink:#1c1f2a;--muted:#6b7080;--card:#fff;--line:#e4e1d8;--acc:#2f6fed;--ok:#1f9d55;--warn:#e8890c;--bad:#c0392b;--dark:#151b2b}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc)}h1,h2{line-height:1.2;text-wrap:balance}h1{font-size:1.9rem;margin:.2em 0}h2{font-size:1.15rem;margin:1.6em 0 .5em;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
main{max-width:720px;margin:0 auto;padding:20px 16px 48px}
.btn,button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}
.btn.primary,button.primary{background:var(--acc);color:#fff;border-color:var(--acc)}.btn.ghost,button.ghost{background:transparent}.danger{color:var(--bad)}.big{padding:14px 22px;font-size:1.1rem}
label{display:block;margin:10px 0 4px;font-size:.9rem;color:var(--muted)}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.fine{font-size:.8rem;color:var(--muted)}
/* wizytówka */
.card-h{padding:8px 0 4px}.owner{margin:0;color:var(--muted)}.desc{margin:.6em 0 0}.card-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.card-window{margin-top:20px}.card-news .news{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0}
.news img{max-width:100%;border-radius:10px;display:block;margin-bottom:8px}.news time{font-size:.8rem;color:var(--muted)}.news.pinned{border-color:var(--acc)}
.card-info{display:grid;gap:8px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
table{border-collapse:collapse;width:100%}td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line);vertical-align:top}td:last-child{text-align:right;white-space:nowrap}
.card-f{margin-top:40px;font-size:.8rem;color:var(--muted);text-align:center}.card-f a{color:inherit}
/* okienko */
.pw{background:var(--dark);color:#eef1f7;border-radius:16px;padding:14px;position:relative}
.pw-days{display:grid;gap:10px}.day{background:rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;display:grid;gap:6px}
.day-h{display:flex;justify-content:space-between;align-items:baseline}.day-l{font-weight:600;text-transform:capitalize}.day-f{color:#aeb6c8;font-size:.9rem}
.st{display:inline-block}.st.open b{font-size:1.5rem;font-weight:700;color:#fff;margin-left:4px}.st.unknown,.st.closed,.st.full{color:#aeb6c8}
.pos{display:block;font-size:.85rem;color:#aeb6c8}.day-n{font-size:.9rem;color:#ffd58a}
.take{justify-self:start;background:#fff;color:var(--dark);border:0;border-radius:10px;padding:10px 18px;font-weight:600;font-size:1rem}
.pw-form{margin-top:12px;background:#fff;color:var(--ink);border-radius:12px;padding:14px}.pw-form-h{font-weight:600}.pw-actions{display:flex;gap:10px;margin-top:12px}
.pw-err{color:var(--bad);margin-top:8px}.pw-mine{margin-top:12px;background:#fff;color:var(--ink);border-radius:12px;padding:14px}
.pw-mine .mine{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.pw-mine .mine:last-child{border:0}
.mine .s{font-size:.85rem;padding:3px 8px;border-radius:999px;background:#eee}.mine .s.pending{background:#ffe6c2;color:#8a4b00}.mine .s.confirmed{background:#d6f5e3;color:#0d5c30}.mine .s.cancelled{background:#eee;color:#666}
.pw-live{position:absolute;top:10px;right:14px;font-size:.75rem;color:#aeb6c8;display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.pw-live.stale .dot{background:var(--warn)}
.empty{color:#aeb6c8}
main.embed{padding:0;max-width:none}.pw.embedded{border-radius:0;min-height:100vh}
/* strona klienta */
.client .who{margin:0;font-size:.9rem}.visit{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0}.visit .when{font-size:1.2rem}
.visit .status{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:#eee}.visit.pending .status{background:#ffe6c2;color:#8a4b00}.visit.confirmed .status{background:#d6f5e3;color:#0d5c30}.visit.cancelled .status,.visit.noshow .status{background:#eee;color:#666}
.hint,.msg{color:var(--muted);margin:10px 0 0}.proposal{background:#fff7e6;border:1px solid #ffd58a;border-radius:14px;padding:14px;margin:12px 0}.row{display:flex;gap:10px}
/* landing */
.landing header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 24px}.logo{font-weight:700;font-size:1.3rem;color:var(--ink);text-decoration:none}
.hero h1{font-size:2.2rem}.hero p{font-size:1.1rem;max-width:56ch}.how{display:grid;gap:12px;margin-top:32px}.how div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.text p{max-width:65ch}
@media (max-width:480px){h1{font-size:1.6rem}.hero h1{font-size:1.7rem}}