.electrical-planning { position: relative; color: #262d33; background: #fff; border: 1px solid #a6b2bc; border-radius: 5px; max-width: 560px; font: 14px/1.45 system-ui, sans-serif; }
.electrical-planning summary { cursor: pointer; padding: 11px 14px; min-height: 44px; font-weight: 600; }
.electrical-planning-content { position: absolute; z-index: 6; left: 0; top: 100%; width: min(540px, calc(100vw - 28px)); padding: 8px 14px 14px; max-height: min(58dvh, 570px); overflow: auto; overscroll-behavior: contain; background: #fff; border: 1px solid #a6b2bc; border-radius: 4px; box-shadow: 0 6px 18px #26333f26; }
.electrical-planning p { margin: 9px 0; max-width: 70ch; }
.electrical-planning label { display: flex; align-items: center; gap: 9px; min-height: 44px; }
.electrical-planning input[type="checkbox"] { width: 22px; height: 22px; flex: 0 0 22px; accent-color: #225673; }
.electrical-planning select, .electrical-planning button { font: inherit; color: inherit; border: 1px solid #8b98a3; border-radius: 4px; background: #fff; padding: 9px; min-height: 44px; max-width: 100%; }
.electrical-planning select[aria-label="Electrical point"] { width: 100%; margin-block: 10px; min-height: 44px; }
.electrical-planning option { padding: 9px; min-height: 44px; white-space: normal; }
.electrical-planning-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.electrical-planning-filters label { display: grid; gap: 4px; min-width: 0; }
.electrical-point-detail { border-block: 1px solid #c0cbd3; padding-block: 10px; }
.electrical-point-detail h3 { font-size: 1rem; margin: 0; }
.electrical-planning-status[data-error="true"] { color: #8b321f; }
.electrical-planning :focus-visible { outline: 3px solid #226b9b; outline-offset: 3px; }
.electrical-planning button { cursor: pointer; }
.electrical-planning button:hover { background: #e8edf1; }
.electrical-planning [hidden] { display: none !important; }
@media (max-width: 540px) {
  .electrical-planning { max-width: 100%; }
  .electrical-planning-content { position: fixed; inset: clamp(80px, 23dvh, 200px) 12px auto; width: auto; max-height: min(58dvh, calc(100dvh - 220px)); }
  .electrical-planning-filters { grid-template-columns: 1fr; gap: 4px; }
}
.immersive .electrical-planning-content { position: static; width: 100%; max-height: 55dvh; box-shadow: none; }