/* Scoped to two information cards. Saved-list, map controls and Street View keep their own rules. */
.elc-info-dock{position:absolute;z-index:6;left:14px;top:132px;width:276px;max-width:calc(100% - 90px);max-height:calc(100% - 290px);display:flex;flex-direction:column;gap:8px;pointer-events:none;color:#fff}
.elc-info-slot{min-width:0;flex-shrink:0}
.elc-info-panel{pointer-events:auto;flex-shrink:0;overflow:auto;max-height:240px;border:1px solid #62727c;border-radius:10px;background:rgba(17,25,31,.96);box-shadow:0 3px 12px #0003;font:12px/1.5 "Noto Sans JP",sans-serif}
.elc-info-panel[data-moved]{position:absolute;width:276px;max-width:calc(100vw - 90px);margin:0;transform:translate(calc(-1 * 14px),calc(-1 * 132px))}
.elc-info-panel>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 0 8px;border-bottom:1px solid #ffffff24}
.elc-info-drag{color:#e3eeee;background:none;border:0;min-height:36px;text-align:left;cursor:grab;touch-action:none;flex:1;font:11px/1.4 inherit}
.elc-info-close{flex:none;background:#233640;color:#fff;border:1px solid #8da0a8;border-radius:7px;font:26px/1 sans-serif;width:36px;height:36px;margin:3px;cursor:pointer}
.elc-info-panel :is(button,summary,a):focus-visible{outline:3px solid #44c8ff;outline-offset:-3px}
.elc-info-panel .map-popup-card{display:flex;flex-direction:column;gap:7px;padding:10px 12px;color:inherit;background:none;min-width:0}
.elc-info-panel .map-popup-card>strong{font-size:15px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:inherit;padding:0;min-height:0}
.elc-info-panel .map-popup-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.elc-info-panel--substation .map-popup-metrics>span:first-child{grid-column:1/-1;display:flex;align-items:baseline;gap:8px}
.elc-info-panel .map-popup-metrics>span{padding:4px 0;background:none;border:0;min-width:0}
.elc-info-panel .map-popup-metrics em{display:block;font-style:normal;font-size:10px;line-height:1.4;color:#bed1d8;white-space:normal}
.elc-info-panel .map-popup-metrics b{font-size:15px;color:inherit;line-height:1.5}
.elc-info-panel .map-popup-card small{white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.6;color:#cbd9de}
.elc-info-panel :is(.elc-info-details,.zoning-popup-details){font-size:11px;line-height:1.6}
.elc-info-panel summary{padding:4px 0;cursor:pointer;color:#b5e4ee}
.elc-info-panel details>:not(summary){margin-top:8px}
.elc-info-panel .map-popup-details{grid-template-columns:auto 1fr}
.elc-info-panel dl{display:grid;grid-template-columns:auto 1fr;gap:4px 8px}
.elc-info-panel dd{margin:0;overflow-wrap:anywhere}
.elc-info-panel a{color:#9cd9f5;overflow-wrap:anywhere}
.elc-info-credit{display:none}
.elc-info-dock.is-material{top:14px;max-height:calc(100% - 60px);z-index:5}
.elc-info-dock.is-material .elc-info-panel{background:rgba(255,255,255,.96);border-color:#c6cece;color:#1d343c;box-shadow:0 2px 8px #0002;max-height:300px}
.elc-info-dock.is-material .elc-info-credit{display:block;font-size:9px;line-height:1.5;padding:0 12px 10px;color:#526c74;overflow-wrap:anywhere}
.elc-info-dock.is-material .elc-info-panel>header{border-color:#d8dfde}
.elc-info-dock.is-material .elc-info-drag{color:#425c65}
.elc-info-dock.is-material .elc-info-close{display:none}
.elc-info-dock.is-material .elc-info-panel :is(em,small){color:#526c74}
.elc-info-dock.is-material .elc-info-panel summary{display:none}
.elc-info-dock.is-material .elc-info-panel[data-moved]{transform:translate(-14px,-14px)}
@media(min-width:761px) and (max-height:780px){
 .elc-info-dock{width:558px;flex-direction:row;align-items:flex-start;gap:6px}
 .elc-info-slot{flex:0 0 276px}
 .elc-info-panel{width:276px;max-height:calc(100dvh - 350px)}
 .elc-info-dock.is-material{width:276px;flex-direction:column}
 .elc-info-dock.is-material .elc-info-slot{flex-basis:auto}
}
@media(max-width:760px){
 .elc-info-dock{left:10px;top:174px;width:calc(100% - 80px);max-width:none;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px}
 .elc-info-panel{max-height:224px}
 .elc-info-panel>header{padding-left:6px}
 .elc-info-drag{font-size:10px;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
 .elc-info-close{width:32px;height:32px;font-size:23px}
 .elc-info-panel[data-moved]{width:calc((100vw - 86px)/2);transform:translate(-10px,-174px)}
 .elc-info-panel .map-popup-card{padding:7px 8px;gap:4px}
 .elc-info-panel .map-popup-card>strong{font-size:13px}
 .elc-info-panel .map-popup-metrics{gap:4px}
 .elc-info-panel .map-popup-metrics b{font-size:13px}
 .elc-info-panel .map-popup-metrics em{font-size:9px}
 .elc-info-panel .map-popup-card>small{font-size:9px}
 .elc-info-dock.is-material{display:flex;left:14px;top:14px;width:224px;max-width:calc(100% - 28px);gap:8px}
 .elc-info-dock.is-material .elc-info-panel[data-moved]{width:224px}
}