.arbhq-reminder-overlay[hidden] { display: none !important; }

.arbhq-reminder-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: 20px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.arbhq-reminder-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 18, 30, 0.72);
  backdrop-filter: blur(4px);
}

.arbhq-reminder-dialog {
  position: relative;
  width: min(560px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  border: 1px solid rgba(77, 148, 255, 0.35);
  border-radius: 18px;
  background: #0f1e2d;
  color: #f4f8fc;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
  padding: 28px;
}

.arbhq-reminder-alert-dialog { border-top: 4px solid #4d94ff; }
.arbhq-reminder-dialog:focus { outline: none; }
.arbhq-reminder-dialog h2 { margin: 6px 38px 18px 0; font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.2; }

.arbhq-reminder-kicker {
  color: #82b6ff;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.arbhq-reminder-kicker span { margin-right: 6px; }

.arbhq-reminder-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}

.arbhq-reminder-details { display: grid; gap: 12px; margin: 0 0 22px; }
.arbhq-reminder-details div { display: grid; grid-template-columns: 120px 1fr; gap: 14px; }
.arbhq-reminder-details dt { color: #8fa5b9; font-size: 0.83rem; font-weight: 700; }
.arbhq-reminder-details dd { margin: 0; color: #edf5fc; overflow-wrap: anywhere; }
.arbhq-reminder-completed-at, .arbhq-reminder-alert-note { color: #8fa5b9; font-size: 0.8rem; }

.arbhq-reminder-actions,
.arbhq-reminder-edit-actions,
.arbhq-reminder-preset-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.arbhq-reminder-actions button,
.arbhq-reminder-edit-actions button,
.arbhq-reminder-preset-grid button,
.arbhq-reminder-custom button,
.arbhq-reminder-text-button {
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 10px 15px;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.arbhq-reminder-primary { background: #4d94ff; color: #061528; }
.arbhq-reminder-secondary, .arbhq-reminder-preset-grid button { background: #192c3f; border-color: #324b64 !important; color: #e8f2fb; }
.arbhq-reminder-danger { background: transparent; border-color: #a94455 !important; color: #ff9bad; }
.arbhq-reminder-text-button { padding-left: 0; background: transparent; color: #82b6ff; }
.arbhq-reminder-overlay button:focus-visible,
.arbhq-reminder-overlay input:focus-visible,
.arbhq-reminder-overlay textarea:focus-visible { outline: 3px solid rgba(77, 148, 255, 0.45); outline-offset: 2px; }
.arbhq-reminder-overlay button:disabled { cursor: wait; opacity: 0.55; }

.arbhq-reminder-snooze {
  margin: 18px 0;
  padding: 16px;
  border-radius: 12px;
  background: #0a1724;
  border: 1px solid #263c51;
}

.arbhq-reminder-field-label { margin: 0 0 10px; font-weight: 800; }
.arbhq-reminder-custom { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 10px; margin-top: 12px; }
.arbhq-reminder-custom[hidden], .arbhq-reminder-snooze[hidden], .arbhq-reminder-edit-grid[hidden] { display: none; }

.arbhq-reminder-custom label,
.arbhq-reminder-edit-grid label { display: grid; gap: 6px; color: #aebed0; font-size: 0.82rem; font-weight: 700; }
.arbhq-reminder-custom small, .arbhq-reminder-edit-grid small { font-weight: 500; }
.arbhq-reminder-custom input,
.arbhq-reminder-edit-grid input,
.arbhq-reminder-edit-grid textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #385069;
  border-radius: 9px;
  background: #091522;
  color: #f2f7fb;
  padding: 10px 12px;
  font: inherit;
}

.arbhq-reminder-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 18px; }
.arbhq-reminder-wide { grid-column: 1 / -1; }

.arbhq-reminder-error {
  margin: 14px 0;
  border: 1px solid rgba(255, 112, 130, 0.5);
  border-radius: 10px;
  background: rgba(139, 34, 52, 0.25);
  color: #ffb5c0;
  padding: 11px 13px;
  font-size: 0.88rem;
}

.arbhq-reminder-error[hidden] { display: none; }
.arbhq-reminder-overlay.is-busy .arbhq-reminder-dialog { cursor: default; }

@media (max-width: 600px) {
  .arbhq-reminder-overlay { padding: 10px; align-items: end; }
  .arbhq-reminder-dialog { max-height: calc(100vh - 20px); border-radius: 16px; padding: 22px 18px; }
  .arbhq-reminder-details div { grid-template-columns: 1fr; gap: 3px; }
  .arbhq-reminder-edit-grid, .arbhq-reminder-custom { grid-template-columns: 1fr; }
  .arbhq-reminder-wide { grid-column: auto; }
  .arbhq-reminder-actions button { flex: 1 1 130px; }
}

@media print {
  .arbhq-reminder-overlay { display: none !important; }
}

/* Reminder due alert — ArbHQ attention treatment. Management dialogs retain
   their existing styling until the dedicated Reminders-page UX pass. */
.arbhq-reminder-alert-dialog {
  width: min(500px, 100%);
  border: 1px solid rgba(75, 139, 94, 0.62);
  border-top: 3px solid #3b82f6;
  border-radius: 16px;
  background: linear-gradient(180deg, #10251c 0%, #0b1b14 100%);
  color: #f7faf7;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
  padding: 28px;
  overflow: visible;
}

.arbhq-reminder-alert-dialog h2 {
  margin: 7px 0 4px;
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  line-height: 1.18;
  letter-spacing: -0.015em;
  color: #f8fbf8;
}

.arbhq-reminder-alert-identity {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #d7e8dc;
  font-size: 0.75rem;
  font-weight: 750;
  letter-spacing: 0.01em;
  text-transform: none;
}

.arbhq-reminder-alert-identity span {
  color: #3b82f6;
  font-size: 0.62rem;
}

.arbhq-reminder-alert-time {
  margin-top: 6px;
  color: #b8c8bc;
  font-size: 1rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.arbhq-reminder-alert-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 22px;
}

.arbhq-reminder-alert-actions button {
  min-height: 46px;
  border-radius: 10px;
  padding: 11px 16px;
  border: 1px solid transparent;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.arbhq-reminder-alert-dialog .arbhq-reminder-primary {
  background: #176b3a;
  border-color: #176b3a !important;
  color: #ffffff;
}

.arbhq-reminder-alert-dialog .arbhq-reminder-primary:hover { background: #125c31; }

.arbhq-reminder-alert-dialog .arbhq-reminder-secondary {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(218, 231, 221, 0.24) !important;
  color: #f3f7f4;
}

.arbhq-reminder-alert-dialog .arbhq-reminder-secondary:hover {
  background: rgba(255, 255, 255, 0.09);
}

.arbhq-reminder-alert-snooze {
  display: grid;
  grid-template-columns: 44px minmax(150px, 1fr) 44px;
  align-items: stretch;
  gap: 8px;
  margin-top: 12px;
}

.arbhq-reminder-alert-snooze button {
  min-height: 44px;
  border: 1px solid rgba(113, 164, 126, 0.38);
  color: #eef6f0;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.arbhq-reminder-snooze-step {
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  font-size: 1.35rem !important;
  line-height: 1;
}

.arbhq-reminder-snooze-apply {
  border-radius: 10px;
  padding: 0 14px;
  background: #173526;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.arbhq-reminder-snooze-step:hover:not(:disabled),
.arbhq-reminder-snooze-apply:hover:not(:disabled) {
  background: #1d432f;
  border-color: rgba(113, 164, 126, 0.62);
}

.arbhq-reminder-alert-dialog .arbhq-reminder-alert-snooze button:disabled {
  opacity: 0.28;
  cursor: not-allowed;
}

.arbhq-reminder-alert-dialog .arbhq-reminder-error { margin-bottom: 0; }

.arbhq-reminder-alert-dialog button:focus-visible {
  outline: 3px solid rgba(109, 176, 126, 0.46);
  outline-offset: 2px;
}

@media (max-width: 600px) {
  .arbhq-reminder-alert-dialog {
    width: 100%;
    padding: 24px 18px 20px;
    border-radius: 16px;
  }
  .arbhq-reminder-alert-actions { grid-template-columns: 1fr 1fr; }
  .arbhq-reminder-alert-actions button { min-width: 0; }
  .arbhq-reminder-alert-snooze { grid-template-columns: 42px minmax(0, 1fr) 42px; gap: 7px; }
  .arbhq-reminder-snooze-step { width: 42px; }
  .arbhq-reminder-snooze-apply { padding-inline: 10px; }
}

/* v6 — Reminder identity/containment hardening.
   The solid Reminder identity blue matches Calendar's canonical dot (#3b82f6).
   User-entered reminder titles must never force the alert outside the viewport. */
.arbhq-reminder-alert-dialog {
  min-width: 0;
  overflow: hidden;
}

.arbhq-reminder-alert-dialog h2 {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}


/* Reminder management hardening: user-entered titles must wrap vertically,
   never create horizontal scrolling, and title-limit feedback stays compact. */
.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) {
  overflow-x: hidden;
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) h2 {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.arbhq-reminder-edit-grid,
.arbhq-reminder-edit-grid > *,
.arbhq-reminder-details,
.arbhq-reminder-details > * {
  min-width: 0;
  max-width: 100%;
}

.arbhq-reminder-title-limit {
  color: #9fb0c1;
  font-size: 0.76rem;
  font-weight: 650;
}

.arbhq-reminder-title-limit.is-warning {
  color: #ffb4a8;
  font-weight: 800;
}


/* v10 — bounded Reminders management/create rework. Alert popup styling above
   remains unchanged; these rules apply only to create/manage dialogs. */
.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) {
  width: min(620px, 100%);
  border: 1px solid #dce5e0;
  border-radius: 18px;
  background: #ffffff;
  color: #101828;
  box-shadow: 0 28px 80px rgba(16, 24, 40, 0.24);
  padding: 26px;
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-kicker {
  color: #176b3a;
  letter-spacing: .04em;
  text-transform: none;
  font-size: .78rem;
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) h2 {
  margin: 6px 42px 8px 0;
  color: #101828;
  font-size: clamp(1.35rem, 3vw, 1.7rem);
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-close {
  background: #f2f4f7;
  color: #475467;
}

.arbhq-reminder-create-copy {
  margin: 0 0 20px;
  color: #667085;
  font-size: .9rem;
  line-height: 1.5;
}

.arbhq-reminder-create-grid,
.arbhq-reminder-edit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}

.arbhq-reminder-create-grid label,
.arbhq-reminder-edit-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #344054;
  font-size: .82rem;
  font-weight: 750;
}

.arbhq-reminder-create-grid input,
.arbhq-reminder-edit-grid input,
.arbhq-reminder-edit-grid textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #ffffff;
  color: #101828;
  padding: 10px 12px;
  font: inherit;
}

.arbhq-reminder-create-grid input:focus,
.arbhq-reminder-edit-grid input:focus,
.arbhq-reminder-edit-grid textarea:focus {
  border-color: #5ca27a;
  box-shadow: 0 0 0 3px rgba(23, 107, 58, .10);
  outline: none;
}

/* v19 — create validation is local to each field.
   Date errors may grow beneath Date, but must never resize or shift the Time input. */
.arbhq-reminder-create-grid {
  align-items: start;
}
.arbhq-reminder-create-grid label {
  align-self: start;
}

.arbhq-reminder-title-limit {
  display: block;
  min-height: 17px;
  margin-top: 1px;
  color: #667085;
  font-size: .75rem;
  font-weight: 650;
  line-height: 17px;
}

.arbhq-reminder-title-limit.is-warning {
  color: #b42318;
  font-weight: 800;
}

.arbhq-reminder-details {
  margin: 16px 0 18px;
  padding: 14px 0;
  border-top: 1px solid #eef2f0;
  border-bottom: 1px solid #eef2f0;
}

.arbhq-reminder-details dt { color: #667085; }
.arbhq-reminder-details dd { color: #101828; font-weight: 700; }
.arbhq-reminder-completed-at { color: #667085; }

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-primary {
  background: #176b3a;
  border-color: #176b3a !important;
  color: #ffffff;
}
.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-primary:hover { background: #125c31; }

/* v17 — enforced compact New reminder capture dialog on desktop/tablet.
   Keep manage dialogs unchanged; this is intentionally a quick-capture surface. */
@media (min-width: 601px) {
  .arbhq-reminder-dialog.arbhq-reminder-create-dialog {
    width: 400px !important;
    max-width: calc(100vw - 40px) !important;
    padding: 18px !important;
  }

  .arbhq-reminder-create-dialog h2 {
    margin: 2px 40px 12px 0 !important;
  }

  .arbhq-reminder-create-grid {
    gap: 10px;
    margin-bottom: 12px;
  }

  .arbhq-reminder-create-grid label {
    gap: 5px;
  }

  .arbhq-reminder-create-grid input {
    padding: 9px 10px;
  }

  .arbhq-reminder-create-actions {
    gap: 8px;
    margin-top: 0;
  }
}

/* Reminder creation is identified with ArbHQ Reminder blue. Keep other manage actions unchanged. */
.arbhq-reminder-dialog.arbhq-reminder-create-dialog [data-reminder-create-submit] {
  background: #3b82f6;
  border-color: #3b82f6 !important;
  color: #ffffff;
}
.arbhq-reminder-dialog.arbhq-reminder-create-dialog [data-reminder-create-submit]:hover {
  background: #2563eb;
  border-color: #2563eb !important;
}


.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-secondary,
.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-preset-grid button {
  background: #ffffff;
  border-color: #d0d5dd !important;
  color: #344054;
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-danger {
  background: #ffffff;
  border-color: #fecaca !important;
  color: #b42318;
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-text-button { color: #176b3a; }

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-snooze {
  background: #f8faf9;
  border-color: #dce5e0;
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-custom label { color: #475467; }
.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-custom input {
  border-color: #d0d5dd;
  background: #ffffff;
  color: #101828;
}

.arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) .arbhq-reminder-error {
  border-color: #fecdca;
  background: #fef3f2;
  color: #b42318;
}

.arbhq-reminder-create-actions { justify-content: flex-end; }

@media (max-width: 600px) {
  .arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) {
    width: 100%;
    padding: 22px 18px 18px;
    border-radius: 16px;
  }
  .arbhq-reminder-create-grid,
  .arbhq-reminder-edit-grid { grid-template-columns: 1fr; }
  .arbhq-reminder-wide { grid-column: auto; }
  .arbhq-reminder-create-actions { flex-direction: column; }
  .arbhq-reminder-create-actions button { width: 100%; }
}


/* v12 — mobile Reminder dialog / software-keyboard fit.
   Keep create/manage dialogs inside the dynamic visual viewport, avoid forcing
   the keyboard open on launch, and keep the compact form usable when it is open. */
@media (max-width: 600px) {
  .arbhq-reminder-overlay {
    align-items: start;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    overflow: hidden;
  }

  .arbhq-reminder-dialog:not(.arbhq-reminder-alert-dialog) {
    margin-top: 2px;
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .arbhq-reminder-create-dialog {
    padding: 18px 16px 16px !important;
  }

  .arbhq-reminder-create-dialog h2 {
    margin-top: 2px !important;
    margin-bottom: 14px !important;
    font-size: 1.45rem !important;
  }

  .arbhq-reminder-create-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    margin-bottom: 12px;
  }

  .arbhq-reminder-create-grid .arbhq-reminder-wide { grid-column: 1 / -1; }
  .arbhq-reminder-create-grid input { padding: 9px 10px; }
  .arbhq-reminder-create-actions { flex-direction: row; gap: 8px; }
  .arbhq-reminder-create-actions button { width: auto; flex: 1 1 0; min-width: 0; }
}

@media (max-width: 360px) {
  .arbhq-reminder-create-grid { grid-template-columns: 1fr; }
  .arbhq-reminder-create-grid .arbhq-reminder-wide { grid-column: auto; }
}

/* v20 — final compact Reminder management surfaces.
   Keep due-alert and New reminder capture styling unchanged. */
.arbhq-reminder-dialog.arbhq-reminder-manage-dialog {
  width: min(420px, 100%);
  padding: 22px;
}

.arbhq-reminder-dialog.arbhq-reminder-manage-dialog.is-completed {
  width: min(360px, 100%);
}

.arbhq-reminder-manage-dialog .arbhq-reminder-kicker {
  margin: 0 40px 8px 0;
  color: #3b82f6;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .03em;
}


.arbhq-reminder-manage-dialog.is-completed .arbhq-reminder-kicker {
  color: #176b3a;
}
.arbhq-reminder-manage-dialog.is-completed .arbhq-reminder-kicker::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  border-radius: 50%;
  background: #eaf7ef;
  color: #176b3a;
  font-size: .72rem;
  vertical-align: -2px;
}

.arbhq-reminder-dialog.arbhq-reminder-manage-dialog h2 {
  margin: 0 40px 12px 0;
  font-size: 1.35rem;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.arbhq-reminder-manage-meta {
  margin: 0;
}

.arbhq-reminder-manage-meta + .arbhq-reminder-manage-meta {
  margin-top: 5px;
}

.arbhq-reminder-manage-meta p {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  color: #344054;
  font-size: .86rem;
  line-height: 1.45;
}

.arbhq-reminder-manage-meta p span {
  color: #667085;
  font-weight: 700;
}

.arbhq-reminder-manage-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}

.arbhq-reminder-manage-actions-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.arbhq-reminder-manage-actions-right button,
.arbhq-reminder-manage-actions > button {
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 10px 15px;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.arbhq-reminder-danger-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  min-height: 40px !important;
  padding: 0 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px;
  background: #ffffff;
  color: #b42318;
  cursor: pointer;
}

.arbhq-reminder-danger-icon svg {
  width: 19px;
  height: 19px;
}

.arbhq-reminder-danger-icon:hover {
  background: #fff5f5;
}

.arbhq-reminder-dialog.arbhq-reminder-manage-dialog .arbhq-reminder-complete-blue {
  background: #3b82f6;
  border-color: #3b82f6 !important;
  color: #ffffff;
}

.arbhq-reminder-dialog.arbhq-reminder-manage-dialog .arbhq-reminder-complete-blue:hover {
  background: #2563eb;
  border-color: #2563eb !important;
}

.arbhq-reminder-manage-edit {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 2px 0 0;
}

.arbhq-reminder-manage-edit .arbhq-reminder-wide {
  grid-column: 1 / -1;
}

.arbhq-reminder-manage-edit input {
  padding: 9px 10px;
}

.arbhq-reminder-manage-edit-actions {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
}

.arbhq-reminder-dialog.arbhq-reminder-manage-dialog .arbhq-reminder-save-blue {
  background: #3b82f6;
  border-color: #3b82f6 !important;
  color: #ffffff;
}

.arbhq-reminder-dialog.arbhq-reminder-manage-dialog .arbhq-reminder-save-blue:hover {
  background: #2563eb;
  border-color: #2563eb !important;
}

.arbhq-reminder-manage-dialog .arbhq-reminder-snooze {
  margin-top: 14px;
}

@media (max-width: 600px) {
  .arbhq-reminder-dialog.arbhq-reminder-manage-dialog,
  .arbhq-reminder-dialog.arbhq-reminder-manage-dialog.is-completed {
    width: 100%;
    padding: 20px 18px;
  }

  .arbhq-reminder-manage-meta p {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .arbhq-reminder-manage-actions {
    align-items: flex-end;
    flex-wrap: wrap;
    min-width: 0;
  }

  .arbhq-reminder-manage-actions-right {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
  }

  .arbhq-reminder-manage-actions-right button,
  .arbhq-reminder-manage-actions > button { max-width: 100%; }

  .arbhq-reminder-manage-edit {
    grid-template-columns: 1fr 1fr;
  }

  .arbhq-reminder-manage-edit .arbhq-reminder-wide {
    grid-column: 1 / -1;
  }

  .arbhq-reminder-manage-edit-actions {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    width: 100%;
    gap: 8px;
  }

  .arbhq-reminder-manage-edit-actions button {
    width: 100%;
    min-width: 0;
  }
}

/* v22 — final Reminder management interaction polish. */
.arbhq-reminder-danger-icon {
  flex-basis: 42px;
  width: 42px;
  height: 40px;
}

.arbhq-reminder-danger-icon svg {
  width: 21px;
  height: 21px;
}

.arbhq-reminder-delete-confirm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid #eef2f6;
  color: #344054;
  font-size: .9rem;
  font-weight: 700;
}

.arbhq-reminder-delete-confirm[hidden] {
  display: none !important;
}

.arbhq-reminder-delete-confirm-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.arbhq-reminder-delete-confirm .arbhq-reminder-danger {
  min-height: 40px;
}

@media (max-width: 600px) {
  .arbhq-reminder-delete-confirm {
    align-items: flex-start;
    flex-direction: column;
  }

  .arbhq-reminder-delete-confirm-actions {
    width: 100%;
    justify-content: flex-end;
  }
}