/* /Components/Grids/LeanGrid.razor.rz.scp.css */
.lg-wrap[b-xg19kcexdd] {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.lg-tbl[b-xg19kcexdd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10pt;
}

.lg-th[b-xg19kcexdd] {
    text-align: left;
    font-weight: 600;
    color: #3f4254;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 8px 12px;
    white-space: nowrap;
    user-select: none;
}

.lg-th-inner[b-xg19kcexdd] {
    display: inline-flex;
    align-items: center;
}

.lg-sortable[b-xg19kcexdd] {
    cursor: pointer;
}

.lg-sortable:hover[b-xg19kcexdd] {
    background: #eef0f2;
}

.lg-sort-ind[b-xg19kcexdd] {
    margin-left: 6px;
    font-size: 0.8em;
    opacity: 0.75;
}

.lg-td[b-xg19kcexdd] {
    padding: 8px 12px;
    border-bottom: 1px solid #eceef0;
    vertical-align: middle;
}

.lg-tbl tbody tr:last-child .lg-td[b-xg19kcexdd] {
    border-bottom: none;
}

.lg-tbl tbody tr:nth-child(even) .lg-td[b-xg19kcexdd] {
    background: #fafbfc;
}

.lg-tbl tbody tr:hover .lg-td[b-xg19kcexdd] {
    background: #f0f6ff;
}

.lg-c[b-xg19kcexdd] {
    text-align: center;
}

.lg-r[b-xg19kcexdd] {
    text-align: right;
}

.lg-msg[b-xg19kcexdd] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
}

/* Pager */
.lg-pager[b-xg19kcexdd] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    border-top: 1px solid #dee2e6;
    background: #fafbfc;
}

.lg-pager button[b-xg19kcexdd] {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    color: #3f4254;
    font-size: 0.85rem;
}

.lg-pager button:hover:not(:disabled)[b-xg19kcexdd] {
    background: #eef0f2;
}

.lg-pager button:disabled[b-xg19kcexdd] {
    opacity: 0.5;
    cursor: default;
}

.lg-pg-active[b-xg19kcexdd] {
    background: var(--a24x7-primary-color, #2b6cb0) !important;
    color: #fff !important;
    border-color: var(--a24x7-primary-color, #2b6cb0) !important;
}

.lg-pg-info[b-xg19kcexdd] {
    margin-left: auto;
    color: #6c757d;
    font-size: 0.85em;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-en1mc0e9ae] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-en1mc0e9ae] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Pages/Account/TeamInsights.razor.rz.scp.css */
/* ── Team Insights home (scoped) ── */
.ti-toolbar[b-e2xsienew2] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.ti-search[b-e2xsienew2] {
    position: relative;
    width: 100%;
    max-width: 320px;
}

.ti-search .fa-magnifying-glass[b-e2xsienew2] {
    position: absolute;
    left: .65rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: .8rem;
}

.ti-search input[b-e2xsienew2] {
    padding-left: 2rem;
}

.ti-empty[b-e2xsienew2] {
    padding: 2rem 1rem;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 14px;
    margin-bottom: 1rem;
}

.ti-cards[b-e2xsienew2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.ti-card[b-e2xsienew2] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    border: 1px solid #eef2f7;
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--a24x7-primary-color) 7%, #fff) 0%, #fff 55%),
        #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: box-shadow .15s ease, transform .15s ease;
}

.ti-card:hover[b-e2xsienew2] {
    box-shadow: 0 8px 22px rgba(15, 23, 42, .1);
    transform: translateY(-1px);
    color: inherit;
}

.ti-card-head[b-e2xsienew2] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}

.ti-card-icon[b-e2xsienew2] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--a24x7-primary-color);
    background: color-mix(in srgb, var(--a24x7-primary-color) 12%, #fff);
}

.ti-card-titles[b-e2xsienew2] {
    min-width: 0;
}

.ti-card-name[b-e2xsienew2] {
    font-weight: 700;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ti-card-sub[b-e2xsienew2] {
    font-size: .75rem;
    color: #64748b;
}

.ti-mix[b-e2xsienew2] {
    display: flex;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: #f1f5f9;
}

.ti-mix-seg[b-e2xsienew2] {
    height: 100%;
}

.ti-mix-none[b-e2xsienew2] {
    background: #cbd5e1;
}

.ti-mix-key[b-e2xsienew2] {
    display: flex;
    gap: .75rem;
    font-size: .72rem;
    font-weight: 600;
    color: #475569;
}

.ti-mix-key-item[b-e2xsienew2] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.ti-mix-dot[b-e2xsienew2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.ti-card-foot[b-e2xsienew2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .78rem;
    color: #64748b;
    margin-top: auto;
}

.ti-card-open[b-e2xsienew2] {
    font-weight: 600;
    color: var(--a24x7-primary-color);
}
/* /Components/Pages/Account/TeamInsightsTeam.razor.rz.scp.css */
/* ── Team Insights team page (scoped). Shared by the tab components through ::deep. ── */
.ti-page[b-yhm76v604e]  .ti-empty {
    padding: 2rem 1rem;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
    border-radius: 14px;
    margin-bottom: 1rem;
}

.ti-context[b-yhm76v604e] {
    display: flex;
    gap: 1rem;
    font-size: .8rem;
    color: #64748b;
    margin: -.25rem 0 .75rem;
}

/* Tabs */
.ti-tabs[b-yhm76v604e] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    padding: .3rem;
    margin-bottom: 1rem;
    background: #f1f5f9;
    border-radius: 12px;
    width: fit-content;
    max-width: 100%;
}

.ti-tab[b-yhm76v604e] {
    border: 0;
    background: transparent;
    padding: .4rem .9rem;
    border-radius: 9px;
    font-size: .85rem;
    font-weight: 600;
    color: #475569;
}

.ti-tab:hover[b-yhm76v604e] {
    color: #0f172a;
}

.ti-tab.active[b-yhm76v604e] {
    background: #fff;
    color: var(--a24x7-primary-color);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
}

/* Panels */
.ti-page[b-yhm76v604e]  .ti-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.ti-page[b-yhm76v604e]  .ti-panel {
    padding: 1rem 1.1rem;
    border-radius: 14px;
    border: 1px solid #eef2f7;
    background: #fff;
    margin-bottom: 1rem;
    overflow-x: auto;
}

.ti-page[b-yhm76v604e]  .ti-grid > .ti-panel {
    margin-bottom: 0;
}

.ti-page[b-yhm76v604e]  .ti-panel-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
}

.ti-page[b-yhm76v604e]  .ti-panel-title {
    margin: 0;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #475569;
}

.ti-page[b-yhm76v604e]  .ti-note {
    font-size: .78rem;
    color: #64748b;
    margin-top: .5rem;
}

/* Summary strip */
.ti-page[b-yhm76v604e]  .ti-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.ti-page[b-yhm76v604e]  .ti-stat {
    padding: .75rem 1rem;
    border-radius: 14px;
    border: 1px solid #eef2f7;
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--a24x7-primary-color) 7%, #fff) 0%, #fff 55%),
        #fff;
}

.ti-page[b-yhm76v604e]  .ti-stat-num {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

.ti-page[b-yhm76v604e]  .ti-stat-label {
    font-size: .72rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* Roster and other tables */
.ti-page[b-yhm76v604e]  .ti-roster {
    width: 100%;
    border-collapse: collapse;
    font-size: .85rem;
}

.ti-page[b-yhm76v604e]  .ti-roster th {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #64748b;
    padding: .4rem .5rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    white-space: nowrap;
}

.ti-page[b-yhm76v604e]  .ti-roster td {
    padding: .5rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.ti-page[b-yhm76v604e]  .ti-row-candidate td {
    background: repeating-linear-gradient(135deg, #fff, #fff 8px, #f8fafc 8px, #f8fafc 16px);
}

.ti-page[b-yhm76v604e]  .ti-person {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ti-page[b-yhm76v604e]  .ti-person-name {
    font-weight: 600;
    color: #0f172a;
}

.ti-page[b-yhm76v604e]  .ti-initials {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .68rem;
    font-weight: 800;
}

.ti-page[b-yhm76v604e]  .ti-initials-sm {
    width: 20px;
    height: 20px;
    font-size: .58rem;
    margin-right: .35rem;
}

.ti-page[b-yhm76v604e]  .ti-letter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 .3rem;
    border-radius: 8px;
    font-weight: 900;
    font-size: .9rem;
}

.ti-page[b-yhm76v604e]  .ti-chip {
    --ti-chip: #64748b;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .15rem .55rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    color: #0f172a;
    background: color-mix(in srgb, var(--ti-chip) 14%, #fff);
    border: 1px solid color-mix(in srgb, var(--ti-chip) 35%, #fff);
    white-space: nowrap;
}

.ti-page[b-yhm76v604e]  .ti-chip b {
    color: color-mix(in srgb, var(--ti-chip) 70%, #000);
}

.ti-page[b-yhm76v604e]  .ti-chip-plain {
    --ti-chip: var(--a24x7-primary-color);
}

.ti-page[b-yhm76v604e]  .ti-tag {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .1rem .45rem;
    border-radius: 6px;
}

.ti-page[b-yhm76v604e]  .ti-tag-candidate {
    color: #7c3aed;
    background: #f5f3ff;
    border: 1px dashed #a78bfa;
}

.ti-page[b-yhm76v604e]  .ti-status {
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.ti-page[b-yhm76v604e]  .ti-status-ok { color: #15803d; }
.ti-page[b-yhm76v604e]  .ti-status-loading { color: #64748b; }
.ti-page[b-yhm76v604e]  .ti-status-failed { color: #b45309; }
.ti-page[b-yhm76v604e]  .ti-status-styleonly { color: #64748b; }

/* DISC tab */
.ti-page[b-yhm76v604e]  .ti-toggle {
    display: inline-flex;
    padding: .2rem;
    background: #f1f5f9;
    border-radius: 9px;
}

.ti-page[b-yhm76v604e]  .ti-toggle-btn {
    border: 0;
    background: transparent;
    padding: .25rem .65rem;
    border-radius: 7px;
    font-size: .75rem;
    font-weight: 600;
    color: #475569;
}

.ti-page[b-yhm76v604e]  .ti-toggle-btn.active {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .12);
}

.ti-page[b-yhm76v604e]  .ti-wheel-people {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem .9rem;
    margin-top: .75rem;
    font-size: .75rem;
    color: #334155;
}

.ti-page[b-yhm76v604e]  .ti-wheel-person {
    display: inline-flex;
    align-items: center;
}

.ti-page[b-yhm76v604e]  .ti-wheel-person-candidate {
    font-style: italic;
}

.ti-page[b-yhm76v604e]  .ti-style-counts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
    margin-top: .75rem;
}

.ti-page[b-yhm76v604e]  .ti-style-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
    padding: .5rem;
    border-radius: 10px;
    background: #f8fafc;
}

.ti-page[b-yhm76v604e]  .ti-style-count-num {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
}

.ti-page[b-yhm76v604e]  .ti-style-count-label {
    font-size: .68rem;
    color: #64748b;
    text-align: center;
}

.ti-page[b-yhm76v604e]  .ti-shift {
    --ti-chip: #64748b;
    display: inline-block;
    margin-right: .35rem;
    padding: .1rem .45rem;
    border-radius: 6px;
    font-size: .75rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--ti-chip) 14%, #fff);
    color: color-mix(in srgb, var(--ti-chip) 70%, #000);
}

/* Progress card, fixed so it stays put while the page scrolls (same as Royalty Reports). */
.ti-progress[b-yhm76v604e] {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 1080;
    width: 19rem;
    max-width: calc(100vw - 2.5rem);
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
    padding: 0.75rem 0.9rem;
}

.ti-progress-head[b-yhm76v604e] {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.5rem;
}

.ti-progress-head .fa-people-group[b-yhm76v604e] {
    color: var(--a24x7-primary-color);
}

.ti-progress-count[b-yhm76v604e] {
    margin-left: auto;
    font-weight: 500;
    font-size: 0.72rem;
    color: #6b7280;
    white-space: nowrap;
}

.ti-progress-track[b-yhm76v604e] {
    height: 0.4rem;
    border-radius: 999px;
    background: #f1f3f5;
    overflow: hidden;
}

.ti-progress-bar[b-yhm76v604e] {
    height: 100%;
    border-radius: 999px;
    background: var(--a24x7-primary-color);
    transition: width 0.25s ease;
}

.ti-progress-detail[b-yhm76v604e] {
    margin-top: 0.45rem;
    font-size: 0.72rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Motivators tab */
.ti-page[b-yhm76v604e]  .ti-heat {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    font-size: .8rem;
}

.ti-page[b-yhm76v604e]  .ti-heat thead th {
    font-size: .68rem;
    font-weight: 700;
    color: #475569;
    text-align: center;
    padding: .25rem;
    vertical-align: bottom;
}

.ti-page[b-yhm76v604e]  .ti-heat-key {
    --ti-chip: #64748b;
    display: inline-block;
    padding-bottom: .2rem;
    border-bottom: 3px solid var(--ti-chip);
}

.ti-page[b-yhm76v604e]  .ti-heat tbody th {
    font-weight: 600;
    color: #0f172a;
    padding: .35rem .5rem .35rem 0;
    white-space: nowrap;
}

.ti-page[b-yhm76v604e]  .ti-heat-cell {
    text-align: center;
    font-weight: 700;
    color: #0f172a;
    border-radius: 6px;
    padding: .45rem .25rem;
    min-width: 44px;
}

.ti-page[b-yhm76v604e]  .ti-rank-list {
    margin: 0;
    padding-left: 1.25rem;
}

.ti-page[b-yhm76v604e]  .ti-rank-list li {
    margin-bottom: .5rem;
}

.ti-page[b-yhm76v604e]  .ti-rank-meta {
    display: block;
    font-size: .75rem;
    color: #64748b;
    margin-top: .15rem;
}

.ti-page[b-yhm76v604e]  .ti-clash {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .5rem 0;
    border-top: 1px solid #f1f5f9;
}

.ti-page[b-yhm76v604e]  .ti-clash-sides {
    font-size: .8rem;
    color: #334155;
}

/* EI tab */
.ti-page[b-yhm76v604e]  .ti-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
}

.ti-page[b-yhm76v604e]  .ti-count-up {
    background: #dcfce7;
    color: #166534;
}

.ti-page[b-yhm76v604e]  .ti-count-down {
    background: #fef3c7;
    color: #92400e;
}

/* Pairs tab */
.ti-page[b-yhm76v604e]  .ti-matrix-wrap {
    overflow-x: auto;
}

.ti-page[b-yhm76v604e]  .ti-matrix {
    border-collapse: separate;
    border-spacing: 3px;
    font-size: .75rem;
}

.ti-page[b-yhm76v604e]  .ti-matrix thead th {
    text-align: center;
    font-weight: 800;
    color: #475569;
}

.ti-page[b-yhm76v604e]  .ti-matrix-head {
    display: inline-block;
    min-width: 34px;
}

.ti-page[b-yhm76v604e]  .ti-matrix tbody th {
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    padding-right: .5rem;
}

.ti-page[b-yhm76v604e]  .ti-matrix-candidate {
    font-style: italic;
}

.ti-page[b-yhm76v604e]  .ti-matrix td {
    width: 38px;
    height: 32px;
    text-align: center;
    font-weight: 800;
    color: #0f172a;
    border-radius: 6px;
}

.ti-page[b-yhm76v604e]  .ti-pick {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.ti-page[b-yhm76v604e]  .ti-pick-btn {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 999px;
    padding: .3rem .8rem;
    font-size: .8rem;
    font-weight: 600;
    color: #334155;
}

.ti-page[b-yhm76v604e]  .ti-pick-btn.active {
    border-color: var(--a24x7-primary-color);
    background: color-mix(in srgb, var(--a24x7-primary-color) 10%, #fff);
    color: #0f172a;
}

.ti-page[b-yhm76v604e]  .ti-vs-list {
    margin-top: .75rem;
    border-top: 1px solid #f1f5f9;
}

.ti-page[b-yhm76v604e]  .ti-vs-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .45rem 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: .85rem;
}

/* What if */
.ti-page[b-yhm76v604e]  .ti-whatif {
    padding: .6rem .9rem;
    border: 1px dashed #c4b5fd;
    background: #faf5ff;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.ti-page[b-yhm76v604e]  .ti-whatif-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.ti-page[b-yhm76v604e]  .ti-whatif-title {
    font-size: .8rem;
    font-weight: 700;
    color: #6d28d9;
    margin-right: .25rem;
}

.ti-page[b-yhm76v604e]  .ti-whatif-chip {
    display: inline-flex;
    align-items: center;
    gap: .15rem;
    padding: .15rem .3rem .15rem .6rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    background: #fff;
    border: 1px dashed #a78bfa;
    color: #4c1d95;
}

.ti-page[b-yhm76v604e]  .ti-whatif-chip-btn {
    border: 0;
    background: transparent;
    color: #7c3aed;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: .7rem;
}

.ti-page[b-yhm76v604e]  .ti-whatif-chip-btn:hover {
    background: #ede9fe;
}

.ti-page[b-yhm76v604e]  .ti-whatif-picker {
    margin-top: .5rem;
    max-width: 420px;
}

.ti-page[b-yhm76v604e]  .ti-whatif-results {
    margin-top: .35rem;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.ti-page[b-yhm76v604e]  .ti-whatif-result {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    background: #fff;
    padding: .35rem .6rem;
    font-size: .85rem;
}

.ti-page[b-yhm76v604e]  .ti-whatif-result:hover {
    background: #f8fafc;
}

/* AI Coach tab */
.ti-page[b-yhm76v604e]  .ti-coach-head {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin-bottom: .75rem;
}

.ti-page[b-yhm76v604e]  .ti-coach-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #8b5cf6, var(--a24x7-primary-color));
}

.ti-page[b-yhm76v604e]  .ti-coach-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .75rem;
}

.ti-page[b-yhm76v604e]  .ti-coach-chip {
    border: 1px solid #ddd6fe;
    background: #faf5ff;
    color: #5b21b6;
    border-radius: 999px;
    padding: .3rem .8rem;
    font-size: .8rem;
    font-weight: 600;
}

.ti-page[b-yhm76v604e]  .ti-coach-chip:disabled {
    opacity: .55;
}

.ti-page[b-yhm76v604e]  .ti-coach-thread {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .75rem;
}

.ti-page[b-yhm76v604e]  .ti-coach-q {
    align-self: flex-end;
    max-width: 85%;
    padding: .5rem .75rem;
    border-radius: 12px 12px 2px 12px;
    background: var(--a24x7-primary-color);
    color: #fff;
    font-size: .85rem;
}

.ti-page[b-yhm76v604e]  .ti-coach-a {
    align-self: flex-start;
    max-width: 90%;
    padding: .6rem .8rem;
    border-radius: 12px 12px 12px 2px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    color: #0f172a;
    font-size: .85rem;
    white-space: pre-line;
}

.ti-page[b-yhm76v604e]  .ti-coach-thinking {
    color: #64748b;
}

.ti-page[b-yhm76v604e]  .ti-coach-input {
    display: flex;
    gap: .5rem;
}
/* /Components/Pages/Admin/Accounts.razor.rz.scp.css */
.acct-filter-bar[b-bzngds2s0d] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.acct-filter-row[b-bzngds2s0d] {
    display: flex;
    align-items: flex-end;
    gap: 0.6rem;
}

.acct-filter-field[b-bzngds2s0d] {
    flex: 1;
    min-width: 0;
}

.acct-filter-label[b-bzngds2s0d] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.2rem;
}

.acct-filter-check[b-bzngds2s0d] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding-bottom: 0.3rem;
    white-space: nowrap;
}

.acct-filter-actions[b-bzngds2s0d] {
    display: flex;
    gap: 0.35rem;
    margin-left: auto;
    padding-bottom: 1px;
}

/* Telerik grid internals (reached via ::deep from a scoped wrapper) */
.acct-grid-wrap[b-bzngds2s0d]  .k-grid-table {
    font-size: 10pt;
}

.acct-grid-wrap[b-bzngds2s0d]  .k-loading-mask {
    display: none !important;
}

/* non-sortable headers */
.acct-grid-wrap[b-bzngds2s0d]  .k-grid th.center-me {
    text-align: center;
}

/* sortable headers */
.acct-grid-wrap[b-bzngds2s0d]  th.center-me .k-cell-inner > .k-link {
    justify-content: center;
}

/* Action dropdown */
.acct-action-dropdown[b-bzngds2s0d] {
    position: fixed;
    z-index: 1000;
    min-width: 220px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    padding: 4px;
}

.acct-action-header[b-bzngds2s0d] {
    padding: 0.35rem 0.55rem 0.3rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acct-action-menu[b-bzngds2s0d] {
    display: flex;
    flex-direction: column;
    padding: 0.1rem 0.2rem 0.2rem;
}

.acct-action-item[b-bzngds2s0d] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 0.45rem;
    font-size: 0.85rem;
    background: none;
    border: none;
    color: #343a40;
    text-align: left;
    width: 100%;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.12s;
}

.acct-action-item:hover[b-bzngds2s0d] {
    background: #f0f4ff;
}

.acct-action-icon[b-bzngds2s0d] {
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

.acct-action-icon-primary[b-bzngds2s0d] {
    color: var(--a24x7-primary-color);
}

.acct-action-icon-login[b-bzngds2s0d] {
    color: #198754;
}

.acct-action-divider[b-bzngds2s0d] {
    border-top: 1px solid #e9ecef;
    margin: 0.25rem 0;
}

.acct-action-backdrop[b-bzngds2s0d] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

.acct-name-primary[b-bzngds2s0d] {
    font-weight: 600;
    line-height: 1.2;
}

.acct-name-tag[b-bzngds2s0d] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 1px;
}

/* faded inline icon inside the name-stack tags */
.acct-name-tag .fa-solid[b-bzngds2s0d] {
    opacity: 0.5;
    margin-right: 0.25rem;
}

.acct-subaccount-badge[b-bzngds2s0d] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.1rem 0.45rem;
    border-radius: 20px;
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
    margin-top: 0.25rem;
    cursor: pointer;
    transition: background 0.12s;
    white-space: nowrap;
}

.acct-subaccount-badge:hover[b-bzngds2s0d] {
    background: #bae6fd;
}

.acct-subaccount-banner[b-bzngds2s0d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}

.acct-icon-primary[b-bzngds2s0d] {
    color: var(--a24x7-primary-color);
}

.acct-delete-cell[b-bzngds2s0d] {
    width: 100%;
    text-align: center;
}
/* /Components/Widgets/Account/TeamInsights/TeamEditModal.razor.rz.scp.css */
/* Team Insights create/edit window (scoped). */
.ti-edit-chips[b-05yo67jhps] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .6rem;
    min-height: 1.75rem;
}

.ti-edit-chip[b-05yo67jhps] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .35rem .2rem .65rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    color: #0f172a;
    background: color-mix(in srgb, var(--a24x7-primary-color) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--a24x7-primary-color) 30%, #fff);
}

.ti-edit-chip-remove[b-05yo67jhps] {
    border: 0;
    background: transparent;
    color: #64748b;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
}

.ti-edit-chip-remove:hover[b-05yo67jhps] {
    background: #fee2e2;
    color: #b91c1c;
}

.ti-edit-results[b-05yo67jhps] {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: .5rem;
}

.ti-edit-result[b-05yo67jhps] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .35rem .6rem;
    font-size: .85rem;
    border-bottom: 1px solid #f1f5f9;
}

.ti-edit-result:last-child[b-05yo67jhps] {
    border-bottom: 0;
}
/* /Components/Widgets/EndUser/Insights/Charts/InsightBars.razor.rz.scp.css */
/* ── InsightBars (scoped) ── */
.ins-chart[b-bif93g1wr5] {
    min-height: 250px;
    margin: 0 -.35rem;
}
/* /Components/Widgets/EndUser/Insights/Charts/InsightRadar.razor.rz.scp.css */
/* ── InsightRadar (scoped) ── */
.ins-radar[b-mi81vvzg6j] {
    min-height: 260px;
    margin: 0 -.5rem;
}

/* Key under the chart when the spokes are numbered (AxisKey). */
.ins-radar-key[b-mi81vvzg6j] {
    list-style: none;
    margin: .25rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .45rem 1.1rem;
}

.ins-radar-key li[b-mi81vvzg6j] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .85rem;
    font-weight: 600;
    color: #334155;
}

.ins-radar-key-dot[b-mi81vvzg6j] {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 800;
    color: var(--ins-key-on, #fff);
    background: var(--ins-key, #64748b);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .2);
}
/* /Components/Widgets/EndUser/Insights/DiscInsight.razor.rz.scp.css */
/* ── DISC insight (scoped) ── */
.ins-disc[b-ht4x9a3u8i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Hero ── */
.ins-hero[b-ht4x9a3u8i] {
    display: grid;
    grid-template-columns: minmax(220px, 300px) 1fr;
    gap: 1.5rem;
    align-items: center;
    padding: 1.25rem;
    border-radius: 14px;
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--a24x7-primary-color) 9%, #fff) 0%, #fff 55%),
        #fff;
    border: 1px solid #eef2f7;
}

.ins-hero-styleonly[b-ht4x9a3u8i] {
    grid-template-columns: 1fr;
}

.ins-eyebrow[b-ht4x9a3u8i] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: .6rem;
}

.ins-eyebrow-sep[b-ht4x9a3u8i] {
    margin: 0 .4rem;
    opacity: .6;
}

.ins-style-row[b-ht4x9a3u8i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: .75rem;
}

.ins-badge[b-ht4x9a3u8i] {
    --ins-badge: #64748b;
    min-width: 64px;
    height: 64px;
    padding: 0 .6rem;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .04em;
    color: var(--ins-badge-on, #fff);
    background: linear-gradient(135deg, var(--ins-badge), color-mix(in srgb, var(--ins-badge) 60%, #fff));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ins-badge) 35%, transparent);
    animation: ins-pop-b-ht4x9a3u8i .5s cubic-bezier(.34, 1.56, .64, 1) both;
}

.ins-style-name[b-ht4x9a3u8i] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    line-height: 1.2;
}

.ins-mostly[b-ht4x9a3u8i] {
    display: inline-block;
    margin-top: .3rem;
    font-size: .78rem;
    font-weight: 700;
    color: #334155;
    background: #f1f5f9;
    border-radius: 999px;
    padding: .15rem .65rem;
}

.ins-overview[b-ht4x9a3u8i] {
    font-size: .9rem;
    line-height: 1.6;
    color: #334155;
    margin: 0;
}

.ins-completed[b-ht4x9a3u8i] {
    margin-top: .65rem;
    font-size: .75rem;
    color: #94a3b8;
}

/* ── Cards ── */
.ins-grid[b-ht4x9a3u8i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.ins-card[b-ht4x9a3u8i] {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
    transition: box-shadow .2s, transform .2s;
    min-width: 0;
}

.ins-card:hover[b-ht4x9a3u8i] {
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.ins-card-head[b-ht4x9a3u8i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .25rem;
}

.ins-card-title[b-ht4x9a3u8i] {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #475569;
    margin-bottom: .6rem;
}

.ins-card-head .ins-card-title[b-ht4x9a3u8i] {
    margin-bottom: 0;
}

/* Segmented toggle (handled in js/insights.js — no round-trip) */
.ins-seg[b-ht4x9a3u8i] {
    display: inline-flex;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 3px;
}

.ins-seg-btn[b-ht4x9a3u8i] {
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: .75rem;
    font-weight: 700;
    padding: .3rem .75rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s, color .15s, box-shadow .15s;
}

.ins-seg-swatch[b-ht4x9a3u8i] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    margin-right: .35rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.ins-seg-btn:hover[b-ht4x9a3u8i] {
    color: #0f172a;
}

.ins-seg-btn.active[b-ht4x9a3u8i] {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .12);
}

.ins-dim-key[b-ht4x9a3u8i] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .9rem;
    font-size: .74rem;
    color: #64748b;
}

.ins-hint[b-ht4x9a3u8i] {
    font-size: .74rem;
    color: #94a3b8;
    margin: .5rem 0 0;
    line-height: 1.45;
}

/* Tendencies */
.ins-tendencies[b-ht4x9a3u8i] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.ins-tendency[b-ht4x9a3u8i] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .2rem .5rem;
    padding: .5rem .7rem;
    border-radius: 10px;
    background: #f8fafc;
    border-left: 3px solid var(--a24x7-primary-color);
}

.ins-tendency-side[b-ht4x9a3u8i] {
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
}

.ins-tendency-title[b-ht4x9a3u8i] {
    font-size: .75rem;
    color: #64748b;
}

.ins-tendency-intensity[b-ht4x9a3u8i] {
    margin-left: auto;
    font-size: .68rem;
    font-weight: 700;
    color: var(--a24x7-primary-color);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Word sketch */
.ins-words[b-ht4x9a3u8i] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.ins-word-row[b-ht4x9a3u8i] {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
}

.ins-word-dim[b-ht4x9a3u8i] {
    font-weight: 900;
    font-size: .85rem;
    min-width: 14px;
    line-height: 1.7;
}

.ins-word-chips[b-ht4x9a3u8i] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.ins-chip[b-ht4x9a3u8i] {
    --ins-chip: #64748b;
    font-size: .74rem;
    font-weight: 600;
    padding: .18rem .6rem;
    border-radius: 999px;
    color: color-mix(in srgb, var(--ins-chip) 80%, #000);
    background: color-mix(in srgb, var(--ins-chip) 12%, #fff);
    border: 1px solid color-mix(in srgb, var(--ins-chip) 25%, #fff);
    transition: transform .15s;
}

.ins-chip:hover[b-ht4x9a3u8i] {
    transform: translateY(-1px);
}

/* ── Strengths / watch out for / under pressure (always open) ── */
.ins-points[b-ht4x9a3u8i] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.ins-point[b-ht4x9a3u8i] {
    --ins-point: var(--a24x7-primary-color);
    border-top: 4px solid var(--ins-point);
}

.ins-point-strengths[b-ht4x9a3u8i] { --ins-point: #16a34a; }
.ins-point-watch[b-ht4x9a3u8i] { --ins-point: #d97706; }
.ins-point-pressure[b-ht4x9a3u8i] { --ins-point: #dc2626; }

.ins-point-title[b-ht4x9a3u8i] {
    color: var(--ins-point);
}

.ins-point-list[b-ht4x9a3u8i] {
    margin: 0;
    padding-left: 1rem;
    font-size: .8rem;
    line-height: 1.45;
    color: #334155;
}

.ins-point-list li + li[b-ht4x9a3u8i] {
    margin-top: .3rem;
}

/* ── Locked teaser (StyleOnly) ── */
.ins-locked[b-ht4x9a3u8i] {
    position: relative;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1.25rem;
    align-items: center;
    padding: 1.25rem;
    border-radius: 14px;
    border: 2px dashed #cbd5e1;
    background: linear-gradient(135deg, #f8fafc, #fff);
    overflow: hidden;
}

.ins-locked-art[b-ht4x9a3u8i] {
    position: relative;
    height: 130px;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 0 12px;
    filter: blur(5px) saturate(.8);
    opacity: .7;
    user-select: none;
}

.ins-locked-art span[b-ht4x9a3u8i] {
    flex: 1;
    border-radius: 6px 6px 0 0;
}

.ins-locked-wheel[b-ht4x9a3u8i] {
    position: absolute;
    right: -20px;
    top: -14px;
    width: 90px;
    height: 90px;
}

.ins-locked-icon[b-ht4x9a3u8i] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0f172a;
    margin-bottom: .5rem;
    animation: ins-wiggle-b-ht4x9a3u8i 3s ease-in-out 1s infinite;
}

.ins-locked-title[b-ht4x9a3u8i] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.ins-locked-text[b-ht4x9a3u8i] {
    font-size: .85rem;
    color: #475569;
    line-height: 1.5;
    margin: .3rem 0 .75rem;
}

.ins-locked-contact[b-ht4x9a3u8i] {
    font-size: .8rem;
    color: #64748b;
    margin: 0;
    font-style: italic;
}

.ins-upgrade-btn[b-ht4x9a3u8i] {
    color: #fff;
    font-weight: 700;
    border: 0;
    border-radius: 999px;
    padding: .5rem 1.1rem;
    background: linear-gradient(135deg, var(--a24x7-primary-color), color-mix(in srgb, var(--a24x7-primary-color) 70%, #fff));
    box-shadow: 0 6px 16px color-mix(in srgb, var(--a24x7-primary-color) 35%, transparent);
    transition: transform .15s, box-shadow .15s;
}

.ins-upgrade-btn:hover[b-ht4x9a3u8i] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--a24x7-primary-color) 40%, transparent);
}

@keyframes ins-pop-b-ht4x9a3u8i {
    from { opacity: 0; transform: scale(.6); }
    to { opacity: 1; transform: none; }
}

@keyframes ins-wiggle-b-ht4x9a3u8i {
    0%, 90%, 100% { transform: rotate(0); }
    93% { transform: rotate(-12deg); }
    96% { transform: rotate(12deg); }
}

/* ── Responsive ── */
@media (max-width: 767.98px) {
    .ins-hero[b-ht4x9a3u8i] { grid-template-columns: 1fr; }
    .ins-hero-wheel[b-ht4x9a3u8i] { max-width: 300px; margin: 0 auto; width: 100%; }
    .ins-grid[b-ht4x9a3u8i] { grid-template-columns: 1fr; }
    .ins-points[b-ht4x9a3u8i] { grid-template-columns: 1fr; }
    .ins-locked[b-ht4x9a3u8i] { grid-template-columns: 1fr; }
    .ins-locked-art[b-ht4x9a3u8i] { height: 90px; }
}

@media (prefers-reduced-motion: reduce) {
    .ins-badge[b-ht4x9a3u8i], .ins-locked-icon[b-ht4x9a3u8i] { animation: none; }
    .ins-card[b-ht4x9a3u8i], .ins-chip[b-ht4x9a3u8i] { transition: none; }
}
/* /Components/Widgets/EndUser/Insights/DiscWheel.razor.rz.scp.css */
/* ── DISC wheel (scoped) ── */
.ins-wheel-wrap[b-o4t0l1x4su] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
}

.ins-wheel[b-o4t0l1x4su] {
    width: 100%;
    max-width: 300px;
    height: auto;
    overflow: visible;
    filter: drop-shadow(0 8px 18px rgba(15, 23, 42, .12));
}

.ins-wq[b-o4t0l1x4su] { opacity: .9; }
/* Quadrant and letter colours come from the site theme (colorDisc*), set on the svg by DiscWheel. */
.ins-wq-d[b-o4t0l1x4su] { fill: var(--ins-wq-d, #e93d2f); }
.ins-wq-i[b-o4t0l1x4su] { fill: var(--ins-wq-i, #ffbd05); }
.ins-wq-s[b-o4t0l1x4su] { fill: var(--ins-wq-s, #0dab49); }
.ins-wq-c[b-o4t0l1x4su] { fill: var(--ins-wq-c, #1666ff); }

.ins-wring[b-o4t0l1x4su] {
    fill: none;
    stroke: #fff;
    stroke-width: 1.5;
    stroke-opacity: .7;
}

.ins-woct[b-o4t0l1x4su] {
    stroke: #fff;
    stroke-width: 1.5;
    stroke-opacity: .55;
}

.ins-wletter[b-o4t0l1x4su] {
    font-size: 34px;
    font-weight: 900;
    text-anchor: middle;
    dominant-baseline: middle;
}

.ins-wl-d[b-o4t0l1x4su] { fill: var(--ins-wq-d, #e93d2f); }
.ins-wl-i[b-o4t0l1x4su] { fill: var(--ins-wq-i, #ffbd05); }
.ins-wl-s[b-o4t0l1x4su] { fill: var(--ins-wq-s, #0dab49); }
.ins-wl-c[b-o4t0l1x4su] { fill: var(--ins-wq-c, #1666ff); }

/* Dots pop in, then the arrow draws itself from Natural to Adapted. */
.ins-wdot circle[b-o4t0l1x4su] {
    transform-box: fill-box;
    transform-origin: center;
    animation: ins-wdot-pop-b-o4t0l1x4su .5s cubic-bezier(.34, 1.56, .64, 1) both;
}

.ins-wdot-natural circle[b-o4t0l1x4su] {
    fill: #0f172a;
    stroke: #fff;
    stroke-width: 4;
    animation-delay: .15s;
}

.ins-wdot-adapted circle[b-o4t0l1x4su] {
    fill: #fff;
    stroke: #0f172a;
    stroke-width: 5;
    animation-delay: .35s;
}

.ins-wdot-combined circle[b-o4t0l1x4su] {
    fill: #f8fafc;
    stroke: #be185d;
    stroke-width: 4;
    stroke-dasharray: 4 3;
    animation-delay: .5s;
}

.ins-warrow[b-o4t0l1x4su] {
    stroke: #0f172a;
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    animation: ins-warrow-draw-b-o4t0l1x4su .9s ease-out .6s forwards;
}

.ins-wheel-legend[b-o4t0l1x4su] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    font-size: .78rem;
    font-weight: 600;
    color: #334155;
}

.ins-wkey[b-o4t0l1x4su] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.ins-wkey-dot[b-o4t0l1x4su] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

.ins-wkey-natural[b-o4t0l1x4su] { background: #0f172a; }
.ins-wkey-adapted[b-o4t0l1x4su] { background: #fff; border: 3px solid #0f172a; }
.ins-wkey-combined[b-o4t0l1x4su] { background: #f8fafc; border: 3px dashed #be185d; }

.ins-wheel-caption[b-o4t0l1x4su] {
    font-size: .78rem;
    color: #64748b;
    text-align: center;
}

@keyframes ins-wdot-pop-b-o4t0l1x4su {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

@keyframes ins-warrow-draw-b-o4t0l1x4su {
    to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ins-wdot circle[b-o4t0l1x4su] { animation: none; }
    .ins-warrow[b-o4t0l1x4su] { animation: none; stroke-dashoffset: 0; }
}

/* Labelled dots (DiscWheel.Dots, e.g. the compare view): fill and pop-in delay come from the dot. */
.ins-wdot-custom circle[b-o4t0l1x4su] {
    stroke: #fff;
    stroke-width: 4;
}
/* /Components/Widgets/EndUser/Insights/EiInsight.razor.rz.scp.css */
/* ── EI insight (scoped). Card, hero and locked styles mirror DiscInsight; accents are EI's own. ── */
.ins-ei[b-tv1kc703s9] {
    --ins-ei-a: #8b5cf6;
    --ins-ei-b: #ec4899;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* A divider when another section (e.g. DISC) sits above; none right under the panel header. */
:not(.ins-panel-head) + .ins-ei[b-tv1kc703s9] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px dashed #e2e8f0;
}

/* ── Hero ── */
.ins-ei-hero[b-tv1kc703s9] {
    display: flex;
    gap: 1.1rem;
    align-items: center;
    padding: 1.25rem;
    border-radius: 14px;
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ins-ei-a) 10%, #fff) 0%, #fff 55%),
        radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, var(--ins-ei-b) 7%, #fff) 0%, transparent 60%),
        #fff;
    border: 1px solid #eef2f7;
}

.ins-ei-emblem[b-tv1kc703s9] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    color: #fff;
    background: linear-gradient(135deg, var(--ins-ei-a), var(--ins-ei-b));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ins-ei-a) 35%, transparent);
    animation: ins-ei-pop-b-tv1kc703s9 .5s cubic-bezier(.34, 1.56, .64, 1) both, ins-ei-beat-b-tv1kc703s9 2.4s ease-in-out 1s infinite;
}

.ins-ei-eyebrow[b-tv1kc703s9] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: .35rem;
}

.ins-ei-headline[b-tv1kc703s9] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 .35rem;
    line-height: 1.2;
}

.ins-ei-overall[b-tv1kc703s9] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem .6rem;
    margin: 0 0 .45rem;
}

.ins-ei-overall-score[b-tv1kc703s9] {
    font-size: .85rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--ins-ei-a), var(--ins-ei-b));
    border-radius: 999px;
    padding: .15rem .65rem;
    white-space: nowrap;
}

.ins-ei-overall-text[b-tv1kc703s9] {
    font-size: .85rem;
    line-height: 1.5;
    color: #475569;
}

.ins-ei-intro[b-tv1kc703s9] {
    font-size: .9rem;
    line-height: 1.6;
    color: #334155;
    margin: 0;
}

.ins-ei-completed[b-tv1kc703s9] {
    margin-top: .65rem;
    font-size: .75rem;
    color: #94a3b8;
}

/* ── Cards ── */
/* Radar (with its key) on the left; Top strength / Growth edge stacked on the right.
   One column on narrow screens (see Responsive). */
.ins-ei-grid[b-tv1kc703s9] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.ins-ei-card[b-tv1kc703s9] {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
    min-width: 0;
}

.ins-ei-card-title[b-tv1kc703s9] {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #475569;
    margin-bottom: .6rem;
}

.ins-ei-hint[b-tv1kc703s9],
.ins-ei-tap-hint[b-tv1kc703s9] {
    font-size: .74rem;
    color: #94a3b8;
    line-height: 1.45;
    margin: .25rem 0 0;
}

.ins-ei-tap-hint[b-tv1kc703s9] {
    margin: -.2rem 0 .6rem;
}

/* ── Top strength / growth edge ── */
/* Right column: the two highlight cards, then the areas card. */
.ins-ei-highlights[b-tv1kc703s9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.ins-ei-highlights > .ins-ei-highlight[b-tv1kc703s9] {
    flex: 0 0 auto;
}

.ins-ei-highlight[b-tv1kc703s9] {
    --ins-ei: #8b5cf6;
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(140deg, var(--ins-ei), color-mix(in srgb, var(--ins-ei) 55%, #fff));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ins-ei) 30%, transparent);
    transition: transform .2s, box-shadow .2s;
    animation: ins-ei-rise-b-tv1kc703s9 .45s ease-out both;
}

.ins-ei-highlight-edge[b-tv1kc703s9] {
    animation-delay: .08s;
}

.ins-ei-highlight:hover[b-tv1kc703s9] {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--ins-ei) 38%, transparent);
}

.ins-ei-highlight-icon[b-tv1kc703s9] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    background: rgba(255, 255, 255, .22);
}

.ins-ei-highlight-body[b-tv1kc703s9] {
    flex: 1 1 auto;
    min-width: 0;
}

.ins-ei-highlight-label[b-tv1kc703s9] {
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .9;
}

.ins-ei-highlight-name[b-tv1kc703s9] {
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.2;
    margin: .1rem 0 .2rem;
}

.ins-ei-highlight-hint[b-tv1kc703s9] {
    font-size: .78rem;
    line-height: 1.4;
    opacity: .92;
}

.ins-ei-highlight-score[b-tv1kc703s9] {
    font-size: 1.5rem;
    font-weight: 900;
    flex-shrink: 0;
}

/* ── Areas: name on top, bar + % under it; tap opens a native <dialog> ── */
.ins-ei-areas[b-tv1kc703s9] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ins-ei-area[b-tv1kc703s9] {
    --ins-ei: #8b5cf6;
    --ins-ei-w: 0%;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-left: 4px solid var(--ins-ei);
    transition: background .15s, box-shadow .15s;
}

.ins-ei-area:has(> button:hover)[b-tv1kc703s9] {
    background: #fff;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--ins-ei) 14%, transparent);
}

.ins-ei-area-head[b-tv1kc703s9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .6rem .8rem;
    margin: 0;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    color: inherit;
}

button.ins-ei-area-head[b-tv1kc703s9] {
    cursor: pointer;
    border-radius: 11px;
}

button.ins-ei-area-head:focus-visible[b-tv1kc703s9] {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ins-ei) 40%, transparent);
}

.ins-ei-area-main[b-tv1kc703s9] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}

.ins-ei-area-bar[b-tv1kc703s9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
}

.ins-ei-rank[b-tv1kc703s9] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 800;
    color: #fff;
    background: var(--ins-ei);
    flex-shrink: 0;
}

.ins-ei-area-name[b-tv1kc703s9] {
    font-size: .9rem;
    font-weight: 700;
    color: #0f172a;
    min-width: 0;
}

.ins-ei-meter[b-tv1kc703s9] {
    height: 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ins-ei) 14%, #fff);
    overflow: hidden;
}

.ins-ei-meter > span[b-tv1kc703s9] {
    display: block;
    height: 100%;
    width: var(--ins-ei-w);
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ins-ei) 65%, #fff), var(--ins-ei));
    animation: ins-ei-grow-b-tv1kc703s9 .8s cubic-bezier(.2, .8, .2, 1) both;
}

.ins-ei-area-score[b-tv1kc703s9] {
    font-size: .8rem;
    font-weight: 800;
    color: var(--ins-ei);
    min-width: 2.6rem;
    text-align: right;
}

.ins-ei-open[b-tv1kc703s9],
.ins-ei-open-space[b-tv1kc703s9] {
    width: .9rem;
    font-size: .75rem;
    color: #94a3b8;
    transition: color .15s;
}

button.ins-ei-area-head:hover .ins-ei-open[b-tv1kc703s9] {
    color: var(--ins-ei);
}

/* ── Area details modal ── */
.ins-ei-modal[b-tv1kc703s9] {
    border: 0;
    padding: 0;
    width: min(460px, calc(100vw - 2rem));
    max-height: min(80vh, 640px);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
    overflow: auto;
}

.ins-ei-modal[open][b-tv1kc703s9] {
    animation: ins-ei-rise-b-tv1kc703s9 .2s ease-out both;
}

.ins-ei-modal[b-tv1kc703s9]::backdrop {
    background: rgba(15, 23, 42, .45);
    backdrop-filter: blur(2px);
}

.ins-ei-modal-box[b-tv1kc703s9] {
    border-top: 5px solid var(--ins-ei);
    padding: 1rem 1.1rem 1.1rem;
}

.ins-ei-modal-head[b-tv1kc703s9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .65rem;
}

.ins-ei-modal-title[b-tv1kc703s9] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.ins-ei-modal-close[b-tv1kc703s9] {
    border: 0;
    background: #f1f5f9;
    color: #475569;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.ins-ei-modal-close:hover[b-tv1kc703s9] {
    background: color-mix(in srgb, var(--ins-ei) 18%, #fff);
    color: var(--ins-ei);
}

.ins-ei-modal-meter[b-tv1kc703s9] {
    margin: .75rem 0 .85rem;
}

.ins-ei-bullets[b-tv1kc703s9] {
    margin: 0;
    padding: 0 0 0 1.2rem;
    font-size: .88rem;
    line-height: 1.55;
    color: #334155;
}

.ins-ei-area-level[b-tv1kc703s9] {
    margin: 0 0 .7rem;
    font-size: .88rem;
    font-style: italic;
    line-height: 1.5;
    color: #475569;
}

.ins-ei-bullets li + li[b-tv1kc703s9] {
    margin-top: .35rem;
}

.ins-ei-bullets li[b-tv1kc703s9]::marker {
    color: var(--ins-ei);
}

.ins-ei-ranked[b-tv1kc703s9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.ins-ei-ranked-item[b-tv1kc703s9] {
    --ins-ei: #8b5cf6;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .85rem .35rem .4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ins-ei) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--ins-ei) 25%, #fff);
    animation: ins-ei-rise-b-tv1kc703s9 .4s ease-out both;
}

.ins-ei-ranked-item:nth-child(2)[b-tv1kc703s9] { animation-delay: .06s; }
.ins-ei-ranked-item:nth-child(3)[b-tv1kc703s9] { animation-delay: .12s; }
.ins-ei-ranked-item:nth-child(4)[b-tv1kc703s9] { animation-delay: .18s; }
.ins-ei-ranked-item:nth-child(n+5)[b-tv1kc703s9] { animation-delay: .24s; }

/* ── Locked teaser (StyleOnly) ── */
.ins-ei-locked[b-tv1kc703s9] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1.25rem;
    align-items: center;
    padding: 1.25rem;
    border-radius: 14px;
    border: 2px dashed #cbd5e1;
    background: linear-gradient(135deg, #f8fafc, #fff);
    overflow: hidden;
}

.ins-ei-locked-art[b-tv1kc703s9] {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 120px;
    filter: blur(5px) saturate(.8);
    opacity: .7;
    user-select: none;
}

.ins-ei-locked-radar[b-tv1kc703s9] {
    width: 110px;
    height: 110px;
    flex-shrink: 0;
}

.ins-ei-locked-bars[b-tv1kc703s9] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ins-ei-locked-bars span[b-tv1kc703s9] {
    height: 10px;
    border-radius: 999px;
}

.ins-ei-locked-icon[b-tv1kc703s9] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0f172a;
    margin-bottom: .5rem;
    animation: ins-ei-wiggle-b-tv1kc703s9 3s ease-in-out 1s infinite;
}

.ins-ei-locked-title[b-tv1kc703s9] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.ins-ei-locked-text[b-tv1kc703s9] {
    font-size: .85rem;
    color: #475569;
    line-height: 1.5;
    margin: .3rem 0 .75rem;
}

.ins-ei-locked-contact[b-tv1kc703s9] {
    font-size: .8rem;
    color: #64748b;
    margin: 0;
    font-style: italic;
}

.ins-ei-upgrade-btn[b-tv1kc703s9] {
    color: #fff;
    font-weight: 700;
    border: 0;
    border-radius: 999px;
    padding: .5rem 1.1rem;
    background: linear-gradient(135deg, var(--a24x7-primary-color), color-mix(in srgb, var(--a24x7-primary-color) 70%, #fff));
    box-shadow: 0 6px 16px color-mix(in srgb, var(--a24x7-primary-color) 35%, transparent);
    transition: transform .15s, box-shadow .15s;
}

.ins-ei-upgrade-btn:hover[b-tv1kc703s9] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--a24x7-primary-color) 40%, transparent);
}

@keyframes ins-ei-pop-b-tv1kc703s9 {
    from { opacity: 0; transform: scale(.6); }
    to { opacity: 1; transform: none; }
}

@keyframes ins-ei-beat-b-tv1kc703s9 {
    0%, 70%, 100% { transform: scale(1); }
    78% { transform: scale(1.08); }
    86% { transform: scale(.97); }
}

@keyframes ins-ei-rise-b-tv1kc703s9 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@keyframes ins-ei-grow-b-tv1kc703s9 {
    from { width: 0; }
}

@keyframes ins-ei-wiggle-b-tv1kc703s9 {
    0%, 90%, 100% { transform: rotate(0); }
    93% { transform: rotate(-12deg); }
    96% { transform: rotate(12deg); }
}

/* ── Responsive ── */
@media (max-width: 767.98px) {
    .ins-ei-grid[b-tv1kc703s9] { grid-template-columns: 1fr; }
    .ins-ei-locked[b-tv1kc703s9] { grid-template-columns: 1fr; }
    .ins-ei-locked-art[b-tv1kc703s9] { height: 90px; }
}

@media (max-width: 575.98px) {
    .ins-ei-hero[b-tv1kc703s9] { flex-direction: column; align-items: flex-start; padding: 1rem; }
    .ins-ei-emblem[b-tv1kc703s9] { width: 52px; height: 52px; font-size: 1.4rem; border-radius: 14px; }
    .ins-ei-headline[b-tv1kc703s9] { font-size: 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .ins-ei-emblem[b-tv1kc703s9], .ins-ei-locked-icon[b-tv1kc703s9], .ins-ei-highlight[b-tv1kc703s9], .ins-ei-ranked-item[b-tv1kc703s9],
    .ins-ei-meter > span[b-tv1kc703s9], .ins-ei-bullets[b-tv1kc703s9] { animation: none; }
    .ins-ei-highlight[b-tv1kc703s9], .ins-ei-area[b-tv1kc703s9], .ins-ei-open[b-tv1kc703s9] { transition: none; }
    .ins-ei-modal[open][b-tv1kc703s9] { animation: none; }
}
/* /Components/Widgets/EndUser/Insights/InsightDownloadButton.razor.rz.scp.css */
.ins-dl-btn[b-6rhuq7kgq9] {
    margin-top: .75rem;
    background: #fff;
    white-space: nowrap;
}

.ins-dl-btn-bar[b-6rhuq7kgq9] {
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .ins-dl-btn-bar .ins-dl-text[b-6rhuq7kgq9] {
        display: none;
    }
}
/* /Components/Widgets/EndUser/Insights/InsightsModal.razor.rz.scp.css */
/* ── Insights modal shell: the peer view and Compare (scoped CSS: served over HTTP, not over SignalR) ── */

/* Fixed overlay, centred panel; only the body scrolls */
.im[b-rk7jcbtngy] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.im-backdrop[b-rk7jcbtngy] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .55);
}

.im-panel[b-rk7jcbtngy] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1100px;
    height: 90vh;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .3);
    overflow: hidden;
    outline: none;
}

.im-bar[b-rk7jcbtngy] {
    flex: 0 0 auto;
    padding: .85rem 1.25rem .75rem;
    border-bottom: 1px solid #e9ecef;
    background: linear-gradient(180deg, color-mix(in srgb, var(--a24x7-primary-color) 6%, #fff), #fff);
}

.im-bar-top[b-rk7jcbtngy] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.im-title[b-rk7jcbtngy] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im-actions[b-rk7jcbtngy] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.im-close[b-rk7jcbtngy] {
    flex: 0 0 auto;
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #475569;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.im-close:hover[b-rk7jcbtngy],
.im-close:focus-visible[b-rk7jcbtngy] {
    background: #f1f5f9;
    color: #0f172a;
}

.im-body[b-rk7jcbtngy] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.1rem 1.25rem 1.5rem;
}

/* Shared bar pieces (markup from the host, so ::deep) */
.im-bar[b-rk7jcbtngy]  .im-avatars {
    display: inline-flex;
    flex: 0 0 auto;
}

.im-bar[b-rk7jcbtngy]  .im-avatar {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: .9rem;
    color: #fff;
    border: 2px solid #fff;
}

.im-bar[b-rk7jcbtngy]  .im-avatar-me {
    background: #1e293b;
}

.im-bar[b-rk7jcbtngy]  .im-avatar-peer {
    background: #db2777;
}

.im-bar[b-rk7jcbtngy]  .im-avatar-me + .im-avatar-peer {
    margin-left: -.55rem;
}

.im-bar[b-rk7jcbtngy]  .im-action {
    white-space: nowrap;
}

.im-bar[b-rk7jcbtngy]  .im-people {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: .4rem 1rem;
    margin-top: .6rem;
}

.im-bar[b-rk7jcbtngy]  .im-person {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
}

.im-bar[b-rk7jcbtngy]  .im-person-name {
    font-size: .78rem;
    font-weight: 800;
    color: #334155;
    margin-right: .15rem;
}

.im-bar[b-rk7jcbtngy]  .im-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .75rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: .12rem .55rem .12rem .3rem;
    color: #334155;
}

.im-bar[b-rk7jcbtngy]  .im-chip > .fa-solid {
    margin-left: .2rem;
    color: #64748b;
}

.im-bar[b-rk7jcbtngy]  .im-badge {
    font-size: .68rem;
    font-weight: 800;
    border-radius: 999px;
    padding: .05rem .4rem;
}

.im-body[b-rk7jcbtngy]  .im-loading {
    color: #64748b;
    font-size: .9rem;
    padding: 2rem 0;
    text-align: center;
}

/* Phones: full screen, the bar still fixed at the top; bar buttons go icon-only */
@media (max-width: 767.98px) {
    .im[b-rk7jcbtngy] {
        padding: 0;
    }

    .im-panel[b-rk7jcbtngy] {
        max-width: none;
        height: 100vh;
        height: 100dvh;
        border-radius: 0;
    }

    .im-bar[b-rk7jcbtngy] {
        padding: .7rem .9rem .6rem;
    }

    .im-body[b-rk7jcbtngy] {
        padding: .9rem .9rem 1.25rem;
    }

    .im-bar[b-rk7jcbtngy]  .im-action-text {
        display: none;
    }
}
/* /Components/Widgets/EndUser/Insights/InsightsPanel.razor.rz.scp.css */
/* ── My Insights panel (scoped CSS: served over HTTP in the styles bundle, not over SignalR) ── */
.ins-panel[b-kgxuk7fvrk] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 1.25rem 1.5rem 1.5rem;
    margin: 1rem 0;
    box-shadow: 0 6px 24px rgba(15, 23, 42, .06);
    animation: ins-panel-in-b-kgxuk7fvrk .45s ease-out both;
}

.ins-panel-head[b-kgxuk7fvrk] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1.1rem;
}

.ins-panel-icon[b-kgxuk7fvrk] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.15rem;
    background: linear-gradient(135deg, var(--a24x7-primary-color), color-mix(in srgb, var(--a24x7-primary-color) 70%, #fff));
    box-shadow: 0 4px 12px color-mix(in srgb, var(--a24x7-primary-color) 35%, transparent);
}

.ins-panel-title[b-kgxuk7fvrk] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.ins-panel-sub[b-kgxuk7fvrk] {
    font-size: .85rem;
    color: #64748b;
    margin: .1rem 0 0;
}

/* ── Summary cards: 3 across on wide screens, stacked on phones ── */
.ins-cards[b-kgxuk7fvrk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.ins-card[b-kgxuk7fvrk] {
    display: flex;
    align-items: center;
    gap: .8rem;
    width: 100%;
    text-align: left;
    padding: .9rem 1rem;
    border-radius: 14px;
    border: 1px solid #e9ecef;
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ins-card) 8%, #fff) 0%, #fff 60%),
        #fff;
    color: inherit;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ins-card:hover[b-kgxuk7fvrk] {
    border-color: color-mix(in srgb, var(--ins-card) 40%, #e9ecef);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
}

.ins-card:focus-visible[b-kgxuk7fvrk] {
    outline: 2px solid var(--ins-card);
    outline-offset: 2px;
}

.ins-card-icon[b-kgxuk7fvrk] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.05rem;
    background: linear-gradient(135deg, var(--ins-card), color-mix(in srgb, var(--ins-card) 65%, #fff));
}

.ins-card-body[b-kgxuk7fvrk] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.ins-card-type[b-kgxuk7fvrk] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--ins-card) 80%, #0f172a);
}

.ins-card-lock[b-kgxuk7fvrk] {
    margin-left: .35rem;
    font-size: .7rem;
    color: #94a3b8;
}

.ins-card-headline[b-kgxuk7fvrk] {
    font-size: .92rem;
    font-weight: 700;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ins-card-teaser[b-kgxuk7fvrk] {
    display: flex;
    align-items: center;
    gap: .3rem;
    margin-top: .15rem;
}

.ins-card-badge[b-kgxuk7fvrk] {
    font-size: .72rem;
    font-weight: 800;
    padding: .05rem .45rem;
    border-radius: 999px;
    color: var(--ins-card-badge-on, #fff);
    background: var(--ins-card-badge);
}

.ins-card-dot[b-kgxuk7fvrk] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ins-card-dot);
}

.ins-card-open[b-kgxuk7fvrk] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    font-weight: 600;
    color: #64748b;
}

.ins-card-chevron[b-kgxuk7fvrk] {
    font-size: .7rem;
}

/* The open section's modal (InsightsModal): the type icon in the title bar, and prev/next */
.ins-modal-icon[b-kgxuk7fvrk] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .95rem;
    background: linear-gradient(135deg, var(--ins-card), color-mix(in srgb, var(--ins-card) 65%, #fff));
}

.ins-modal-nav[b-kgxuk7fvrk] {
    display: inline-flex;
    gap: .25rem;
}

.ins-modal-nav .btn[b-kgxuk7fvrk] {
    background: #fff;
}

/* ── Skeleton ── */
.ins-skel[b-kgxuk7fvrk] {
    border-radius: 8px;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 37%, #f1f5f9 63%);
    background-size: 400% 100%;
    animation: ins-shimmer-b-kgxuk7fvrk 1.4s ease infinite;
}

.ins-skel-title[b-kgxuk7fvrk] { width: 160px; height: 18px; margin-bottom: .45rem; }
.ins-skel-sub[b-kgxuk7fvrk] { width: 260px; max-width: 70%; height: 12px; }
.ins-panel-head:has(.ins-skel)[b-kgxuk7fvrk] { display: block; }

.ins-skel-hero[b-kgxuk7fvrk] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.ins-skel-wheel[b-kgxuk7fvrk] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ins-skel-lines[b-kgxuk7fvrk] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.ins-skel-line[b-kgxuk7fvrk] { height: 12px; }
.ins-skel-card[b-kgxuk7fvrk] { height: 78px; border-radius: 14px; }

@keyframes ins-shimmer-b-kgxuk7fvrk {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

@keyframes ins-panel-in-b-kgxuk7fvrk {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 767.98px) {
    .ins-cards[b-kgxuk7fvrk] { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .ins-panel[b-kgxuk7fvrk] { padding: 1rem 1rem 1.25rem; border-radius: 12px; }
    .ins-skel-hero[b-kgxuk7fvrk] { flex-direction: column; }
    .ins-skel-wheel[b-kgxuk7fvrk] { width: 150px; height: 150px; }
    .ins-skel-lines[b-kgxuk7fvrk] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .ins-panel[b-kgxuk7fvrk], .ins-skel[b-kgxuk7fvrk] { animation: none; }
    .ins-card[b-kgxuk7fvrk] { transition: none; }
}
/* /Components/Widgets/EndUser/Insights/MotivatorsInsight.razor.rz.scp.css */
/* ── Motivators insight (scoped). Card, hero and locked styles mirror EiInsight; accents are Motivators' own. ── */
.ins-mot[b-jwnk9ytp1o] {
    --ins-mot-a: #f97316;
    --ins-mot-b: #c026d3;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* A divider when another section sits above; none right under the panel header. */
:not(.ins-panel-head) + .ins-mot[b-jwnk9ytp1o] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px dashed #e2e8f0;
}

/* ── Hero ── */
.ins-mot-hero[b-jwnk9ytp1o] {
    display: flex;
    gap: 1.1rem;
    align-items: center;
    padding: 1.25rem;
    border-radius: 14px;
    background:
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ins-mot-a) 10%, #fff) 0%, #fff 55%),
        radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, var(--ins-mot-b) 7%, #fff) 0%, transparent 60%),
        #fff;
    border: 1px solid #eef2f7;
}

.ins-mot-emblem[b-jwnk9ytp1o] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    color: #fff;
    background: linear-gradient(135deg, var(--ins-mot-a), var(--ins-mot-b));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ins-mot-a) 35%, transparent);
    animation: ins-mot-pop-b-jwnk9ytp1o .5s cubic-bezier(.34, 1.56, .64, 1) both, ins-mot-flicker-b-jwnk9ytp1o 2.8s ease-in-out 1s infinite;
}

.ins-mot-eyebrow[b-jwnk9ytp1o] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: .35rem;
}

.ins-mot-headline[b-jwnk9ytp1o] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 .35rem;
    line-height: 1.2;
}

.ins-mot-intro[b-jwnk9ytp1o] {
    font-size: .9rem;
    line-height: 1.6;
    color: #334155;
    margin: 0;
}

.ins-mot-completed[b-jwnk9ytp1o] {
    margin-top: .65rem;
    font-size: .75rem;
    color: #94a3b8;
}

/* ── Top drivers ── */
.ins-mot-drivers[b-jwnk9ytp1o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.ins-mot-driver[b-jwnk9ytp1o] {
    --ins-mot: #f97316;
    --ins-mot-p: 0%;
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem;
    border-radius: 14px;
    background: linear-gradient(150deg, color-mix(in srgb, var(--ins-mot) 12%, #fff), #fff 70%);
    border: 1px solid color-mix(in srgb, var(--ins-mot) 22%, #fff);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--ins-mot) 14%, transparent);
    transition: transform .2s, box-shadow .2s;
    animation: ins-mot-rise-b-jwnk9ytp1o .45s ease-out both;
}

.ins-mot-driver:nth-child(2)[b-jwnk9ytp1o] { animation-delay: .08s; }
.ins-mot-driver:nth-child(3)[b-jwnk9ytp1o] { animation-delay: .16s; }

.ins-mot-driver:hover[b-jwnk9ytp1o] {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--ins-mot) 24%, transparent);
}

/* Score ring: a conic-gradient with the middle masked out. */
.ins-mot-ring[b-jwnk9ytp1o] {
    position: relative;
    width: 76px;
    height: 76px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(var(--ins-mot) var(--ins-mot-p), color-mix(in srgb, var(--ins-mot) 14%, #fff) 0);
}

.ins-mot-ring[b-jwnk9ytp1o]::before {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: #fff;
}

.ins-mot-ring-score[b-jwnk9ytp1o] {
    position: relative;
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--ins-mot-ink, var(--ins-mot));
}

.ins-mot-driver-body[b-jwnk9ytp1o] {
    min-width: 0;
}

.ins-mot-driver-label[b-jwnk9ytp1o] {
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #64748b;
}

.ins-mot-driver-name[b-jwnk9ytp1o] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    margin: .1rem 0 .3rem;
}

.ins-mot-driver-word[b-jwnk9ytp1o] {
    margin-top: .35rem;
    font-size: .82rem;
    font-style: italic;
    font-weight: 600;
    color: var(--ins-mot-ink, var(--ins-mot));
}

/* ── Cards ── */
.ins-mot-grid[b-jwnk9ytp1o] {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 1rem;
    align-items: start;
}

.ins-mot-card[b-jwnk9ytp1o] {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
    min-width: 0;
}

.ins-mot-card-title[b-jwnk9ytp1o] {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #475569;
    margin-bottom: .6rem;
}

.ins-mot-hint[b-jwnk9ytp1o],
.ins-mot-tap-hint[b-jwnk9ytp1o],
.ins-mot-band-key[b-jwnk9ytp1o] {
    font-size: .74rem;
    color: #94a3b8;
    line-height: 1.45;
    margin: .25rem 0 0;
}

.ins-mot-tap-hint[b-jwnk9ytp1o] {
    margin: -.2rem 0 .6rem;
}

.ins-mot-band-key[b-jwnk9ytp1o] {
    margin-top: .7rem;
    display: flex;
    align-items: center;
    gap: .45rem;
}

.ins-mot-band-swatch[b-jwnk9ytp1o] {
    width: 22px;
    height: 8px;
    border-radius: 3px;
    background: repeating-linear-gradient(135deg, rgba(15, 23, 42, .18) 0 2px, transparent 2px 5px);
    border: 1px solid rgba(15, 23, 42, .25);
}

/* ── Ranked rows; tap opens a native <dialog> ── */
.ins-mot-list[b-jwnk9ytp1o] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.ins-mot-row[b-jwnk9ytp1o] {
    --ins-mot: #f97316;
    --ins-mot-w: 0%;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-left: 4px solid var(--ins-mot);
    transition: background .15s, box-shadow .15s;
}

.ins-mot-row:has(> button:hover)[b-jwnk9ytp1o] {
    background: #fff;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--ins-mot) 14%, transparent);
}

.ins-mot-row-head[b-jwnk9ytp1o] {
    display: grid;
    /* Fixed columns so every row lines up like a table: rank | name | bar | score | level | open icon. */
    grid-template-columns: 26px minmax(6rem, 10rem) minmax(0, 1fr) 2.8rem 6.2rem 1rem;
    align-items: center;
    gap: .6rem;
    width: 100%;
    padding: .55rem .75rem;
    margin: 0;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    color: inherit;
}

button.ins-mot-row-head[b-jwnk9ytp1o] {
    cursor: pointer;
    border-radius: 11px;
}

button.ins-mot-row-head:focus-visible[b-jwnk9ytp1o] {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ins-mot) 40%, transparent);
}

.ins-mot-rank[b-jwnk9ytp1o] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 800;
    color: var(--ins-mot-on, #fff);
    background: var(--ins-mot);
    flex-shrink: 0;
}

.ins-mot-name[b-jwnk9ytp1o] {
    font-size: .9rem;
    font-weight: 700;
    color: #0f172a;
    min-width: 0;
}

/* Meter: the span is the score fill; ::after shades the typical range on top of it. */
.ins-mot-meter[b-jwnk9ytp1o] {
    position: relative;
    height: 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ins-mot) 14%, #fff);
    overflow: hidden;
}

.ins-mot-meter > span[b-jwnk9ytp1o] {
    display: block;
    height: 100%;
    width: var(--ins-mot-w);
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ins-mot) 65%, #fff), var(--ins-mot));
    animation: ins-mot-grow-b-jwnk9ytp1o .8s cubic-bezier(.2, .8, .2, 1) both;
}

.ins-mot-meter.has-band[b-jwnk9ytp1o]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--ins-mot-lo, 0%);
    width: var(--ins-mot-bw, 0%);
    background: repeating-linear-gradient(135deg, rgba(15, 23, 42, .18) 0 2px, transparent 2px 5px);
    border-left: 1px solid rgba(15, 23, 42, .3);
    border-right: 1px solid rgba(15, 23, 42, .3);
}

.ins-mot-score[b-jwnk9ytp1o] {
    font-size: .8rem;
    font-weight: 800;
    color: var(--ins-mot-ink, var(--ins-mot));
    min-width: 2.6rem;
    text-align: right;
}

/* ── Level badge ── */
.ins-mot-level[b-jwnk9ytp1o] {
    display: inline-block;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .03em;
    padding: .15rem .5rem;
    border-radius: 999px;
    white-space: nowrap;
    color: #374151;
    background: #f1f5f9;
}

.ins-mot-row-head .ins-mot-level[b-jwnk9ytp1o] {
    justify-self: start;
}

.ins-mot-level:empty[b-jwnk9ytp1o] {
    visibility: hidden; /* keeps the column, so rows without a level still line up */
}

.ins-mot-level.lv-vhigh[b-jwnk9ytp1o] { color: #9a3412; background: #ffedd5; }
.ins-mot-level.lv-high[b-jwnk9ytp1o]  { color: #92400e; background: #fef3c7; }
.ins-mot-level.lv-mid[b-jwnk9ytp1o]   { color: #374151; background: #f1f5f9; }
.ins-mot-level.lv-low[b-jwnk9ytp1o]   { color: #1e40af; background: #dbeafe; }
.ins-mot-level.lv-vlow[b-jwnk9ytp1o]  { color: #5b21b6; background: #ede9fe; }

.ins-mot-open[b-jwnk9ytp1o],
.ins-mot-open-space[b-jwnk9ytp1o] {
    width: .9rem;
    font-size: .75rem;
    color: #94a3b8;
    transition: color .15s;
}

button.ins-mot-row-head:hover .ins-mot-open[b-jwnk9ytp1o] {
    color: var(--ins-mot-ink, var(--ins-mot));
}

/* ── Motivator details modal (mirrors the EI area modal) ── */
.ins-mot-modal[b-jwnk9ytp1o] {
    border: 0;
    padding: 0;
    width: min(460px, calc(100vw - 2rem));
    max-height: min(80vh, 640px);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
    overflow: auto;
}

.ins-mot-modal[open][b-jwnk9ytp1o] {
    animation: ins-mot-rise-b-jwnk9ytp1o .2s ease-out both;
}

.ins-mot-modal[b-jwnk9ytp1o]::backdrop {
    background: rgba(15, 23, 42, .45);
    backdrop-filter: blur(2px);
}

.ins-mot-modal-box[b-jwnk9ytp1o] {
    border-top: 5px solid var(--ins-mot);
    padding: 1rem 1.1rem 1.1rem;
}

.ins-mot-modal-head[b-jwnk9ytp1o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .65rem;
}

.ins-mot-modal-title[b-jwnk9ytp1o] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.ins-mot-modal-close[b-jwnk9ytp1o] {
    border: 0;
    background: #f1f5f9;
    color: #475569;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.ins-mot-modal-close:hover[b-jwnk9ytp1o] {
    background: color-mix(in srgb, var(--ins-mot) 18%, #fff);
    color: var(--ins-mot-ink, var(--ins-mot));
}

.ins-mot-modal-meter[b-jwnk9ytp1o] {
    margin: .75rem 0 .6rem;
}

.ins-mot-modal-meta[b-jwnk9ytp1o] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem .75rem;
    margin-bottom: .75rem;
}

.ins-mot-modal-band[b-jwnk9ytp1o] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .74rem;
    color: #94a3b8;
}

.ins-mot-bullets[b-jwnk9ytp1o] {
    margin: 0;
    padding: 0 0 0 1.2rem;
    font-size: .88rem;
    line-height: 1.55;
    color: #334155;
}

.ins-mot-bullets li + li[b-jwnk9ytp1o] {
    margin-top: .35rem;
}

.ins-mot-bullets li[b-jwnk9ytp1o]::marker {
    color: var(--ins-mot);
}

/* ── Ranked names (StyleOnly) ── */
.ins-mot-ranked[b-jwnk9ytp1o] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.ins-mot-ranked-item[b-jwnk9ytp1o] {
    --ins-mot: #f97316;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .85rem .35rem .4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ins-mot) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--ins-mot) 25%, #fff);
    animation: ins-mot-rise-b-jwnk9ytp1o .4s ease-out both;
}

.ins-mot-ranked-item:nth-child(2)[b-jwnk9ytp1o] { animation-delay: .05s; }
.ins-mot-ranked-item:nth-child(3)[b-jwnk9ytp1o] { animation-delay: .1s; }
.ins-mot-ranked-item:nth-child(4)[b-jwnk9ytp1o] { animation-delay: .15s; }
.ins-mot-ranked-item:nth-child(n+5)[b-jwnk9ytp1o] { animation-delay: .2s; }

/* ── Locked teaser (StyleOnly) ── */
.ins-mot-locked[b-jwnk9ytp1o] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1.25rem;
    align-items: center;
    padding: 1.25rem;
    border-radius: 14px;
    border: 2px dashed #cbd5e1;
    background: linear-gradient(135deg, #f8fafc, #fff);
    overflow: hidden;
}

.ins-mot-locked-art[b-jwnk9ytp1o] {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 120px;
    filter: blur(5px) saturate(.8);
    opacity: .7;
    user-select: none;
}

.ins-mot-locked-ring[b-jwnk9ytp1o] {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 50%;
    background:
        radial-gradient(closest-side, #fff 70%, transparent 71%),
        conic-gradient(var(--ins-mot) var(--ins-mot-p), #e2e8f0 0);
}

.ins-mot-locked-bars[b-jwnk9ytp1o] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ins-mot-locked-bars span[b-jwnk9ytp1o] {
    height: 10px;
    border-radius: 999px;
}

.ins-mot-locked-icon[b-jwnk9ytp1o] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0f172a;
    margin-bottom: .5rem;
    animation: ins-mot-wiggle-b-jwnk9ytp1o 3s ease-in-out 1s infinite;
}

.ins-mot-locked-title[b-jwnk9ytp1o] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.ins-mot-locked-text[b-jwnk9ytp1o] {
    font-size: .85rem;
    color: #475569;
    line-height: 1.5;
    margin: .3rem 0 .75rem;
}

.ins-mot-locked-contact[b-jwnk9ytp1o] {
    font-size: .8rem;
    color: #64748b;
    margin: 0;
    font-style: italic;
}

.ins-mot-upgrade-btn[b-jwnk9ytp1o] {
    color: #fff;
    font-weight: 700;
    border: 0;
    border-radius: 999px;
    padding: .5rem 1.1rem;
    background: linear-gradient(135deg, var(--a24x7-primary-color), color-mix(in srgb, var(--a24x7-primary-color) 70%, #fff));
    box-shadow: 0 6px 16px color-mix(in srgb, var(--a24x7-primary-color) 35%, transparent);
    transition: transform .15s, box-shadow .15s;
}

.ins-mot-upgrade-btn:hover[b-jwnk9ytp1o] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--a24x7-primary-color) 40%, transparent);
}

@keyframes ins-mot-pop-b-jwnk9ytp1o {
    from { opacity: 0; transform: scale(.6); }
    to { opacity: 1; transform: none; }
}

@keyframes ins-mot-flicker-b-jwnk9ytp1o {
    0%, 70%, 100% { transform: scale(1) rotate(0); }
    78% { transform: scale(1.07) rotate(-4deg); }
    86% { transform: scale(.98) rotate(3deg); }
}

@keyframes ins-mot-rise-b-jwnk9ytp1o {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@keyframes ins-mot-grow-b-jwnk9ytp1o {
    from { width: 0; }
}

@keyframes ins-mot-wiggle-b-jwnk9ytp1o {
    0%, 90%, 100% { transform: rotate(0); }
    93% { transform: rotate(-12deg); }
    96% { transform: rotate(12deg); }
}

/* ── Responsive ── */
@media (max-width: 991.98px) {
    .ins-mot-grid[b-jwnk9ytp1o] { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .ins-mot-locked[b-jwnk9ytp1o] { grid-template-columns: 1fr; }
    .ins-mot-locked-art[b-jwnk9ytp1o] { height: 90px; }
}

@media (max-width: 575.98px) {
    .ins-mot-hero[b-jwnk9ytp1o] { flex-direction: column; align-items: flex-start; padding: 1rem; }
    .ins-mot-emblem[b-jwnk9ytp1o] { width: 52px; height: 52px; font-size: 1.4rem; border-radius: 14px; }
    .ins-mot-headline[b-jwnk9ytp1o] { font-size: 1.2rem; }
    .ins-mot-ring[b-jwnk9ytp1o] { width: 64px; height: 64px; }
    .ins-mot-ring[b-jwnk9ytp1o]::before { inset: 8px; }
    /* Meter drops under the name on narrow screens. */
    .ins-mot-row-head[b-jwnk9ytp1o] {
        grid-template-columns: 26px minmax(0, 1fr) 2.8rem 6.2rem 1rem;
        row-gap: .4rem;
    }
    .ins-mot-row-head > .ins-mot-meter[b-jwnk9ytp1o] { grid-column: 2 / -1; grid-row: 2; }
}

@media (prefers-reduced-motion: reduce) {
    .ins-mot-emblem[b-jwnk9ytp1o], .ins-mot-locked-icon[b-jwnk9ytp1o], .ins-mot-driver[b-jwnk9ytp1o], .ins-mot-ranked-item[b-jwnk9ytp1o],
    .ins-mot-meter > span[b-jwnk9ytp1o], .ins-mot-modal[open][b-jwnk9ytp1o] { animation: none; }
    .ins-mot-driver[b-jwnk9ytp1o], .ins-mot-row[b-jwnk9ytp1o], .ins-mot-open[b-jwnk9ytp1o] { transition: none; }
}
/* /Components/Widgets/EndUser/Insights/PeerCompareView.razor.rz.scp.css */
/* ── "How we work together" compare view (scoped CSS: served over HTTP, not over SignalR) ── */

.cv-head[b-nq090to3ao] {
    margin-bottom: 1rem;
}

.cv-title[b-nq090to3ao] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.cv-sub[b-nq090to3ao],
.cv-empty[b-nq090to3ao] {
    font-size: .85rem;
    color: #64748b;
    margin: .15rem 0 0;
}

/* Summary strip */
.cv-summary[b-nq090to3ao] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.cv-sum[b-nq090to3ao] {
    border-radius: 14px;
    padding: .85rem 1rem;
    border: 1px solid #e9ecef;
}

.cv-sum-common[b-nq090to3ao] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.cv-sum-watch[b-nq090to3ao] {
    background: #fffbeb;
    border-color: #fde68a;
}

.cv-sum-title[b-nq090to3ao] {
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #334155;
    margin-bottom: .35rem;
}

.cv-sum-list[b-nq090to3ao],
.cv-list[b-nq090to3ao] {
    margin: 0;
    padding-left: 1.1rem;
    font-size: .88rem;
    color: #334155;
}

.cv-sum-list li[b-nq090to3ao],
.cv-list li[b-nq090to3ao] {
    margin: .2rem 0;
}

/* AI Coach: its own card, a soft primary-to-violet gradient border */
.cv-coach[b-nq090to3ao] {
    --cv-coach-accent: #8b5cf6;
    margin-bottom: 1rem;
    border: 1.5px solid transparent;
    border-radius: 16px;
    padding: 1rem 1.1rem .85rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--a24x7-primary-color) 5%, #fff), #fff 70%) padding-box,
        linear-gradient(135deg, color-mix(in srgb, var(--a24x7-primary-color) 55%, #fff), color-mix(in srgb, var(--cv-coach-accent) 60%, #fff)) border-box;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--cv-coach-accent) 10%, transparent);
}

.cv-coach-head[b-nq090to3ao] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .7rem;
}

.cv-coach-icon[b-nq090to3ao],
.cv-coach-avatar[b-nq090to3ao] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--a24x7-primary-color), var(--cv-coach-accent));
}

.cv-coach-icon[b-nq090to3ao] {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.05rem;
}

.cv-coach-avatar[b-nq090to3ao] {
    width: 1.8rem;
    height: 1.8rem;
    font-size: .78rem;
}

.cv-coach-title[b-nq090to3ao] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.cv-coach-sub[b-nq090to3ao] {
    font-size: .85rem;
    color: #64748b;
    margin: .1rem 0 0;
}

/* Starter chips */
.cv-coach-chips[b-nq090to3ao] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .75rem;
}

.cv-coach-chip[b-nq090to3ao] {
    border: 1px solid color-mix(in srgb, var(--cv-coach-accent) 35%, #fff);
    background: color-mix(in srgb, var(--cv-coach-accent) 7%, #fff);
    color: #4c1d95;
    border-radius: 999px;
    padding: .3rem .75rem;
    font-size: .8rem;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}

.cv-coach-chip:hover:not(:disabled)[b-nq090to3ao] {
    background: color-mix(in srgb, var(--cv-coach-accent) 15%, #fff);
    border-color: color-mix(in srgb, var(--cv-coach-accent) 60%, #fff);
}

.cv-coach-chip:disabled[b-nq090to3ao] {
    opacity: .55;
    cursor: default;
}

/* Chat thread */
.cv-thread[b-nq090to3ao] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    margin-bottom: .75rem;
}

.cv-msg[b-nq090to3ao] {
    display: flex;
    align-items: flex-end;
    gap: .45rem;
}

.cv-msg-me[b-nq090to3ao] {
    justify-content: flex-end;
}

.cv-bubble[b-nq090to3ao] {
    max-width: min(85%, 640px);
    border-radius: 14px;
    padding: .55rem .8rem;
    font-size: .9rem;
    /* Answers are plain text; keep their line breaks. */
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.cv-msg-me .cv-bubble[b-nq090to3ao] {
    background: var(--a24x7-primary-color);
    color: #fff;
    border-bottom-right-radius: 4px;
}

.cv-msg-coach .cv-bubble[b-nq090to3ao] {
    background: #fff;
    color: #0f172a;
    border: 1px solid #e2e8f0;
    border-bottom-left-radius: 4px;
}

/* Typing indicator */
.cv-typing[b-nq090to3ao] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.cv-dot[b-nq090to3ao] {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: var(--cv-coach-accent);
    opacity: .35;
    animation: cv-blink-b-nq090to3ao 1.2s infinite ease-in-out;
}

.cv-dot:nth-child(2)[b-nq090to3ao] {
    animation-delay: .2s;
}

.cv-dot:nth-child(3)[b-nq090to3ao] {
    animation-delay: .4s;
}

.cv-typing-text[b-nq090to3ao] {
    margin-left: .35rem;
    font-size: .8rem;
    color: #64748b;
}

@keyframes cv-blink-b-nq090to3ao {
    0%, 80%, 100% { opacity: .35; transform: translateY(0); }
    40% { opacity: 1; transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
    .cv-dot[b-nq090to3ao] {
        animation: none;
        opacity: .7;
    }
}

.cv-coach-error[b-nq090to3ao] {
    margin-bottom: .5rem;
    font-size: .85rem;
    color: #b91c1c;
}

/* Input row */
.cv-coach-input[b-nq090to3ao] {
    display: flex;
    gap: .5rem;
}

.cv-coach-input .form-control[b-nq090to3ao] {
    border-radius: 999px;
    padding-left: .9rem;
}

.cv-coach-send[b-nq090to3ao] {
    flex: 0 0 auto;
    width: 2.5rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.cv-coach-meta[b-nq090to3ao] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    font-size: .72rem;
    color: #64748b;
    margin: .3rem .5rem 0;
}

.cv-coach-note[b-nq090to3ao] {
    font-size: .72rem;
    color: #94a3b8;
    margin: .4rem 0 0;
}

/* Blocks and cards */
.cv-block[b-nq090to3ao] {
    margin-top: 1.25rem;
}

.cv-block-title[b-nq090to3ao] {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 .6rem;
}

.cv-pair-note[b-nq090to3ao] {
    font-size: .92rem;
    color: #334155;
    background: #f8fafc;
    border-left: 3px solid var(--a24x7-primary-color);
    border-radius: 0 10px 10px 0;
    padding: .55rem .8rem;
    margin: 0 0 .85rem;
}

.cv-grid[b-nq090to3ao] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: .85rem;
    margin-bottom: .85rem;
}

.cv-card[b-nq090to3ao] {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
    min-width: 0;
}

.cv-card-head[b-nq090to3ao] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .25rem;
}

.cv-card-title[b-nq090to3ao] {
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #64748b;
    margin-bottom: .45rem;
}

.cv-card-head .cv-card-title[b-nq090to3ao] {
    margin-bottom: 0;
}

.cv-hint[b-nq090to3ao] {
    font-size: .8rem;
    color: #64748b;
    margin: .4rem 0 0;
}

.cv-dim-key[b-nq090to3ao] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .9rem;
    font-size: .74rem;
    color: #64748b;
}

/* Natural / Adapted toggle (same look as the DISC widget's) */
.ins-seg[b-nq090to3ao] {
    display: inline-flex;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 3px;
}

.ins-seg-btn[b-nq090to3ao] {
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: .75rem;
    font-weight: 700;
    padding: .3rem .75rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s, color .15s, box-shadow .15s;
}

.ins-seg-btn:hover[b-nq090to3ao] {
    color: #0f172a;
}

.ins-seg-btn.active[b-nq090to3ao] {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .12);
}

/* Do's and don'ts */
.cv-tip-label[b-nq090to3ao] {
    font-size: .82rem;
    font-weight: 700;
    color: #334155;
    margin: .6rem 0 .2rem;
}

.cv-tip-do[b-nq090to3ao] {
    color: #15803d;
}

.cv-tip-dont[b-nq090to3ao] {
    color: #b91c1c;
}

.cv-more[b-nq090to3ao] {
    margin-top: .6rem;
}

.cv-more > summary[b-nq090to3ao] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--a24x7-primary-color);
    cursor: pointer;
}

/* Motivators */
.cv-chips[b-nq090to3ao] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.cv-chip[b-nq090to3ao] {
    font-size: .82rem;
    font-weight: 700;
    padding: .25rem .7rem;
    border-radius: 999px;
    background: var(--cv-mot);
    color: var(--cv-mot-on);
}

.cv-gap[b-nq090to3ao] {
    border-left: 3px solid var(--cv-mot);
    padding: .2rem 0 .2rem .7rem;
    margin: .6rem 0;
}

.cv-gap-name[b-nq090to3ao] {
    font-weight: 800;
    color: var(--cv-mot-ink);
}

.cv-gap-about[b-nq090to3ao] {
    font-size: .8rem;
    color: #64748b;
    margin-bottom: .3rem;
}

.cv-gap-row[b-nq090to3ao] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .78rem;
    color: #334155;
}

.cv-gap-who[b-nq090to3ao] {
    width: 5.5rem;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-meter[b-nq090to3ao] {
    flex: 1;
    height: 8px;
    border-radius: 999px;
    background: #f1f5f9;
    overflow: hidden;
}

.cv-meter > span[b-nq090to3ao] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--cv-mot);
}

.cv-gap-score[b-nq090to3ao] {
    width: 2.6rem;
    text-align: right;
    font-weight: 700;
}

.cv-gap-line[b-nq090to3ao] {
    font-size: .8rem;
    color: #334155;
    margin-top: .25rem;
}
/* /Components/Widgets/EndUser/Insights/PeerInsightsView.razor.rz.scp.css */
/* ── A peer's shared insights (scoped CSS) ── */
.pv-empty[b-imkev56l38] {
    color: #64748b;
    font-size: .9rem;
    margin: 0;
}

/* Section picker: one section widget open at a time. */
.pv-tabs[b-imkev56l38] {
    display: flex;
    gap: .25rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1rem;
    overflow-x: auto;
}

.pv-tab[b-imkev56l38] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: .5rem .8rem;
    font-size: .85rem;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.pv-tab:hover[b-imkev56l38] {
    color: #0f172a;
}

.pv-tab.active[b-imkev56l38] {
    color: #0f172a;
    border-bottom-color: var(--a24x7-primary-color);
}
/* /Components/Widgets/EndUser/Insights/PeersWidget.razor.rz.scp.css */
/* ── Insights sharing widget (scoped CSS: served over HTTP, not over SignalR) ── */
.pw[b-55pgccx5o5] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 1.25rem 1.5rem 1.5rem;
    margin: 1rem 0;
    box-shadow: 0 6px 24px rgba(15, 23, 42, .06);
}

.pw-head[b-55pgccx5o5] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1rem;
}

.pw-head-icon[b-55pgccx5o5] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
    background: linear-gradient(135deg, var(--a24x7-primary-color), color-mix(in srgb, var(--a24x7-primary-color) 70%, #fff));
}

.pw-title[b-55pgccx5o5] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.pw-sub[b-55pgccx5o5] {
    font-size: .85rem;
    color: #64748b;
    margin: .1rem 0 0;
}

.pw-badge[b-55pgccx5o5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 .4rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    color: #fff;
    background: #dc2626;
}

.pw-count[b-55pgccx5o5] {
    font-size: .72rem;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 999px;
    padding: .05rem .45rem;
}

.pw-msg[b-55pgccx5o5] {
    font-size: .85rem;
    padding: .5rem .75rem;
    border-radius: 8px;
    margin-bottom: .75rem;
    background: #ecfdf5;
    color: #065f46;
}

.pw-msg-error[b-55pgccx5o5] {
    background: #fef2f2;
    color: #991b1b;
}

.pw-tabs[b-55pgccx5o5] {
    display: flex;
    gap: .25rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: .85rem;
    overflow-x: auto;
}

.pw-tab[b-55pgccx5o5] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: .5rem .8rem;
    font-size: .85rem;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}

.pw-tab:hover[b-55pgccx5o5] {
    color: #0f172a;
}

.pw-tab.active[b-55pgccx5o5] {
    color: #0f172a;
    border-bottom-color: var(--a24x7-primary-color);
}

.pw-empty[b-55pgccx5o5],
.pw-hint[b-55pgccx5o5] {
    color: #64748b;
    font-size: .88rem;
    margin: .25rem 0 .75rem;
}

.pw-section-label[b-55pgccx5o5] {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #94a3b8;
    margin: .5rem 0 .4rem;
}

.pw-list[b-55pgccx5o5] {
    list-style: none;
    padding: 0;
    margin: 0 0 .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.pw-item[b-55pgccx5o5] {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: .7rem .85rem;
    background: #f9fafb;
}

.pw-item-main[b-55pgccx5o5] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.pw-item-text[b-55pgccx5o5] {
    min-width: 0;
    flex: 1;
}

.pw-avatar[b-55pgccx5o5] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .85rem;
    color: #fff;
    background: color-mix(in srgb, var(--a24x7-primary-color) 80%, #fff);
}

.pw-name[b-55pgccx5o5] {
    font-weight: 600;
    color: #0f172a;
    font-size: .92rem;
}

.pw-name-link[b-55pgccx5o5] {
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    color: var(--a24x7-primary-color);
}

.pw-name-link:hover[b-55pgccx5o5] {
    text-decoration: underline;
}

.pw-meta[b-55pgccx5o5] {
    font-size: .78rem;
    color: #64748b;
}

.pw-chips[b-55pgccx5o5] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .35rem;
}

.pw-chip[b-55pgccx5o5] {
    font-size: .75rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: .1rem .55rem;
    color: #334155;
}

.pw-view[b-55pgccx5o5] {
    flex-shrink: 0;
}

.pw-item-controls[b-55pgccx5o5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: .55rem;
}

/* Remove connection: a small, subtle icon button (tooltip from the tt-target title). */
.pw-icon-btn[b-55pgccx5o5] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border-color: #e2e8f0;
    color: #94a3b8;
    font-size: .8rem;
}

.pw-icon-btn:hover:not(:disabled)[b-55pgccx5o5],
.pw-icon-btn:focus-visible[b-55pgccx5o5] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.pw-confirm[b-55pgccx5o5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.pw-confirm-text[b-55pgccx5o5] {
    font-size: .8rem;
    color: #991b1b;
}

.pw-search[b-55pgccx5o5] {
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
}