/* Space screen: tools first (plaazaa plan/space/tools-ui.md). Works on Modern (html.pz-modern) and classic. */
.wo_group_profile, .pzs-menu, .pzs-backdrop { --pzs-acc: var(--pz-accent, #4f46e5); --pzs-soft: var(--pz-soft, #f1f2f6); --pzs-line: var(--pz-line, #e5e7eb);
  --pzs-text: var(--pz-text, #111827); --pzs-muted: var(--pz-muted, #6b7280); --pzs-card: var(--pz-card, #fff); }

/* ① tabs */
.pzs-tabs { display: flex; gap: 4px; padding: 6px 12px 0; border-top: 1px solid var(--pzs-line); overflow-x: auto; scrollbar-width: none; }
.pzs-tabs::-webkit-scrollbar { display: none; }
.pzs-tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px 12px; border-bottom: 3px solid transparent;
  color: var(--pzs-muted) !important; font-weight: 600; font-size: 15px; text-decoration: none !important; white-space: nowrap; border-radius: 10px 10px 0 0; }
.pzs-tab:hover { background: var(--pzs-soft); color: var(--pzs-text) !important; }
.pzs-tab.active { color: var(--pzs-acc) !important; border-bottom-color: var(--pzs-acc); }
.pzs-ic { font-size: 16px; line-height: 1; }
.pzs-count { display: inline-block; min-width: 20px; padding: 1px 7px; border-radius: 999px; background: var(--pzs-acc); color: #fff;
  font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }

/* ⑤ header line */
.pzs-head-line a { color: var(--pzs-acc) !important; font-weight: 600; }

/* ② Feed Bar */
#filterby-post.pzs-bar { display: flex !important; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 8px !important; }
#filterby-post.pzs-bar::-webkit-scrollbar { display: none; }
#filterby-post.pzs-bar .filter-by-li::after { content: none !important; }
#filterby-post.pzs-bar .pzs-chip { flex: 0 0 auto !important; display: inline-flex !important; align-items: center; gap: 6px; height: 36px;
  padding: 0 14px !important; border-radius: 999px !important; border: 0 !important; background: var(--pzs-soft) !important;
  color: var(--pzs-text) !important; font-weight: 500; font-size: 14px; cursor: pointer; white-space: nowrap; }
#filterby-post.pzs-bar .pzs-chip:hover { background: var(--pzs-line) !important; }
#filterby-post.pzs-bar .pzs-chip.avtive { background: var(--pzs-acc) !important; color: #fff !important; }
#filterby-post.pzs-bar .pzs-toolchip { background: color-mix(in srgb, var(--pzs-c) 14%, transparent) !important; color: var(--pzs-c) !important; font-weight: 700; }
#filterby-post.pzs-bar .pzs-toolchip.avtive { background: var(--pzs-c) !important; color: #fff !important; }
#filterby-post.pzs-bar .pzs-toolchip .pzs-count { background: var(--pzs-c); }
#filterby-post.pzs-bar .pzs-toolchip.avtive .pzs-count { background: #fff; color: var(--pzs-c); }
.pzs-caret { font-size: 11px; opacity: .7; }
.pzs-subbar { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 0 8px 10px; margin-top: -4px; }
.pzs-subbar[hidden] { display: none !important; }   /* phone .pzs-subbar-tab rules set display (📊 Summary hides the chips) */
html.pz-modern .wo_group_profile .pzs-subbar[hidden] { display: none !important; }   /* the Modern skin's phone rule says display: flex !important */
.pzs-subbar::-webkit-scrollbar { display: none; }
.pzs-sub { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px;
  border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text); font-size: 13px; cursor: pointer; white-space: nowrap; }
.pzs-sub i { width: 8px; height: 8px; border-radius: 50%; background: var(--pzs-c); }
.pzs-sub.on { border-color: var(--pzs-c); background: color-mix(in srgb, var(--pzs-c) 12%, transparent); color: var(--pzs-c); font-weight: 600; }
.pzs-menu { position: fixed; z-index: 1050; min-width: 170px; padding: 6px; border-radius: 12px; background: var(--pzs-card);
  border: 1px solid var(--pzs-line); box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.pzs-menu[hidden] { display: none; }
.pzs-menu button { display: block; width: 100%; text-align: left; padding: 9px 12px; border: 0; border-radius: 8px; background: none;
  color: var(--pzs-text); font-size: 14px; cursor: pointer; }
.pzs-menu button:hover, .pzs-menu button.on { background: var(--pzs-soft); }
.pzs-menu button.on { font-weight: 700; color: var(--pzs-acc); }
.pzs-menu button.on::after { content: ' ✓'; }
.pzs-menu .pzs-menu-all { border-bottom: 1px solid var(--pzs-line); border-radius: 8px 8px 0 0; margin-bottom: 4px; }

/* ③ tool card + phone strip */
.pzs-card { padding: 14px 16px !important; margin-bottom: 15px; border-radius: 16px; }
.pzs-card-h { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 16px; color: var(--pzs-text); margin-bottom: 10px; }
.pzs-card-h .pzr-help { margin-left: auto; }
.pzs-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pzs-stat { padding: 10px; border-radius: 12px; background: var(--pzs-soft); }
.pzs-stat b { display: block; font-size: 20px; line-height: 1.2; color: var(--pzs-text); }
.pzs-stat span { font-size: 12px; color: var(--pzs-muted); }
.pzs-stat.pzs-warn b { color: #d97706; }
.pzs-card-go { display: block; margin-top: 10px; padding: 10px; border-radius: 12px; text-align: center; font-weight: 700;
  background: var(--pzs-acc); color: #fff !important; text-decoration: none !important; }
.pzs-cards-phone { display: none; }
.pzs-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; padding: 10px 14px; margin-bottom: 12px; border-radius: 14px;
  background: var(--pzs-card); border: 1px solid var(--pzs-line); color: var(--pzs-text) !important; font-size: 14px; text-decoration: none !important; }
.pzs-strip-i { font-size: 18px; margin-right: 4px; }
.pzs-strip .pzs-late { color: #d97706; }
.pzs-strip-go { margin-left: auto; color: var(--pzs-acc); font-weight: 700; }
@media (max-width: 991px) {
  .pzs-cards { display: none; }
  .pzs-cards-phone { display: block; }
}
html.pz-modern:has(#night-mode-css) .pzs-strip, html.pz-modern:has(#night-mode-css) .pzs-sub { background: var(--pz-card, #1f2937); }
/* classic look: WoWonder's side panel (220 px, absolute) covers the card's left edge on wider screens */
@media (min-width: 768px) { html:not(.pz-modern) .wo_group_profile .pzs-tabs { margin-left: 220px; border-top: 0; } }

/* Space views V1 (plan/space/views.md) */
#filterby-post.pzs-bar .pzs-tools-end { margin: 0 0 0 auto !important; padding: 0 !important; border-radius: 0 !important; display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; list-style: none; cursor: default; }
#filterby-post.pzs-bar .pzs-tools-end::before { content: none !important; }
#filterby-post.pzs-bar .pzs-tools-end, #filterby-post.pzs-bar .pzs-tools-end:hover { background: none !important; }   /* WoWonder .filterby li:hover paints #f9f9f9 */
#filterby-post.pzs-bar .pzs-chip::before { content: none !important; }
#filterby-post.pzs-bar .pzs-chip { margin: 0 !important; }
.pzs-sortbtn { height: 36px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--pzs-soft); color: var(--pzs-text); font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.pzs-sortbtn[hidden] { display: none; }
.pzs-views { display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px; background: var(--pzs-soft); }
.pzs-vbtn { width: 34px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 999px; background: none; color: var(--pzs-muted); cursor: pointer; }
.pzs-vbtn:hover { color: var(--pzs-text); }
.pzs-vbtn.on { background: var(--pzs-card); color: var(--pzs-acc); box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.pzs-menu button[hidden] { display: none; }
@media (max-width: 600px) {
  .pzs-views { background: none; padding: 0; }
  .pzs-vbtn:not(.on) { display: none; }
  .pzs-vbtn.on { background: var(--pzs-soft); box-shadow: none; }
  .pzs-sortbtn span { display: none; }
}

.pzs-list { margin-bottom: 15px; border-radius: 16px; background: var(--pzs-card); border: 1px solid var(--pzs-line); overflow: hidden; }
.pzs-list[hidden] { display: none !important; }   /* beats .pzs-v-photos { display: grid } — Photos → Feed left the grid on screen (owner 2026-10-28) */
.pzs-loading { height: 120px; background: linear-gradient(90deg, transparent, var(--pzs-soft), transparent) 0 0 / 200% 100%; animation: pzs-sh 1.2s infinite linear; }
@keyframes pzs-sh { to { background-position: -200% 0; } }
.pzs-empty { padding: 28px; text-align: center; color: var(--pzs-muted); }
.pzs-more { display: block; width: 100%; padding: 12px; border: 0; border-top: 1px solid var(--pzs-line); background: none; color: var(--pzs-acc); font-weight: 700; cursor: pointer; }
.pzs-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--pzs-line); color: var(--pzs-text) !important; text-decoration: none !important; min-width: 0; }
.pzs-row:first-child { border-top: 0; }
a.pzs-row:hover { background: var(--pzs-soft); }
.pzs-dot { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: transparent; }
.pzs-dot.on { background: var(--pzs-acc); }
.pzs-th { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 10px; object-fit: cover; background: var(--pzs-soft); }
.pzs-th0 { display: grid; place-items: center; font-weight: 700; font-size: 20px; color: var(--pzs-muted); }
.pzs-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pzs-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pzs-l .pzs-txt { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; line-height: 1.35; }
.pzs-sub2 { display: flex; gap: 10px; align-items: center; font-size: 12.5px; color: var(--pzs-muted); }
.pzs-who { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; }
.pzs-age, .pzs-n { white-space: nowrap; font-size: 12.5px; color: var(--pzs-muted); }
.pzs-c { padding: 8px 14px; font-size: 14px; }
.pzs-c .pzs-txt { flex: 1 1 auto; min-width: 0; }
.pzs-c .pzs-who { flex: 0 0 auto; max-width: 140px; font-size: 13px; color: var(--pzs-muted); }

/* Report table — List: thumb · # · status · title (+ category · area) · age · me too [· handled by]; Compact: one line of columns */
.pzs-r { display: grid; grid-template-columns: 8px 44px 54px 108px minmax(0,1fr) 92px 50px; gap: 10px; align-items: center; font-size: 14px; }
.pzs-r.pzs-staff { grid-template-columns: 8px 44px 54px 108px minmax(0,1fr) 92px 50px 104px; }
.pzs-r.pzs-rc { grid-template-columns: 8px 54px 104px 100px minmax(0,1fr) 92px 80px 50px; padding: 7px 14px; }
.pzs-r.pzs-rc.pzs-staff { grid-template-columns: 8px 54px 104px 92px minmax(0,1fr) 84px 80px 44px 96px; }
.pzs-r .pzs-th { width: 44px; height: 44px; flex: none; border-radius: 8px; font-size: 18px; }
.pzs-c-title { display: flex; flex-direction: column; min-width: 0; }
.pzs-c-title b, .pzs-c-title small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-c-title small { font-size: 12.5px; color: var(--pzs-muted); font-weight: 400; }
.pzs-rhead { font-size: 12px; font-weight: 700; color: var(--pzs-muted); text-transform: uppercase; letter-spacing: .02em; background: var(--pzs-soft); padding-top: 8px; padding-bottom: 8px; }
.pzs-rhead .pzs-th { height: 0; background: none; }
.pzs-c-no { font-variant-numeric: tabular-nums; color: var(--pzs-muted); font-size: 13px; }
.pzs-st { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 13px; color: var(--pzs-c); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-st i { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--pzs-c); }
.pzs-c-cat, .pzs-c-area, .pzs-c-staff { font-size: 13px; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-rc .pzs-c-title { font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-c-age { font-size: 12.5px; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-c-me { font-size: 13px; white-space: nowrap; }
.pzs-late { color: #d97706; font-weight: 700; }
.pzs-star { color: #b45309; }
@media (max-width: 760px) {
  .pzs-rhead { display: none !important; }
  .pzs-r, .pzs-r.pzs-rc, .pzs-r.pzs-staff, .pzs-r.pzs-rc.pzs-staff {
    grid-template-columns: 8px auto minmax(0,1fr) auto; grid-template-areas: "dot title title me" "dot st meta meta"; row-gap: 3px; column-gap: 8px; }
  .pzs-r .pzs-th { display: none; }
  .pzs-r .pzs-dot { grid-area: dot; align-self: start; margin-top: 7px; }
  .pzs-r .pzs-c-no { display: none; }
  .pzs-r .pzs-c-title { grid-area: title; font-weight: 600; }
  .pzs-r .pzs-c-title small { display: none; }
  .pzs-r .pzs-c-me { grid-area: me; }
  .pzs-r .pzs-st { grid-area: st; }
  .pzs-r .pzs-c-cat, .pzs-r .pzs-c-area, .pzs-r .pzs-c-age, .pzs-r .pzs-c-staff { display: none; }
  .pzs-r::after { content: attr(data-meta); grid-area: meta; font-size: 12.5px; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 600px) {
  .pzs-c .pzs-who { max-width: 84px; }
  .pzs-c .pzs-n + .pzs-n { display: none; }   /* phone compact: keep 💬, drop ❤ */
}

/* ===== Space views V2 (plan/space/views.md) ===== */
/* split panel (desktop ≥ 992 px): the right column becomes the open item, a bit wider */
@media (min-width: 992px) {
  .wo_group_profile.pzs-split > .col-md-8 { width: 54%; }
  .wo_group_profile.pzs-split > .col-md-4 { width: 46%; }
  .wo_group_profile.pzs-split > .col-md-4 > :not(#pzs-panel) { display: none !important; }
  .pzs-panel { display: none; }
  .pzs-split .pzs-panel { display: block; position: sticky; top: 72px; max-height: calc(100vh - 88px); overflow: auto; overscroll-behavior: contain;
    border-radius: 16px; background: var(--pzs-card); border: 1px solid var(--pzs-line); box-shadow: 0 10px 30px rgba(16,24,40,.12); }
}
/* phone / tablet: bottom sheet */
@media (max-width: 991px) {
  .pzs-panel { display: none; }
  .pzs-sheet .pzs-panel { display: block; position: fixed; z-index: 1060; left: 0; right: 0; bottom: 0; height: 90vh; overflow: auto; overscroll-behavior: contain;
    background: var(--pzs-card); border-radius: 18px 18px 0 0; box-shadow: 0 -10px 30px rgba(0,0,0,.25); animation: pzs-up .22s ease-out; }
  .pzs-sheet ~ .pzs-backdrop, .pzs-backdrop.on { display: block; }
}
@keyframes pzs-up { from { transform: translateY(40%); opacity: .4; } to { transform: none; opacity: 1; } }
.pzs-backdrop { display: none; position: fixed; inset: 0; z-index: 1055; background: rgba(0,0,0,.4); }
html:has(.wo_group_profile.pzs-sheet) .pzs-backdrop { display: block; }
html.pzs-noscroll, html.pzs-noscroll body { overflow: hidden; }
.pzs-panel-bar { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--pzs-card); border-bottom: 1px solid var(--pzs-line); }
.pzs-grab { display: none; }
@media (max-width: 991px) { .pzs-grab { display: block; position: absolute; left: 50%; top: 5px; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: var(--pzs-line); } .pzs-panel-bar { padding-top: 16px; } }
.pzs-panel-full { font-size: 13px; font-weight: 600; color: var(--pzs-acc) !important; }
.pzs-panel-x { margin-left: auto; width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--pzs-soft); color: var(--pzs-text); font-size: 16px; cursor: pointer; }
.pzs-panel-body { padding: 8px; }
.pzs-panel-body .post { margin: 0 !important; box-shadow: none !important; border: 0 !important; }
.pzs-row.cur { background: color-mix(in srgb, var(--pzs-acc) 10%, transparent) !important; box-shadow: inset 3px 0 0 var(--pzs-acc); }

/* date dividers */
.pzs-div { padding: 8px 14px 4px; font-size: 12px; font-weight: 700; color: var(--pzs-muted); text-transform: uppercase; letter-spacing: .03em;
  background: var(--pzs-soft); border-top: 1px solid var(--pzs-line); }
.pzs-div + .pzs-row { border-top: 0; }

/* status groups */
.pzs-ghead { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 14px; border: 0; border-top: 1px solid var(--pzs-line);
  background: var(--pzs-soft); color: var(--pzs-text); font-weight: 700; font-size: 14px; text-align: left; cursor: pointer; }
.pzs-ghead[aria-expanded="false"] .pzs-caret2 { transform: rotate(-90deg); }
.pzs-caret2 { display: inline-block; transition: transform .15s; font-size: 12px; color: var(--pzs-muted); }
.pzs-gcount { padding: 0 8px; border-radius: 999px; background: var(--pzs-card); color: var(--pzs-muted); font-size: 12px; }
.pzs-row[hidden] { display: none !important; }
.pzs-menu .pzs-grptog { border-top: 1px solid var(--pzs-line); border-radius: 0 0 8px 8px; margin-top: 4px; }
.pzs-menu .pzs-grptog::before { content: '☐ '; }
.pzs-menu .pzs-grptog.on::before { content: '☑ '; }
.pzs-menu .pzs-grptog.on::after { content: none; }
.pzs-menu-h { padding: 6px 12px; font-size: 12px; font-weight: 700; color: var(--pzs-muted); }

/* notices strip */
.pzs-notices { display: flex; align-items: center; gap: 10px; padding: 10px 14px; margin-bottom: 12px; border-radius: 14px;
  background: color-mix(in srgb, #f59e0b 12%, var(--pzs-card)); border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent); }
.pzs-notices-i { font-size: 16px; }
.pzs-notices-in { display: flex; flex-wrap: wrap; gap: 4px 0; min-width: 0; flex: 1; }
.pzs-notice { color: var(--pzs-text) !important; font-weight: 600; font-size: 14px; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pzs-notice + .pzs-notice::before { content: '·'; margin: 0 10px; color: var(--pzs-muted); }
.pzs-notice:hover { color: var(--pzs-acc) !important; }
@media (max-width: 600px) {
  .pzs-notices-in { flex-wrap: nowrap; }
  .pzs-notice { display: none; } .pzs-notice.on { display: block; }
  .pzs-notice + .pzs-notice::before { content: none; }
}
.pzs-tab-set { margin-left: auto; font-size: 14px; }
@media (min-width: 992px) {
  /* the panel's column must be as tall as the list so the panel can stay pinned (sticky) while the list scrolls */
  .wo_group_profile.pzs-split { display: flex; flex-wrap: wrap; align-items: stretch; }
  .wo_group_profile.pzs-split > .profile-container { flex: 0 0 100%; }
  /* narrower list while an item is open: drop the photo and "handled by" (both are in the panel) */
  .pzs-split .pzs-r, .pzs-split .pzs-r.pzs-staff { grid-template-columns: 8px 54px 104px minmax(0,1fr) 84px 44px; }
  .pzs-split .pzs-r.pzs-rc, .pzs-split .pzs-r.pzs-rc.pzs-staff { grid-template-columns: 8px 54px 104px minmax(0,1fr) 84px 44px; }
  .pzs-split .pzs-r .pzs-th, .pzs-split .pzs-r .pzs-c-staff, .pzs-split .pzs-rc .pzs-c-cat, .pzs-split .pzs-rc .pzs-c-area { display: none; }
  .pzs-split .pzs-l .pzs-th { flex-basis: 44px; width: 44px; height: 44px; }
}

/* fixes 2026-10-26: Group chip visible in the Report status row; notices one per line on desktop */
.pzs-grpchip { margin-left: auto; font-weight: 600; --pzs-c: var(--pzs-acc); }
.pzs-grpchip[hidden] { display: none; }
.pzs-grpchip.on { border-color: var(--pzs-acc); background: color-mix(in srgb, var(--pzs-acc) 14%, transparent); color: var(--pzs-acc); }
@media (min-width: 601px) {
  .pzs-notices { align-items: flex-start; }
  .pzs-notices-in { flex-direction: column; flex-wrap: nowrap; gap: 4px; }
  .pzs-notice + .pzs-notice::before { content: none; }
}

/* G1 + G2 grouping headers: label + count, colour bar of statuses, summary */
.pzs-ghead2 { display: grid; grid-template-columns: 16px minmax(0, 1fr) 160px; grid-template-areas: "c l b" "c s s"; gap: 4px 10px; align-items: center; cursor: pointer; user-select: none; }
.pzs-ghead2 .pzs-caret2 { grid-area: c; }
.pzs-glab { grid-area: l; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pzs-gplace { color: var(--pzs-muted); font-weight: 400; margin-left: 4px; }
.pzs-gbar { grid-area: b; display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: var(--pzs-line); }
.pzs-gbar i { display: block; min-width: 4px; cursor: pointer; }
.pzs-gbar i:hover { filter: brightness(1.15); }
.pzs-gsum { grid-area: s; font-size: 12.5px; font-weight: 500; color: var(--pzs-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pzs-gsame { grid-area: b / b / s / s; display: flex; align-items: center; gap: 10px; min-width: 0; }
.pzs-ghead2:has(.pzs-gsame) { grid-template-areas: "c l g" "c b b"; }
.pzs-ghead2:has(.pzs-gsame) > .pzs-gbar { grid-area: g; }
.pzs-ghead2:has(.pzs-gsame) > .pzs-gsame { grid-area: b; }   /* "b / b / s / s" made a phantom 4th column here */   /* same-problem headers show the status bar too (owner 2026-10-28) */
.pzs-gsame .pzs-gsum { grid-area: auto; }
.pzs-grpchip b { font-weight: 700; }
@media (max-width: 600px) { .pzs-ghead2 { grid-template-columns: 16px minmax(0, 1fr) 90px; } }
.pzs-ghead2:has(.pzs-gsame) .pzs-gcount { display: none; }   /* clusters: the count is in "N reports" */
.pzs-gsame .pzs-st { flex: 0 0 auto; overflow: visible; }
.pzs-gsame .pzs-gsum { flex: 1 1 auto; min-width: 0; }

/* chevrons: drawn SVG instead of the tiny ▾ character (owner 2026-10-26) */
.pzs-caret2 { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--pzs-card); color: var(--pzs-text); font-size: 0; }
.pzs-ghead2 { grid-template-columns: 26px minmax(0, 1fr) 160px; }
@media (max-width: 600px) { .pzs-ghead2 { grid-template-columns: 26px minmax(0, 1fr) 90px; } }
.pzs-ghead:hover .pzs-caret2 { background: var(--pzs-acc); color: #fff; }
.pzs-caret, .pzs-grpchip .pzs-chev { display: inline-block; vertical-align: -2px; opacity: .85; font-size: 0; }
.pzs-grpchip { gap: 4px; }
#filterby-post.pzs-bar .pzs-chip svg.pzs-chev { display: inline-block !important; }   /* Modern skin hides svg inside pills */

/* ===== V3 (plan/space/views.md §7) ===== */
/* ▦ Photos grid */
.pzs-list.pzs-v-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; }
.pzs-list.pzs-v-photos > .pzs-div, .pzs-list.pzs-v-photos > .pzs-more, .pzs-list.pzs-v-photos > .pzs-empty, .pzs-list.pzs-v-photos > .pzs-loading { grid-column: 1 / -1; }
@media (max-width: 600px) { .pzs-list.pzs-v-photos { grid-template-columns: repeat(2, 1fr); } }
.pzs-tile { position: relative; display: flex; aspect-ratio: 1; overflow: hidden; border-radius: 10px; background: var(--pzs-soft); }
.pzs-tile img { flex: 1 1 0; min-width: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.pzs-tile:hover img { transform: scale(1.04); }
.pzs-tile-ba img + img { border-left: 2px solid #fff; }
.pzs-tile.cur { outline: 3px solid var(--pzs-acc); outline-offset: -3px; }
.pzs-tbadge, .pzs-tplay, .pzs-tmore, .pzs-tst { position: absolute; top: 6px; padding: 2px 8px; border-radius: 999px; background: rgba(0,0,0,.6); color: #fff; font-size: 12px; font-weight: 700; }
.pzs-tbadge, .pzs-tst { left: 6px; } .pzs-tplay, .pzs-tmore { right: 6px; }
.pzs-tst { display: inline-flex; align-items: center; gap: 5px; }
.pzs-tst i { width: 8px; height: 8px; border-radius: 50%; background: var(--pzs-c); }
.pzs-tmeta { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 8px 6px; background: linear-gradient(transparent, rgba(0,0,0,.65)); color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-tmeta:empty { display: none; }

/* 🔍 search */
.pzs-searchbtn { width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--pzs-soft); color: var(--pzs-text); cursor: pointer; }
.pzs-search { display: flex; align-items: center; gap: 8px; margin: -4px 0 10px; padding: 0 6px 0 14px; height: 44px; border-radius: 14px; border: 2px solid var(--pzs-acc); background: var(--pzs-card); color: var(--pzs-muted); }
.pzs-search[hidden] { display: none; }
.pzs-search input { flex: 1; min-width: 0; height: 100%; border: 0 !important; outline: 0; background: none !important; color: var(--pzs-text); font-size: 15px; box-shadow: none !important; }
.pzs-search button { width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--pzs-soft); color: var(--pzs-text); cursor: pointer; }
.pzs-list mark { background: color-mix(in srgb, #f59e0b 40%, transparent); color: inherit; border-radius: 3px; padding: 0 1px; }
/* the old "Search for posts" box is replaced by the bar search */
.wo_group_profile:has(#pzs-list) > .col-md-4 > .wow_content:has(.search-for-posts) { display: none !important; }

/* quick status + select (staff) */
.pzs-r.pzs-can { position: relative; }
.pzs-qs-wrap { display: inline-flex; align-items: center; gap: 6px; justify-self: end; }
.pzs-r.pzs-can .pzs-c-staff { display: none; }
.pzs-sel { width: 18px; height: 18px; margin: 0; accent-color: var(--pzs-acc); cursor: pointer; }
.pzs-qs { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 8px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--pzs-c) 45%, transparent);
  background: color-mix(in srgb, var(--pzs-c) 12%, transparent); color: var(--pzs-c); font-size: 12px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.pzs-qs i { width: 7px; height: 7px; border-radius: 50%; background: var(--pzs-c); }
.pzs-qs:disabled { opacity: .5; }
.pzs-menu hr { margin: 4px 6px; border: 0; border-top: 1px solid var(--pzs-line); }
.pzs-noafter { font-size: 11px; opacity: .8; }
.pzs-selbar { position: sticky; bottom: 12px; z-index: 20; display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 10px 14px; border-radius: 14px;
  background: var(--pzs-acc); color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.pzs-selbar[hidden] { display: none; }
.pzs-selbar b { margin-right: auto; }
.pzs-selbar button { height: 34px; padding: 0 12px; border: 0; border-radius: 999px; background: rgba(255,255,255,.18); color: #fff; font-weight: 700; cursor: pointer; }
.pzs-selbar .pzs-selgo { background: #fff; color: var(--pzs-acc); }
@media (max-width: 760px) {
  .pzs-r .pzs-qs-wrap { grid-area: me; }
  .pzs-r.pzs-can .pzs-c-me { display: none; }
  .pzs-qs { height: 26px; font-size: 11.5px; }
}
@media (min-width: 992px) { .pzs-split .pzs-qs-wrap .pzs-sel { display: none; } }
#filterby-post.pzs-bar .pzs-chip svg.pzs-chev, #filterby-post.pzs-bar .pzs-chip svg.pzs-chev * , svg.pzs-chev, svg.pzs-chev * { fill: none !important; stroke: currentColor !important; }   /* Modern skin fills icons in active pills → keep the chevron a line */
html #filterby-post.pzs-bar .filter-by-li.pzs-chip svg.pzs-chev path, html #filterby-post.pzs-bar .filter-by-li.pzs-chip.avtive svg.pzs-chev path, html.pz-modern #filterby-post.pzs-bar .filter-by-li.pzs-chip.avtive svg.pzs-chev path { fill: none !important; stroke: currentColor !important; }

/* Posts split pill (owner 2026-10-27): [ Posts | ⌄ ] — word = all posts, chevron = type menu */
#filterby-post.pzs-bar .pzs-chip.pzs-posts { padding: 0 !important; gap: 0; overflow: hidden; }
.pzs-posts-l, .pzs-posts-c { height: 36px; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; display: inline-flex; align-items: center; }
.pzs-posts-l { padding: 0 10px 0 14px; }
.pzs-posts-c { position: relative; justify-content: center; width: 38px; padding: 0; }
.pzs-posts-c::before { content: ''; position: absolute; left: 0; top: 9px; bottom: 9px; border-left: 1px solid currentColor; opacity: .3; }
.pzs-posts-c::after { content: ''; position: absolute; inset: 4px 4px; border-radius: 999px; background: currentColor; opacity: 0; transition: opacity .15s; }
.pzs-posts-c:hover::after, .pzs-posts-c[aria-expanded="true"]::after { opacity: .14; }
.pzs-posts-l:hover { text-decoration: underline; text-underline-offset: 3px; }
.pzs-posts-c svg { position: relative; z-index: 1; }
.pzs-posts-l:focus-visible, .pzs-posts-c:focus-visible { outline: 2px solid var(--pzs-acc); outline-offset: -2px; border-radius: 999px; }

/* Report row (owner 2026-10-27): status chips │ personal chips (🙋 My reports · 👷 Assigned to me n · ⚠ Late n) */
.pzs-subdiv { flex: 0 0 1px; align-self: stretch; margin: 6px 4px; background: var(--pzs-line); }
.pzs-who { font-weight: 600; }
.pzs-who.on { border-color: var(--pzs-acc); background: color-mix(in srgb, var(--pzs-acc) 14%, transparent); color: var(--pzs-acc); }
.pzs-n2 { display: inline-block; min-width: 18px; padding: 0 6px; border-radius: 999px; background: var(--pzs-soft); color: var(--pzs-text); font-size: 11.5px; line-height: 18px; text-align: center; }
.pzs-who-warn { border-color: color-mix(in srgb, #d97706 55%, transparent); color: #d97706; }
.pzs-who-warn .pzs-n2 { background: #d97706; color: #fff; }
.pzs-who.on .pzs-n2 { background: var(--pzs-acc); color: #fff; }
@media (min-width: 761px) { .pzs-subbar { flex-wrap: wrap; overflow: visible; row-gap: 6px; } }   /* desktop: all chips visible (staff rows are long) */
@media (min-width: 992px) {   /* split view: rows you can update keep the quick-status button on the same line (owner 2026-10-27) */
  .pzs-split .pzs-r.pzs-can, .pzs-split .pzs-r.pzs-rc.pzs-can { grid-template-columns: 8px 50px 98px minmax(0,1fr) 60px 34px auto; column-gap: 8px; }
  .pzs-split .pzs-r.pzs-can .pzs-qs { padding: 0 7px; }
}

/* Report chips layout (owner 2026-10-27): staff / managers = two rows — 1 statuses ··· ⊞ Group, 2 🙋 · 👷 · ⚠; residents = one row */
.pzs-subbar.pzs-two { flex-direction: column; flex-wrap: nowrap !important; overflow: visible; gap: 6px; }
.pzs-subrow { display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.pzs-subrow::-webkit-scrollbar { display: none; }
.pzs-subrow > * { flex: 0 0 auto; }
.pzs-subrow .pzs-grpchip { margin-left: auto; }
@media (min-width: 761px) { .pzs-subbar:not(.pzs-two) { flex-wrap: nowrap; overflow-x: auto; } }   /* one row for residents */
@media (max-width: 600px) { .pzs-subrow .pzs-sub { padding: 0 9px; gap: 4px; font-size: 12.5px; height: 30px; } .pzs-subrow .pzs-n2 { min-width: 16px; padding: 0 5px; font-size: 11px; line-height: 16px; } }   /* phone: the staff row fits without scrolling */
.pzs-ls { display: none; }
@media (max-width: 600px) { .pzs-two .pzs-lf { display: none; } .pzs-two .pzs-ls { display: inline; } }   /* phone staff row: short labels */

/* One rule (owner 2026-10-27): border / tint change ONLY when a chip is selected. ⚠ Late shows urgency in its icon and count badge;
   ⊞ Group is a setting (like ↕ sort) — always neutral, its label says the mode. */
.pzs-who-warn { border-color: var(--pzs-line); color: var(--pzs-text); }
.pzs-wi { color: #d97706; }
.pzs-who-warn .pzs-n2 { background: #d97706; color: #fff; }
.pzs-who.on, .pzs-who-warn.on { border-color: var(--pzs-acc); background: color-mix(in srgb, var(--pzs-acc) 14%, transparent); color: var(--pzs-acc); }
.pzs-who-warn.on .pzs-n2 { background: #d97706; color: #fff; }
.pzs-sub.pzs-grpchip, .pzs-sub.pzs-grpchip.on { border-color: var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text); }
.pzs-sub.pzs-grpchip:hover { background: var(--pzs-soft); }

/* ===== Space Home — H1 engine + D1 v3 design (plan/space/home.md, mock plan/space/mock-2026-10-27-home-d1/index-v3.html) =====
   three layers: .pzs-intro (page, no card) · .pzs-grid cards · .pzs-foot (page, no card) */
.pzs-home { display: none; width: 100%; padding: 0 15px; --pzs-card2: color-mix(in srgb, var(--pzs-soft) 55%, var(--pzs-card)); --pzs-faint: color-mix(in srgb, var(--pzs-muted) 70%, transparent); }
.wo_group_profile.pzs-home-on > .pzs-home { display: block; }
.wo_group_profile.pzs-home-on > .col-md-8, .wo_group_profile.pzs-home-on > .col-md-4 { display: none !important; }
.pzs-home a { text-decoration: none !important; }
.pzs-ico { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* tabs with line icons + ⋯ Manage (Spaces with Home) */
.pzs-tabs-d1 { align-items: center; }
.pzs-tabs-d1 .pzs-tab { display: inline-flex; align-items: center; gap: 7px; }
.pzs-tabs-d1 .pzs-tab .pzs-ico { width: 17px; height: 17px; }
.pzs-manage { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; margin-bottom: 4px; border-radius: 10px;
  border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text); font-weight: 600; font-size: 13.5px; cursor: pointer; white-space: nowrap; }
.pzs-manage:hover { background: var(--pzs-soft); }
.pzs-mmenu a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 8px; color: var(--pzs-text) !important; font-size: 14px; text-decoration: none !important; }
.pzs-mmenu a:hover { background: var(--pzs-soft); }
.pzs-mmenu .pzs-ico { width: 16px; height: 16px; color: var(--pzs-muted); }
@media (max-width: 640px) { .pzs-manage span { display: none; } .pzs-manage { padding: 0 10px; } }

/* 1 · intro */
.pzs-intro { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(0, 620px); gap: 32px; align-items: end; padding: 30px 6px 26px; }   /* buttons column capped: more tools = buttons wrap, the greeting keeps its width */
.pzs-in1, .pzs-in2 { min-width: 0; }
.pzs-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; color: var(--pzs-muted); }
.pzs-intro h2 { margin: 8px 0 16px; font-size: 36px; line-height: 1.2; font-weight: 700; letter-spacing: -.6px; color: var(--pzs-text); }
.pzs-intro h2 span { background: linear-gradient(90deg, var(--pzs-acc), #a855f7); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pzs-lead { margin: 0 0 8px; font-size: 13px; font-weight: 500; color: var(--pzs-muted); }
.pzs-since { display: flex; flex-wrap: wrap; row-gap: 8px; }
.pzs-since a { display: flex; flex-direction: column; padding: 0 22px; border-left: 1px solid var(--pzs-line); color: var(--pzs-text) !important; }
.pzs-since a:first-child { padding-left: 0; border-left: 0; }
.pzs-since a:hover span { color: var(--pzs-acc); }
.pzs-since b { font-size: 26px; line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; }
.pzs-since b.pzs-g { color: #059669; }
.pzs-since span { font-size: 12.5px; color: var(--pzs-muted); }
.pzs-acts2 { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.pzs-pri, .pzs-gh { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; font-weight: 700; font-size: 14.5px; white-space: nowrap; }
.pzs-pri { background: var(--pzs-acc); color: #fff !important; box-shadow: 0 8px 22px color-mix(in srgb, var(--pzs-acc) 32%, transparent); }
.pzs-pri:hover { filter: brightness(1.08); }
.pzs-gh { padding: 0 15px; font-weight: 600; border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text) !important; }
.pzs-gh:hover { background: var(--pzs-soft); }
.pzs-sechead { display: flex; align-items: center; justify-content: space-between; padding: 18px 4px 0; border-top: 1px solid var(--pzs-line); }
.pzs-sechead h3 { margin: 0; font-size: 18px; font-weight: 700; color: var(--pzs-text); }
.pzs-cust { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--pzs-muted) !important; }
.pzs-cust:hover { color: var(--pzs-acc) !important; }
.pzs-cust .pzs-ico { width: 15px; height: 15px; }

/* 2 · cards: full-width rows + two-column bands that end on one line */
.pzs-grid { display: flex; flex-direction: column; gap: 16px; margin: 14px 0 0; }
.pzs-band { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.pzs-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.pzs-col > .pzs-w:last-child { flex: 1; }
.pzs-band > .pzs-col:only-child { grid-column: 1 / -1; }
.pzs-w { display: flex; flex-direction: column; min-width: 0; border-radius: 16px; background: var(--pzs-card); border: 1px solid var(--pzs-line); box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 4px 16px rgba(16,24,40,.05); }
.pzs-wh { display: flex; align-items: center; gap: 10px; padding: 16px 20px 12px; min-width: 0; }
.pzs-wh h3 { margin: 0; font-size: 15px; font-weight: 600; color: var(--pzs-text); white-space: nowrap; }
.pzs-wic { flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: var(--tn); background: color-mix(in srgb, var(--tn) 14%, transparent); }
.pzs-wic .pzs-ico { width: 16px; height: 16px; }
.pzs-wic-sm { width: 24px; height: 24px; border-radius: 7px; } .pzs-wic-sm .pzs-ico { width: 13px; height: 13px; }
.pzs-t-acc { --tn: var(--pzs-acc); } .pzs-t-red { --tn: #ef4444; } .pzs-t-amber { --tn: #ea7a0c; } .pzs-t-green { --tn: #059669; } .pzs-t-blue { --tn: #2563eb; }
.pzs-wcnt { font-size: 11.5px; font-weight: 600; line-height: 1; padding: 4px 7px; border-radius: 8px; background: var(--pzs-card2); border: 1px solid var(--pzs-line); color: var(--pzs-muted); }
.pzs-wmore { margin-left: auto; display: inline-flex; align-items: center; gap: 2px; color: var(--pzs-acc) !important; font-weight: 600; font-size: 13px; white-space: nowrap; }
.pzs-wmore .pzs-ico { width: 15px; height: 15px; }
.pzs-wb { flex: 1; padding: 0 20px 18px; min-width: 0; }

/* reports at a glance */
.pzs-kpis { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 10px; }
.pzs-kpi { position: relative; overflow: hidden; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--pzs-line); background: var(--pzs-card2); min-width: 0; }
.pzs-kpi::before { content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--k); }
.pzs-kl { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 500; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-kl .pzs-ico { width: 13px; height: 13px; }
.pzs-kpi > b { display: block; margin: 4px 0 2px; font-size: 28px; line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--pzs-text); }
.pzs-kpi-late > b { color: #d97706; }
.pzs-kd { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 11.5px; color: var(--pzs-muted); min-height: 20px; }
.pzs-kd > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-kd em { font-style: normal; font-weight: 600; color: var(--k); }
.pzs-spark { width: 64px; height: 20px; flex: none; }
.pzs-sbar { display: flex; height: 8px; margin: 16px 0 8px; border-radius: 5px; overflow: hidden; background: var(--pzs-line); }
.pzs-sbar span { display: block; cursor: pointer; }
.pzs-leg { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--pzs-muted); }
.pzs-leg i { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; }
.pzs-leg b { color: var(--pzs-text); font-weight: 600; }
.pzs-avg { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; color: #059669; font-weight: 600; }
.pzs-avg .pzs-ico { width: 13px; height: 13px; }
.pzs-top3 { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--pzs-line); }
.pzs-top3 h4, .pzs-mh h4 { margin: 0 0 8px; font-size: 12px; font-weight: 600; color: var(--pzs-muted); }
.pzs-ti { display: grid; grid-template-columns: 22px minmax(90px, 150px) 1fr 30px; align-items: center; gap: 8px; margin: 6px 0; font-size: 13px; color: var(--pzs-text); }
.pzs-tn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-tr { height: 6px; border-radius: 4px; background: var(--pzs-line); overflow: hidden; }
.pzs-tr i { display: block; height: 100%; border-radius: 4px; background: var(--pzs-acc); }
.pzs-ti b { text-align: right; font-variant-numeric: tabular-nums; }
.pzs-mine { margin: 16px -20px -18px; padding: 14px 20px 8px; border-top: 1px solid var(--pzs-line); border-radius: 0 0 16px 16px; background: color-mix(in srgb, var(--pzs-soft) 45%, transparent); }
.pzs-mh { display: flex; align-items: center; gap: 9px; margin-bottom: 2px; }
.pzs-mh h4 { margin: 0; font-size: 14px; color: var(--pzs-text); }
.pzs-ri { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 9px 10px; margin: 0 -10px; border-radius: 12px; color: var(--pzs-text) !important; }
.pzs-ri + .pzs-ri { border-top: 1px solid var(--pzs-line); border-radius: 0; }
.pzs-ri:hover { background: var(--pzs-soft); }
.pzs-pill { min-width: 78px; padding: 5px 8px; border-radius: 8px; text-align: center; font-size: 11.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; color: var(--c); background: color-mix(in srgb, var(--c) 14%, transparent); }
.pzs-rt { min-width: 0; display: flex; flex-direction: column; }
.pzs-rt b { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-rt small { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; }
.pzs-no { font-size: 11.5px; font-weight: 600; color: var(--pzs-faint); font-variant-numeric: tabular-nums; }
.pzs-steps { display: inline-flex; gap: 3px; flex: none; }
.pzs-steps i { width: 16px; height: 4px; border-radius: 2px; background: var(--pzs-line); }
.pzs-steps i.on { background: var(--c); }
.pzs-chev { color: var(--pzs-faint); }

/* notices */
.pzs-nl { display: flex; flex-direction: column; gap: 2px; }
.pzs-ni { display: flex; gap: 12px; padding: 10px; margin: 0 -10px; border-radius: 12px; color: var(--pzs-text) !important; }
.pzs-ni:hover { background: var(--pzs-soft); }
.pzs-dc { flex: none; width: 48px; overflow: hidden; border-radius: 10px; border: 1px solid var(--pzs-line); background: var(--pzs-card); text-align: center; align-self: flex-start; }
.pzs-dc span { display: block; padding: 4px 0; font-size: 10px; font-weight: 700; line-height: 1; color: #fff; background: #ef4444; }
.pzs-dc b { display: block; margin: 0; font-size: 18px; line-height: 1.4; font-weight: 700; }   /* margin 0: a WoWonder theme rule gives <b> margin-right 7px → number off-centre */
.pzs-nt { min-width: 0; display: flex; flex-direction: column; }
.pzs-nt b { font-size: 14px; font-weight: 600; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pzs-nt small { display: flex; align-items: center; gap: 5px; margin-top: 3px; font-size: 12px; color: var(--pzs-muted); }
.pzs-nt small .pzs-ico { width: 12px; height: 12px; }

/* popular */
.pzs-pi { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; padding: 9px 0; color: var(--pzs-text) !important; }
.pzs-pi + .pzs-pi { border-top: 1px solid var(--pzs-line); }
.pzs-pi:hover b { color: var(--pzs-acc); }
.pzs-pth { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; background: var(--pzs-soft); }
.pzs-pth0 { display: grid; place-items: center; color: var(--pzs-muted); }
.pzs-pt { min-width: 0; display: flex; flex-direction: column; }
.pzs-pt b { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-pt small { display: flex; align-items: center; gap: 10px; margin-top: 3px; font-size: 12px; color: var(--pzs-muted); min-width: 0; }
.pzs-pt small img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; margin-right: -4px; }
.pzs-pn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 45%; }
.pzs-pt small > span:not(.pzs-pn) { display: inline-flex; align-items: center; gap: 3px; }
.pzs-pt small .pzs-ico { width: 13px; height: 13px; }

/* around town */
.pzs-seg { display: inline-flex; gap: 2px; padding: 3px; margin-left: 8px; border-radius: 11px; background: var(--pzs-card2); border: 1px solid var(--pzs-line); }
.pzs-seg button { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border: 0; border-radius: 8px; background: none; font-size: 12.5px; font-weight: 600; color: var(--pzs-muted); white-space: nowrap; cursor: pointer; }
.pzs-seg button.on { background: var(--pzs-card); color: var(--pzs-text); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.pzs-seg i { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
.pzs-seg b { font-size: 11px; font-weight: 600; color: var(--pzs-faint); }
.pzs-carw { position: relative; }
.pzs-car { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 4.25); gap: 16px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding-bottom: 2px; }
.pzs-car::-webkit-scrollbar { display: none; }
.pzs-carw::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 36px; background: linear-gradient(90deg, transparent, var(--pzs-card)); pointer-events: none; }
.pzs-nav { position: absolute; z-index: 2; right: -12px; top: 36%; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--pzs-line);
  background: var(--pzs-card); color: var(--pzs-text); box-shadow: 0 4px 14px rgba(0,0,0,.18); cursor: pointer; }
.pzs-at { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 14px; border: 1px solid var(--pzs-line); background: var(--pzs-card2); scroll-snap-align: start; }
.pzs-at[hidden] { display: none; }
.pzs-aph { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--pzs-soft) center / cover no-repeat; }
.pzs-aph0 { position: absolute; inset: 0; display: grid; place-items: center; font-size: 42px; opacity: .55; }
.pzs-aba { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--pzs-line); }
.pzs-aba > span:not(.pzs-ast) { position: relative; background: center / cover no-repeat; }
.pzs-aba em { position: absolute; left: 8px; bottom: 8px; padding: 4px 7px; border-radius: 6px; font-style: normal; font-size: 11px; font-weight: 600; line-height: 1; color: #fff; background: rgba(0,0,0,.55); }
.pzs-aba em.pzs-after { background: rgba(5,150,105,.88); }
.pzs-ast { position: absolute; z-index: 1; top: 8px; left: 8px; padding: 5px 8px; border-radius: 7px; font-size: 11px; font-weight: 600; line-height: 1; color: #fff; background: var(--c); box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.pzs-acat { position: absolute; top: 8px; right: 8px; max-width: 55%; padding: 5px 8px; border-radius: 7px; font-size: 11px; font-weight: 600; line-height: 1; color: #fff; background: rgba(0,0,0,.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-faces { position: absolute; left: 8px; bottom: 8px; display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.7); }
.pzs-faces span { display: flex; }
.pzs-faces img { width: 20px; height: 20px; margin-left: -6px; border-radius: 50%; border: 2px solid #fff; object-fit: cover; }
.pzs-faces img:first-child { margin-left: 0; }
.pzs-aage { position: absolute; right: 8px; bottom: 8px; padding: 4px 7px; border-radius: 6px; font-size: 11px; font-weight: 600; line-height: 1; color: #fff; background: rgba(0,0,0,.5); }
.pzs-aage.pzs-late { background: #f59e0b; color: #1f1300; }
.pzs-acap { flex: 1; display: flex; flex-direction: column; padding: 10px 12px 12px; min-width: 0; }
.pzs-atl { font-size: 13.5px; font-weight: 600; color: var(--pzs-text) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-atl:hover { color: var(--pzs-acc) !important; }
.pzs-acap > small { display: flex; justify-content: space-between; gap: 8px; margin-top: 3px; font-size: 12px; color: var(--pzs-muted); }
.pzs-acap > small > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-arow { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--pzs-line); min-height: 41px; }
.pzs-acap > small + .pzs-arow { margin-top: 10px; }
.pzs-arow small { font-size: 12px; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-arow small.on { color: #059669; font-weight: 600; }
.pzs-abtn { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--pzs-acc);
  background: none; color: var(--pzs-acc); font-size: 12.5px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.pzs-abtn .pzs-ico { width: 14px; height: 14px; }
.pzs-abtn.on { background: var(--pzs-acc); color: #fff; }
.pzs-abtn.pzs-ask { border-color: var(--pzs-line); color: var(--pzs-text); }
.pzs-abtn.pzs-ask.on { background: none; color: #059669; border-color: transparent; }
.pzs-abtn:disabled { opacity: .75; cursor: default; }
.pzs-abtn.pzs-thx { border-color: color-mix(in srgb, #059669 45%, transparent); color: #059669; }
.pzs-abtn.pzs-thx.on { background: color-mix(in srgb, #059669 14%, transparent); border-color: transparent; }
.pzs-abtn.pzs-thx b:empty { display: none; }
.pzs-thx0 { margin-left: auto; font-size: 12.5px; font-weight: 700; color: #059669; }
.pzs-geo { display: inline-flex; align-items: center; gap: 5px; height: 30px; margin-left: 8px; padding: 0 10px; border-radius: 9px; border: 1px solid var(--pzs-line);
  background: var(--pzs-card); color: var(--pzs-muted); font-size: 12.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pzs-geo:hover { color: var(--pzs-acc); border-color: var(--pzs-acc); }
.pzs-geo .pzs-ico { width: 14px; height: 14px; }
.pzs-geo[hidden], .pzs-nav[hidden] { display: none; }

/* 3 · footer */
.pzs-foot { margin: 28px 0 10px; border-top: 1px solid var(--pzs-line); }
.pzs-fgrid { display: grid; grid-template-columns: 1.6fr 1fr 1fr .9fr; gap: 36px; padding: 32px 6px 24px; }
.pzs-brand { display: flex; align-items: center; gap: 12px; }
.pzs-brand img { width: 48px; height: 48px; flex: none; border-radius: 13px; object-fit: cover; }
.pzs-brand b { display: block; font-size: 16px; color: var(--pzs-text); }
.pzs-brand small, .pzs-foot small { display: block; font-size: 12px; color: var(--pzs-muted); }
.pzs-f1 p { margin: 14px 0 14px; max-width: 380px; font-size: 13.5px; color: var(--pzs-muted); }
.pzs-ppl { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.pzs-stack { display: flex; align-items: center; }
.pzs-stack a, .pzs-avmore { margin-left: -9px; }
.pzs-stack a:first-child { margin-left: 0; }
.pzs-stack img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 2px solid var(--pzs-card); display: block; }
.pzs-avmore { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--pzs-card); background: var(--pzs-soft); color: var(--pzs-muted); font-size: 11.5px; font-weight: 600; }
.pzs-up { display: inline-flex !important; align-items: center; gap: 3px; color: #059669 !important; font-weight: 600; }
.pzs-up .pzs-ico { width: 12px; height: 12px; }
.pzs-btn { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--pzs-line); background: var(--pzs-card);
  color: var(--pzs-text) !important; font-weight: 600; font-size: 13.5px; white-space: nowrap; }
.pzs-btn .pzs-ico { width: 16px; height: 16px; }
.pzs-btn:hover { background: var(--pzs-soft); }
.pzs-f1 .pzs-btn { margin-top: 16px; }
.pzs-call { background: var(--pzs-acc); border-color: var(--pzs-acc); color: #fff !important; }
.pzs-line { background: #06c755; border-color: #06c755; color: #fff !important; }
.pzs-call:hover, .pzs-line:hover { filter: brightness(1.08); }
.pzs-foot h4 { margin: 4px 0 14px; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--pzs-faint); }
.pzs-fr { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 11px; font-size: 13.5px; color: var(--pzs-text); min-width: 0; }
.pzs-fr span, .pzs-fr a { min-width: 0; overflow-wrap: anywhere; }
.pzs-fr a { color: var(--pzs-acc) !important; }
.pzs-fr .pzs-ico { width: 16px; height: 16px; margin-top: 2px; color: var(--pzs-muted); }
.pzs-fbtn { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.pzs-f4 a { display: block; margin-bottom: 9px; font-size: 13.5px; color: var(--pzs-muted) !important; }
.pzs-f4 a:hover { color: var(--pzs-acc) !important; }
.pzs-fbar { display: flex; justify-content: space-between; gap: 10px; padding: 14px 6px 6px; border-top: 1px solid var(--pzs-line); font-size: 12px; color: var(--pzs-faint); }
.pzs-fbar b { color: var(--pzs-muted); }

/* tablet / phone */
@media (max-width: 991px) {
  .pzs-intro { grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; }
  .pzs-acts2 { justify-content: flex-start; }
  .pzs-car { grid-auto-columns: calc((100% - 16px) / 2.2); }
  .pzs-fgrid { grid-template-columns: 1fr 1fr; gap: 28px 24px; }
  .pzs-f1 { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .pzs-home { padding: 0 6px; }
  .pzs-intro { padding: 20px 2px 18px; }
  .pzs-intro h2 { font-size: 27px; margin: 6px 0 12px; }
  .pzs-since a { padding: 0 14px; } .pzs-since b { font-size: 21px; } .pzs-since span { font-size: 11.5px; }
  .pzs-acts2 { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -8px; padding: 0 8px; } .pzs-acts2::-webkit-scrollbar { display: none; }
  .pzs-pri, .pzs-gh { flex: none; height: 42px; }
  .pzs-grid, .pzs-band, .pzs-col { gap: 12px; }
  .pzs-band { grid-template-columns: 1fr; }
  .pzs-wh { flex-wrap: wrap; padding: 14px 16px 10px; } .pzs-wb { padding: 0 16px 16px; }
  .pzs-seg { order: 5; width: 100%; margin: 8px 0 0; } .pzs-seg button { flex: 1; justify-content: center; }
  .pzs-geo { order: 4; margin-left: 0; }
  .pzs-kpis { gap: 8px; } .pzs-kpi { padding: 10px; } .pzs-kpi > b { font-size: 22px; } .pzs-spark { display: none; }
  .pzs-ti { grid-template-columns: 22px 110px 1fr 26px; }
  .pzs-mine { margin: 14px -16px -16px; padding: 12px 16px 6px; }
  .pzs-car { grid-auto-columns: 80%; } .pzs-nav { display: none; }
  .pzs-fgrid { padding: 24px 2px 18px; }
  .pzs-fbar { flex-direction: column; gap: 4px; }
}

/* D4c tabs (plan/space/tools.md §3): one tab per tool, a dot with new items since your last visit to that tab, More ▾ on phones */
.pzs-tabs-d4c .pzs-tab span { white-space: nowrap; }
.pzs-dotn { display: inline-block; min-width: 18px; padding: 0 6px; border-radius: 999px; background: #ef4444; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.pzs-tabs-d4c .pzs-tabmore { display: none; border: 0; background: none; cursor: pointer; font: inherit; }
@media (max-width: 600px) {
  .pzs-tabs-d4c .pzs-tab-sec:not(.active) { display: none; }
  .pzs-tabs-d4c .pzs-tabmore { display: inline-flex; }
  .pzs-tabs-d4c .pzs-tab { padding: 10px 10px 12px; font-size: 14px; }
}
/* the tool tab's bar: title + ＋ button + map / queue links, then its chips */
#filterby-post.pzs-bar .pzs-tooltitle { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 0 6px !important; list-style: none; color: var(--pzs-text); cursor: default;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
#filterby-post.pzs-bar .pzs-tooltitle::before, #filterby-post.pzs-bar .pzs-tooltitle::after { content: none !important; }
@media (min-width: 601px) { #filterby-post.pzs-bar.pzs-bar-tool { flex-wrap: wrap; overflow: visible; row-gap: 8px; } }
#filterby-post.pzs-bar .pzs-tooltitle .pzs-ico { color: var(--pzs-c); width: 20px; height: 20px; }
#filterby-post.pzs-bar .pzs-tooltitle b { font-size: 16px; }
.pzs-tt-n { font-size: 13px; color: var(--pzs-muted); white-space: nowrap; }
#filterby-post.pzs-bar .pzs-compose, #filterby-post.pzs-bar .pzs-xlink { flex: none; list-style: none; padding: 0 !important; display: inline-flex; align-items: center;
  margin: 0 !important; height: auto !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
#filterby-post.pzs-bar .pzs-compose::before, #filterby-post.pzs-bar .pzs-compose::after, #filterby-post.pzs-bar .pzs-xlink::before, #filterby-post.pzs-bar .pzs-xlink::after { content: none !important; display: none !important; }   /* WoWonder's li:before circle sat over the link: oval + ate the click */
#filterby-post.pzs-bar .pzs-compose .pzs-pri { height: 36px; padding: 0 14px; font-size: 14px; box-shadow: none; }
#filterby-post.pzs-bar .pzs-xlink a { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--pzs-line);
  color: var(--pzs-text) !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
#filterby-post.pzs-bar .pzs-xlink a:hover { background: var(--pzs-soft); }
#filterby-post.pzs-bar .pzs-xlink .pzs-ico { width: 16px; height: 16px; color: var(--pzs-muted); }
.pzs-subbar-tab { margin-top: 0; }
@media (max-width: 600px) {
  #filterby-post.pzs-bar .pzs-tt-n, #filterby-post.pzs-bar .pzs-xlink span { display: none; }
  #filterby-post.pzs-bar .pzs-xlink a { padding: 0 10px; }
  #filterby-post.pzs-bar .pzs-compose .pzs-pri span { display: none; }
  #filterby-post.pzs-bar .pzs-compose .pzs-pri { padding: 0 11px; }
}

/* Posts bar More ▾ (owner 2026-10-27): All posts · Text · Photos · Places · More ▾ — other types (+ any new one) in the menu with counts */
#filterby-post.pzs-bar .pzs-chip.pzs-ptmore { display: inline-flex; align-items: center; gap: 4px; }
.pzs-ptmore .pzs-chev { flex: none; transition: transform .15s; }
.pzs-ptmore[aria-expanded="true"] .pzs-chev { transform: rotate(180deg); }
#pzs-posts-menu button { display: flex; align-items: center; gap: 10px; }
#pzs-posts-menu .pzs-mi { width: 20px; text-align: center; }
#pzs-posts-menu .pzs-ml { flex: 1; }
#pzs-posts-menu .pzs-mn { font-size: 12px; font-weight: 600; color: var(--pzs-muted); min-width: 22px; text-align: right; }
#pzs-posts-menu button.on::after { content: none; }
#pzs-posts-menu button.on .pzs-mn::after { content: ' ✓'; color: var(--pzs-acc); }
#pzs-posts-menu button.pzs-empty { opacity: .5; }
#pzs-posts-menu button.pzs-empty.on { opacity: 1; }
#pzs-posts-menu .pzs-menu-phone, #filterby-post.pzs-bar .pzs-chip.pzs-phone-only { display: none; }
@media (max-width: 600px) {
  #filterby-post.pzs-bar .pzs-chip.pzs-chip-wide { display: none !important; }
  #pzs-posts-menu .pzs-menu-phone { display: flex; }
  #filterby-post.pzs-bar .pzs-chip.pzs-phone-only { display: inline-flex; }
}
@media (max-width: 600px) {   /* phone Posts bar: chips row, then search · sort · views on the right — no sideways scroll */
  #filterby-post.pzs-bar.pzs-bar-posts { flex-wrap: wrap; overflow: visible; row-gap: 8px; }
  #filterby-post.pzs-bar.pzs-bar-posts .pzs-tools-end { flex-basis: 100%; justify-content: flex-end; }
}

/* Space footer quick row: Modern only (pz-modern.css shows it) */
.pzs-fbar .pz-fq { display: none; }

/* T3: a tool may offer fewer views / no sort (Polls: its own cards) — the hidden attribute must win over the display rules above */
.pzs-views[hidden], .pzs-vbtn[hidden], .pzs-sortbtn[hidden] { display: none !important; }

/* Sticky Space Tabs (2026-10-28): space.js pins the row under the top bar once it gets there */
.pzs-tabs.pzs-stuck { position: fixed; z-index: 1000; margin: 0; background: var(--pzs-card, #fff); border: 1px solid var(--pzs-line); border-top: 0; border-radius: 0 0 16px 16px; box-shadow: 0 8px 22px rgba(17, 24, 39, .12); }
html.night .pzs-tabs.pzs-stuck, html.dark .pzs-tabs.pzs-stuck { box-shadow: 0 8px 22px rgba(0, 0, 0, .45); }
@media (max-width: 640px) { .pzs-tabs.pzs-stuck { border-radius: 0; border-left: 0; border-right: 0; } }
html.pz-modern.pzs-tabs-pinned #filterby-post { top: calc(var(--pzs-stk, 60px) + 8px) !important; }   /* the sticky Tool Bar sits under the pinned Space Tabs */

/* Tool Bar chips in one row (owner 2026-10-28, mock plan/space/mock-2026-10-28-report-chips/): a little smaller on desktop + tablet;
   Reports' two rows (status | personal) become one row with a divider, wrapping only when the column is too narrow; ⊞ Group = icon at the end */
@media (min-width: 768px) {
  .pzs-subbar-tab { padding-left: 0; padding-right: 0; }   /* chips line up with the Tool Bar box and the cards (owner 2026-10-28) */
  .pzs-subbar-tab .pzs-sub { height: 30px; padding: 0 9px; gap: 4px; font-size: 12.5px; }
  .pzs-subbar-tab .pzs-who:not(.on) { font-weight: 500; }
  .pzs-subbar-tab .pzs-n2 { min-width: 17px; padding: 0 5px; font-size: 11px; line-height: 17px; }
  .pzs-subbar-tab.pzs-two { flex-direction: row; flex-wrap: wrap !important; align-items: center; gap: 6px 4px; }
  .pzs-subbar-tab.pzs-two .pzs-subrow { display: contents; }
  .pzs-subbar-tab.pzs-two .pzs-subrow + .pzs-subrow::before { content: ""; flex: 0 0 1px; align-self: stretch; margin: 5px 2px; background: var(--pzs-line); }
  .pzs-subbar-tab .pzs-grpchip { order: 99; margin-left: auto; width: 32px; padding: 0; justify-content: center; font-size: 0; gap: 0; }
  .pzs-subbar-tab .pzs-grpchip::before { content: "⊞"; font-size: 15px; line-height: 1; }
  .pzs-subbar-tab .pzs-grpchip b, .pzs-subbar-tab .pzs-grpchip .pzs-chev { display: none; }
  .pzs-subbar-tab .pzs-grpchip.on, .pzs-subbar-tab .pzs-grpchip[aria-pressed=true] { color: var(--pzs-acc); }
}

/* Tool Bar fold (2026-10-28): space.js adds .pzs-folded while scrolled (desktop + tablet) — one slim row: icon · ＋ · chips · 🔍 ↕ view */
@media (min-width: 768px) {
  html.pz-modern #filterby-post.pzs-folded { flex-wrap: nowrap !important; align-items: center !important; gap: 6px !important; min-height: 0 !important; height: 46px; padding: 0 6px 0 12px !important; overflow: visible; animation: pzsFold .15s ease-out; }
  #filterby-post.pzs-folded .pzs-tooltitle { cursor: pointer; flex: none; }
  #filterby-post.pzs-folded .pzs-tooltitle b, #filterby-post.pzs-folded .pzs-xlink, #filterby-post.pzs-folded .pzs-compose span, #filterby-post.pzs-folded .pzs-sortbtn span { display: none !important; }
  #filterby-post.pzs-folded .pzs-compose { flex: none; }
  #filterby-post.pzs-folded .pzs-compose a { width: 32px; height: 32px; padding: 0 !important; justify-content: center; gap: 0; }
  #filterby-post.pzs-folded .pzs-vbtn:not(.on) { display: none; }
  #filterby-post.pzs-folded .pzs-tools-end { margin-left: 0 !important; flex: none; }
  html.pz-modern #filterby-post.pzs-folded > li.pzs-fold-chips { flex: 1 1 auto !important; min-width: 0; display: flex; align-items: center; overflow-x: auto; scrollbar-width: none; height: auto !important; margin: 0 !important;
    padding: 0 0 0 6px !important; background: none !important; box-shadow: none !important; border: 0 !important; border-left: 1px solid var(--pzs-line) !important; border-radius: 0 !important; }
  #filterby-post.pzs-folded .pzs-fold-chips::-webkit-scrollbar { display: none; }
  html.pz-modern #filterby-post.pzs-folded > li.pzs-fold-chips::before, html.pz-modern #filterby-post.pzs-folded > li.pzs-fold-chips::after { display: none !important; }   /* the skin puts a full-size layer on every bar item: it covered the chips */
  #filterby-post.pzs-folded .pzs-fold-chips .pzs-subbar { flex-wrap: nowrap !important; padding: 0 4px 0 0 !important; margin: 0 !important; gap: 4px !important; background: none !important; border: 0 !important; box-shadow: none !important; width: auto !important; }
  #filterby-post.pzs-folded .pzs-fold-chips .pzs-grpchip { margin-left: 4px; }
  @keyframes pzsFold { from { opacity: .55; } to { opacity: 1; } }
}

/* 📊 Summary view (owner 2026-10-28, mock plan/space/mock-2026-10-28-report-summary/): the Report tab's first screen */
.pzs-vbtn.pzs-vsum { width: auto; padding: 0 12px 0 10px; gap: 6px; display: inline-flex; align-items: center; font: 600 13.5px/1 inherit; font-family: inherit; }
.pzs-vbtn.pzs-vsum span { font-size: 13.5px; font-weight: 600; }
.pzs-list.pzs-v-summary { background: none; border: 0; overflow: visible; border-radius: 0; }
.pzs-sum { --pzs-r: 16px; }
.pzs-sum a { color: inherit; text-decoration: none; cursor: pointer; }
.pzs-sper { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; overflow-x: auto; scrollbar-width: none; }
.pzs-sper b { font-size: 13px; color: var(--pzs-muted); font-weight: 500; margin-right: 2px; flex: none; }
.pzs-sper button { flex: none; height: 32px; padding: 0 13px; border-radius: 999px; border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text); font: inherit; font-size: 13px; cursor: pointer; }
.pzs-sper button.on { border-color: var(--pzs-acc); color: var(--pzs-acc); font-weight: 600; background: color-mix(in srgb, var(--pzs-acc) 10%, var(--pzs-card)); }
.pzs-skpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.pzs-skpi { background: var(--pzs-card); border: 1px solid var(--pzs-line); border-radius: 14px; padding: 12px 12px 10px; display: flex; flex-direction: column; min-width: 0; }
.pzs-skpi[data-go]:hover { border-color: var(--pzs-acc); }
.pzs-skpi b { font-size: 24px; line-height: 1.15; font-weight: 700; white-space: nowrap; }
.pzs-skpi span { font-size: 13px; font-weight: 600; margin-top: 2px; line-height: 1.3; }
.pzs-skpi small { font-size: 11.5px; color: var(--pzs-muted); line-height: 1.3; margin-top: 2px; }
.pzs-skpi.pzs-warn b { color: #ea580c; }
.pzs-skpi small.pzs-bad { color: #dc2626; } .pzs-skpi small.pzs-good { color: #059669; }
.pzs-scats { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 0 12px; padding-bottom: 2px; }
.pzs-scats button { flex: none; height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text); font: inherit; font-size: 13.5px; cursor: pointer; white-space: nowrap; }
.pzs-scats button span { color: var(--pzs-muted); font-size: 12px; margin-left: 2px; }
.pzs-scats button.on { background: var(--pzs-acc); border-color: var(--pzs-acc); color: #fff; } .pzs-scats button.on span { color: #fff; opacity: .85; }
.pzs-scard { background: var(--pzs-card); border: 1px solid var(--pzs-line); border-radius: var(--pzs-r); padding: 14px 16px; margin-bottom: 12px; min-width: 0; }
.pzs-scard h3 { margin: 0 0 10px; font-size: 15px; font-weight: 700; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; color: var(--pzs-text); }
.pzs-scard h3 small { font-size: 12px; color: var(--pzs-muted); font-weight: 500; }
.pzs-snone { margin: 0; color: var(--pzs-muted); font-size: 13px; }
.pzs-stwo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin-bottom: 12px; }
.pzs-stwo > .pzs-scard { margin-bottom: 0; }
/* photo rows: swipe on phones; ‹ › arrows + smooth scroll on desktop (owner 2026-10-28) */
.pzs-sstripw { position: relative; }
.pzs-sstrip { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; }
.pzs-sstrip::-webkit-scrollbar { display: none; }
.pzs-snav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 38px; margin-top: -19px; border-radius: 50%; border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text);
  display: grid; place-items: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.18); opacity: 0; transition: opacity .15s; }
.pzs-snav[hidden] { display: none; }
.pzs-snav .pzs-ico { width: 18px; height: 18px; }
.pzs-snav-l { left: -6px; } .pzs-snav-l .pzs-ico { transform: rotate(180deg); }
.pzs-snav-r { right: -6px; }
.pzs-sstripw:hover .pzs-snav, .pzs-snav:focus-visible { opacity: 1; }
@media (hover: none) { .pzs-snav { display: none; } }
.pzs-stile { flex: 0 0 180px; scroll-snap-align: start; position: relative; border-radius: 12px; overflow: hidden; background: var(--pzs-soft); aspect-ratio: 4 / 5; display: block; }
.pzs-stile[hidden] { display: none; }
.pzs-stile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pzs-sst { position: absolute; left: 8px; top: 8px; display: flex; align-items: center; gap: 5px; background: rgba(17,24,39,.78); color: #fff; font-size: 11.5px; font-weight: 600; border-radius: 999px; padding: 3px 9px; }
.pzs-sst i { width: 8px; height: 8px; border-radius: 50%; background: var(--pzs-c); }
.pzs-slate { position: absolute; right: 8px; top: 8px; background: #ea580c; color: #fff; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 3px 8px; }
.pzs-scap { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 10px 9px; background: linear-gradient(transparent, rgba(0,0,0,.82)); color: #fff; display: flex; flex-direction: column; }
.pzs-scap b { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pzs-scap small { font-size: 11.5px; opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-stile.pzs-sba { flex-basis: 290px; aspect-ratio: 5 / 4; }
.pzs-stile.pzs-sba1 { flex-basis: 180px; aspect-ratio: 4 / 5; }
.pzs-sbain { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; height: 100%; background: #fff; }
.pzs-sba1 .pzs-sbain { grid-template-columns: 1fr; }
.pzs-sbain img { height: 100%; }
.pzs-sbl, .pzs-sbr { position: absolute; top: 8px; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 3px 9px; color: #fff; }
.pzs-sbl { left: 8px; background: rgba(17,24,39,.78); } .pzs-sbr { left: calc(50% + 8px); background: #047857; }
.pzs-stile.pzs-smore { flex-basis: 130px; aspect-ratio: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 2px;
  border: 1.5px dashed var(--pzs-line); background: none; color: var(--pzs-acc) !important; padding: 10px; }
.pzs-stile.pzs-smore small { color: var(--pzs-muted); font-size: 12px; }
.pzs-ssbar { display: flex; height: 14px; border-radius: 999px; overflow: hidden; background: var(--pzs-line); margin: 4px 0 12px; }
.pzs-ssbar i { min-width: 4px; }
.pzs-slegs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; }
.pzs-sleg { display: flex; align-items: center; gap: 7px; font-size: 13px; padding: 4px 6px; border-radius: 8px; }
.pzs-sleg:hover, .pzs-scbar:hover, .pzs-shot:hover, .pzs-sdrow[data-go]:hover, .pzs-sorow:hover { background: var(--pzs-soft); }
.pzs-sleg i { width: 10px; height: 10px; border-radius: 50%; flex: none; } .pzs-sleg b { margin-left: auto; }
.pzs-sspark { width: 100%; height: auto; overflow: visible; display: block; }
.pzs-sspark polyline { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.pzs-ln-new { stroke: #2563eb; } .pzs-ln-fix { stroke: #059669; }
.pzs-sspark text { font-size: 9.5px; fill: var(--pzs-muted); }
.pzs-k-new { color: #2563eb; } .pzs-k-fix { color: #059669; }
.pzs-scbar { display: grid; grid-template-columns: minmax(90px, 140px) 1fr 34px; gap: 8px; align-items: center; padding: 5px 4px; border-radius: 8px; font-size: 13px; }
.pzs-scbar span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-scbar em { height: 10px; background: var(--pzs-soft); border-radius: 999px; overflow: hidden; } .pzs-scbar em i { display: block; height: 100%; background: var(--pzs-acc); border-radius: 999px; }
.pzs-scbar b { text-align: right; }
.pzs-shot { display: grid; grid-template-columns: 24px minmax(0, 1fr) 70px; gap: 10px; align-items: center; padding: 6px 4px; border-radius: 8px; }
.pzs-shn { width: 24px; height: 24px; border-radius: 50%; background: var(--pzs-soft); display: grid; place-items: center; font-size: 12px; font-weight: 700; }
.pzs-sht { min-width: 0; display: flex; flex-direction: column; } .pzs-sht b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-sht small { font-size: 11.5px; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-shot .pzs-gbar { grid-area: auto; height: 8px; width: 100%; }   /* not the group header's grid area */
.pzs-smap { display: block; position: relative; height: 240px; border-radius: 12px; overflow: hidden; background: var(--pzs-soft); }
.pzs-smapgo { position: absolute; right: 10px; bottom: 10px; z-index: 3; background: var(--pzs-card); border: 1px solid var(--pzs-line); border-radius: 999px; padding: 6px 12px; font-weight: 600; font-size: 13px; }
.pzs-smdot { display: block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.pzs-sdrow { display: grid; grid-template-columns: minmax(0, 1fr) 52px 44px 62px; gap: 6px; font-size: 13px; padding: 6px 4px; align-items: center; border-radius: 8px; }
.pzs-sdrow span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pzs-sdrow b { text-align: right; } .pzs-sdrow b.pzs-warn { color: #ea580c; }
.pzs-sdhead { font-size: 11.5px; color: var(--pzs-muted); text-transform: uppercase; letter-spacing: .4px; padding-top: 0; }
.pzs-sdhead span { text-align: right; } .pzs-sdhead span:first-child { text-align: left; }
.pzs-sorow { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 6px 4px; font-size: 13px; border-radius: 8px; }
.pzs-sorow i { width: 9px; height: 9px; border-radius: 50%; } .pzs-sorow span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pzs-sorow small { color: var(--pzs-muted); }
.pzs-slink { display: inline-block; margin-top: 8px; color: var(--pzs-acc) !important; font-weight: 600; font-size: 13px; }
@media (max-width: 900px) { .pzs-skpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .pzs-vbtn.pzs-vsum span { display: none; }
  .pzs-vbtn.pzs-vsum { width: 34px; padding: 0; justify-content: center; }
  .pzs-sper, .pzs-scats { padding: 0 12px; }
  .pzs-skpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 12px; }
  .pzs-skpi b { font-size: 21px; }
  .pzs-scard { border-radius: 0; border-left: 0; border-right: 0; }
  .pzs-stwo { grid-template-columns: minmax(0, 1fr); gap: 0; margin-bottom: 0; } .pzs-stwo > .pzs-scard { margin-bottom: 12px; }
  .pzs-stile { flex-basis: 150px; } .pzs-stile.pzs-sba { flex-basis: 250px; }
}

/* Home "Reports at a glance" v4 charts (owner 2026-10-28, mock plan/space/mock-2026-10-27-home-d1/index-v4.html). Colours checked with the dataviz validator. */
.pzs-w { --pzs-c-new: #2563eb; --pzs-c-fix: #059669; }
html:has(#night-mode-css) .pzs-w, html.night .pzs-w { --pzs-c-new: #3b82f6; }   /* dark: one step lighter blue (validator: L band) */
.pzs-mine:not(:last-child) { margin-bottom: 0; border-radius: 0; }
.pzs-gxs { margin: 0 -20px -18px; }
.pzs-gx { padding: 14px 20px 6px; border-top: 1px solid var(--pzs-line); }
.pzs-gxh { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.pzs-gxh h4 { margin: 0; font-size: 14px; font-weight: 700; color: var(--pzs-text); }
.pzs-gxh small { font-size: 12px; color: var(--pzs-muted); }
.pzs-gxh .pzs-wmore, .pzs-gxh .pzs-hleg { margin-left: auto; }
.pzs-gx .pzs-ri { margin: 0 -10px; }
.pzs-hleg { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--pzs-muted); }
.pzs-hleg b { color: var(--pzs-text); margin-right: 8px; }
.pzs-hleg i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.pzs-hk-new { background: var(--pzs-c-new); } .pzs-hk-fix { background: var(--pzs-c-fix); }
.pzs-hchart { position: relative; }
.pzs-harea { width: 100%; height: auto; display: block; overflow: visible; }
.pzs-hg { stroke: color-mix(in srgb, var(--pzs-line) 75%, transparent); stroke-width: 1; }
.pzs-hax { font-size: 10px; fill: var(--pzs-muted); }
.pzs-hln { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: pzs-draw 1.1s ease-out forwards; }
.pzs-hln-new { stroke: var(--pzs-c-new); } .pzs-hln-fix { stroke: var(--pzs-c-fix); animation-delay: .15s; }
.pzs-hdot { stroke: var(--pzs-card); stroke-width: 2; } .pzs-hdot-new { fill: var(--pzs-c-new); } .pzs-hdot-fix { fill: var(--pzs-c-fix); }
.pzs-hhit { fill: transparent; cursor: crosshair; }
.pzs-hxh { stroke: var(--pzs-muted); stroke-width: 1; opacity: 0; } .pzs-harea.pzs-hov .pzs-hxh { opacity: .5; }
@keyframes pzs-draw { to { stroke-dashoffset: 0; } }
.pzs-htip { position: absolute; top: -6px; transform: translateX(-50%); pointer-events: none; background: var(--pzs-card); border: 1px solid var(--pzs-line); border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.15); padding: 5px 10px; font-size: 12.5px; white-space: nowrap; color: var(--pzs-text); z-index: 2; }
.pzs-htip i { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin: 0 4px 0 6px; }
.pzs-hb { display: grid; grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 12px; align-items: center; padding: 5px 0; color: var(--pzs-text) !important; }
.pzs-hbt { font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-hb:hover .pzs-hbt { color: var(--pzs-acc); }
.pzs-hbb { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pzs-hbb em { font-style: normal; font-size: 12.5px; color: var(--pzs-muted); white-space: nowrap; }
.pzs-hbi { display: flex; gap: 2px; height: 14px; transform-origin: left; animation: pzs-grow .7s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--d); }
.pzs-hbi i { min-width: 4px; } .pzs-hbi i:last-child { border-radius: 0 4px 4px 0; }
@keyframes pzs-grow { from { transform: scaleX(0); } }
.pzs-hsleg { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--pzs-muted); margin: 6px 0 8px; }
.pzs-hsleg i { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 5px; }
.pzs-hspeed { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: center; padding-bottom: 10px; }
.pzs-hringw { display: flex; align-items: center; gap: 12px; }
.pzs-hringw p { margin: 0; font-size: 13px; color: var(--pzs-muted); line-height: 1.45; } .pzs-hringw p b { color: var(--pzs-text); }
.pzs-hring { width: 104px; height: 104px; flex: none; }
.pzs-hrt { fill: none; stroke: var(--pzs-soft); stroke-width: 11; }
.pzs-hrv { fill: none; stroke: var(--pzs-c-fix); stroke-width: 11; stroke-linecap: round; stroke-dasharray: 0 var(--c); animation: pzs-ring 1.1s ease-out .2s forwards; }
@keyframes pzs-ring { to { stroke-dasharray: var(--len) var(--c); } }
.pzs-hrn { font-size: 22px; font-weight: 700; fill: var(--pzs-text); } .pzs-hrl { font-size: 11px; fill: var(--pzs-muted); }
.pzs-hhist { padding-bottom: 18px; } .pzs-hhist h5 { margin: 0 0 6px; font-size: 12.5px; color: var(--pzs-muted); font-weight: 500; }
.pzs-hcols { display: flex; align-items: flex-end; gap: 14px; height: 100px; border-bottom: 1px solid var(--pzs-line); padding: 0 4px; }
.pzs-hcol { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 3px; position: relative; }
.pzs-hcol i { width: 100%; max-width: 24px; border-radius: 4px 4px 0 0; background: color-mix(in srgb, var(--pzs-c-fix) 55%, var(--pzs-card)); transform-origin: bottom; animation: pzs-rise .7s ease-out both; animation-delay: var(--d); }
.pzs-hcol i.pzs-best { background: var(--pzs-c-fix); } .pzs-hcol em { font-style: normal; font-size: 12px; font-weight: 600; }
.pzs-hcol small { position: absolute; bottom: -20px; font-size: 11px; color: var(--pzs-muted); white-space: nowrap; }
@keyframes pzs-rise { from { transform: scaleY(0); } }
.pzs-hbas { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-bottom: 10px; }
.pzs-hba { position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 5 / 3.4; display: block; }
.pzs-hbain { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; height: 100%; background: #fff; } .pzs-hbain img { width: 100%; height: 100%; object-fit: cover; }
.pzs-hba .pzs-scap { padding: 22px 9px 7px; } .pzs-hba .pzs-scap b { font-size: 12.5px; -webkit-line-clamp: 1; }
.pzs-gfoot { display: flex; justify-content: center; padding: 13px; border-top: 1px solid var(--pzs-line); color: var(--pzs-acc) !important; font-weight: 600; font-size: 14px; border-radius: 0 0 16px 16px; }
.pzs-gfoot:hover { background: var(--pzs-soft); }
@media (max-width: 600px) {
  .pzs-gxs { margin: 0 -16px -16px; } .pzs-gx { padding: 12px 16px 6px; }
  .pzs-hb { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .pzs-hspeed { grid-template-columns: minmax(0, 1fr); gap: 14px; } .pzs-hring { width: 92px; height: 92px; }
  .pzs-hax { font-size: 15px; } .pzs-hln { stroke-width: 2.6; }
}
@media (prefers-reduced-motion: reduce) { .pzs-hln, .pzs-hbi, .pzs-hcol i { animation: none; stroke-dashoffset: 0; } .pzs-hrv { animation: none; stroke-dasharray: var(--len) var(--c); } }

/* Home "Popular this week" → 🆕 Latest posts, fitted to the free space by space.js (owner 2026-10-28) */
.pzs-latest { margin-top: 4px; border-top: 1px solid var(--pzs-line); }   /* Latest = same header + rows as Popular (owner 2026-10-28) */
.pzs-latest[hidden], .pzs-pi[hidden] { display: none !important; }
.pzs-latest .pzs-lh { padding: 14px 0 6px; }   /* the card header, inside the body: no side padding */
.pzs-w[data-w="reports"] > .pzs-wb { display: flex; flex-direction: column; }
.pzs-w[data-w="reports"] .pzs-gxs { flex: 1; display: flex; flex-direction: column; }
.pzs-w[data-w="reports"] .pzs-gfoot { margin-top: auto; }   /* stretched card: the spare space sits above "See full summary", not under it */

/* 📌 Pinned group on top of the Posts list + feed (owner 2026-10-28; replaces the amber notices strip) */
.pzs-div-pin { color: #b45309; }
html:has(#night-mode-css) .pzs-div-pin, html.night .pzs-div-pin { color: #f59e0b; }
.pzs-pinu { color: #b45309; font-weight: 600; }
html:has(#night-mode-css) .pzs-pinu, html.night .pzs-pinu { color: #f59e0b; }
.pzs-pinf { margin-bottom: 16px; padding-bottom: 4px; border-bottom: 1px solid var(--pzs-line); }
.pzs-pinf-h { padding: 2px 4px 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--pzs-muted); }
.pzs-pinf-u { padding: 0 4px 4px; font-size: 12px; font-weight: 600; color: #b45309; }
html:has(#night-mode-css) .pzs-pinf-u, html.night .pzs-pinf-u { color: #f59e0b; }

/* Feed view: a linked post (#p=) is outlined in place, or put on top under "Linked post" (owner 2026-10-28) */
#posts .post { transition: box-shadow .4s ease; }
#posts .post.pzs-hl { box-shadow: 0 0 0 2px var(--pzs-acc), 0 0 0 6px color-mix(in srgb, var(--pzs-acc) 22%, transparent) !important; }
.pzs-linked { margin-bottom: 16px; padding-bottom: 4px; border-bottom: 1px solid var(--pzs-line); }
.pzs-linked-h { padding: 2px 4px 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--pzs-acc); }
.pzs-linked .pzs-panel-bar { display: none; }   /* item.php brings the side panel bar; the feed does not need it */
.pzs-linked .pzs-panel-body { padding: 0; }

/* Right-column tool cards, compact (owner 2026-10-28): header · one row of 3 numbers · optional next line (was 2×2 boxes + big button) */
.pzs-tc { padding: 12px 16px !important; margin-bottom: 12px; border-radius: 16px; }
.pzs-tc-h { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; min-width: 0; }
.pzs-tc-h > b { font-size: 15px; font-weight: 700; color: var(--pzs-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-tc-go { margin-left: auto; flex: none; font-size: 13px; font-weight: 600; color: var(--pzs-acc) !important; white-space: nowrap; }
.pzs-tc-h .pzr-help { margin-left: auto; } .pzs-tc-h .pzr-help + .pzs-tc-go { margin-left: 4px; }
.pzs-tc-n { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; color: inherit !important; text-decoration: none !important; }
.pzs-tc-c b { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; color: var(--pzs-text); }
.pzs-tc-c small { display: block; font-size: 12px; color: var(--pzs-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-tc-c.pzs-warn b { color: #d97706; }
.pzs-tc-x { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--pzs-line); font-size: 13px; color: var(--pzs-text) !important; min-width: 0; text-decoration: none !important; }
.pzs-tc-x > span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pzs-tc-x:hover > span { color: var(--pzs-acc); }
.pzs-tc-x em { flex: none; font-style: normal; font-weight: 700; color: var(--pzs-acc); }
.pzs-tc-x em.pzs-tc-ok { color: #059669; }
.pzs-tc-d { flex: none; font-style: normal; font-size: 12px; font-weight: 700; color: var(--pzs-muted); }

/* Home greeting: all action buttons on one level (owner 2026-10-28; was a 620 px column that wrapped once Announce added a 4th tool).
   Wide screens: one row beside the greeting; below 1280 px the row moves under the greeting, still one row (scrolls sideways if needed). */
.pzs-intro { grid-template-columns: minmax(260px, 1fr) auto; }
.pzs-acts2 { flex-wrap: nowrap; }
@media (max-width: 1279px) {
  .pzs-intro { grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; }
  .pzs-acts2 { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; margin: 0 -8px; padding: 4px 8px 12px; }
  .pzs-acts2::-webkit-scrollbar { display: none; }
  .pzs-pri, .pzs-gh { flex: none; }
}

/* Home action row, option A (owner 2026-10-28): one solid main button (no glow) + quiet tonal buttons, icon in the tool's colour */
.pzs-acts2 .pzs-pri { height: 40px; padding: 0 16px; box-shadow: none; font-size: 14px; }
.pzs-acts2 [data-tool="report"] { --tc: #e11d48; } .pzs-acts2 [data-tool="poll"] { --tc: #0d9488; }
.pzs-acts2 [data-tool="event"] { --tc: #ea580c; } .pzs-acts2 [data-tool="announce"] { --tc: #2563eb; }
.pzs-ton { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: 12px; font-weight: 600; font-size: 14px; white-space: nowrap;
  --tc: var(--pzs-muted); color: var(--pzs-text) !important; background: color-mix(in srgb, var(--tc) 9%, var(--pzs-card));
  border: 1px solid color-mix(in srgb, var(--tc) 20%, var(--pzs-line)); text-decoration: none !important; transition: background .15s, border-color .15s; }
.pzs-ton .pzs-ico { color: var(--tc); width: 17px; height: 17px; }
.pzs-ton:hover { background: color-mix(in srgb, var(--tc) 16%, var(--pzs-card)); border-color: color-mix(in srgb, var(--tc) 35%, var(--pzs-line)); }
.pzs-ton[data-tool="posts"] { --tc: var(--pzs-muted); background: var(--pzs-card); }
html:has(#night-mode-css) .pzs-acts2 [data-tool="report"], html.night .pzs-acts2 [data-tool="report"] { --tc: #fb7185; }
html:has(#night-mode-css) .pzs-acts2 [data-tool="poll"], html.night .pzs-acts2 [data-tool="poll"] { --tc: #2dd4bf; }
html:has(#night-mode-css) .pzs-acts2 [data-tool="event"], html.night .pzs-acts2 [data-tool="event"] { --tc: #fb923c; }
html:has(#night-mode-css) .pzs-acts2 [data-tool="announce"], html.night .pzs-acts2 [data-tool="announce"] { --tc: #60a5fa; }
@media (max-width: 640px) { .pzs-ton { flex: none; } }

/* Footer, owner 2026-10-28: places ("In this Space") and actions ("Get started") in two short columns; help under the office column */
.pzs-fgrid.pzs-fg5 { grid-template-columns: 1.5fr 1fr 1fr .75fr .9fr; gap: 32px; }
.pzs-fpair { display: block; margin-bottom: 9px; font-size: 13.5px; color: var(--pzs-faint); }
.pzs-fpair a { display: inline !important; margin: 0 !important; }
.pzs-foot .pzs-fh2 { margin-top: 22px; }
.pzs-f5 a { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; font-size: 13.5px; font-weight: 600; color: var(--pzs-text) !important; text-decoration: none !important; }
.pzs-f5 a .pzs-ico { width: 16px; height: 16px; flex: none; color: var(--tc, var(--pzs-muted)); }
.pzs-f5 a:hover span { color: var(--pzs-acc); }
.pzs-f5 [data-tool="report"] { --tc: #e11d48; } .pzs-f5 [data-tool="poll"] { --tc: #0d9488; } .pzs-f5 [data-tool="event"] { --tc: #ea580c; } .pzs-f5 [data-tool="announce"] { --tc: #2563eb; }
html:has(#night-mode-css) .pzs-f5 [data-tool="report"], html.night .pzs-f5 [data-tool="report"] { --tc: #fb7185; }
html:has(#night-mode-css) .pzs-f5 [data-tool="poll"], html.night .pzs-f5 [data-tool="poll"] { --tc: #2dd4bf; }
html:has(#night-mode-css) .pzs-f5 [data-tool="event"], html.night .pzs-f5 [data-tool="event"] { --tc: #fb923c; }
html:has(#night-mode-css) .pzs-f5 [data-tool="announce"], html.night .pzs-f5 [data-tool="announce"] { --tc: #60a5fa; }
@media (max-width: 1199px) { .pzs-fgrid.pzs-fg5 { grid-template-columns: 1fr 1fr 1fr 1fr; } .pzs-fgrid.pzs-fg5 .pzs-f1 { grid-column: 1 / -1; } }
@media (max-width: 991px) { .pzs-fgrid.pzs-fg5 { grid-template-columns: 1fr 1fr; gap: 28px 24px; } }

/* "Coming soon" tool tiles (B4): Manage → Tools page + Space Home section. Tiles are buttons that open a <dialog>. */
.pzs-soonsec { margin-top: 18px; }
.pzs-soongrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; padding: 12px 0; }
.pzs-soonw { min-width: 0; }
.pzs-soon { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px; cursor: pointer; border-radius: 16px;
  background: var(--pzs-card, #fff); border: 1px dashed var(--pzs-line, #e5e7eb); color: var(--pzs-text, #111827); position: relative; }
.pzs-soon:hover, .pzs-soon:focus-visible { border-color: var(--sc, #4f46e5); background: var(--pzs-soft, #f1f2f6); }
.pzs-soon-ic { flex: none; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 22px; border-radius: 12px;
  background: color-mix(in srgb, var(--sc, #4f46e5) 14%, transparent); }
.pzs-soon-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; opacity: .9; }
.pzs-soon-tx b { font-size: 15px; line-height: 1.3; }
.pzs-soon-tx small { color: var(--pzs-muted, #6b7280); font-size: 13px; line-height: 1.35; }
.pzs-soon-bd { flex: none; align-self: flex-start; font-style: normal; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap;
  background: color-mix(in srgb, var(--pzs-muted, #6b7280) 16%, transparent); color: var(--pzs-muted, #6b7280); }
.pzs-soon-dlg { border: 0; padding: 0; border-radius: 18px; width: min(440px, calc(100vw - 32px)); background: var(--pzs-card, #fff); color: var(--pzs-text, #111827);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
.pzs-soon-dlg::backdrop { background: rgba(0, 0, 0, .5); }
.pzs-soon-card { padding: 20px; }
.pzs-soon-hd { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.pzs-soon-hd > div { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.pzs-soon-hd small { color: var(--pzs-muted, #6b7280); }
.pzs-soon-card p { margin: 0 0 16px; line-height: 1.6; color: var(--pzs-text, #111827); }
.pzs-soon-ok { all: unset; box-sizing: border-box; display: block; width: 100%; text-align: center; padding: 12px; border-radius: 12px; cursor: pointer; font-weight: 700;
  background: var(--pzs-acc, #4f46e5); color: #fff; }
html.pz-modern .pzs-soon-dlg, html.dark .pzs-soon-dlg { --pzs-card: var(--pz-card, #171a21); }
@media (max-width: 767px) { .pzs-soongrid { grid-template-columns: 1fr; } .pzs-soonsec .pzs-soongrid { padding: 12px 0 4px; } }
.pzs-soon-tx .pzs-soon-bd { margin-bottom: 4px; }

/* ===== Business Home (Space for Business step 1, v73) — hero, info strip, map dialog, "Part of" card ===== */
.pzs-home-biz { padding-top: 16px; }
.pzs-bz { border-radius: 16px; background: var(--pzs-card); border: 1px solid var(--pzs-line); box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 4px 16px rgba(16,24,40,.05); margin-bottom: 16px; overflow: hidden; }
.pzs-bz-top { display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; padding: 16px 18px; }
.pzs-bz-chips { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; min-width: 0; }
.pzs-bz-chip { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 3px 11px; font-size: 12.5px; font-weight: 600; background: var(--pzs-soft); border: 1px solid var(--pzs-line); color: var(--pzs-text); }
.pzs-bz-type { background: color-mix(in srgb, #0d9488 14%, transparent); color: #0d9488; border-color: transparent; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.pzs-bz-chip i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.pzs-bz-open { background: color-mix(in srgb, #059669 14%, transparent); color: #047857; border-color: transparent; }
.pzs-bz-shut { background: color-mix(in srgb, #dc2626 12%, transparent); color: #b91c1c; border-color: transparent; }
.pzs-bz-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.pzs-bz-b { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 12px; font-weight: 700; font-size: 14.5px; border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text) !important; text-decoration: none !important; white-space: nowrap; }
.pzs-bz-b .pzs-ico { width: 18px; height: 18px; }
.pzs-bz-line { background: color-mix(in srgb, #06c755 14%, var(--pzs-card)); border-color: color-mix(in srgb, #06c755 40%, var(--pzs-line)); color: #047857 !important; }
.pzs-bz-dir { background: var(--pzs-acc); border-color: transparent; color: #fff !important; }
.pzs-bz-info { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--pzs-line); }
.pzs-bz-c { display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; min-width: 0; }
.pzs-bz-c + .pzs-bz-c { border-left: 1px solid var(--pzs-line); }
.pzs-bz-c > .pzs-ico { width: 18px; height: 18px; color: var(--pzs-acc); flex: none; margin-top: 2px; }
.pzs-bz-c > div { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.pzs-bz-c b { font-weight: 600; font-size: 14.5px; color: var(--pzs-text); overflow-wrap: anywhere; }
.pzs-bz-c small { color: var(--pzs-muted); font-size: 13px; }
.pzs-bz-hrs summary { cursor: pointer; color: var(--pzs-acc); font-size: 12.5px; font-weight: 600; margin-top: 4px; }
.pzs-bz-hrs ul { list-style: none; margin: 6px 0 0; padding: 0; font-size: 13px; }
.pzs-bz-hrs li { display: flex; justify-content: space-between; gap: 12px; padding: 2px 0; color: var(--pzs-muted); }
.pzs-bz-hrs li b { font-size: 13px; font-weight: 600; }
.pzs-bz-mapchip { flex: none; width: 64px; height: 40px; border-radius: 10px; border: 1px solid var(--pzs-line); cursor: pointer; display: grid; place-items: center; color: #e11d48;
  background: linear-gradient(135deg, color-mix(in srgb, #14b8a6 22%, var(--pzs-card)), color-mix(in srgb, #38bdf8 18%, var(--pzs-card))); }
.pzs-bz-mapchip .pzs-ico { width: 20px; height: 20px; }
.pzs-bz-dlg { border: 0; padding: 0; border-radius: 16px; width: min(640px, 94vw); background: var(--pzs-card); color: var(--pzs-text); }
.pzs-bz-dlg::backdrop { background: rgba(0, 0, 0, .5); }
.pzs-bz-dh { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; }
.pzs-bz-dh button { border: 1px solid var(--pzs-line); background: var(--pzs-soft); color: var(--pzs-text); border-radius: 10px; padding: 6px 12px; font: inherit; cursor: pointer; }
.pzs-bz-map { height: min(420px, 60vh); }
.pzs-bz-slot[hidden] { display: none !important; }   /* step ④ perks strip + step ② menu go here */
.pzs-bz-grid { margin-top: 0; }
.pzs-bz-part { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 16px 18px; border-radius: 16px; border: 1px solid var(--pzs-line); color: var(--pzs-text) !important; text-decoration: none !important;
  background: linear-gradient(120deg, color-mix(in srgb, var(--pzs-acc) 10%, var(--pzs-card)), var(--pzs-card)); }
.pzs-bz-part img { width: 48px; height: 48px; border-radius: 12px; object-fit: cover; flex: none; }
.pzs-bz-part span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pzs-bz-part b { font-size: 16px; } .pzs-bz-part small { color: var(--pzs-muted); }
.pzs-bz-part em { font-style: normal; display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 14px; padding: 7px 12px; border-radius: 10px; border: 1px solid var(--pzs-line); background: var(--pzs-card); }
.pzs-bz-part em .pzs-ico { width: 14px; height: 14px; }
html:has(#night-mode-css) .pzs-bz-open, html.night .pzs-bz-open, html.dark .pzs-bz-open { color: #34d399; }
html:has(#night-mode-css) .pzs-bz-shut, html.night .pzs-bz-shut, html.dark .pzs-bz-shut { color: #f87171; }
html:has(#night-mode-css) .pzs-bz-line, html.night .pzs-bz-line { color: #4ade80 !important; }
html:has(#night-mode-css) .pzs-bz-type, html.night .pzs-bz-type { color: #2dd4bf; }
@media (max-width: 900px) { .pzs-bz-info { grid-template-columns: 1fr; } .pzs-bz-c + .pzs-bz-c { border-left: 0; border-top: 1px solid var(--pzs-line); } }
@media (max-width: 640px) { .pzs-home-biz { padding-top: 8px; } .pzs-bz-btns { width: 100%; } .pzs-bz-b { flex: 1 1 0; padding: 0 10px; } .pzs-bz-top { padding: 14px; } .pzs-bz-c { padding: 12px 14px; }
  .pzs-bz-part { padding: 14px; } .pzs-bz-part em { padding: 7px 10px; } }

/* ===== Business menu / services (Space for Business step 2, v74) ===== */
.pzs-mn { margin-bottom: 16px; }
.pzs-home-biz .pzs-mn { margin-top: 0; }
.pzs-mn-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.pzs-mn-i { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--pzs-line); min-width: 0; }
.pzs-mn-ph { flex: none; width: 52px; height: 52px; border-radius: 12px; overflow: hidden; display: grid; place-items: center; font-size: 20px; color: #fff;
  background: linear-gradient(135deg, hsl(var(--h, 200) 55% 62%), hsl(calc(var(--h, 200) + 40) 60% 52%)); }
.pzs-mn-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pzs-mn-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pzs-mn-t b { font-weight: 600; font-size: 15px; color: var(--pzs-text); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pzs-mn-t small { color: var(--pzs-muted); font-size: 13px; }
.pzs-mn-p { flex: none; font-weight: 700; font-size: 15px; color: var(--pzs-text); white-space: nowrap; }
.pzs-mn-ask { font-weight: 500; font-size: 13px; color: var(--pzs-muted); }
.pzs-mn-tag { font-size: 11px; font-weight: 700; border-radius: 999px; padding: 1px 8px; letter-spacing: .02em; }
.pzs-mn-popular { background: color-mix(in srgb, #ea580c 14%, transparent); color: #c2410c; }
.pzs-mn-new { background: color-mix(in srgb, #059669 14%, transparent); color: #047857; }
html:has(#night-mode-css) .pzs-mn-popular, html.night .pzs-mn-popular, html.dark .pzs-mn-popular { color: #fb923c; }
html:has(#night-mode-css) .pzs-mn-new, html.night .pzs-mn-new, html.dark .pzs-mn-new { color: #34d399; }
.pzs-mn-empty .pzs-wb p { margin: 0 0 12px; color: var(--pzs-muted); }
.pzs-mn-ed { margin-left: auto !important; margin-right: 14px; }
.pzs-mn-ed + .pzs-wmore { margin-left: 0 !important; }
.pzs-mn-full { grid-template-columns: 1fr; }
@media (max-width: 760px) { .pzs-mn-g { grid-template-columns: 1fr; } }

/* Page tabs (Menu, Local shops) v75 */
.pzs-page-menu .pzs-bz-grid, .pzs-page-shops .pzs-bz-grid { margin-top: 12px; }

/* ===== Local shops (Space for Business step 3, v76) ===== */
.pzs-shchips { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.pzs-shchip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--pzs-line); background: var(--pzs-card); color: var(--pzs-text); font: 600 13.5px/1 inherit; cursor: pointer; }
.pzs-shchip .pzs-ico { width: 15px; height: 15px; }
.pzs-shchip:hover { background: var(--pzs-soft); }
.pzs-shchip.on { background: var(--pzs-acc); border-color: transparent; color: #fff; }
.pzs-shsep { width: 1px; height: 22px; background: var(--pzs-line); }
.pzs-sh-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pzs-sh { position: relative; border: 1px solid var(--pzs-line); border-radius: 14px; background: var(--pzs-card); min-width: 0; transition: box-shadow .15s, border-color .15s; }
.pzs-sh:hover { border-color: color-mix(in srgb, var(--pzs-acc) 40%, var(--pzs-line)); box-shadow: 0 6px 18px rgba(16, 24, 40, .08); }
.pzs-sh[hidden], .pzs-sh-x { display: none !important; }
.pzs-sh-a { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 4px 12px; padding: 14px; color: var(--pzs-text) !important; text-decoration: none !important; }
.pzs-sh-l { grid-row: span 2; width: 48px; height: 48px; border-radius: 12px; overflow: hidden; background: var(--pzs-soft); }
.pzs-sh-l img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pzs-sh-t { display: flex; flex-direction: column; min-width: 0; }
.pzs-sh-t b { font-size: 15px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pzs-sh-t small { color: var(--pzs-muted); font-size: 13px; }
.pzs-sh-o { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 3px 11px; font-size: 12.5px; font-weight: 600; }
.pzs-sh-o i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.pzs-sh-perk[hidden] { display: none !important; }   /* today's offer badge: step 4 */
.pzs-sh-rep { position: absolute; top: 8px; right: 8px; border: 0; background: transparent; color: var(--pzs-muted); cursor: pointer; font-size: 14px; padding: 4px 6px; border-radius: 8px; opacity: .55; }
.pzs-sh-rep:hover { opacity: 1; background: var(--pzs-soft); }
.pzs-sh-own { margin: 14px 0 0; color: var(--pzs-muted); font-size: 13.5px; }
.pzs-sh-own a { font-weight: 600; display: inline-flex; align-items: center; gap: 2px; }
.pzs-sh-own .pzs-ico { width: 14px; height: 14px; }
.pzs-sh-none, .pzs-sh-geo { margin: 12px 0 0; color: var(--pzs-muted); }
.pzs-sh-cnt { font-size: 14px; font-weight: 500; color: var(--pzs-muted); }
.pzs-shbar { padding: 16px 18px 4px; margin-top: 12px; margin-bottom: 14px; }
.pzs-shtb { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.pzs-shq { flex: 1; min-width: 200px; display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--pzs-line); border-radius: 12px; background: var(--pzs-card); color: var(--pzs-muted); }
.pzs-shq .pzs-ico { width: 18px; height: 18px; flex: none; }
.pzs-shq input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--pzs-text); font: inherit; }
.pzs-shseg { display: inline-flex; border: 1px solid var(--pzs-line); border-radius: 12px; overflow: hidden; background: var(--pzs-card); }
.pzs-shseg button { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 0; background: transparent; color: var(--pzs-text); font: 600 13.5px/1 inherit; cursor: pointer; }
.pzs-shseg button .pzs-ico { width: 16px; height: 16px; }
.pzs-shseg button.on { background: color-mix(in srgb, var(--pzs-acc) 14%, var(--pzs-card)); color: var(--pzs-acc); }
.pzs-shwrap { display: block; }
.pzs-shops-page[data-view="map"] .pzs-shwrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 16px; align-items: start; }
.pzs-shops-page[data-view="map"] .pzs-sh-grid { grid-template-columns: 1fr; }
.pzs-sh-map { height: 560px; border-radius: 16px; border: 1px solid var(--pzs-line); overflow: hidden; position: sticky; top: 90px; }
.pzs-sh-map[hidden] { display: none; }
@media (max-width: 900px) { .pzs-sh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pzs-shops-page[data-view="map"] .pzs-shwrap { grid-template-columns: 1fr; } .pzs-sh-map { position: static; height: 60vh; order: -1; } }
@media (max-width: 560px) { .pzs-sh-grid { grid-template-columns: 1fr; } .pzs-shbar { padding: 14px 12px 2px; } .pzs-shchips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .pzs-shchip { flex: none; } .pzs-shsep { flex: none; } }

/* ===== Perks strip + shop tile badge (Space for Business step 4, v77) ===== */
.pzs-pk { margin-bottom: 16px; }
.pzs-pk-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 14px; }
.pzs-pk-main.pzs-pk-one { grid-template-columns: 1fr; }
.pzs-pk-offer { border-radius: 14px; padding: 18px 20px; background: linear-gradient(135deg, color-mix(in srgb, #ea580c 14%, var(--pzs-card)), color-mix(in srgb, #f59e0b 10%, var(--pzs-card))); border: 1px solid color-mix(in srgb, #ea580c 28%, var(--pzs-line)); display: flex; flex-direction: column; gap: 6px; }
.pzs-pk-offer em { font-style: normal; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #c2410c; }
.pzs-pk-offer b { font-size: 21px; line-height: 1.25; color: var(--pzs-text); }
.pzs-pk-offer p { margin: 0; color: var(--pzs-muted); font-size: 14px; }
.pzs-pk-code { margin-top: auto; font-size: 12.5px; color: var(--pzs-muted); }
.pzs-pk-code code, .pzs-pk-v code { font-weight: 700; font-size: 12px; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--pzs-acc) 12%, transparent); color: var(--pzs-acc); }
.pzs-pk-card { border-radius: 14px; padding: 18px 20px; color: #fff; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; background: linear-gradient(135deg, var(--pk, #4f46e5), color-mix(in srgb, var(--pk, #4f46e5) 55%, #7c3aed)); }
.pzs-pk-cl { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.pzs-pk-l small { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
.pzs-pk-l b { font-size: 18px; display: flex; gap: 6px; align-items: center; }
.pzs-pk-l p { margin: 2px 0 0; font-size: 13.5px; opacity: .92; }
.pzs-pk-lad { display: flex; flex-wrap: wrap; gap: 6px; }
.pzs-pk-lad span { font-size: 12.5px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .18); display: inline-flex; gap: 6px; }
.pzs-pk-lad i { font-style: normal; font-weight: 800; }
.pzs-pk-join { display: flex; flex-direction: column; gap: 8px; align-items: stretch; justify-content: center; min-width: 150px; }
.pzs-pk-qr { width: 112px; height: 112px; background: #fff; border-radius: 10px; padding: 4px; align-self: center; box-sizing: border-box; }
.pzs-pk-qr svg { width: 100%; height: 100%; display: block; }
.pzs-pk-b1, .pzs-pk-b2 { text-align: center; border-radius: 10px; padding: 8px 12px; font-weight: 700; font-size: 13px; text-decoration: none !important; }
.pzs-pk-b1 { background: #fff; color: #111827 !important; }
.pzs-pk-b2 { background: rgba(255, 255, 255, .16); color: #fff !important; border: 1px solid rgba(255, 255, 255, .35); }
.pzs-pk-vs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.pzs-pk-v { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 14px; border: 1px dashed color-mix(in srgb, var(--pzs-acc) 40%, var(--pzs-line)); border-radius: 12px; background: color-mix(in srgb, var(--pzs-acc) 4%, var(--pzs-card)); }
.pzs-pk-v b { font-size: 14px; display: block; } .pzs-pk-v small { color: var(--pzs-muted); font-size: 12px; }
.pzs-pk-src { margin: 12px 0 0; font-size: 12.5px; color: var(--pzs-muted); display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.pzs-pk-src .pzs-ico { width: 14px; height: 14px; }
.pzs-sh-perk:not([hidden]) { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; margin-top: 8px; padding: 7px 10px; border-radius: 10px; font-size: 12.5px; font-weight: 700; color: #c2410c; background: color-mix(in srgb, #ea580c 11%, var(--pzs-card)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pzs-sh-perk .pzs-ico { width: 14px; height: 14px; flex: none; }
html:has(#night-mode-css) .pzs-pk-offer em, html.night .pzs-pk-offer em, html:has(#night-mode-css) .pzs-sh-perk:not([hidden]), html.night .pzs-sh-perk:not([hidden]) { color: #fb923c; }
@media (max-width: 760px) { .pzs-pk-main, .pzs-pk-vs { grid-template-columns: 1fr; } .pzs-pk-card { grid-template-columns: 1fr; } .pzs-pk-qr { display: none; } .pzs-pk-join { flex-direction: row; min-width: 0; } .pzs-pk-join a { flex: 1; } }
/* CLS reserve for the phone header blocks: emitted inline on the Home tab by pz/space/parts.php (pzs_part_tabs), dropped by space.js after 20 s. */