:root {
  color: #172033;
  background: #eef2f7;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  font-size: 14px;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: #eef2f7; }
button, input, select, textarea { font: inherit; }
a { color: inherit; }

.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 10; padding: .75rem 1rem; background: white; }
.skip-link:focus { top: 1rem; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 13rem minmax(0, 1fr); }
.sidebar { min-width: 0; padding: .8rem .65rem; color: #dce5f3; background: #101827; }
.brand { display: flex; align-items: center; gap: .55rem; margin: 0 .35rem .85rem; color: white; font-size: .9rem; font-weight: 750; text-decoration: none; }
.brand-mark { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: .45rem; color: #08111f; background: #66e3c4; font-size: .62rem; }

.auth-page { min-height: 100vh; color: #172033; background: #f4f7fb; }
.auth-layout { display: grid; min-height: 100vh; grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr); }
.auth-main { position: relative; display: flex; min-width: 0; min-height: 100vh; flex-direction: column; justify-content: center; padding: clamp(5rem, 9vh, 6.5rem) clamp(1.5rem, 5vw, 4.5rem) 1.5rem; }
.auth-brand { position: absolute; top: clamp(1.25rem, 3vw, 2rem); left: clamp(1.5rem, 5vw, 4.5rem); display: inline-flex; align-items: center; gap: .65rem; color: #172033; font-size: .95rem; font-weight: 800; text-decoration: none; }
.auth-brand:focus-visible { border-radius: .75rem; outline: 3px solid rgba(45, 108, 223, .22); outline-offset: 4px; }
.auth-card { width: min(100%, 22rem); margin: auto; border: 1px solid #dbe2ec; border-radius: .8rem; padding: clamp(1.1rem, 3vw, 1.35rem); background: white; box-shadow: 0 14px 36px rgba(31, 44, 68, .08); }
.auth-card-heading { margin-bottom: .9rem; }
.auth-card-heading h1, .auth-card > h1 { margin: 0 0 .3rem; font-size: clamp(1.35rem, 2.4vw, 1.5rem); letter-spacing: -.02em; }
.auth-card-heading > p:last-child, .auth-card > p { margin: 0; color: #5c6b81; line-height: 1.55; }
.auth-form { display: grid; gap: .7rem; }
.auth-form label { display: grid; gap: .3rem; color: #33425a; font-size: .84rem; font-weight: 700; }
.auth-form input:not([type="hidden"]) { width: 100%; min-height: 2.5rem; border: 1px solid #aeb9c9; border-radius: .5rem; padding: .45rem .6rem; color: #172033; background: #fbfcfe; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; }
.auth-form input:not([type="hidden"]):hover { border-color: #8492a6; background: white; }
.auth-form input:not([type="hidden"]):focus { border-color: #2d6cdf; outline: none; background: white; box-shadow: 0 0 0 4px rgba(45, 108, 223, .15); }
.password-control { position: relative; display: block; width: 100%; }
.password-control input { width: 100%; padding-right: 2.85rem !important; }
.password-toggle { position: absolute; top: 50%; right: .35rem; display: grid; width: 2.15rem; height: 2.15rem; place-items: center; transform: translateY(-50%); border: 0; border-radius: .5rem; padding: 0; color: #65748a; background: transparent; cursor: pointer; }
.password-toggle:hover { color: #195fc7; background: #edf3fc; }
.password-toggle:focus-visible { color: #195fc7; outline: 3px solid rgba(45, 108, 223, .2); }
.password-icon { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.password-icon-show { display: none; }
.password-icon-hide { display: block; }
.password-toggle.is-visible .password-icon-show { display: block; }
.password-toggle.is-visible .password-icon-hide { display: none; }
.auth-submit { width: 100%; min-height: 2.5rem; margin-top: .15rem; }
.auth-links { margin-top: .85rem; text-align: center; }
.auth-links a { color: #195fc7; font-size: .9rem; font-weight: 750; text-decoration: none; }
.auth-links a:hover, .auth-links a:focus-visible { text-decoration: underline; text-underline-offset: .25rem; }
.auth-alert { margin: 0 0 .8rem !important; border: 1px solid #edbdc3; border-radius: .6rem; padding: .65rem .75rem; color: #742b36 !important; background: #fcedef; font-size: .86rem; font-weight: 650; }
.auth-support { margin: 1.1rem auto 0; color: #7a879a; font-size: .75rem; letter-spacing: .03em; }
.auth-visual { position: relative; display: flex; min-height: 100vh; overflow: hidden; align-items: flex-end; padding: clamp(2rem, 5vw, 4rem); color: #e9f0fb; background: #101827; isolation: isolate; }
.auth-visual::before { position: absolute; inset: 0; z-index: -2; background: linear-gradient(145deg, rgba(36, 50, 74, .2), rgba(16, 24, 39, .84)), radial-gradient(circle at 25% 20%, rgba(45, 108, 223, .38), transparent 42%); content: ""; }
.auth-visual::after { position: absolute; right: -10rem; bottom: -12rem; z-index: -1; width: 34rem; height: 34rem; border: 1px solid rgba(102, 227, 196, .2); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(102, 227, 196, .035), 0 0 0 10rem rgba(102, 227, 196, .025); content: ""; }
.auth-visual-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); }
.auth-visual-glow-one { top: 15%; right: 18%; width: 9rem; height: 9rem; background: rgba(102, 227, 196, .08); }
.auth-visual-glow-two { right: 4%; bottom: 22%; width: 15rem; height: 15rem; background: rgba(45, 108, 223, .1); }
.auth-visual-content { position: relative; max-width: 25rem; }
.auth-visual-kicker { margin: 0 0 .75rem; color: #66e3c4; font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.auth-visual h2 { margin: 0; color: white; font-size: clamp(1.8rem, 2.9vw, 2.45rem); line-height: 1.04; letter-spacing: -.035em; }
.auth-visual-content > p:not(.auth-visual-kicker) { max-width: 24rem; margin: .8rem 0 0; color: #aebbd0; font-size: .88rem; line-height: 1.5; }
.auth-flow { display: flex; align-items: center; gap: .55rem; margin-top: 1.4rem; color: #dce5f3; font-size: .72rem; font-weight: 750; }
.auth-flow span { border: 1px solid rgba(220, 229, 243, .22); border-radius: 999px; padding: .38rem .58rem; background: rgba(36, 50, 74, .55); }
.auth-flow i { width: clamp(.7rem, 2vw, 2rem); height: 1px; background: linear-gradient(90deg, #50627e, #66e3c4); }
.main-nav { display: grid; gap: .12rem; }
.nav-link { border-radius: .45rem; padding: .46rem .6rem; font-size: .84rem; text-decoration: none; }
.nav-link:not(.is-disabled):hover, .nav-link:not(.is-disabled):focus-visible, .nav-link.is-active { color: white; background: #24324a; outline: none; }
.nav-link.is-disabled { color: #91a0b7; cursor: not-allowed; }
.workspace { min-width: 0; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: .8rem; min-height: 3.6rem; padding: .6rem clamp(.8rem, 2vw, 1.4rem); background: white; border-bottom: 1px solid #dbe2ec; }
.topbar h1 { margin: 0; font-size: clamp(1.15rem, 1.8vw, 1.3rem); }
.eyebrow, .card-label, .record-number { margin: 0; color: #65748a; font-size: .66rem; font-weight: 700; letter-spacing: .04em; }
.account-summary { display: flex; min-width: 0; align-items: center; gap: .55rem; font-size: .84rem; }
.admin-login { display: block; min-width: 0; max-width: min(20rem, 40vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content { max-width: 100rem; margin: auto; padding: clamp(.8rem, 1.8vw, 1.4rem); }
.page-summary { max-width: 62rem; margin: 0 0 .75rem; color: #5c6b81; font-size: .86rem; line-height: 1.4; }
.intro { display: flex; justify-content: space-between; margin-bottom: 1rem; }
.intro h2 { margin: .25rem 0; font-size: clamp(1.25rem, 2.2vw, 1.55rem); }
.intro p:last-child { max-width: 54rem; margin: 0; color: #526178; font-size: .92rem; line-height: 1.45; }
.flash { margin: 0 0 .75rem; border-radius: .5rem; padding: .5rem .65rem; font-size: .84rem; font-weight: 650; }
.flash-success { color: #075840; border: 1px solid #a9e7d5; background: #e3f9f2; }
.flash-error { color: #742b36; border: 1px solid #edbdc3; background: #fcedef; }
.overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; align-items: stretch; gap: .65rem; }
.overview-grid > .card { height: 100%; }
.overview-grid ~ .card { margin-top: .65rem; }
.card { display: flex; min-height: 0; flex-direction: column; padding: clamp(.8rem, 1.4vw, 1rem); border: 1px solid #dbe2ec; border-radius: .6rem; background: white; box-shadow: 0 4px 14px rgba(31, 44, 68, .035); }
.card-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.card h2 { margin: 0; font-size: .98rem; }
.card h3 { margin: .8rem 0 .35rem; font-size: .88rem; }
.card > p { color: #526178; font-size: .84rem; line-height: 1.45; }
.card ul { margin: .55rem 0 0; padding-left: 1.1rem; font-size: .84rem; line-height: 1.45; }
.card li + li { margin-top: .2rem; }
.card-action { margin-top: auto; }
.status { display: inline-flex; align-items: center; border-radius: 999px; padding: .24rem .44rem; font-size: .7rem; font-weight: 700; }
.status-on { color: #075840; background: #d8f8ee; }
.status-off { color: #6d3940; background: #f8e4e6; }
.button { display: inline-flex; min-height: 2.25rem; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: .48rem; padding: .42rem .7rem; font-size: .84rem; font-weight: 700; cursor: pointer; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.button:focus-visible { outline: 3px solid #2d6cdf; outline-offset: 3px; }
.button-primary { color: white; background: #195fc7; }
.button-primary:hover { color: white; background: #0b3e91; }
.button-primary:disabled { color: #6b778a; background: #e2e7ef; cursor: not-allowed; }
.button-secondary { color: #172033; border-color: #aeb9c9; background: white; }
.button-secondary:hover { color: white; border-color: #253754; background: #253754; }
.button-quiet { min-height: 2.1rem; padding: .35rem .65rem; color: #33425a; border-color: #c7cfdb; background: white; }
.button-quiet:hover { color: white; background: #253754; }
.button-danger { color: #742b36; border-color: #e1aeb5; background: #fff7f8; }
.button-danger:hover { color: white; border-color: #8f2635; background: #8f2635; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: .65rem; margin-bottom: .65rem; }
.settings-grid > .card { height: 100%; }
.settings-card { min-height: 0; }
.entity-heading { display: flex; min-width: 0; align-items: baseline; gap: .45rem; }
.entity-heading h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entity-id, .section-meta { flex: 0 0 auto; color: #65748a; font-size: .7rem; font-weight: 600; }
.form-card { min-height: 0; }
.stack-form { display: grid; gap: .6rem; }
.stack-form label { display: grid; gap: .24rem; color: #33425a; font-size: .78rem; font-weight: 650; line-height: 1.25; }
.field-label { font-size: .78rem; font-weight: 650; }
.stack-form input:not([type="checkbox"]), .stack-form select, .stack-form textarea { width: 100%; min-height: 2.25rem; border: 1px solid #aeb9c9; border-radius: .45rem; padding: .42rem .55rem; color: #172033; background: white; }
.stack-form textarea { min-height: 4.7rem; resize: vertical; line-height: 1.35; }
.stack-form input:focus, .stack-form select:focus, .stack-form textarea:focus { border-color: #2d6cdf; outline: 3px solid rgba(45, 108, 223, .18); }
.check-field { display: flex !important; align-items: center; gap: .55rem !important; font-weight: 650 !important; }
.check-field input { width: 1.05rem; height: 1.05rem; }
.warning-check { color: #742b36 !important; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.field-hint { color: #65748a; font-size: .7rem; font-weight: 500; line-height: 1.3; }
.field-summary { display: grid; gap: .2rem; margin-top: .75rem; }
.field-summary span { color: #65748a; font-size: .78rem; }
.field-summary strong { overflow-wrap: anywhere; }
.danger-action, .secondary-action { margin-top: .75rem; }
.tabs { display: flex; gap: .25rem; margin-bottom: .7rem; border-bottom: 1px solid #ced7e4; }
.tabs a { padding: .42rem .6rem; border-bottom: 2px solid transparent; color: #526178; font-size: .84rem; font-weight: 700; text-decoration: none; }
.tabs a:hover, .tabs a:focus-visible, .tabs a.is-active { color: #153f80; border-bottom-color: #195fc7; outline: none; }
.connection-result { margin-bottom: 1rem; }
.connection-result h2 { margin: 0 0 .65rem; font-size: 1.1rem; }
.day-grid { display: flex; flex-wrap: wrap; gap: .55rem 1rem; }
.stack-form fieldset { border: 1px solid #dbe2ec; border-radius: .6rem; padding: .75rem; }
.stack-form legend { padding: 0 .4rem; font-weight: 750; }
.template-grid .settings-card { min-height: 0; }
.mailbox-list { display: grid; gap: .65rem; margin-bottom: .65rem; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.section-heading h2 { margin: .15rem 0 0; font-size: 1.08rem; }
.section-heading > p { max-width: 34rem; margin: 0; color: #526178; font-size: .9rem; line-height: 1.45; }
.mailbox-card { overflow: hidden; }
.mailbox-card + .mailbox-card { margin-top: .9rem; }
.mailbox-list .mailbox-card + .mailbox-card { margin-top: 0; }
.provider-card { margin-top: .9rem; }
.attachment-limit-card { margin-bottom: .9rem; }
.confirmation-group { display: grid; gap: .65rem; }
.form-actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .6rem; margin-top: .75rem; }
.confirmation-action { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.empty-state { margin: 0; border: 1px dashed #aeb9c9; border-radius: .65rem; padding: .8rem; color: #526178; background: rgba(255, 255, 255, .55); }
.data-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: .6rem; margin-bottom: .6rem; border: 1px solid #dbe2ec; border-radius: .6rem; padding: .6rem; color: #33425a; background: white; box-shadow: 0 4px 14px rgba(31, 44, 68, .035); }
.filter-form { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: flex-end; gap: .6rem; }
.filter-form label { display: grid; min-width: 8rem; flex: 1 1 9rem; gap: .25rem; font-size: .76rem; font-weight: 650; }
.filter-form input, .filter-form select { width: 100%; min-height: 2.2rem; border: 1px solid #aeb9c9; border-radius: .45rem; padding: .4rem .5rem; color: #172033; background: #fbfcfe; }
.filter-form input:focus, .filter-form select:focus { border-color: #2d6cdf; outline: 3px solid rgba(45, 108, 223, .15); }
.filter-actions { display: flex; gap: .5rem; }
.data-toolbar .button-secondary { color: #33425a; border-color: #aeb9c9; background: white; }
.data-toolbar .button-secondary:hover { color: white; background: #253754; }
.table-wrap { overflow-x: auto; border: 1px solid #dbe2ec; border-radius: .75rem; background: white; box-shadow: 0 8px 22px rgba(31, 44, 68, .045); }
.data-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.data-table th, .data-table td { padding: .45rem .55rem; border-bottom: 1px solid #e2e7ef; text-align: left; vertical-align: top; }
.data-table th { color: #526178; background: #f3f6fa; font-size: .68rem; font-weight: 700; letter-spacing: .02em; text-transform: none; }
.data-table tbody tr:hover { background: #f2f6fb; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table a { color: #195fc7; font-weight: 700; }
.table-details { margin: 0; font: inherit; line-height: 1.4; white-space: pre-wrap; }
.audit-table { table-layout: fixed; }
.audit-table th:nth-child(1) { width: 11.5rem; }
.audit-table th:nth-child(2) { width: 13rem; }
.audit-table th:nth-child(3) { width: 7rem; }
.audit-table th:nth-child(4) { width: 8rem; }
.audit-table th:nth-child(5) { width: 7rem; }
.audit-row { height: 2.75rem; cursor: pointer; }
.audit-row:focus-visible { outline: 3px solid rgba(45, 108, 223, .2); outline-offset: -3px; }
.audit-row.is-open { background: #edf4ff; }
.audit-summary-cell { min-width: 0; }
.audit-summary-content { display: flex; min-width: 0; align-items: center; gap: .55rem; }
.audit-summary-text { min-width: 0; flex: 1 1 auto; overflow: hidden; color: #526178; text-overflow: ellipsis; white-space: nowrap; }
.audit-details-button { flex: 0 0 auto; border: 0; padding: .2rem; color: #195fc7; background: transparent; font: inherit; font-weight: 700; cursor: pointer; }
.audit-details-button:hover, .audit-details-button:focus-visible { color: #103f8c; text-decoration: underline; outline: none; }
.audit-drawer-layer[hidden] { display: none; }
.audit-drawer-layer { position: fixed; z-index: 50; inset: 0; display: grid; grid-template-columns: 1fr minmax(22rem, 31rem); }
.audit-drawer-backdrop { grid-column: 1 / -1; grid-row: 1; border: 0; background: rgba(15, 26, 45, .28); cursor: default; }
.audit-drawer { z-index: 1; grid-column: 2; grid-row: 1; overflow-y: auto; border-left: 1px solid #dbe2ec; padding: 1.1rem; background: white; box-shadow: -18px 0 40px rgba(20, 32, 52, .14); }
.audit-drawer-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.audit-drawer-heading h2 { margin: .15rem 0 0; font-size: 1.1rem; }
.audit-drawer-close { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid #c7cfdb; border-radius: .45rem; color: #33425a; background: white; font-size: 1.25rem; cursor: pointer; }
.audit-drawer-close:hover, .audit-drawer-close:focus-visible { color: white; border-color: #253754; background: #253754; outline: none; }
.audit-drawer-meta { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin: 0 0 1.1rem; }
.audit-drawer-meta div { min-width: 0; }
.audit-drawer-meta dt { color: #65748a; font-size: .7rem; font-weight: 700; }
.audit-drawer-meta dd { overflow-wrap: anywhere; margin: .15rem 0 0; color: #1f293b; font-size: .8rem; font-weight: 700; }
.audit-drawer-subtitle { margin: 0 0 .45rem; font-size: .82rem; }
.audit-drawer-body { max-height: none; }
.empty-cell { padding: 1.4rem !important; color: #65748a; text-align: center !important; }
.pagination { display: grid; grid-template-columns: minmax(9rem, 1fr) auto minmax(9rem, 1fr); align-items: center; gap: .75rem; margin-top: .75rem; color: #526178; font-size: .76rem; }
.pagination-summary, .pagination-pages { margin: 0; }
.pagination-pages { text-align: right; }
.pagination-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem; }
.page-link { display: inline-grid; min-width: 2rem; min-height: 2rem; place-items: center; border: 1px solid #c7cfdb; border-radius: .42rem; padding: .25rem .45rem; color: #33425a; background: white; font-weight: 700; text-decoration: none; }
.page-link:hover, .page-link:focus-visible { color: white; border-color: #253754; background: #253754; outline: none; }
.page-link.is-current { color: white; border-color: #195fc7; background: #195fc7; }
.page-edge { padding-inline: .6rem; }
.page-gap { padding: 0 .2rem; }
.detail-card { min-height: 0; margin-top: .75rem; }
.processing-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-bottom: .85rem; }
.processing-summary > div { border: 1px solid #dbe2ec; border-radius: .55rem; padding: .65rem; background: #f7f9fc; }
.processing-summary span { display: block; color: #65748a; font-size: .7rem; font-weight: 650; }
.processing-summary strong { display: block; margin-top: .18rem; font-size: .9rem; }
.processing-summary p { margin: .28rem 0 0; color: #526178; font-size: .76rem; line-height: 1.4; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1.1rem; margin: 0; }
.detail-grid div { min-width: 0; border-bottom: 1px solid #e2e7ef; padding-bottom: .55rem; }
.detail-grid dt { color: #65748a; font-size: .7rem; font-weight: 650; }
.detail-grid dd { margin: .2rem 0 0; font-size: .84rem; }
.account-details { margin-top: 1rem; }
.error-guidance-card { min-height: 0; }
.safe-body { max-height: 24rem; overflow: auto; margin: 0; border: 1px solid #dbe2ec; border-radius: .5rem; padding: .65rem; color: #33425a; background: #f7f9fc; font-family: inherit; font-size: .8rem; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.exchange-note { margin: 0; border-left: 3px solid #9eb8df; padding: .45rem .6rem; color: #526178; background: #f5f8fd; font-size: .8rem; line-height: 1.4; }
.operation-id { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .72rem; }
.retry-provider-action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .9rem; border-top: 1px solid #e2e7ef; padding-top: .8rem; }
.retry-provider-action h3, .retry-provider-action p { margin: 0; }
.retry-provider-action p { margin-top: .22rem; color: #526178; font-size: .76rem; line-height: 1.4; }
.provider-action-buttons { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.detail-grid small { color: #65748a; line-height: 1.4; }
.recent-results { display: grid; margin-top: .55rem; }
.recent-result { display: grid; grid-template-columns: 13rem minmax(0, 1fr) 20rem; align-items: center; gap: .65rem; border-top: 1px solid #e2e7ef; padding: .5rem 0; color: inherit; font-size: .78rem; text-decoration: none; }
.recent-result > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recent-result > .status { justify-self: end; text-align: center; }
.recent-result:first-child { border-top: 0; }
.recent-result:hover strong, .recent-result:focus-visible strong { color: #195fc7; }
.recent-result-time { color: #65748a; }
.breakable { overflow-wrap: anywhere; }
.status-neutral { color: #153f80; background: #e2edff; }
.flash-warning { color: #6b4b08; border: 1px solid #e8ca7a; background: #fff6d8; }
.testing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin-bottom: .6rem; }
.testing-grid .card { min-height: 5.8rem; }
.testing-action { min-height: 0; margin-top: .75rem; }

@media (max-width: 860px) {
  .auth-layout { grid-template-columns: 1fr; }
  .auth-main { padding-top: 5.5rem; }
  .auth-visual { display: none; }
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { padding: .75rem; }
  .brand { margin-bottom: .7rem; }
  .main-nav { display: flex; overflow-x: auto; padding-bottom: .25rem; }
  .nav-link { flex: 0 0 auto; }
}

@media (max-width: 640px) {
  .auth-main { justify-content: flex-start; padding: 4.75rem .85rem 1rem; }
  .auth-brand { top: 1rem; left: 1rem; }
  .auth-card { margin-top: .75rem; border-radius: .8rem; padding: 1.15rem; }
  .auth-support { margin-top: 1rem; }
  .topbar { flex-wrap: wrap; align-items: flex-start; gap: .65rem; }
  .account-summary { width: 100%; justify-content: space-between; gap: .5rem; }
  .overview-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .settings-grid, .form-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .data-toolbar, .filter-actions { flex-direction: column; align-items: stretch; }
  .detail-grid { grid-template-columns: 1fr; }
  .processing-summary { grid-template-columns: 1fr; }
  .retry-provider-action { flex-direction: column; align-items: stretch; }
  .provider-action-buttons { justify-content: stretch; }
  .provider-action-buttons form, .provider-action-buttons .button { width: 100%; }
  .pagination { grid-template-columns: 1fr; justify-items: center; }
  .pagination-pages { text-align: center; }
  .recent-result { grid-template-columns: 1fr; gap: .25rem; }
  .audit-drawer-layer { grid-template-columns: 1fr; }
  .audit-drawer { grid-column: 1; margin-top: 4rem; border-top: 1px solid #dbe2ec; border-left: 0; border-radius: .8rem .8rem 0 0; }
  .testing-grid { grid-template-columns: 1fr; }
  .card { min-height: 0; }
  .stack-form > .button, .filter-actions .button { width: 100%; }
  .section-heading, .form-actions, .confirmation-action { flex-direction: column; align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}