body.dark-theme,
.ih-shell,
.ih-lock,
.ih-main { background: #fff; }

.ih-hero { background: #102b46; border-radius: 10px; }
.ih-card,
.ih-channel { border-radius: 9px; box-shadow: none; }
.ih-eyebrow { display: none; }

.ih-channel-actions { display: flex; align-items: center; gap: 14px; }
.ih-test {
  appearance: none;
  border: 1px solid #c8d7df;
  background: #fff;
  color: #155f7d;
  border-radius: 7px;
  padding: 7px 11px;
  font: 600 12px Inter, system-ui, sans-serif;
  cursor: pointer;
}
.ih-test:hover { border-color: #1678a2; background: #f4fafc; }
.ih-test:disabled { opacity: .55; cursor: wait; }
.ih-example {
  display: block;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin-top: 16px;
  padding: 13px;
  background: #f3f7f9;
  border: 1px solid #dce6eb;
  border-radius: 7px;
  color: #29475a;
  font: 12px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace;
}
.ih-guide-close { display: none; }

.ih-user-menu { display:flex; align-items:center; gap:9px; min-width:0; color:#28465a; }
.ih-user-email { font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:260px; }
.ih-role { color:#5c7b8e; border:1px solid #dbe6eb; border-radius:999px; padding:3px 8px; font-size:12px; }
.ih-profile-grid,.ih-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
.ih-profile-grid .ih-card,.ih-admin-grid .ih-card,.ih-page > .ih-card { padding:22px; margin:16px 0; }
.ih-card h2 { margin-top:0; font-size:17px; }
.ih-simple-list { display:grid; gap:8px; margin-top:14px; }
.ih-simple-row { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; padding:10px 0; border-bottom:1px solid #e7eef1; color:#385567; font-size:13px; }
.ih-simple-row > span { overflow-wrap:anywhere; }
.ih-simple-row select { max-width:110px; }
.ih-invite-result { overflow-wrap:anywhere; margin:12px 0; font:12px/1.5 ui-monospace,monospace; color:#176584; }
.ih-quota { color:#567082; font-size:14px; }

@media (max-width: 768px) {
  .ih-profile-grid,.ih-admin-grid { grid-template-columns:1fr; }
  .ih-user-email { max-width:145px; }
  .ih-user-menu { gap:6px; }
  .ih-channel { padding: 15px 14px; }
  .ih-channel-top { min-height: 34px; }
  .ih-test { min-height: 40px; padding-inline: 14px; }
  .ih-guide {
    position: fixed;
    inset: auto 0 0;
    z-index: 6;
    max-height: 72vh;
    overflow: auto;
    border-radius: 14px 14px 0 0;
    padding: 24px 18px calc(24px + env(safe-area-inset-bottom));
    box-shadow: 0 -18px 45px #10223b24;
  }
  .ih-guide:not(.open) { display: none; }
  .ih-guide-close { display: block; float: right; border: 0; background: transparent; color: #526c7b; padding: 4px; }
  .ih-mobile { padding-bottom: calc(7px + env(safe-area-inset-bottom)); }
}

/* Authentication actions retain a clear primary action at every viewport. */
.ih-lock { padding: 24px 0; }
.ih-lock > div { text-align: center; }
.ih-lock > div > .ih-mark { margin-inline: auto; width: 48px; height: 48px; }
.ih-mark { flex-shrink: 0; overflow: hidden; }
.ih-mark img { display: block; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.ih-auth-form { display: grid; gap: 14px; margin-top: 24px; }
.ih-lock .ih-auth-form input { margin: 0; min-height: 44px; min-width: 0; }
.ih-auth-primary { width: 100%; min-height: 44px; margin-top: 4px; }
.ih-auth-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.ih-auth-actions .ih-button { flex: 1 1 120px; min-height: 44px; }
.ih-auth-form > .ih-button { min-height: 44px; }
.ih-logo-preview { margin: 18px 0; }
.ih-logo-preview > img, .ih-logo-preview .ih-mark { width: 64px; height: 64px; object-fit: contain; border-radius: 12px; }
.ih-branding-settings input[type=file] { max-width: 100%; }
dialog.ih-recovery-notice {
  position: fixed; inset: 0; margin: auto; width: min(580px, calc(100% - 32px));
  max-height: calc(100dvh - 32px); overflow: auto; padding: 28px;
  border: 1px solid #dbe6eb; border-radius: 16px; background: #fff; color: #10223b;
  box-shadow: 0 24px 80px #10223b33;
}
dialog.ih-recovery-notice::backdrop { background: #0d223980; }
.ih-recovery-notice h2 { font-size: 22px; margin: 0 0 12px; }
.ih-recovery-codes {
  padding: 16px; margin: 20px 0; border-radius: 8px; background: #f3f7f9;
  font: 13px/1.9 ui-monospace, monospace; white-space: pre-wrap; overflow-wrap: anywhere;
  user-select: text;
}
.ih-recovery-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ih-recovery-actions .ih-button { min-height: 44px; flex: 1 1 auto; }
.ih-recovery-status { margin: 12px 0; font-size: 13px; line-height: 1.6; color: #567082; }
body:has(dialog.ih-recovery-notice[open]) { overflow: hidden; }
.ih-button:focus-visible { outline: 3px solid #64b5d1; outline-offset: 3px; }
@media (max-width: 480px) {
  .ih-lock > div { padding: 30px 24px; }
  dialog.ih-recovery-notice { padding: 22px 18px; }
  .ih-recovery-codes { padding: 12px; font-size: 12px; }
  .ih-recovery-actions .ih-button:last-child { flex-basis: 100%; }
}

/* Mail experience: visible health, filters, delivery history and narrow-screen feedback. */
.ih-mail-tools { display:grid; grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(130px,auto) minmax(130px,auto) auto; gap:10px; align-items:end; }
.ih-mail-tools label { min-width:0; }
.ih-mail-tools input,.ih-mail-tools select { width:100%; min-height:40px; }
.ih-fetch-summary { min-height:22px; margin:8px 0; color:#486779; font-size:13px; }
.ih-last-checked { display:grid; gap:3px; min-width:0; }
.ih-last-checked b { color:#245e75; }
.ih-last-checked small { color:#5c7685; overflow-wrap:anywhere; }
.ih-code-box-prominent { border:2px solid #3b9ab9; background:#edf9fc; }
.ih-code-box-prominent strong { font-size:26px; letter-spacing:.12em; }
.ih-code-box-prominent small { display:block; margin-top:8px; color:#567082; }
.ih-inline-feedback { max-width:240px; overflow-wrap:anywhere; }
.ih-inline-feedback.success { color:#18734b; }
.ih-inline-feedback.error { color:#a33838; }
.ih-delivery-history { margin-top:18px; }
.ih-delivery-row { align-items:flex-start; flex-wrap:wrap; }
.ih-delivery-state { margin-left:auto; }
@media (max-width: 900px) { .ih-mail-tools { grid-template-columns:repeat(2,minmax(0,1fr)); } .ih-mail-tools .ih-mail-search { grid-column:1/-1; } }
@media (max-width: 600px) {
  .ih-mail-tools { grid-template-columns:1fr; }
  .ih-mail-tools .ih-mail-search { grid-column:auto; }
  .ih-last-checked { display:grid; }
  .ih-status { display:block; }
  .ih-code-box-prominent strong { font-size:22px; }
  .ih-delivery-state { margin-left:0; }
}
.ih-code-box-prominent{flex-wrap:wrap;gap:12px}.ih-code-box-prominent small{flex-basis:100%}.ih-delivery-detail{min-width:0;display:grid;gap:6px;flex:1;overflow-wrap:anywhere}.ih-delivery-error{color:#9a3636}.ih-history-controls{margin-bottom:12px}.ih-history-pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.ih-history-pager span{font-size:12px;color:#607888}.ih-last-checked::before{content:none!important}
@media(max-width:1200px){.ih-mail-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ih-mail-tools{grid-template-columns:1fr}.ih-mail-tools .ih-mail-search{grid-column:auto}.ih-account-row .ih-status{display:none}.ih-delivery-row{display:block}.ih-delivery-state{display:block;margin-top:8px}}

/* Keep health readable when the account table collapses to cards. */
.ih-fetch-summary:empty { display:none; }
.ih-last-checked b,.ih-last-checked small { display:block; line-height:1.6; }
.ih-delivery-detail b { font:600 14px/1.5 Inter,system-ui,sans-serif; }
.ih-delivery-detail small { font-size:12px; line-height:1.6; }
.ih-history-controls select { min-height:40px; padding:8px 12px; border:1px solid #c8d7df; border-radius:7px; background:#fff; color:#28465a; }
@media (min-width:1001px) and (max-width:1450px) {
  .ih-account-row:not(.ih-account-row-head) .ih-last-checked { display:grid; grid-column:1/-1; grid-row:2; padding-top:0; }
}
@media (max-width:1000px) {
  .ih-account-row .ih-last-checked { display:grid!important; grid-column:1/-1; grid-row:3; width:100%; }
  .ih-account-row .ih-account-actions { grid-column:1/-1!important; grid-row:4; }
}

.ih-branding-settings .ih-field-label input { max-width: 36rem; }
.ih-branding-settings .ih-section-actions { display:flex; flex-wrap:wrap; gap:10px; margin:10px 0; }
.ih-branding-settings [role="status"] { min-height:1.4em; }

.ih-batch-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;padding:10px;border:1px solid #dbe6eb;border-radius:8px;color:#496979;font-size:13px}.ih-batch-toolbar button{border:1px solid #c8d7df;background:#fff;border-radius:6px;padding:6px 9px;color:#155f7d}.ih-batch-toolbar button:disabled{opacity:.5}.ih-mail-row{cursor:pointer}.ih-mail-row-top{display:flex;align-items:center;gap:8px}.ih-mail-row-top input{flex:0 0 auto}.ih-rule-row{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:8px;align-items:center;margin:8px 0}.ih-rule-row input:not([type=checkbox]),.ih-rule-row select{min-height:38px;width:100%}.ih-quiet-hours{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0;padding:12px;border:1px solid #dbe6eb;border-radius:8px}.ih-quiet-hours input{max-width:180px}.ih-connector-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:600px){.ih-rule-row{grid-template-columns:1fr 1fr}.ih-rule-row button{grid-column:1/-1}.ih-batch-toolbar{align-items:flex-start}.ih-quiet-hours{display:grid;grid-template-columns:1fr}.ih-quiet-hours input{max-width:none;width:100%}}
.ih-brand{min-width:0}.ih-brand>div{min-width:0}.ih-brand b{display:block;overflow-wrap:anywhere;word-break:break-word}.ih-lock h1{overflow-wrap:anywhere;word-break:break-word}
.ih-rule-row { display:grid; grid-template-columns:auto 1fr 1fr 1fr; gap:12px; padding:16px; border:1px solid #dbe6eb; border-radius:8px; margin-bottom:12px; }
.ih-rule-row .ih-field-label { min-width:0; margin:0; }
.ih-rule-channels { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:16px; border:1px solid #dbe6eb; border-radius:6px; }
.ih-rule-channels label { display:flex; align-items:center; gap:6px; }
.ih-rule-row input[type=checkbox],.ih-rule-channels input[type=checkbox] { width:18px; height:18px; min-height:0; }
#ih-dedupe-minutes { max-width:140px; }
@media(max-width:768px){.ih-rule-row{grid-template-columns:1fr}.ih-rule-channels{grid-column:1}.ih-quiet-hours label{min-width:0}}

#cx-result {display:block;flex-basis:100%;min-width:0;overflow-wrap:anywhere}.ih-connector-check{padding:12px 0;border-bottom:1px solid #dbe6eb}.ih-connector-check p{margin:6px 0;font-size:13px;line-height:1.6}

.ih-quiet-hours {display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:16px;border:1px solid #dbe6eb;border-radius:8px;margin-top:16px}
.ih-quiet-hours label {display:grid;gap:6px;font-size:13px;color:#385567}
.ih-quiet-hours input:not([type=checkbox]) {min-height:40px;border:1px solid #c8d7df;border-radius:7px;padding:8px 10px;color:#28465a;background:#fff;max-width:100%;box-sizing:border-box}
.ih-quiet-hours input[type=checkbox] {width:18px;height:18px}
@media(max-width:600px){
 .ih-mail-tools {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ih-mail-tools .ih-mail-search {grid-column:1/-1}
 .ih-mail-tools input,.ih-mail-tools select {min-width:0;max-width:100%;box-sizing:border-box}
 .ih-quiet-hours {display:grid;grid-template-columns:1fr 1fr}
 .ih-quiet-hours label:last-child {grid-column:1/-1}
}

#ih-rules-save {flex-shrink:0;white-space:nowrap}
.ih-quiet-hours > label:first-of-type {display:flex;align-items:center;gap:8px;align-self:center}
@media(max-width:600px){.ih-quiet-hours > label:first-of-type{grid-column:1/-1}}