.client-setup-email-fieldset { border: 0; padding: 0; margin: 20px 0; min-width: 0; }
.client-setup-email-fieldset legend { font-weight: 750; margin-bottom: 10px; }
.client-setup-email-items { display: grid; gap: 8px; }
.client-setup-email-items label { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; margin: 0; border: 1px solid var(--line); border-radius: 10px; padding: 12px; cursor: pointer; }
@media(min-width:700px) { .client-setup-email-items { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.client-setup-email-items input[type="checkbox"] { flex: 0 0 17px; width: 17px; height: 17px; margin: 2px 0 0; }
.client-setup-email-items strong,.client-setup-email-items small { display: block; }
.client-setup-email-items small { margin-top: 3px; color: var(--muted); }
#client-setup-email-preview { border-radius: 12px; padding: 18px; background: #f5f7f8; margin-top: 20px; }
#client-setup-email-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 13px; line-height: 1.7; }
#client-setup-email-status:not(:empty) { background: #e7f5ee; border: 1px solid #c9e5d6; color: #17644d; border-radius: 9px; padding: 12px; }
#invite-status:not(:empty) { background: #e7f5ee; border: 1px solid #c9e5d6; color: #17644d; border-radius: 9px; padding: 12px; }
#invite-dialog .dialog-actions .button:disabled { background: #eceef2; border-color: #d9dee6; color: #737e8e; box-shadow: none; cursor: not-allowed; }
#invite-email-editor { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 20px; min-width: 0; }
#invite-email-body { min-height: 300px; width: 100%; line-height: 1.6; resize: vertical; }
#invite-preview { margin-top: 16px; min-width: 0; }
#invite-preview summary { cursor: pointer; font-weight: 700; margin-bottom: 12px; }
#invite-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.6; }
#invite-fields { min-width: 0; }
#invite-dialog .client-setup-email-items { align-items: start; }
#invite-dialog .client-setup-email-items label { flex-direction: row; margin: 0; }
.client-health-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: -13px 0 17px;
}
.client-health-heading p { margin: 0; font-size: 11px; }
.client-health-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 18px;
}
.client-health-summary .client-health-metric {
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 5px 18px rgba(20, 32, 58, .035);
}
.client-health-summary .client-health-metric strong {
  font-family: Georgia, serif;
  font-size: 29px;
  font-weight: 500;
}
.teaching-count {
  display: inline-grid;
  min-width: 20px;
  height: 20px;
  margin-left: 5px;
  padding: 0 6px;
  place-items: center;
  border-radius: 99px;
  background: #e8ebef;
  color: #5f6978;
  font-size: 9px;
  font-weight: 900;
}
#assistant-teaching-button.has-items .teaching-count {
  background: #f13250;
  color: #fff;
}
.assistant-teaching-panel {
  margin-bottom: 18px;
  border-top: 4px solid #f13250;
}
.assistant-teaching-panel > .muted { margin: -2px 0 18px; max-width: 800px; }
.assistant-teaching-list { display: grid; gap: 12px; }
.assistant-teaching-item {
  padding: 16px;
  border: 1px solid #e3e7ed;
  border-radius: 11px;
  background: #fafaf9;
}
.assistant-teaching-item-heading,
.assistant-teaching-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.assistant-teaching-item-heading strong,
.assistant-teaching-item-heading small { display: block; }
.assistant-teaching-item-heading strong { color: var(--ink); font-size: 13px; }
.assistant-teaching-item-heading small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.assistant-teaching-message {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #fff;
}
.assistant-teaching-message.answer { background: #f2f4f7; }
.assistant-teaching-message small {
  color: #7d8798;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.assistant-teaching-message p { margin: 5px 0 0; font-size: 11px; line-height: 1.55; }
.assistant-teaching-item textarea { width: 100%; margin: 12px 0; font-size: 10px; }
.assistant-teaching-actions { justify-content: flex-end; }
.assistant-teaching-empty {
  display: grid;
  gap: 4px;
  padding: 24px;
  border: 1px dashed #d8dde6;
  border-radius: 10px;
  text-align: center;
}
.assistant-teaching-empty strong { font-size: 13px; }
.assistant-teaching-empty span { color: var(--muted); font-size: 10px; }
.client-card { display: block; padding: 0; overflow: hidden; }
.client-card.client-health-needs_attention { border-left: 4px solid #e7a156; }
.client-card.client-health-healthy { border-left: 4px solid #72bd9f; }
.client-card.client-health-paused { border-left: 4px solid #9aa3b2; }
.client-card-header { display: flex; align-items: center; gap: 15px; padding: 18px 20px; }
.client-card-details[hidden] { display: none; }
.client-card.is-minimised { background: #f8f9fb; }
.client-card.is-minimised .client-card-header { padding-top: 12px; padding-bottom: 12px; }
.client-card.is-minimised .client-name strong,
.client-card.is-minimised .client-name small,
.client-card.is-minimised .client-card-meta { display: inline; }
.client-card.is-minimised .client-name small::before,
.client-card.is-minimised .client-card-meta::before { color: #b2b9c5; content: " · "; }
.client-card.is-minimised .client-card-meta { margin: 0; }
.client-card.is-minimised .client-card-extra-meta,
.client-card.is-minimised .client-action-detail { display: none; }
.client-paused-reveal[aria-expanded="true"] { background: #f1f3f6; }
.client-card-header .client-name { min-width: 190px; flex: 1; }
.client-card-meta {
  display: block;
  margin-top: 7px;
  color: #7b8596;
  font-size: 9px;
  font-weight: 750;
  text-transform: capitalize;
}
.client-card-meta.paid-client-meta { color: #2d7c66; }
.client-card-header > .status-pill { flex: 0 0 auto; }
.client-health-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-top: 1px solid #edf0f3;
  background: #fafaf8;
}
.client-health-metric {
  min-width: 0;
  padding: 15px 17px;
  border-right: 1px solid #e8ebef;
}
.client-health-metric:last-child { border-right: 0; }
.client-health-metric small {
  display: block;
  color: #7d8798;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.client-health-metric strong {
  display: block;
  margin-top: 7px;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.35;
}
.client-health-metric span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}
.client-health-metric.ready { box-shadow: inset 0 3px #72bd9f; }
.client-health-metric.setup { box-shadow: inset 0 3px #aab8d4; }
.client-health-metric.attention { box-shadow: inset 0 3px #e7a156; }
.client-health-reasons {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 11px 20px;
  border-top: 1px solid #f0e2cf;
  background: #fff8ef;
  color: #89501f;
  font-size: 10px;
  line-height: 1.5;
}
.client-health-reasons.setup_incomplete {
  border-top-color: #e0e6f1;
  background: #f5f7fb;
  color: #536784;
}
.client-health-reasons strong { flex: 0 0 auto; }
.client-health-reasons span { color: inherit; }
.client-uptime-monitor {
  padding: 16px 20px 18px;
  border-top: 1px solid #e7eaf0;
  background: #fff;
}
.client-uptime-heading,
.client-uptime-heading-actions,
.client-uptime-keyword,
.client-uptime-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}
.client-uptime-heading { justify-content: space-between; }
.client-uptime-heading-actions { justify-content: flex-end; }
.client-uptime-toggle {
  position: relative;
  min-height: 30px;
  padding: 6px 10px 6px 32px;
  border: 1px solid #d8dde6;
  border-radius: 999px;
  background: #fff;
  color: #667085;
  font: inherit;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}
.client-uptime-toggle::before {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #aab2c0;
  content: "";
  transform: translateY(-50%);
}
.client-uptime-toggle[aria-pressed="true"] {
  border-color: #b8dfcc;
  background: #f1fbf6;
  color: #23744e;
}
.client-uptime-toggle[aria-pressed="true"]::before { background: #2f9b69; }
.client-uptime-toggle:hover { border-color: #9fa9b8; }
.client-uptime-toggle:focus-visible { outline: 3px solid rgba(241,50,80,.24); outline-offset: 2px; }
.client-uptime-toggle:disabled { cursor: wait; opacity: .68; }
.client-uptime-monitor.is-disabled .client-uptime-evidence { opacity: .64; }
.client-uptime-title small,
.client-uptime-title a { display: block; }
.client-uptime-title small {
  margin-bottom: 4px;
  color: #7d8798;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.client-uptime-title a { color: var(--ink); font-size: 12px; font-weight: 800; }
.client-uptime-evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 13px 0;
  overflow: hidden;
  border: 1px solid #e8ebef;
  border-radius: 9px;
  background: #fafaf8;
}
.client-uptime-keyword { align-items: flex-end; }
.client-uptime-keyword label { flex: 1; min-width: 0; }
.client-uptime-keyword label > span,
.client-uptime-keyword label > small { display: block; }
.client-uptime-keyword label > span { margin-bottom: 6px; font-size: 10px; font-weight: 800; }
.client-uptime-keyword label > small { margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.client-uptime-keyword input { width: 100%; margin: 0; font-size: 11px; }
.client-uptime-controls { flex: 0 0 auto; }
.client-actions { flex-wrap: wrap; justify-content: flex-end; }
.assisted-setup-progress {
  height: 8px;
  margin: 4px 0 18px;
  overflow: hidden;
  border-radius: 99px;
  background: #e9edf3;
}
.assisted-setup-progress-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f13250, #f26378);
  transition: width .22s ease;
}
.assisted-setup-task-list {
  display: grid;
  gap: 9px;
}
.assisted-setup-task {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 13px 15px;
  border: 1px solid #e2e7ef;
  border-left: 4px solid #b7c0cf;
  border-radius: 10px;
  background: #fbfcfd;
}
.assisted-setup-task.assisted-task-complete,
.assisted-setup-task.assisted-task-not_needed { border-left-color: #72bd9f; }
.assisted-setup-task.assisted-task-in_progress { border-left-color: #f13250; }
.assisted-setup-task.assisted-task-waiting_for_client { border-left-color: #e7a156; }
.assisted-setup-task-copy { flex: 1; min-width: 0; }
.assisted-setup-task-copy strong,
.assisted-setup-task-copy small { display: block; }
.assisted-setup-task-copy strong { font-size: 12px; }
.assisted-setup-task-copy small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.assisted-setup-task select { width: 170px; margin: 0; font-size: 11px; }

@media (max-width: 1250px) {
  .client-health-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .client-health-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .client-health-metric:nth-child(3) { border-right: 0; }
  .client-health-metric:nth-child(-n+3) { border-bottom: 1px solid #e8ebef; }
}
@media (max-width: 760px) {
  .client-uptime-heading { align-items: flex-start; }
  .client-uptime-heading-actions { align-items: flex-end; flex-direction: column; }
  .client-health-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-card-header { align-items: flex-start; flex-wrap: wrap; }
  .client-card-header .client-name { flex-basis: calc(100% - 130px); }
  .client-actions { width: 100%; justify-content: flex-start; }
  .client-health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-health-metric:nth-child(3) { border-right: 1px solid #e8ebef; }
  .client-health-metric:nth-child(2n) { border-right: 0; }
  .client-health-metric:nth-child(-n+4) { border-bottom: 1px solid #e8ebef; }
  .client-health-reasons { display: grid; gap: 5px; }
  .assisted-setup-task { align-items: stretch; flex-direction: column; gap: 10px; }
  .assisted-setup-task select { width: 100%; }
  .client-uptime-keyword { align-items: stretch; flex-direction: column; }
  .client-uptime-controls { justify-content: flex-start; }
  .assistant-teaching-item-heading { align-items: flex-start; }
}
@media (max-width: 480px) {
  .client-health-summary, .client-health-grid { grid-template-columns: 1fr; }
  .client-health-metric { border-right: 0; border-bottom: 1px solid #e8ebef; }
  .client-health-metric:last-child { border-bottom: 0; }
  .client-card-header .client-name { flex-basis: 100%; }
  .client-health-heading { align-items: flex-start; }
  .client-uptime-evidence { grid-template-columns: 1fr; }
  .client-uptime-evidence .client-health-metric { border-right: 0; border-bottom: 1px solid #e8ebef; }
  .client-uptime-evidence .client-health-metric:last-child { border-bottom: 0; }
}
.client-context-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px clamp(24px,4vw,55px); background:#fff1f4; border-bottom:1px solid #f5d4dc; }
.client-context-bar p { margin:0; font-size:13px; }
.client-context-bar .button { flex-shrink:0; padding:9px 14px; font-size:12px; }
.portal.iris-shell .client-context-bar { display:none; }
@media(max-width:600px) { .client-context-bar { padding:12px 16px; flex-wrap:wrap; } }
.access-list { display: grid; gap: 16px; margin-top: 20px; }
.access-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.access-row > div:first-child { min-width: 0; overflow-wrap: anywhere; }
.access-row p { margin: 6px 0 0; }
.access-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 700px) {
  .access-row { align-items: stretch; flex-direction: column; gap: 12px; }
  .access-actions .button { flex: 1; }
}
#alert-confirm-dialog .alert-delivery-choices { border: 0; padding: 0; margin: 20px 0; min-width: 0; }
#alert-confirm-dialog .alert-delivery-choices legend { font-weight: 700; }
#alert-confirm-dialog .alert-delivery-choices > div { display: flex; flex-wrap: wrap; gap: 12px 28px; }
#alert-confirm-dialog .alert-delivery-choices label { display: flex; align-items: center; gap: 10px; margin: 0; cursor: pointer; }
#alert-confirm-dialog .alert-delivery-choices input { width: 18px; height: 18px; margin: 0; accent-color: #fa2851; }