.rcm-admin,
.rcm-frontend {
    --rcm-bg: #f7f8fb;
    --rcm-panel: #ffffff;
    --rcm-line: #dfe4ea;
    --rcm-text: #18212f;
    --rcm-muted: #667085;
    --rcm-accent: #1f7a5a;
    --rcm-accent-dark: #155f45;
    --rcm-green: #1f7a5a;
    --rcm-blue: #2563eb;
    --rcm-warn: #b45309;
    color: var(--rcm-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.45;
}

.rcm-page-header,
.rcm-admin h1 {
    margin-bottom: 18px;
}

.rcm-frontend {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1440px;
    padding: 24px;
    width: 100%;
}

.rcm-frontend [hidden],
.rcm-beta-wizard [hidden] {
    display: none !important;
}

.wrap.rcm-admin {
    box-sizing: border-box;
    margin: 20px auto 48px;
    max-width: 1440px;
    padding: 0 24px 32px;
    width: calc(100% - 40px);
}

.wrap.rcm-admin.rcm-staff-admin {
    max-width: 1680px;
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% - 24px);
}

.wrap.rcm-admin.rcm-reports-admin {
    max-width: 1720px;
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% - 24px);
}

.wrap.rcm-admin.rcm-notifications-admin {
    max-width: 1360px;
}

.rcm-admin-split.rcm-reports-layout {
    grid-template-columns: minmax(0, 1180px);
    max-width: 1180px;
}

.rcm-executive-recipient-panel {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
    margin-top: 18px;
    padding: 18px;
}

.rcm-pill-soft {
    background: #e7f7ef;
    border: 1px solid #b7e4ce;
    border-radius: 999px;
    color: var(--rcm-accent-dark);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 10px;
    white-space: nowrap;
}

.rcm-admin-row-tools {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
}

.rcm-admin-shortcut {
    align-items: center;
    appearance: none;
    background: #ffffff;
    border: 1px solid #c9d9d1;
    border-radius: 8px;
    color: var(--rcm-accent-dark);
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    height: 30px;
    justify-content: center;
    padding: 0;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    width: 30px;
}

.rcm-admin-shortcut:hover,
.rcm-admin-shortcut:focus-visible {
    background: #edf7f2;
    border-color: #8fc6ad;
    box-shadow: 0 4px 12px rgba(18, 86, 61, 0.12);
    color: var(--rcm-green);
    outline: none;
    transform: translateY(-1px);
}

.rcm-admin-shortcut-popover {
    background: #ffffff;
    border: 1px solid #cbdad3;
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(15, 55, 42, 0.2);
    color: var(--rcm-text);
    height: max-content;
    inset: 50% auto auto 50%;
    margin: 0;
    max-width: calc(100vw - 32px);
    padding: 16px;
    transform: translate(-50%, -50%);
    width: 280px;
}

.rcm-admin-shortcut-popover:popover-open {
    display: grid;
    gap: 10px;
}

.rcm-admin-shortcut-popover::backdrop {
    background: rgba(12, 55, 41, 0.08);
}

.rcm-admin-shortcut-popover strong {
    color: var(--rcm-green);
    font-size: 15px;
}

.rcm-admin-shortcut-popover p {
    color: var(--rcm-muted);
    line-height: 1.5;
    margin: 0;
}

.rcm-admin-popover-action {
    align-items: center;
    appearance: none;
    background: var(--rcm-green);
    border: 1px solid var(--rcm-green);
    border-radius: 8px;
    box-sizing: border-box;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    justify-content: center;
    height: 38px;
    min-height: 38px;
    padding: 0 12px;
    text-decoration: none !important;
}

.rcm-admin-popover-action:hover,
.rcm-admin-popover-action:focus-visible {
    background: var(--rcm-accent-dark);
    border-color: var(--rcm-accent-dark);
    color: #ffffff !important;
    outline: none;
}

.rcm-setup-open {
    background: #eefdf5 !important;
    border-color: #b7e4ce !important;
    color: var(--rcm-accent-dark) !important;
    font-weight: 800 !important;
}

.rcm-setup-dialog {
    background: transparent;
    border: 0;
    height: 100vh;
    inset: 0 0 0 auto;
    margin: 0;
    max-height: 100vh;
    max-width: min(760px, calc(100vw - 28px));
    padding: 0;
    position: fixed;
    width: min(760px, calc(100vw - 28px));
}

.rcm-setup-dialog::backdrop {
    background: rgba(15, 23, 42, .28);
}

.rcm-setup-shell {
    background: #f8fafc;
    border-left: 1px solid var(--rcm-line);
    box-shadow: -18px 0 40px rgba(15, 23, 42, .14);
    box-sizing: border-box;
    color: var(--rcm-text);
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 100vh;
    overflow: auto;
    padding: 22px;
}

.rcm-setup-header {
    align-items: flex-start;
    border-bottom: 1px solid var(--rcm-line);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding-bottom: 14px;
}

.rcm-setup-header h3 {
    color: var(--rcm-text);
    font-size: 22px;
    line-height: 1.25;
    margin: 8px 0 4px;
}

.rcm-setup-header p {
    color: var(--rcm-muted);
    margin: 0;
}

.rcm-setup-summary {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-setup-summary > div,
.rcm-setup-warning,
.rcm-setup-node {
    background: #fff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.rcm-setup-summary > div {
    padding: 12px;
}

.rcm-setup-summary strong {
    display: block;
    font-size: 24px;
    line-height: 1.1;
}

.rcm-setup-summary span {
    color: var(--rcm-muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}

.rcm-setup-warning {
    padding: 14px;
}

.rcm-setup-warning h4 {
    margin: 0 0 10px;
}

.rcm-setup-warning-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcm-setup-warning-grid p {
    color: var(--rcm-muted);
    font-size: 13px;
    margin: 8px 0 0;
}

.rcm-signal {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    padding: 4px 8px;
    text-transform: uppercase;
}

.rcm-signal-solid {
    background: #e7f7ef;
    color: var(--rcm-accent-dark);
}

.rcm-signal-brittle {
    background: #fff4df;
    color: #92400e;
}

.rcm-setup-nodes {
    display: grid;
    gap: 10px;
}

.rcm-setup-node {
    align-items: flex-start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px;
}

.rcm-setup-node.is-ready {
    border-color: #b7e4ce;
}

.rcm-setup-node.is-missing,
.rcm-setup-node.is-review {
    border-color: #f1d3a4;
}

.rcm-setup-node-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-setup-node h4 {
    font-size: 15px;
    margin: 0;
}

.rcm-setup-node p {
    color: var(--rcm-muted);
    margin: 8px 0 0;
}

.rcm-setup-state {
    background: #f1f5f9;
    border-radius: 999px;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    padding: 5px 9px;
    white-space: nowrap;
}

.rcm-setup-node.is-ready .rcm-setup-state {
    background: #dcfce7;
    color: #166534;
}

.rcm-setup-node.is-missing .rcm-setup-state,
.rcm-setup-node.is-review .rcm-setup-state {
    background: #fff7ed;
    color: #9a3412;
}

.rcm-inline-note {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    color: var(--rcm-muted);
    margin: 14px 0;
    padding: 10px 12px;
}

.rcm-executive-recipient-form {
    border: 0;
    box-shadow: none;
    margin-top: 12px;
    padding: 0;
}

.rcm-executive-recipient-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin-bottom: 14px;
}

.rcm-recipient-card {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    cursor: pointer;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px;
    padding: 12px;
}

.rcm-recipient-card:has(input:checked) {
    background: #edfdf5;
    border-color: #8ed9b9;
}

.rcm-recipient-card.is-inactive {
    background: #fffaf0;
    border-color: #f2d8a7;
}

.rcm-recipient-card input {
    margin-top: 3px !important;
    width: auto !important;
}

.rcm-recipient-card strong,
.rcm-recipient-card small {
    display: block;
}

.rcm-recipient-card small {
    color: var(--rcm-muted);
    margin-top: 2px;
}

.rcm-recipient-card em {
    color: var(--rcm-warn);
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-top: 4px;
}

.rcm-reporting-contacts-head {
    margin-top: 24px;
}

.wrap.rcm-admin > h1 {
    color: var(--rcm-text);
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 22px;
    padding: 0;
}

.rcm-admin .notice {
    border-radius: 8px;
    margin-left: 0;
    margin-right: 0;
}

.rcm-admin .rcm-muted-note {
    color: var(--rcm-muted);
    font-size: 13px;
    margin: -10px 0 18px;
    max-width: 960px;
}

.rcm-portal-header {
    align-items: center;
    border-bottom: 1px solid var(--rcm-line);
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin: 0 0 22px;
    padding-bottom: 10px;
}

.rcm-portal-brand {
    align-items: center;
    color: var(--rcm-text);
    display: inline-flex;
    font-size: 18px;
    font-weight: 900;
    gap: 10px;
    letter-spacing: 0;
    min-width: 0;
    text-decoration: none;
}

.rcm-portal-brand img {
    display: block;
    height: 48px;
    max-width: 220px;
    object-fit: contain;
    width: auto;
}

.rcm-portal-brand-mark {
    align-items: center;
    background: #e9f5ef;
    border: 1px solid #b7dfcd;
    border-radius: 8px;
    color: var(--rcm-accent-dark);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.rcm-portal-brand span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcm-portal-nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.rcm-portal-nav a {
    border-radius: 6px;
    color: var(--rcm-muted);
    display: inline-flex;
    font-weight: 700;
    padding: 8px 10px;
    text-decoration: none;
}

.rcm-portal-nav a:hover,
.rcm-portal-nav a.is-active {
    background: #e9f5ef;
    color: var(--rcm-accent-dark);
}

.rcm-nav-menu {
    position: relative;
}

.rcm-nav-menu::after {
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
}

.rcm-nav-submenu {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
    display: none;
    min-width: 210px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 30;
}

.rcm-nav-submenu a {
    display: flex;
    width: 100%;
}

.rcm-nav-menu:hover .rcm-nav-submenu,
.rcm-nav-menu:focus-within .rcm-nav-submenu {
    display: grid;
    gap: 4px;
}

.rcm-notification-bell {
    align-items: center;
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 999px !important;
    color: var(--rcm-muted);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    padding: 0 !important;
    position: relative;
    width: 38px;
}

.rcm-notification-bell svg {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 20px;
}

.rcm-notification-bell:hover,
.rcm-notification-bell:focus,
.rcm-notification-bell.is-active {
    background: #e9f5ef;
    border-color: #b7dfcd;
    color: var(--rcm-accent-dark);
}

.rcm-notification-bell.has-alerts {
    color: var(--rcm-text);
}

.rcm-notification-bell span {
    align-items: center;
    background: #d92d20;
    border: 2px solid #ffffff;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    height: 18px;
    justify-content: center;
    min-width: 18px;
    padding: 0 4px;
    position: absolute;
    right: -3px;
    top: -5px;
}

.rcm-campaign-workspace-bar {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8e4df;
    border-radius: 12px;
    box-shadow: 0 9px 24px rgba(20, 65, 50, .055);
    margin: -10px 0 22px;
    padding: 7px;
    position: relative;
    z-index: 70;
}

.rcm-campaign-workspace-bar .rcm-portal-brand img {
    height: 36px;
    max-width: 170px;
}

.rcm-portal-brand-copy {
    display: grid;
    gap: 1px;
}

.rcm-portal-brand-copy small {
    color: #708078;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .07em;
    line-height: 1.2;
    text-transform: uppercase;
}

.rcm-portal-brand-copy strong {
    color: #173f33;
    font-size: 15px;
    line-height: 1.25;
}

.rcm-campaign-workspace-bar .rcm-portal-nav {
    background: transparent;
    border: 0;
    border-radius: 0;
    gap: 4px;
    justify-content: flex-start;
    padding: 0;
    width: 100%;
}

.rcm-campaign-workspace-bar .rcm-portal-nav > a,
.rcm-campaign-workspace-bar .rcm-nav-menu > a {
    font-size: 14px;
    padding: 11px 14px;
}

@media (max-width: 760px) {
    .rcm-campaign-workspace-bar { align-items: stretch; }
    .rcm-campaign-workspace-bar .rcm-portal-nav { justify-content: flex-start; }
}

.rcm-view-banner {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 0 0 16px;
    padding: 12px 14px;
}

.rcm-view-banner span {
    background: #eef4ff;
    border-radius: 999px;
    color: var(--rcm-blue);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    padding: 7px 10px;
    white-space: nowrap;
}

.rcm-view-banner p {
    color: var(--rcm-muted);
    font-size: 13px;
    margin: 0;
    text-align: right;
}

.rcm-help-search-panel {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin: 0 0 16px;
    padding: 22px;
}

.rcm-help-search-panel h3 {
    font-size: 22px;
    line-height: 1.2;
    margin: 0 0 14px;
}

.rcm-help-controls {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(280px, 1fr) minmax(180px, 260px);
}

.rcm-help-search span,
.rcm-help-category span,
.rcm-help-card-main > span {
    color: var(--rcm-muted);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.rcm-help-search input,
.rcm-help-category select {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    color: var(--rcm-text);
    min-height: 46px;
    padding: 10px 12px;
    width: 100%;
}

.rcm-help-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
}

.rcm-help-card,
.rcm-help-empty {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding: 16px;
}

.rcm-help-card {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
}

.rcm-help-card h3 {
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
}

.rcm-help-card p {
    color: var(--rcm-muted);
    font-size: 13px;
    margin: 8px 0 0;
}

.rcm-help-steps {
    grid-column: 1 / -1;
}

.rcm-help-steps summary {
    color: var(--rcm-blue);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    list-style: none;
}

.rcm-help-steps summary::-webkit-details-marker {
    display: none;
}

.rcm-help-steps summary::after {
    content: " +";
}

.rcm-help-steps[open] summary::after {
    content: " -";
}

.rcm-help-steps ol {
    color: #344054;
    margin: 10px 0 0;
    padding-left: 20px;
}

.rcm-help-steps li + li {
    margin-top: 6px;
}

.rcm-help-action {
    align-items: center;
    background: #e9f5ef;
    border: 1px solid #b7dfcd;
    border-radius: 6px;
    color: var(--rcm-accent-dark);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    justify-content: center;
    min-height: 34px;
    padding: 7px 10px;
    text-decoration: none;
    white-space: nowrap;
}

.rcm-help-action:hover,
.rcm-help-action:focus {
    background: var(--rcm-accent);
    border-color: var(--rcm-accent);
    color: #ffffff;
}

.rcm-help-empty {
    color: var(--rcm-muted);
    font-weight: 800;
    grid-column: 1 / -1;
    text-align: center;
}

.rcm-view-switch {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.rcm-view-switch span {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.rcm-view-switch a {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 999px;
    color: var(--rcm-muted);
    font-size: 13px;
    font-weight: 800;
    padding: 8px 12px;
    text-decoration: none;
}

.rcm-view-switch a:hover,
.rcm-view-switch a.is-active {
    background: #e9f5ef;
    border-color: #b7dfcd;
    color: var(--rcm-accent-dark);
}

.rcm-view-controls {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin: 0 0 16px;
    padding: 14px;
}

.rcm-view-controls-header {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.rcm-view-controls h3,
.rcm-view-controls h4 {
    font-size: 15px;
    line-height: 1.25;
    margin: 0;
}

.rcm-view-controls h4 {
    margin-bottom: 8px;
}

.rcm-view-controls p {
    color: var(--rcm-muted);
    font-size: 13px;
    margin: 4px 0 0;
}

.rcm-view-control-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-saved-view-form {
    align-items: end;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: 10px;
}

.rcm-saved-view-form label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rcm-saved-view-form label span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.rcm-saved-view-form input,
.rcm-saved-view-form select {
    border: 1px solid var(--rcm-line);
    border-radius: 6px;
    min-height: 34px;
    width: 100%;
}

.rcm-quiet-button {
    white-space: nowrap;
}

.rcm-section-customizer {
    border-top: 1px solid var(--rcm-line);
    margin-top: 12px;
    padding-top: 12px;
}

.rcm-section-customizer summary {
    color: var(--rcm-blue);
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    list-style: none;
    width: fit-content;
}

.rcm-section-customizer summary::-webkit-details-marker {
    display: none;
}

.rcm-section-customizer summary::after {
    content: " +";
}

.rcm-section-customizer[open] summary::after {
    content: " -";
}

.rcm-section-lists {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.rcm-section-list {
    display: grid;
    gap: 8px;
}

.rcm-section-item {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
    padding: 8px 10px;
}

.rcm-section-item > span {
    font-weight: 800;
    min-width: 0;
    overflow-wrap: anywhere;
}

.rcm-section-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.rcm-view-empty {
    margin: 0;
}

.rcm-view-notice {
    margin-bottom: 12px;
}

.rcm-page-header h2,
.rcm-admin h1,
.rcm-admin h2 {
    letter-spacing: 0;
}

.rcm-filters,
.rcm-form {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding: 16px;
}

.rcm-panel {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding: 16px;
}

.rcm-admin .button {
    border-radius: 6px;
    font-weight: 800;
    min-height: 32px;
}

.rcm-admin .button:not(.button-primary) {
    background: #ffffff;
    border-color: var(--rcm-line);
    color: var(--rcm-text);
}

.rcm-admin .button:not(.button-primary):hover,
.rcm-admin .button:not(.button-primary):focus {
    background: #eef4ff;
    border-color: #c7d7fe;
    color: var(--rcm-blue);
}

.rcm-admin .button-primary,
.rcm-admin .rcm-button {
    background: var(--rcm-accent);
    border-color: var(--rcm-accent);
    color: #ffffff;
}

.rcm-admin .button-primary:hover,
.rcm-admin .button-primary:focus,
.rcm-admin .rcm-button:hover,
.rcm-admin .rcm-button:focus {
    background: var(--rcm-accent-dark);
    border-color: var(--rcm-accent-dark);
    color: #ffffff;
}

.rcm-admin .rcm-view-links {
    margin: 0 0 18px;
}

.rcm-admin .rcm-view-links .button {
    align-items: center;
    display: inline-flex;
    padding: 7px 12px;
}

.rcm-admin .widefat {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 0;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    overflow: hidden;
}

.rcm-admin .widefat:not(.rcm-table) {
    display: block;
    overflow-x: auto;
    width: 100%;
}

.rcm-admin .widefat th,
.rcm-admin .widefat td {
    border-bottom: 1px solid #e7ecf2;
    color: var(--rcm-text);
    font-size: 13px;
    padding: 10px 12px;
    vertical-align: middle;
}

.rcm-admin .widefat th {
    background: #f8fafc;
    color: #526174;
    font-size: 12px;
    font-weight: 900;
    text-transform: none;
}

.rcm-admin .widefat tbody tr:last-child td {
    border-bottom: 0;
}

.rcm-admin .widefat.striped > tbody > :nth-child(odd) {
    background: #ffffff;
}

.rcm-admin .widefat.striped > tbody > :nth-child(even) {
    background: #f8fafc;
}

.rcm-staff-admin .rcm-admin-split {
    grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
}

.rcm-staff-list-section {
    overflow-x: auto;
    padding-bottom: 2px;
}

.rcm-admin .widefat.rcm-staff-table {
    display: table;
    min-width: 1200px;
    table-layout: fixed;
}

.rcm-staff-table th:nth-child(1),
.rcm-staff-table td:nth-child(1) {
    vertical-align: top;
    width: 116px;
}

.rcm-staff-table th:nth-child(2),
.rcm-staff-table td:nth-child(2) {
    width: 120px;
}

.rcm-staff-table th:nth-child(3),
.rcm-staff-table td:nth-child(3) {
    width: 250px;
}

.rcm-staff-table th:nth-child(4),
.rcm-staff-table td:nth-child(4) {
    width: 90px;
}

.rcm-staff-table th:nth-child(5),
.rcm-staff-table td:nth-child(5) {
    width: 100px;
}

.rcm-staff-table th:nth-child(6),
.rcm-staff-table td:nth-child(6) {
    width: 268px;
}

.rcm-staff-table th:nth-child(7),
.rcm-staff-table td:nth-child(7) {
    width: 170px;
}

.rcm-staff-table th:nth-child(8),
.rcm-staff-table td:nth-child(8) {
    width: 72px;
}

.rcm-staff-table td:nth-child(6),
.rcm-staff-table td:nth-child(7) {
    vertical-align: middle;
}

.rcm-staff-actions {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.rcm-staff-actions .button {
    min-width: 68px;
    text-align: center;
}

.rcm-profile-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin: 0 0 14px;
}

.rcm-profile-card {
    margin: 0 0 14px;
}

.rcm-profile-card h3 {
    font-size: 16px;
    letter-spacing: 0;
    margin: 0 0 12px;
}

.rcm-profile-signout-card {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
}

.rcm-profile-signout-card p {
    color: var(--rcm-muted);
    margin: 0;
}

.rcm-signout-button {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cfd6df;
    border-radius: 7px;
    color: var(--rcm-text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.2;
    min-height: 36px;
    padding: 8px 14px;
    text-decoration: none;
}

.rcm-signout-button:hover,
.rcm-signout-button:focus {
    background: #f8fafc;
    border-color: #b8c2cc;
    color: var(--rcm-text);
    text-decoration: none;
}

.rcm-follow-up-header {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.rcm-follow-up-header > div > span {
    color: var(--rcm-blue);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.rcm-follow-up-header p {
    color: var(--rcm-muted);
    margin: 4px 0 0;
}

.rcm-follow-up-page .button {
    align-items: center;
    border: 1px solid var(--rcm-line);
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-height: 34px;
    padding: 7px 12px;
    text-decoration: none;
}

.rcm-follow-up-page .button-primary {
    background: var(--rcm-accent);
    border-color: var(--rcm-accent);
    color: #ffffff;
}

.rcm-follow-up-page .button-primary:hover,
.rcm-follow-up-page .button-primary:focus {
    background: var(--rcm-accent-dark);
    border-color: var(--rcm-accent-dark);
    color: #ffffff;
}

.rcm-follow-up-alert-strip {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    margin: 0 0 14px;
    padding: 14px 16px;
}

.rcm-follow-up-alert-strip.has-alerts {
    background: #fff7ed;
    border-color: #fed7aa;
}

.rcm-follow-up-alert-strip strong,
.rcm-follow-up-alert-strip span {
    display: block;
}

.rcm-follow-up-alert-strip strong {
    color: var(--rcm-text);
    font-size: 15px;
}

.rcm-follow-up-alert-strip span {
    color: var(--rcm-muted);
    margin-top: 2px;
}

.rcm-follow-up-alert-icon {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 999px;
    color: var(--rcm-accent-dark);
    display: inline-flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.rcm-follow-up-alert-strip.has-alerts .rcm-follow-up-alert-icon {
    background: #fef3f2;
    border-color: #fecdca;
    color: #b42318;
}

.rcm-follow-up-alert-icon svg {
    fill: none;
    height: 21px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 21px;
}

.rcm-follow-up-summary {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin: 0 0 14px;
}

.rcm-follow-up-stat {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding: 14px;
}

.rcm-follow-up-stat span {
    color: var(--rcm-muted);
    display: block;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-follow-up-stat strong {
    color: var(--rcm-text);
    display: block;
    font-size: 28px;
    letter-spacing: 0;
    margin-top: 6px;
}

.rcm-follow-up-stat small {
    color: var(--rcm-muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 4px;
}

.rcm-follow-up-stat.is-alert strong {
    color: #b42318;
}

.rcm-follow-up-stat.is-warning strong {
    color: #b54708;
}

.rcm-follow-up-filters {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin: 0 0 14px;
}

.rcm-follow-up-filters button {
    align-self: end;
}

.rcm-follow-up-filters label,
.rcm-follow-up-create label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rcm-follow-up-filters label span,
.rcm-follow-up-create label span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-follow-up-filters input,
.rcm-follow-up-filters select,
.rcm-follow-up-create input,
.rcm-follow-up-create select,
.rcm-follow-up-create textarea {
    border: 1px solid var(--rcm-line);
    border-radius: 7px;
    box-sizing: border-box;
    min-height: 38px;
    padding: 7px 10px;
    width: 100%;
}

.rcm-follow-up-create input,
.rcm-follow-up-create select {
    height: 38px;
}

.rcm-follow-up-create {
    margin: 0 0 14px;
}

.rcm-follow-up-create summary {
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
}

.rcm-follow-up-create-grid {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 14px 0;
}

.rcm-follow-up-detail {
    margin: 0 0 14px;
}

.rcm-follow-up-workflow {
    background: #fbfdff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin-top: 14px;
    padding: 14px;
}

.rcm-follow-up-workflow-head {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.rcm-follow-up-workflow-head span,
.rcm-follow-up-status-note span {
    color: var(--rcm-muted);
    display: block;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-follow-up-workflow-head strong {
    display: block;
    margin-top: 3px;
}

.rcm-follow-up-workflow-head small {
    color: var(--rcm-muted);
    font-weight: 800;
    white-space: nowrap;
}

.rcm-follow-up-workflow-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-follow-up-workflow-button {
    border-radius: 7px !important;
    font-weight: 900 !important;
}

.rcm-follow-up-workflow-button.is-current {
    box-shadow: 0 0 0 2px rgba(31, 122, 90, .14);
}

.rcm-follow-up-workflow-button.is-primary,
.rcm-follow-up-workflow-button.is-success {
    background: var(--rcm-accent) !important;
    border-color: var(--rcm-accent) !important;
    color: #ffffff !important;
}

.rcm-follow-up-workflow-button.is-warning {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #b45309 !important;
}

.rcm-follow-up-workflow-button.is-neutral {
    background: #eef4ff !important;
    border-color: #c7d7fe !important;
    color: #2563eb !important;
}

.rcm-follow-up-workflow-button.is-quiet {
    background: #f8fafc !important;
    border-color: var(--rcm-line) !important;
    color: var(--rcm-muted) !important;
}

.rcm-follow-up-status-note {
    display: block;
    margin-top: 12px;
}

.rcm-follow-up-status-note textarea {
    border: 1px solid var(--rcm-line);
    border-radius: 7px;
    box-sizing: border-box;
    margin-top: 6px;
    min-height: 70px;
    padding: 8px 10px;
    width: 100%;
}

.rcm-follow-up-detail-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-follow-up-detail-grid div {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 7px;
    padding: 10px;
}

.rcm-follow-up-detail-grid span {
    color: var(--rcm-muted);
    display: block;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-follow-up-detail-grid strong {
    display: block;
    margin-top: 4px;
}

.rcm-follow-up-contact-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 0;
}

.rcm-follow-up-ownership {
    background: #fbfdff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin-top: 12px;
    padding: 12px;
}

.rcm-follow-up-ownership summary {
    cursor: pointer;
    font-weight: 900;
}

.rcm-follow-up-owner-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 12px 0;
}

.rcm-follow-up-owner-grid label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rcm-follow-up-owner-grid label span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-follow-up-owner-grid input,
.rcm-follow-up-owner-grid select {
    border: 1px solid var(--rcm-line);
    border-radius: 7px;
    min-height: 38px;
    padding: 7px 10px;
    width: 100%;
}

.rcm-follow-up-owner-grid .rcm-follow-up-check {
    align-items: center;
    background: #fffaf0;
    border: 1px solid #fedf89;
    border-radius: 7px;
    flex-direction: row;
    grid-column: 1 / -1;
    padding: 9px 10px;
}

.rcm-follow-up-owner-grid .rcm-follow-up-check input {
    min-height: auto;
    width: auto;
}

.rcm-follow-up-owner-grid .rcm-follow-up-check span {
    color: #7a2e0e;
    font-size: 13px;
    text-transform: none;
}

.rcm-follow-up-notes {
    background: #f7faf9;
    border: 1px solid #d7eadf;
    border-radius: 7px;
    margin: 12px 0 0;
    padding: 10px;
}

.rcm-follow-up-notes strong {
    color: var(--rcm-muted);
    display: block;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.rcm-follow-up-notes p {
    margin: 0;
}

.rcm-follow-up-timeline {
    margin-top: 14px;
}

.rcm-follow-up-timeline h4 {
    margin: 0 0 8px;
}

.rcm-follow-up-timeline ol {
    border-left: 2px solid #d7eadf;
    margin: 0;
    padding-left: 18px;
}

.rcm-follow-up-timeline li + li {
    margin-top: 8px;
}

.rcm-follow-up-timeline li span {
    color: var(--rcm-muted);
    display: block;
    font-size: 12px;
}

.rcm-follow-up-table-panel {
    margin-top: 14px;
}

.rcm-follow-up-table {
    border-collapse: collapse;
    width: 100%;
}

.rcm-follow-up-table th,
.rcm-follow-up-table td {
    border-bottom: 1px solid #e7ecf2;
    padding: 12px;
    text-align: left;
    vertical-align: top;
}

.rcm-follow-up-table th {
    background: #f8fafc;
    color: #526071;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-follow-up-table td strong,
.rcm-follow-up-table td span,
.rcm-follow-up-table td a {
    display: block;
}

.rcm-follow-up-table td span {
    color: var(--rcm-muted);
    font-size: 12px;
    margin-top: 3px;
}

.rcm-follow-up-table tbody tr:hover {
    background: #fbfdff;
}

.rcm-follow-up-status {
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    padding: 5px 9px;
    white-space: nowrap;
}

.rcm-follow-up-status-new_reply,
.rcm-follow-up-status-needs_follow_up {
    background: #fef3f2;
    color: #b42318;
}

.rcm-follow-up-status-needs_backup {
    background: #fff7ed;
    color: #b45309;
}

.rcm-follow-up-status-contacted,
.rcm-follow-up-status-interview_scheduled,
.rcm-follow-up-status-interview_conducted {
    background: #eef4ff;
    color: #2563eb;
}

.rcm-follow-up-status-offer_made {
    background: #ecfdf3;
    color: #027a48;
}

.rcm-follow-up-status-resolved,
.rcm-follow-up-status-hired,
.rcm-follow-up-status-closed {
    background: #e9f5ef;
    color: var(--rcm-accent-dark);
}

.rcm-follow-up-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 190px;
}

.rcm-follow-up-actions form {
    margin: 0;
}

.rcm-follow-up-resolve {
    background: #e9f5ef !important;
    border-color: #b7dfcd !important;
    color: var(--rcm-accent-dark) !important;
}

.rcm-follow-up-backup {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #b45309 !important;
}

.rcm-muted-inline {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 800;
}

.rcm-profile-mail-notice {
    align-items: flex-start;
    background: #f7faf9;
    border: 1px solid #cfe7dc;
    border-radius: 8px;
    color: var(--rcm-text);
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.45;
    margin: 0 0 14px;
    padding: 14px 16px;
}

.rcm-profile-mail-notice strong {
    color: var(--rcm-accent-dark);
    font-size: 14px;
}

.rcm-profile-mail-notice span {
    color: var(--rcm-muted);
}

.rcm-card-heading-row {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0 0 14px;
}

.rcm-card-heading-row h2,
.rcm-card-heading-row h3 {
    margin-bottom: 4px;
}

.rcm-card-heading-row p {
    color: var(--rcm-muted);
    margin: 0;
}

.rcm-card-heading-row form {
    flex: 0 0 auto;
}

.rcm-logo-tools {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.rcm-logo-preview {
    align-items: center;
    background: #f7f8fb;
    border: 1px dashed var(--rcm-line);
    border-radius: 8px;
    display: inline-flex;
    min-height: 44px;
    min-width: 120px;
    padding: 8px 10px;
}

.rcm-logo-preview:empty::before {
    color: var(--rcm-muted);
    content: "No logo selected";
    font-size: 12px;
}

.rcm-logo-preview img {
    display: block;
    max-height: 44px;
    max-width: 180px;
    object-fit: contain;
}

.rcm-draft-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
}

.rcm-editor-wrap {
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    overflow: hidden;
}

.rcm-email-draft-form .wp-editor-wrap {
    color: #1f2937;
}

.rcm-email-design-shell {
    background: #f7fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    overflow: hidden;
}

.rcm-email-design-toolbar {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid var(--rcm-line);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 14px;
}

.rcm-email-design-toolbar strong {
    color: #18212f;
    font-size: 13px;
}

.rcm-email-design-toolbar span {
    color: var(--rcm-muted);
    font-size: 12px;
    display: block;
}

.rcm-email-editor-tools,
.rcm-version-actions,
.rcm-beta-email-note-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-email-editor-tools .button,
.rcm-version-actions .button,
.rcm-beta-email-note-actions .button {
    min-height: 30px !important;
}

.rcm-email-design-frame {
    background: #ffffff;
    border: 0;
    display: block;
    height: 860px;
    width: 100%;
}

.rcm-danger-light {
    border-color: #fecdca !important;
    color: #b42318 !important;
}

.rcm-version-list {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.rcm-version-list li {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 10px;
}

.rcm-version-list strong {
    color: #18212f;
}

.rcm-version-list span,
.rcm-version-list em {
    color: var(--rcm-muted);
    font-size: 12px;
    font-style: normal;
}

.rcm-beta-copy-controls {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin: 14px 0 0;
    padding: 12px;
}

.rcm-beta-copy-controls small {
    color: var(--rcm-muted);
    font-size: 12px;
    grid-column: 1 / -1;
}

.rcm-template-library-head {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(220px, 0.78fr) minmax(420px, 1.22fr);
}

.rcm-template-library-head h3 {
    margin: 0 0 6px;
}

.rcm-template-library-controls {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(140px, 0.8fr));
}

.rcm-template-library-controls label {
    display: grid;
    gap: 6px;
}

.rcm-template-library-controls span {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-template-library-controls input,
.rcm-template-library-controls select {
    border: 1px solid var(--rcm-line);
    border-radius: 6px;
    min-height: 38px;
    width: 100%;
}

.rcm-table-sort {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    gap: 5px;
    padding: 0;
    text-align: left;
}

.rcm-table-sort::after {
    color: var(--rcm-muted);
    content: "sort";
    font-size: 10px;
}

.rcm-table-sort.is-active[aria-sort="asc"]::after {
    content: "asc";
}

.rcm-table-sort.is-active[aria-sort="desc"]::after {
    content: "desc";
}

.rcm-template-style-chip {
    background: #eef4ff;
    border: 1px solid #c7d7fe;
    border-radius: 999px;
    color: var(--rcm-blue);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    padding: 4px 8px;
    white-space: nowrap;
}

.rcm-style-template-section {
    margin: 16px 0 22px;
}

.rcm-style-template-heading {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 12px;
}

.rcm-style-template-heading span {
    color: var(--rcm-blue);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-style-template-heading h3 {
    margin: 0;
}

.rcm-style-template-heading p {
    color: var(--rcm-muted);
    margin: 0;
    max-width: 620px;
}

.rcm-style-template-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-style-template-card {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 7px;
    min-height: 148px;
    padding: 13px 14px;
}

.rcm-style-template-card[hidden] {
    display: none !important;
}

.rcm-style-template-card > span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-style-template-card h4 {
    color: var(--rcm-text);
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
}

.rcm-style-template-card p {
    color: var(--rcm-muted);
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}

.rcm-style-template-card p strong {
    color: var(--rcm-accent-dark);
}

.rcm-style-template-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
}

.rcm-style-template-preview-row {
    align-items: center;
    border-top: 1px solid #edf1f5;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
    padding-top: 9px;
}

.rcm-style-template-preview-row > span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-style-template-stage-link {
    appearance: none;
    background: #f7fbf9;
    border: 1px solid #bfdccc;
    border-radius: 999px;
    color: var(--rcm-accent-dark);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    min-height: 26px;
    padding: 6px 10px;
}

.rcm-style-template-stage-link:hover,
.rcm-style-template-stage-link:focus {
    background: #e9f5ef;
    border-color: #86c6a8;
    color: var(--rcm-accent-dark);
}

.rcm-template-builder-link {
    color: var(--rcm-blue);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.rcm-template-builder-link:hover,
.rcm-template-builder-link:focus {
    text-decoration: underline;
}

.rcm-section-heading {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0 0 10px;
}

.rcm-section-heading span {
    color: var(--rcm-blue);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-section-heading h3 {
    margin: 0;
}

.rcm-section-heading p {
    color: var(--rcm-muted);
    margin: 0;
    max-width: 620px;
}

.rcm-email-versions-section {
    margin-top: 22px;
}

.rcm-sequence-chip {
    align-items: center;
    background: #eef4ff;
    border: 1px solid #b8c7ff;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    padding: 6px 9px;
    white-space: nowrap;
}

.rcm-email-versions-table {
    min-width: 1060px;
    table-layout: fixed;
}

.rcm-email-versions-table th:nth-child(1),
.rcm-email-versions-table td:nth-child(1) {
    min-width: 220px;
    white-space: normal;
    width: 19%;
}

.rcm-email-versions-table th:nth-child(2),
.rcm-email-versions-table td:nth-child(2) {
    width: 100px;
}

.rcm-email-versions-table th:nth-child(3),
.rcm-email-versions-table td:nth-child(3) {
    min-width: 120px;
    white-space: normal;
    width: 12%;
}

.rcm-email-versions-table th:nth-child(4),
.rcm-email-versions-table td:nth-child(4) {
    text-align: center;
    width: 72px;
}

.rcm-email-versions-table th:nth-child(5),
.rcm-email-versions-table td:nth-child(5) {
    min-width: 110px;
    white-space: normal;
    width: 10%;
}

.rcm-email-versions-table th:nth-child(6),
.rcm-email-versions-table td:nth-child(6),
.rcm-email-versions-table th:nth-child(7),
.rcm-email-versions-table td:nth-child(7),
.rcm-email-versions-table th:nth-child(8),
.rcm-email-versions-table td:nth-child(8) {
    width: 92px;
}

.rcm-email-versions-table th:nth-child(9),
.rcm-email-versions-table td:nth-child(9) {
    width: 96px;
}

.rcm-email-versions-table th:nth-child(10),
.rcm-email-versions-table td:nth-child(10) {
    min-width: 128px;
    width: 128px;
}

.rcm-email-versions-table .rcm-row-actions {
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
}

.rcm-email-versions-table .rcm-row-actions .button,
.rcm-email-versions-table .rcm-row-actions button {
    min-width: 52px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: auto;
}

.rcm-email-versions-table th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.rcm-table-primary-link {
    color: var(--rcm-text);
    font-weight: 900;
    text-decoration: none;
}

.rcm-table-primary-link:hover,
.rcm-table-primary-link:focus {
    color: var(--rcm-blue);
    text-decoration: underline;
}

.rcm-row-actions,
.rcm-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-row-actions .rcm-inline-form {
    margin: 0;
}

.rcm-campaign-table .rcm-manage-column {
    min-width: 76px;
    vertical-align: middle;
    width: 76px;
}

.rcm-row-manage {
    position: relative;
}

.rcm-row-manage summary {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 7px;
    color: var(--rcm-text);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    line-height: 1.2;
    min-height: 30px;
    padding: 6px 10px;
}

.rcm-row-manage summary:hover,
.rcm-row-manage[open] summary {
    background: #f7faf9;
    border-color: #b7dbc9;
    color: var(--rcm-green);
}

.rcm-row-manage-panel {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(16, 24, 40, 0.14);
    display: grid;
    gap: 10px;
    margin-top: 8px;
    max-height: min(68vh, 560px);
    min-width: 300px;
    overflow-y: auto;
    padding: 12px;
    position: static;
    z-index: 20;
}

.rcm-row-manage[open] {
    min-width: 320px;
}

.rcm-reassign-form {
    display: grid;
    gap: 9px;
    margin: 0;
}

.rcm-reassign-form label,
.rcm-quick-date-grid label {
    display: grid;
    gap: 4px;
}

.rcm-reassign-form span,
.rcm-quick-date-grid span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-reassign-form input,
.rcm-reassign-form select {
    border: 1px solid var(--rcm-line);
    border-radius: 7px;
    min-height: 34px;
    max-width: 100%;
    width: 100%;
}

.rcm-quick-date-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcm-mini-button {
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    min-height: 28px !important;
    padding: 5px 9px !important;
    width: auto !important;
}

.rcm-danger-button {
    background: #fffafa !important;
    border-color: #fecaca !important;
    color: #b42318 !important;
}

.rcm-filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr)) auto;
    gap: 12px;
    align-items: end;
    margin: 0 0 18px;
    max-width: 100%;
}

.rcm-detail-filters {
    grid-template-columns: minmax(220px, 320px) auto;
}

.rcm-search {
    grid-column: span 2;
}

.rcm-period-label {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 700;
    grid-column: 1 / -1;
    margin: -2px 0 0;
}

.rcm-more-filters {
    grid-column: 1 / -1;
}

.rcm-more-filters summary {
    color: var(--rcm-blue);
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    list-style: none;
    width: fit-content;
}

.rcm-more-filters summary::-webkit-details-marker {
    display: none;
}

.rcm-more-filter-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    margin-top: 12px;
}

.rcm-card-selector {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: -8px 0 18px;
}

.rcm-card-selector a {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--rcm-muted);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    min-height: auto;
    padding: 3px 12px;
    position: relative;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.rcm-card-selector a:first-child {
    padding-left: 0;
}

.rcm-card-selector a + a::before {
    color: #aab8b1;
    content: '\00b7';
    left: -2px;
    position: absolute;
}

.rcm-card-selector a:hover {
    background: transparent;
    color: var(--rcm-accent-dark);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.rcm-card-selector a.is-active {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--rcm-accent-dark);
    text-decoration: underline;
    text-decoration-color: #65aa8c;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.rcm-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 14px;
}

.rcm-form label,
.rcm-beta-wizard label,
.rcm-filters label,
.rcm-full {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rcm-form label span,
.rcm-beta-wizard label span,
.rcm-filters label span {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.rcm-form label small,
.rcm-beta-wizard label small,
.rcm-filters label small {
    color: var(--rcm-muted);
    font-size: 12px;
    line-height: 1.45;
}

.rcm-form input,
.rcm-form select,
.rcm-form textarea,
.rcm-beta-wizard input,
.rcm-beta-wizard select,
.rcm-beta-wizard textarea,
.rcm-filters input,
.rcm-filters select {
    border: 1px solid var(--rcm-line);
    border-radius: 6px;
    min-height: 38px;
    width: 100%;
}

.rcm-id-picker {
    margin-top: 6px;
}

.rcm-help {
    display: inline-block;
    margin: 0;
    position: relative;
}

.rcm-help summary {
    align-items: center;
    background: #eef4ff;
    border: 1px solid #c7d7fe;
    border-radius: 999px;
    color: var(--rcm-blue);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 20px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    width: 20px;
}

.rcm-help summary::-webkit-details-marker {
    display: none;
}

.rcm-help p {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(24, 33, 47, 0.14);
    color: #344054;
    font-size: 13px;
    font-weight: 500;
    left: 0;
    line-height: 1.45;
    margin: 8px 0 0;
    max-width: 320px;
    min-width: 240px;
    padding: 10px 12px;
    position: absolute;
    text-transform: none;
    z-index: 20;
}

.rcm-help-text,
.rcm-muted-note,
.rcm-field-note {
    color: var(--rcm-muted);
    font-size: 13px;
}

.rcm-field-note {
    line-height: 1.35;
}

.rcm-form select[name="approval_to_email"] {
    max-width: 560px;
    min-width: min(100%, 360px);
}

.rcm-form textarea,
.rcm-beta-wizard textarea {
    min-height: 92px;
}

.rcm-full {
    margin-top: 14px;
}

.rcm-request-sequence {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin: 18px 0;
    padding: 16px;
}

.rcm-request-sequence-standard {
    display: none !important;
}

.rcm-campaign-style-strip {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    margin: 16px 0 14px;
    padding: 14px;
}

.rcm-campaign-style-intro {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-campaign-style-intro span {
    color: var(--rcm-blue);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-campaign-style-intro strong {
    color: var(--rcm-text);
    font-size: 15px;
}

.rcm-campaign-style-options {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-campaign-style-context {
    background: #f7fbf9;
    border: 1px dashed #b7dfcd;
    border-radius: 8px;
    color: #365c4a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
    padding: 12px 14px;
}

.rcm-campaign-style-option {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    min-height: 96px;
    padding: 12px;
}

.rcm-campaign-style-choice {
    cursor: pointer;
    display: grid;
    gap: 5px;
    min-width: 0;
    position: relative;
}

.rcm-campaign-style-options input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.rcm-campaign-style-name {
    color: var(--rcm-text);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
    padding-right: 76px;
    text-transform: uppercase;
}

.rcm-campaign-style-summary {
    color: var(--rcm-muted);
    font-size: 11px;
    line-height: 1.25;
}

.rcm-campaign-style-option:has(input:checked) {
    background: #e9f5ef;
    border-color: #91d3b7;
    box-shadow: 0 0 0 2px rgba(31, 132, 93, 0.08);
}

.rcm-campaign-style-selected {
    background: #d7f8e7;
    border-radius: 999px;
    color: var(--rcm-accent-dark);
    display: none;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    padding: 6px 8px;
    position: absolute;
    right: 0;
    top: -2px;
}

.rcm-campaign-style-option:has(input:checked) .rcm-campaign-style-selected {
    display: inline-flex;
}

.rcm-campaign-style-previews {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.rcm-campaign-style-previews span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-style-stage-preview {
    background: #ffffff;
    border: 1px solid #b8c7da;
    border-radius: 999px;
    color: var(--rcm-blue);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.1;
    min-height: 24px;
    padding: 4px 8px;
    white-space: nowrap;
}

.rcm-style-stage-preview:hover,
.rcm-style-stage-preview:focus {
    background: #eef4ff;
    border-color: #8aa6ff;
}

.rcm-request-sequence-head {
    align-items: flex-start;
    display: grid;
    gap: 7px;
    margin-bottom: 14px;
}

.rcm-request-sequence-head span {
    color: var(--rcm-muted);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.rcm-request-sequence-head h3,
.rcm-request-sequence-title h4,
.rcm-touch-card h5 {
    color: var(--rcm-text);
    margin: 0;
}

.rcm-request-sequence-head h3 {
    font-size: 20px;
}

.rcm-request-sequence-head p,
.rcm-request-sequence-title p,
.rcm-touch-card p {
    color: var(--rcm-muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.rcm-request-sequence-head p {
    max-width: 760px;
}

.rcm-request-sequence-empty {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: var(--rcm-muted);
    font-weight: 800;
    margin-bottom: 12px;
    padding: 18px;
}

.rcm-request-sequence-empty.is-attached {
    background: #f7fbf9;
    border-color: #b7dfcd;
    color: #365c4a;
}

.rcm-request-sequence-card {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding: 14px;
}

.rcm-request-sequence-standard .rcm-request-sequence-card {
    display: none !important;
}

.rcm-request-sequence-card-compact {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.rcm-request-sequence-card-compact .rcm-request-sequence-title {
    align-items: center;
    margin-bottom: 0;
}

.rcm-request-sequence-card-compact .rcm-request-sequence-title h4 {
    font-size: 14px;
}

.rcm-request-sequence-card-compact .rcm-request-sequence-title p {
    font-size: 12px;
}

.rcm-request-sequence-title {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.rcm-request-sequence-badge {
    background: #e9f5ef;
    border-radius: 999px;
    color: var(--rcm-accent-dark);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    padding: 7px 10px;
}

.rcm-touch-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-attached-sequence-steps {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-attached-sequence-step {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px;
}

.rcm-attached-sequence-step label {
    cursor: default;
    display: grid;
    gap: 3px;
    min-width: 0;
}

.rcm-attached-sequence-step input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.rcm-attached-sequence-step span {
    color: var(--rcm-blue);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-attached-sequence-step h5 {
    color: var(--rcm-text);
    font-size: 13px;
    margin: 0;
}

.rcm-attached-sequence-step small {
    color: var(--rcm-muted);
    display: block;
    font-size: 11px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcm-attached-sequence-step .rcm-email-action-button {
    min-width: 64px;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.rcm-touch-card {
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 12px;
}

.rcm-touch-card > span,
.rcm-touch-choice label > span {
    color: var(--rcm-blue);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-touch-card .button {
    margin-top: 2px;
    width: fit-content;
}

.rcm-touch-choice {
    padding: 0;
}

.rcm-touch-choice label {
    cursor: pointer;
    display: grid;
    gap: 6px;
    padding: 12px;
}

.rcm-touch-choice input {
    margin: 0;
    min-height: auto;
    width: auto;
}

.rcm-touch-choice small {
    color: var(--rcm-muted);
    font-size: 12px;
    line-height: 1.35;
}

.rcm-touch-choice:has(input:checked) {
    background: #e9f5ef;
    border-color: #91d3b7;
    box-shadow: 0 0 0 2px rgba(31, 132, 93, 0.08);
}

.rcm-touch-choice .rcm-template-actions {
    border-top: 1px solid #edf1f5;
    padding: 0 12px 12px;
}

.rcm-template-actions,
.rcm-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-form-actions {
    margin-top: 16px;
}

.rcm-request-beta-page .rcm-page-header {
    margin-bottom: 18px;
}

.rcm-request-beta-page {
    max-width: 1720px;
}

.rcm-request-beta-page .rcm-page-header > span,
.rcm-beta-kicker,
.rcm-beta-summary > span,
.rcm-beta-email-preview > span {
    color: var(--rcm-blue);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.rcm-beta-wizard {
    background: transparent;
    border: 0;
    padding: 0;
}

.rcm-beta-layout {
    align-items: start;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(420px, 4fr) minmax(680px, 6fr);
}

.rcm-beta-main,
.rcm-beta-summary,
.rcm-beta-email-preview {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.rcm-beta-main {
    min-width: 0;
    padding: 18px;
}

.rcm-beta-summary,
.rcm-beta-email-preview {
    min-width: 0;
    padding: 16px;
    position: sticky;
    top: 12px;
}

.rcm-beta-email-preview {
    max-height: calc(100vh - 28px);
    overflow: auto;
}

.rcm-beta-progress {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.rcm-beta-progress li {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 999px;
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 900;
    overflow: hidden;
    padding: 8px 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcm-beta-progress li.is-active {
    background: #e9f5ef;
    border-color: #b7dfcd;
    color: var(--rcm-accent-dark);
}

.rcm-beta-progress li.is-complete {
    background: #eef4ff;
    border-color: #c7d7fe;
    color: var(--rcm-blue);
}

.rcm-beta-step h3,
.rcm-beta-summary h3,
.rcm-beta-email-preview h3 {
    color: var(--rcm-text);
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 8px;
}

.rcm-beta-step > p,
.rcm-beta-summary p,
.rcm-beta-email-preview p {
    color: var(--rcm-muted);
    font-size: 14px;
    margin: 0 0 18px;
}

.rcm-beta-envelope-panel {
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1fr);
    margin: 0 0 16px;
    padding: 14px;
}

.rcm-beta-envelope-copy {
    display: grid;
    gap: 6px;
}

.rcm-beta-envelope-copy span {
    color: var(--rcm-blue);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-envelope-copy h4 {
    color: var(--rcm-text);
    font-size: 18px;
    margin: 0;
}

.rcm-beta-envelope-copy p {
    color: var(--rcm-muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.rcm-beta-envelope-fields {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcm-beta-envelope-fields label {
    display: grid;
    gap: 6px;
}

.rcm-beta-envelope-fields label > span,
.rcm-beta-envelope-fields small {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 900;
}

.rcm-beta-envelope-fields small {
    font-weight: 600;
}

.rcm-token-input {
    align-items: stretch;
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.rcm-token-input textarea {
    min-height: 58px;
}

.rcm-token-input .button {
    align-self: start;
    min-height: 38px;
}

.rcm-template-format-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    margin: 0;
}

.rcm-template-format-card,
.rcm-beta-design-card {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: 5px;
    padding: 11px;
}

.rcm-template-format-card:has(input:checked),
.rcm-beta-design-card:has(input:checked) {
    background: #e9f5ef;
    border-color: #91d3b7;
}

.rcm-template-format-card input,
.rcm-beta-design-card input {
    margin: 0;
    min-height: auto;
    width: auto;
}

.rcm-template-format-card span,
.rcm-beta-design-card span {
    align-items: center;
    color: var(--rcm-text);
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 7px;
    text-transform: none;
}

.rcm-template-format-card strong,
.rcm-template-format-card em,
.rcm-beta-design-card strong,
.rcm-beta-design-card em {
    color: var(--rcm-muted);
    font-size: 12px;
    font-style: normal;
    line-height: 1.35;
}

.rcm-template-format-card strong,
.rcm-beta-design-card strong {
    color: var(--rcm-accent-dark);
}

.rcm-template-format-preview-button {
    justify-self: start;
    margin-top: 3px !important;
}

.rcm-beta-design-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcm-beta-design-card i {
    background: var(--rcm-design-swatch, var(--rcm-accent-dark));
    border: 1px solid rgba(24, 33, 47, 0.14);
    border-radius: 999px;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.75);
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.rcm-beta-email-step-grid {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
}

.rcm-beta-email-sequence-panel {
    min-width: 0;
}

.rcm-beta-email-sequence-panel .rcm-request-sequence {
    margin: 0;
}

.rcm-beta-email-sequence-panel .rcm-touch-choice-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-beta-email-sequence-panel .rcm-touch-choice label {
    min-height: 142px;
}

.rcm-beta-customizer {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 14px;
    position: sticky;
    top: 18px;
}

.rcm-beta-customizer > span {
    color: var(--rcm-blue);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-customizer h4 {
    color: var(--rcm-text);
    font-size: 18px;
    margin: 0;
}

.rcm-beta-customizer p {
    color: var(--rcm-muted);
    font-size: 13px;
    line-height: 1.42;
    margin: 0;
}

.rcm-beta-customizer-note {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    color: var(--rcm-muted);
    font-size: 12px;
    line-height: 1.45;
    padding: 10px 11px;
}

.rcm-beta-email-controls {
    display: grid;
    gap: 18px;
}

.rcm-beta-control-section,
.rcm-beta-advanced-settings {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding: 14px;
}

.rcm-beta-control-head {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.rcm-beta-control-head span {
    color: var(--rcm-blue);
    display: block;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.rcm-beta-control-head h4 {
    color: var(--rcm-text);
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
}

.rcm-beta-control-head p {
    color: var(--rcm-muted);
    flex: 0 0 44%;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}

.rcm-request-sequence-guided {
    background: #ffffff;
    border: 0;
    margin: 0;
    padding: 0;
}

.rcm-request-sequence-guided .rcm-request-sequence-head {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 10px;
}

.rcm-request-sequence-guided .rcm-request-sequence-head span,
.rcm-campaign-style-strip-beta .rcm-campaign-style-intro span {
    color: var(--rcm-blue);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-request-sequence-guided .rcm-request-sequence-head h3 {
    color: var(--rcm-text);
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
}

.rcm-request-sequence-guided .rcm-request-sequence-head p {
    color: var(--rcm-muted);
    flex: 0 0 44%;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}

.rcm-request-sequence-guided .rcm-request-sequence-empty {
    font-size: 12px;
    margin: 0 0 10px;
    padding: 10px 12px;
}

.rcm-request-sequence-card-guided {
    background: transparent;
    border: 0;
    padding: 0;
}

.rcm-request-sequence-card-guided .rcm-request-sequence-title {
    display: none;
}

.rcm-request-sequence-guided .rcm-touch-choice-grid {
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-touch-choice-compact {
    border-radius: 8px;
}

.rcm-touch-choice-compact label {
    min-height: 0 !important;
    padding: 12px;
}

.rcm-touch-choice-compact label > span {
    color: var(--rcm-blue);
    font-size: 11px;
}

.rcm-touch-choice-compact h5 {
    font-size: 14px;
    margin: 2px 0 4px;
}

.rcm-touch-choice-compact p,
.rcm-touch-choice-compact small {
    font-size: 11px;
    line-height: 1.32;
}

.rcm-touch-choice-compact .rcm-template-actions {
    padding: 0 12px 12px;
}

.rcm-touch-choice-compact .rcm-template-actions .button {
    font-size: 11px !important;
    line-height: 1 !important;
    min-height: 28px !important;
    padding: 6px 10px !important;
}

.rcm-campaign-style-strip-beta {
    margin: 0;
    padding: 14px;
}

.rcm-campaign-style-strip-beta .rcm-campaign-style-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcm-campaign-style-strip-beta .rcm-campaign-style-option {
    gap: 6px;
    min-height: 0;
    padding: 11px;
}

.rcm-campaign-style-strip-beta .rcm-campaign-style-choice {
    gap: 4px;
}

.rcm-campaign-style-strip-beta .rcm-campaign-style-name {
    font-size: 12px;
}

.rcm-campaign-style-strip-beta .rcm-campaign-style-summary,
.rcm-campaign-style-strip-beta .rcm-campaign-style-previews span {
    font-size: 11px;
    line-height: 1.3;
}

.rcm-campaign-style-strip-beta .rcm-style-stage-preview {
    min-height: 22px;
    padding: 2px 7px;
}

.rcm-campaign-style-strip-beta .rcm-campaign-style-context {
    font-size: 11px;
    padding: 10px 12px;
}

.rcm-beta-design-grid-compact {
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rcm-beta-design-card-compact {
    gap: 6px;
    min-height: 0;
    padding: 10px;
}

.rcm-beta-design-card-compact input {
    position: absolute;
}

.rcm-beta-design-thumb {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 7px;
    display: flex !important;
    gap: 5px !important;
    height: 34px;
    padding: 6px;
}

.rcm-beta-design-thumb i {
    height: 18px;
    width: 18px;
}

.rcm-beta-design-thumb b {
    background: linear-gradient(180deg, #d8e1ea 0 25%, transparent 25% 38%, #e8edf3 38% 60%, transparent 60% 74%, #d8e1ea 74%);
    border-radius: 4px;
    display: block;
    flex: 1;
    height: 22px;
}

.rcm-beta-design-card-compact strong {
    color: var(--rcm-text);
    font-size: 12px;
}

.rcm-beta-design-card-compact em {
    font-size: 11px;
}

.rcm-beta-copy-controls-compact {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.rcm-beta-copy-controls-compact label {
    display: grid;
    gap: 5px;
}

.rcm-beta-copy-controls-compact span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-advanced-settings {
    padding: 0;
}

.rcm-beta-advanced-settings summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
    padding: 13px 14px;
}

.rcm-beta-advanced-settings summary::-webkit-details-marker {
    display: none;
}

.rcm-beta-advanced-settings summary::after {
    color: var(--rcm-muted);
    content: "+";
    font-size: 18px;
    font-weight: 900;
}

.rcm-beta-advanced-settings[open] summary::after {
    content: "-";
}

.rcm-beta-advanced-settings summary span {
    color: var(--rcm-text);
    font-size: 14px;
    font-weight: 900;
}

.rcm-beta-advanced-settings summary small {
    color: var(--rcm-muted);
    font-size: 12px;
}

.rcm-beta-advanced-settings .rcm-beta-envelope-fields {
    border-top: 1px solid var(--rcm-line);
    padding: 14px;
}

.rcm-beta-preview-mode-toggle {
    align-items: center;
    background: #eef2f6;
    border: 1px solid var(--rcm-line);
    border-radius: 999px;
    display: inline-flex;
    gap: 2px;
    padding: 3px;
}

.rcm-beta-preview-mode-toggle button {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--rcm-muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    min-height: 28px;
    padding: 5px 12px;
}

.rcm-beta-preview-mode-toggle button.is-active {
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1);
    color: var(--rcm-accent-dark);
}

.rcm-beta-live-frame-wrap.is-mobile {
    margin-left: auto;
    margin-right: auto;
    max-width: 390px;
}

.rcm-beta-review-box {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin-top: 16px;
    padding: 14px;
}

.rcm-beta-review-box h4 {
    margin: 0 0 8px;
}

.rcm-beta-review-box ul {
    margin-bottom: 0;
}

.rcm-beta-email-change-summary {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    color: var(--rcm-muted);
    font-size: 13px;
    margin-top: 12px;
    padding: 10px 12px;
}

.rcm-beta-email-change-summary.has-edits {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}

.rcm-beta-email-change-summary strong {
    color: inherit;
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.rcm-beta-email-change-summary ul {
    display: grid;
    gap: 6px;
    margin: 0;
    padding-left: 18px;
}

.rcm-beta-email-change-summary li {
    margin: 0;
}

.rcm-beta-design-review {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px 12px;
}

.rcm-beta-design-review dl {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.rcm-beta-design-review div {
    display: grid;
    gap: 3px;
}

.rcm-beta-design-review dt {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-design-review dd {
    color: var(--rcm-text);
    font-weight: 800;
    margin: 0;
    overflow-wrap: anywhere;
}

.rcm-beta-actions {
    align-items: center;
    border-top: 1px solid var(--rcm-line);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    padding-top: 16px;
}

.rcm-beta-actions [name="request_action"][value="draft"] {
    margin-left: auto;
}

.rcm-beta-summary dl {
    display: grid;
    gap: 10px;
    margin: 0 0 16px;
}

.rcm-beta-summary dl div {
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: 4px;
    padding-bottom: 9px;
}

.rcm-beta-summary dt {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-summary dd {
    color: var(--rcm-text);
    font-weight: 800;
    margin: 0;
    overflow-wrap: anywhere;
}

.rcm-live-email-meta {
    border-bottom: 1px solid var(--rcm-line);
    display: grid;
    gap: 5px;
    margin: 0 0 14px;
    padding-bottom: 12px;
}

.rcm-live-email-meta strong {
    color: var(--rcm-text);
    font-size: 15px;
    line-height: 1.35;
}

.rcm-live-email-meta small {
    color: var(--rcm-muted);
    font-size: 12px;
}

.rcm-beta-preview-toolbar {
    align-items: end;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 12px;
}

.rcm-beta-preview-toolbar label {
    display: grid;
    gap: 5px;
}

.rcm-beta-preview-toolbar span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-preview-toolbar input {
    max-width: 180px;
    min-height: 38px;
}

.rcm-beta-live-frame-wrap {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    height: 760px;
    overflow: hidden;
    position: relative;
}

.rcm-beta-edit-overlay {
    left: 50%;
    position: absolute;
    top: 16px;
    transform: translateX(-50%);
    z-index: 2;
}

.rcm-beta-edit-overlay.is-active {
    background: var(--rcm-accent-dark) !important;
    border-color: var(--rcm-accent-dark) !important;
}

.rcm-beta-edit-overlay:disabled {
    display: none;
}

.rcm-beta-live-frame {
    background: #ffffff;
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
}

.rcm-beta-live-empty {
    align-items: center;
    color: var(--rcm-muted);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 1.5;
    padding: 24px;
    text-align: center;
}

.rcm-beta-live-status {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    color: var(--rcm-muted);
    font-size: 13px;
    margin: 12px 0 0 !important;
    padding: 9px 10px;
}

.rcm-beta-live-status.is-error {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #be123c;
}

.rcm-beta-live-edit-bar {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 10px 12px;
}

.rcm-beta-live-edit-bar div {
    display: grid;
    gap: 2px;
}

.rcm-beta-live-edit-bar strong {
    color: var(--rcm-text);
    font-size: 13px;
}

.rcm-beta-live-edit-bar span {
    color: var(--rcm-muted);
    font-size: 12px;
    line-height: 1.35;
}

.rcm-beta-live-edit-bar .button {
    flex: 0 0 auto;
}

.rcm-beta-block-inspector {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
}

.rcm-beta-block-inspector[hidden] {
    display: none !important;
}

.rcm-beta-block-inspector-head {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.rcm-beta-block-inspector-head span,
.rcm-beta-block-inspector label span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-block-inspector-head strong {
    color: var(--rcm-blue);
    font-size: 13px;
    text-transform: capitalize;
}

.rcm-beta-block-inspector label {
    display: grid;
    gap: 5px;
}

.rcm-beta-block-inspector textarea {
    min-height: 84px;
}

.rcm-beta-inspector-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcm-beta-block-inspector p {
    color: var(--rcm-muted);
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}

.rcm-live-email-card {
    background: #f6fdea;
    border: 1px solid #dceec8;
    border-radius: 8px;
    color: #17351f;
    display: grid;
    gap: 12px;
    padding: 20px;
}

.rcm-live-email-logo {
    color: #24522e;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.rcm-live-email-kicker {
    border-top: 2px solid #24522e;
    color: #24522e !important;
    font-size: 11px !important;
    font-weight: 900;
    letter-spacing: 0;
    margin: 4px 0 0 !important;
    padding-top: 10px;
    text-transform: uppercase;
}

.rcm-live-email-card h3 {
    font-size: 22px;
    margin: 0;
}

.rcm-live-email-card p {
    color: #244230;
    line-height: 1.55;
    margin: 0;
}

.rcm-live-email-detail {
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(36, 82, 46, 0.16);
    border-radius: 8px;
    display: grid;
    gap: 3px;
    padding: 10px 12px;
}

.rcm-live-email-detail span {
    color: #56715e;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-live-email-detail strong {
    color: #17351f;
    overflow-wrap: anywhere;
}

.rcm-live-email-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
}

.rcm-live-email-actions a {
    align-items: center;
    background: #24522e;
    border-radius: 6px;
    color: #ffffff;
    display: flex;
    font-weight: 900;
    justify-content: center;
    min-height: 42px;
    padding: 10px 12px;
    text-decoration: none;
}

.rcm-live-email-actions a + a {
    background: #ffffff;
    border: 1px solid #24522e;
    color: #24522e;
}

.rcm-live-email-actions a.is-disabled {
    cursor: default;
    opacity: 0.55;
    pointer-events: none;
}

.rcm-live-email-contact {
    border-top: 1px solid rgba(36, 82, 46, 0.16);
    padding-top: 12px;
}

.rcm-live-email-signature {
    font-weight: 800;
    white-space: pre-line;
}

.rcm-live-email-note {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    margin-top: 12px;
    padding: 10px 12px;
}

.rcm-live-email-note span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-live-email-note strong {
    color: var(--rcm-text);
    overflow-wrap: anywhere;
}

.rcm-beta-email-note-editor {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 7px;
    margin-top: 12px;
    padding: 10px 12px;
}

.rcm-beta-email-note-editor label {
    display: grid;
    gap: 6px;
}

.rcm-beta-email-note-editor label > span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcm-beta-email-note-editor textarea {
    min-height: 82px;
    resize: vertical;
}

.rcm-beta-email-note-editor p {
    color: var(--rcm-muted);
    font-size: 12px;
    margin: 0 !important;
}

.rcm-beta-email-note-actions {
    justify-content: space-between;
}

.rcm-beta-email-note-actions .is-saved {
    background: #dcfce7 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

.rcm-touch-change-state {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 999px;
    display: inline-flex;
    font-weight: 800;
    justify-self: start;
    padding: 4px 8px;
}

.rcm-touch-change-state.has-edits {
    background: #dcfce7;
    border-color: #bbf7d0;
    color: #166534;
}

.rcm-beta-email-preview .is-updated {
    animation: rcmPreviewPulse 1.2s ease-out;
}

@keyframes rcmPreviewPulse {
    0% {
        background: rgba(255, 239, 138, 0.9);
        box-shadow: 0 0 0 4px rgba(255, 239, 138, 0.45);
    }

    100% {
        background: transparent;
        box-shadow: none;
    }
}

.rcm-campaign-visibility {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 12px 0 0;
    padding: 6px 0;
}

.rcm-campaign-visibility span {
    color: var(--rcm-muted);
    font-size: 13px;
    font-weight: 800;
}

.rcm-campaign-visibility a {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--rcm-blue);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    padding: 3px 12px;
    position: relative;
    text-decoration: none;
}

.rcm-campaign-visibility a + a::before {
    color: #aab8b1;
    content: '\00b7';
    left: -2px;
    position: absolute;
}

.rcm-campaign-visibility a:hover,
.rcm-campaign-visibility a:focus-visible {
    color: var(--rcm-accent-dark);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.rcm-campaign-visibility a.is-active {
    color: var(--rcm-accent-dark);
    font-weight: 900;
    text-decoration: underline;
    text-decoration-color: #65aa8c;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.rcm-secondary-button {
    background: #ffffff !important;
    border-color: var(--rcm-line) !important;
    color: var(--rcm-text) !important;
}

.rcm-button,
.rcm-form .button {
    align-items: center;
    background: var(--rcm-accent);
    border: 1px solid var(--rcm-accent);
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px;
    text-decoration: none;
    width: fit-content;
}

.rcm-button:hover,
.rcm-form .button:hover {
    background: var(--rcm-accent-dark);
    border-color: var(--rcm-accent-dark);
    color: #ffffff;
}

.rcm-filters .rcm-button {
    justify-self: start;
    min-width: 76px;
    padding-left: 16px;
    padding-right: 16px;
    width: auto !important;
}

.rcm-check {
    align-items: center;
    flex-direction: row !important;
    gap: 8px !important;
}

.rcm-check input {
    min-height: auto;
    width: auto;
}

.rcm-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 14px;
    margin: 20px 0;
}

.rcm-stat {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.05);
    min-height: 118px;
    padding: 18px;
}

.rcm-stat span {
    color: var(--rcm-muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.rcm-stat strong {
    color: var(--rcm-text);
    display: block;
    font-size: 30px;
    line-height: 1.15;
}

.rcm-stat-meta {
    border-top: 1px solid var(--rcm-line);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 14px;
    padding-top: 12px;
}

.rcm-stat-meta em {
    color: var(--rcm-muted);
    font-size: 12px;
    font-style: normal;
    white-space: nowrap;
}

.rcm-stat-meta b {
    color: var(--rcm-text);
    font-weight: 800;
}

.rcm-chart-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 18px 0 24px;
}

.rcm-chart-panel {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    min-width: 0;
    padding: 16px;
}

.rcm-chart-heading {
    margin-bottom: 14px;
}

.rcm-chart-heading h3 {
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 3px;
}

.rcm-chart-heading span {
    color: var(--rcm-muted);
    font-size: 12px;
}

.rcm-bar-list {
    display: grid;
    gap: 12px;
}

.rcm-bar-row {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) minmax(80px, 35%) auto;
    min-height: 34px;
    align-items: center;
}

.rcm-bar-copy {
    min-width: 0;
}

.rcm-bar-copy strong,
.rcm-bar-copy span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcm-bar-copy strong {
    font-size: 13px;
}

.rcm-bar-copy span {
    color: var(--rcm-muted);
    font-size: 12px;
}

.rcm-bar-track {
    background: #edf2f7;
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.rcm-bar-track span {
    background: linear-gradient(90deg, #1f7a5a, #2563eb);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.rcm-bar-row b {
    font-size: 13px;
    justify-self: end;
}

.rcm-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
    margin: 16px 0 22px;
}

.rcm-campaign-card,
.rcm-empty {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding: 16px;
}

.rcm-card-top {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.rcm-card-top h3 {
    font-size: 18px;
    line-height: 1.25;
    margin: 8px 0 0;
}

.rcm-card-top h3 a,
.rcm-table a {
    color: var(--rcm-text);
    text-decoration: none;
}

.rcm-card-top h3 a:hover,
.rcm-table a:hover {
    color: var(--rcm-blue);
}

.rcm-chip,
.rcm-status {
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    padding: 7px 9px;
    white-space: nowrap;
}

.rcm-chip {
    background: #e9f5ef;
    color: var(--rcm-accent-dark);
}

.rcm-status {
    background: #eef4ff;
    color: var(--rcm-blue);
}

.rcm-status-draft {
    background: #f2f4f7;
    color: #475467;
}

.rcm-status-active {
    align-items: center;
    background: transparent;
    color: #067647;
    gap: 7px;
    padding: 0;
}

.rcm-status-active::before {
    background: #2eae78;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(46, 174, 120, 0.12);
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
}

.rcm-status-pending-review,
.rcm-status-pending-approval {
    background: #fef7c3;
    color: #92400e;
}

.rcm-status-building,
.rcm-status-test-sent,
.rcm-status-approved,
.rcm-status-in-review {
    background: #dbeafe;
    color: #1d4ed8;
}

.rcm-status-completed,
.rcm-status-inactive {
    background: #eef2f6;
    color: #475467;
}

.rcm-status-needs-revision {
    background: #fee4e2;
    color: #b42318;
}

.rcm-status-paused {
    background: #ffedd5;
    color: #c2410c;
}

.rcm-live-email-status,
.rcm-copy-status {
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    padding: 7px 9px;
    white-space: nowrap;
}

.rcm-live-email-status {
    background: #eef4ff;
    color: var(--rcm-blue);
}

.rcm-live-email-status-active {
    background: #dcfae6;
    color: #067647;
}

.rcm-live-email-status-inactive {
    background: #eef2f6;
    color: #475467;
}

.rcm-copy-status-draft {
    background: #fff7ed;
    color: #c2410c;
}

.rcm-copy-status-submitted {
    background: #fef7c3;
    color: #92400e;
}

.rcm-copy-status-approved {
    background: #dcfae6;
    color: #067647;
}

.rcm-copy-status-needs-revision {
    background: #fee4e2;
    color: #b42318;
}

.rcm-copy-status-archived {
    background: #eef2f6;
    color: #475467;
}

.rcm-card-summary {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 16px 0 0;
}

.rcm-card-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0 0;
}

.rcm-card-details div {
    min-width: 0;
}

.rcm-card-details dt {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.rcm-card-details dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.rcm-card-summary div {
    min-width: 0;
}

.rcm-card-summary dt {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.rcm-card-summary dd {
    color: var(--rcm-text);
    font-weight: 650;
    margin: 0;
    overflow-wrap: anywhere;
}

.rcm-card-more {
    border-top: 1px solid var(--rcm-line);
    margin-top: 14px;
    padding-top: 12px;
}

.rcm-card-more summary {
    color: var(--rcm-blue);
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    list-style: none;
}

.rcm-card-more summary::-webkit-details-marker {
    display: none;
}

.rcm-card-more summary::after {
    content: " +";
}

.rcm-card-more[open] summary::after {
    content: " -";
}

.rcm-message-angle {
    border-left: 3px solid var(--rcm-accent);
    color: #344054;
    margin: 14px 0 0;
    padding-left: 10px;
}

.rcm-reply-flows {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin-top: 14px;
    padding: 10px 12px;
}

.rcm-reply-flows summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
}

.rcm-reply-flows summary::-webkit-details-marker {
    display: none;
}

.rcm-reply-flows summary::after {
    color: var(--rcm-muted);
    content: "+";
    font-size: 16px;
    font-weight: 800;
    margin-left: auto;
}

.rcm-reply-flows[open] summary::after {
    content: "-";
}

.rcm-reply-flows summary span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.rcm-reply-flows ul {
    display: grid;
    gap: 5px;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.rcm-reply-flows li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.rcm-reply-flows em {
    color: var(--rcm-muted);
    font-style: normal;
}

.rcm-metrics {
    border-top: 1px solid var(--rcm-line);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
    padding-top: 12px;
}

.rcm-metrics span {
    color: var(--rcm-muted);
    font-size: 12px;
}

.rcm-metrics strong {
    color: var(--rcm-text);
    display: block;
    font-size: 16px;
}

.rcm-card-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.rcm-card-action {
    margin-top: 14px !important;
}

.rcm-card-actions .rcm-card-action {
    margin-top: 0 !important;
}

.rcm-small-link {
    color: var(--rcm-muted) !important;
    font-size: 12px;
}

.rcm-detail-header {
    align-items: flex-start;
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 18px;
    padding: 18px;
}

.rcm-detail-header h2 {
    font-size: 26px;
    line-height: 1.2;
    margin: 10px 0 6px;
}

.rcm-detail-header p {
    color: var(--rcm-muted);
    margin: 0;
}

.rcm-detail-actions {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 10px;
    white-space: nowrap;
}

.rcm-detail-actions > .button,
.rcm-detail-actions > form .button {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbdad3;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--rcm-green);
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    height: 36px;
    min-height: 36px;
    min-width: 124px;
    padding: 0 12px;
}

.rcm-detail-actions > .button:hover,
.rcm-detail-actions > .button:focus,
.rcm-detail-actions > form .button:hover,
.rcm-detail-actions > form .button:focus {
    background: #edf7f2;
    border-color: #9dcbb6;
    color: var(--rcm-accent-dark);
}

.rcm-detail-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 18px 0;
}

.rcm-line-panel {
    margin: 18px 0;
}

.rcm-stage-panel {
    margin: 18px 0;
}

.rcm-line-plot {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    padding-left: 38px;
    position: relative;
}

.rcm-line-chart svg {
    display: block;
    height: 260px;
    width: 100%;
}

.rcm-line-chart line {
    stroke: #dfe4ea;
    stroke-width: 0.5;
}

.rcm-line-chart polyline {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
}

.rcm-grid-line {
    stroke: #e8edf3 !important;
    stroke-width: 0.45;
}

.rcm-line-y-axis {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 36px;
}

.rcm-line-y-axis span {
    color: var(--rcm-muted);
    font-size: 10px;
    font-weight: 700;
    left: 8px;
    position: absolute;
    transform: translateY(-50%);
}

.rcm-line-marker-layer {
    bottom: 0;
    left: 38px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.rcm-line-marker {
    appearance: none;
    background: var(--marker-color);
    border: 2px solid #fff;
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(16, 24, 40, 0.25);
    cursor: crosshair;
    height: 8px;
    margin: 0;
    min-height: 0;
    min-width: 0;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 8px;
}

.rcm-line-marker::after {
    background: #18212f;
    border-radius: 6px;
    bottom: calc(100% + 9px);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: 800;
    left: 50%;
    line-height: 1.3;
    opacity: 0;
    padding: 7px 9px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 4px);
    transition: opacity 120ms ease, transform 120ms ease;
    white-space: nowrap;
    z-index: 10;
}

.rcm-line-marker::before {
    border: 5px solid transparent;
    border-top-color: #18212f;
    bottom: calc(100% - 1px);
    content: "";
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity 120ms ease;
    z-index: 11;
}

.rcm-line-marker:hover::after,
.rcm-line-marker:focus-visible::after,
.rcm-line-marker:hover::before,
.rcm-line-marker:focus-visible::before {
    opacity: 1;
}

.rcm-line-marker:hover::after,
.rcm-line-marker:focus-visible::after {
    transform: translate(-50%, 0);
}

.rcm-line-axis {
    color: var(--rcm-muted);
    display: grid;
    font-size: 11px;
    gap: 4px;
    margin-top: 6px;
    text-align: center;
}

.rcm-line-axis span {
    min-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcm-line-legend {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0;
}

.rcm-line-legend span {
    align-items: center;
    color: var(--rcm-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
}

.rcm-line-legend i {
    border-radius: 999px;
    display: inline-block;
    height: 9px;
    width: 9px;
}

.rcm-line-note {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 8px 10px;
}

.rcm-line-table {
    display: grid;
    gap: 8px;
}

.rcm-line-values {
    margin-top: 10px;
}

.rcm-line-values summary {
    color: var(--rcm-blue);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    list-style: none;
}

.rcm-line-values summary::-webkit-details-marker {
    display: none;
}

.rcm-line-values summary::after {
    content: " +";
}

.rcm-line-values[open] summary::after {
    content: " -";
}

.rcm-line-table div {
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(110px, 1fr) repeat(6, auto);
    padding: 8px 10px;
}

.rcm-line-table strong {
    font-size: 13px;
}

.rcm-line-table span {
    color: var(--rcm-muted);
    font-size: 12px;
}

.rcm-trend-panel {
    margin: 18px 0 24px;
}

.rcm-trend-links {
    border-top: 1px solid var(--rcm-line);
    margin-top: 14px;
    padding-top: 12px;
}

.rcm-trend-links strong {
    display: block;
    font-size: 13px;
    margin-bottom: 8px;
}

.rcm-trend-links div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-trend-links a {
    background: #eef4ff;
    border: 1px solid #c7d7fe;
    border-radius: 999px;
    color: var(--rcm-blue);
    font-size: 12px;
    font-weight: 800;
    max-width: 100%;
    overflow: hidden;
    padding: 7px 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcm-table-wrap {
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin-top: 14px;
    overflow-x: auto;
}

.rcm-hiring-source-note {
    display: flex;
    gap: 8px 16px;
    align-items: baseline;
    flex-wrap: wrap;
    margin: 18px 0;
    padding: 14px 18px;
    border: 1px solid #cfe3d9;
    border-radius: 12px;
    background: #f1f8f4;
    color: #51645c;
}

.rcm-hiring-source-note strong { color: #174d3a; }
.rcm-hiring-total-row td { background: #eef7f2 !important; }

.rcm-report-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin: 0 0 12px;
}

.rcm-report-actions span {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.rcm-report-action {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--rcm-text);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    font-family: inherit;
    height: 38px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    min-height: 38px;
    min-width: 92px;
    padding: 0 12px;
    text-decoration: none;
}

.rcm-report-action:hover,
.rcm-report-action:focus {
    background: #edf7f2;
    border-color: #a7cfbd;
    color: var(--rcm-accent-dark);
}

.rcm-table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0;
}

.rcm-table th,
.rcm-table td {
    border-bottom: 1px solid #e7ecf2 !important;
    border-right: 1px solid #e7ecf2 !important;
    font-size: 13px;
    padding: 10px 12px !important;
    white-space: nowrap;
}

.rcm-table th {
    background: #f5f7fa !important;
    color: #344054;
    font-size: 12px;
    font-weight: 800;
}

.rcm-table th:last-child,
.rcm-table td:last-child {
    border-right: 0 !important;
}

.rcm-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.rcm-table tbody tr:nth-child(even) td {
    background: #f8fafc;
}

.rcm-table tbody tr:hover td {
    background: #eef4ff;
}

.rcm-stage-table th:first-child,
.rcm-stage-table td:first-child {
    min-width: 240px;
    white-space: normal;
}

.rcm-stage-table .rcm-stage-id {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    width: 54px;
}

.rcm-stage-table th:last-child,
.rcm-stage-table td:last-child {
    min-width: 100px;
}

.rcm-clickable-row {
    cursor: pointer;
}

.rcm-clickable-row:hover td {
    background: #f8fafc;
}

.rcm-stage-link {
    color: var(--rcm-blue);
    text-decoration: none;
}

.rcm-stage-link:hover {
    text-decoration: underline;
}

.rcm-email-preview-button {
    white-space: nowrap;
}

.rcm-email-preview-compact {
    align-items: center;
    display: inline-flex !important;
    font-size: 12px !important;
    justify-content: center;
    min-height: 30px !important;
    padding: 2px 10px !important;
}

.rcm-email-action-button {
    min-width: 128px;
    text-align: center;
}

.rcm-stage-table .rcm-email-action-button {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--rcm-accent-dark) !important;
    font-weight: 800 !important;
    min-height: auto !important;
    min-width: auto !important;
    padding: 0 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.rcm-stage-table .rcm-email-preview-compact {
    min-height: auto !important;
    padding: 0 !important;
}

.rcm-stage-table .rcm-email-action-button:hover,
.rcm-stage-table .rcm-email-action-button:focus-visible {
    color: var(--rcm-green) !important;
    outline: none;
    text-decoration-thickness: 2px;
}

.rcm-muted-cell {
    color: var(--rcm-muted);
}

.rcm-email-preview-dialog {
    background: transparent;
    border: 0;
    max-width: min(1040px, calc(100vw - 32px));
    padding: 0;
    width: 100%;
}

.rcm-email-preview-dialog::backdrop {
    background: rgba(15, 23, 42, 0.58);
}

.rcm-email-preview-shell {
    background: var(--rcm-panel);
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.24);
    display: grid;
    max-height: min(900px, calc(100vh - 40px));
    overflow: hidden;
}

.rcm-email-preview-header {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid var(--rcm-line);
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) max-content;
    padding: 14px 16px;
}

.rcm-email-preview-heading {
    min-width: 0;
}

.rcm-email-preview-header span {
    color: var(--rcm-muted);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.rcm-email-preview-header h3 {
    color: var(--rcm-text);
    font-size: 18px;
    line-height: 1.3;
    margin: 0;
    max-width: 760px;
}

.rcm-email-preview-meta {
    color: var(--rcm-muted);
    font-size: 13px;
    margin: 6px 0 0;
}

.rcm-email-preview-tools {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: flex-end;
    padding: 5px;
    white-space: nowrap;
}

.rcm-email-preview-name {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    min-width: 0;
    width: auto;
}

.rcm-email-preview-name span {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
}

.rcm-email-preview-name input {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 6px;
    color: var(--rcm-text);
    font-size: 13px !important;
    line-height: 1.2;
    min-height: 30px;
    padding: 4px 8px;
    width: 88px;
}

.rcm-email-preview-name input:focus {
    border-color: #98d6b8;
    box-shadow: 0 0 0 2px rgba(31, 122, 90, 0.14);
    outline: 0;
}

.rcm-email-preview-copy-form {
    margin: 0;
}

.rcm-email-preview-copy-button {
    background: var(--rcm-accent);
    border: 1px solid var(--rcm-accent);
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: 800;
    line-height: 1.2;
    min-height: 30px;
    padding: 5px 9px;
    white-space: nowrap;
}

.rcm-email-preview-close {
    background: #ffffff;
    border: 1px solid var(--rcm-line);
    border-radius: 6px;
    color: var(--rcm-text);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    min-height: 30px;
    padding: 5px 9px;
}

.rcm-email-preview-status {
    background: #f6f8fb;
    border-bottom: 1px solid var(--rcm-line);
    color: var(--rcm-muted);
    font-weight: 800;
    padding: 12px 18px;
}

.rcm-email-preview-status.is-error {
    background: #fef2f2;
    color: #b42318;
}

.rcm-email-preview-frame {
    background: #ffffff;
    border: 0;
    height: min(680px, calc(100vh - 230px));
    min-height: 420px;
    width: 100%;
}

.rcm-email-preview-footer {
    background: #f8fafc;
    border-top: 1px solid var(--rcm-line);
    color: var(--rcm-muted);
    font-size: 12px;
    padding: 10px 18px;
}

.rcm-detail-notes {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin: 18px 0 0;
    padding: 14px 16px;
}

.rcm-detail-notes summary {
    color: var(--rcm-blue);
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    list-style: none;
}

.rcm-detail-notes summary::-webkit-details-marker {
    display: none;
}

.rcm-detail-notes summary::after {
    content: " +";
}

.rcm-detail-notes[open] summary::after {
    content: " -";
}

.rcm-detail-notes-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    margin-top: 14px;
}

.rcm-detail-notes .rcm-instruction-panel {
    margin: 0;
}

.rcm-admin-split {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 18px;
    margin-top: 18px;
}

.rcm-admin-split > section {
    min-width: 0;
}

.rcm-admin-split > section > h2,
.rcm-admin > h2 {
    color: var(--rcm-text);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 12px;
}

.rcm-campaigns-layout {
    display: grid;
    gap: 22px;
    grid-template-columns: 1fr;
}

.rcm-campaigns-layout .rcm-campaign-editor,
.rcm-campaigns-layout .rcm-campaign-list-panel {
    min-width: 0;
}

.rcm-campaign-editor .rcm-form {
    max-width: 1120px;
}

.rcm-campaign-editor .rcm-form-grid {
    grid-template-columns: repeat(4, minmax(170px, 1fr));
}

.rcm-campaign-editor .rcm-full {
    max-width: 1120px;
}

.rcm-campaign-editor .rcm-form > .rcm-full,
.rcm-campaign-editor .rcm-form > .rcm-form-actions,
.rcm-campaign-editor .rcm-form > .button {
    margin-top: 14px;
}

.rcm-campaign-editor .rcm-id-picker {
    max-width: 100%;
}

.rcm-campaign-list-panel .rcm-filters {
    grid-template-columns: repeat(4, minmax(180px, 1fr)) auto;
}

.rcm-admin .rcm-form,
.rcm-admin .rcm-filters,
.rcm-admin .rcm-instruction-panel,
.rcm-admin .rcm-view-banner,
.rcm-admin .rcm-table-wrap,
.rcm-admin .rcm-panel {
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.rcm-admin .rcm-form,
.rcm-admin .rcm-filters {
    padding: 18px;
}

.rcm-admin .rcm-filters {
    margin-bottom: 16px;
}

.rcm-admin .rcm-report-actions {
    margin-top: 6px;
}

.rcm-admin table .button {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    line-height: 1.2;
    min-height: 28px;
    padding: 5px 9px;
}

.rcm-admin table .button-small {
    font-size: 12px;
    min-height: 26px;
    padding: 4px 8px;
}

.rcm-admin table form {
    margin: 0;
}

.rcm-admin td > .rcm-inline-form {
    flex-wrap: nowrap;
}

.rcm-admin td > .rcm-inline-form .rcm-user-state {
    white-space: nowrap;
}

.rcm-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.rcm-inline-form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}

.rcm-invite-actions {
    align-items: center;
    display: grid;
    gap: 6px 8px;
    grid-template-columns: repeat(2, max-content);
    max-width: none;
}

.rcm-staff-table .rcm-invite-actions,
.rcm-staff-table .rcm-inline-form {
    justify-content: start;
}

.rcm-staff-table .rcm-user-state {
    line-height: 1.2;
}

.rcm-invite-actions .button {
    min-width: 104px;
    white-space: nowrap;
}

.rcm-invite-actions .rcm-user-state {
    grid-column: 1 / -1;
}

.rcm-table-action {
    margin-top: 4px;
}

.rcm-view-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
}

.rcm-user-state {
    color: var(--rcm-muted);
    font-size: 12px;
}

.rcm-instruction-panel {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin: 0 0 18px;
    padding: 16px;
}

.rcm-instruction-panel h2 {
    margin-top: 0;
}

.rcm-fieldset {
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    margin: 0;
    padding: 14px 14px 12px;
}

.rcm-fieldset legend {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 800;
    padding: 0 6px;
    text-transform: uppercase;
}

.rcm-office-checks {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.rcm-fieldset .description {
    color: var(--rcm-muted);
    font-size: 12px;
    margin: 10px 0 0;
}

.rcm-staff-schedule .rcm-definition-list {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.wrap.rcm-admin.rcm-command-center-admin {
    max-width: 1600px;
}

.rcm-command-hero,
.rcm-command-panel,
.rcm-command-kpi {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}

.rcm-command-hero {
    align-items: center;
    display: flex;
    gap: 22px;
    justify-content: space-between;
    margin: 18px 0;
    padding: 20px;
}

.rcm-command-hero h2 {
    font-size: 24px;
    margin: 2px 0 4px;
}

.rcm-command-hero p,
.rcm-command-subtext {
    color: var(--rcm-muted);
}

.rcm-command-hero p {
    margin: 0;
}

.rcm-command-eyebrow {
    color: var(--rcm-blue);
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.rcm-command-cycle-form {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(180px, 240px) minmax(88px, 110px) auto;
}

.rcm-command-cycle-form label {
    display: grid;
    gap: 6px;
}

.rcm-command-cycle-form label span {
    color: var(--rcm-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.rcm-command-kpis {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-bottom: 18px;
}

.rcm-command-kpi {
    padding: 16px;
}

.rcm-command-kpi span,
.rcm-command-kpi small {
    color: var(--rcm-muted);
    display: block;
}

.rcm-command-kpi span {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.rcm-command-kpi strong {
    display: block;
    font-size: 30px;
    line-height: 1.1;
    margin: 8px 0;
}

.rcm-command-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
    margin-bottom: 18px;
}

.rcm-command-panel {
    min-width: 0;
    padding: 18px;
}

.rcm-command-attention-list,
.rcm-command-health-list {
    display: grid;
    gap: 10px;
}

.rcm-command-attention-item,
.rcm-command-health-row {
    align-items: center;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 12px;
}

.rcm-command-attention-item {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.rcm-command-health-row {
    grid-template-columns: minmax(0, 1fr) auto;
}

.rcm-command-attention-item h3 {
    font-size: 14px;
    margin: 0 0 2px;
}

.rcm-command-attention-item p,
.rcm-command-health-row span {
    color: var(--rcm-muted);
    display: block;
    margin: 0;
}

.rcm-command-empty {
    background: #f8fafc;
    border: 1px dashed var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 16px;
}

.rcm-command-empty span {
    color: var(--rcm-muted);
}

.rcm-command-badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.2;
    padding: 5px 9px;
    white-space: nowrap;
}

.rcm-command-badge.is-ok {
    background: #dcfce7;
    color: #047857;
}

.rcm-command-badge.is-info {
    background: #dbeafe;
    color: #1d4ed8;
}

.rcm-command-badge.is-warn {
    background: #fef3c7;
    color: #92400e;
}

.rcm-command-badge.is-danger {
    background: #fee2e2;
    color: #b91c1c;
}

.rcm-command-table-wrap {
    margin-top: 10px;
}

.rcm-command-table th,
.rcm-command-table td {
    vertical-align: middle;
}

.rcm-command-subtext {
    display: block;
    font-size: 12px;
    margin-top: 4px;
}

.rcm-command-progress {
    background: #edf2f7;
    border-radius: 999px;
    display: block;
    height: 6px;
    margin-top: 8px;
    overflow: hidden;
    width: 100%;
}

.rcm-command-progress span {
    background: var(--rcm-accent);
    display: block;
    height: 100%;
}

.rcm-capacity-summary {
    background: #f8fafc;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
    padding: 12px;
}

.rcm-capacity-summary strong {
    color: var(--rcm-ink);
}

.rcm-capacity-summary span,
.rcm-capacity-summary small {
    color: var(--rcm-muted);
}

.rcm-capacity-summary.is-ok {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.rcm-capacity-summary.is-warn {
    background: #fffbeb;
    border-color: #fde68a;
}

.rcm-capacity-summary.is-danger {
    background: #fef2f2;
    border-color: #fecaca;
}

.rcm-capacity-meter {
    background: #e5e7eb;
    border-radius: 999px;
    display: block;
    height: 8px;
    margin-top: 4px;
    overflow: hidden;
    width: 100%;
}

.rcm-capacity-meter span {
    background: var(--rcm-accent);
    display: block;
    height: 100%;
}

.rcm-capacity-summary.is-warn .rcm-capacity-meter span {
    background: #d97706;
}

.rcm-capacity-summary.is-danger .rcm-capacity-meter span {
    background: #dc2626;
}

.wrap.rcm-admin.rcm-ac-cleanup-admin {
    max-width: 1560px;
}

.rcm-cleanup-hero-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.rcm-cleanup-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
}

.rcm-cleanup-form .rcm-form-grid-2,
.rcm-cleanup-form .rcm-form-grid-3 {
    display: grid;
    gap: 12px;
}

.rcm-cleanup-form .rcm-form-grid-2 {
    grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
}

.rcm-cleanup-form .rcm-form-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcm-cleanup-run-definition {
    margin-bottom: 14px;
}

.rcm-cleanup-table th,
.rcm-cleanup-table td {
    vertical-align: top;
}

.rcm-cleanup-table td:last-child {
    min-width: 260px;
}

.rcm-command-mini-list {
    color: var(--rcm-muted);
    font-size: 12px;
    margin: 6px 0 0 16px;
}

.rcm-transition-layout {
    align-items: start;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(360px, 480px) minmax(0, 1fr);
    margin-top: 18px;
}

.rcm-transition-compose,
.rcm-transition-preview {
    min-width: 0;
}

.rcm-transition-compose > .rcm-card-heading-row,
.rcm-transition-preview > .rcm-card-heading-row,
.rcm-transition-summary {
    background: var(--rcm-panel);
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    padding: 16px;
}

.rcm-transition-picker {
    margin-top: 14px;
}

.rcm-transition-picker label {
    margin-bottom: 12px;
}

.rcm-transition-summary {
    margin-top: 14px;
}

.rcm-transition-summary h3 {
    font-size: 16px;
    margin: 0 0 10px;
}

.rcm-transition-send-form {
    margin-top: 14px;
}

.rcm-transition-send-form .rcm-actions {
    justify-content: flex-start;
    margin-top: 0;
}

.rcm-transition-preview {
    position: sticky;
    top: 48px;
}

.rcm-transition-email-shell {
    background: #f4f7f5;
    border: 1px solid var(--rcm-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    max-height: 760px;
    overflow: auto;
    padding: 12px;
}

.rcm-transition-email-shell table {
    border-collapse: separate;
}

.rcm-health-preview .rcm-transition-email-shell {
    max-height: 820px;
}

.rcm-health-list {
    color: var(--rcm-muted);
    margin: 8px 0 0 18px;
    padding: 0;
}

.rcm-health-list li + li {
    margin-top: 6px;
}

.rcm-definition-list {
    display: grid;
    gap: 10px;
    margin: 12px 0 0;
}

.rcm-definition-list div {
    display: grid;
    gap: 4px;
}

.rcm-definition-list dt {
    color: var(--rcm-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.rcm-definition-list dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.rcm-success,
.rcm-login-message {
    background: #ecfdf3;
    border: 1px solid #abefc6;
    border-radius: 8px;
    color: #067647;
    margin: 0 0 16px;
    padding: 12px 14px;
}

@media (max-width: 1100px) {
    .wrap.rcm-admin {
        margin-top: 18px;
        padding-left: 18px;
        padding-right: 18px;
        width: calc(100% - 24px);
    }

    .rcm-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rcm-transition-layout {
        grid-template-columns: 1fr;
    }

    .rcm-command-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .rcm-command-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rcm-command-grid {
        grid-template-columns: 1fr;
    }

    .rcm-transition-preview {
        position: static;
    }

    .rcm-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rcm-view-control-grid {
        grid-template-columns: 1fr;
    }

    .rcm-style-template-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rcm-campaign-style-options {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rcm-campaign-style-strip-beta .rcm-campaign-style-options,
    .rcm-beta-design-grid-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rcm-chart-grid,
    .rcm-detail-grid,
    .rcm-detail-notes-grid,
    .rcm-cleanup-form .rcm-form-grid-2,
    .rcm-cleanup-form .rcm-form-grid-3,
    .rcm-beta-envelope-panel,
    .rcm-beta-email-step-grid,
    .rcm-template-library-head,
    .rcm-template-library-controls,
    .rcm-follow-up-owner-grid,
    .rcm-beta-layout,
    .rcm-admin-split {
        grid-template-columns: 1fr;
    }

    .rcm-beta-summary,
    .rcm-beta-email-preview,
    .rcm-beta-customizer {
        position: static;
    }

    .rcm-search {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .wrap.rcm-admin {
        margin-top: 14px;
        padding: 0 12px 28px;
        width: calc(100% - 12px);
    }

    .wrap.rcm-admin > h1 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .rcm-frontend {
        padding: 16px;
    }

    .rcm-filters,
    .rcm-form-grid,
    .rcm-command-cycle-form,
    .rcm-command-kpis,
    .rcm-beta-envelope-panel,
    .rcm-beta-envelope-fields,
    .rcm-beta-copy-controls,
    .rcm-beta-design-grid,
    .rcm-beta-design-review dl,
    .rcm-beta-inspector-grid,
    .rcm-beta-email-step-grid,
    .rcm-style-template-grid,
    .rcm-template-library-head,
    .rcm-template-library-controls,
    .rcm-attached-sequence-steps,
    .rcm-campaign-style-options,
    .rcm-template-format-grid,
    .rcm-card-summary,
    .rcm-card-details,
    .rcm-draft-grid,
    .rcm-follow-up-summary,
    .rcm-follow-up-filters,
    .rcm-follow-up-create-grid,
    .rcm-follow-up-detail-grid,
    .rcm-follow-up-owner-grid,
    .rcm-metrics,
    .rcm-profile-grid,
    .rcm-touch-grid,
    .rcm-stats {
        grid-template-columns: 1fr;
    }

    .rcm-style-template-heading,
    .rcm-section-heading {
        display: grid;
    }

    .rcm-style-template-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .rcm-token-input {
        grid-template-columns: 1fr;
    }

    .rcm-beta-email-sequence-panel .rcm-touch-choice-grid {
        grid-template-columns: 1fr;
    }

    .rcm-beta-main {
        padding: 14px;
    }

    .rcm-request-sequence-guided .rcm-request-sequence-head,
    .rcm-beta-control-head,
    .rcm-beta-preview-toolbar,
    .rcm-beta-advanced-settings summary {
        align-items: stretch;
        flex-direction: column;
    }

    .rcm-request-sequence-guided .rcm-request-sequence-head p,
    .rcm-beta-control-head p {
        flex-basis: auto;
    }

    .rcm-beta-live-frame-wrap {
        height: 560px;
    }

    .rcm-beta-progress {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rcm-beta-actions [name="request_action"][value="draft"] {
        margin-left: 0;
    }

    .rcm-email-design-toolbar,
    .rcm-version-list li,
    .rcm-beta-live-edit-bar,
    .rcm-follow-up-header,
    .rcm-beta-email-note-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .rcm-view-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .rcm-help-search-panel {
        padding: 16px;
    }

    .rcm-help-controls {
        grid-template-columns: 1fr;
    }

    .rcm-help-card {
        grid-template-columns: 1fr;
    }

    .rcm-portal-header {
        align-items: stretch;
        flex-direction: column;
    }

    .rcm-portal-nav {
        justify-content: flex-start;
    }

    .rcm-view-banner p {
        text-align: left;
    }

    .rcm-view-controls-header,
    .rcm-saved-view-form,
    .rcm-section-lists,
    .rcm-section-item {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .rcm-view-controls-header,
    .rcm-request-sequence-head,
    .rcm-request-sequence-title,
    .rcm-section-item {
        flex-direction: column;
    }

    .rcm-section-actions {
        justify-content: flex-start;
    }

    .rcm-line-table div {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rcm-line-plot {
        padding-left: 30px;
    }

    .rcm-line-y-axis {
        width: 28px;
    }

    .rcm-line-y-axis span {
        left: 6px;
    }

    .rcm-line-marker-layer {
        left: 30px;
    }

    .rcm-detail-header {
        flex-direction: column;
    }

    .rcm-detail-actions {
        align-items: flex-start;
        width: 100%;
    }

    .rcm-email-preview-header {
        grid-template-columns: 1fr;
    }

    .rcm-email-preview-tools {
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
    }

    .rcm-email-preview-name {
        flex: 1 1 150px;
    }

    .rcm-email-preview-name input {
        width: 100%;
    }

    .rcm-email-preview-frame {
        height: calc(100vh - 260px);
        min-height: 360px;
    }

    .rcm-email-design-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .rcm-email-design-toolbar span {
        text-align: left;
    }

    .rcm-email-design-frame {
        height: 700px;
    }

    .rcm-command-attention-item,
    .rcm-command-health-row {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }
}

@media print {
    @page {
        margin: 0.35in;
        size: landscape;
    }

    body {
        background: #ffffff !important;
    }

    .rcm-portal-header,
    .rcm-page-header,
    .rcm-filters,
    .rcm-report-actions,
    .rcm-campaign-visibility,
    .rcm-card-action,
    .rcm-email-preview-dialog,
    .rcm-row-actions,
    .rcm-small-link,
    .rcm-table-action,
    button {
        display: none !important;
    }

    .rcm-frontend,
    .rcm-dashboard,
    .rcm-admin,
    .wrap.rcm-admin {
        background: #ffffff !important;
        margin: 0 !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .rcm-stats,
    .rcm-table-wrap {
        break-inside: avoid;
    }

    .rcm-table-wrap {
        overflow: visible !important;
        width: 100% !important;
    }

    .rcm-table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    .rcm-table th,
    .rcm-table td {
        color: #111827 !important;
        font-size: 8px !important;
        line-height: 1.25 !important;
        overflow-wrap: anywhere !important;
        padding: 4px !important;
        white-space: normal !important;
        word-break: normal !important;
    }

    .rcm-stage-table th:first-child,
    .rcm-stage-table td:first-child {
        min-width: 0 !important;
        width: 22% !important;
    }

    .rcm-stage-table .rcm-stage-id {
        width: 5% !important;
    }

    .rcm-stage-table th:nth-child(3),
    .rcm-stage-table td:nth-child(3),
    .rcm-stage-table th:last-child,
    .rcm-stage-table td:last-child {
        display: none !important;
    }

    .rcm-stage-table th:last-child,
    .rcm-stage-table td:last-child {
        min-width: 0 !important;
    }
}