/* v0.4.8: transparent cards, unclipped map choices and compact stable credits. */
:root { --readable-text: #111; --readable-note: #202b36; --readable-success: #086647; }
#headerStatus.is-multiline { white-space: pre-line; line-height: 1.35; }
:root[data-color-preset="deep-night"] { --readable-text: #fff; --readable-note: #e4edf5; --readable-success: #72f0bc; }
#fileNames, .file-names { color: var(--readable-text) !important; font-weight: 800; text-shadow: none !important; }
#fileDrop small, #fileDrop .file-drop-help { color: var(--readable-note) !important; text-shadow: none !important; opacity: 1; }
/* Let the existing fileButton glass profile supply its translucent background. */
#fileNames { opacity: 1; }
#fileDrop .file-drop-title { color: var(--readable-text) !important; text-shadow: none !important; }
#inspectionCard, #resultCard { background: transparent; color: var(--readable-text); border-radius: 12px; }
#inspectionCard *, #resultCard * { text-shadow: none !important; }
#inspectionCard dt, #inspectionCard dd, #resultCard dt, #resultCard dd { color: var(--readable-text) !important; }
#inspectionCard dt { font-weight: 800; }
#inspectionCard p { color: var(--readable-note); }
#inspectionCard .inspection-title { color: var(--readable-success); }
.check-grid label:has(input:checked), .advanced-options label:has(input:checked) {
  box-shadow: inset 0 2px 5px rgb(12 36 54 / 35%), inset 0 -1px 1px rgb(255 255 255 / 75%), 0 0 7px rgba(var(--glass-color-rgb), .45) !important;
}
.check-grid label:focus-within, .advanced-options label:focus-within { outline: 2px solid rgba(var(--glass-color-rgb), .8); outline-offset: 2px; }
.advanced-options summary { justify-content: space-between; border-bottom: 0; background: transparent !important; }
.advanced-options summary::after { content: "▸"; font-size: 18px; margin-left: auto; }
.advanced-options[open] summary::after { content: "▾"; }
.advanced-options > label > .advanced-option-text {
  display: block;
  width: 22em;
  max-width: calc(100% - 60px);
  margin-inline: auto;
  position: relative;
  left: 30px;
  text-align: left;
  overflow-wrap: anywhere;
}
.shapefile-help { margin: 8px 0; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.shapefile-help p { margin: 6px 0; }
.shapefile-help .button { margin-top: 5px; }
.shapefile-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 6px; align-items: center; }
.shapefile-actions .button { width: 100%; min-width: 0; margin-top: 0; padding: 6px 3px; font-size: 10px; line-height: 1.4; text-align: center; }
.shapefile-or { font-weight: 800; text-align: center; }
.advanced-options summary::-webkit-details-marker { display: none; }
.advanced-options label input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; clip-path: inset(50%); }
.control-panel, .map-toolbar, .map-legend, #mapSearchPanel, .leaflet-control-layers, #glassSettingsButton, #glassSettingsModal, #panelScrollHint {
  transition: opacity 220ms ease, translate 260ms ease, visibility 260ms, width 220ms ease, padding 220ms ease;
}
.ui-collapsed :is(.map-toolbar, .map-legend, #mapSearchPanel, .leaflet-control-layers, #glassSettingsButton, #glassSettingsModal, #panelScrollHint) {
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; translate: 0 -20px;
}
.control-panel { transition: translate 260ms ease, visibility 260ms, width 220ms ease, padding 220ms ease; }
.ui-collapsed .control-panel { opacity: 1 !important; visibility: hidden; pointer-events: none; translate: calc(-100% - 20px) 0; }
.ui-collapsed .map-legend { translate: 0 25px; }
.leaflet-control-attribution, .ui-collapsed .leaflet-control-attribution { font-size: 10px !important; line-height: 14px; padding: 1px 4px; margin: 0 6px 4px 0 !important; }
.leaflet-control-attribution .formal-glass-background { box-shadow: 0 1px 4px rgb(15 23 42 / 14%); }
#glassSettingsButton { bottom: 28px; }
.leaflet-control-layers-base { padding: 3px 7px; }
.leaflet-control-layers-base label:hover { transform: none; }
.leaflet-control-layers-base label:active { transform: translateY(1px) scale(.98); }
.attribution-compact { display: none; }
.ui-collapsed .attribution-expanded { display: none; }
.ui-collapsed .attribution-compact { display: inline-block; }
.attribution-compact summary { cursor: pointer; list-style: none; font-size: 12px; line-height: 14px; min-width: 16px; text-align: center; }
.attribution-compact summary::-webkit-details-marker { display: none; }
.attribution-compact[open] span { display: inline-block; padding: 3px 6px; }
@media (prefers-reduced-motion: reduce) {
  .control-panel, .map-toolbar, .map-legend, #mapSearchPanel, .leaflet-control-layers, #glassSettingsButton, #glassSettingsModal, #panelScrollHint { transition: none; }
}