/* Profile-only presentation. Shared dashboard behavior remains in index.html. */
body.profile-disaster .brand-title { color:#f3f9ff; }
body.profile-disaster .brand-sub { color:#77dfff; }
body.profile-disaster .dashboardProfileSwitch a.active {
  background:linear-gradient(135deg,#0c354d,#124963);
  box-shadow:inset 0 0 0 1px rgba(85,216,255,.45),0 0 18px rgba(32,174,225,.12);
}
body.profile-disaster .mapPanel { box-shadow:inset 0 0 0 1px rgba(85,216,255,.025),0 0 34px rgba(27,139,198,.06); }

body.profile-bcp .mapPanel { box-shadow:inset 0 0 0 1px rgba(85,216,255,.025),0 0 34px rgba(27,139,198,.06); }
body.profile-bcp .mapToolbar { flex-wrap:wrap; }
body.profile-bcp .mapCanvas > svg { background:#020914; }
body.profile-bcp .mapCanvas > svg > .bcpFloorPlan { filter:saturate(.82) brightness(.74) contrast(1.08); }
body.profile-bcp .mapCanvas .weatherBadge,
body.profile-bcp .mapEnvironmentHud { display:none!important; }
body.profile-bcp .mapCanvas .pinLabelGroup {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none;
}
body.profile-bcp .mapCanvas .pinLabelGroup rect {
  fill:#edf6fc!important;
  stroke:#8dc5e6!important;
  stroke-width:1px!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));
}
body.profile-bcp .mapCanvas .pinLabelGroup .pin-label {
  fill:#102433!important;
  color:#102433!important;
  font-size:9px!important;
  font-weight:800!important;
}
body.profile-bcp .mapCanvas .bcpPinShortLabel { display:none!important; }
body.profile-bcp .mapCanvas .bcpPinShortLabel rect {
  fill:rgba(3,16,26,.92);
  stroke:#4fe18c;
  stroke-width:1px;
}
body.profile-bcp .mapCanvas .bcpPinShortLabel.terminal rect { stroke:#61dfff; }
body.profile-bcp .mapCanvas .bcpPinShortLabel text {
  fill:#fff!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.01em;
  text-shadow:0 1px 2px #000;
}
body.profile-bcp.pinEditMode .mapCanvas .bcpPinShortLabel rect {
  fill:rgba(55,30,4,.96);
  stroke:#ffb347;
}
body.profile-bcp.pinEditMode .mapCanvas .bcpPinShortLabel text {
  fill:#fff4de!important;
  color:#fff4de!important;
}
body.profile-bcp .profileDynamicGuide .guideSeparator {
  width:1px;
  height:18px;
  background:#31536a;
}
body.profile-bcp .profileDynamicGuide .deviceTypeIcon {
  width:20px;
  height:20px;
  display:inline-grid;
  place-items:center;
  border:1px solid #4fe18c;
  border-radius:50%;
  color:#4fe18c;
  font-size:9px;
  line-height:1;
  background:#0b2b25;
}
body.profile-bcp .profileDynamicGuide .deviceTypeIcon.terminal {
  border-radius:4px;
  color:#61dfff;
  border-color:#61dfff;
  background:#0a2635;
}
body.profile-bcp .profileDynamicGuide .guideInteraction { color:#b8cad6; }
@media(max-width:720px){
  body.profile-bcp .profileDynamicGuide .guideSeparator{display:none}
  body.profile-bcp .profileDynamicGuide .guideInteraction{flex-basis:100%}
}

/* Keep a close control visible even when the modal content is taller than the viewport. */
#modal .modalMobileHeader {
  position:sticky;
  top:-16px;
  z-index:30;
  display:flex;
  align-items:center;
  gap:12px;
  margin:-16px -16px 12px;
  padding:12px 16px;
  border-bottom:1px solid #24445b;
  background:rgba(5,20,33,.98);
  backdrop-filter:blur(12px);
}
#modal .modalMobileHeader #modalTitle { flex:1; margin:0; }
#modal #closeModalTop {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  min-height:38px;
  padding:7px 12px;
  border:1px solid #557189;
  border-radius:7px;
  background:#10283a;
  color:#eef8ff;
  font-weight:700;
  cursor:pointer;
}
body.is-preview { overflow:hidden; }
body.is-preview #modal { display:none!important; }
body.is-preview * { animation-play-state:paused!important; }