/* DraftDayPlanner best-draft-agent.css - best draft time recommendation modal */
/* SECTION 05.1 - Conflict Helper Modal Shell */
.modal-content.conflict-helper-content {
  --conflict-helper-accent: #a96c13; --conflict-helper-accent-dark: #87520f; --conflict-helper-accent-hover: #b87818; --conflict-helper-accent-soft: #f6fbf3; --conflict-helper-accent-border: #9ed6a8; --conflict-helper-action: #35a83f; --conflict-helper-action-dark: #17852c; --conflict-helper-action-hover: #3bb946; position: relative; width: min(94vw, 640px); max-width: 640px; padding: 0 16px 12px; overflow: visible; background: linear-gradient(to bottom,var(--green-dark) 0 48px,#eef6fa 48px); border-radius: 10px; color: #131d27; font-family: inherit; text-align: left;
}
.modal-content.conflict-helper-content.conflict-helper-content--day {
  width: min(94vw, 560px); max-width: 560px;
}
.conflict-helper-content button {
  box-sizing: border-box; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; text-align: inherit; transition: none;
}
.conflict-helper-grid-toggle {
  min-height: 22px; margin-top: 0; padding: 8px 12px; border: 1px solid #cbd9e3; border-radius: 8px; background: #dbe6ed; color: #15222e; font-size: .84rem; font-weight: 700; line-height: 1; cursor: pointer;
}
.conflict-helper-content .conflict-helper-title {
  background: var(--green-dark); color: #fff; margin: 0 -16px 14px; padding: 12px 16px; font-size: 20px; font-weight: 700; line-height: normal; border-radius: 10px 10px 0 0; text-align: center;
}
.conflict-helper-content .conflict-helper-x {
  position: absolute; top: -18px; right: -22px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin: 0; padding: 0; border-radius: 999px; background: rgba(219,230,237,.65); color: rgba(17,26,34,.65); font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: 700; line-height: 1; text-align: center; box-shadow: none;
}
.conflict-helper-content .conflict-helper-x:hover {
  background: rgba(207,219,228,.85); color: rgba(17,26,34,.85);
}
/* SECTION 05.2 - Conflict Helper Controls */
.conflict-helper-body {
  padding: 0;
}
.conflict-helper-intro {
  margin: 0 0 12px!important; color: #26313b!important; font-size: .92rem; font-weight: 400; line-height: 1.25; text-align: center;
}
.conflict-helper-controls {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0 8px;
}
.conflict-helper-controls label {
  margin: 0; color: #465767; font-size: .74rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
}
.conflict-helper-controls select {
  width: 100%; height: 36px; margin-top: 5px; padding: 5px 28px 5px 9px; border: 1px solid #cfd8e2; border-radius: 7px; background: #fff; color: #111a22; font-size: .9rem; font-weight: 400; text-transform: none;
}
/* SECTION 05.3 - Recommended Option */
.conflict-helper-hero-card {
  display: grid; grid-template-columns: 72px 1fr; gap: 13px; align-items: center; padding: 16px; border: 1px solid rgba(53,168,63,.34); border-radius: 10px; background: var(--conflict-helper-accent-soft); color: #111a22;
}
.conflict-helper-hero-badge {
  display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 999px; background: var(--conflict-helper-action); color: #fff; line-height: 1; box-shadow: none; align-self: center; transform: translateY(-5px);
}
.conflict-helper-hero-badge svg {
  width: 32px; height: 32px; fill: currentColor;
}
.conflict-helper-hero-main {
  min-width: 0;
}
.conflict-helper-eyebrow {
  margin: 0; color: var(--conflict-helper-accent); font-size: .74rem; font-weight: 700; letter-spacing: .045em; line-height: 1; text-transform: uppercase;
}
.conflict-helper-hero-main h3 {
  margin: 6px 0 4px; color: #101922; font-size: 1.68rem; font-weight: 700; line-height: 1.05;
}
.conflict-helper-content--day .conflict-helper-hero-main h3 {
  font-size: calc(1.68rem - 2px);
}
.conflict-helper-window {
  margin: 0!important; color: #1d2b35!important; font-size: 1.12rem; font-weight: 500; line-height: 1.25;
}
.conflict-helper-content--day .conflict-helper-window {
  font-size: calc(1.12rem - 2px);
}
.conflict-helper-window strong {
  font-weight: 750;
}
.conflict-helper-reason {
  margin: 7px 0 0!important; color: #344653!important; font-size: .8rem; font-weight: 400; line-height: 1.28; white-space: nowrap;
}
.conflict-helper-start-picker {
  grid-column: 1 / -1; display: grid; gap: 0; margin-top: 3px; padding: 9px 14px 8px; border: 1px solid rgba(53,168,63,.28); border-radius: 8px; background: rgba(255,255,255,.82);
}
.conflict-helper-start-picker p {
  margin: -2px 0 6px; color: #111a22; font-size: .86rem; font-weight: 700; letter-spacing: 0; line-height: 1; text-transform: none;
}
.conflict-helper-range-controls {
  display: grid; grid-template-columns: auto minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 6px;
}
.conflict-helper-range-controls select {
  width: 100%; height: 26px; padding: 2px 24px 2px 7px; border: 1px solid #cfd8e2; border-radius: 7px; background: #fff; color: #111a22; font-family: inherit; font-size: .78rem; font-weight: 700;
}
.conflict-helper-range-controls > span {
  color: #465767; font-size: .78rem; font-weight: 700; line-height: 1;
}
.conflict-helper-range-note {
  color: #465767; font-size: .68rem; font-weight: 500; line-height: 1.2;
}
.conflict-helper-range-picker p {
  margin-left: -8px; font-size: .74rem; white-space: nowrap;
}
@media (max-width: 520px) {
  .conflict-helper-range-picker p { white-space: normal; }
}
.conflict-helper-root .conflict-helper-calendar-instruction {
  white-space: normal!important; overflow-wrap: anywhere;
}
.conflict-helper-root .conflict-helper-selection-summary {
  grid-column: 1 / -1; width: 100%; margin: -2px 0 0!important; text-align: center; white-space: normal!important; overflow-wrap: anywhere;
}
.conflict-helper-start-options {
  display: flex; gap: 7px; align-items: center; margin-bottom: -1px; padding: 0 0 3px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; scrollbar-color: #2d4157 var(--green-dark); transform: translateY(-2px);
}
.conflict-helper-draft-note {
  grid-column: 1 / -1; justify-self: center; width: 100%; box-sizing: border-box; margin: -2px auto -6px!important; color: #344653!important; font-size: .76rem; font-weight: 650; line-height: 1.1; text-align: center;
}
.conflict-helper-guidance-warning {
  display: block; max-width: 520px; margin: 0 auto 2px; white-space: normal;
}
.conflict-helper-guidance-mark { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 17px; height: 17px; margin-right: 4px; color: #c7252d; font-family: Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1; vertical-align: -2px; }
.conflict-helper-guidance-mark--bold { width: 19px; height: 19px; font-size: 20px; font-weight: 900; }
.conflict-helper-guidance-mark--circle { border: 2px solid #c7252d; border-radius: 50%; font-size: 14px; font-weight: 900; }
.conflict-helper-guidance-mark--square { border: 2px solid #c7252d; border-radius: 3px; font-size: 14px; font-weight: 900; }
.conflict-helper-guidance-mark--filled { background: #c7252d; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 900; }
.conflict-helper-guidance-followup {
  display: block;
}
.conflict-helper-start-options::-webkit-scrollbar {
  height: 14px;
}
.conflict-helper-start-options::-webkit-scrollbar-track,
.conflict-helper-start-options::-webkit-scrollbar-track-piece,
.conflict-helper-start-options::-webkit-scrollbar-button,
.conflict-helper-start-options::-webkit-scrollbar-corner {
  border: 0; background: #0e1622!important;
}
.conflict-helper-start-options::-webkit-scrollbar-thumb {
  background: #2d4157;
}
.conflict-helper-content .conflict-helper-start-option {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 86px; width: 86px; min-width: 86px; min-height: 34px; height: 34px; margin: 0; padding: 1px 8px; border: 1px solid var(--conflict-helper-action); border-radius: 7px; background: #fff; color: #13212c; font-family: inherit; font-size: 17px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; scroll-snap-align: start;
}
.conflict-helper-content .conflict-helper-start-option.is-selected::before {
  content: none;
}
.conflict-helper-start-check {
  display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; flex: 0 0 19px;
}
.conflict-helper-start-check svg {
  width: 19px; height: 19px;
}
.conflict-helper-start-check svg circle,
.conflict-helper-start-check svg path {
  fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round;
}
.conflict-helper-content .conflict-helper-start-option.is-selected .conflict-helper-start-check {
  color: var(--conflict-helper-action);
}
.conflict-helper-content .conflict-helper-start-option.is-selected .conflict-helper-start-check svg circle {
  fill: #fff; stroke: #fff;
}
.conflict-helper-content .conflict-helper-start-option.is-selected .conflict-helper-start-check svg path {
  stroke: var(--conflict-helper-action);
}
.conflict-helper-content .conflict-helper-start-option.is-selected {
  flex-basis: 104px; width: 104px; min-width: 104px; gap: 4px;
}
.conflict-helper-content .conflict-helper-start-option:hover,
.conflict-helper-content .conflict-helper-start-option.is-selected {
  border-color: var(--conflict-helper-action); background: var(--conflict-helper-action); color: #fff;
}
.conflict-helper-start-separator {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 12px; height: 34px; color: #405162; font-size: 27px; font-weight: 700; line-height: 1;
}
/* SECTION 05.4 - Copy Message Panel */
.conflict-helper-copy-panel {
  display: grid; grid-template-columns: 34px minmax(0, 1fr) 110px; align-items: center; gap: 12px; min-height: 54px; margin-top: 8px; padding: 8px 20px; border: 1px solid #d7dee6; border-radius: 8px; background: #fff;
}
.conflict-helper-content--day .conflict-helper-copy-panel {
  grid-template-columns: 34px minmax(0, 1fr) 102px; gap: 10px; padding-right: 12px; padding-left: 12px;
}
.conflict-helper-selected-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 0; background: transparent; color: var(--conflict-helper-accent-dark);
}
.conflict-helper-selected-icon svg {
  width: 34px; height: 34px;
}
.conflict-helper-selected-icon svg path,
.conflict-helper-selected-icon svg polyline {
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.conflict-helper-selected-copy {
  display: grid; gap: 3px; min-width: 0;
}
.conflict-helper-copy-help {
  margin: 0!important; color: #455767!important; font-size: .84rem; font-weight: 400; line-height: 1.2;
}
.conflict-helper-copy-help strong {
  color: #111a22; font-weight: 700;
}
.conflict-helper-copy-text {
  color: #111a22; font-size: .95rem; font-weight: 700; line-height: 1.18;
}
.conflict-helper-content .conflict-helper-copy-message {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; justify-self: center; margin-top: 0; width: 92px; min-width: 92px; min-height: 0; padding: 13.5px 10.5px; border-radius: 8px; background: #35a83f; color: #fff; font-size: 17px; font-weight: 700; line-height: 1; text-align: center;
}
.conflict-helper-content--day .conflict-helper-copy-message {
  justify-self: end; width: 102px; min-width: 102px; padding-top: 13.5px; padding-bottom: 13.5px;
}
.conflict-helper-content--day .conflict-helper-copy-text {
  font-size: calc(.95rem - 1px);
}
.conflict-helper-content--day .conflict-helper-selected-copy {
  position: relative; left: -2px;
}
.conflict-helper-content--day .conflict-helper-selected-icon {
  position: relative; left: -1px;
}
.conflict-helper-content--day .conflict-helper-copy-message {
  position: relative; left: 1px;
}
.conflict-helper-content .conflict-helper-copy-message:hover {
  background: #3bb946;
}
.conflict-helper-content .conflict-helper-copy-message:disabled {
  background: #dbe6ed; color: #738392; cursor: default;
}
.conflict-helper-content .conflict-helper-copy-message:disabled:hover {
  background: #dbe6ed;
}
/* SECTION 05.5 - Other Options And Filters */
.conflict-helper-other-section {
  margin-top: 5px; display: grid; gap: 7px;
}
.conflict-helper-copy-message svg {
  width: 17px; height: 17px; flex: 0 0 17px; margin-right: 0;
}
.conflict-helper-copy-message svg path,
.conflict-helper-copy-message svg rect,
.conflict-helper-copy-message svg polyline {
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.conflict-helper-other-section h3 {
  position: relative; z-index: 1; margin: 0; transform: translate(2px,5px); color: #304453!important; font-size: .86rem; font-weight: 700; letter-spacing: 0; line-height: 1.2; text-transform: none;
}
.conflict-helper-filter-intro {
  margin: 6px 0 -4px!important; color: #304453!important; font-size: calc(.86rem - 1px); font-weight: 700; line-height: 1.2; text-align: left; transform: translate(2px, 2px);
}
.conflict-helper-control-label {
  display: inline-block; transform: translateX(2px);
}
.conflict-helper-other-list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; margin-top: 6px;
}
.conflict-helper-content .conflict-helper-other-card {
  display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 3px; align-items: center; min-height: 52px; margin-top: 0; padding: 6px 6px; border: 1px solid #d7dee6; border-radius: 8px; background: #fff; color: #111a22; text-align: left; cursor: pointer; font-family: inherit; box-sizing: border-box;
}
.conflict-helper-content .conflict-helper-other-card:hover,
.conflict-helper-content .conflict-helper-other-card.is-selected {
  border-color: #aebdcc; background: #f7fafc;
}
.conflict-helper-card-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 999px; background: #edf2f6; color: #172434; font-size: 1.07rem; font-weight: 700; box-shadow: inset 0 0 0 2px rgba(23,36,52,.08); transform: none;
}
.conflict-helper-card-copy {
  display: block; min-width: 0; line-height: 1.1; transform: translateX(4px);
}
.conflict-helper-card-copy strong {
  display: block; color: #405162; overflow: hidden; font-size: .82rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap;
}
.conflict-helper-card-copy span {
  color: #405162; display: block; overflow: hidden; font-size: .76rem; font-weight: 600; text-overflow: clip; white-space: nowrap;
}
/* SECTION 05.6 - Conflict Helper Actions */
.conflict-helper-actions {
  display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 11px; margin-bottom: 7px; transform: translateY(2px);
}
.conflict-helper-actions.conflict-helper-actions--day {
  display: flex; justify-content: center; margin-top: 14px; margin-bottom: 14px; transform: translateY(2px);
}
.conflict-helper-content .conflict-helper-actions button {
  margin-top: 0; padding: 8.5px 16px; border: 0; border-radius: 8px; font-size: 17px; font-weight: 700; line-height: 1; text-align: center;
}
.conflict-helper-content .conflict-helper-close {
  min-width: 92px; background: #35a83f; color: #fff;
}
.conflict-helper-content .conflict-helper-review {
  min-width: 220px; background: #35a83f; color: #fff;
}
.conflict-helper-content .conflict-helper-reset {
  min-width: 172px; background: #dbe6ed; color: #15222e;
}
.conflict-helper-content .conflict-helper-view-members {
  min-width: 190px; background: #dbe6ed; color: #15222e;
}
.conflict-helper-content .conflict-helper-review:hover,
.conflict-helper-content .conflict-helper-close:hover {
  background: #3bb946;
}
.conflict-helper-content .conflict-helper-reset:hover {
  background: #cbd9e3;
}
.conflict-helper-content .conflict-helper-view-members:hover {
  background: #cbd9e3;
}
.modal-content.conflict-helper-content.conflict-helper-copy-confirm {
  width: min(92vw, 420px); max-width: 420px; text-align: center;
}
.conflict-helper-copy-confirm-body {
  display: grid; gap: 7px; padding: 4px 12px 11px; text-align: center;
}
.conflict-helper-copy-confirm-body p {
  margin: 0!important; color: #405162!important; font-size: .9rem; font-weight: 400; line-height: 1.3;
}
.conflict-helper-copy-confirm-body .conflict-helper-copy-text {
  display: block; color: #111a22; font-size: .9rem; font-style: italic; font-weight: 700; line-height: 1.22;
}
.conflict-helper-copy-confirm-body .conflict-helper-copy-status {
  color: #111a22!important; font-size: .9rem; font-weight: 700; line-height: 1.22; margin-top: -3px!important;
}
.conflict-helper-copy-confirm-body .conflict-helper-copy-thanks {
  color: #1f2f3c!important; font-size: calc(.84rem + 2px); line-height: 1.3;
}
.conflict-helper-copy-confirm-body .conflict-helper-copy-thanks:last-of-type {
  font-size: calc(.84rem + 1px);
}
.conflict-helper-copy-confirm-body .conflict-helper-copy-status + .conflict-helper-copy-thanks,
.conflict-helper-copy-confirm-body .conflict-helper-copy-thanks + .conflict-helper-copy-thanks {
  margin-top: 2px!important;
}
.conflict-helper-copy-confirm-body .conflict-helper-close {
  justify-self: center; min-width: 92px; margin-top: 3px; padding: 8.5px 16px; border-radius: 8px; background: #35a83f; color: #fff; font-weight: 700;
}
.conflict-helper-content .conflict-helper-grid-toggle:hover {
  background: #cbd9e3;
}
.conflict-helper-empty {
  margin: 0; color: #26313b; font-size: 1rem; font-weight: 700; line-height: 1.4; text-align: center;
}
.conflict-helper-start-options--empty {
  justify-content: center;
}
.conflict-helper-start-empty {
  display: inline-flex; align-items: center; justify-content: center; min-height: 34px; color: #405162; font-size: .9rem; font-weight: 700; line-height: 1.2; text-align: center;
}
.conflict-helper-other-list .conflict-helper-empty {
  grid-column: 1 / -1; padding: 10px 8px; border: 1px solid #d7dee6; border-radius: 8px; background: #fff; color: #405162; font-size: .86rem;
}
/* SECTION 05.7 - Conflict Helper Grid Debug View */
.conflict-helper-content.show-agent-grid {
  outline: 3px solid rgba(21,86,255,.95); outline-offset: -3px;
}
.conflict-helper-content.show-agent-grid .conflict-helper-title,
.conflict-helper-content.show-agent-grid .conflict-helper-body,
.conflict-helper-content.show-agent-grid .conflict-helper-controls,
.conflict-helper-content.show-agent-grid .conflict-helper-hero-card,
.conflict-helper-content.show-agent-grid .conflict-helper-hero-badge,
.conflict-helper-content.show-agent-grid .conflict-helper-hero-main,
.conflict-helper-content.show-agent-grid .conflict-helper-start-picker,
.conflict-helper-content.show-agent-grid .conflict-helper-start-options,
.conflict-helper-content.show-agent-grid .conflict-helper-start-option,
.conflict-helper-content.show-agent-grid .conflict-helper-copy-panel,
.conflict-helper-content.show-agent-grid .conflict-helper-selected-icon,
.conflict-helper-content.show-agent-grid .conflict-helper-selected-copy,
.conflict-helper-content.show-agent-grid .conflict-helper-copy-message,
.conflict-helper-content.show-agent-grid .conflict-helper-other-section,
.conflict-helper-content.show-agent-grid .conflict-helper-other-list,
.conflict-helper-content.show-agent-grid .conflict-helper-other-card,
.conflict-helper-content.show-agent-grid .conflict-helper-actions {
  box-shadow: inset 0 0 0 2px rgba(21,86,255,.82);
}
.conflict-helper-content.show-agent-grid .conflict-helper-other-list {
  background-image: linear-gradient(to right, rgba(21,86,255,.65) 1px, transparent 1px), linear-gradient(to bottom, rgba(21,86,255,.38) 1px, transparent 1px); background-size: 33.333% 100%, 100% 20px;
}
.conflict-helper-content.show-agent-grid .conflict-helper-copy-panel {
  background-image: none;
}
.conflict-helper-content.show-agent-grid .conflict-helper-selected-icon {
  box-shadow: inset 0 0 0 2px rgba(170,93,12,.9);
}
.conflict-helper-content.show-agent-grid .conflict-helper-selected-copy {
  background: rgba(21,86,255,.08); box-shadow: inset 0 0 0 2px rgba(21,86,255,.9);
}
.conflict-helper-content.show-agent-grid .conflict-helper-copy-message {
  box-shadow: inset 0 0 0 2px rgba(53,168,63,.95);
}
.conflict-helper-content.show-agent-grid .conflict-helper-controls {
  background-image: linear-gradient(to right, rgba(21,86,255,.26) 1px, transparent 1px); background-size: 25% 100%;
}
.conflict-helper-content.show-agent-grid .conflict-helper-controls > label {
  outline: 2px solid rgba(21,86,255,.9); outline-offset: -2px; background: rgba(21,86,255,.05);
}
.conflict-helper-content.show-agent-grid .conflict-helper-controls > label > .conflict-helper-control-label {
  outline: 1px dashed rgba(170,93,12,.95); outline-offset: 1px;
}
.conflict-helper-content.show-agent-grid .conflict-helper-controls > label > select {
  outline: 2px solid rgba(53,168,63,.95); outline-offset: -2px;
}
/* SECTION 05.8 - Conflict Helper Responsive Rules */
@media (max-width: 760px) {
  .conflict-helper-modal {
    box-sizing: border-box; padding: 10px 0;
  }
  .modal-content.conflict-helper-content {
    width: calc(100vw - 28px); max-height: calc(100dvh - 20px); overflow: visible;
  }
  .conflict-helper-body {
    max-height: calc(100dvh - 88px); padding: 0; overflow-y: auto; overflow-x: hidden;
  }
  .conflict-helper-content .conflict-helper-title {
    margin-bottom: 10px; padding: 11px 14px; font-size: 18px;
  }
  .conflict-helper-hero-card {
    grid-template-columns: 52px minmax(0,1fr); gap: 8px; padding: 14px 10px;
  }
  .conflict-helper-hero-badge {
    display: inline-flex; width: 46px; height: 46px; transform: translateY(-3px);
  }
  .conflict-helper-hero-badge svg {
    width: 27px; height: 27px;
  }
  .conflict-helper-hero-main h3 {
    margin-top: 4px; font-size: 1.38rem;
  }
  .conflict-helper-window {
    font-size: .98rem;
  }
  .conflict-helper-reason {
    margin-top: 5px!important; font-size: .72rem; white-space: normal;
  }
  .conflict-helper-start-picker {
    padding: 7px 8px 6px;
  }
  .conflict-helper-start-options {
    gap: 4px;
  }
  .conflict-helper-start-separator {
    flex-basis: 10px; height: 32px; font-size: 17px;
  }
  .conflict-helper-content .conflict-helper-start-option {
    flex-basis: 70px; width: 70px; min-width: 70px; gap: 4px; height: 32px; min-height: 32px; padding: 1px 5px; font-size: 14px;
  }
  .conflict-helper-start-check,
  .conflict-helper-start-check svg {
    width: 16px; height: 16px; flex-basis: 16px;
  }
  .conflict-helper-copy-panel {
    grid-template-columns: 28px minmax(0,1fr) 92px; gap: 8px; min-height: 48px; padding: 7px 12px;
  }
  .conflict-helper-selected-icon {
    display: inline-flex; width: 28px; height: 28px;
  }
  .conflict-helper-selected-icon svg {
    width: 28px; height: 28px;
  }
  .conflict-helper-copy-help {
    font-size: .76rem;
  }
  .conflict-helper-copy-text {
    font-size: .84rem;
  }
  .conflict-helper-content .conflict-helper-copy-message {
    width: 84px; min-width: 84px; padding-right: 10.5px; padding-left: 10.5px; font-size: 15px;
  }
  .conflict-helper-filter-intro {
    margin-top: 7px!important; font-size: .78rem;
  }
  .conflict-helper-controls {
    grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin: 8px 0 5px;
  }
  .conflict-helper-controls label {
    font-size: .65rem;
  }
  .conflict-helper-controls select {
    height: 32px; margin-top: 3px; padding: 4px 24px 4px 7px; font-size: .76rem;
  }
  .conflict-helper-other-section {
    gap: 4px;
  }
  .conflict-helper-other-list {
    grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 4px;
  }
  .conflict-helper-content .conflict-helper-other-card {
    min-height: 46px; padding: 4px;
  }
  .conflict-helper-card-copy strong {
    font-size: .76rem;
  }
  .conflict-helper-card-copy span {
    font-size: .7rem;
  }
  .conflict-helper-actions {
    margin-top: 8px; margin-bottom: 6px;
  }
  .conflict-helper-content .conflict-helper-x {
    top: -11px; right: -7px;
  }
}
@media (max-width: 520px) {
  .modal-content.conflict-helper-content {
    padding-right: 11px; padding-left: 11px;
  }
  .conflict-helper-content .conflict-helper-title {
    margin-right: -11px; margin-bottom: 14px; margin-left: -11px; padding: 11px 14px; font-size: 1.1rem;
  }
  .conflict-helper-body {
    padding: 0;
  }
  .conflict-helper-hero-main h3 {
    font-size: 1.15rem;
  }
  .conflict-helper-content--day .conflict-helper-hero-main h3 {
    font-size: calc(1.15rem - 2px);
  }
  .conflict-helper-content--day .conflict-helper-window {
    font-size: calc(.98rem - 2px);
  }
  .conflict-helper-content .conflict-helper-start-option {
    gap: 2px; padding-right: 3px; padding-left: 3px; font-size: 12px;
  }
  .conflict-helper-copy-panel {
    grid-template-columns: 24px minmax(0,1fr) 72px;
  }
  .conflict-helper-content .conflict-helper-copy-message {
    width: 72px; min-width: 72px; height: 31px; min-height: 31px; gap: 4px; padding: 0 6.5px; font-size: 13px;
  }
  .conflict-helper-content .conflict-helper-copy-message span {
    font-size: 13px; line-height: 1;
  }
  .conflict-helper-copy-message svg {
    width: 12px; height: 12px; flex-basis: 12px;
  }
  .conflict-helper-card-copy span {
    font-size: .58rem;
  }
  .conflict-helper-actions {
    display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.65fr) minmax(0,.8fr); gap: 4px;
  }
  .conflict-helper-actions.conflict-helper-actions--day {
    display: flex; justify-content: center; margin-top: 14px; margin-bottom: 14px;
  }
  .conflict-helper-content .conflict-helper-actions button,
  .conflict-helper-content .conflict-helper-review,
  .conflict-helper-content .conflict-helper-reset,
  .conflict-helper-content .conflict-helper-view-members,
  .conflict-helper-content .conflict-helper-close {
    width: auto; min-width: 0; padding: 8px 10px; font-size: 14px;
  }
}
@media (max-width: 768px) {
  .modal-content.conflict-helper-content {
    background: linear-gradient(to bottom,var(--green-dark) 0 46px,#eef6fa 46px);
  }
  .conflict-helper-content .conflict-helper-title {
    box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 42px; min-height: 42px; padding: 2px 14px 0; line-height: 1;
  }
}
/* Keep the 390px recommendation modal as the desktop composition, scaled to fit. */
@media (max-width: 390px) {
  .conflict-helper-content .conflict-helper-title {
    display: flex; align-items: center; justify-content: center; height: 42px; min-height: 42px; padding: 2px 10px 0; line-height: 1;
  }
  .conflict-helper-start-options {
    display: flex; gap: 4px; margin: 0 -4px -1px; padding: 0 4px 3px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; transform: none;
  }
  .conflict-helper-content .conflict-helper-start-option {
    flex: 0 0 58px; width: 58px; min-width: 58px; height: 31px; min-height: 31px; gap: 1px; padding: 1px; font-size: clamp(9px,2.8vw,10px); scroll-snap-align: start;
  }
  .conflict-helper-start-separator {
    flex-basis: 8px; height: 31px; font-size: 25px;
  }
  .conflict-helper-content .conflict-helper-start-option.is-selected {
    flex-basis: 70px; width: 70px; min-width: 70px;
  }
  .conflict-helper-start-picker p {
    font-size: calc(.86rem + 2px);
  }
  .conflict-helper-draft-note {
    font-size: calc(.76rem - 2px);
  }
  .conflict-helper-content .conflict-helper-start-option.is-selected {
    font-size: clamp(11px,3vw,12px);
  }
  .conflict-helper-start-check,
  .conflict-helper-start-check svg {
    width: 14px; height: 14px; flex-basis: 14px;
  }
  .conflict-helper-copy-panel {
    grid-template-columns: 19px minmax(0,1fr) 58px; gap: 4px; min-height: 40px; padding: 5px;
  }
  .conflict-helper-selected-icon,
  .conflict-helper-selected-icon svg {
    width: 19px; height: 19px;
  }
  .conflict-helper-selected-copy {
    gap: 1px;
  }
  .conflict-helper-copy-help,
  .conflict-helper-copy-text {
    overflow: hidden; line-height: 1.08; white-space: normal;
  }
  .conflict-helper-copy-help {
    font-size: calc(.47rem + 3px);
  }
  .conflict-helper-copy-text {
    font-size: calc(.48rem + 3px);
  }
  .conflict-helper-content--day .conflict-helper-copy-text {
    display: block; position: relative; z-index: 0; overflow: visible; white-space: nowrap;
  }
  .conflict-helper-content--day .conflict-helper-copy-message {
    z-index: 1;
  }
  .conflict-helper-content .conflict-helper-copy-message {
    width: 58px; min-width: 58px; height: 29px; min-height: 29px; gap: 2px; padding: 0 1.5px; font-size: 9px;
  }
  .conflict-helper-content .conflict-helper-copy-message span {
    font-size: 11px; line-height: 1;
  }
  .conflict-helper-copy-message svg {
    width: 10px; height: 10px; flex-basis: 10px;
  }
  .conflict-helper-content--day .conflict-helper-selected-icon,
  .conflict-helper-content--day .conflict-helper-selected-copy {
    left: -4px;
  }
  .conflict-helper-content--day .conflict-helper-selected-copy {
    left: -10px;
  }
  .conflict-helper-content--day .conflict-helper-copy-message {
    left: 4px;
  }
  .conflict-helper-filter-intro {
    font-size: .68rem;
  }
  .conflict-helper-controls {
    gap: 4px; margin: 6px 0 4px;
  }
  .conflict-helper-controls label {
    min-width: 0; font-size: clamp(7px,2.1vw,8px); line-height: 1; letter-spacing: 0; white-space: nowrap;
  }
  .conflict-helper-control-label {
    display: block; transform: translateX(4px); white-space: nowrap;
  }
  .conflict-helper-controls select {
    width: 100%; min-width: 0; height: 29px; margin-top: 3px; padding: 3px 18px 3px 5px; font-size: .61rem;
  }
  .conflict-helper-other-section h3 {
    font-size: .72rem;
  }
  .conflict-helper-other-list {
    gap: 3px;
  }
  .conflict-helper-content .conflict-helper-other-card {
    grid-template-columns: 22px minmax(0,1fr); gap: 2px; min-height: 38px; padding: 3px;
  }
  .conflict-helper-card-icon {
    width: 22px; height: 22px; font-size: .8rem;
  }
  .conflict-helper-card-copy {
    transform: none;
  }
  .conflict-helper-card-copy strong {
    font-size: .52rem;
  }
  .conflict-helper-card-copy span {
    font-size: .46rem;
  }
  .conflict-helper-actions {
    display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 6px; margin-top: 12px; margin-bottom: 6px;
  }
  .conflict-helper-actions.conflict-helper-actions--day {
    margin-top: 14px; margin-bottom: 14px;
  }
  .conflict-helper-content .conflict-helper-actions button,
  .conflict-helper-content .conflict-helper-review,
  .conflict-helper-content .conflict-helper-reset,
  .conflict-helper-content .conflict-helper-view-members,
  .conflict-helper-content .conflict-helper-close {
    flex: 0 0 auto; width: auto; min-width: 0; padding: 8px 10px; font-size: 14px; line-height: 1; white-space: nowrap;
  }
}
@media (min-width: 361px) and (max-width: 429px) {
  .modal-content.conflict-helper-content .conflict-helper-copy-panel {
    grid-template-columns: 19px minmax(0,1fr) 54px;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-help,
  .modal-content.conflict-helper-content .conflict-helper-copy-text {
    font-size: 9px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help {
    overflow: visible; white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-message {
    width: 54px; min-width: 54px; height: 28px; min-height: 28px; font-size: 11px;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-message span {
    font-size: 10px;
  }
}
@media (min-width: 390px) and (max-width: 429px) {
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-panel {
    grid-template-columns: 19px minmax(0,1fr) 50px; gap: 2px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help,
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    overflow: visible; white-space: nowrap;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help {
    font-size: 8px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    font-size: 10px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message {
    width: 50px; min-width: 50px; height: 28px; min-height: 28px; font-size: 10px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message span {
    font-size: 10px;
  }
}
@media (min-width: 430px) and (max-width: 521px) {
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-panel {
    grid-template-columns: 24px minmax(0,1fr) 68px; gap: 6px; padding-right: 10px; padding-left: 10px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help,
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    display: block; max-width: none; overflow: visible; white-space: nowrap;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-selected-copy {
    position: static; left: auto; justify-self: start; margin-left: -8px!important; overflow: visible;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-selected-icon {
    position: static; left: auto;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    font-size: 12px!important;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message {
    position: static; left: auto; justify-self: end; width: 68px; min-width: 68px; height: 32px; min-height: 32px;
  }
}
@media (max-width: 360px) {
  .modal-content.conflict-helper-content .conflict-helper-start-picker p {
    font-size: calc(.86rem - 2px);
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help {
    position: relative; top: -1px;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-text {
    font-size: clamp(9px,1.95vw,10px);
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-panel {
    grid-template-columns: 19px minmax(0,1fr) 54px;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-message {
    width: 54px; min-width: 54px; height: 28px; min-height: 28px; padding: 0 1.5px; gap: 3px; font-size: 10px!important;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-message span {
    font-size: 10px!important; line-height: 1;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-message svg {
    width: 10px; height: 10px; flex-basis: 10px;
  }
}
@media (max-width: 330px) {
  .conflict-helper-content .conflict-helper-start-option {
    font-size: 8px;
  }
  .conflict-helper-start-check,
  .conflict-helper-start-check svg {
    width: 9px; height: 9px; flex-basis: 9px;
  }
}
@media (width: 361px) {
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    display: block; overflow: visible; white-space: nowrap; font-size: 9px!important;
  }
}
@media (min-width: 522px) and (max-width: 640px) {
  .modal-content.conflict-helper-content .conflict-helper-selected-copy,
  .modal-content.conflict-helper-content .conflict-helper-copy-text {
    overflow: visible;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-text {
    display: block; white-space: nowrap;
  }
}
@media (min-width: 522px) and (max-width: 574px) {
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    font-size: 11.5px!important;
  }
}
@media (min-width: 430px) and (max-width: 480px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-icon {
    position: relative!important; left: 2px!important;
  }
}
@media (min-width: 430px) and (max-width: 480px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-text {
    display: block!important; font-size: 11.5px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (min-width: 430px) and (max-width: 440px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: relative!important; left: -2px!important;
  }
}
@media (min-width: 430px) and (max-width: 435.98px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    left: -4px!important;
  }
}
@media (min-width: 410px) and (max-width: 430px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-icon {
    position: relative!important; left: -2px!important;
  }
}
@media (min-width: 390px) and (max-width: 440px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-icon {
    position: relative!important; left: -4px!important;
  }
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-text {
    position: relative!important; left: -2px!important;
  }
}
@media (min-width: 360px) and (max-width: 440px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-control-label,
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-controls select {
    position: relative; top: 2px;
  }
}
@media (min-width: 768px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message {
    width: 102px; min-width: 102px; max-width: 102px; height: 40px; min-height: 40px; font-size: 17px; box-sizing: border-box;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-panel {
    grid-template-columns: 34px minmax(0, 1fr) 102px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message {
    flex: 0 0 102px; width: 102px; min-width: 102px; max-width: 102px; height: 40px; min-height: 40px; box-sizing: border-box;
  }
}
@media (min-width: 768px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message,
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message {
    width: 94px; min-width: 94px; max-width: 94px; height: 39px; min-height: 39px;
  }
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message {
    justify-self: end;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-panel {
    grid-template-columns: 34px minmax(0, 1fr) 94px; padding-right: 14px;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-text {
    display: block; max-width: none; overflow: visible; white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-draft-note {
    margin-top: -3px!important;
  }
}
.modal-content.conflict-helper-copy-confirm .conflict-helper-copy-confirm-body .conflict-helper-copy-text {
  font-size: .9rem;
}
@media (max-width: 360px) {
  .modal-content.conflict-helper-copy-confirm .conflict-helper-copy-confirm-body .conflict-helper-copy-text {
    font-size: calc(.9rem - 2px);
  }
}
@media (min-width: 390px) and (max-width: 429px) {
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-panel {
    grid-template-columns: 28px minmax(0, 1fr) 54px; column-gap: 4px; padding-right: 10px; padding-left: 10px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message {
    justify-self: end; width: 54px; min-width: 54px; height: 32px; min-height: 32px; padding: 0 1.5px; gap: 3px; font-size: 10px!important;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message span {
    font-size: 10px!important; line-height: 1;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message svg {
    width: 10px; height: 10px; flex-basis: 10px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-selected-copy {
    position: static; left: auto; justify-self: start; margin-left: 0; overflow: visible;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help,
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    display: block; max-width: none; overflow: visible; white-space: nowrap;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help {
    font-size: calc(.47rem + 3px);
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    font-size: 9.5px!important;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-draft-note {
    font-size: calc(.76rem - 2px);
  }
}
@media (min-width: 430px) and (max-width: 521px) {
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-panel {
    grid-template-columns: 24px minmax(0, 1fr) 54px; column-gap: 6px; padding-right: 10px; padding-left: 10px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message {
    position: static; left: auto; justify-self: end; width: 54px; min-width: 54px; height: 32px; min-height: 32px; padding: 0 1.5px; gap: 3px; font-size: 10px!important;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message span {
    font-size: 10px!important; line-height: 1;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-message svg {
    width: 10px; height: 10px; flex-basis: 10px;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-selected-icon {
    position: static; left: auto;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-selected-copy {
    position: relative!important; left: -8px!important; justify-self: start; margin-left: 0!important; overflow: visible;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help,
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    display: block; max-width: none; overflow: visible; white-space: nowrap;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    font-size: 12px!important;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-help {
    position: relative!important; left: 12px!important;
  }
  .modal-content.conflict-helper-content.conflict-helper-content--day .conflict-helper-copy-text {
    font-size: 10.5px!important; position: relative!important; left: 12px!important;
  }
}
.modal-content.conflict-helper-content .conflict-helper-actions.conflict-helper-actions--day .conflict-helper-view-members,
.modal-content.conflict-helper-content .conflict-helper-actions.conflict-helper-actions--day .conflict-helper-close {
  padding-top: 10.5px; padding-bottom: 10.5px; border-radius: 6px;
}
.modal-content.conflict-helper-content .conflict-helper-actions:not(.conflict-helper-actions--day) .conflict-helper-reset,
.modal-content.conflict-helper-content .conflict-helper-actions:not(.conflict-helper-actions--day) .conflict-helper-close {
  padding-top: 10.5px; padding-bottom: 10.5px; border-radius: 6px;
}
@media (min-width: 390px) and (max-width: 522px) {
  .modal-content.conflict-helper-content .conflict-helper-actions:not(.conflict-helper-actions--day) {
    display: flex!important; align-items: center; justify-content: center; flex-wrap: nowrap; grid-template-columns: none!important; gap: 8px;
  }
  .modal-content.conflict-helper-content .conflict-helper-actions:not(.conflict-helper-actions--day) .conflict-helper-reset {
    flex: 0 0 auto; width: auto!important; min-width: 210px!important; max-width: none!important; height: auto; min-height: 0; padding-right: 14px; padding-left: 14px; font-size: 14px; line-height: 1; white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-actions:not(.conflict-helper-actions--day) .conflict-helper-close {
    flex: 0 0 auto; width: auto!important; min-width: 92px!important; max-width: none!important; height: auto; min-height: 0; padding-right: 18px; padding-left: 18px; font-size: 14px; line-height: 1; white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-controls {
    grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; margin: 6px 0 4px;
  }
  .modal-content.conflict-helper-content .conflict-helper-controls label {
    min-width: 0; font-size: clamp(7px,2.1vw,8px); line-height: 1; letter-spacing: 0; white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-control-label {
    display: block; transform: translateX(4px); white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-controls select {
    width: 100%; min-width: 0; height: 29px; margin-top: 3px; padding: 3px 18px 3px 5px; font-size: .61rem;
  }
}
@media (min-width: 390px) and (max-width: 440px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-filter-intro,
  .modal-content.conflict-helper-content .conflict-helper-other-section h3 {
    color: #304453!important; font-family: inherit; font-size: calc(.86rem - 2px)!important; font-weight: 700; line-height: 1.2;
  }
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy strong {
    font-size: 11px!important;
  }
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy span {
    font-size: 9px!important;
  }
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy {
    position: relative; left: -4px;
  }
}
@media (min-width: 390px) and (max-width: 430px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy strong {
    font-size: 9px!important;
  }
}
@media (min-width: 360px) and (max-width: 390px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy strong {
    font-size: 9px!important;
  }
}
@media (min-width: 430px) and (max-width: 440px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy strong {
    font-size: 10px!important;
  }
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy span {
    font-size: 9px!important;
  }
}
@media (min-width: 428px) and (max-width: 435px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy strong {
    font-size: 10px!important;
  }
}
@media (min-width: 360px) and (max-width: 389px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-card-copy {
    position: relative; left: 2px!important;
  }
}
@media (max-width: 430px) {
  .modal-content.conflict-helper-content .conflict-helper-selected-copy {
    position: relative!important; left: 4px!important; margin-left: 0!important;
  }
  .modal-content.conflict-helper-content .conflict-helper-copy-help,
  .modal-content.conflict-helper-content .conflict-helper-copy-text {
    position: static!important; left: auto!important;
  }
}
@media (width: 390px) {
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-help {
    display: block!important; font-size: 14px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-text {
    display: block!important; font-size: 12px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (min-width: 522px) and (max-width: 640px) {
  .modal-content.conflict-helper-content .conflict-helper-controls {
    grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px;
  }
  .modal-content.conflict-helper-content .conflict-helper-controls label {
    min-width: 0; font-size: 10px; line-height: 1; letter-spacing: .01em; white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-control-label {
    display: block; transform: translateX(4px); white-space: nowrap;
  }
  .modal-content.conflict-helper-content .conflict-helper-controls select {
    width: 100%; min-width: 0; padding-right: 24px; font-size: 12px;
  }
}
@media (min-width: 390px) and (max-width: 390.98px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: relative!important; left: -4px!important; gap: 4px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help {
    display: block!important; font-size: 12px!important; line-height: 1.08!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-text {
    display: block!important; font-size: 10px!important; line-height: 1.08!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (min-width: 390px) and (max-width: 392px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-other-list .conflict-helper-other-card .conflict-helper-card-copy > span {
    display: block!important; font-size: .46rem!important; line-height: 1.1!important; max-height: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (min-width: 391px) and (max-width: 410px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-other-list .conflict-helper-other-card .conflict-helper-card-copy > span {
    display: block!important; font-size: 8.36px!important; line-height: 1.1!important; max-height: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (min-width: 390px) and (max-width: 429px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-panel {
    grid-template-columns: 28px minmax(0, 1fr) 54px!important; column-gap: 4px!important; padding-right: 10px!important; padding-left: 10px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message {
    position: static!important; left: auto!important; justify-self: end!important; width: 54px!important; min-width: 54px!important; max-width: 54px!important; height: 32px!important; min-height: 32px!important; gap: 3px!important; margin-right: 0!important; padding: 0 1.5px!important; font-size: 10px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message span {
    font-size: 10px!important; line-height: 1!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message svg {
    width: 10px!important; height: 10px!important; flex-basis: 10px!important;
  }
}
@media (min-width: 430px) and (max-width: 440px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-panel {
    grid-template-columns: 24px minmax(0, 1fr) 54px!important; column-gap: 6px!important; padding-right: 10px!important; padding-left: 10px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: relative!important; left: 2px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message {
    position: static!important; left: auto!important; justify-self: end!important; width: 54px!important; min-width: 54px!important; max-width: 54px!important; height: 32px!important; min-height: 32px!important; gap: 3px!important; margin-right: 0!important; padding: 0 1.5px!important; font-size: 10px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message span {
    font-size: 10px!important; line-height: 1!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message svg {
    width: 10px!important; height: 10px!important; flex-basis: 10px!important;
  }
}
@media (min-width: 428px) and (max-width: 435px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help {
    display: block!important; font-size: .84rem!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-text {
    display: block!important; font-size: 11.5px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: relative!important; left: 2px!important;
  }
}
@media (min-width: 420px) and (max-width: 440px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: relative!important; left: 0!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help {
    display: block!important; font-size: 12.9px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (width: 402px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: relative!important; left: -4px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help,
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-text {
    display: block!important; font-size: 13px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (min-width: 391px) and (max-width: 410px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: relative!important; left: -4px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message {
    position: relative!important; left: 2px!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help {
    display: block!important; font-size: 11.9px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-text {
    display: block!important; font-size: 10.5px!important; max-width: none!important; overflow: visible!important; white-space: nowrap!important;
  }
}
@media (min-width: 391px) and (max-width: 440px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    gap: 2px!important;
  }
}
@media (min-width: 431px) and (max-width: 767px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message {
    height: 36px!important; min-height: 36px!important; padding-top: 2px!important; padding-bottom: 2px!important;
  }
}
/* The regular Best Available Draft Times filter uses the same gap as its result cards. */
.conflict-helper-controls {
  gap: 3px;
}
/* Conflict helper-only calendar, copy, and filter controls. */
.conflict-helper-root .conflict-helper-conflict-calendar {
  width: 100%;
}
.conflict-helper-root .conflict-helper-conflict-calendar .month-grid {
  gap: 2px; padding: 0;
}
.conflict-helper-root .conflict-helper-conflict-calendar .month-grid.dow {
  margin: 0 0 2px;
}
.conflict-helper-root .conflict-helper-conflict-calendar .month-grid.dow .dow-cell {
  height: 15px; color: var(--green-dark); font-size: .65rem;
}
.conflict-helper-root .conflict-helper-conflict-calendar .month-grid.days {
  margin-top: 0; grid-auto-rows: auto;
}
.conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell {
  width: 100%; aspect-ratio: 1 / 1; height: auto; min-height: 0; padding: 17px 3px 5px; border: 0; border-radius: 8px; font-family: inherit; cursor: pointer;
}
.conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell .cell-date {
  top: 2px; left: 6px; font-size: .72rem;
}
.conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell .cell-label {
  display: block!important; margin-top: 3px; padding-left: 0; color: inherit; font-size: .61rem; font-weight: 700; line-height: 1.05; text-align: center; transform: none;
}
.conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell.is-selected {
  box-shadow: inset 0 0 0 3px #008800;
}
.conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell.nfl-start .cell-label.nfl-message {
  display: block!important; align-self: stretch; margin-top: 0!important; padding-left: 8px; font-size: calc(.7rem - 2px)!important; line-height: 1.05!important; text-align: left; transform: none;
}
.conflict-helper-root .conflict-helper-calendar-instruction { margin: -2px 0 4px!important; }
.conflict-helper-root .conflict-helper-hero-card { column-gap: 1px; row-gap: 7px; }
.conflict-helper-root .conflict-helper-hero-wrap { margin-top: -3px; }
.conflict-helper-root .conflict-helper-hero-card { padding-top: 8px; }
.conflict-helper-root .conflict-helper-start-picker { margin-top: -7px; }
.conflict-helper-root .conflict-helper-range-controls {
  grid-template-columns: 42px minmax(0,1fr) 22px minmax(0,1fr); column-gap: 5px; align-items: center;
}
.conflict-helper-root .conflict-helper-range-controls > span { justify-self: start; }
.conflict-helper-root .conflict-helper-draft-note { margin-top: -8px!important; font-size: calc(.76rem - 1px); }
.conflict-helper-root .conflict-helper-copy-panel { padding-top: 6px; padding-bottom: 6px; }
.conflict-helper-root .conflict-helper-selected-icon { position: relative; left: -4px; }
.conflict-helper-root .conflict-helper-selected-copy { position: relative; left: -4px; }
.conflict-helper-root .conflict-helper-copy-message { position: relative; left: 4px; padding-top: 11.5px; padding-bottom: 11.5px; }
.conflict-helper-root .conflict-helper-copy-text--conflict {
  display: block; max-width: none!important; padding-right: 10px!important; overflow-wrap: anywhere!important; white-space: normal!important;
}
@media (max-width: 760px) {
  .conflict-helper-root .conflict-helper-conflict-calendar .month-grid.dow .dow-cell {
    height: 14px; font-size: .55rem;
  }
  .conflict-helper-root .conflict-helper-conflict-calendar .month-grid.days {
    height: auto; grid-auto-rows: 49px;
  }
  .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell {
    height: 49px;
  }
  .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell {
    padding: 15px 2px 4px;
  }
  .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell .cell-date {
    top: 1px; left: 5px; font-size: .62rem;
  }
  .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell .cell-label {
    font-size: .48rem;
  }
}
@media (min-width: 768px) {
  /* Regular Best Available Draft Times only. */
  .modal-content.conflict-helper-content:not(.conflict-helper-content--day):not(.conflict-helper-content--conflict) .conflict-helper-draft-note {
    position: relative; top: -1px;
  }
}

/* SECTION 05.9 - Conflict Draft Helper Filters: all four controls and their dropdowns. */
/* Target Draft Week: first grid column. */
/* Preferred Time: second grid column. */
/* Preferred Days: third grid column. */
/* Possible Conflicts: fourth grid column. */
.conflict-helper-root .conflict-helper-conflict-controls {
  display: grid; grid-template-columns: calc(25% + 12px) calc(25% - 3px) calc(25% - 3px) minmax(0, 1fr)!important; gap: 3px; margin: 12px 0 5px;
}
/* Shared label styling for Target Draft Week, Preferred Time, Preferred Days, and Possible Conflicts. */
.conflict-helper-root .conflict-helper-conflict-controls label {
  margin: 0; color: #465767; font-size: .74rem; font-weight: 800; line-height: 1.1; letter-spacing: .04em; text-transform: uppercase;
}
/* Target Draft Week and Possible Conflicts labels stay on one line. */
.conflict-helper-root .conflict-helper-conflict-controls > label > .conflict-helper-control-label {
  white-space: nowrap; font-size: calc(.74rem - 2px); font-weight: 750;
}
/* Shared dropdown visual styling. Individual full-screen widths are below. */
.conflict-helper-root .conflict-helper-conflict-controls select {
  height: 36px; margin-top: 5px; padding: 5px 32px 5px 8px; border: 1px solid #cbd8e3; border-radius: 8px; background: #fff; color: #172432; font: inherit; font-size: .9rem; font-weight: 400; letter-spacing: 0; text-transform: none;
}
/* Possible Conflicts: prevents the fourth control from spanning into its own row. */
.conflict-helper-root .conflict-helper-conflict-controls .conflict-helper-conflict-control {
  grid-column: auto!important;
}
/* 760px and narrower: compact label and dropdown styling for all four controls. */
@media (max-width: 760px) {
  .conflict-helper-root .conflict-helper-conflict-controls {
    grid-template-columns: repeat(4, minmax(0, 1fr))!important; gap: 6px; margin: 8px 0 5px;
  }
  .conflict-helper-root .conflict-helper-conflict-controls label {
    font-size: .65rem;
  }
  .conflict-helper-root .conflict-helper-conflict-controls select {
    height: 32px; margin-top: 3px; padding: 4px 240px 4px 6px; font-size: .76rem;
  }
  .conflict-helper-root .conflict-helper-conflict-control select {
    width: 100%;
  }
}
/* 641px through 760px: Possible Conflicts dropdown width override. */
@media (min-width: 641px) and (max-width: 760px) {
  .conflict-helper-root .conflict-helper-conflict-control select {
    width: 100px;
  }
}

/* Show Grid: the four Conflict Draft Helper filter columns. */
.conflict-helper-content.show-agent-grid .conflict-helper-conflict-controls {
  background-image: none; box-shadow: inset 0 0 0 2px rgba(21,86,255,.82);
}
.conflict-helper-content.show-agent-grid .conflict-helper-conflict-controls > label {
  outline: 2px solid rgba(21,86,255,.9); outline-offset: -2px; background: rgba(21,86,255,.05);
}
.conflict-helper-content.show-agent-grid .conflict-helper-conflict-controls > label > .conflict-helper-control-label {
  outline: 1px dashed rgba(170,93,12,.95); outline-offset: 1px;
}
.conflict-helper-content.show-agent-grid .conflict-helper-conflict-controls > label > select {
  outline: 2px solid rgba(53,168,63,.95); outline-offset: -2px;
}

/* Target Draft Week dropdown: full-screen width. */
.conflict-helper-root .conflict-helper-conflict-controls select.conflict-helper-week-filter {
  width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* Preferred Time dropdown: full-screen width. */
.conflict-helper-root .conflict-helper-conflict-controls select.conflict-helper-time-filter {
  width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* Preferred Days dropdown: full-screen width. */
.conflict-helper-root .conflict-helper-conflict-controls select.conflict-helper-day-filter {
  width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* Possible Conflicts dropdown: full-screen width. */
.conflict-helper-root .conflict-helper-conflict-controls select.conflict-helper-conflict-filter {
  width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Conflict helper only: stable phone layout for the common 390px through 440px widths. */
@media (min-width: 389px) and (max-width: 441px) {
  .conflict-helper-modal { align-items: flex-start !important; overflow-y: auto !important; padding: 10px 0 !important; }
  .conflict-helper-modal .modal-content.conflict-helper-content { flex: 0 0 auto; margin: 0 auto !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-hero-wrap { margin-top: 0 !important; padding-top: 1px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-hero-card {
    grid-template-columns: 46px minmax(0, 1fr) !important; column-gap: 5px !important; row-gap: 4px !important; align-items: center; padding: 8px !important;
  }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-hero-badge {
    width: 42px !important; height: 42px !important; transform: none !important;
  }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-hero-badge svg {
    width: 24px !important; height: 24px !important;
  }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-hero-main { min-width: 0 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-calendar-instruction {
    margin: 0 0 4px !important; font-size: .72rem !important; line-height: 1.22 !important;
  }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .month-grid { gap: 2px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .month-grid.dow { margin-bottom: 2px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .month-grid.dow .dow-cell { height: 13px !important; font-size: .53rem !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .month-grid.days { height: auto !important; grid-auto-rows: 39px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell { height: 39px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell { min-width: 0 !important; padding: 12px 1px 3px !important; border-radius: 7px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell .cell-date { top: 1px !important; left: 4px !important; font-size: calc(.61rem - 2px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell .cell-label { margin-top: 1px !important; font-size: .44rem !important; line-height: 1.05 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell.nfl-start .cell-label.nfl-message { padding-left: 5px !important; font-size: calc(.47rem - 1px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-selection-summary { grid-column: 1 / -1 !important; margin: 1px 0 0 !important; font-size: .72rem !important; line-height: 1.2 !important; white-space: normal !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-start-picker { grid-column: 1 / -1 !important; margin-top: 1px !important; padding: 6px 8px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-start-picker p { margin: 0 0 4px !important; font-size: .74rem !important; line-height: 1.15 !important; white-space: normal !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-start-empty { font-size: calc(.9rem - 2px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-picker { padding-top: 1px !important; padding-bottom: 1px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-picker p { margin-bottom: 1px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-note { display: block !important; margin-top: 2px !important; font-size: .68rem !important; line-height: 1.18 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-controls { grid-template-columns: 31px minmax(0, 1fr) 15px minmax(0, 1fr) !important; column-gap: 4px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-controls select { min-width: 0 !important; height: 30px !important; padding: 3px 18px 3px 5px !important; font-size: .72rem !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-draft-note { margin: 3px 0 -1px !important; font-size: .7rem !important; line-height: 1.18 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-guidance-warning > strong { font-size: calc(.7rem - 1px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-guidance-message { font-size: calc(.7rem - 2px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-panel { grid-template-columns: 24px minmax(0, 1fr) 60px !important; gap: 5px !important; min-height: 46px !important; margin-top: 6px !important; padding: 6px 8px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-selected-icon,
  .conflict-helper-modal .conflict-helper-root .conflict-helper-selected-icon svg { width: 24px !important; height: 24px !important; transform: translateX(1px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-selected-copy { position: static !important; min-width: 0 !important; gap: 2px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-help,
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-text,
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-text--conflict { position: static !important; display: block !important; min-width: 0 !important; max-width: none !important; overflow: visible !important; overflow-wrap: anywhere !important; white-space: normal !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-help { font-size: calc(.68rem - 2px) !important; line-height: 1.15 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-text { font-size: .69rem !important; line-height: 1.15 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-message { position: static !important; justify-self: end !important; width: 60px !important; min-width: 60px !important; height: 32px !important; min-height: 32px !important; padding: 0 3px !important; font-size: .71rem !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-message span { font-size: .71rem !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-message svg { width: 11px !important; height: 11px !important; flex-basis: 11px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-filter-intro { margin: 6px 0 3px !important; font-size: calc(.73rem - 1px) !important; line-height: 1.15 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-controls { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 2px !important; margin: 0 0 4px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-controls label { min-width: 0 !important; font-size: .54rem !important; line-height: 1.05 !important; letter-spacing: .01em !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-controls > label > .conflict-helper-control-label { display: block !important; overflow: hidden !important; font-size: calc(.54rem - 2px) !important; font-weight: 700 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-controls select { width: 100% !important; min-width: 0 !important; height: 30px !important; margin-top: 2px !important; padding: 3px 17px 3px 5px !important; font-size: .67rem !important; text-overflow: ellipsis !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-actions { gap: 6px !important; margin: 6px 0 3px !important; transform: none !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-actions .conflict-helper-reset { min-width: 0 !important; padding: 8px 11px !important; font-size: .78rem !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-actions .conflict-helper-close { min-width: 0 !important; padding: 8px 16px !important; font-size: .78rem !important; }
}
/* 389px through 441px: keep the inactive copy instruction inside its own column. */
@media (min-width: 389px) and (max-width: 441px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-panel {
    grid-template-columns: 24px minmax(0, 1fr) 60px !important;
    gap: 5px !important;
    min-height: 46px !important;
    padding: 6px 8px !important;
  }

  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy {
    position: static !important;
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help,
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-text,
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-text--conflict {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help {
    font-size: calc(.68rem - 2px) !important;
    line-height: 1.15 !important;
  }

  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-copy-message {
    position: static !important;
    justify-self: end !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 3px !important;
  }
}

/* 389px through 441px: compact only the user-marked vertical padding areas. */
@media (min-width: 389px) and (max-width: 441px) {
  .conflict-helper-modal .modal-content.conflict-helper-content .conflict-helper-title {
    margin-bottom: 1px !important;
  }

  .conflict-helper-modal .modal-content.conflict-helper-content {
    padding-bottom: 9px !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-hero-card {
    padding-top: 5px !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-calendar-instruction {
    font-size: calc(.72rem + 2px) !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-controls select {
    box-sizing: border-box !important;
    height: 24px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-panel {
    min-height: 43px !important;
    padding-bottom: 3px !important;
  }
}

/* 389px through 441px: calendar labels and selected-date panel refinements. */
@media (min-width: 389px) and (max-width: 441px) {
  .conflict-helper-modal .modal-content.conflict-helper-content {
    padding-bottom: 5px !important;
  }

  .conflict-helper-modal .modal-content.conflict-helper-content .conflict-helper-title {
    padding-bottom: 9px !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-hero-card {
    padding-top: 3px !important;
    row-gap: 1px !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-calendar-instruction {
    font-size: calc(.72rem - 1px) !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .month-grid.days {
    grid-auto-rows: auto !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell .cell-label {
    font-size: .56rem !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell.poor .cell-label {
    font-size: 0 !important;
    padding-left: 2px !important;
    text-align: left !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell.poor .cell-label::after {
    content: "No options";
    display: block;
    font-size: .56rem;
    line-height: 1.05;
    text-align: left;
  }

  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help {
    font-size: calc(.68rem + 2px) !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-start-empty {
    min-height: 32px !important;
    font-size: calc(.9rem - 4px) !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-start-picker {
    padding-bottom: 2px !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-copy-panel {
    min-height: 41px !important;
    padding-bottom: 1px !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-filter-intro {
    font-size: calc(.73rem - 3px) !important;
  }

  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-controls > label > .conflict-helper-control-label {
    font-size: calc(.54rem - 1px) !important;
  }
}

/* 389px through 441px: align picker states and tighten only the marked controls. */
@media (min-width: 389px) and (max-width: 441px) {
  .conflict-helper-modal .modal-content.conflict-helper-content .conflict-helper-title { margin-bottom: 5px !important; }
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-selected-copy .conflict-helper-copy-help { font-size: .68rem !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-start-empty { min-height: 30px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-picker { padding-top: 6px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-picker p { margin-bottom: 4px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-controls select { box-sizing: border-box !important; height: 20px !important; min-height: 20px !important; padding: 1px 18px 1px 5px !important; line-height: 1 !important; }
}

/* 389px through 441px: centered tall-phone modal and final calendar/picker sizing. */
@media (min-width: 389px) and (max-width: 441px) {
  .conflict-helper-modal .modal-content.conflict-helper-content .conflict-helper-title { margin-bottom: 8px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .month-grid { gap: 0 !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-calendar .calendar-cell.nfl-start .cell-label.nfl-message { font-size: .47rem !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-filter-intro { margin: 4px 0 3px !important; font-size: calc(.73rem - 4px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-controls { position: relative !important; top: -3px !important; padding-bottom: 2px !important; }
}

@media (min-width: 389px) and (max-width: 441px) and (min-height: 760px) {
  .conflict-helper-modal { align-items: center !important; }
}

/* 389px through 441px: selected-window alignment and compact filter controls. */
@media (min-width: 389px) and (max-width: 441px) {
  .conflict-helper-modal .modal-content.conflict-helper-content:not(.conflict-helper-content--day) .conflict-helper-filter-intro { font-size: calc(.73rem - 4px) !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-note { position: relative !important; top: 2px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-range-controls > span { position: relative !important; top: 2px !important; }
  .conflict-helper-modal .conflict-helper-root .conflict-helper-conflict-controls select { box-sizing: border-box !important; height: 26px !important; padding: 1.5px 17px 1.5px 5px !important; }
}