/* Legacy Email Routing selectors retained only where the current Razor markup still references them. */
.admin-email-routing-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.admin-email-route-card{border:1px solid var(--ap-color-21314b);border-radius:14px;background:var(--ap-color-0c1728);overflow:hidden}
.admin-email-route-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--ap-color-172b49);color:var(--ap-color-7db5ff)}
.admin-email-route-confirmation{display:flex;align-items:center;gap:8px;color:var(--ap-color-aebdd0);font-size:12px}
@media(max-width:1100px){.admin-email-routing-grid{grid-template-columns:1fr}}


/* Email Routing shared design-system migration (v819t). Scoped to the page root. */

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-page {
    display: grid;
    gap: var(--ap-space-5);
    min-width: 0;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-toolbar .ap-toolbar__start {
    flex: 1 1 520px;
    min-width: 260px;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-security-note {
    display: flex;
    align-items: center;
    gap: var(--ap-space-3);
    min-width: 0;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-security-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ap-status-info-border);
    border-radius: var(--ap-radius-lg);
    color: var(--ap-status-info);
    background: var(--ap-status-info-soft);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-security-note strong,
.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-security-note span {
    display: block;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-security-note strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-security-note div > span {
    margin-top: 3px;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-status-summary {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--ap-space-2);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-page > .mud-alert {
    margin: 0;
    border-radius: var(--ap-radius-lg);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-loading {
    min-height: 360px;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-empty-card {
    overflow: hidden;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-routing-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ap-space-4);
    align-items: start;
    max-width: 1120px;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--ap-border-subtle);
    border-radius: var(--ap-radius-xl);
    background: var(--ap-bg-surface);
    box-shadow: var(--ap-shadow-sm);
    opacity: 1;
    transition: border-color var(--ap-transition-fast), box-shadow var(--ap-transition-fast), opacity var(--ap-transition-fast);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-card.is-enabled {
    border-color: var(--ap-border-default);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-card.is-disabled {
    opacity: .76;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-card > .ap-card__header {
    padding: var(--ap-space-4);
    border-bottom: 1px solid var(--ap-border-subtle);
    background: var(--ap-bg-surface-raised);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-card > .ap-card__body {
    padding: 0;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-card > .ap-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ap-space-3);
    padding: var(--ap-space-3) var(--ap-space-4);
    border-top: 1px solid var(--ap-border-subtle);
    background: var(--ap-bg-surface-muted);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-header,
.admin-portal-shell.admin-email-routing-design-system .admin-email-route-identity,
.admin-portal-shell.admin-email-routing-design-system .admin-email-route-title-line {
    display: flex;
    align-items: center;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-header {
    width: 100%;
    justify-content: space-between;
    gap: var(--ap-space-3);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-identity {
    min-width: 0;
    gap: var(--ap-space-3);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ap-brand-primary-border);
    border-radius: var(--ap-radius-lg);
    color: var(--ap-brand-primary);
    background: var(--ap-brand-primary-soft);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-title {
    min-width: 0;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-title-line {
    flex-wrap: wrap;
    gap: var(--ap-space-2);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-key {
    color: var(--ap-brand-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-title h2 {
    margin: 4px 0 2px;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-lg);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-title p {
    margin: 0;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-sm);
    overflow-wrap: anywhere;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-enabled-toggle {
    flex: 0 0 auto;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-body {
    min-width: 0;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-section {
    display: grid;
    gap: var(--ap-space-4);
    padding: var(--ap-space-4);
    border-bottom: 1px solid var(--ap-border-subtle);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-section:last-child {
    border-bottom: 0;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-section-heading h3 {
    margin: 0;
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-md);
    line-height: 1.25;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-section-heading p {
    margin: 4px 0 0;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: 1.45;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-field-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ap-space-3);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field {
    display: block;
    min-width: 0;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field.is-full {
    grid-column: 1 / -1;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field > span {
    display: block;
    margin-bottom: var(--ap-space-2);
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-sm);
    font-weight: 700;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field textarea {
    width: 100%;
    min-height: 76px;
    box-sizing: border-box;
    padding: 10px 12px;
    resize: vertical;
    border: 1px solid var(--ap-border-default);
    border-radius: var(--ap-radius-md);
    outline: none;
    color: var(--ap-content-primary);
    background: var(--ap-bg-surface-muted);
    font: inherit;
    font-size: var(--ap-font-size-sm);
    line-height: 1.45;
    transition: border-color var(--ap-transition-fast), box-shadow var(--ap-transition-fast), background var(--ap-transition-fast);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field textarea:hover {
    border-color: var(--ap-border-strong);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field textarea:focus {
    border-color: var(--ap-brand-primary);
    box-shadow: var(--ap-shadow-focus);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field small {
    display: block;
    margin-top: 5px;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: 1.4;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-token-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ap-space-2);
    margin-top: calc(var(--ap-space-2) * -1);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-token-list .ap-badge__label {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    overflow-wrap: anywhere;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-confirmation {
    display: flex;
    align-items: flex-start;
    gap: var(--ap-space-3);
    padding: var(--ap-space-3);
    border: 1px solid var(--ap-border-subtle);
    border-radius: var(--ap-radius-lg);
    color: var(--ap-content-primary);
    background: var(--ap-bg-surface-muted);
    cursor: pointer;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-confirmation input {
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
    flex: 0 0 auto;
    accent-color: var(--ap-brand-primary);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-confirmation strong,
.admin-portal-shell.admin-email-routing-design-system .admin-email-route-confirmation small {
    display: block;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-confirmation strong {
    color: var(--ap-content-primary);
    font-size: var(--ap-font-size-sm);
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-confirmation small {
    margin-top: 3px;
    color: var(--ap-content-muted);
    font-size: var(--ap-font-size-xs);
    line-height: 1.4;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-footer-meta span,
.admin-portal-shell.admin-email-routing-design-system .admin-email-route-footer-meta strong {
    display: block;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-footer-meta span {
    color: var(--ap-content-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-footer-meta strong {
    margin-top: 2px;
    color: var(--ap-content-secondary);
    font-size: var(--ap-font-size-xs);
    font-weight: 700;
}

.admin-portal-shell.admin-email-routing-design-system .admin-email-route-footer-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--ap-space-2);
    flex-wrap: wrap;
}

@media (max-width: 1280px) {
    .admin-portal-shell.admin-email-routing-design-system .admin-email-routing-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .admin-portal-shell.admin-email-routing-design-system .admin-email-routing-toolbar .ap-toolbar__start {
        min-width: 100%;
    }

    .admin-portal-shell.admin-email-routing-design-system .admin-email-routing-status-summary {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .admin-portal-shell.admin-email-routing-design-system .admin-email-routing-page {
        gap: var(--ap-space-4);
    }

    .admin-portal-shell.admin-email-routing-design-system .admin-email-route-header,
    .admin-portal-shell.admin-email-routing-design-system .admin-email-route-card > .ap-card__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-portal-shell.admin-email-routing-design-system .admin-email-route-enabled-toggle {
        align-self: flex-end;
        margin-top: -38px;
    }

    .admin-portal-shell.admin-email-routing-design-system .admin-email-route-field-grid {
        grid-template-columns: 1fr;
    }

    .admin-portal-shell.admin-email-routing-design-system .admin-email-route-textarea-field.is-full {
        grid-column: auto;
    }

    .admin-portal-shell.admin-email-routing-design-system .admin-email-route-footer-actions {
        width: 100%;
        flex-direction: column;
    }

    .admin-portal-shell.admin-email-routing-design-system .admin-email-route-card > .ap-card__footer .ap-button {
        width: 100%;
    }
}