#list:not([data-kind=report]) .submission-workspace{background:none;border:0}
#list:not([data-kind=report]) .tabs,#list:not([data-kind=report]) .filters{background:var(--surface);border:1px solid var(--line)}
/* Geography, ranking, charts and controls use incident-map.css unchanged. */
#form-dashboard{font-variant-numeric:tabular-nums;margin-bottom:24px}
.form-summary{margin:20px 0;color:var(--muted);font-size:var(--text-small)}
#form-breakdowns{display:grid;gap:24px}
#form-dashboard .map-issue{cursor:default}
#form-dashboard .map-issue:hover{background:transparent}
#form-timeline .form-day-bar{fill:var(--priority-standard);transform-box:fill-box;transform-origin:center bottom}
#form-list-label{scroll-margin-top:24px}
#form-list-heading{background:var(--surface);border:1px solid var(--line);border-bottom:0;padding-bottom:20px}
#list:not([data-kind=report]) #table-region{border:1px solid var(--line)}
#list:not([data-kind=report]) .pagination{background:var(--surface);border:1px solid var(--line);border-top:0}
@media(prefers-reduced-motion:reduce){#form-dashboard *{animation:none!important;transition:none!important}}

/* Shared dashboard filters: geography, view-specific fields, then actions. */
#map-filters,#list:not([data-kind=report]) .filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;padding:20px;align-items:end}
#list:not([data-kind=report]) .filters{border-top:0}
#map-filters>label,#list:not([data-kind=report]) .filters>label{grid-column:auto;grid-row:auto;min-width:0}
#list:not([data-kind=report]) .filters .search{grid-column:span 2}
#map-filters input:not([type=hidden]):not([type=checkbox]),#map-filters .select-trigger,#list:not([data-kind=report]) .filters input:not([type=hidden]),#list:not([data-kind=report]) .filters .select-trigger{height:48px;min-height:48px;box-sizing:border-box;padding-top:10px;padding-bottom:10px}
.dashboard-filter-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
#map-filters .dashboard-filter-footer .map-check{margin-right:auto;min-height:48px}
.dashboard-filter-actions{display:flex;gap:12px;align-items:center}
.dashboard-filter-actions button{height:48px;min-height:48px;min-width:88px;box-sizing:border-box}
@media(max-width:700px){
 #map-filters,#list:not([data-kind=report]) .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 #map-filters>label:nth-child(3),#map-filters>.map-date-field,#list:not([data-kind=report]) .filters>#form-city-filter,#list:not([data-kind=report]) .filters>.search,#list:not([data-kind=report]) .filters>.list-date-field{grid-column:1/-1}
}
@media(max-width:380px){
 #map-filters,#list:not([data-kind=report]) .filters{grid-template-columns:minmax(0,1fr)}
 #map-filters>label,#list:not([data-kind=report]) .filters>label{grid-column:1/-1}
 .dashboard-filter-footer{flex-wrap:wrap}.dashboard-filter-actions{margin-left:auto}
}

/* This petition collects state and ZIP; county/city belong to other forms. */
#list[data-campaign="immigration-reform-now-2026"] .filters .search{grid-column:auto}
@media(max-width:700px){
 #list[data-campaign="immigration-reform-now-2026"] .filters{grid-template-columns:minmax(0,1fr)}
}

.form-timeline-frame{display:flex;min-width:0}
#form-timeline .form-timeline-axis{flex:none}
.form-timeline-scroll{flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#form-timeline .form-timeline-plot{max-width:none}
#form-timeline .form-bar-target{cursor:pointer;outline:none}
#form-timeline .form-bar-target:focus-visible{outline:2px solid var(--deep);outline-offset:-2px}
#form-timeline .form-day-bar.is-selected{fill:var(--ink)}
.form-timeline-selection{min-height:1.5em;margin:10px 0 16px;color:var(--muted);font-size:var(--text-caption)}
.form-timeline-empty{min-height:256px;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:var(--text-caption)}
@media(max-width:600px){#form-timeline .form-timeline-frame text{font-size:12px}}

/* A native range keeps chart navigation visible even with OS overlay scrollbars. */
.form-timeline-navigation{display:none}
@media(min-width:601px) and (any-pointer:fine){
 #form-timeline .form-timeline-scroll{scrollbar-width:none}
 #form-timeline .form-timeline-scroll::-webkit-scrollbar{display:none;width:0;height:0}
 .form-timeline-navigation{display:block;height:24px}
 #form-timeline .form-timeline-navigation input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:24px;min-height:0;margin:0;padding:0;border:0;background:transparent;cursor:grab}
 #form-timeline .form-timeline-navigation input:active{cursor:grabbing}
 #form-timeline .form-timeline-navigation input:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
 .form-timeline-navigation input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#e5e7eb}
 .form-timeline-navigation input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--scroll-thumb-width);height:4px;border:0;border-radius:2px;background:#747b84}
 .form-timeline-navigation input::-moz-range-track{height:4px;border-radius:2px;background:#e5e7eb}
 .form-timeline-navigation input::-moz-range-thumb{width:var(--scroll-thumb-width);height:4px;border:0;border-radius:2px;background:#747b84}
 .form-timeline-navigation input:hover::-webkit-slider-thumb,.form-timeline-navigation input:active::-webkit-slider-thumb{background:#505762}
 .form-timeline-navigation input:hover::-moz-range-thumb,.form-timeline-navigation input:active::-moz-range-thumb{background:#505762}
}

/* Keep period controls anchored while explanatory copy wraps independently. */
#form-dashboard .map-timeline-panel>.map-panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
#form-dashboard .map-timeline-panel>.map-panel-heading>div:first-child{min-width:0}
#form-dashboard .map-timeline-panel>.map-panel-heading>.chart-time-controls{min-width:0;justify-self:end;flex-wrap:nowrap}
@media(max-width:600px){
 #form-dashboard .map-timeline-panel>.map-panel-heading{grid-template-columns:minmax(0,1fr)}
 #form-dashboard .map-timeline-panel>.map-panel-heading>.chart-time-controls{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 #form-dashboard .map-timeline-panel .chart-time-controls label{min-width:0}
}
