.product-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; padding:.55rem 1rem; background:#171717; border-bottom:1px solid #303030; flex-shrink:0; }
.product-secondary-button,.product-help-button {border:1px solid #525252;border-radius:.5rem;padding:.5rem .7rem;font-size:.8rem;line-height:1.3;color:inherit;cursor:pointer;}
.product-help-button {margin-right:.6rem;}
.product-secondary-button:hover,.product-help-button:hover {border-color:#22c55e;}
.product-secondary-button[aria-pressed=true] {border-color:#22c55e;color:#86efac;}
.product-primary-button {border-radius:.5rem;padding:.7rem 1rem;background:#166534;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;}
.product-help-dialog {margin:auto;width:min(38rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;border:0;border-radius:1.2rem;padding:2rem;background:#faf9f5;color:#242923;box-shadow:0 24px 80px #0008;}
.product-help-dialog::backdrop {background:#07100ac9;}
.product-action-dialog label {display:block;font-size:.85rem;margin-top:1rem;margin-bottom:.4rem;}
.product-action-dialog input,.product-action-dialog textarea {display:block;width:100%;min-width:0;background:white;border:1px solid #9ca895;border-radius:.5rem;padding:.65rem;font:inherit;color:#242923;margin-bottom:1rem;}
.product-action-dialog textarea {resize:vertical;max-height:40dvh;}
.product-action-dialog .product-action-status {margin:1rem 0;}
.product-action-dialog button:disabled {opacity:.5;cursor:wait;}
.product-help-dialog h2 {font-size:1.7rem;line-height:1.2;font-weight:650;margin:.5rem 1rem .85rem 0;}
.product-help-dialog p {font-size:.9rem;line-height:1.55;}
.product-help-dialog h3 {font-size:.95rem;font-weight:600;margin:1.5rem 0 .65rem;}
.product-help-dialog .product-help-eyebrow {font-size:.68rem;letter-spacing:.15em;color:#32633a;font-weight:700;}
.product-help-close {position:absolute;right:1rem;top:.65rem;font-size:1.8rem;cursor:pointer;padding:.15rem .5rem;}
.product-help-start {display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem;}
.product-help-chapters {display:grid;gap:.4rem;}
.product-help-chapters button {display:flex;justify-content:space-between;gap:1rem;text-align:left;align-items:center;padding:.7rem .8rem;border:1px solid #d7ddd2;border-radius:.5rem;cursor:pointer;font-size:.875rem;}
.product-help-chapters button:hover {background:#eef3e9;}
.product-help-chapters small {font-size:.7rem;color:#546450;white-space:nowrap;}
.product-help-dialog .product-help-footnote {margin-top:1rem;font-size:.75rem;color:#566052;}
.product-help-link {font-size:.8rem;text-decoration:underline;display:inline-block;margin:.65rem 1rem 0 0;}
.product-help-notice:empty {display:none;}
.product-help-notice {padding:.65rem;background:#fef3c7;margin-top:.7rem;border-radius:.4rem;}
.criterion-range summary {display:flex;justify-content:space-between;gap:.5rem;cursor:pointer;font-size:.7rem;color:#a3a3a3;padding:.3rem 0;}
.criterion-range summary::before {content:'▸';}
.criterion-range[open] summary::before {content:'▾';}
.criterion-range summary span {margin-left:auto;font-variant-numeric:tabular-nums;}
.product-map-legend {position:absolute;top:.7rem;left:3.8rem;z-index:800;display:flex;align-items:center;gap:.35rem;background:#171717e8;color:#ddd;padding:.3rem .5rem;border-radius:.4rem;font-size:.62rem;pointer-events:none;}
.product-legend-gradient {width:3rem;height:.4rem;background:linear-gradient(90deg,#ef4444,#eab308,#22c55e);border-radius:.3rem;}
.product-legend-missing {width:.5rem;height:.5rem;background:#374151;margin-left:.25rem;}
.driver-popover.wz-tour {font-family:inherit;background:#faf9f5;color:#242923;border-radius:.85rem;max-width:min(340px,calc(100vw - 24px));padding:1.1rem;box-shadow:0 10px 45px #0006;}
.wz-tour .driver-popover-title {font-size:1.05rem;line-height:1.3;font-weight:650;}
.wz-tour .driver-popover-description {font-size:.875rem;line-height:1.5;margin-top:.55rem;}
.wz-tour .driver-popover-footer button {font-family:inherit;text-shadow:none;border-radius:.4rem;padding:.5rem .65rem;}
.wz-tour .driver-popover-next-btn {background:#166534;color:white;border-color:#166534;}
.wz-tour .driver-popover-progress-text {font-size:.68rem;}
.wz-tour .tour-chapters-link {border:0;background:none;color:#32633a;cursor:pointer;text-decoration:underline;font-size:.75rem;margin-top:.75rem;}
.wz-tour .tour-step-status {font-size:.75rem;color:#32633a;margin-top:.65rem;}
.driver-active .cat-tooltip-portal {z-index:1000000001;pointer-events:auto;}
.driver-active .cat-tooltip-portal * {pointer-events:auto;}
.tour-accent {outline:3px solid #86efac;outline-offset:-3px;}
.product-result-count {font-size:.75rem;white-space:nowrap;color:#d4d4d4;}
.wz-tour .tour-chapters-link + .tour-chapters-link {margin-left:1rem;}
.product-help-dialog :focus-visible,.wz-tour :focus-visible,.product-toolbar :focus-visible {outline:2px solid #16a34a;outline-offset:3px;}
@media(max-width:767px) {
 [data-sidebar-inline-toggle="true"] {display:none;}
 .product-toolbar {padding:.45rem .6rem;gap:.4rem;}
 .product-toolbar [data-tour=saved] {margin-left:auto;}
 .product-map-legend {font-size:.55rem;max-width:calc(100% - 4.2rem);flex-wrap:wrap;}
 .tour-selecting-region [data-tour="region-detail"] {display:none;}
 .tour-showing-detail [data-tour="region-detail"] {padding-bottom:calc(var(--tour-popover-height, 20rem) + 1rem);}
 .product-help-dialog {padding:1.3rem;}
 .product-help-dialog h2 {font-size:1.4rem;}
 .wz-tour .driver-popover-description {font-size:.8rem;}
}
@media(prefers-reduced-motion:reduce) {.driver-active * {scroll-behavior:auto!important;}}

/* Keep autocomplete inside Driver's highlighted rectangle, including pointer targets. */
.driver-active [data-tour="search"] {display:block;}
.driver-active [data-search-target="results"] {position:relative;top:auto;max-height:10rem;}

.driver-active * {scroll-behavior:auto!important;}

/* Driver enables pointer events on all highlighted descendants. Decorative
   Leaflet canvases must stay transparent to clicks on the region canvas below. */
.driver-active .leaflet-state-boundaries-pane,
.driver-active .leaflet-state-boundaries-pane *,
.driver-active .leaflet-selection-outline-pane,
.driver-active .leaflet-selection-outline-pane * {pointer-events:none!important;}

/* Everyday product controls share layout, but do not depend on the tour. */
.product-filter-section {margin-top:1rem;padding-top:1rem;border-top:1px solid #303030;}
.product-section-title {display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:.9rem;}
.product-section-title > span {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.3rem;height:1.3rem;border-radius:50%;background:#183d25;color:#86efac;font-size:.75rem;}
.product-criterion-actions {display:flex;justify-content:flex-end;align-items:center;gap:.65rem;margin-bottom:.6rem;font-size:.75rem;color:#b8b8b8;}
.product-criterion-actions button,.product-criterion-actions summary {cursor:pointer;padding:.35rem;}
.product-criterion-actions details {position:relative;}
.product-criterion-actions summary {list-style:none;}
.product-criterion-actions details > div {position:absolute;z-index:20;right:0;min-width:10rem;background:#222;border:1px solid #525252;border-radius:.4rem;padding:.3rem;}
.product-reset-button {display:block;margin-top:1rem;padding:.5rem 0;font-size:.8rem;color:#d4d4d4;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.criterion-range[hidden] {display:none;}
.criterion-range {margin:.35rem 0 .6rem;}
.criterion-range summary {flex-wrap:wrap;font-size:.75rem;align-items:center;}
.criterion-range summary span {text-align:right;}
.range-endpoints {display:flex;justify-content:space-between;gap:.5rem;margin-top:.7rem;font-size:.7rem;font-variant-numeric:tabular-nums;color:#d4d4d4;}
.range-endpoints > :last-child {text-align:right;}
.range-explanation {font-size:.75rem;line-height:1.5;color:#d4d4d4;margin:.3rem 0;}
.range-help {font-size:.7rem;line-height:1.5;color:#a3a3a3;}
.product-filter-chips {display:flex;flex:1;min-width:0;flex-wrap:wrap;gap:.4rem;color:#b8b8b8;font-size:.75rem;}
.product-filter-chip {display:inline-flex;max-width:100%;border:1px solid #454545;border-radius:.45rem;background:#202420;color:#e5e5e5;}
.product-filter-chip button {cursor:pointer;padding:.45rem .55rem;font-size:.75rem;line-height:1.3;}
.product-filter-chip button:first-child {text-align:left;overflow-wrap:anywhere;min-width:0;}
.product-filter-chip button:last-child {flex-shrink:0;border-left:1px solid #454545;min-width:2rem;}
.product-filter-chip button:hover {background:#2c382e;}
.product-more-filters {cursor:pointer;font-size:.75rem;text-decoration:underline;text-underline-offset:3px;color:#d4d4d4;}
.product-table-toolbar {display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0;padding:.55rem 1rem;background:#171717;border-top:1px solid #303030;}
.product-table-toolbar h2 {font-size:.875rem;font-weight:600;}
.product-map-hint {position:absolute;bottom:1.8rem;right:.75rem;z-index:800;pointer-events:none;max-width:calc(100% - 9rem);padding:.4rem .6rem;border:1px solid #404040;border-radius:.4rem;background:#171717ed;color:#d4d4d4;font-size:.7rem;}
[data-tour="sidebar"] [data-filter-target="category"] {margin-bottom:.6rem;}
[data-tour="sidebar"] :focus-visible {outline:2px solid #86efac;outline-offset:2px;}
@media(max-width:767px) {
 .product-filter-chips {order:3;flex-basis:100%;}
 .product-more-filters {order:4;padding:.3rem 0;}
 .product-filter-chip button {padding:.6rem .5rem;}
 .product-toolbar .product-result-count {margin-left:auto;}
 .product-toolbar [data-tour="saved"] {margin-left:0;}
 .product-table-toolbar {display:none;}
 .product-map-hint {font-size:.65rem;bottom:4.5rem;max-width:calc(100% - 1.5rem);}
}

.product-filter-chips.is-expanded {max-height:min(30vh,16rem);overflow-y:auto;}

/* Explicit WebKit scrollbar dimensions keep the table rails visible on macOS,
   rather than relying on the system's temporary overlay scrollbars. */
.product-table-scroll {scrollbar-gutter:stable;scrollbar-width:auto;}
.product-table-scroll::-webkit-scrollbar {width:14px;height:14px;}
.product-table-scroll::-webkit-scrollbar-track {background:#202020;}
.product-table-scroll::-webkit-scrollbar-thumb {background:#8a8a8a;border:3px solid #202020;border-radius:7px;}
.product-table-scroll::-webkit-scrollbar-thumb:hover {background:#b3b3b3;}
.product-table-scroll::-webkit-scrollbar-corner {background:#202020;}
@supports not selector(::-webkit-scrollbar) {
 .product-table-scroll {scrollbar-color:#8a8a8a #202020;}
}