#legendSection #legendDetailsButton {display:flex;align-items:center;justify-content:space-between;width:100%;margin:12px 0 0;padding:9px 10px;border:1px solid #b1beca;border-radius:4px;background:#edf4fa;color:#285e8e;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
#legendSection #legendDetailsButton:hover {background:#dfedfa;border-color:#467dac}
#legendDetailsDialog {position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #aab9c5;border-radius:9px;background:#fff;color:#233444;box-shadow:0 12px 48px #0005;font:14px/1.45 Arial,sans-serif;overflow:auto}
#legendDetailsDialog[open] {display:flex;flex-direction:column;overflow:hidden}
#legendDetailsDialog::backdrop {background:rgb(20 36 48 / .48)}
#legendDetailsDialog *,#legendDetailsDialog *::before {box-sizing:border-box}
#legendDetailsDialog [hidden] {display:none!important}
#legendDetailsDialog .ld-header {flex-shrink:0;display:flex;align-items:center;gap:12px;padding:15px 18px;background:#edf5fb;border-bottom:1px solid #d7e1e9}
#legendDetailsDialog .ld-heading-icon {font-size:34px;line-height:1;color:#3672a8}
#legendDetailsDialog h1 {margin:0;padding:0;border:0;background:none;box-shadow:none;color:#203449;font:bold 21px/1.3 Arial,sans-serif}
#legendDetailsDialog p {margin:4px 0 10px}
#legendDetailsDialog .ld-header p {margin:3px 0 0;color:#516677}
#legendDetailsDialog button {min-height:35px;margin:0;padding:6px 12px;border:1px solid #aab7c3;border-radius:4px;background:#fff;color:#254563;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
#legendDetailsDialog button:hover {background:#eaf2f9;border-color:#567d9e}
#legendDetailsDialog button:disabled {opacity:.45;cursor:default}
#legendDetailsDialog #ldClose {align-self:flex-start;margin:-4px -6px 0 auto;flex:0 0 40px;height:40px;padding:0;border:0;background:transparent;color:#526778;font:28px/1 Arial,sans-serif}
#legendDetailsDialog #ldClose:hover {background:#dce8f3}
#legendDetailsDialog .ld-body {min-height:0;overflow:auto;padding:16px 18px}
#legendDetailsDialog .ld-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e1e5e9}
#legendDetailsDialog label {text-align:left;float:none;display:block;width:auto;padding:0;margin:0 0 5px;font:600 14px/1.4 Arial,sans-serif}
#legendDetailsDialog label:has(input[type=checkbox]) {display:flex;align-items:center;gap:7px;font-weight:400;margin:0}
#legendDetailsDialog input[type=checkbox] {width:16px;height:16px;margin:0;accent-color:#3775ae;flex:0 0 16px}
#legendDetailsDialog .ld-editor {display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
#legendDetailsDialog .ld-entry-nav {display:flex;gap:6px;margin-bottom:13px}
#legendDetailsDialog .ld-entry-nav button {padding:0;flex:0 0 33px;font-size:24px}
#legendDetailsDialog select,#legendDetailsDialog textarea {width:100%;min-width:0;margin:0;border:1px solid #aab7c3;border-radius:4px;background:#fff;color:#243746;font:14px/1.5 Arial,sans-serif;padding:7px 9px}
#legendDetailsDialog select {flex:1}
#legendDetailsDialog textarea {resize:vertical}
#legendDetailsDialog small,#legendDetailsDialog .ld-note,#legendDetailsDialog #ldPosition {font-size:12px;color:#5f7181;font-weight:400}
#legendDetailsDialog .ld-note {margin-top:5px}
#legendDetailsDialog .ld-link {min-height:28px;padding:0;border:0;background:none;text-decoration:underline;font-size:12px;font-weight:400}
#legendDetailsDialog .ld-preview-area {padding:12px;border-radius:6px;background:#f4f7f9;border:1px solid #e0e6eb}
#legendDetailsDialog h3 {font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;color:#617384}
#legendDetailsDialog .ld-preview {display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fff;border:1px solid #d7dfe5;min-height:92px;overflow-wrap:anywhere}
#legendDetailsDialog .ld-preview>div {min-width:0}
#legendDetailsDialog #ldSwatch {width:20px;height:20px;flex:0 0 20px;border:1px solid #0002}
#legendDetailsDialog #ldPreviewText,#legendDetailsDialog #ldPreviewStats {white-space:pre-line;font-size:12px;line-height:1.5}
#legendDetailsDialog #ldPreviewStats {margin-top:4px}
#legendDetailsDialog .ld-import {border-top:1px solid #dce3e9;margin-top:17px;padding-top:12px}
#legendDetailsDialog summary {cursor:pointer;font-weight:600;color:#2c6393;padding:3px 0}
#legendDetailsDialog .ld-import p {font-size:13px;margin-top:8px}
#legendDetailsDialog .ld-column-guide {display:flex;gap:20px;background:#edf2f6;padding:6px 9px;font-size:12px;border-radius:4px 4px 0 0}
#legendDetailsDialog .ld-replace {margin:8px 0!important;font-size:12px!important}
#legendDetailsDialog .ld-import-actions {display:flex;align-items:center;gap:12px}
#legendDetailsDialog #ldImportStatus,#legendDetailsDialog #ldStatus {font-size:13px;white-space:pre-line}
#legendDetailsDialog [data-error=true] {color:#a92929}
#legendDetailsDialog .ld-footer {flex-shrink:0;display:flex;align-items:center;gap:8px;padding:12px 18px;background:#f6f8fa;border-top:1px solid #dce3e9}
#legendDetailsDialog .ld-footer>span {margin-right:auto;font-size:12px;color:#5b6d7d;max-width:240px}
#legendDetailsDialog #ldApply {background:#3976ad;border-color:#3976ad;color:#fff}
#legendDetailsDialog #ldApply:hover {background:#2a6295}
#legendDetailsDialog :focus-visible,#legendSection #legendDetailsButton:focus-visible {outline:2px solid #316db8;outline-offset:2px}
.ld-sr-only {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}
#mapKey .legendDetail {cursor:pointer}
#dialog .eic-legend-details {border-top:1px solid #dce3e9;margin-top:12px;padding-top:10px;color:#30475c;font:13px/1.45 Arial,sans-serif}
#dialog .eic-legend-details summary {font-weight:600;cursor:pointer;color:#2c6393}
#dialog #eicLegendDetails {box-sizing:border-box;width:100%;height:85px;margin:6px 0;border:1px solid #aab7c3;border-radius:4px;padding:7px;font:13px/1.5 Arial,sans-serif}
#dialog #eicLegendStatus {color:#a92929;white-space:pre-line}
@media(max-width:560px) {
 #legendDetailsDialog .ld-editor {grid-template-columns:1fr;gap:12px}
 #legendDetailsDialog .ld-body,#legendDetailsDialog .ld-header,#legendDetailsDialog .ld-footer {padding:12px}
 #legendDetailsDialog .ld-footer {flex-wrap:wrap;justify-content:flex-end}
 #legendDetailsDialog .ld-footer>span {max-width:none;flex-basis:100%}
}