/* Offers, ads, following, inbox, admin */
.of-follow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 0}
.of-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.of-card{background:var(--ground);border-radius:14px;padding:11px 13px;border-left:5px solid var(--yoga)}
.of-card.of-brand{border-left-color:var(--sun)}
.of-card h4{font:600 16px/1.25 Fredoka,Nunito,system-ui,sans-serif;margin:4px 0 4px}
.of-card p{margin:0 0 6px;font-size:13.5px;overflow-wrap:anywhere}
.of-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.of-from{font-weight:700;color:var(--ink)}
.of-spon,.of-type{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;background:color-mix(in srgb,var(--sun) 28%,transparent);color:var(--ink)}
.of-type{background:color-mix(in srgb,var(--yoga) 18%,transparent)}
.of-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;margin:0 0 6px}
.of-code{border:1px dashed var(--line);border-radius:8px;padding:1px 7px}
.of-end,.of-mi{color:var(--muted);font-size:12px}
.of-where{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:6px 0 12px}
.of-where label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);width:100%}
.of-where input,.sheetlike input,.sheetlike textarea,.claim .ad-note,.pm-zip{font:inherit;font-size:14px;color:var(--ink);background:var(--ground);border:2px solid var(--line);border-radius:12px;padding:8px 10px}
.of-where input{width:110px}
.of-foot{margin-top:14px}
.of-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.of-head span{display:flex;gap:6px;flex-wrap:wrap}
.of-inbox{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.of-inbox li[data-id]{background:var(--ground);border-radius:12px;padding:9px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.of-inbox li.new{border-left:5px solid var(--pilates)}
.of-inbox li .m{color:var(--muted);font-size:11.5px}
.of-badge{display:inline-block;min-width:18px;padding:0 5px;border-radius:999px;background:var(--pilates);color:#fff;font-size:11px;line-height:18px;text-align:center;margin-left:3px}
.of-mine{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.of-mine li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.of-st{font-size:11px;font-weight:800;border-radius:999px;padding:1px 8px;background:var(--line)}
.of-st.approved{background:var(--yoga);color:#fff}.of-st.rejected{background:var(--pilates);color:#fff}
.of-st.pending{background:color-mix(in srgb,var(--sun) 40%,transparent)}
.of-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}
.of-tabs button{font:inherit;font-size:13px;font-weight:700;border:2px solid var(--line);background:var(--ground);color:var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer}
.of-tabs button.on{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.sheetlike label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}
.sheetlike input,.sheetlike textarea{width:100%}
.sheetlike textarea{min-height:90px}
.claim .ad-note{width:100%;margin:6px 0 0;font-size:13px}
.claim .of-list{margin:8px 0}
ul.claims{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sheet label.chk select{width:auto;display:inline-block;padding:4px 8px;font-size:13px}
.sheet .pm-zip{width:90px;display:inline-block;padding:4px 8px}
.sheet textarea#pm-z{min-height:60px}
.pm-ended{opacity:.6}
/* ---- paid slots: the featured strip, the area calendar, reservations, prices */
.of-feat{margin:10px 0 14px;padding:12px 14px;border-radius:18px;background:var(--panel);box-shadow:var(--shadow-s);border:2px solid color-mix(in srgb,var(--sun) 55%,transparent)}
.of-feat-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;font-size:13px}
.of-feat-h b{font:600 15px/1.2 Fredoka,Nunito,system-ui,sans-serif;letter-spacing:.02em}
.of-feat-list{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
.of-feat-list .of-card{flex:0 0 min(320px,86%);scroll-snap-align:start}
.pm-prod{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0 0 6px}
.sheet label.pm-p{text-transform:none;letter-spacing:normal;font-weight:400;color:var(--ink);margin:0}
.pm-p{display:flex;gap:8px;align-items:flex-start;border:2px solid var(--line);border-radius:14px;padding:9px 10px;cursor:pointer;background:var(--ground)}
.pm-p:has(input:checked){border-color:var(--yoga);background:color-mix(in srgb,var(--yoga) 10%,var(--ground))}
.pm-p input{margin-top:3px}
.pm-p span{display:flex;flex-direction:column;gap:3px;font-size:13px}
.pm-p small{color:var(--muted);font-size:12px;line-height:1.35}
.pm-p em{font-style:normal;font-weight:800;font-size:12px;color:var(--ink)}
.sheet label.sm{font-size:11px;margin-top:6px}
.pm-cal{margin:4px 0 10px}
.cal-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;font-size:14px}
.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-w{text-align:center;font-size:11px;font-weight:800;color:var(--muted)}
.cal-d{font:inherit;border:0;border-radius:10px;min-height:48px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;color:var(--ink);background:var(--line)}
.cal-d .n{font-weight:800;font-size:13px;line-height:1}
.cal-d .p{font-size:10.5px;line-height:1.1;white-space:nowrap}
.cal-d .z{font-size:9.5px;color:var(--muted)}
.cal-d.open{background:color-mix(in srgb,var(--yoga) 22%,var(--ground))}
.cal-d.part{background:color-mix(in srgb,var(--sun) 38%,var(--ground))}
.cal-d.full{background:color-mix(in srgb,var(--pilates) 22%,var(--ground));cursor:not-allowed;opacity:.8}
.cal-d.past{background:transparent;color:var(--muted);opacity:.45;cursor:default}
.cal-d.busy{background:color-mix(in srgb,var(--other) 20%,var(--ground))}
.cal-d.sel{outline:3px solid var(--focus);outline-offset:1px}
.cal-d:disabled{cursor:not-allowed}
.cal-k{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11.5px;color:var(--muted);margin:6px 0 0}
.cal-k span{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;margin-right:6px}
.cal-k .cal-d{display:inline-block;min-height:12px;width:14px;height:12px;padding:0;border-radius:4px}
.cal-sub{font-size:13px;margin:10px 0 6px}
.cal-hrs{display:flex;flex-wrap:wrap;gap:6px}
.cal-hr{font:inherit;font-size:13px;font-weight:700;border:0;border-radius:10px;padding:6px 9px;display:flex;flex-direction:column;align-items:center;cursor:pointer;color:var(--ink)}
.cal-hr small{font-size:10.5px;font-weight:600}
.cal-hr.open{background:color-mix(in srgb,var(--yoga) 22%,var(--ground))}
.cal-hr.part{background:color-mix(in srgb,var(--sun) 38%,var(--ground))}
.cal-hr.full{background:color-mix(in srgb,var(--pilates) 18%,var(--ground));opacity:.6;cursor:not-allowed}
.cal-hr.sel{outline:3px solid var(--focus)}
.cal-quick{display:inline-flex;gap:4px;flex-wrap:wrap}
.pm-sum{background:var(--ground);border-radius:12px;padding:9px 11px;font-size:13.5px;margin:10px 0 4px;min-height:1em}
.pm-sum:empty{display:none}
.pm-warn{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.ad-price{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;margin:6px 0 0}
.ad-price input{width:100px;font:inherit;font-size:14px;color:var(--ink);background:var(--ground);border:2px solid var(--line);border-radius:10px;padding:5px 8px}
.ad-prices{overflow-x:auto}
.ad-prices table{border-collapse:collapse;font-size:13px;min-width:560px;width:100%}
.ad-prices th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:4px 6px}
.ad-prices td{padding:5px 6px;border-top:1px solid var(--line);vertical-align:middle}
.ad-prices td small{color:var(--muted)}
.ad-prices input{width:84px;font:inherit;font-size:13.5px;color:var(--ink);background:var(--ground);border:2px solid var(--line);border-radius:10px;padding:5px 7px}
.ac-area{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;margin:0 0 10px}
.ac-area select,.ac-area input{font:inherit;font-size:13.5px;color:var(--ink);background:var(--ground);border:2px solid var(--line);border-radius:10px;padding:5px 7px}
.ac-area .ac-zl{width:150px}
.of-steps{margin:6px 0 10px 18px;padding:0;font-size:14px;line-height:1.6}
.ac-area select,.ac-area input{width:auto!important;display:inline-block!important;margin:0!important}
.cal-h button{font:inherit;font-size:13px;font-weight:700;border:2px solid var(--line);background:var(--ground);color:var(--ink);border-radius:999px;padding:4px 10px;cursor:pointer}
.cal-h button:disabled{opacity:.4;cursor:default}