/* CKY_PHASE8D_RESPONSIVE_LAYOUT_V2
   Full-site responsive layer. Presentation only.
   Loaded after existing page CSS and scoped to body.cky-responsive-v2.
*/

html {
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.cky-responsive-v2 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

body.cky-responsive-v2 *,
body.cky-responsive-v2 *::before,
body.cky-responsive-v2 *::after {
    min-width: 0;
}

body.cky-responsive-v2 img,
body.cky-responsive-v2 video,
body.cky-responsive-v2 canvas,
body.cky-responsive-v2 svg {
    max-width: 100%;
}

body.cky-responsive-v2 input,
body.cky-responsive-v2 select,
body.cky-responsive-v2 textarea,
body.cky-responsive-v2 button {
    max-width: 100%;
}

body.cky-responsive-v2 textarea {
    overflow-wrap: anywhere;
}

body.cky-responsive-v2 .table-wrap,
body.cky-responsive-v2 .table-scroll,
body.cky-responsive-v2 .cky-gov-table,
body.cky-responsive-v2 .lifecycle-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

/* The reviews page previously inherited the registration page's horizontal
   flex body because it did not load the older structure-fix stylesheet. */
body.cky-responsive-v2.cky-public-page,
body.cky-responsive-v2.cky-review-page {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.cky-responsive-v2.cky-review-page {
    min-height: 100vh;
    padding: 20px;
    background: #f1f5f9;
}

body.cky-responsive-v2.cky-review-page > .cky-dashboard-topbar,
body.cky-responsive-v2.cky-review-page > .cky-gov-shell {
    width: min(980px, 100%);
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

body.cky-responsive-v2.cky-review-page > .cky-dashboard-topbar {
    flex: 0 0 auto;
    margin-bottom: 16px;
}

body.cky-responsive-v2.cky-review-page > .cky-gov-shell {
    flex: 0 0 auto;
    padding: 0;
}

/* Shared shells */
body.cky-responsive-v2 .dashboard,
body.cky-responsive-v2 .brand-admin-shell,
body.cky-responsive-v2 .lifecycle-shell,
body.cky-responsive-v2 .cky-stage2-shell,
body.cky-responsive-v2 .cky-gov-shell,
body.cky-responsive-v2 .cky-legal-shell,
body.cky-responsive-v2 .cky-case-shell,
body.cky-responsive-v2 .cky-promotion-shell {
    max-width: 100%;
}

body.cky-responsive-v2 .cky-dashboard-topbar {
    max-width: 100%;
}

body.cky-responsive-v2 .cky-topbar-brand,
body.cky-responsive-v2 .cky-topbar-actions {
    min-width: 0;
}

body.cky-responsive-v2 .cky-topbar-brand strong,
body.cky-responsive-v2 .cky-topbar-brand small {
    overflow-wrap: anywhere;
}

body.cky-responsive-v2 .cky-gov-card,
body.cky-responsive-v2 .cky-public-card,
body.cky-responsive-v2 .card,
body.cky-responsive-v2 .panel,
body.cky-responsive-v2 .ops-card {
    max-width: 100%;
}

body.cky-responsive-v2 .cky-gov-meta > div,
body.cky-responsive-v2 .cky-case-meta > div,
body.cky-responsive-v2 .stat,
body.cky-responsive-v2 .ops-stat {
    min-width: 0;
    overflow-wrap: anywhere;
}

body.cky-responsive-v2 .cky-gov-pre,
body.cky-responsive-v2 .cky-provider-response,
body.cky-responsive-v2 .cky-case-response,
body.cky-responsive-v2 .cky-legal-body {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Brand settings scope card added in Phase 8C. */
body.cky-responsive-v2 .brand-binding-scope ul {
    display: grid;
    gap: 8px;
    margin: 12px 0 0;
    padding-left: 22px;
    color: #475569;
}

body.cky-responsive-v2 .brand-technical-note {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #f4d08a;
    border-radius: 10px;
    background: #fffaf0;
    color: #7c4a03;
    line-height: 1.55;
}

/* Keep the floating contact action away from content and browser controls. */
body.cky-responsive-v2 .cky-contact-widget {
    z-index: 6000 !important;
}

@media (max-width: 900px) {
    body.cky-responsive-v2 .brand-admin-shell,
    body.cky-responsive-v2 .lifecycle-shell,
    body.cky-responsive-v2 .cky-stage2-shell,
    body.cky-responsive-v2 .cky-gov-shell,
    body.cky-responsive-v2 .cky-legal-shell,
    body.cky-responsive-v2 .cky-case-shell,
    body.cky-responsive-v2 .cky-promotion-shell {
        width: min(100% - 20px, 100%);
        margin-left: auto;
        margin-right: auto;
    }

    body.cky-responsive-v2 .brand-grid,
    body.cky-responsive-v2 .form-grid.three,
    body.cky-responsive-v2 .cky-gov-grid,
    body.cky-responsive-v2 .cky-gov-two,
    body.cky-responsive-v2 .cky-case-grid,
    body.cky-responsive-v2 .cky-promotion-plans {
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2 .cky-dashboard-topbar,
    body.cky-responsive-v2 .brand-admin-topbar,
    body.cky-responsive-v2 .lifecycle-topbar,
    body.cky-responsive-v2 .cky-stage2-topbar {
        flex-wrap: wrap;
    }

    body.cky-responsive-v2 .brand-admin-actions,
    body.cky-responsive-v2 .cky-topbar-actions,
    body.cky-responsive-v2 .cky-stage2-top-actions,
    body.cky-responsive-v2 .inline-actions {
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    body.cky-responsive-v2 {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-bottom: calc(30px + env(safe-area-inset-bottom)) !important;
    }

    body.cky-responsive-v2.cky-entry-page,
    body.cky-responsive-v2.cky-admin-login-page,
    body.cky-responsive-v2.cky-admin-totp-verify-page,
    body.cky-responsive-v2.cky-admin-totp-setup-page {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.cky-responsive-v2 .dashboard,
    body.cky-responsive-v2 .brand-admin-shell,
    body.cky-responsive-v2 .lifecycle-shell,
    body.cky-responsive-v2 .cky-stage2-shell,
    body.cky-responsive-v2 .cky-gov-shell,
    body.cky-responsive-v2 .cky-legal-shell,
    body.cky-responsive-v2 .cky-case-shell,
    body.cky-responsive-v2 .cky-promotion-shell {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    body.cky-responsive-v2.cky-review-page {
        padding: 8px 8px calc(28px + env(safe-area-inset-bottom));
    }

    body.cky-responsive-v2.cky-review-page > .cky-dashboard-topbar,
    body.cky-responsive-v2.cky-review-page > .cky-gov-shell {
        width: 100%;
    }

    /* Topbars use two rows rather than compressing the page into a side rail. */
    body.cky-responsive-v2 .cky-dashboard-topbar,
    body.cky-responsive-v2 .brand-admin-topbar,
    body.cky-responsive-v2 .lifecycle-topbar,
    body.cky-responsive-v2 .cky-stage2-topbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center !important;
        gap: 10px;
        width: 100%;
        min-height: 0;
        margin-bottom: 12px;
        padding: 11px 12px;
    }

    body.cky-responsive-v2 .cky-topbar-brand {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    body.cky-responsive-v2 .cky-topbar-brand strong {
        font-size: .98rem;
        line-height: 1.3;
    }

    body.cky-responsive-v2 .cky-topbar-brand small {
        margin-top: 2px;
        font-size: .74rem;
        line-height: 1.35;
        white-space: normal;
    }

    body.cky-responsive-v2 .cky-topbar-actions,
    body.cky-responsive-v2 .brand-admin-actions,
    body.cky-responsive-v2 .cky-stage2-top-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 7px;
    }

    body.cky-responsive-v2 .cky-topbar-actions .cky-ops-action-link,
    body.cky-responsive-v2 .brand-admin-actions a,
    body.cky-responsive-v2 .cky-stage2-top-actions a {
        min-height: 40px;
        padding: 8px 10px;
        white-space: nowrap;
    }

    body.cky-responsive-v2 .cky-lang-mobile,
    body.cky-responsive-v2 .cky-lang-always {
        margin: 0;
    }

    body.cky-responsive-v2 .cky-lang-mobile select,
    body.cky-responsive-v2 .cky-lang-always select {
        min-height: 40px;
        font-size: 16px;
    }

    /* Dashboard information hierarchy */
    body.cky-responsive-v2 .dash-nav,
    body.cky-responsive-v2 .cky-ops-quick-actions,
    body.cky-responsive-v2 .cky-platform-links,
    body.cky-responsive-v2 .cky-gov-tabs,
    body.cky-responsive-v2 .lifecycle-tabs,
    body.cky-responsive-v2 .cky-stage2-filter-nav {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 7px;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    body.cky-responsive-v2 .dash-nav button,
    body.cky-responsive-v2 .cky-ops-quick-actions a,
    body.cky-responsive-v2 .cky-platform-links a,
    body.cky-responsive-v2 .cky-gov-tabs a,
    body.cky-responsive-v2 .lifecycle-tabs a,
    body.cky-responsive-v2 .cky-stage2-filter-nav a {
        flex: 0 0 auto;
        min-height: 44px;
        white-space: nowrap;
        scroll-snap-align: start;
    }

    body.cky-responsive-v2 .profile-card,
    body.cky-responsive-v2 .client-header,
    body.cky-responsive-v2 .cky-profile-summary-card,
    body.cky-responsive-v2 .cky-engineer-summary-card,
    body.cky-responsive-v2 .cky-public-card,
    body.cky-responsive-v2 .cky-gov-card,
    body.cky-responsive-v2 .card,
    body.cky-responsive-v2 .panel,
    body.cky-responsive-v2 .ops-card {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    /* Engineer profile: let progress and enhancement sections use full card width. */
    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-summary-main {
        display: grid;
        grid-template-columns: 70px minmax(0, 1fr);
        align-items: start;
        gap: 10px 12px;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-avatar-compact {
        grid-column: 1;
        grid-row: 1 / span 4;
        flex-basis: 70px;
        width: 70px !important;
        height: 70px !important;
        margin: 0;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity {
        display: contents;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity > h2,
    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity > .cky-engineer-meta-row,
    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity > .cky-summary-tags,
    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity > .cky-area-summary {
        grid-column: 2;
        margin-left: 0;
        margin-right: 0;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity > h2 {
        margin-top: 0;
        margin-bottom: 2px;
        font-size: 1.15rem;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity > .cky-profile-progress,
    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-identity > .cky-profile-enhancements {
        grid-column: 1 / -1;
        width: 100%;
    }

    body.cky-responsive-v2 .cky-engineer-meta-row,
    body.cky-responsive-v2 .cky-summary-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    body.cky-responsive-v2 .cky-provider-type-badge,
    body.cky-responsive-v2 .cky-cidb-badge,
    body.cky-responsive-v2 .cky-whatsapp-enabled-badge,
    body.cky-responsive-v2 .cky-summary-tag,
    body.cky-responsive-v2 .cky-summary-more {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.cky-responsive-v2 .cky-profile-progress-head {
        align-items: flex-start;
        gap: 8px;
    }

    body.cky-responsive-v2 .cky-profile-progress-head span {
        flex: 1;
    }

    body.cky-responsive-v2 .cky-profile-enhancements {
        margin-top: 10px;
        padding: 11px;
    }

    body.cky-responsive-v2 .cky-profile-enhancements li {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 7px;
        padding: 10px;
    }

    body.cky-responsive-v2 .cky-profile-enhancements li small {
        text-align: right;
    }

    body.cky-responsive-v2 .cky-profile-section > summary,
    body.cky-responsive-v2 .cky-engineer-details > summary,
    body.cky-responsive-v2 .cky-reviews-details > summary {
        min-height: 48px;
        padding: 12px 13px;
        font-size: .92rem;
        line-height: 1.35;
    }

    body.cky-responsive-v2 .cky-profile-section-body,
    body.cky-responsive-v2 .cky-engineer-details-body {
        padding: 6px 12px 14px;
    }

    /* Forms become single-column with touch-safe controls. */
    body.cky-responsive-v2 form {
        max-width: 100%;
    }

    body.cky-responsive-v2 .form-grid,
    body.cky-responsive-v2 .cky-form-grid-2,
    body.cky-responsive-v2 .cky-form-grid-3,
    body.cky-responsive-v2 .cky-stage2-form-grid,
    body.cky-responsive-v2 .cky-gov-grid,
    body.cky-responsive-v2 .cky-gov-two,
    body.cky-responsive-v2 .filters,
    body.cky-responsive-v2 .ops-grid,
    body.cky-responsive-v2 .ops-grid-3 {
        grid-template-columns: 1fr !important;
    }

    body.cky-responsive-v2 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    body.cky-responsive-v2 select,
    body.cky-responsive-v2 textarea,
    body.cky-responsive-v2 button,
    body.cky-responsive-v2 .btn,
    body.cky-responsive-v2 .cky-ops-action-link {
        min-height: 44px;
        font-size: 16px;
    }

    body.cky-responsive-v2 input[type="file"] {
        width: 100%;
        min-height: 48px;
        padding: 8px;
        overflow: hidden;
    }

    body.cky-responsive-v2 .input-group,
    body.cky-responsive-v2 .cky-form-actions,
    body.cky-responsive-v2 .form-actions,
    body.cky-responsive-v2 .actions {
        align-items: stretch;
        flex-wrap: wrap;
        gap: 9px;
    }

    body.cky-responsive-v2 .cky-form-actions {
        position: static;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /* Governance and review pages */
    body.cky-responsive-v2 .cky-gov-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.cky-responsive-v2 .cky-gov-history {
        overflow: hidden;
    }

    body.cky-responsive-v2 .cky-gov-history > summary {
        min-height: 44px;
        padding: 3px 0;
        cursor: pointer;
    }

    /* Admin pages */
    body.cky-responsive-v2.cky-admin-dashboard-page .layout,
    body.cky-responsive-v2.cky-admin-ops-page .layout {
        display: block !important;
    }

    body.cky-responsive-v2.cky-admin-dashboard-page .sidebar {
        position: static;
        display: flex;
        height: auto;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 6px;
        padding: 9px;
        border-right: 0;
        border-bottom: 1px solid #dfe5ee;
    }

    body.cky-responsive-v2.cky-admin-dashboard-page .sidebar .cky-admin-nav-group {
        display: none;
    }

    body.cky-responsive-v2.cky-admin-dashboard-page .sidebar .nav-link {
        flex: 0 0 auto;
        min-height: 42px;
        white-space: nowrap;
    }

    body.cky-responsive-v2.cky-admin-dashboard-page .main,
    body.cky-responsive-v2.cky-admin-ops-page .main {
        padding: 12px 4px 36px;
    }

    body.cky-responsive-v2 .stats,
    body.cky-responsive-v2 .ops-stats,
    body.cky-responsive-v2 .lifecycle-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.cky-responsive-v2 .page-title,
    body.cky-responsive-v2 .head {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    body.cky-responsive-v2 .brand-admin-topbar,
    body.cky-responsive-v2 .lifecycle-topbar,
    body.cky-responsive-v2 .cky-stage2-topbar {
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2 .brand-admin-actions,
    body.cky-responsive-v2 .cky-stage2-top-actions {
        justify-content: flex-start;
        width: 100%;
    }

    body.cky-responsive-v2 .brand-admin-actions a,
    body.cky-responsive-v2 .cky-stage2-top-actions a {
        flex: 0 1 auto;
    }

    body.cky-responsive-v2 .publish-box form,
    body.cky-responsive-v2 .table-wrap td form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.cky-responsive-v2.lifecycle-page .lifecycle-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2.lifecycle-page .lifecycle-actions details {
        width: 100%;
        min-width: 0;
    }

    /* Entry page and account states */
    body.cky-responsive-v2.cky-entry-page .cky-entry-shell,
    body.cky-responsive-v2.cky-entry-page .container {
        width: 100%;
        max-width: 100%;
    }

    body.cky-responsive-v2.cky-entry-page .options {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    body.cky-responsive-v2.cky-entry-page .card {
        width: 100%;
    }

    body.cky-responsive-v2.cky-restricted-page .cky-restricted-card {
        width: 100%;
        margin: 0;
    }

    /* Contact floating action and bottom sheet */
    body.cky-responsive-v2 .cky-contact-widget {
        left: auto !important;
        right: 14px !important;
        top: auto !important;
        bottom: calc(88px + env(safe-area-inset-bottom)) !important;
        transform: none !important;
    }

    body.cky-responsive-v2 .cky-contact-tab {
        width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 !important;
        border-radius: 50% !important;
    }

    body.cky-responsive-v2 .cky-contact-panel {
        left: 8px !important;
        right: 8px !important;
        top: auto !important;
        bottom: calc(8px + env(safe-area-inset-bottom)) !important;
        width: auto !important;
        max-height: min(78dvh, 620px) !important;
        padding: 22px 16px 16px !important;
        border-radius: 18px !important;
        overflow-y: auto;
    }
}

@media (max-width: 520px) {
    body.cky-responsive-v2 .cky-dashboard-topbar {
        grid-template-columns: 1fr;
        align-items: stretch !important;
    }

    body.cky-responsive-v2 .cky-topbar-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        justify-content: stretch;
        width: 100%;
    }

    body.cky-responsive-v2 .cky-topbar-actions > *,
    body.cky-responsive-v2 .cky-topbar-actions .cky-ops-action-link {
        width: 100%;
        max-width: none;
    }

    body.cky-responsive-v2 .cky-topbar-actions .cky-lang-mobile,
    body.cky-responsive-v2 .cky-topbar-actions .cky-lang-always {
        display: block;
    }

    body.cky-responsive-v2 .cky-topbar-actions select {
        width: 100%;
    }

    body.cky-responsive-v2 .cky-gov-meta,
    body.cky-responsive-v2 .cky-case-meta {
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2 .stats,
    body.cky-responsive-v2 .ops-stats,
    body.cky-responsive-v2 .lifecycle-stats {
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-summary-main {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 9px 10px;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-avatar-compact {
        flex-basis: 62px;
        width: 62px !important;
        height: 62px !important;
    }

    body.cky-responsive-v2 .cky-profile-enhancements-head {
        align-items: flex-start;
    }

    body.cky-responsive-v2 .cky-profile-enhancements li {
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2 .cky-profile-enhancements li small {
        text-align: left;
    }

    body.cky-responsive-v2 .cky-profile-progress-head {
        font-size: .78rem;
    }

    body.cky-responsive-v2 .brand-admin-actions,
    body.cky-responsive-v2 .cky-stage2-top-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2 .brand-admin-actions a,
    body.cky-responsive-v2 .cky-stage2-top-actions a,
    body.cky-responsive-v2 .brand-admin-actions span {
        width: 100%;
        text-align: center;
    }

    body.cky-responsive-v2 .actions,
    body.cky-responsive-v2 .form-actions,
    body.cky-responsive-v2 .cky-form-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2 .actions > *,
    body.cky-responsive-v2 .form-actions > *,
    body.cky-responsive-v2 .cky-form-actions > * {
        width: 100%;
    }

    body.cky-responsive-v2 .cky-public-card h1,
    body.cky-responsive-v2 .cky-gov-card h1 {
        font-size: clamp(1.45rem, 8vw, 1.85rem);
    }

    body.cky-responsive-v2 .cky-contact-widget {
        right: 12px !important;
        bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    }

    body.cky-responsive-v2 .cky-contact-tab {
        width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
    }
}

@media (max-width: 360px) {
    body.cky-responsive-v2 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.cky-responsive-v2 .cky-topbar-brand small {
        display: block;
        font-size: .68rem;
    }

    body.cky-responsive-v2 .cky-topbar-actions {
        grid-template-columns: 1fr;
    }

    body.cky-responsive-v2 .profile-card,
    body.cky-responsive-v2 .cky-profile-summary-card,
    body.cky-responsive-v2 .cky-public-card,
    body.cky-responsive-v2 .cky-gov-card,
    body.cky-responsive-v2 .card,
    body.cky-responsive-v2 .panel {
        padding: 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.cky-responsive-v2 *,
    body.cky-responsive-v2 *::before,
    body.cky-responsive-v2 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* CKY_PHASE8D_ENGINEER_IDENTITY_ALIGNMENT_HOTFIX_V1
   Keep the mobile professional identity block aligned with its content
   column instead of inheriting the legacy centred profile-card text. */
@media (max-width: 700px) {
    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-summary-card,
    body.cky-responsive-v2.cky-engineer-dashboard-page .cky-profile-summary-main {
        text-align: left !important;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > h2 {
        justify-self: start;
        align-self: start;
        width: 100%;
        margin: 0 0 3px !important;
        text-align: left !important;
        line-height: 1.25;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > .cky-engineer-meta-row,
    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > .cky-summary-tags,
    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > .cky-area-summary {
        justify-content: flex-start !important;
        justify-self: stretch;
        width: 100%;
        text-align: left !important;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > .cky-area-summary {
        margin-top: 2px;
    }
}

/* CKY_PHASE8D_ENGINEER_DESKTOP_AVATAR_ALIGNMENT_HOTFIX_V1
   The legacy desktop flex layout vertically centred the avatar against the
   complete identity column, including progress and enhancement panels.
   Align the avatar with the name and identity rows instead. */
@media (min-width: 701px) {
    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-summary-main {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: start;
        column-gap: 18px;
        row-gap: 0;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-avatar-compact {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        width: 92px !important;
        height: 92px !important;
        margin: 2px 0 0 !important;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity {
        grid-column: 2;
        min-width: 0;
        text-align: left !important;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > h2 {
        margin: 0 0 3px !important;
        text-align: left !important;
        line-height: 1.25;
    }

    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > .cky-engineer-meta-row,
    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > .cky-summary-tags,
    body.cky-responsive-v2.cky-engineer-dashboard-page
    .cky-profile-identity > .cky-area-summary {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}