:root {
    --controlc-v4-primary-font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --controlc-v4-heading-weight-regular: 500;
    --controlc-v4-heading-weight-strong: 600;
    --controlc-v4-radius-1: 6px;
    --controlc-v4-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.12);
    --controlc-v4-status-icon-size: 16px;
    --controlc-v4-status-icon-border-width: 1px;
    --controlc-v4-space-1: 8px;
    --controlc-v4-space-2: 16px;
    --controlc-v4-space-3: 24px;
    --controlc-v4-space-4: 32px;
    --controlc-v4-focus-ring-color: var(--controlc-v4-semantic-info);
    --controlc-v4-focus-ring-shadow: 0 0 0 3px rgba(21, 101, 192, 0.25);
    --controlc-semantic-protected-pass: #2E7D32;
    --controlc-semantic-caution-attention: #F9A825;
    --controlc-semantic-risk-failure: #C62828;
    --controlc-semantic-neutral-inactive: #6E757F;
    --controlc-semantic-info-ui-scaffolding: #1565C0;
    --controlc-semantic-protected-pass-light: var(--controlc-semantic-protected-pass);
    --controlc-semantic-caution-attention-light: var(--controlc-semantic-caution-attention);
    --controlc-semantic-risk-failure-light: var(--controlc-semantic-risk-failure);
    --controlc-semantic-neutral-inactive-light: var(--controlc-semantic-neutral-inactive);
    --controlc-semantic-info-ui-scaffolding-light: var(--controlc-semantic-info-ui-scaffolding);
    --controlc-semantic-protected-pass-dark: #81C784;
    --controlc-semantic-caution-attention-dark: #FDE68A;
    --controlc-semantic-risk-failure-dark: #FCA5A5;
    --controlc-semantic-neutral-inactive-dark: #D1D5DB;
    --controlc-semantic-info-ui-scaffolding-dark: #93C5FD;
    --controlc-v4-semantic-protected: var(--controlc-semantic-protected-pass);
    --controlc-v4-semantic-attention: var(--controlc-semantic-caution-attention);
    --controlc-v4-semantic-risk: var(--controlc-semantic-risk-failure);
    --controlc-v4-semantic-neutral: var(--controlc-semantic-neutral-inactive);
    --controlc-v4-semantic-info: var(--controlc-semantic-info-ui-scaffolding);
    --controlc-v4-semantic-protected-light: var(--controlc-semantic-protected-pass-light);
    --controlc-v4-semantic-attention-light: var(--controlc-semantic-caution-attention-light);
    --controlc-v4-semantic-risk-light: var(--controlc-semantic-risk-failure-light);
    --controlc-v4-semantic-neutral-light: var(--controlc-semantic-neutral-inactive-light);
    --controlc-v4-semantic-info-light: var(--controlc-semantic-info-ui-scaffolding-light);
    --controlc-v4-semantic-protected-dark: var(--controlc-semantic-protected-pass-dark);
    --controlc-v4-semantic-attention-dark: var(--controlc-semantic-caution-attention-dark);
    --controlc-v4-semantic-risk-dark: var(--controlc-semantic-risk-failure-dark);
    --controlc-v4-semantic-neutral-dark: var(--controlc-semantic-neutral-inactive-dark);
    --controlc-v4-semantic-info-dark: var(--controlc-semantic-info-ui-scaffolding-dark);
    --controlc-v4-semantic-on-solid: #fff;
    --controlc-v4-semantic-on-attention: #1f2937;
    --controlc-v4-semantic-protected-ink: #1f5a24;
    --controlc-v4-semantic-attention-ink: #7a5600;
    --controlc-v4-semantic-risk-ink: #7f1d1d;
    --controlc-v4-semantic-neutral-ink: #374151;
    --controlc-v4-semantic-info-ink: #0b4f97;
    --controlc-v4-semantic-protected-dark-ink: #dcfce7;
    --controlc-v4-semantic-attention-dark-ink: #fef3c7;
    --controlc-v4-semantic-risk-dark-ink: #fee2e2;
    --controlc-v4-semantic-neutral-dark-ink: #f3f4f6;
    --controlc-v4-semantic-info-dark-ink: #dbeafe;
}

[data-global-continuity-posture="true"],
[data-org-continuity-overview="true"],
[data-org-overview-score="true"],
[data-org-overview-entity-health="true"],
[data-org-overview-resource-usage="true"],
[data-org-overview-run-history="true"],
[data-run-detail-overview="true"],
[data-run-detail-timeline="true"],
[data-run-detail-proof="true"],
[data-run-detail-diffs="true"],
[data-run-detail-integrity="true"],
[data-plan-detail-overview="true"],
[data-plan-detail-readiness="true"],
[data-plan-detail-context="true"],
[data-plan-detail-cutover-controls="true"],
.controlc-continuity-score-banner,
.controlc-continuity-score-banner-eyebrow {
    font-family: var(--controlc-v4-primary-font-family);
}

[data-global-continuity-posture="true"] h1,
[data-global-continuity-posture="true"] h2,
[data-global-continuity-posture="true"] h3,
[data-global-continuity-posture="true"] h4,
[data-global-continuity-posture="true"] h5,
[data-global-continuity-posture="true"] h6,
[data-org-continuity-overview="true"] h1,
[data-org-continuity-overview="true"] h2,
[data-org-continuity-overview="true"] h3,
[data-org-continuity-overview="true"] h4,
[data-org-continuity-overview="true"] h5,
[data-org-continuity-overview="true"] h6,
[data-run-detail-overview="true"] h1,
[data-run-detail-overview="true"] h2,
[data-run-detail-overview="true"] h3,
[data-run-detail-overview="true"] h4,
[data-run-detail-overview="true"] h5,
[data-run-detail-overview="true"] h6,
[data-plan-detail-overview="true"] h1,
[data-plan-detail-overview="true"] h2,
[data-plan-detail-overview="true"] h3,
[data-plan-detail-overview="true"] h4,
[data-plan-detail-overview="true"] h5,
[data-plan-detail-overview="true"] h6,
.controlc-continuity-score-banner h1,
.controlc-continuity-score-banner h2,
.controlc-continuity-score-banner h3,
.controlc-continuity-score-banner h4,
.controlc-continuity-score-banner h5,
.controlc-continuity-score-banner h6 {
    font-weight: var(--controlc-v4-heading-weight-strong);
}

.controlc-continuity-score-banner-eyebrow {
    font-weight: var(--controlc-v4-heading-weight-regular);
}

.pc-sidebar .pc-link:focus-visible,
.btn-group[aria-label="Latest runs filter"] .btn:focus-visible,
[data-org-overview-run-history="true"] a:focus-visible,
[data-org-overview-run-history="true"] button:focus-visible {
    outline: 2px solid var(--controlc-v4-focus-ring-color);
    outline-offset: 2px;
    box-shadow: var(--controlc-v4-focus-ring-shadow);
    border-radius: var(--controlc-v4-radius-1);
}

[data-org-overview-run-history="true"] .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

[data-org-overview-run-history="true"] #latest-runs-table {
    min-width: 980px;
    margin-bottom: 0;
}

[data-org-overview-run-history="true"] #latest-runs-table thead th {
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f8fafc;
}

@media (max-width: 991.98px) {
    [data-org-continuity-overview="true"] .d-flex.flex-wrap.align-items-center.justify-content-between.gap-3.mb-3 {
        flex-direction: column;
        align-items: flex-start !important;
    }

    [data-org-continuity-overview="true"] .d-flex.flex-wrap.gap-4 {
        width: 100%;
        gap: var(--controlc-v4-space-2) !important;
    }

    [data-org-continuity-overview="true"] .d-flex.flex-wrap.gap-4 > div {
        min-width: 140px;
        flex: 1 1 calc(50% - var(--controlc-v4-space-1));
    }

    [data-org-overview-run-history="true"] .card-header {
        flex-direction: column;
        align-items: stretch !important;
    }

    [data-org-overview-run-history="true"] .btn-group[aria-label="Latest runs filter"] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    [data-org-overview-run-history="true"] .btn-group[aria-label="Latest runs filter"] {
        grid-template-columns: 1fr;
    }

    [data-org-continuity-overview="true"] .d-flex.flex-wrap.gap-4 > div {
        flex: 1 1 100%;
    }

    .controlc-continuity-score-banner {
        padding: var(--controlc-v4-space-1);
    }
}

[data-global-continuity-posture="true"],
[data-org-continuity-overview="true"],
[data-org-overview-score="true"],
[data-org-overview-entity-health="true"],
[data-org-overview-resource-usage="true"],
[data-org-overview-run-history="true"],
[data-run-detail-overview="true"],
[data-run-detail-timeline="true"],
[data-run-detail-proof="true"],
[data-run-detail-diffs="true"],
[data-run-detail-integrity="true"],
[data-plan-detail-overview="true"],
[data-plan-detail-readiness="true"],
[data-plan-detail-context="true"],
[data-plan-detail-cutover-controls="true"],
.controlc-continuity-score-banner {
    border-radius: var(--controlc-v4-radius-1);
    box-shadow: var(--controlc-v4-shadow-1);
}

[data-global-continuity-posture="true"] > .card-header,
[data-global-continuity-posture="true"] > .card-body,
[data-org-continuity-overview="true"] > .card-header,
[data-org-continuity-overview="true"] > .card-body,
[data-org-overview-resource-usage="true"] > .card-header,
[data-org-overview-resource-usage="true"] > .card-body,
[data-org-overview-run-history="true"] > .card-header,
[data-org-overview-run-history="true"] > .card-body,
[data-run-detail-overview="true"] > .card-header,
[data-run-detail-overview="true"] > .card-body,
[data-run-detail-timeline="true"] > .card-header,
[data-run-detail-timeline="true"] > .card-body,
[data-run-detail-proof="true"] > .card-header,
[data-run-detail-proof="true"] > .card-body,
[data-run-detail-diffs="true"] > .card-header,
[data-run-detail-diffs="true"] > .card-body,
[data-run-detail-integrity="true"] > .card-header,
[data-run-detail-integrity="true"] > .card-body,
[data-plan-detail-overview="true"] > .card-header,
[data-plan-detail-overview="true"] > .card-body,
[data-plan-detail-readiness="true"] > .card-header,
[data-plan-detail-readiness="true"] > .card-body,
[data-plan-detail-context="true"] > .card-header,
[data-plan-detail-context="true"] > .card-body,
[data-plan-detail-cutover-controls="true"] > .card-header,
[data-plan-detail-cutover-controls="true"] > .card-body {
    padding: var(--controlc-v4-space-2);
}

[data-org-continuity-overview="true"] > .card-header,
[data-run-detail-overview="true"] > .card-header,
[data-plan-detail-overview="true"] > .card-header {
    gap: var(--controlc-v4-space-1);
}

.controlc-continuity-score-banner {
    padding: var(--controlc-v4-space-2);
}

.controlc-continuity-score-banner-eyebrow {
    margin-bottom: var(--controlc-v4-space-1);
}

.controlc-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--controlc-v4-status-icon-size);
    height: var(--controlc-v4-status-icon-size);
    border-radius: 999px;
    font-size: 0.75rem;
    line-height: 1;
}

.controlc-status-icon-outline {
    background-color: transparent;
    border-style: solid;
    border-width: var(--controlc-v4-status-icon-border-width);
}

.controlc-status-icon-filled {
    border-style: solid;
    border-width: var(--controlc-v4-status-icon-border-width);
}

.controlc-status-icon-outline.controlc-status-icon-protected {
    color: var(--controlc-v4-semantic-protected);
    border-color: var(--controlc-v4-semantic-protected);
}

.controlc-status-icon-outline.controlc-status-icon-attention {
    color: var(--controlc-v4-semantic-attention);
    border-color: var(--controlc-v4-semantic-attention);
}

.controlc-status-icon-outline.controlc-status-icon-risk {
    color: var(--controlc-v4-semantic-risk);
    border-color: var(--controlc-v4-semantic-risk);
}

.controlc-status-icon-outline.controlc-status-icon-neutral {
    color: var(--controlc-v4-semantic-neutral);
    border-color: var(--controlc-v4-semantic-neutral);
}

.controlc-status-icon-outline.controlc-status-icon-info {
    color: var(--controlc-v4-semantic-info);
    border-color: var(--controlc-v4-semantic-info);
}

.controlc-status-icon-filled.controlc-status-icon-protected {
    background-color: var(--controlc-v4-semantic-protected);
    border-color: var(--controlc-v4-semantic-protected);
    color: var(--controlc-v4-semantic-on-solid);
}

.controlc-status-icon-filled.controlc-status-icon-attention {
    background-color: var(--controlc-v4-semantic-attention);
    border-color: var(--controlc-v4-semantic-attention);
    color: var(--controlc-v4-semantic-on-attention);
}

.controlc-status-icon-filled.controlc-status-icon-risk {
    background-color: var(--controlc-v4-semantic-risk);
    border-color: var(--controlc-v4-semantic-risk);
    color: var(--controlc-v4-semantic-on-solid);
}

.controlc-status-icon-filled.controlc-status-icon-neutral {
    background-color: var(--controlc-v4-semantic-neutral);
    border-color: var(--controlc-v4-semantic-neutral);
    color: var(--controlc-v4-semantic-on-solid);
}

.controlc-status-icon-filled.controlc-status-icon-info {
    background-color: var(--controlc-v4-semantic-info);
    border-color: var(--controlc-v4-semantic-info);
    color: var(--controlc-v4-semantic-on-solid);
}

.controlc-semantic-badge-protected {
    background-color: var(--controlc-v4-semantic-protected) !important;
    color: var(--controlc-v4-semantic-on-solid) !important;
}

.controlc-semantic-badge-attention {
    background-color: var(--controlc-v4-semantic-attention) !important;
    color: var(--controlc-v4-semantic-on-attention) !important;
}

.controlc-semantic-badge-risk {
    background-color: var(--controlc-v4-semantic-risk) !important;
    color: var(--controlc-v4-semantic-on-solid) !important;
}

.controlc-semantic-badge-neutral {
    background-color: var(--controlc-v4-semantic-neutral) !important;
    color: var(--controlc-v4-semantic-on-solid) !important;
}

.controlc-semantic-badge-info {
    background-color: var(--controlc-v4-semantic-info) !important;
    color: var(--controlc-v4-semantic-on-solid) !important;
}

.controlc-semantic-alert-protected {
    border: 1px solid var(--controlc-semantic-protected-pass) !important;
    background-color: rgba(46, 125, 50, 0.10) !important;
    color: #1f5a24 !important;
}

.controlc-semantic-alert-attention {
    border: 1px solid var(--controlc-semantic-caution-attention) !important;
    background-color: rgba(249, 168, 37, 0.16) !important;
    color: #7a5600 !important;
}

.controlc-semantic-alert-risk {
    border: 1px solid var(--controlc-semantic-risk-failure) !important;
    background-color: rgba(198, 40, 40, 0.10) !important;
    color: #7f1d1d !important;
}

.controlc-semantic-alert-neutral {
    border: 1px solid var(--controlc-semantic-neutral-inactive) !important;
    background-color: rgba(110, 117, 127, 0.12) !important;
    color: #374151 !important;
}

.controlc-semantic-alert-info {
    border: 1px solid var(--controlc-semantic-info-ui-scaffolding) !important;
    background-color: rgba(21, 101, 192, 0.10) !important;
    color: #0b4f97 !important;
}

.controlc-semantic-alert-protected-light {
    border: 1px solid var(--controlc-semantic-protected-pass-light) !important;
    background-color: rgba(46, 125, 50, 0.10) !important;
    color: #1f5a24 !important;
}

.controlc-semantic-alert-attention-light {
    border: 1px solid var(--controlc-semantic-caution-attention-light) !important;
    background-color: rgba(249, 168, 37, 0.16) !important;
    color: #7a5600 !important;
}

.controlc-semantic-alert-risk-light {
    border: 1px solid var(--controlc-semantic-risk-failure-light) !important;
    background-color: rgba(198, 40, 40, 0.10) !important;
    color: #7f1d1d !important;
}

.controlc-semantic-alert-neutral-light {
    border: 1px solid var(--controlc-semantic-neutral-inactive-light) !important;
    background-color: rgba(110, 117, 127, 0.12) !important;
    color: #374151 !important;
}

.controlc-semantic-alert-info-light {
    border: 1px solid var(--controlc-semantic-info-ui-scaffolding-light) !important;
    background-color: rgba(21, 101, 192, 0.10) !important;
    color: #0b4f97 !important;
}

.controlc-semantic-alert-protected-dark {
    border: 1px solid var(--controlc-semantic-protected-pass-dark) !important;
    background-color: rgba(129, 199, 132, 0.18) !important;
    color: #dcfce7 !important;
}

.controlc-semantic-alert-attention-dark {
    border: 1px solid var(--controlc-semantic-caution-attention-dark) !important;
    background-color: rgba(253, 230, 138, 0.18) !important;
    color: #fef3c7 !important;
}

.controlc-semantic-alert-risk-dark {
    border: 1px solid var(--controlc-semantic-risk-failure-dark) !important;
    background-color: rgba(252, 165, 165, 0.18) !important;
    color: #fee2e2 !important;
}

.controlc-semantic-alert-neutral-dark {
    border: 1px solid var(--controlc-semantic-neutral-inactive-dark) !important;
    background-color: rgba(209, 213, 219, 0.16) !important;
    color: #f3f4f6 !important;
}

.controlc-semantic-alert-info-dark {
    border: 1px solid var(--controlc-semantic-info-ui-scaffolding-dark) !important;
    background-color: rgba(147, 197, 253, 0.16) !important;
    color: #dbeafe !important;
}

.controlc-semantic-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 600;
}

.controlc-semantic-tag-protected {
    background-color: rgba(46, 125, 50, 0.12);
    color: var(--controlc-semantic-protected-pass);
}

.controlc-semantic-tag-attention {
    background-color: rgba(249, 168, 37, 0.20);
    color: #7a5600;
}

.controlc-semantic-tag-risk {
    background-color: rgba(198, 40, 40, 0.12);
    color: var(--controlc-semantic-risk-failure);
}

.controlc-semantic-tag-neutral {
    background-color: rgba(110, 117, 127, 0.12);
    color: var(--controlc-semantic-neutral-inactive);
}

.controlc-semantic-tag-info {
    background-color: rgba(21, 101, 192, 0.12);
    color: var(--controlc-semantic-info-ui-scaffolding);
}

.controlc-semantic-tag-protected-light {
    background-color: rgba(46, 125, 50, 0.12);
    color: var(--controlc-semantic-protected-pass-light);
}

.controlc-semantic-tag-attention-light {
    background-color: rgba(249, 168, 37, 0.20);
    color: #7a5600;
}

.controlc-semantic-tag-risk-light {
    background-color: rgba(198, 40, 40, 0.12);
    color: var(--controlc-semantic-risk-failure-light);
}

.controlc-semantic-tag-neutral-light {
    background-color: rgba(110, 117, 127, 0.12);
    color: var(--controlc-semantic-neutral-inactive-light);
}

.controlc-semantic-tag-info-light {
    background-color: rgba(21, 101, 192, 0.12);
    color: var(--controlc-semantic-info-ui-scaffolding-light);
}

.controlc-semantic-tag-protected-dark {
    background-color: rgba(129, 199, 132, 0.22);
    color: #dcfce7;
}

.controlc-semantic-tag-attention-dark {
    background-color: rgba(253, 230, 138, 0.22);
    color: #fef3c7;
}

.controlc-semantic-tag-risk-dark {
    background-color: rgba(252, 165, 165, 0.22);
    color: #fee2e2;
}

.controlc-semantic-tag-neutral-dark {
    background-color: rgba(209, 213, 219, 0.20);
    color: #f3f4f6;
}

.controlc-semantic-tag-info-dark {
    background-color: rgba(147, 197, 253, 0.22);
    color: #dbeafe;
}

.controlc-semantic-text-protected {
    color: var(--controlc-semantic-protected-pass) !important;
}

.controlc-semantic-text-attention {
    color: #7a5600 !important;
}

.controlc-semantic-text-risk {
    color: var(--controlc-semantic-risk-failure) !important;
}

.controlc-semantic-text-neutral {
    color: var(--controlc-semantic-neutral-inactive) !important;
}

.controlc-semantic-text-info {
    color: var(--controlc-semantic-info-ui-scaffolding) !important;
}

.controlc-semantic-text-protected-light {
    color: var(--controlc-semantic-protected-pass-light) !important;
}

.controlc-semantic-text-attention-light {
    color: #7a5600 !important;
}

.controlc-semantic-text-risk-light {
    color: var(--controlc-semantic-risk-failure-light) !important;
}

.controlc-semantic-text-neutral-light {
    color: var(--controlc-semantic-neutral-inactive-light) !important;
}

.controlc-semantic-text-info-light {
    color: var(--controlc-semantic-info-ui-scaffolding-light) !important;
}

.controlc-semantic-text-protected-dark {
    color: var(--controlc-semantic-protected-pass-dark) !important;
}

.controlc-semantic-text-attention-dark {
    color: var(--controlc-semantic-caution-attention-dark) !important;
}

.controlc-semantic-text-risk-dark {
    color: var(--controlc-semantic-risk-failure-dark) !important;
}

.controlc-semantic-text-neutral-dark {
    color: var(--controlc-semantic-neutral-inactive-dark) !important;
}

.controlc-semantic-text-info-dark {
    color: var(--controlc-semantic-info-ui-scaffolding-dark) !important;
}

.controlc-semantic-meter-protected {
    background-color: var(--controlc-semantic-protected-pass) !important;
}

.controlc-semantic-meter-attention {
    background-color: var(--controlc-semantic-caution-attention) !important;
}

.controlc-semantic-meter-risk {
    background-color: var(--controlc-semantic-risk-failure) !important;
}

.controlc-semantic-meter-neutral {
    background-color: var(--controlc-semantic-neutral-inactive) !important;
}

.controlc-semantic-meter-info {
    background-color: var(--controlc-semantic-info-ui-scaffolding) !important;
}

.parent-container {
    position: relative; /* Ensures the loader is positioned relative to this container */
    display: inline-block;
}

.element-to-blur {
    filter: none; /* Initially no blur */
    transition: filter 0.3s ease; /* Smooth transition when applying blur */
    pointer-events: auto;
}

.control-c-loader-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 10;
    pointer-events: none; /* Ensure loader doesn't block user interactions */
}

/* Apply blur when the loader is visible */
.parent-container.loading .element-to-blur {
    filter: blur(5px); /* Adjust the amount of blur */
    pointer-events: none;
}

.control-c-loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
}

.control-c-loader:before,
.control-c-loader:after {
    border-radius: 50%;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
}

.control-c-loader:before {
    animation: ball1 1s infinite;
    background-color: #cb2025;
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
}

.control-c-loader:after {
    animation: ball2 1s infinite;
    background-color: #00a096;
    box-shadow: 30px 0 0 #97bf0d;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(0.8);
        -moz-transform: rotate(0deg) scale(0.8);
    }
    50% {
        -webkit-transform: rotate(360deg) scale(1.2);
        -moz-transform: rotate(360deg) scale(1.2);
    }
    100% {
        -webkit-transform: rotate(720deg) scale(0.8);
        -moz-transform: rotate(720deg) scale(0.8);
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #f8b334;
    }
    50% {
        box-shadow: 0 0 0 #f8b334;
        margin-bottom: 0;
        -webkit-transform: translate(15px, 15px);
        -moz-transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #f8b334;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #97bf0d;
    }
    50% {
        box-shadow: 0 0 0 #97bf0d;
        margin-top: -20px;
        -webkit-transform: translate(15px, 15px);
        -moz-transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #97bf0d;
        margin-top: 0;
    }
}

#switchMenu {
    width: calc(100% + 100px);
}


.controlc-paycard {
    background-image: url('/images/application/img-pay-card-bg.png');
}

.controlc-paycard-img {
    width: 64px;
    height: 64px;
}

.controlc-paycard-img-amex {
    height: 29px;
    width: 30px;
}


.controlc-auth-header {
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(3rem, 6vw, 8rem);
    font-weight: bold;
    color: #5c5a5a;
    margin: 0;
    line-height: 1;
}

.controlc-auth-sub-header {
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(1.25rem, 2vw, 2rem);
    font-weight: normal;
    color: #DA2B31;
    margin: 0;
    line-height: 1;
}

@supports (font-size: clamp(40px, 2.5vw + 12px, 64px)) {
    .controlc-auth-header {
        font-size: clamp(40px, 2.5vw + 12px, 64px);
    }
}

.controlc-trademark {
    height: 40px;
    width: 190px;
}

.controlc-brand-header {
    height: auto !important;
    min-height: 104px;
}

.controlc-brand-lockup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    width: 100%;
    text-decoration: none;
}

.controlc-brand-logo {
    width: auto;
    max-width: 100%;
    max-height: 60px;
    height: 60px;
    margin: 0 !important;
    object-fit: contain;
    align-self: flex-start;
    display: block;
}

.controlc-brand-edition {
    margin-left: 0 !important;
    font-size: 0.65rem;
    letter-spacing: 0.02em;
    white-space: nowrap;
    padding: 0.2rem 0.55rem;
}

.controlc-brand-badge {
    background-color: #eef2f7;
    border: 1px solid #c9d2df;
    color: #314155;
}

.controlc-context-switcher-panel {
    border: 1px solid #d4dbe6;
    border-left: 4px solid var(--controlc-semantic-info-ui-scaffolding, #1565C0);
    border-radius: var(--controlc-v4-radius-1);
    background: #f8fafc;
    box-shadow: var(--controlc-v4-shadow-1);
    font-family: var(--controlc-v4-primary-font-family);
    padding: var(--controlc-v4-space-1) var(--controlc-v4-space-2);
}

.controlc-continuity-score-banner {
    border: 1px solid #d4dbe6;
    border-left: 4px solid var(--controlc-semantic-info-ui-scaffolding, #1565C0);
    border-radius: var(--controlc-v4-radius-1);
    background: #f8fafc;
    padding: var(--controlc-v4-space-2);
}

.controlc-continuity-score-banner-eyebrow {
    font-size: 0.75rem;
    font-weight: var(--controlc-v4-heading-weight-regular);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--controlc-semantic-info-ui-scaffolding, #1565C0);
    margin-bottom: var(--controlc-v4-space-1);
}

.controlc-mobile-brand {
    display: none;
    align-items: center;
    gap: 8px;
    margin-left: 8px;
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

.controlc-mobile-brand-logo {
    width: 96px;
    height: auto;
    object-fit: contain;
}

.controlc-mobile-brand-title {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pc-header-color);
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .pc-header .pc-mob-drp {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .controlc-mobile-brand {
        display: inline-flex;
    }

    /* Keep purpose-plane captions visible in the mobile sidebar so IA matches desktop grouping. */
    .pc-sidebar.mob-sidebar-active .pc-caption {
        display: block !important;
    }
}

@media (max-width: 575.98px) {
    .controlc-mobile-brand-logo {
        width: 84px;
    }

    .controlc-mobile-brand-title {
        font-size: 0.74rem;
    }
}

@media (max-width: 460px) {
    .controlc-mobile-brand-title {
        display: none;
    }
}