/* World War Z v1.64.0 — Community Experience. Scoped presentation improvements only. */
:root { --wwz-community-border: rgba(192,207,225,.16); --wwz-community-soft: #24303e; }
.wwz-community-guide {
  display:grid; grid-template-columns:minmax(230px,1.25fr) minmax(250px,1fr);
  gap:18px 28px; align-items:center; margin:0 0 20px;
  padding:clamp(17px,2.2vw,24px); border:1px solid var(--wwz-community-border);
  border-radius:20px; color:#f4f6fb;
  background:linear-gradient(122deg,#202b39 0%,#18212d 58%,#121a25 100%);
  box-shadow:0 14px 38px rgba(0,0,0,.17);
}
.wwz-community-guide-copy { min-width:0; }
.wwz-community-eyebrow { display:block; color:#ffa49c; letter-spacing:.12em; text-transform:uppercase; font-size:10px; font-weight:850; margin-bottom:7px; }
.wwz-community-guide h2 { margin:0 0 7px; font:800 clamp(19px,2.3vw,24px)/1.2 Inter,'Segoe UI',sans-serif; letter-spacing:-.025em; color:#f6f8fb; }
.wwz-community-guide p { color:#bfccd9; font-size:12.5px; line-height:1.65; margin:0; }
.wwz-community-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.wwz-community-shortcuts button { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:66px; padding:12px 9px;
  cursor:pointer; border:1px solid rgba(194,207,226,.18); border-radius:14px; background:#283444; color:#f3f6fa; font:750 12px/1.3 Inter,'Segoe UI',sans-serif; text-align:center;
  transition:background .18s,border-color .18s,transform .18s; }
.wwz-community-shortcuts button:hover { background:#334356; border-color:rgba(251,141,134,.6); transform:translateY(-2px); }
.wwz-community-shortcuts button > span:first-child { font-size:18px; color:#ff9d95; font-weight:700; }
.wwz-community-shortcuts .wwz-community-count { width:100%; color:#b8c9d8; font:650 10px/1.2 Inter,'Segoe UI',sans-serif; }
.wwz-community-help { grid-column:1/-1; padding:0; border-top:1px solid rgba(193,206,225,.12); }
.wwz-community-help summary { padding:12px 0 0; font:750 12px/1.5 Inter,'Segoe UI',sans-serif; color:#f7c4c1; cursor:pointer; }
.wwz-community-help summary:focus-visible { outline:2px solid #ff918b; outline-offset:4px; }
.wwz-community-help[open] summary { margin-bottom:9px; }
.wwz-community-help p { padding:0 0 2px; }
.wwz-community-filter-toggle { display:none; cursor:pointer; font:750 12px/1.2 Inter,'Segoe UI',sans-serif;
  padding:11px 15px; align-items:center; justify-content:space-between; gap:10px; border:1px solid var(--wwz-community-border);
  border-radius:13px; background:#253143; color:#edf2f9; }
.wwz-community-toggle-icon { margin-left:auto; transition:transform .18s; }
.wwz-community-filter-toggle[aria-expanded="true"] .wwz-community-toggle-icon { transform:rotate(180deg); }
/* All original dynamic widgets, accessibility markers and auth handlers remain in place. */
[data-view-panel="actioncentre"] .action-centre-summary > article,
[data-view-panel="tickets"] .ticket-summary-grid > div,
[data-view-panel="factions"] .faction-summary-grid > div { border-radius:14px !important; }
[data-view-panel="factions"] :is(.faction-my-card,.faction-registration-card,.faction-governance-panel,.faction-directory > *, .faction-member-inbox-grid .panel),
[data-view-panel="tickets"] :is(.ticket-member-panel,.ticket-admin-list-panel,.ticket-admin-detail-panel),
[data-view-panel="actioncentre"] :is(.action-centre-panel,.action-centre-list > *),
[data-view-panel="map"] :is(.map-toolbar,.interactive-map-panel,.map-details,.map-custom-panel) { border-radius:17px !important; }
[data-view-panel="factions"] .faction-directory { gap:15px; }
[data-view-panel="tickets"] .ticket-member-panel .panel-heading { gap:14px; }
[data-view-panel="map"] .map-toolbar { margin-bottom:14px; }
[data-view-panel="map"] .map-visual-controls,
[data-view-panel="map"] .map-coordinate-readout { border-radius:12px; }
.wwz-community-shortcuts button:focus-visible,.wwz-community-filter-toggle:focus-visible { outline:2px solid #ff9891; outline-offset:3px; }
@media(max-width:1050px) {
  .wwz-community-guide { grid-template-columns:1fr; }
  .wwz-community-shortcuts { width:100%; }
}
@media(max-width:720px) {
  .wwz-community-guide { padding:16px; gap:14px; border-radius:17px; }
  .wwz-community-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wwz-community-shortcuts button { min-height:56px; }
  .wwz-community-shortcuts button:first-child { grid-column:1/-1; }
  .wwz-community-filter-toggle { display:flex; width:100%; margin:0 0 10px; }
  /* Do not hide Action Centre search: only advanced filters collapse on small screens. */
  #wwz-action-filters:not(.wwz-community-filters-open) > :not(.action-centre-search) { display:none !important; }
  #wwz-action-filters.wwz-community-filters-open > * { min-width:0; }
  #wwz-action-filters.wwz-community-filters-open :is(select,.dialog-field) { max-width:100%; width:100%; }
  /* Map search stays accessible; only secondary location-category chips collapse. */
  #wwz-map-filters:not(.wwz-community-filters-open) .map-filter-list { display:none !important; }
  #wwz-map-filters.wwz-community-filters-open .map-filter-list { display:flex; flex-wrap:wrap; }
  #wwz-map-filters .map-search { min-width:0; width:100%; }
  [data-view-panel="factions"] .faction-member-inbox-grid,
  [data-view-panel="tickets"] .ticket-summary-grid { min-width:0; }
}
@media(max-width:390px) {
  .wwz-community-shortcuts { grid-template-columns:1fr; }
  .wwz-community-shortcuts button:first-child { grid-column:auto; }
}
@media(prefers-reduced-motion:reduce) {
  .wwz-community-shortcuts button,.wwz-community-toggle-icon { transition:none; }
  .wwz-community-shortcuts button:hover { transform:none; }
}