.incident-category-tabs {
  display: flex;
  align-items: stretch;
  gap: 14px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid #e2dac8;
  border-radius: 0;
  background: transparent;
}

.primary-nav-item .nav-alert-count {
  display: grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  margin-left: auto;
  padding: 0 6px;
  border-radius: 999px;
  background: #b94050;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.incoming-incident-notification {
  position: fixed;
  top: 22px;
  right: 22px;
  z-index: 1200;
  display: grid;
  grid-template-columns: 48px minmax(190px, 1fr) auto 32px;
  align-items: center;
  gap: 12px;
  width: min(560px, calc(100vw - 44px));
  padding: 15px 14px;
  border: 1px solid #fecaca;
  border-left: 6px solid #b7474d;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(166,83,92,.25);
  color: #b94050;
  animation: incoming-incident-pop 240ms ease-out;
}

.incoming-incident-notification[hidden] { display: none; }

.incoming-incident-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #b7474d;
  color: #fff;
  font-size: 27px;
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.incoming-incident-content {
  min-width: 0;
}

.incoming-incident-content strong,
.incoming-incident-content span,
.incoming-incident-content p {
  display: block;
}

.incoming-incident-content strong { font-size: 17px; }
.incoming-incident-content span { margin-top: 2px; color: #b7474d; font-size: 13px; font-weight: 700; }
.incoming-incident-content p { margin: 2px 0 0; overflow: hidden; color: #2c3930; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }

.incoming-incident-open {
  padding: 9px 13px;
  border-radius: 9px;
  background: #b7474d;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.incoming-incident-open:hover { background: #a33d43; color: #fff; }

.incoming-incident-close {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #806f5f;
  cursor: pointer;
}

.incoming-incident-close:hover { background: #fff3f2; color: #b94050; }
.incoming-incident-close .material-symbols-outlined { font-size: 20px; }

@keyframes incoming-incident-pop {
  from { opacity: 0; transform: translateY(-12px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 680px) {
  .incoming-incident-notification {
    top: 10px;
    right: 10px;
    grid-template-columns: 42px minmax(0, 1fr) 30px;
    width: calc(100vw - 20px);
  }

  .incoming-incident-icon { width: 42px; height: 42px; font-size: 24px; }
  .incoming-incident-open { grid-column: 2 / 4; text-align: center; }
  .incoming-incident-close { grid-column: 3; grid-row: 1; }
}

.dashboard-sidebar .primary-nav-item,
.dashboard-sidebar .primary-nav-item:hover,
.dashboard-sidebar .primary-nav-item.active {
  font-size: 16px;
  font-weight: 400;
}

.dashboard-sidebar .primary-nav-item > .material-symbols-outlined {
  width: 22px;
  flex: 0 0 22px;
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
  line-height: 1;
}

@media (min-width: 761px) {
  .gis-dashboard.dashboard-shell {
    grid-template-columns: 292px minmax(0, 1fr);
  }

  .gis-dashboard .dashboard-sidebar {
    width: 292px;
  }

  .dashboard-sidebar .primary-nav-item {
    white-space: nowrap;
  }
}

.incident-header-actions {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 9px;
}

.incident-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.incident-title-row > em {
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
}

.incident-title-row > h2 { margin-right: 0; }

.incident-acknowledge-button {
  padding: 8px 14px;
  border: 0;
  border-radius: 7px;
  background: #2C3930;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.incident-acknowledge-button:hover { background: #607466; }

/* Improve readability across the incident workspace. */
.incident-page-heading > div > p:last-child { font-size: 15px; }
.incident-category-tabs a { font-size: 15px; }
.incident-category-tabs a > span { font-size: 23px; }
.incident-category-tabs a > small { font-size: 12px; }
.incident-summary-grid small { font-size: 14px; }
.incident-summary-grid strong { font-size: 26px; }
.incident-list-title b { font-size: 16px; }
.incident-list-title span { font-size: 13px; }

.incident-status-tags {
  display: flex;
  gap: 6px;
  padding: 10px 10px 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.incident-status-tags::-webkit-scrollbar { display: none; }

.incident-status-tags button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid #e2dac8;
  border-radius: 999px;
  background: #fff;
  color: #806f5f;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.incident-status-tags button small {
  display: grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #fffdf6;
  color: inherit;
  font-size: 10px;
  font-weight: 700;
}

.incident-status-tags button:hover {
  border-color: #3F4F44;
  background: #edf2ee;
  color: #2C3930;
}

.incident-status-tags button.active {
  border-color: #2C3930;
  background: #2C3930;
  color: #fff;
}

.incident-status-tags button.active small {
  background: #ffffff24;
  color: #fff;
}

.incident-list {
  display: grid;
  gap: 12px;
  min-width: 0;
  overflow-x: hidden;
}

.incident-list-card {
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.incident-list-card > div,
.incident-list-card footer,
.incident-list-card-address {
  min-width: 0;
}

.incident-list-card-title,
.incident-list-card-address-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.incident-list-card-address .material-symbols-outlined {
  flex: 0 0 auto;
}

.incident-list-card-address-text {
  flex: 1 1 auto;
}

.incident-filter-empty {
  margin: 22px 8px;
  color: #806f5f;
  font-size: 12px;
  text-align: center;
}

.incident-list-card[hidden],
.incident-list-card.is-filtered-out {
  display: none !important;
}
.incident-list-card small,
.incident-list-card footer { font-size: 12px; }
.incident-list-card em,
.incident-detail-header > em { font-size: 12px; }
.incident-list-card strong { font-size: 16px; }
.incident-list-card p { font-size: 13px; }
.incident-list-card p span { font-size: 17px; }
.incident-detail-header small { font-size: 13px; }
.incident-detail-header h2 { font-size: 25px; }
.incident-detail-header p { font-size: 14px; }
.incident-status-strip small { font-size: 12px; }
.incident-status-strip b { font-size: 15px; }
.incident-card h3 { font-size: 17px; }
.incident-card > p { font-size: 14px; }
.incident-card dl > div { font-size: 13px; }
.incident-location-card > p { font-size: 12px; }
.incident-location-empty { font-size: 13px; }
.incident-card-heading p { font-size: 12px; }
.incident-card-heading > b { font-size: 13px; }
.incident-plan-tabs b { font-size: 14px; }
.incident-plan-tabs small { font-size: 12px; }
.incident-plan-summary small { font-size: 11px; }
.incident-plan-summary b { font-size: 14px; }
.incident-plan-resources table { font-size: 13px; }
.incident-plan-resources span { font-size: 11px; }
.incident-use-plan { font-size: 13px; }
.incident-history-card li b { font-size: 14px; }
.incident-history-card li p { font-size: 13px; }
.incident-history-card li span { font-size: 11px; }
.incident-history-card time { font-size: 12px; }
.incident-history-card li.empty { font-size: 13px; }
.incident-resource-list b { font-size: 13px; }
.incident-resource-list small { font-size: 11px; }
.incident-resource-list strong { font-size: 12px; }
.incident-flash { font-size: 14px; }

.incident-layout {
  grid-template-columns: 390px minmax(0, 1fr);
}

.incident-information-grid {
  margin-bottom: 16px;
}

.incident-page-heading .incident-primary-action,
.incident-header-actions .incident-secondary-action {
  flex: 0 0 auto;
}

.incident-primary-action,
.incident-secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 9px 15px;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.incident-primary-action:hover,
.incident-primary-action:focus,
.incident-secondary-action:hover,
.incident-secondary-action:focus {
  text-decoration: none;
}

.incident-primary-action {
  border: 1px solid #2C3930;
  background: #2C3930;
  color: #fff;
}

.incident-secondary-action {
  border: 1px solid #d8cfbd;
  background: #fff;
  color: #607466;
}

.incident-primary-action > span,
.incident-secondary-action > span { font-size: 18px; }
.incident-primary-action.compact,
.incident-secondary-action.compact { min-height: 36px; padding: 7px 12px; font-size: 12px; }

.incident-status-strip {
  grid-template-columns: repeat(4, minmax(120px, 1fr)) auto;
  align-items: center;
}

.incident-work-actions {
  display: flex !important;
  grid-template-columns: none !important;
  flex-direction: row;
  gap: 8px !important;
}

.incident-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #674427;
  box-shadow: 0 24px 70px rgb(44 57 48 / 30%);
}

.incident-dialog.small { width: min(640px, calc(100vw - 32px)); }
.incident-dialog.progress-incident-dialog{width:min(780px,calc(100vw - 32px))}.incident-usage-picker{display:grid;gap:10px;padding:14px;border:1px solid #e2dac8;border-radius:10px;background:#f8fbfe}.incident-usage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.incident-usage-heading h3{margin:0;color:#2c3930;font-size:14px}.incident-usage-heading p{margin:3px 0 0;color:#806f5f;font-size:11px}.incident-usage-heading>button{display:flex;align-items:center;gap:4px;padding:7px 10px;border:1px solid #607466;border-radius:7px;background:#fff;color:#2C3930;font:inherit;font-size:11px;cursor:pointer}.incident-usage-heading>button:disabled{opacity:.45;cursor:not-allowed}.incident-usage-heading .material-symbols-outlined{font-size:16px}.incident-usage-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 36px;gap:8px;align-items:end;margin-top:8px}.incident-usage-row>button{display:grid;place-items:center;width:36px;height:42px;border:1px solid #f0c8ce;border-radius:8px;background:#fff;color:#b94050;cursor:pointer}.incident-usage-row>button .material-symbols-outlined{font-size:18px}.incident-usage-empty{margin:0;color:#806f5f;font-size:11px}.incident-usage-empty[hidden]{display:none}@media(max-width:620px){.incident-usage-heading{align-items:flex-start;flex-direction:column}.incident-usage-row{grid-template-columns:1fr 90px 36px}}
.incident-dialog::backdrop { background: rgb(44 57 48 / 58%); }
.incident-dialog form { display: grid; max-height: calc(100vh - 40px); }
.incident-dialog header,
.incident-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; }
.incident-dialog header { border-bottom: 1px solid #e2dac8; }
.incident-dialog footer { justify-content: flex-end; border-top: 1px solid #e2dac8; }
.incident-dialog header small { color: #2C3930; font-size: 12px; font-weight: 600; }
.incident-dialog header h2 { margin: 3px 0 0; font-size: 22px; }
.incident-dialog header > button { width: 34px; height: 34px; border: 0; border-radius: 8px; background: #f1f5f8; color: #607466; font-size: 24px; cursor: pointer; }
.incident-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 20px 22px; overflow-y: auto; }
.incident-form-grid label { display: grid; gap: 6px; color: #806f5f; font-size: 13px; font-weight: 500; }
.incident-form-grid label.wide { grid-column: 1 / -1; }
.incident-form-grid > .wide { grid-column: 1 / -1; }
.incident-form-grid input,
.incident-form-grid select,
.incident-form-grid textarea { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid #d8cfbd; border-radius: 8px; background: #fff; color: #674427; font: inherit; font-size: 14px; }
.incident-form-grid textarea { resize: vertical; }
.incident-form-grid label > small { color: #806f5f; font-size: 11px; font-weight: 400; }
.incident-form-grid label.checkbox { display: flex; grid-template-columns: none; flex-direction: row; align-items: center; }
.incident-form-grid label.checkbox input { width: 18px; min-height: 18px; }
.incident-form-grid .incident-backdated-option > span {
  display: flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  color: #607466;
  cursor: pointer;
}
.incident-form-grid .incident-backdated-option input {
  width: 18px;
  min-height: 18px;
  margin: 0;
  padding: 0;
}
.incident-form-grid [data-incident-occurred-on][hidden] {
  display: none !important;
}
.incident-form-grid [data-incident-occurred-time][hidden] {
  display: none !important;
}
.incident-form-grid [data-disaster-incident-type][hidden],
.incident-form-grid [data-general-incident-type][hidden] {
  display: none !important;
}
.incident-date-control {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: stretch;
}
.incident-date-control > input[data-incident-occurred-on-input] {
  padding-right: 11px;
  border-radius: 8px 0 0 8px;
}
.incident-date-control > button {
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d8cfbd;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #ffffff;
  color: #607466;
  cursor: pointer;
}
.incident-date-control > button:hover { background: #edf2ee; }
.incident-date-control > button .material-symbols-outlined { font-size: 20px; }
.incident-native-date-picker {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0;
  pointer-events: none;
}
.incident-time-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px;
  align-items: stretch;
}
.incident-time-control > input:first-child {
  border-radius: 8px 0 0 8px !important;
}
.incident-time-control > input {
  border-radius: 0 !important;
}
.incident-time-control > input:nth-of-type(2) {
  border-left: 0;
}
.incident-time-control > b {
  display: grid;
  place-items: center;
  border: 1px solid #d8cfbd;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #ffffff;
  color: #806f5f;
  font-size: 13px;
  font-weight: 500;
}
.incident-location-picker { display: grid; gap: 8px; }
.incident-location-picker > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.incident-location-picker b { color: #806f5f; font-size: 13px; font-weight: 500; }
.incident-location-picker small { color: #806f5f; font-size: 11px; }
.incident-picker-map { width: 100%; height: 260px; overflow: hidden; border: 1px solid #d8cfbd; border-radius: 10px; background: #fffefb; cursor: crosshair; }
.incident-location-picker > p { margin: 0; padding: 7px 10px; border-radius: 7px; background: #fff9ec; color: #607466; font-size: 12px; text-align: center; }
.incident-receiver-summary { padding: 14px 16px; border-radius: 9px; background: #fff9ec; }
.incident-receiver-summary small,
.incident-receiver-summary strong { display: block; }
.incident-receiver-summary small { color: #607466; font-size: 12px; }
.incident-receiver-summary strong { margin-top: 4px; color: #2C3930; font-size: 17px; }
.incident-receiver-summary p { margin: 5px 0 0; color: #806f5f; font-size: 12px; }
.incident-form-warning { margin: 0; padding: 10px 12px; border-radius: 7px; background: #fff3dd; color: #b96132; font-size: 12px; }

@media (max-width: 900px) {
  .incident-status-strip { grid-template-columns: 1fr 1fr; }
  .incident-work-actions { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .incident-page-heading { align-items: stretch; flex-direction: column; gap: 12px; }
  .incident-form-grid { grid-template-columns: 1fr; }
  .incident-form-grid label.wide { grid-column: auto; }
  .incident-status-strip { grid-template-columns: 1fr; }
  .incident-work-actions { flex-direction: column; }
}

@media (max-width: 1100px) {
  .incident-layout {
    grid-template-columns: 340px minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .incident-layout {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 761px) and (max-width: 1600px) {
  .gis-dashboard.dashboard-shell {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  .gis-dashboard .dashboard-sidebar {
    width: 250px;
  }

  .dashboard-sidebar .primary-nav-item,
  .dashboard-sidebar .primary-nav-item:hover,
  .dashboard-sidebar .primary-nav-item.active {
    gap: 9px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
  }

  .dashboard-sidebar .primary-nav-item > .material-symbols-outlined {
    width: 19px;
    flex-basis: 19px;
    font-size: 15px;
  }
}

@media (max-width: 760px) {
  .dashboard-sidebar .primary-nav-item,
  .dashboard-sidebar .primary-nav-item:hover,
  .dashboard-sidebar .primary-nav-item.active {
    gap: 6px;
    padding: 7px 8px;
    font-size: 12px;
    white-space: nowrap;
  }

  .dashboard-sidebar .primary-nav-item > .material-symbols-outlined {
    width: 16px;
    flex-basis: 16px;
    font-size: 14px;
  }

  .primary-nav-item .nav-alert-count {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 9px;
  }
}

.incident-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.incident-summary-grid article {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 82px;
  padding: 14px 16px;
  border: 2px solid #ded8ca;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 10px rgb(44 57 48 / 10%);
}

.incident-summary-grid article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 11px;
  font-size: 22px;
}

.incident-summary-grid article > div {
  display: grid;
  gap: 3px;
}

.incident-summary-grid small {
  color: #674427;
  font-size: 13px;
  font-weight: 600;
}

.incident-summary-grid strong {
  color: #2c3930;
  font-size: 23px;
  line-height: 1;
}

.incident-summary-grid .summary-total { border-color: #79add0; background: #eef7fc; }
.incident-summary-grid .summary-pending { border-color: #d98b96; background: #fff0f1; }
.incident-summary-grid .summary-progress { border-color: #dfbd58; background: #fff8dc; }
.incident-summary-grid .summary-completed { border-color: #78b791; background: #edf8f1; }
.incident-summary-grid .summary-total > span { background: #d8ecf8; color: #356f95; }
.incident-summary-grid .summary-pending > span { background: #ffdce0; color: #a93d4b; }
.incident-summary-grid .summary-progress > span { background: #ffe8a6; color: #87601c; }
.incident-summary-grid .summary-completed > span { background: #d7edde; color: #32754e; }
.incident-summary-grid .summary-total small { color: #356f95; }
.incident-summary-grid .summary-pending small { color: #a93d4b; }
.incident-summary-grid .summary-progress small { color: #87601c; }
.incident-summary-grid .summary-completed small { color: #32754e; }

.incident-category-tabs a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 8px 12px;
  border-radius: 0;
  background: transparent;
  color: #607466;
  font-size: 14px;
  text-decoration: none;
}

.incident-category-tabs a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 3px;
  background: transparent;
}

.incident-category-tabs a.active {
  background: transparent;
  color: #2C3930;
  font-weight: 700;
}

.incident-category-tabs a.active::after {
  background: #2C3930;
}

.incident-category-tabs a > span {
  font-size: 21px;
}

.incident-category-tabs a > b {
  font-size: inherit;
  white-space: nowrap;
}

.incident-category-tabs a > small {
  padding: 3px 7px;
  border-radius: 999px;
  background: #fffefb;
  color: #607466;
  font-size: 10px;
}

.incident-category-tabs a.active > small {
  background: #fff9ec;
  color: #2C3930;
}

@media (max-width: 620px) {
  .incident-summary-grid {
    grid-template-columns: 1fr 1fr;
  }

  .incident-summary-grid article {
    min-height: 72px;
    padding: 11px;
  }

  .incident-category-tabs {
    gap: 4px;
    overflow-x: auto;
    padding: 0 4px;
  }

  .incident-category-tabs a {
    flex: 0 0 auto;
    padding: 11px 7px;
    font-size: 12px;
  }
}

/* Incident cards use the severity reported with each incident. */
.severity-waiting {
  background: #fffefb;
  color: #607466;
}

.severity-general {
  border: 1px solid #f3f1ea;
  background: #fff;
  color: #806f5f;
}

.severity-non_urgent {
  background: #fffefb;
  color: #607466;
}

.severity-urgent,
.severity-watch {
  background: #fff5c7;
  color: #967326;
}

.severity-very_urgent {
  background: #ffead7;
  color: #b96132;
}

.severity-critical {
  background: #ffe4e7;
  color: #b94050;
}

.incident-list-card.incident-severity-waiting,
.incident-list-card.incident-severity-waiting:hover,
.incident-list-card.incident-severity-waiting.active {
  border-color: transparent;
  background: #e8f8ef;
}

.incident-list-card.incident-severity-general,
.incident-list-card.incident-severity-general:hover,
.incident-list-card.incident-severity-general.active {
  background: #fff;
}

.incident-list-card.incident-severity-general.active {
  border-color: #aab7ad;
}

.incident-list-card.incident-severity-non_urgent,
.incident-list-card.incident-severity-non_urgent:hover,
.incident-list-card.incident-severity-non_urgent.active {
  border-color: transparent;
  background: #e8f8ef;
}

.incident-list-card.incident-severity-watch,
.incident-list-card.incident-severity-watch:hover,
.incident-list-card.incident-severity-watch.active {
  border-color: transparent;
  background: #fff9dc;
}

.incident-list-card.incident-severity-urgent,
.incident-list-card.incident-severity-urgent:hover,
.incident-list-card.incident-severity-urgent.active {
  border-color: transparent;
  background: #fff9dc;
}

.incident-list-card.incident-severity-very_urgent,
.incident-list-card.incident-severity-very_urgent:hover,
.incident-list-card.incident-severity-very_urgent.active {
  border-color: transparent;
  background: #fff0e3;
}

.incident-list-card.incident-severity-critical,
.incident-list-card.incident-severity-critical:hover,
.incident-list-card.incident-severity-critical.active {
  border-color: transparent;
  background: #ffe8ea;
}

.incident-list-card.active {
  border-color: transparent;
  box-shadow: none;
}

.incident-list-card.incident-severity-general.active {
  border-color: #aab7ad;
}

.incident-promotion-heading {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e2dac8;
}

.incident-disaster-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-color: #b94050;
  background: #b94050;
  color: #fff;
}

.incident-disaster-action .material-symbols-outlined {
  font-size: 17px;
}

.incident-disaster-action:hover {
  border-color: #b94050;
  background: #b94050;
  color: #fff;
}

.incident-settings-menu {
  position: relative;
}

.incident-settings-trigger {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #d8cfbd;
  border-radius: 8px;
  background: #fff;
  color: #607466;
  cursor: pointer;
}

.incident-settings-trigger .material-symbols-outlined {
  font-size: 20px;
}

.incident-settings-options {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  right: 0;
  width: 170px;
  padding: 6px;
  border: 1px solid #e2dac8;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 10px 28px rgb(44 57 48 / 16%);
}

.incident-settings-options[hidden] {
  display: none;
}

.incident-settings-options button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #607466;
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}

.incident-settings-options button:hover {
  background: #f2f6fa;
}

.incident-settings-options button.danger {
  color: #a54251;
}

.incident-settings-options .material-symbols-outlined {
  font-size: 18px;
}

.incident-delete-confirmation {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 24px;
}

.incident-delete-confirmation > .material-symbols-outlined {
  color: #b94050;
  font-size: 30px;
}

.incident-promotion-confirmation > .material-symbols-outlined {
  padding: 8px;
  border-radius: 50%;
  background: #fff0f2;
}

.incident-dialog .incident-promotion-actions {
  gap: 10px;
  padding: 16px 22px;
}

.incident-dialog .incident-promotion-actions form {
  display: block;
  max-height: none;
  margin: 0;
}

.incident-dialog .incident-promotion-actions > .incident-secondary-action,
.incident-confirm-disaster-action {
  min-height: 42px;
  padding: 10px 18px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.incident-confirm-disaster-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #b94050;
  background: #b94050;
  color: #fff;
  box-shadow: 0 5px 14px rgb(185 64 80 / 22%);
  cursor: pointer;
}

.incident-confirm-disaster-action .material-symbols-outlined {
  font-size: 18px;
}

.incident-confirm-disaster-action:hover,
.incident-confirm-disaster-action:focus-visible {
  border-color: #a73747;
  background: #a73747;
  box-shadow: 0 6px 16px rgb(185 64 80 / 30%);
}

.disaster-section-nav{display:flex;gap:8px;margin-bottom:18px;padding:5px;border:1px solid #e2dac8;border-radius:12px;background:#fff}.disaster-section-nav a{display:flex;align-items:center;gap:9px;min-width:240px;padding:10px 14px;border-radius:8px;color:#607466;text-decoration:none}.disaster-section-nav a.active{background:#2c3930;color:#fff}.disaster-section-nav .material-symbols-outlined{font-size:20px}.disaster-section-nav b,.disaster-section-nav small{display:block}.disaster-section-nav b{font-size:13px}.disaster-section-nav small{margin-top:2px;color:inherit;font-size:10px;opacity:.8}.contingency-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:16px;align-items:start}.contingency-list{display:grid;gap:12px}.contingency-card{padding:16px;border:1px solid #e2dac8;border-radius:12px;background:#fff}.contingency-card.selected{border-color:#607466;box-shadow:0 5px 16px rgb(44 57 48 / 10%)}.contingency-card-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.contingency-card-heading>.material-symbols-outlined{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf2ee;color:#2c3930}.contingency-card h2,.contingency-detail h2{margin:2px 0 0;color:#2c3930;font-size:17px}.contingency-card small,.contingency-detail small{color:#806f5f;font-size:10px}.contingency-card>p{min-height:34px;margin:10px 0;color:#607466;font-size:11px;line-height:1.55}.contingency-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.contingency-card dl div{padding:8px;border-radius:7px;background:#fffefb}.contingency-card dt{color:#806f5f;font-size:9px}.contingency-card dd{margin:4px 0 0;color:#2c3930;font-size:11px;font-weight:700}.contingency-card footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.plan-status{padding:5px 9px;border-radius:999px;font-size:10px;font-style:normal;font-weight:700}.plan-status.draft{background:#fff4d8;color:#9b6b13}.plan-status.ready{background:#e8f5ec;color:#2d7148}.plan-status.archived{background:#eef0f1;color:#607466}.contingency-detail{padding:18px;border:1px solid #e2dac8;border-radius:13px;background:#fff}.contingency-detail>header{display:flex;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid #ece6d9}.contingency-detail>header p{margin:6px 0 0;color:#607466;font-size:11px}.contingency-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.contingency-kpis>div{padding:11px;border-radius:9px;background:#fffefb}.contingency-kpis b{display:block;margin-top:5px;color:#2c3930;font-size:14px}.contingency-entry-section{margin-top:16px}.contingency-entry-section h3{margin:0 0 8px;color:#2c3930;font-size:14px}.contingency-entry-table{overflow-x:auto;border:1px solid #ece6d9;border-radius:9px}.contingency-entry-table>div{display:grid;grid-template-columns:minmax(160px,1.5fr) repeat(3,minmax(100px,.8fr));align-items:center;gap:8px;min-width:620px;padding:10px 12px;border-top:1px solid #ece6d9;font-size:11px}.contingency-entry-table>div:first-child{border-top:0;background:#fffefb;color:#806f5f}.contingency-entry-table em{justify-self:start;padding:5px 8px;border-radius:7px;font-style:normal;font-weight:700}.contingency-entry-table em.enough{background:#e8f5ec;color:#2d7148}.contingency-entry-table em.shortage{background:#ffe9eb;color:#b94050}.contingency-entry-table>p{margin:0;padding:14px;color:#806f5f;font-size:11px}.contingency-no-analysis{display:grid;justify-items:center;gap:10px;padding:40px 20px;color:#806f5f;text-align:center}.contingency-no-analysis>.material-symbols-outlined{font-size:42px;color:#607466}@media(max-width:1050px){.contingency-layout{grid-template-columns:1fr}.contingency-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.disaster-section-nav{display:grid;grid-template-columns:1fr}.disaster-section-nav a{min-width:0}.contingency-list{grid-template-columns:1fr}.contingency-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.contingency-card dl{grid-template-columns:1fr}}

@media(max-width:520px) {
  .incident-dialog .incident-promotion-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .incident-dialog .incident-promotion-actions > .incident-secondary-action,
  .incident-promotion-actions form,
  .incident-confirm-disaster-action {
    width: 100%;
  }
}

.incident-delete-confirmation strong {
  color: #2c3930;
}

.incident-delete-confirmation p {
  margin: 6px 0 0;
  color: #806f5f;
  font-size: 12px;
  line-height: 1.6;
}

.incident-delete-action {
  padding: 9px 14px;
  border: 1px solid #b94050;
  border-radius: 8px;
  background: #b94050;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.incident-plan-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.incident-heading-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.incident-share-form {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  padding: 22px;
}

.incident-share-form > .material-symbols-outlined {
  color: #2C3930;
  font-size: 28px;
}

.incident-share-form strong,
.incident-share-form p {
  margin: 0;
}

.incident-share-form div p {
  margin-top: 5px;
  color: #806f5f;
  font-size: 11px;
}

.incident-share-form label {
  display: grid;
  grid-column: 1 / -1;
  gap: 6px;
  margin-top: 8px;
  color: #674427;
  font-size: 11px;
  font-weight: 700;
}

.incident-share-form input,
.incident-share-form select {
  width: 100%;
  padding: 10px 11px;
  border: 1px solid #f3f1ea;
  border-radius: 7px;
  color: #607466;
  font: inherit;
  font-size: 12px;
}

.incident-share-form > p {
  grid-column: 1 / -1;
  color: #607466;
  font-size: 11px;
}

@media (max-width: 900px) {
  .incident-plan-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .incident-plan-summary {
    grid-template-columns: 1fr;
  }
}

.incident-usage-picker.kind-resource{border-left:4px solid #2C3930}.incident-usage-picker.kind-workforce{border-left:4px solid #806f5f}.incident-usage-picker.kind-consumable{border-left:4px solid #b96132}.incident-usage-summary-groups{display:grid;gap:12px;padding:14px}.incident-usage-summary-group{overflow:hidden;border:1px solid #e2dac8;border-radius:10px;background:#fff}.incident-usage-summary-group>header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fffdf6;color:#607466}.incident-usage-summary-group>header .material-symbols-outlined{font-size:19px}.incident-usage-summary-group>header h4{flex:1;margin:0;font-size:13px}.incident-usage-summary-group>header>b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#fffefb;font-size:11px}.incident-usage-summary-group article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-top:1px solid #edf1f5}.incident-usage-summary-group article b,.incident-usage-summary-group article small{display:block}.incident-usage-summary-group article small{margin-top:3px;color:#806f5f;font-size:11px}.incident-usage-summary-group>p{margin:0;padding:14px;color:#806f5f;font-size:11px}.incident-usage-amount{text-align:right;white-space:nowrap}.incident-usage-amount strong{color:#2c3930;font-size:12px}.incident-usage-amount .usage-state{font-weight:700}.incident-usage-amount .usage-state.active{color:#2C3930}.incident-usage-amount .usage-state.ready{color:#607466}.incident-usage-summary-group.kind-consumable>header{background:#fff9ed}.incident-usage-summary-group.kind-workforce>header{background:#f8f5ff}@media(max-width:620px){.incident-usage-summary-group article{align-items:flex-start;flex-direction:column}.incident-usage-amount{text-align:left}}
.incident-usage-row.without-quantity{grid-template-columns:minmax(0,1fr) 36px}

/* Match incident/disaster list cards with the overview task-card palette. */
.incident-list-card {
  border: 1px solid #e2dac8;
  border-left-width: 4px;
}

.incident-list-card.incident-severity-critical,
.incident-list-card.incident-severity-critical:hover,
.incident-list-card.incident-severity-critical.active,
.incident-list-card.incident-severity-very_urgent,
.incident-list-card.incident-severity-very_urgent:hover,
.incident-list-card.incident-severity-very_urgent.active {
  border-color: #edc6cb;
  border-left-color: #b94851;
  background: #fff0f1;
}

.incident-list-card.incident-severity-urgent,
.incident-list-card.incident-severity-urgent:hover,
.incident-list-card.incident-severity-urgent.active {
  border-color: #e7c5b0;
  border-left-color: #c66732;
  background: #fff2e8;
}

.incident-list-card.incident-severity-watch,
.incident-list-card.incident-severity-watch:hover,
.incident-list-card.incident-severity-watch.active {
  border-color: #e5d18c;
  border-left-color: #c69521;
  background: #fff9dc;
}

.incident-list-card.incident-severity-general,
.incident-list-card.incident-severity-general:hover,
.incident-list-card.incident-severity-general.active,
.incident-list-card.incident-severity-non_urgent,
.incident-list-card.incident-severity-non_urgent:hover,
.incident-list-card.incident-severity-non_urgent.active,
.incident-list-card.incident-severity-waiting,
.incident-list-card.incident-severity-waiting:hover,
.incident-list-card.incident-severity-waiting.active {
  border-color: #f3f1ea;
  border-left-color: #806f5f;
  background: #f6f8fa;
}

.incident-list-card.active {
  box-shadow: 0 0 0 2px rgb(63 79 68 / 14%);
}

.severity-critical,
.severity-very_urgent {
  background: #ffe8eb;
  color: #b94050;
}

.severity-urgent {
  background: #ffdcca;
  color: #a94f26;
}

.severity-watch {
  background: #ffedaa;
  color: #806016;
}

.severity-general,
.severity-non_urgent,
.severity-waiting {
  background: #edf1f5;
  color: #607466;
}

/* Distinguish incident usage groups at a glance. */
.incident-usage-summary-group.kind-resource {
  border-color: #9fc5dc;
  border-left: 4px solid #527f9d;
}

.incident-usage-summary-group.kind-workforce {
  border-color: #b9a7cf;
  border-left: 4px solid #795f94;
}

.incident-usage-summary-group.kind-consumable {
  border-color: #dfc27b;
  border-left: 4px solid #a97924;
}

.incident-usage-summary-group.kind-resource > header {
  background: #edf6fb;
  color: #356f95;
}

.incident-usage-summary-group.kind-workforce > header {
  background: #f3eff9;
  color: #684f83;
}

.incident-usage-summary-group.kind-consumable > header {
  background: #fff6df;
  color: #87601c;
}

.incident-usage-summary-group.kind-resource > header > b { background: #d8ecf8; color: #356f95; }
.incident-usage-summary-group.kind-workforce > header > b { background: #e5dcf0; color: #684f83; }
.incident-usage-summary-group.kind-consumable > header > b { background: #ffe8a6; color: #87601c; }

.incident-usage-summary-group > header {
  border-bottom: 1px solid currentColor;
}

.incident-usage-summary-group > header h4,
.incident-usage-summary-group > header .material-symbols-outlined {
  color: inherit;
}

.contingency-version-tabs {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding: 0.15rem 0 0.75rem;
  scrollbar-width: thin;
}

.contingency-version-tabs a {
  flex: 0 0 auto;
  max-width: 15rem;
  overflow: hidden;
  padding: 0.48rem 0.72rem;
  border: 1px solid #d8ded9;
  border-radius: 999px;
  color: #536158;
  background: #fff;
  font-size: 0.78rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contingency-version-tabs a.active {
  border-color: #263d31;
  color: #fff;
  background: #263d31;
}

.contingency-draft-note {
  margin: 0;
  padding: 0.7rem 0.85rem;
  border-radius: 0.65rem;
  color: #705b2d;
  background: #fff8e7;
  font-size: 0.82rem;
}

.contingency-map-section {
  margin-top: 0.9rem;
  overflow: hidden;
  border: 1px solid #e2dac8;
  border-radius: 0.75rem;
  background: #fff;
}

.contingency-map-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid #ece6d9;
}

.contingency-map-heading h3 { margin: 0; color: #2c3930; font-size: 0.85rem; }
.contingency-map-heading p { margin: 0.2rem 0 0; color: #806f5f; font-size: 0.68rem; }
.contingency-map-heading > span { display: flex; align-items: center; gap: 0.4rem; color: #607466; font-size: 0.68rem; white-space: nowrap; }
.contingency-map-heading i { width: 1.2rem; height: 0.2rem; border-radius: 999px; }
.contingency-map-heading i.managed { background: #5f9279; }
.contingency-map-heading i.assessed { background: #b96132; }
.contingency-detail-map { width: 100%; height: 300px; background: #eef3ef; }

@media (max-width: 700px) {
  .contingency-map-heading { align-items: flex-start; flex-direction: column; }
  .contingency-detail-map { height: 240px; }
}

/* Match the flat underline tabs used by the city-map tools. */
.disaster-section-nav {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
  margin: 0 0 1.15rem;
  padding: 0;
  overflow-x: auto;
  border: 0;
  border-bottom: 1px solid #ddd7ca;
  border-radius: 0;
  background: transparent;
}

.disaster-section-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.75rem 1rem 0.8rem;
  border-radius: 0;
  color: #718077;
  white-space: nowrap;
}

.disaster-section-nav a::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: transparent;
  content: "";
}

.disaster-section-nav a.active {
  color: #263d31;
  background: transparent;
}

.disaster-section-nav a.active::after {
  background: #263d31;
}

.disaster-section-nav .material-symbols-outlined {
  font-size: 1.15rem;
}

.disaster-section-nav b {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
}

@media (max-width: 700px) {
  .disaster-section-nav {
    display: flex;
    grid-template-columns: none;
  }

  .disaster-section-nav a {
    flex: 0 0 auto;
  }
}

/* Balanced spacing for the disaster planning workspace. */
.page-disasters .dashboard-content {
  padding-top: 24px;
}

.contingency-page {
  display: grid;
  gap: 1.25rem;
}

.contingency-page .incident-page-heading {
  align-items: center;
  gap: 1.5rem;
  padding: 0 0.15rem;
}

.contingency-page .incident-page-heading h1 {
  margin: 0.3rem 0 0.4rem;
}

.contingency-page .incident-page-heading .page-kicker {
  margin-bottom: 0;
}

.contingency-page .incident-page-heading .incident-primary-action {
  flex: 0 0 auto;
  margin-top: 0.25rem;
}

.contingency-page .contingency-empty {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 15rem;
  padding: 2.75rem 2rem;
}

.contingency-page .contingency-empty h2 {
  margin: 0.75rem 0 0.35rem;
}

.contingency-page .contingency-empty p {
  max-width: 34rem;
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 700px) {
  .page-disasters .dashboard-content {
    padding-top: 18px;
  }

  .contingency-page {
    gap: 1rem;
  }

  .contingency-page .incident-page-heading {
    align-items: stretch;
    gap: 1rem;
  }

  .contingency-page .incident-page-heading .incident-primary-action {
    justify-content: center;
    width: 100%;
  }

  .contingency-page .contingency-empty {
    min-height: 12rem;
    padding: 2rem 1.25rem;
  }
}
.contingency-required-input{display:flex;align-items:center;gap:6px}.contingency-required-input input{width:82px;padding:7px 8px;border:1px solid #d8cfbd;border-radius:7px;background:#fff;color:#2c3930;font:inherit;font-weight:700}.contingency-required-input span{color:#806f5f}.contingency-resource-actions{display:flex;justify-content:flex-end;margin-top:14px}
.contingency-detail-actions{display:flex;align-items:center;gap:8px}.contingency-delete-trigger{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #efc8cd;border-radius:8px;background:#fff;color:#b94050;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.contingency-delete-trigger:hover{background:#fff0f2}.contingency-delete-trigger .material-symbols-outlined{font-size:16px}.contingency-delete-warning{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #f0cbd0;border-radius:9px;background:#fff4f5}.contingency-delete-warning>.material-symbols-outlined{color:#b94050;font-size:25px}.contingency-delete-warning strong{color:#2c3930}.contingency-delete-warning p{margin:4px 0 0;color:#806f5f;font-size:11px;line-height:1.55}.contingency-delete-dialog .incident-delete-action{display:inline-flex;align-items:center;justify-content:center;gap:6px}.contingency-delete-dialog .incident-delete-action .material-symbols-outlined{font-size:17px}@media(max-width:700px){.contingency-detail-actions{align-items:flex-end;flex-direction:column}.contingency-delete-trigger{width:100%;justify-content:center}}
.contingency-edit-trigger{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #d8cfbd;border-radius:8px;background:#fff;color:#2c3930;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.contingency-edit-trigger:hover{background:#f4f7f5}.contingency-edit-trigger .material-symbols-outlined{font-size:16px}.contingency-required-input[hidden],.contingency-resource-actions[hidden],[data-contingency-required-value][hidden],.contingency-edit-trigger[hidden]{display:none}.contingency-resource-actions{gap:8px}

/* Keep the plan detail header, version navigation, and content on one spacing rhythm. */
.contingency-detail{overflow:hidden;padding:0}.contingency-detail>header{align-items:center;min-height:78px;padding:16px 20px;border-bottom:1px solid #ece6d9}.contingency-detail>header>div:first-child{min-width:0}.contingency-detail>header h2{margin-top:3px}.contingency-detail>header p{max-width:700px;margin-top:5px;line-height:1.5}.contingency-detail-actions{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:7px}.contingency-version-tabs{margin:0;padding:12px 20px;border-bottom:1px solid #f0ebe1;background:#fff}.contingency-version-tabs a{padding:7px 12px}.contingency-map-section{margin:16px 20px 0}.contingency-kpis{margin:14px 20px}.contingency-resource-form{padding:0 20px 18px}.contingency-entry-section:first-child{margin-top:10px}

@media(max-width:700px){.contingency-detail>header{align-items:flex-start;flex-direction:column;padding:15px}.contingency-detail-actions{width:100%;align-items:stretch;flex-direction:row;justify-content:flex-start}.contingency-edit-trigger,.contingency-delete-trigger{width:auto}.contingency-version-tabs{padding:10px 15px}.contingency-map-section{margin:14px 15px 0}.contingency-kpis{margin:12px 15px}.contingency-resource-form{padding:0 15px 15px}}
.disaster-future-plan-link{border-color:#263d31;background:#263d31;color:#fff;box-shadow:none}.disaster-future-plan-link:hover,.disaster-future-plan-link:focus-visible{border-color:#1c3026;background:#1c3026;color:#fff;box-shadow:none;transform:none}
.page-disasters .incident-page-heading{min-height:0}.page-disasters .incident-page-heading>div:first-child{min-width:0}.page-disasters .incident-heading-actions{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.page-disasters .incident-page-heading h1{margin-top:3px;margin-bottom:4px}@media(max-width:760px){.page-disasters .incident-heading-actions{width:100%;justify-content:flex-start}.page-disasters .incident-heading-actions>*{flex:1 1 auto}}

/* Use the same heading rhythm as the general-incidents page. */
.page-disasters .contingency-page{gap:16px}.page-disasters .contingency-page .incident-page-heading{align-items:flex-end;gap:20px;padding:0}.page-disasters .contingency-page .incident-page-heading h1{margin:3px 0 4px}.page-disasters .contingency-page .incident-page-heading .page-kicker{margin:0 0 3px}.page-disasters .contingency-page .incident-page-heading .incident-primary-action{margin-top:0}

@media(max-width:760px){.page-disasters .contingency-page{gap:16px}.page-disasters .contingency-page .incident-page-heading{align-items:stretch;gap:12px}.page-disasters .contingency-page .incident-page-heading .incident-primary-action{width:auto}}

/* Searchable, full-width response-plan rows. */
.contingency-list-tools{display:grid;grid-template-columns:minmax(280px,1fr) 240px;gap:12px;padding:14px;border:1px solid #e2dac8;border-radius:12px;background:#fff}.contingency-plan-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #d8cfbd;border-radius:8px;background:#fff}.contingency-plan-search .material-symbols-outlined{color:#607466;font-size:20px}.contingency-plan-search input{width:100%;min-height:42px;border:0;background:transparent;color:#2c3930;font:inherit;font-size:13px;outline:0}.contingency-plan-filter{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;color:#607466;font-size:11px;font-weight:700}.contingency-plan-filter select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #d8cfbd;border-radius:8px;background:#fff;color:#2c3930;font:inherit;font-size:12px}.contingency-layout{display:grid;grid-template-columns:1fr;gap:16px}.contingency-list{display:grid;gap:10px}.contingency-row{overflow:hidden;border:1px solid #e2dac8;border-radius:11px;background:#fff}.contingency-row.selected{border-color:#607466;box-shadow:0 4px 14px rgba(44,57,48,.09)}.contingency-row>summary{display:grid;grid-template-columns:42px minmax(180px,1.2fr) minmax(390px,1.5fr) auto 24px;align-items:center;gap:14px;min-height:76px;padding:12px 16px;cursor:pointer;list-style:none}.contingency-row>summary::-webkit-details-marker{display:none}.contingency-row>summary:hover{background:#fafbf9}.contingency-row-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#edf2ee;color:#2c3930}.contingency-row-title{min-width:0}.contingency-row-title small{color:#806f5f;font-size:10px}.contingency-row-title h2{overflow:hidden;margin:3px 0 0;color:#2c3930;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.contingency-row-metrics{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:12px}.contingency-row-metrics span{display:grid;gap:3px}.contingency-row-metrics small{color:#806f5f;font-size:9px}.contingency-row-metrics b{color:#2c3930;font-size:11px}.contingency-row-caret{color:#607466;transition:transform .18s ease}.contingency-row[open] .contingency-row-caret{transform:rotate(180deg)}.contingency-row-body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px 14px 72px;border-top:1px solid #ece6d9;background:#fffefb}.contingency-row-body p{margin:0;color:#607466;font-size:12px;line-height:1.55}.contingency-row-body>div{display:flex;flex:0 0 auto;gap:8px}.contingency-filter-empty{display:grid;justify-items:center;gap:4px;padding:38px;border:1px dashed #d8cfbd;border-radius:11px;color:#806f5f;text-align:center}.contingency-filter-empty[hidden],.contingency-row[hidden]{display:none}.contingency-filter-empty .material-symbols-outlined{font-size:32px}.contingency-filter-empty p{margin:0;font-size:11px}

@media(max-width:900px){.contingency-row>summary{grid-template-columns:42px minmax(0,1fr) auto 24px}.contingency-row-metrics{grid-column:2/5;grid-row:2}.contingency-row-body{align-items:flex-start;flex-direction:column;padding-left:16px}}@media(max-width:620px){.contingency-list-tools{grid-template-columns:1fr;padding:10px}.contingency-plan-filter{grid-template-columns:1fr}.contingency-row>summary{grid-template-columns:38px minmax(0,1fr) 24px;padding:11px}.contingency-row-icon{width:38px;height:38px}.contingency-row>summary>.plan-status{grid-column:2}.contingency-row-caret{grid-column:3;grid-row:1}.contingency-row-metrics{grid-column:1/4;grid-template-columns:1fr 1fr;gap:8px;padding-top:6px}.contingency-row-body>div{width:100%;flex-direction:column}.contingency-row-body>div>*{width:100%}}

.contingency-list-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px}.contingency-plan-search{flex:0 1 300px;min-width:240px}.contingency-plan-filter{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.contingency-plan-filter button{min-height:38px;padding:8px 14px;border:1px solid #d8cfbd;border-radius:8px;background:#fff;color:#674427;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.contingency-plan-filter button:hover{border-color:#607466;background:#f6f8f6}.contingency-plan-filter button.active{border-color:#263d31;background:#263d31;color:#fff;box-shadow:0 3px 9px rgba(38,61,49,.16)}

@media(max-width:620px){.contingency-plan-search{flex-basis:100%;min-width:0}.contingency-plan-filter{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.contingency-plan-filter button{flex:0 0 auto}}

.contingency-back-link{display:inline-flex;align-items:center;gap:5px;justify-self:start;color:#2c3930;font-size:12px;font-weight:700;text-decoration:none}.contingency-back-link .material-symbols-outlined{font-size:17px;transition:transform .15s ease}.contingency-back-link:hover{color:#607466}.contingency-back-link:hover .material-symbols-outlined{transform:translateX(-2px)}
.page-disasters .contingency-page .incident-page-heading .page-kicker{margin-bottom:6px}.page-disasters .contingency-page .incident-page-heading h1{margin:0 0 8px;line-height:1.25}.page-disasters .contingency-page .incident-page-heading>div>p:last-child{line-height:1.65}
.page-disasters .incident-page .incident-page-heading .page-kicker{margin-bottom:6px}.page-disasters .incident-page .incident-page-heading h1{margin:0 0 8px;line-height:1.25}.page-disasters .incident-page .incident-page-heading>div>p:last-child{line-height:1.65}
.page-disasters .incident-page{padding-top:6px}
.page-disasters .contingency-page{padding-top:6px}
.contingency-row>summary{min-height:86px;padding-top:15px;padding-bottom:15px}.contingency-row-title small{font-size:12px}.contingency-row-title h2{margin-top:4px;font-size:18px}.contingency-row-metrics small{font-size:11px}.contingency-row-metrics b{font-size:13px}.contingency-row>summary>.plan-status{padding:6px 10px;font-size:11px}.contingency-row-caret{font-size:22px}.contingency-row-body p{font-size:13px}
.contingency-row-summary{display:grid;grid-template-columns:42px minmax(180px,1fr) minmax(510px,2fr) 290px 90px;align-items:center;gap:14px;min-height:86px;padding:15px 16px}.contingency-row-summary>.plan-status{width:90px;padding:6px 8px;font-size:11px;text-align:center;justify-self:end}.contingency-row-metrics{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.contingency-row-metrics span{min-width:0}.contingency-row-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7px;width:290px}.contingency-row-actions .incident-primary-action,.contingency-row-actions .incident-secondary-action{width:100%;min-height:36px;padding:7px 8px;font-size:11px;white-space:nowrap}

@media(max-width:1150px){.contingency-row-summary{grid-template-columns:42px minmax(0,1fr) auto}.contingency-row-summary>.plan-status{grid-column:3;grid-row:1}.contingency-row-metrics{grid-column:2/4;grid-row:2}.contingency-row-actions{grid-column:2/4;grid-row:3;justify-self:end}}@media(max-width:700px){.contingency-row-summary{grid-template-columns:38px minmax(0,1fr);padding:12px}.contingency-row-metrics,.contingency-row-summary>.plan-status,.contingency-row-actions{grid-column:1/3}.contingency-row-summary>.plan-status{grid-row:2;justify-self:start}.contingency-row-metrics{grid-row:3}.contingency-row-actions{grid-row:4;justify-self:stretch;width:100%}}

/* Improve readability throughout the response-plan detail view. */
.contingency-back-link{font-size:14px}
.contingency-detail>header small{font-size:12px}
.contingency-detail>header h2{font-size:21px}
.contingency-detail>header p{font-size:13px}
.contingency-detail-actions .plan-status{font-size:11px}
.contingency-edit-trigger,.contingency-delete-trigger{padding:7px 10px;font-size:12px}
.contingency-version-tabs a{font-size:13px}
.contingency-map-heading h3{font-size:15px}
.contingency-map-heading p,.contingency-map-heading>span{font-size:12px}
.contingency-kpis small{font-size:12px}
.contingency-kpis b{font-size:17px}
.contingency-entry-section h3{font-size:16px}
.contingency-entry-table>div{font-size:13px}
.contingency-entry-table em{font-size:12px}
.contingency-entry-table>p{font-size:13px}
.contingency-resource-actions .incident-primary-action,.contingency-resource-actions .incident-secondary-action{font-size:13px}
.contingency-row-actions .incident-primary-action,.contingency-row-actions .incident-secondary-action{min-height:38px;padding:8px 10px;font-size:13px}

/* The city overview heading follows the same stacked layout as other pages. */
.dashboard-content #city-overview,
.dashboard-content #city-overview > div,
.dashboard-content #city-overview .city-title-line {
  display: block;
}

.gis-dashboard #city-overview .page-kicker {
  display: block;
  margin: 0 0 6px;
}

.gis-dashboard #city-overview h1 {
  margin: 0 0 8px;
  font-size: 28px !important;
  line-height: 1.25;
}

.gis-dashboard #city-overview p:last-child {
  margin: 0;
  line-height: 1.65;
}