/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout scoped styles - most layout handled by theme.css */

/* Blazor error UI styles */

#blazor-error-ui[b-dn41k6qpwx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-dn41k6qpwx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-h94foycioe],
.components-reconnect-repeated-attempt-visible[b-h94foycioe],
.components-reconnect-failed-visible[b-h94foycioe],
.components-pause-visible[b-h94foycioe],
.components-resume-failed-visible[b-h94foycioe],
.components-rejoining-animation[b-h94foycioe] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-h94foycioe],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-h94foycioe],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-h94foycioe],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-h94foycioe],
#components-reconnect-modal.components-reconnect-retrying[b-h94foycioe],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-h94foycioe],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-h94foycioe],
#components-reconnect-modal.components-reconnect-failed[b-h94foycioe],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-h94foycioe] {
    display: block;
}


#components-reconnect-modal[b-h94foycioe] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-h94foycioe 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-h94foycioe 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-h94foycioe 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-h94foycioe]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-h94foycioe 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-h94foycioe {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-h94foycioe {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-h94foycioe {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-h94foycioe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-h94foycioe] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-h94foycioe] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-h94foycioe] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-h94foycioe] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-h94foycioe] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-h94foycioe] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-h94foycioe 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-h94foycioe] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-h94foycioe {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Crisis/CrisisPlanEditor.razor.rz.scp.css */
/* Crisis Plan Editor Styles */

.page-header[b-lncp8jt8q6] {
    padding: 1.5rem;
    background: var(--surface, #fff);
    border-bottom: 1px solid var(--border-light, #e5e7eb);
}

.page-header-content[b-lncp8jt8q6] {
    max-width: 1400px;
    margin: 0 auto;
}

.breadcrumb[b-lncp8jt8q6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-tertiary, #6b7280);
    margin-bottom: 0.75rem;
}

.breadcrumb a[b-lncp8jt8q6] {
    color: var(--primary, #3b82f6);
    text-decoration: none;
}

.breadcrumb a:hover[b-lncp8jt8q6] {
    text-decoration: underline;
}

.page-title[b-lncp8jt8q6] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.plan-status-badge[b-lncp8jt8q6] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-draft[b-lncp8jt8q6] { background: #dbeafe; color: #1e40af; }
.status-pending[b-lncp8jt8q6] { background: #fef3c7; color: #92400e; }
.status-active[b-lncp8jt8q6] { background: #d1fae5; color: #065f46; }
.status-review[b-lncp8jt8q6] { background: #fef9c3; color: #854d0e; }
.status-other[b-lncp8jt8q6] { background: #f3f4f6; color: #4b5563; }

.page-content[b-lncp8jt8q6] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.loading-container[b-lncp8jt8q6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    min-height: 300px;
    color: var(--text-secondary, #6b7280);
}

.not-found[b-lncp8jt8q6] {
    text-align: center;
    padding: 3rem;
}

.editor-container[b-lncp8jt8q6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Tab Pane Styles */
.tab-pane[b-lncp8jt8q6] {
    padding: 1.5rem;
    min-height: 500px;
}

.section-title[b-lncp8jt8q6] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.section-description[b-lncp8jt8q6] {
    color: var(--text-secondary, #6b7280);
    margin-bottom: 1.5rem;
}

/* Form Styles */
.form-section[b-lncp8jt8q6] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-light, #e5e7eb);
}

.form-section:last-child[b-lncp8jt8q6] {
    border-bottom: none;
}

.form-section h4[b-lncp8jt8q6] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.form-row[b-lncp8jt8q6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-row.three-col[b-lncp8jt8q6] {
    grid-template-columns: repeat(3, 1fr);
}

.form-group[b-lncp8jt8q6] {
    margin-bottom: 0.75rem;
}

.form-group label[b-lncp8jt8q6] {
    display: block;
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary, #374151);
}

.required[b-lncp8jt8q6] {
    color: #dc2626;
}

.form-control-static[b-lncp8jt8q6] {
    padding: 0.5rem 0;
    font-weight: 500;
}

.checkbox-group[b-lncp8jt8q6] {
    display: flex;
    align-items: center;
    padding-top: 1.5rem;
}

/* List Editor Styles */
.list-editor[b-lncp8jt8q6] {
    margin-bottom: 1.5rem;
}

.list-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.list-header h4[b-lncp8jt8q6] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.list-item-card[b-lncp8jt8q6] {
    background: var(--surface-hover, #f9fafb);
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.item-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.item-number[b-lncp8jt8q6] {
    font-weight: 600;
    color: var(--text-secondary, #6b7280);
}

.list-item-row[b-lncp8jt8q6] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.list-item-row .form-group[b-lncp8jt8q6] {
    margin-bottom: 0;
}

.flex-grow[b-lncp8jt8q6] {
    flex-grow: 1;
}

.empty-list[b-lncp8jt8q6] {
    text-align: center;
    padding: 2rem;
    background: var(--surface-hover, #f9fafb);
    border: 2px dashed var(--border, #d1d5db);
    border-radius: 8px;
    color: var(--text-secondary, #6b7280);
}

.empty-list.compact[b-lncp8jt8q6] {
    padding: 1rem;
}

.empty-list i[b-lncp8jt8q6] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    display: block;
}

.empty-hint[b-lncp8jt8q6] {
    font-size: 0.875rem;
    margin: 0.5rem 0;
}

/* Warning Signs Editor */
.warning-signs-editor[b-lncp8jt8q6] {
    margin-top: 2rem;
}

.warning-signs-editor h4[b-lncp8jt8q6] {
    margin-bottom: 1rem;
}

.warning-level-card[b-lncp8jt8q6] {
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.level-early[b-lncp8jt8q6] {
    background: #fefce8;
    border: 1px solid #fde047;
}

.level-escalating[b-lncp8jt8q6] {
    background: #fff7ed;
    border: 1px solid #fdba74;
}

.level-imminent[b-lncp8jt8q6] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
}

.level-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.level-info[b-lncp8jt8q6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.level-badge[b-lncp8jt8q6] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.level-badge.early[b-lncp8jt8q6] {
    background: #fef08a;
    color: #854d0e;
}

.level-badge.escalating[b-lncp8jt8q6] {
    background: #fed7aa;
    color: #9a3412;
}

.level-badge.imminent[b-lncp8jt8q6] {
    background: #fecaca;
    color: #991b1b;
}

.level-desc[b-lncp8jt8q6] {
    font-size: 0.8rem;
    color: var(--text-secondary, #6b7280);
}

.warning-item[b-lncp8jt8q6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.warning-item:last-child[b-lncp8jt8q6] {
    margin-bottom: 0;
}

/* Protective Factors */
.protective-factor-section[b-lncp8jt8q6] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-light, #e5e7eb);
}

/* De-escalation Steps */
.deescalation-step-section[b-lncp8jt8q6] {
    margin-bottom: 2rem;
}

.step-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-light, #e5e7eb);
}

.step-info[b-lncp8jt8q6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.step-badge[b-lncp8jt8q6] {
    background: #6366f1;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.step-title[b-lncp8jt8q6] {
    font-weight: 600;
    color: var(--text-primary, #111827);
}

.strategy-card[b-lncp8jt8q6] {
    background: var(--surface-hover, #f9fafb);
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.strategy-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.strategy-number[b-lncp8jt8q6] {
    font-weight: 500;
    color: var(--text-secondary, #6b7280);
}

.media-link-section[b-lncp8jt8q6] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--border, #d1d5db);
}

.media-link-section label[b-lncp8jt8q6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #6b7280);
}

/* Safety Planning */
.safety-items-grid[b-lncp8jt8q6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1rem;
}

.safety-item-card[b-lncp8jt8q6] {
    background: var(--surface-hover, #f9fafb);
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 8px;
    padding: 1rem;
}

.safety-item-card.is-present[b-lncp8jt8q6] {
    border-color: #f87171;
    background: #fef2f2;
}

.safety-item-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.safety-item-header h5[b-lncp8jt8q6] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
}

/* Emergency Contacts */
.contact-card[b-lncp8jt8q6] {
    background: var(--surface-hover, #f9fafb);
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.contact-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.contact-priority[b-lncp8jt8q6] {
    font-weight: 600;
    color: #6366f1;
}

.crisis-resources-card[b-lncp8jt8q6] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 2rem;
}

.crisis-resources-card h4[b-lncp8jt8q6] {
    margin: 0 0 0.5rem;
    color: #1e40af;
}

.crisis-resources-card ul[b-lncp8jt8q6] {
    margin: 0.75rem 0 0;
    padding-left: 1.25rem;
}

.crisis-resources-card li[b-lncp8jt8q6] {
    margin-bottom: 0.5rem;
}

/* Special Considerations */
.consideration-section[b-lncp8jt8q6] {
    margin-bottom: 1.5rem;
}

/* Signatures Tab */
.validation-summary[b-lncp8jt8q6] {
    margin-bottom: 2rem;
}

.validation-success[b-lncp8jt8q6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    border-radius: 8px;
    color: #065f46;
}

.validation-errors[b-lncp8jt8q6] {
    padding: 1rem;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
}

.validation-errors h5[b-lncp8jt8q6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
    color: #991b1b;
}

.validation-errors ul[b-lncp8jt8q6] {
    margin: 0;
    padding-left: 1.25rem;
    color: #7f1d1d;
}

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

.signature-card[b-lncp8jt8q6] {
    background: var(--surface-hover, #f9fafb);
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 8px;
    padding: 1.25rem;
}

.signature-card.signed[b-lncp8jt8q6] {
    background: #f0fdf4;
    border-color: #86efac;
}

.sig-header[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.sig-header h5[b-lncp8jt8q6] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
}

.required-badge[b-lncp8jt8q6] {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 4px;
}

.sig-complete[b-lncp8jt8q6] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #065f46;
}

.sig-complete i[b-lncp8jt8q6] {
    font-size: 1.5rem;
    color: #22c55e;
}

.sig-details[b-lncp8jt8q6] {
    font-size: 0.9rem;
}

.sig-pending[b-lncp8jt8q6] {
    text-align: center;
}

.sig-pending p[b-lncp8jt8q6] {
    margin-bottom: 0.75rem;
}

.sig-pending .e-btn[b-lncp8jt8q6] {
    margin: 0.25rem;
}

.activation-section[b-lncp8jt8q6] {
    margin-top: 2rem;
    padding: 1.5rem;
    background: #eff6ff;
    border-radius: 8px;
}

.activation-section h4[b-lncp8jt8q6] {
    margin: 0 0 0.75rem;
    color: #1e40af;
}

/* Signature Modal */
.signature-modal-content[b-lncp8jt8q6] {
    padding: 0.5rem;
}

.signature-pad-container[b-lncp8jt8q6] {
    margin-top: 1rem;
}

.signature-pad-container label[b-lncp8jt8q6] {
    display: block;
    margin-bottom: 0.5rem;
}

.signature-actions[b-lncp8jt8q6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

/* Editor Footer */
.editor-footer[b-lncp8jt8q6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--surface, #fff);
    border-top: 1px solid var(--border-light, #e5e7eb);
    border-radius: 0 0 8px 8px;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.nav-buttons[b-lncp8jt8q6] {
    display: flex;
    gap: 0.5rem;
}

.action-buttons[b-lncp8jt8q6] {
    display: flex;
    gap: 0.5rem;
}

/* Textbox overrides */
[b-lncp8jt8q6] .multiline-textbox textarea {
    min-height: 100px !important;
}

[b-lncp8jt8q6] .multiline-textbox-sm textarea {
    min-height: 60px !important;
}

/* Alert overrides */
.alert[b-lncp8jt8q6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-danger[b-lncp8jt8q6] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.alert-success[b-lncp8jt8q6] {
    background: #f0fdf4;
    border: 1px solid #86efac;
    color: #166534;
}

.alert-info[b-lncp8jt8q6] {
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #1e40af;
}

.btn-close[b-lncp8jt8q6] {
    margin-left: auto;
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    opacity: 0.5;
}

.btn-close:hover[b-lncp8jt8q6] {
    opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .form-row[b-lncp8jt8q6],
    .form-row.three-col[b-lncp8jt8q6] {
        grid-template-columns: 1fr;
    }

    .safety-items-grid[b-lncp8jt8q6] {
        grid-template-columns: 1fr;
    }

    .signatures-grid[b-lncp8jt8q6] {
        grid-template-columns: 1fr;
    }

    .editor-footer[b-lncp8jt8q6] {
        flex-direction: column;
        gap: 1rem;
    }

    .nav-buttons[b-lncp8jt8q6],
    .action-buttons[b-lncp8jt8q6] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/PMT/PMTCurriculum.razor.rz.scp.css */
/* PMT Home — Module Cards & Progress */

.pmt-client-badge[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    transition: background var(--transition-fast);
}

.pmt-client-clear:hover[b-6ijpdo4svp] {
    background: rgba(0, 113, 227, 0.2);
}

/* Age Group Bar */
.pmt-age-group-bar[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    background: rgba(42, 107, 114, 0.06);
    border: 1px solid rgba(42, 107, 114, 0.18);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
}

.pmt-age-group-badge[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.pmt-age-group-badge svg[b-6ijpdo4svp] {
    flex-shrink: 0;
    color: #2A6B72;
}

.pmt-age-group-badge.neutral[b-6ijpdo4svp] {
    color: var(--text-secondary);
}

.pmt-age-group-badge.neutral svg[b-6ijpdo4svp] {
    color: var(--text-tertiary);
}

.pmt-age-group-override-label[b-6ijpdo4svp] {
    font-size: var(--text-xs);
    color: var(--warning);
    font-weight: var(--font-medium);
    margin-left: var(--space-1);
}

.pmt-age-group-selector[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
}

.pmt-age-group-selector label[b-6ijpdo4svp] {
    color: var(--text-secondary);
    white-space: nowrap;
}

.pmt-age-group-selector select[b-6ijpdo4svp] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    background: var(--surface);
    color: var(--text-primary);
    cursor: pointer;
}

/* Info banner */
.pmt-info-banner[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-6ijpdo4svp] {
    flex-shrink: 0;
    color: var(--primary);
}

/* Progress strip */
.pmt-progress-strip[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    padding: var(--space-4) var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
}

.pmt-progress-stat[b-6ijpdo4svp] {
    text-align: center;
}

.pmt-progress-stat-value[b-6ijpdo4svp] {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    line-height: 1.2;
}

.pmt-progress-stat-label[b-6ijpdo4svp] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-progress-bar-container[b-6ijpdo4svp] {
    flex: 1;
    min-width: 120px;
    height: 8px;
    background: var(--border-light);
    border-radius: 4px;
    overflow: hidden;
}

.pmt-progress-bar[b-6ijpdo4svp] {
    height: 100%;
    background: var(--primary);
    border-radius: 4px;
    transition: width 0.4s ease;
}

/* Module grid */
.pmt-modules-grid[b-6ijpdo4svp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-5);
}

/* Module card */
.pmt-module-card[b-6ijpdo4svp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.pmt-module-card:hover[b-6ijpdo4svp] {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.pmt-module-card-accent[b-6ijpdo4svp] {
    height: 4px;
}

.pmt-module-card-body[b-6ijpdo4svp] {
    padding: var(--space-4) var(--space-5);
}

.pmt-module-card-header[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.pmt-module-icon[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    font-size: 1.1rem;
}

.pmt-module-meta[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.pmt-module-number[b-6ijpdo4svp] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-module-duration[b-6ijpdo4svp] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-module-title[b-6ijpdo4svp] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
    line-height: 1.3;
}

.pmt-module-desc[b-6ijpdo4svp] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0 0 var(--space-4) 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pmt-module-footer[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--space-3);
    border-top: 1px solid var(--border-light);
}

.pmt-module-lessons[b-6ijpdo4svp] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-module-progress[b-6ijpdo4svp] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.pmt-module-progress-bar[b-6ijpdo4svp] {
    width: 60px;
    height: 6px;
    background: var(--border-light);
    border-radius: 3px;
    overflow: hidden;
}

.pmt-module-progress-fill[b-6ijpdo4svp] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.pmt-module-progress-text[b-6ijpdo4svp] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-modules-grid[b-6ijpdo4svp] {
        grid-template-columns: 1fr;
    }

    .pmt-progress-strip[b-6ijpdo4svp] {
        gap: var(--space-3);
        padding: var(--space-3);
    }

    .pmt-progress-stat-value[b-6ijpdo4svp] {
        font-size: var(--text-lg);
    }

    .page-header-actions[b-6ijpdo4svp] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/PMT/PMTFieldRenderer.razor.rz.scp.css */
/* PMT Field Renderer — all field type styles */

.pmt-field[b-mc0g00ffnb] {
    margin-bottom: var(--space-4);
}

.pmt-field-label[b-mc0g00ffnb] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.pmt-field-input[b-mc0g00ffnb],
.pmt-field-select[b-mc0g00ffnb],
.pmt-field-textarea[b-mc0g00ffnb] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-primary);
    background: var(--surface);
    transition: border-color var(--transition-fast);
}

.pmt-field-input:focus[b-mc0g00ffnb],
.pmt-field-select:focus[b-mc0g00ffnb],
.pmt-field-textarea:focus[b-mc0g00ffnb] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.1);
}

.pmt-field-number[b-mc0g00ffnb] {
    max-width: 160px;
}

.pmt-field-textarea[b-mc0g00ffnb] {
    resize: vertical;
    min-height: 80px;
}

.pmt-field-signature[b-mc0g00ffnb] {
    font-family: 'Segoe Script', 'Brush Script MT', cursive;
    font-size: var(--text-lg);
}

/* Rating */
.pmt-field-rating[b-mc0g00ffnb] {
    display: flex;
    gap: var(--space-1);
}

.pmt-rating-star[b-mc0g00ffnb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    color: var(--border);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

.pmt-rating-star:hover[b-mc0g00ffnb] {
    color: #ff9f0a;
    background: rgba(255, 159, 10, 0.08);
}

.pmt-rating-star.active[b-mc0g00ffnb] {
    color: #ff9f0a;
}

/* Checkbox Group */
.pmt-checkbox-group[b-mc0g00ffnb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-checkbox-item[b-mc0g00ffnb] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    cursor: pointer;
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.pmt-checkbox-item:hover[b-mc0g00ffnb] {
    background: rgba(0, 0, 0, 0.02);
}

.pmt-checkbox-item input[type="checkbox"][b-mc0g00ffnb] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: var(--primary);
    flex-shrink: 0;
}

.pmt-checkbox-text[b-mc0g00ffnb] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    line-height: 1.4;
}

/* Table */
.pmt-table-wrapper[b-mc0g00ffnb] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-2);
}

.pmt-table[b-mc0g00ffnb] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.pmt-table th[b-mc0g00ffnb] {
    background: var(--background);
    padding: var(--space-2) var(--space-3);
    font-weight: var(--font-medium);
    color: var(--text-secondary);
    text-align: left;
    border-bottom: 1px solid var(--border);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.pmt-table td[b-mc0g00ffnb] {
    padding: var(--space-1);
    border-bottom: 1px solid var(--border-light);
}

.pmt-table tbody tr:last-child td[b-mc0g00ffnb] {
    border-bottom: none;
}

.pmt-table-input[b-mc0g00ffnb] {
    width: 100%;
    padding: var(--space-1) var(--space-2);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-primary);
    background: transparent;
    transition: all var(--transition-fast);
}

.pmt-table-input:focus[b-mc0g00ffnb] {
    outline: none;
    border-color: var(--primary);
    background: var(--surface);
}

.pmt-table-action-col[b-mc0g00ffnb] {
    width: 32px;
    text-align: center;
}

.pmt-table-remove[b-mc0g00ffnb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.pmt-table-remove:hover[b-mc0g00ffnb] {
    background: rgba(255, 59, 48, 0.1);
    color: #ff3b30;
}

.pmt-table-add[b-mc0g00ffnb] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: transparent;
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    width: 100%;
    justify-content: center;
}

.pmt-table-add:hover[b-mc0g00ffnb] {
    border-color: var(--primary);
    color: var(--primary);
    background: rgba(0, 113, 227, 0.03);
}

/* Likert */
.pmt-likert-table th[b-mc0g00ffnb],
.pmt-likert-table td[b-mc0g00ffnb] {
    text-align: center;
}

.pmt-likert-label[b-mc0g00ffnb] {
    text-align: left !important;
    font-size: var(--text-sm);
    color: var(--text-primary);
    white-space: nowrap;
    padding: var(--space-2) var(--space-3) !important;
}

.pmt-likert-cell[b-mc0g00ffnb] {
    min-width: 60px;
}

.pmt-likert-input[b-mc0g00ffnb] {
    text-align: center;
    max-width: 80px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-checkbox-group[b-mc0g00ffnb] {
        gap: var(--space-1);
    }

    .pmt-table-wrapper[b-mc0g00ffnb] {
        margin-left: calc(-1 * var(--space-3));
        margin-right: calc(-1 * var(--space-3));
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
}
/* /Components/Pages/PMT/PMTGlossary.razor.rz.scp.css */
/* PMT Glossary */

.breadcrumb[b-pkg4ypcso7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-pkg4ypcso7] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-pkg4ypcso7] {
    text-decoration: underline;
}

/* Toolbar */
.pmt-glossary-toolbar[b-pkg4ypcso7] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
}

.pmt-glossary-search[b-pkg4ypcso7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    flex: 1;
    min-width: 200px;
    max-width: 360px;
}

.pmt-glossary-search svg[b-pkg4ypcso7] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-glossary-search input[b-pkg4ypcso7] {
    border: none;
    background: none;
    outline: none;
    font-size: var(--text-sm);
    color: var(--text-primary);
    width: 100%;
}

.pmt-glossary-search input[b-pkg4ypcso7]::placeholder {
    color: var(--text-tertiary);
}

.pmt-glossary-categories[b-pkg4ypcso7] {
    display: flex;
    gap: var(--space-1);
    flex-wrap: wrap;
}

.pmt-glossary-cat-btn[b-pkg4ypcso7] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.pmt-glossary-cat-btn:hover[b-pkg4ypcso7] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-glossary-cat-btn.active[b-pkg4ypcso7] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.pmt-glossary-toggle[b-pkg4ypcso7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    cursor: pointer;
    white-space: nowrap;
    margin-left: auto;
}

.pmt-glossary-toggle input[b-pkg4ypcso7] {
    accent-color: var(--primary);
}

/* Alpha jump bar */
.pmt-glossary-alpha[b-pkg4ypcso7] {
    display: flex;
    gap: var(--space-1);
    padding: var(--space-2) 0;
    margin-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-light);
    flex-wrap: wrap;
}

.pmt-glossary-alpha-link[b-pkg4ypcso7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    padding: 0;
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    font-family: inherit;
    color: var(--primary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.pmt-glossary-alpha-link:hover[b-pkg4ypcso7] {
    background: rgba(0, 113, 227, 0.08);
}

/* Empty state */
.pmt-glossary-empty[b-pkg4ypcso7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) 0;
    color: var(--text-tertiary);
    text-align: center;
}

.pmt-glossary-empty svg[b-pkg4ypcso7] {
    margin-bottom: var(--space-3);
}

.pmt-glossary-empty p[b-pkg4ypcso7] {
    margin: 0;
    font-size: var(--text-sm);
}

/* Terms list */
.pmt-glossary-list[b-pkg4ypcso7] {
    max-width: 800px;
}

.pmt-glossary-letter-header[b-pkg4ypcso7] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--primary);
    padding: var(--space-3) 0 var(--space-2) 0;
    border-bottom: 2px solid var(--primary);
    margin-bottom: var(--space-3);
    margin-top: var(--space-4);
    scroll-margin-top: 80px;
}

.pmt-glossary-letter-header:first-child[b-pkg4ypcso7] {
    margin-top: 0;
}

.pmt-glossary-term[b-pkg4ypcso7] {
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-3);
}

.pmt-glossary-term-header[b-pkg4ypcso7] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.pmt-glossary-term-title[b-pkg4ypcso7] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0;
}

.pmt-glossary-term-cat[b-pkg4ypcso7] {
    padding: 2px var(--space-2);
    background: rgba(0, 113, 227, 0.06);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    color: var(--primary);
    font-weight: var(--font-medium);
    white-space: nowrap;
}

.pmt-glossary-term-def[b-pkg4ypcso7] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.pmt-glossary-clinical[b-pkg4ypcso7] {
    margin-top: var(--space-2);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-glossary-clinical summary[b-pkg4ypcso7] {
    cursor: pointer;
    font-weight: var(--font-medium);
    color: var(--text-secondary);
}

.pmt-glossary-clinical p[b-pkg4ypcso7] {
    margin: var(--space-2) 0 0 0;
    line-height: 1.5;
}

/* Count footer */
.pmt-glossary-count[b-pkg4ypcso7] {
    padding: var(--space-4) 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    max-width: 800px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-glossary-toolbar[b-pkg4ypcso7] {
        flex-direction: column;
        align-items: stretch;
    }

    .pmt-glossary-search[b-pkg4ypcso7] {
        max-width: none;
    }

    .pmt-glossary-toggle[b-pkg4ypcso7] {
        margin-left: 0;
    }
}
/* /Components/Pages/PMT/PMTHome.razor.rz.scp.css */
/* PMT Hub — styles are inline in the .razor file (following BillingHub pattern) */
/* /Components/Pages/PMT/PMTLessonPlayer.razor.rz.scp.css */
/* PMT Lesson Player */

.page-header-row[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-client-indicator[b-o22ltewbit] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.breadcrumb[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-o22ltewbit] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-o22ltewbit] {
    text-decoration: underline;
}

/* Not found */
.pmt-not-found[b-o22ltewbit] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-not-found svg[b-o22ltewbit] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-not-found h2[b-o22ltewbit] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-not-found p[b-o22ltewbit] {
    margin: 0 0 var(--space-4) 0;
}

/* Layout */
.pmt-lesson-layout[b-o22ltewbit] {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: var(--space-6);
    align-items: start;
}

.pmt-lesson-main[b-o22ltewbit] {
    min-width: 0;
}

/* Overview card */
.pmt-lesson-overview-card[b-o22ltewbit] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-sm);
}

.pmt-lesson-overview-meta[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
}

.pmt-lesson-overview-module[b-o22ltewbit] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-lesson-age-badge[b-o22ltewbit] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--space-2);
    background: rgba(42, 107, 114, 0.1);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: #2A6B72;
    text-transform: none;
    letter-spacing: 0;
}

.pmt-lesson-overview-duration[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-lesson-status-badge[b-o22ltewbit] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-lesson-status-badge.completed[b-o22ltewbit] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.pmt-lesson-overview-text[b-o22ltewbit] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Dividers */
.pmt-lesson-divider[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin: var(--space-6) 0 var(--space-4) 0;
}

.pmt-lesson-divider[b-o22ltewbit]::before,
.pmt-lesson-divider[b-o22ltewbit]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-light);
}

.pmt-lesson-divider span[b-o22ltewbit] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

/* Linked Worksheets */
.pmt-linked-worksheets[b-o22ltewbit] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
}

.pmt-worksheet-link[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-fast);
}

.pmt-worksheet-link:hover[b-o22ltewbit] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-worksheet-link svg:first-child[b-o22ltewbit] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-worksheet-link div[b-o22ltewbit] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pmt-worksheet-link-title[b-o22ltewbit] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.pmt-worksheet-link-cat[b-o22ltewbit] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-worksheet-link-arrow[b-o22ltewbit] {
    color: var(--text-tertiary);
    flex-shrink: 0;
    transition: transform var(--transition-fast);
}

.pmt-worksheet-link:hover .pmt-worksheet-link-arrow[b-o22ltewbit] {
    transform: translateX(2px);
    color: var(--primary);
}

/* Provider Notes Box */
.pmt-provider-notes-box[b-o22ltewbit] {
    background: rgba(88, 86, 214, 0.03);
    border: 1px solid rgba(88, 86, 214, 0.15);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: var(--space-5);
}

.pmt-provider-notes-header[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: #5856d6;
    margin-bottom: var(--space-3);
}

.pmt-provider-notes-header svg[b-o22ltewbit] {
    color: #5856d6;
}

.pmt-provider-notes-textarea[b-o22ltewbit] {
    width: 100%;
    padding: var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-primary);
    background: var(--surface);
    resize: vertical;
    transition: border-color var(--transition-fast);
}

.pmt-provider-notes-textarea:focus[b-o22ltewbit] {
    outline: none;
    border-color: var(--primary);
}

/* Completion actions */
.pmt-lesson-actions[b-o22ltewbit] {
    display: flex;
    justify-content: center;
    padding: var(--space-5) 0;
}

.btn-lg[b-o22ltewbit] {
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-base);
}

.pmt-completed-badge[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5);
    background: rgba(52, 199, 89, 0.08);
    color: #34c759;
    border-radius: var(--radius-md);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
}

/* Lesson Navigation */
.pmt-lesson-nav[b-o22ltewbit] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    padding-top: var(--space-5);
    border-top: 1px solid var(--border-light);
}

.pmt-lesson-nav-link[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-fast);
    max-width: 45%;
}

.pmt-lesson-nav-link:hover[b-o22ltewbit] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-lesson-nav-link.next[b-o22ltewbit] {
    text-align: right;
    margin-left: auto;
}

.pmt-lesson-nav-link svg[b-o22ltewbit] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-lesson-nav-label[b-o22ltewbit] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-lesson-nav-title[b-o22ltewbit] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sidebar */
.pmt-lesson-sidebar[b-o22ltewbit] {
    position: sticky;
    top: 80px;
}

.pmt-lesson-toc[b-o22ltewbit] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: var(--space-3);
}

.pmt-lesson-toc-title[b-o22ltewbit] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--space-3) 0;
}

.pmt-lesson-toc-item[b-o22ltewbit] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-light);
}

.pmt-lesson-toc-item:last-child[b-o22ltewbit] {
    border-bottom: none;
}

.pmt-lesson-toc-item.provider-only[b-o22ltewbit] {
    color: #5856d6;
}

.pmt-lesson-toc-item.quiz[b-o22ltewbit] {
    color: var(--primary);
}

.pmt-lesson-toc-item svg[b-o22ltewbit] {
    flex-shrink: 0;
}

/* Bookmark */
.pmt-lesson-bookmark[b-o22ltewbit] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-3);
}

.pmt-bookmark-btn[b-o22ltewbit] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2);
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-bookmark-btn:hover[b-o22ltewbit] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-bookmark-btn.active[b-o22ltewbit] {
    background: rgba(0, 113, 227, 0.06);
    border-color: var(--primary);
    color: var(--primary);
}

/* Responsive */
@media (max-width: 1024px) {
    .pmt-lesson-layout[b-o22ltewbit] {
        grid-template-columns: 1fr;
    }

    .pmt-lesson-sidebar[b-o22ltewbit] {
        position: static;
        display: flex;
        gap: var(--space-3);
        flex-wrap: wrap;
    }

    .pmt-lesson-toc[b-o22ltewbit] {
        flex: 1;
        min-width: 200px;
        margin-bottom: 0;
    }

    .pmt-lesson-bookmark[b-o22ltewbit] {
        flex: 0;
    }
}

@media (max-width: 768px) {
    .pmt-lesson-nav[b-o22ltewbit] {
        flex-direction: column;
    }

    .pmt-lesson-nav-link[b-o22ltewbit] {
        max-width: 100%;
    }

    .pmt-lesson-nav-link.next[b-o22ltewbit] {
        margin-left: 0;
    }
}
/* /Components/Pages/PMT/PMTLessonSection.razor.rz.scp.css */
/* PMT Lesson Sections — type-specific styling */

.pmt-section[b-px4qp0pkwo] {
    margin-bottom: var(--space-5);
    line-height: 1.7;
}

.pmt-section-title[b-px4qp0pkwo] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-3) 0;
}

[b-px4qp0pkwo] .pmt-section-content p,
[b-px4qp0pkwo] .pmt-callout-content p,
[b-px4qp0pkwo] .pmt-provider-content p,
[b-px4qp0pkwo] .pmt-example-content p,
[b-px4qp0pkwo] .pmt-practice-content p {
    margin: 0 0 var(--space-3) 0;
    color: var(--text-primary);
    font-size: var(--text-sm);
}

[b-px4qp0pkwo] .pmt-section-content ul,
[b-px4qp0pkwo] .pmt-section-content ol {
    margin: 0 0 var(--space-3) 0;
    padding-left: var(--space-5);
}

[b-px4qp0pkwo] .pmt-section-content li {
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

[b-px4qp0pkwo] .pmt-section-content strong {
    font-weight: var(--font-semibold);
}

/* Callout */
.pmt-section-callout[b-px4qp0pkwo] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    background: rgba(255, 159, 10, 0.06);
    border: 1px solid rgba(255, 159, 10, 0.2);
    border-left: 4px solid #ff9f0a;
    border-radius: var(--radius-md);
}

.pmt-callout-icon[b-px4qp0pkwo] {
    flex-shrink: 0;
    color: #ff9f0a;
    margin-top: 2px;
}

.pmt-callout-title[b-px4qp0pkwo] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

/* Provider Note */
.pmt-section-provider[b-px4qp0pkwo] {
    padding: var(--space-4);
    background: rgba(88, 86, 214, 0.05);
    border: 1px solid rgba(88, 86, 214, 0.15);
    border-left: 4px solid #5856d6;
    border-radius: var(--radius-md);
}

.pmt-provider-header[b-px4qp0pkwo] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.pmt-provider-label[b-px4qp0pkwo] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: #5856d6;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-provider-header svg[b-px4qp0pkwo] {
    color: #5856d6;
}

.pmt-provider-title[b-px4qp0pkwo] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

/* Example */
.pmt-section-example[b-px4qp0pkwo] {
    padding: var(--space-4);
    background: rgba(0, 113, 227, 0.04);
    border: 1px solid rgba(0, 113, 227, 0.12);
    border-radius: var(--radius-md);
}

.pmt-example-header[b-px4qp0pkwo] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--primary);
    margin-bottom: var(--space-3);
}

.pmt-example-header svg[b-px4qp0pkwo] {
    color: var(--primary);
}

/* Skill Practice */
.pmt-section-practice[b-px4qp0pkwo] {
    padding: var(--space-4);
    background: rgba(52, 199, 89, 0.05);
    border: 1px solid rgba(52, 199, 89, 0.15);
    border-radius: var(--radius-md);
}

.pmt-practice-header[b-px4qp0pkwo] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: #34c759;
    margin-bottom: var(--space-3);
}

.pmt-practice-header svg[b-px4qp0pkwo] {
    color: #34c759;
}
/* /Components/Pages/PMT/PMTModuleDetail.razor.rz.scp.css */
/* PMT Module Detail — Lessons list & module info */

.page-header-row[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-client-indicator[b-4e9e5e2big] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.breadcrumb[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-4e9e5e2big] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-4e9e5e2big] {
    text-decoration: underline;
}

/* Not Found */
.pmt-not-found[b-4e9e5e2big] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-not-found svg[b-4e9e5e2big] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-not-found h2[b-4e9e5e2big] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-not-found p[b-4e9e5e2big] {
    margin: 0 0 var(--space-4) 0;
}

/* Module Info Card */
.pmt-module-info[b-4e9e5e2big] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-sm);
}

.pmt-module-info-accent[b-4e9e5e2big] {
    height: 4px;
}

.pmt-module-info-body[b-4e9e5e2big] {
    padding: var(--space-5);
}

.pmt-module-info-header[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
}

.pmt-module-info-icon[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    font-size: 1.3rem;
    flex-shrink: 0;
}

.pmt-module-info-number[b-4e9e5e2big] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
    display: block;
    margin-bottom: var(--space-1);
}

.pmt-module-info-meta[b-4e9e5e2big] {
    display: flex;
    gap: var(--space-3);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.pmt-module-info-desc[b-4e9e5e2big] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.pmt-module-age-label[b-4e9e5e2big] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    background: rgba(42, 107, 114, 0.08);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: #2A6B72;
    margin-top: var(--space-3);
}

.pmt-module-info-progress[b-4e9e5e2big] {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

.pmt-module-info-progress-bar[b-4e9e5e2big] {
    height: 8px;
    background: var(--border-light);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--space-2);
}

.pmt-module-info-progress-fill[b-4e9e5e2big] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}

.pmt-module-info-progress-text[b-4e9e5e2big] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Section title */
.pmt-section-title[b-4e9e5e2big] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
}

/* Lessons list */
.pmt-lessons-list[b-4e9e5e2big] {
    margin-bottom: var(--space-6);
}

.pmt-lesson-row[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-3);
    cursor: pointer;
    transition: all var(--transition-base);
}

.pmt-lesson-row:hover[b-4e9e5e2big] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-lesson-row.completed[b-4e9e5e2big] {
    background: rgba(52, 199, 89, 0.03);
}

.pmt-lesson-status[b-4e9e5e2big] {
    flex-shrink: 0;
}

.pmt-lesson-number[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 2px solid;
    border-radius: 50%;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.pmt-lesson-check[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.pmt-lesson-content[b-4e9e5e2big] {
    flex: 1;
    min-width: 0;
}

.pmt-lesson-title[b-4e9e5e2big] {
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-lesson-overview[b-4e9e5e2big] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmt-lesson-meta[b-4e9e5e2big] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
}

.pmt-lesson-duration[b-4e9e5e2big] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.pmt-lesson-arrow[b-4e9e5e2big] {
    color: var(--text-tertiary);
    transition: transform var(--transition-fast);
}

.pmt-lesson-row:hover .pmt-lesson-arrow[b-4e9e5e2big] {
    transform: translateX(2px);
    color: var(--primary);
}

/* Module navigation */
.pmt-module-nav[b-4e9e5e2big] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-lesson-overview[b-4e9e5e2big] {
        display: none;
    }

    .pmt-module-nav[b-4e9e5e2big] {
        flex-direction: column;
    }

    .pmt-module-info-header[b-4e9e5e2big] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/PMT/PMTProgressDashboard.razor.rz.scp.css */
/* PMT Progress Dashboard */

.breadcrumb[b-taxutho120] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-taxutho120] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-taxutho120] {
    text-decoration: underline;
}

/* Client badge (matches PMTHome) */
.pmt-client-badge[b-taxutho120] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-taxutho120] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    transition: background var(--transition-fast);
}

.pmt-client-clear:hover[b-taxutho120] {
    background: rgba(0, 113, 227, 0.2);
}

/* No client state */
.pmt-no-client[b-taxutho120] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-taxutho120] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-taxutho120] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-taxutho120] {
    margin: 0 0 var(--space-4) 0;
}

/* Hero Stats Section */
.pmt-dash-hero[b-taxutho120] {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-sm);
}

.pmt-dash-progress-ring[b-taxutho120] {
    position: relative;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
}

.pmt-ring-svg[b-taxutho120] {
    width: 100%;
    height: 100%;
    transform: scaleX(-1);
}

.pmt-ring-svg circle:last-child[b-taxutho120] {
    transition: stroke-dasharray 0.6s ease;
}

.pmt-ring-label[b-taxutho120] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pmt-ring-value[b-taxutho120] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--primary);
    line-height: 1.2;
}

.pmt-ring-text[b-taxutho120] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-dash-stats-grid[b-taxutho120] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
    flex: 1;
}

.pmt-dash-stat[b-taxutho120] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-1);
    padding: var(--space-3);
}

.pmt-dash-stat svg[b-taxutho120] {
    color: var(--primary);
    margin-bottom: var(--space-1);
}

.pmt-dash-stat-value[b-taxutho120] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    line-height: 1.2;
}

.pmt-dash-stat-label[b-taxutho120] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Sections */
.pmt-dash-section[b-taxutho120] {
    margin-bottom: var(--space-6);
}

.pmt-dash-section-title[b-taxutho120] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
}

.pmt-dash-badge-count[b-taxutho120] {
    font-size: var(--text-sm);
    font-weight: var(--font-normal);
    color: var(--text-tertiary);
}

/* Module Progress Cards */
.pmt-dash-modules[b-taxutho120] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-4);
}

.pmt-dash-module-card[b-taxutho120] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--transition-base);
}

.pmt-dash-module-card:hover[b-taxutho120] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-dash-module-card.complete[b-taxutho120] {
    border-color: rgba(52, 199, 89, 0.3);
}

.pmt-dash-module-accent[b-taxutho120] {
    height: 3px;
}

.pmt-dash-module-body[b-taxutho120] {
    padding: var(--space-4);
}

.pmt-dash-module-header[b-taxutho120] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.pmt-dash-module-icon[b-taxutho120] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    font-size: 1rem;
}

.pmt-dash-module-complete-badge[b-taxutho120] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 2px var(--space-2);
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-dash-module-title[b-taxutho120] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-3) 0;
}

.pmt-dash-module-progress[b-taxutho120] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-dash-module-bar[b-taxutho120] {
    width: 100%;
    height: 6px;
    background: var(--border-light);
    border-radius: 3px;
    overflow: hidden;
}

.pmt-dash-module-fill[b-taxutho120] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.4s ease;
}

.pmt-dash-module-text[b-taxutho120] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Badge Gallery */
.pmt-dash-badges[b-taxutho120] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-3);
}

.pmt-dash-badge[b-taxutho120] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.pmt-dash-badge.earned[b-taxutho120] {
    border-color: rgba(52, 199, 89, 0.2);
    background: rgba(52, 199, 89, 0.03);
}

.pmt-dash-badge.locked[b-taxutho120] {
    opacity: 0.55;
}

.pmt-dash-badge-icon[b-taxutho120] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--border-light);
    color: var(--text-tertiary);
    font-size: 1rem;
    flex-shrink: 0;
}

.pmt-dash-badge-icon.earned[b-taxutho120] {
    background: rgba(52, 199, 89, 0.12);
    color: #34c759;
}

.pmt-dash-badge-info[b-taxutho120] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pmt-dash-badge-title[b-taxutho120] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.pmt-dash-badge-desc[b-taxutho120] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    line-height: 1.4;
}

.pmt-dash-badge-date[b-taxutho120] {
    font-size: var(--text-xs);
    color: #34c759;
    margin-top: 2px;
}

.pmt-dash-badge-lock[b-taxutho120] {
    flex-shrink: 0;
    color: var(--text-tertiary);
}

/* Quick Actions */
.pmt-dash-actions[b-taxutho120] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-dash-action-card[b-taxutho120] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    transition: all var(--transition-fast);
}

.pmt-dash-action-card:hover[b-taxutho120] {
    border-color: var(--primary);
    color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-dash-action-card svg[b-taxutho120] {
    color: var(--primary);
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-dash-hero[b-taxutho120] {
        flex-direction: column;
        padding: var(--space-4);
    }

    .pmt-dash-stats-grid[b-taxutho120] {
        grid-template-columns: repeat(2, 1fr);
    }

    .pmt-dash-modules[b-taxutho120] {
        grid-template-columns: 1fr;
    }

    .pmt-dash-badges[b-taxutho120] {
        grid-template-columns: 1fr;
    }

    .pmt-dash-actions[b-taxutho120] {
        flex-direction: column;
    }
}
/* /Components/Pages/PMT/PMTQuizPlayer.razor.rz.scp.css */
/* PMT Quiz Player */

.pmt-quiz[b-j50uymc1c6] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-5);
}

.pmt-quiz-header[b-j50uymc1c6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
}

.pmt-quiz-title[b-j50uymc1c6] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0;
}

.pmt-quiz-count[b-j50uymc1c6] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

/* Progress bar */
.pmt-quiz-progress-bar[b-j50uymc1c6] {
    height: 4px;
    background: var(--border-light);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: var(--space-5);
}

.pmt-quiz-progress-fill[b-j50uymc1c6] {
    height: 100%;
    background: var(--primary);
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Question */
.pmt-quiz-question[b-j50uymc1c6] {
    margin-bottom: var(--space-5);
}

.pmt-quiz-question-text[b-j50uymc1c6] {
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
    line-height: 1.5;
}

/* Options */
.pmt-quiz-options[b-j50uymc1c6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.pmt-quiz-option[b-j50uymc1c6] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    cursor: pointer;
    text-align: left;
    transition: all var(--transition-fast);
    width: 100%;
    font-family: inherit;
    font-size: inherit;
}

.pmt-quiz-option:hover[b-j50uymc1c6] {
    border-color: var(--primary);
    background: rgba(0, 113, 227, 0.03);
}

.pmt-quiz-option.selected[b-j50uymc1c6] {
    border-color: var(--primary);
    background: rgba(0, 113, 227, 0.06);
}

.pmt-quiz-option-letter[b-j50uymc1c6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--border-light);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    flex-shrink: 0;
    transition: all var(--transition-fast);
}

.pmt-quiz-option.selected .pmt-quiz-option-letter[b-j50uymc1c6] {
    background: var(--primary);
    color: white;
}

.pmt-quiz-option-text[b-j50uymc1c6] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    line-height: 1.5;
    padding-top: 3px;
}

/* Navigation */
.pmt-quiz-nav[b-j50uymc1c6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-4);
}

/* Question dots */
.pmt-quiz-dots[b-j50uymc1c6] {
    display: flex;
    justify-content: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.pmt-quiz-dot[b-j50uymc1c6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-tertiary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-quiz-dot:hover[b-j50uymc1c6] {
    border-color: var(--primary);
}

.pmt-quiz-dot.active[b-j50uymc1c6] {
    border-color: var(--primary);
    background: var(--primary);
    color: white;
}

.pmt-quiz-dot.answered[b-j50uymc1c6] {
    border-color: var(--primary);
    color: var(--primary);
    font-weight: var(--font-semibold);
}

/* Results */
.pmt-quiz-results[b-j50uymc1c6] {
    text-align: left;
}

.pmt-quiz-results-header[b-j50uymc1c6] {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--border-light);
}

.pmt-quiz-score-circle[b-j50uymc1c6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pmt-quiz-score-circle.pass[b-j50uymc1c6] {
    background: rgba(52, 199, 89, 0.1);
    border: 3px solid #34c759;
}

.pmt-quiz-score-circle.retry[b-j50uymc1c6] {
    background: rgba(255, 159, 10, 0.1);
    border: 3px solid #ff9f0a;
}

.pmt-quiz-score-value[b-j50uymc1c6] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.pmt-quiz-results-title[b-j50uymc1c6] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-results-subtitle[b-j50uymc1c6] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
}

/* Review items */
.pmt-quiz-review[b-j50uymc1c6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.pmt-quiz-review-item[b-j50uymc1c6] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
}

.pmt-quiz-review-item.correct[b-j50uymc1c6] {
    background: rgba(52, 199, 89, 0.04);
    border-color: rgba(52, 199, 89, 0.2);
}

.pmt-quiz-review-item.incorrect[b-j50uymc1c6] {
    background: rgba(255, 59, 48, 0.04);
    border-color: rgba(255, 59, 48, 0.2);
}

.pmt-quiz-review-status[b-j50uymc1c6] {
    flex-shrink: 0;
    margin-top: 2px;
}

.pmt-quiz-review-item.correct .pmt-quiz-review-status[b-j50uymc1c6] {
    color: #34c759;
}

.pmt-quiz-review-item.incorrect .pmt-quiz-review-status[b-j50uymc1c6] {
    color: #ff3b30;
}

.pmt-quiz-review-question[b-j50uymc1c6] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

.pmt-quiz-review-your-answer[b-j50uymc1c6] {
    font-size: var(--text-sm);
    color: #ff3b30;
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-review-correct[b-j50uymc1c6] {
    font-size: var(--text-sm);
    color: #34c759;
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-review-explanation[b-j50uymc1c6] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-style: italic;
    margin: var(--space-2) 0 0 0;
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
}

/* Results actions */
.pmt-quiz-results-actions[b-j50uymc1c6] {
    display: flex;
    gap: var(--space-3);
    justify-content: center;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-quiz[b-j50uymc1c6] {
        padding: var(--space-4);
    }

    .pmt-quiz-results-header[b-j50uymc1c6] {
        flex-direction: column;
        text-align: center;
    }

    .pmt-quiz-results-actions[b-j50uymc1c6] {
        flex-direction: column;
    }
}
/* /Components/Pages/PMT/PMTSearch.razor.rz.scp.css */
/* PMT Search */

.breadcrumb[b-gxv65bjfyh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-gxv65bjfyh] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-gxv65bjfyh] {
    text-decoration: underline;
}

/* Search bar */
.pmt-search-bar[b-gxv65bjfyh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 2px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-4);
    max-width: 700px;
    transition: border-color var(--transition-fast);
}

.pmt-search-bar:focus-within[b-gxv65bjfyh] {
    border-color: var(--primary);
}

.pmt-search-bar svg[b-gxv65bjfyh] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-search-input[b-gxv65bjfyh] {
    flex: 1;
    border: none;
    background: none;
    outline: none;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.pmt-search-input[b-gxv65bjfyh]::placeholder {
    color: var(--text-tertiary);
}

.pmt-search-clear[b-gxv65bjfyh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.pmt-search-clear:hover[b-gxv65bjfyh] {
    background: var(--border-light);
    color: var(--text-primary);
}

/* Filter chips */
.pmt-search-filters[b-gxv65bjfyh] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
    max-width: 700px;
}

.pmt-search-filter[b-gxv65bjfyh] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.pmt-search-filter:hover[b-gxv65bjfyh] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-search-filter.active[b-gxv65bjfyh] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* Prompt / empty states */
.pmt-search-prompt[b-gxv65bjfyh],
.pmt-search-empty[b-gxv65bjfyh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) 0;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-search-prompt svg[b-gxv65bjfyh],
.pmt-search-empty svg[b-gxv65bjfyh] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-search-prompt h2[b-gxv65bjfyh],
.pmt-search-empty h3[b-gxv65bjfyh] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-search-prompt p[b-gxv65bjfyh],
.pmt-search-empty p[b-gxv65bjfyh] {
    margin: 0 0 var(--space-4) 0;
}

/* Suggestion chips */
.pmt-search-suggestions[b-gxv65bjfyh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    justify-content: center;
}

.pmt-search-suggestion-label[b-gxv65bjfyh] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.pmt-search-suggestion[b-gxv65bjfyh] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    background: var(--surface);
    color: var(--primary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-search-suggestion:hover[b-gxv65bjfyh] {
    background: rgba(0, 113, 227, 0.06);
    border-color: var(--primary);
}

/* Results list */
.pmt-search-results[b-gxv65bjfyh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: 700px;
}

.pmt-search-result[b-gxv65bjfyh] {
    display: block;
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: inherit;
    transition: all var(--transition-fast);
}

.pmt-search-result:hover[b-gxv65bjfyh] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-search-result-type[b-gxv65bjfyh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

.pmt-search-result-badge[b-gxv65bjfyh] {
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.pmt-search-result-badge.module[b-gxv65bjfyh] {
    background: rgba(42, 107, 114, 0.1);
    color: #2A6B72;
}

.pmt-search-result-badge.lesson[b-gxv65bjfyh] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

.pmt-search-result-badge.worksheet[b-gxv65bjfyh] {
    background: rgba(230, 126, 34, 0.1);
    color: #E67E22;
}

.pmt-search-result-badge.glossary[b-gxv65bjfyh] {
    background: rgba(142, 68, 173, 0.1);
    color: #8E44AD;
}

.pmt-search-result-badge.provider[b-gxv65bjfyh] {
    background: rgba(231, 76, 60, 0.1);
    color: #E74C3C;
}

.pmt-search-provider-tag[b-gxv65bjfyh] {
    font-size: var(--text-xs);
    color: #E74C3C;
    font-weight: var(--font-medium);
}

.pmt-search-result-title[b-gxv65bjfyh] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-search-result-excerpt[b-gxv65bjfyh] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Count footer */
.pmt-search-count[b-gxv65bjfyh] {
    padding: var(--space-4) 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    max-width: 700px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-search-bar[b-gxv65bjfyh] {
        max-width: none;
    }

    .pmt-search-results[b-gxv65bjfyh] {
        max-width: none;
    }

    .pmt-search-filters[b-gxv65bjfyh] {
        max-width: none;
    }
}
/* /Components/Pages/PMT/PMTWorksheetHistory.razor.rz.scp.css */
/* PMT Worksheet History */

.breadcrumb[b-s9jqh5abpd] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-s9jqh5abpd] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-s9jqh5abpd] {
    text-decoration: underline;
}

.page-header-row[b-s9jqh5abpd] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-client-indicator[b-s9jqh5abpd] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
}

/* Empty / no client states */
.pmt-no-client[b-s9jqh5abpd],
.pmt-empty-state[b-s9jqh5abpd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-s9jqh5abpd],
.pmt-empty-state svg[b-s9jqh5abpd] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-s9jqh5abpd],
.pmt-empty-state h2[b-s9jqh5abpd] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-s9jqh5abpd],
.pmt-empty-state p[b-s9jqh5abpd] {
    margin: 0 0 var(--space-4) 0;
}

/* History list */
.pmt-history-list[b-s9jqh5abpd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: 700px;
}

.pmt-history-row[b-s9jqh5abpd] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.pmt-history-row:hover[b-s9jqh5abpd] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-history-icon[b-s9jqh5abpd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pmt-history-icon.completed[b-s9jqh5abpd] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.pmt-history-icon.in-progress[b-s9jqh5abpd] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

.pmt-history-info[b-s9jqh5abpd] {
    flex: 1;
    min-width: 0;
}

.pmt-history-date[b-s9jqh5abpd] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.pmt-history-meta[b-s9jqh5abpd] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    margin-top: var(--space-1);
}

.pmt-history-actions[b-s9jqh5abpd] {
    flex-shrink: 0;
}

.pmt-history-badge[b-s9jqh5abpd] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-history-badge.completed[b-s9jqh5abpd] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.btn-sm[b-s9jqh5abpd] {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-xs);
}

/* Summary */
.pmt-history-summary[b-s9jqh5abpd] {
    display: flex;
    gap: var(--space-5);
    padding: var(--space-4) 0;
    margin-top: var(--space-4);
    border-top: 1px solid var(--border-light);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    max-width: 700px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-history-row[b-s9jqh5abpd] {
        flex-wrap: wrap;
    }

    .pmt-history-summary[b-s9jqh5abpd] {
        flex-direction: column;
        gap: var(--space-2);
    }
}
/* /Components/Pages/PMT/PMTWorksheetLibrary.razor.rz.scp.css */
/* PMT Worksheet Library */

.breadcrumb[b-x9orcjgkau] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-x9orcjgkau] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-x9orcjgkau] {
    text-decoration: underline;
}

.pmt-client-badge[b-x9orcjgkau] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-x9orcjgkau] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    transition: background var(--transition-fast);
}

.pmt-client-clear:hover[b-x9orcjgkau] {
    background: rgba(0, 113, 227, 0.2);
}

.pmt-info-banner[b-x9orcjgkau] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-x9orcjgkau] {
    flex-shrink: 0;
    color: var(--primary);
}

/* Category Tabs */
.pmt-ws-tabs[b-x9orcjgkau] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
    overflow-x: auto;
    padding-bottom: var(--space-2);
    -webkit-overflow-scrolling: touch;
}

.pmt-ws-tab[b-x9orcjgkau] {
    padding: var(--space-2) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--transition-fast);
}

.pmt-ws-tab:hover[b-x9orcjgkau] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-ws-tab.active[b-x9orcjgkau] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* Worksheet Grid */
.pmt-ws-grid[b-x9orcjgkau] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: var(--space-4);
}

/* Worksheet Card */
.pmt-ws-card[b-x9orcjgkau] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.pmt-ws-card:hover[b-x9orcjgkau] {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
}

.pmt-ws-card-icon[b-x9orcjgkau] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4) var(--space-5);
    padding-bottom: 0;
    font-size: 1.5rem;
    color: var(--primary);
}

.pmt-ws-card-body[b-x9orcjgkau] {
    flex: 1;
    padding: var(--space-3) var(--space-5);
}

.pmt-ws-card-category[b-x9orcjgkau] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-ws-card-title[b-x9orcjgkau] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: var(--space-1) 0 var(--space-2) 0;
    line-height: 1.3;
}

.pmt-ws-card-desc[b-x9orcjgkau] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0 0 var(--space-3) 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pmt-ws-card-meta[b-x9orcjgkau] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-ws-card-actions[b-x9orcjgkau] {
    display: flex;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5) var(--space-4);
}

.btn-sm[b-x9orcjgkau] {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-xs);
}

/* PDF icon on card */
.pmt-ws-card-pdf[b-x9orcjgkau] {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
    text-decoration: none;
    transition: all var(--transition-fast);
    z-index: 1;
}

.pmt-ws-card-pdf:hover[b-x9orcjgkau] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-ws-grid[b-x9orcjgkau] {
        grid-template-columns: 1fr;
    }

    .pmt-ws-tabs[b-x9orcjgkau] {
        gap: var(--space-1);
    }

    .pmt-ws-tab[b-x9orcjgkau] {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }
}
/* /Components/Pages/PMT/PMTWorksheetRunner.razor.rz.scp.css */
/* PMT Worksheet Runner */

.breadcrumb[b-mvnufsqrz7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-2);
}

.breadcrumb a[b-mvnufsqrz7] {
    color: var(--primary);
    text-decoration: none;
}

.breadcrumb a:hover[b-mvnufsqrz7] {
    text-decoration: underline;
}

.page-header-row[b-mvnufsqrz7] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-status-badge[b-mvnufsqrz7] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-status-badge.completed[b-mvnufsqrz7] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.pmt-status-badge.in-progress[b-mvnufsqrz7] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

/* No client */
.pmt-no-client[b-mvnufsqrz7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-mvnufsqrz7] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-mvnufsqrz7] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-mvnufsqrz7] {
    margin: 0 0 var(--space-4) 0;
}

/* Runner layout */
.pmt-ws-runner[b-mvnufsqrz7] {
    max-width: 800px;
}

/* Info banner */
.pmt-ws-info[b-mvnufsqrz7] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-5);
    box-shadow: var(--shadow-sm);
}

.pmt-ws-info-icon[b-mvnufsqrz7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(0, 113, 227, 0.08);
    border-radius: var(--radius-md);
    color: var(--primary);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.pmt-ws-info-category[b-mvnufsqrz7] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-ws-info-desc[b-mvnufsqrz7] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: var(--space-1) 0 0 0;
    line-height: 1.5;
}

.pmt-ws-info-client[b-mvnufsqrz7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}

/* Form area */
.pmt-ws-form[b-mvnufsqrz7] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-5);
}

.pmt-ws-form.readonly[b-mvnufsqrz7] {
    opacity: 0.7;
    pointer-events: none;
}

/* Actions */
.pmt-ws-actions[b-mvnufsqrz7] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.pmt-ws-save-status[b-mvnufsqrz7] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-ws-completed-msg[b-mvnufsqrz7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: rgba(52, 199, 89, 0.08);
    color: #34c759;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-ws-info[b-mvnufsqrz7] {
        flex-direction: column;
    }

    .pmt-ws-info-client[b-mvnufsqrz7] {
        margin-left: 0;
    }

    .pmt-ws-form[b-mvnufsqrz7] {
        padding: var(--space-4);
    }

    .pmt-ws-actions[b-mvnufsqrz7] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/SFP/SFPCurriculum.razor.rz.scp.css */
/* SFP Curriculum — Module Cards & Progress */

.pmt-client-badge[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    transition: background var(--transition-fast);
}

.pmt-client-clear:hover[b-t4nfrzobf6] {
    background: rgba(0, 113, 227, 0.2);
}

.pmt-info-banner[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-t4nfrzobf6] {
    flex-shrink: 0;
    color: var(--primary);
}

.pmt-progress-strip[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    padding: var(--space-4) var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
}

.pmt-progress-stat[b-t4nfrzobf6] {
    text-align: center;
}

.pmt-progress-stat-value[b-t4nfrzobf6] {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    line-height: 1.2;
}

.pmt-progress-stat-label[b-t4nfrzobf6] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-progress-bar-container[b-t4nfrzobf6] {
    flex: 1;
    min-width: 120px;
    height: 8px;
    background: var(--border-light);
    border-radius: 4px;
    overflow: hidden;
}

.pmt-progress-bar[b-t4nfrzobf6] {
    height: 100%;
    background: var(--primary);
    border-radius: 4px;
    transition: width 0.4s ease;
}

.pmt-modules-grid[b-t4nfrzobf6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-5);
}

.pmt-module-card[b-t4nfrzobf6] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.pmt-module-card:hover[b-t4nfrzobf6] {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.pmt-module-card-accent[b-t4nfrzobf6] {
    height: 4px;
}

.pmt-module-card-body[b-t4nfrzobf6] {
    padding: var(--space-4) var(--space-5);
}

.pmt-module-card-header[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.pmt-module-icon[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    font-size: 1.1rem;
}

.pmt-module-meta[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.pmt-module-number[b-t4nfrzobf6] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-module-duration[b-t4nfrzobf6] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-module-title[b-t4nfrzobf6] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
    line-height: 1.3;
}

.pmt-module-desc[b-t4nfrzobf6] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0 0 var(--space-4) 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pmt-module-footer[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--space-3);
    border-top: 1px solid var(--border-light);
}

.pmt-module-lessons[b-t4nfrzobf6] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-module-progress[b-t4nfrzobf6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.pmt-module-progress-bar[b-t4nfrzobf6] {
    width: 60px;
    height: 6px;
    background: var(--border-light);
    border-radius: 3px;
    overflow: hidden;
}

.pmt-module-progress-fill[b-t4nfrzobf6] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.pmt-module-progress-text[b-t4nfrzobf6] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

@media (max-width: 768px) {
    .pmt-modules-grid[b-t4nfrzobf6] {
        grid-template-columns: 1fr;
    }

    .pmt-progress-strip[b-t4nfrzobf6] {
        gap: var(--space-3);
        padding: var(--space-3);
    }

    .pmt-progress-stat-value[b-t4nfrzobf6] {
        font-size: var(--text-lg);
    }

    .page-header-actions[b-t4nfrzobf6] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/SFP/SFPFieldRenderer.razor.rz.scp.css */
/* SFP Field Renderer styles */

.pmt-field[b-rr7nurxa2z] {
    margin-bottom: var(--space-5);
}

.pmt-field-label[b-rr7nurxa2z] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.pmt-field-input[b-rr7nurxa2z] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-family: inherit;
    transition: border-color var(--transition-fast);
}

.pmt-field-input:focus[b-rr7nurxa2z] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.1);
}

.pmt-field-textarea[b-rr7nurxa2z] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-family: inherit;
    resize: vertical;
    line-height: 1.5;
}

.pmt-field-textarea:focus[b-rr7nurxa2z] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.1);
}

.pmt-field-scale[b-rr7nurxa2z] {
    display: flex;
    gap: var(--space-1);
    flex-wrap: wrap;
}

.sfp-scale-btn[b-rr7nurxa2z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.sfp-scale-btn:hover[b-rr7nurxa2z] {
    border-color: var(--primary);
}

.sfp-scale-btn.active[b-rr7nurxa2z] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.pmt-checkbox-group[b-rr7nurxa2z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-checkbox-item[b-rr7nurxa2z] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
    font-size: var(--text-sm);
}

.pmt-checkbox-text[b-rr7nurxa2z] {
    color: var(--text-secondary);
}

.sfp-yesno-group[b-rr7nurxa2z] {
    display: flex;
    gap: var(--space-2);
}

.sfp-yesno-btn[b-rr7nurxa2z] {
    padding: var(--space-2) var(--space-5);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.sfp-yesno-btn:hover[b-rr7nurxa2z] {
    border-color: var(--primary);
}

.sfp-yesno-btn.active.yes[b-rr7nurxa2z] {
    background: rgba(16, 185, 129, 0.12);
    border-color: #059669;
    color: #059669;
}

.sfp-yesno-btn.active.no[b-rr7nurxa2z] {
    background: rgba(239, 68, 68, 0.12);
    border-color: #ef4444;
    color: #ef4444;
}

.pmt-field-rating[b-rr7nurxa2z] {
    display: flex;
    gap: var(--space-1);
}

.pmt-rating-star[b-rr7nurxa2z] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    color: var(--border);
    transition: color var(--transition-fast);
}

.pmt-rating-star.active[b-rr7nurxa2z] {
    color: #f59e0b;
}

.pmt-rating-star:hover[b-rr7nurxa2z] {
    color: #f59e0b;
}
/* /Components/Pages/SFP/SFPLessonPlayer.razor.rz.scp.css */
/* SFP Lesson Player — mirrors Zones pattern */

.pmt-client-indicator[b-wfdgvl44g0] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    padding: var(--space-1) var(--space-2);
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.pmt-not-found[b-wfdgvl44g0] {
    text-align: center;
    padding: var(--space-12) var(--space-6);
    color: var(--text-secondary);
}

.pmt-not-found h2[b-wfdgvl44g0] {
    margin: var(--space-4) 0 var(--space-2);
    color: var(--text-primary);
}

.pmt-lesson-layout[b-wfdgvl44g0] {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: var(--space-6);
    align-items: start;
}

.pmt-lesson-main[b-wfdgvl44g0] {
    min-width: 0;
}

/* Overview card */
.pmt-lesson-overview-card[b-wfdgvl44g0] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-5);
}

.pmt-lesson-overview-meta[b-wfdgvl44g0] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-bottom: var(--space-3);
}

.pmt-lesson-overview-module[b-wfdgvl44g0] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.pmt-lesson-overview-duration[b-wfdgvl44g0] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.pmt-lesson-status-badge.completed[b-wfdgvl44g0] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 2px var(--space-2);
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-lesson-overview-text[b-wfdgvl44g0] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Track badge */
.sfp-track-badge[b-wfdgvl44g0] {
    display: inline-block;
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.sfp-track-parent[b-wfdgvl44g0] {
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
}

.sfp-track-youth[b-wfdgvl44g0] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.sfp-track-family[b-wfdgvl44g0] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

/* Dividers */
.pmt-lesson-divider[b-wfdgvl44g0] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin: var(--space-6) 0;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-lesson-divider[b-wfdgvl44g0]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--border-light);
}

/* Linked worksheets */
.pmt-linked-worksheets[b-wfdgvl44g0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-worksheet-link[b-wfdgvl44g0] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: inherit;
    transition: all var(--transition-fast);
}

.pmt-worksheet-link:hover[b-wfdgvl44g0] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-worksheet-link-title[b-wfdgvl44g0] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.pmt-worksheet-link-arrow[b-wfdgvl44g0] {
    margin-left: auto;
    color: var(--text-tertiary);
}

/* Provider notes */
.pmt-provider-notes-box[b-wfdgvl44g0] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}

.pmt-provider-notes-header[b-wfdgvl44g0] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-secondary);
    margin-bottom: var(--space-3);
}

.pmt-provider-notes-textarea[b-wfdgvl44g0] {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: var(--space-3);
    font-size: var(--text-sm);
    line-height: 1.5;
    resize: vertical;
    font-family: inherit;
}

/* Actions */
.pmt-lesson-actions[b-wfdgvl44g0] {
    margin-top: var(--space-6);
    display: flex;
    gap: var(--space-3);
}

.pmt-completed-badge[b-wfdgvl44g0] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border-radius: var(--radius-md);
    font-weight: var(--font-medium);
}

/* Lesson navigation */
.pmt-lesson-nav[b-wfdgvl44g0] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border-top: 1px solid var(--border-light);
}

.pmt-lesson-nav-link[b-wfdgvl44g0] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    text-decoration: none;
    color: inherit;
    padding: var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.pmt-lesson-nav-link:hover[b-wfdgvl44g0] {
    border-color: var(--primary);
}

.pmt-lesson-nav-link.next[b-wfdgvl44g0] {
    text-align: right;
}

.pmt-lesson-nav-label[b-wfdgvl44g0] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-lesson-nav-title[b-wfdgvl44g0] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

/* Sidebar */
.pmt-lesson-sidebar[b-wfdgvl44g0] {
    position: sticky;
    top: var(--space-4);
}

.pmt-lesson-toc[b-wfdgvl44g0] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}

.pmt-lesson-toc-title[b-wfdgvl44g0] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-3) 0;
}

.pmt-lesson-toc-item[b-wfdgvl44g0] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.pmt-lesson-toc-item.provider-only[b-wfdgvl44g0] {
    color: #7c3aed;
}

.pmt-lesson-toc-item.quiz[b-wfdgvl44g0] {
    color: var(--primary);
}

@media (max-width: 900px) {
    .pmt-lesson-layout[b-wfdgvl44g0] {
        grid-template-columns: 1fr;
    }

    .pmt-lesson-sidebar[b-wfdgvl44g0] {
        position: static;
        order: -1;
    }
}
/* /Components/Pages/SFP/SFPLessonSection.razor.rz.scp.css */
/* SFP Lesson Section styles — mirrors Zones pattern */

.pmt-section[b-6ib9wzmv3a] {
    margin-bottom: var(--space-5);
}

.pmt-section-title[b-6ib9wzmv3a] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-3) 0;
}

.pmt-section-content[b-6ib9wzmv3a] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    line-height: 1.7;
}

.pmt-section-callout[b-6ib9wzmv3a] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    background: rgba(245, 158, 11, 0.06);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: var(--radius-md);
}

.pmt-callout-icon[b-6ib9wzmv3a] {
    flex-shrink: 0;
    color: #d97706;
}

.pmt-callout-title[b-6ib9wzmv3a] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

.pmt-callout-content[b-6ib9wzmv3a] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}

.pmt-section-provider[b-6ib9wzmv3a] {
    padding: var(--space-4);
    background: rgba(139, 92, 246, 0.06);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: var(--radius-md);
}

.pmt-provider-header[b-6ib9wzmv3a] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
    color: #7c3aed;
}

.pmt-provider-label[b-6ib9wzmv3a] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-provider-title[b-6ib9wzmv3a] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

.pmt-provider-content[b-6ib9wzmv3a] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}

.pmt-section-example[b-6ib9wzmv3a] {
    padding: var(--space-4);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.pmt-example-header[b-6ib9wzmv3a] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin-bottom: var(--space-3);
}

.pmt-example-content[b-6ib9wzmv3a] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}

.pmt-section-practice[b-6ib9wzmv3a] {
    padding: var(--space-4);
    background: rgba(16, 185, 129, 0.06);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: var(--radius-md);
}

.pmt-practice-header[b-6ib9wzmv3a] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: #059669;
    margin-bottom: var(--space-3);
}

.pmt-practice-content[b-6ib9wzmv3a] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
}
/* /Components/Pages/SFP/SFPModuleDetail.razor.rz.scp.css */
/* SFP Module Detail — Sessions & Lessons */

.pmt-client-indicator[b-kpb2fp1dvg] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    padding: var(--space-1) var(--space-2);
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.pmt-not-found[b-kpb2fp1dvg] {
    text-align: center;
    padding: var(--space-12) var(--space-6);
    color: var(--text-secondary);
}

.pmt-not-found h2[b-kpb2fp1dvg] {
    margin: var(--space-4) 0 var(--space-2);
    color: var(--text-primary);
}

.pmt-not-found p[b-kpb2fp1dvg] {
    margin-bottom: var(--space-4);
}

/* Module info card */
.pmt-module-info[b-kpb2fp1dvg] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: var(--space-5);
}

.pmt-module-info-accent[b-kpb2fp1dvg] {
    height: 4px;
}

.pmt-module-info-body[b-kpb2fp1dvg] {
    padding: var(--space-5);
}

.pmt-module-info-header[b-kpb2fp1dvg] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
}

.pmt-module-info-icon[b-kpb2fp1dvg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    font-size: 1.3rem;
    flex-shrink: 0;
}

.pmt-module-info-number[b-kpb2fp1dvg] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-module-info-meta[b-kpb2fp1dvg] {
    display: flex;
    gap: var(--space-3);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.pmt-module-info-desc[b-kpb2fp1dvg] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.pmt-module-info-progress[b-kpb2fp1dvg] {
    margin-top: var(--space-4);
}

.pmt-module-info-progress-bar[b-kpb2fp1dvg] {
    height: 8px;
    background: var(--border-light);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--space-2);
}

.pmt-module-info-progress-fill[b-kpb2fp1dvg] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}

.pmt-module-info-progress-text[b-kpb2fp1dvg] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Track filter tabs */
.sfp-track-tabs[b-kpb2fp1dvg] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
}

.sfp-track-tab[b-kpb2fp1dvg] {
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.sfp-track-tab:hover[b-kpb2fp1dvg] {
    border-color: var(--primary);
    color: var(--primary);
}

.sfp-track-tab.active[b-kpb2fp1dvg] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* Session group */
.sfp-session-group[b-kpb2fp1dvg] {
    margin-bottom: var(--space-6);
}

.sfp-session-header[b-kpb2fp1dvg] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--border-light);
}

.sfp-session-number[b-kpb2fp1dvg] {
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    white-space: nowrap;
}

.sfp-session-info[b-kpb2fp1dvg] {
    flex: 1;
}

.sfp-session-title[b-kpb2fp1dvg] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.sfp-session-theme[b-kpb2fp1dvg] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin: 0;
}

/* Track badge */
.sfp-track-badge[b-kpb2fp1dvg] {
    display: inline-block;
    padding: 1px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    margin-left: var(--space-2);
    vertical-align: middle;
}

.sfp-track-parent[b-kpb2fp1dvg] {
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
}

.sfp-track-youth[b-kpb2fp1dvg] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.sfp-track-family[b-kpb2fp1dvg] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

/* Lessons list */
.pmt-lessons-list[b-kpb2fp1dvg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-lesson-row[b-kpb2fp1dvg] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-lesson-row:hover[b-kpb2fp1dvg] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-lesson-row.completed[b-kpb2fp1dvg] {
    opacity: 0.75;
}

.pmt-lesson-status[b-kpb2fp1dvg] {
    flex-shrink: 0;
}

.pmt-lesson-check[b-kpb2fp1dvg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.pmt-lesson-number[b-kpb2fp1dvg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 2px solid;
    border-radius: 50%;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
}

.pmt-lesson-content[b-kpb2fp1dvg] {
    flex: 1;
    min-width: 0;
}

.pmt-lesson-title[b-kpb2fp1dvg] {
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-lesson-overview[b-kpb2fp1dvg] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin: 0;
    line-height: 1.4;
}

.pmt-lesson-meta[b-kpb2fp1dvg] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
}

.pmt-lesson-duration[b-kpb2fp1dvg] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.pmt-lesson-arrow[b-kpb2fp1dvg] {
    color: var(--text-tertiary);
}

/* Module navigation */
.pmt-module-nav[b-kpb2fp1dvg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border-top: 1px solid var(--border-light);
}

@media (max-width: 768px) {
    .sfp-session-header[b-kpb2fp1dvg] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-2);
    }

    .pmt-lesson-row[b-kpb2fp1dvg] {
        flex-wrap: wrap;
    }

    .pmt-module-nav[b-kpb2fp1dvg] {
        flex-direction: column;
        gap: var(--space-3);
    }
}
/* /Components/Pages/SFP/SFPProgressDashboard.razor.rz.scp.css */
/* SFP Progress Dashboard styles */

.pmt-client-badge[b-kjv7ldbwa7] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-kjv7ldbwa7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
}

.pmt-no-client[b-kjv7ldbwa7] {
    text-align: center;
    padding: var(--space-12) var(--space-6);
    color: var(--text-secondary);
}

.pmt-no-client h2[b-kjv7ldbwa7] {
    margin: var(--space-4) 0 var(--space-2);
    color: var(--text-primary);
}

/* Hero stats */
.pmt-dash-hero[b-kjv7ldbwa7] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-6);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-6);
}

.pmt-dash-progress-ring[b-kjv7ldbwa7] {
    position: relative;
    flex-shrink: 0;
}

.pmt-ring-svg[b-kjv7ldbwa7] {
    width: 120px;
    height: 120px;
}

.pmt-ring-label[b-kjv7ldbwa7] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pmt-ring-value[b-kjv7ldbwa7] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.pmt-ring-text[b-kjv7ldbwa7] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
}

.pmt-dash-stats-grid[b-kjv7ldbwa7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
    flex: 1;
}

.pmt-dash-stat[b-kjv7ldbwa7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-1);
}

.pmt-dash-stat svg[b-kjv7ldbwa7] {
    color: var(--text-tertiary);
}

.pmt-dash-stat-value[b-kjv7ldbwa7] {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.pmt-dash-stat-label[b-kjv7ldbwa7] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Section */
.pmt-dash-section[b-kjv7ldbwa7] {
    margin-bottom: var(--space-6);
}

.pmt-dash-section-title[b-kjv7ldbwa7] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.pmt-dash-badge-count[b-kjv7ldbwa7] {
    font-size: var(--text-sm);
    font-weight: var(--font-normal);
    color: var(--text-tertiary);
}

/* Module cards */
.pmt-dash-modules[b-kjv7ldbwa7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-4);
}

.pmt-dash-module-card[b-kjv7ldbwa7] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-dash-module-card:hover[b-kjv7ldbwa7] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-dash-module-accent[b-kjv7ldbwa7] {
    height: 4px;
}

.pmt-dash-module-body[b-kjv7ldbwa7] {
    padding: var(--space-4);
}

.pmt-dash-module-header[b-kjv7ldbwa7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2);
}

.pmt-dash-module-icon[b-kjv7ldbwa7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    font-size: 1rem;
}

.pmt-dash-module-complete-badge[b-kjv7ldbwa7] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 2px var(--space-2);
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-dash-module-title[b-kjv7ldbwa7] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-3) 0;
}

.pmt-dash-module-bar[b-kjv7ldbwa7] {
    height: 6px;
    background: var(--border-light);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: var(--space-1);
}

.pmt-dash-module-fill[b-kjv7ldbwa7] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.pmt-dash-module-text[b-kjv7ldbwa7] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Badges */
.pmt-dash-badges[b-kjv7ldbwa7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--space-3);
}

.pmt-dash-badge[b-kjv7ldbwa7] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.pmt-dash-badge.locked[b-kjv7ldbwa7] {
    opacity: 0.6;
}

.pmt-dash-badge-icon[b-kjv7ldbwa7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bg-tertiary);
    color: var(--text-tertiary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.pmt-dash-badge-icon.earned[b-kjv7ldbwa7] {
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.pmt-dash-badge-info[b-kjv7ldbwa7] {
    flex: 1;
    min-width: 0;
}

.pmt-dash-badge-title[b-kjv7ldbwa7] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.pmt-dash-badge-desc[b-kjv7ldbwa7] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-dash-badge-date[b-kjv7ldbwa7] {
    display: block;
    font-size: var(--text-xs);
    color: #059669;
    margin-top: 2px;
}

.pmt-dash-badge-lock[b-kjv7ldbwa7] {
    color: var(--text-tertiary);
}

/* Quick actions */
.pmt-dash-actions[b-kjv7ldbwa7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--space-3);
}

.pmt-dash-action-card[b-kjv7ldbwa7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text-secondary);
    transition: all var(--transition-fast);
}

.pmt-dash-action-card:hover[b-kjv7ldbwa7] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-dash-action-card svg[b-kjv7ldbwa7] {
    color: inherit;
}

.pmt-dash-action-card span[b-kjv7ldbwa7] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
}

@media (max-width: 768px) {
    .pmt-dash-hero[b-kjv7ldbwa7] {
        flex-direction: column;
        text-align: center;
    }

    .pmt-dash-stats-grid[b-kjv7ldbwa7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .pmt-dash-modules[b-kjv7ldbwa7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SFP/SFPQuizPlayer.razor.rz.scp.css */
/* SFP Quiz Player — mirrors Zones pattern */

.pmt-quiz[b-cn00yo4m72] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
}

.pmt-quiz-header[b-cn00yo4m72] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-4);
}

.pmt-quiz-title[b-cn00yo4m72] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0;
}

.pmt-quiz-count[b-cn00yo4m72] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.pmt-quiz-progress-bar[b-cn00yo4m72] {
    height: 4px;
    background: var(--border-light);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: var(--space-6);
}

.pmt-quiz-progress-fill[b-cn00yo4m72] {
    height: 100%;
    background: var(--primary);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.pmt-quiz-question-text[b-cn00yo4m72] {
    font-size: var(--text-lg);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-5) 0;
    line-height: 1.5;
}

.pmt-quiz-options[b-cn00yo4m72] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.pmt-quiz-option[b-cn00yo4m72] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    cursor: pointer;
    transition: all var(--transition-fast);
    text-align: left;
}

.pmt-quiz-option:hover[b-cn00yo4m72] {
    border-color: var(--primary);
}

.pmt-quiz-option.selected[b-cn00yo4m72] {
    border-color: var(--primary);
    background: rgba(0, 113, 227, 0.06);
}

.pmt-quiz-option-letter[b-cn00yo4m72] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--bg-tertiary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-secondary);
    flex-shrink: 0;
}

.pmt-quiz-option.selected .pmt-quiz-option-letter[b-cn00yo4m72] {
    background: var(--primary);
    color: white;
}

.pmt-quiz-option-text[b-cn00yo4m72] {
    font-size: var(--text-base);
    color: var(--text-primary);
}

.pmt-quiz-nav[b-cn00yo4m72] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-4);
}

.pmt-quiz-dots[b-cn00yo4m72] {
    display: flex;
    justify-content: center;
    gap: var(--space-2);
}

.pmt-quiz-dot[b-cn00yo4m72] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--surface);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-quiz-dot.active[b-cn00yo4m72] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.pmt-quiz-dot.answered[b-cn00yo4m72] {
    background: var(--primary-light);
    border-color: var(--primary);
    color: var(--primary);
}

/* Results */
.pmt-quiz-results-header[b-cn00yo4m72] {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    margin-bottom: var(--space-6);
}

.pmt-quiz-score-circle[b-cn00yo4m72] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pmt-quiz-score-circle.pass[b-cn00yo4m72] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.pmt-quiz-score-circle.retry[b-cn00yo4m72] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.pmt-quiz-score-value[b-cn00yo4m72] {
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
}

.pmt-quiz-results-title[b-cn00yo4m72] {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-results-subtitle[b-cn00yo4m72] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
}

.pmt-quiz-review[b-cn00yo4m72] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.pmt-quiz-review-item[b-cn00yo4m72] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
}

.pmt-quiz-review-item.correct[b-cn00yo4m72] {
    background: rgba(16, 185, 129, 0.06);
}

.pmt-quiz-review-item.incorrect[b-cn00yo4m72] {
    background: rgba(239, 68, 68, 0.06);
}

.pmt-quiz-review-status[b-cn00yo4m72] {
    flex-shrink: 0;
    margin-top: 2px;
}

.pmt-quiz-review-item.correct .pmt-quiz-review-status[b-cn00yo4m72] {
    color: #059669;
}

.pmt-quiz-review-item.incorrect .pmt-quiz-review-status[b-cn00yo4m72] {
    color: #ef4444;
}

.pmt-quiz-review-question[b-cn00yo4m72] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-review-your-answer[b-cn00yo4m72] {
    font-size: var(--text-sm);
    color: #ef4444;
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-review-correct[b-cn00yo4m72] {
    font-size: var(--text-sm);
    color: #059669;
    margin: 0;
}

.pmt-quiz-review-explanation[b-cn00yo4m72] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
    margin: var(--space-1) 0 0;
}

.pmt-quiz-results-actions[b-cn00yo4m72] {
    display: flex;
    gap: var(--space-3);
}
/* /Components/Pages/SFP/SFPWorksheetHistory.razor.rz.scp.css */
/* SFP Worksheet History styles */

.pmt-client-indicator[b-qpt8gjsxnz] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    padding: var(--space-1) var(--space-2);
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.pmt-no-client[b-qpt8gjsxnz],
.pmt-empty-state[b-qpt8gjsxnz] {
    text-align: center;
    padding: var(--space-12) var(--space-6);
    color: var(--text-secondary);
}

.pmt-no-client h2[b-qpt8gjsxnz],
.pmt-empty-state h2[b-qpt8gjsxnz] {
    margin: var(--space-4) 0 var(--space-2);
    color: var(--text-primary);
}

.pmt-no-client p[b-qpt8gjsxnz],
.pmt-empty-state p[b-qpt8gjsxnz] {
    margin-bottom: var(--space-4);
}

.pmt-history-list[b-qpt8gjsxnz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-history-row[b-qpt8gjsxnz] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.pmt-history-icon[b-qpt8gjsxnz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pmt-history-icon.completed[b-qpt8gjsxnz] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.pmt-history-icon.in-progress[b-qpt8gjsxnz] {
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
}

.pmt-history-info[b-qpt8gjsxnz] {
    flex: 1;
    min-width: 0;
}

.pmt-history-date[b-qpt8gjsxnz] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.pmt-history-meta[b-qpt8gjsxnz] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-history-badge.completed[b-qpt8gjsxnz] {
    padding: 2px var(--space-2);
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-history-summary[b-qpt8gjsxnz] {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-4);
    margin-top: var(--space-4);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}
/* /Components/Pages/SFP/SFPWorksheetLibrary.razor.rz.scp.css */
/* SFP Worksheet Library styles */

.pmt-client-badge[b-ev8ze6ra2k] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-ev8ze6ra2k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
}

.pmt-ws-tabs[b-ev8ze6ra2k] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
}

.pmt-ws-tab[b-ev8ze6ra2k] {
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-ws-tab:hover[b-ev8ze6ra2k] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-ws-tab.active[b-ev8ze6ra2k] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.pmt-info-banner[b-ev8ze6ra2k] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-ev8ze6ra2k] {
    flex-shrink: 0;
    color: var(--primary);
}

.pmt-ws-grid[b-ev8ze6ra2k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-4);
}

.pmt-ws-card[b-ev8ze6ra2k] {
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    transition: all var(--transition-fast);
}

.pmt-ws-card:hover[b-ev8ze6ra2k] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-ws-card-icon[b-ev8ze6ra2k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(16, 185, 129, 0.12);
    border-radius: var(--radius-md);
    color: #059669;
    margin-bottom: var(--space-3);
}

.pmt-ws-card-body[b-ev8ze6ra2k] {
    flex: 1;
}

.pmt-ws-card-category[b-ev8ze6ra2k] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-ws-card-title[b-ev8ze6ra2k] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: var(--space-1) 0 var(--space-2);
}

.pmt-ws-card-desc[b-ev8ze6ra2k] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0 0 var(--space-3);
}

.pmt-ws-card-actions[b-ev8ze6ra2k] {
    margin-top: auto;
    padding-top: var(--space-3);
    border-top: 1px solid var(--border-light);
}
/* /Components/Pages/SFP/SFPWorksheetRunner.razor.rz.scp.css */
/* SFP Worksheet Runner styles */

.pmt-status-badge[b-xa3c6nzm51] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-status-badge.completed[b-xa3c6nzm51] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.pmt-status-badge.in-progress[b-xa3c6nzm51] {
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
}

.pmt-no-client[b-xa3c6nzm51] {
    text-align: center;
    padding: var(--space-12) var(--space-6);
    color: var(--text-secondary);
}

.pmt-no-client h2[b-xa3c6nzm51] {
    margin: var(--space-4) 0 var(--space-2);
    color: var(--text-primary);
}

.pmt-no-client p[b-xa3c6nzm51] {
    margin-bottom: var(--space-4);
}

.pmt-ws-runner[b-xa3c6nzm51] {
    max-width: 800px;
}

.pmt-ws-info[b-xa3c6nzm51] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-5);
}

.pmt-ws-info-icon[b-xa3c6nzm51] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(16, 185, 129, 0.12);
    border-radius: var(--radius-md);
    color: #059669;
}

.pmt-ws-info-category[b-xa3c6nzm51] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-ws-info-desc[b-xa3c6nzm51] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: var(--space-1) 0 0;
    line-height: 1.5;
}

.pmt-ws-info-client[b-xa3c6nzm51] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    white-space: nowrap;
}

.pmt-ws-form[b-xa3c6nzm51] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    margin-bottom: var(--space-5);
}

.pmt-ws-form.readonly[b-xa3c6nzm51] {
    opacity: 0.7;
    pointer-events: none;
}

.pmt-ws-actions[b-xa3c6nzm51] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-ws-save-status[b-xa3c6nzm51] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.pmt-ws-completed-msg[b-xa3c6nzm51] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border-radius: var(--radius-md);
    font-weight: var(--font-medium);
    font-size: var(--text-sm);
}
/* /Components/Pages/Zones/ZoneCheckInPage.razor.rz.scp.css */
/* Zone Check-In Page */

/* No client state */
.pmt-no-client[b-00xxlxj0op] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-00xxlxj0op] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-00xxlxj0op] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-00xxlxj0op] {
    margin: 0 0 var(--space-4) 0;
}

/* Not found */
.pmt-not-found[b-00xxlxj0op] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-not-found svg[b-00xxlxj0op] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-not-found h2[b-00xxlxj0op] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-not-found p[b-00xxlxj0op] {
    margin: 0 0 var(--space-4) 0;
}

/* Info banner */
.pmt-info-banner[b-00xxlxj0op] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-00xxlxj0op] {
    flex-shrink: 0;
    color: var(--primary);
}

/* Section title */
.pmt-dash-section-title[b-00xxlxj0op] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
}
/* /Components/Pages/Zones/ZoneJournalPage.razor.rz.scp.css */
/* Zone Journal Page */

/* No client state */
.pmt-no-client[b-ubsx6z4vyv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-ubsx6z4vyv] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-ubsx6z4vyv] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-ubsx6z4vyv] {
    margin: 0 0 var(--space-4) 0;
}

/* Section title */
.pmt-dash-section-title[b-ubsx6z4vyv] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
}
/* /Components/Pages/Zones/ZonesCurriculum.razor.rz.scp.css */
/* Zones Curriculum — Module Cards & Progress */

.pmt-client-badge[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    transition: background var(--transition-fast);
}

.pmt-client-clear:hover[b-tjo6ceicja] {
    background: rgba(0, 113, 227, 0.2);
}

/* Info banner */
.pmt-info-banner[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-tjo6ceicja] {
    flex-shrink: 0;
    color: var(--primary);
}

/* Progress strip */
.pmt-progress-strip[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    padding: var(--space-4) var(--space-5);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-5);
    flex-wrap: wrap;
}

.pmt-progress-stat[b-tjo6ceicja] {
    text-align: center;
}

.pmt-progress-stat-value[b-tjo6ceicja] {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    line-height: 1.2;
}

.pmt-progress-stat-label[b-tjo6ceicja] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-progress-bar-container[b-tjo6ceicja] {
    flex: 1;
    min-width: 120px;
    height: 8px;
    background: var(--border-light);
    border-radius: 4px;
    overflow: hidden;
}

.pmt-progress-bar[b-tjo6ceicja] {
    height: 100%;
    background: var(--primary);
    border-radius: 4px;
    transition: width 0.4s ease;
}

/* Module grid */
.pmt-modules-grid[b-tjo6ceicja] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-5);
}

/* Module card */
.pmt-module-card[b-tjo6ceicja] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.pmt-module-card:hover[b-tjo6ceicja] {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.pmt-module-card-accent[b-tjo6ceicja] {
    height: 4px;
}

.pmt-module-card-body[b-tjo6ceicja] {
    padding: var(--space-4) var(--space-5);
}

.pmt-module-card-header[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.pmt-module-icon[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    font-size: 1.1rem;
}

.pmt-module-meta[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.pmt-module-number[b-tjo6ceicja] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-module-duration[b-tjo6ceicja] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-module-title[b-tjo6ceicja] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
    line-height: 1.3;
}

.pmt-module-desc[b-tjo6ceicja] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0 0 var(--space-4) 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pmt-module-footer[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--space-3);
    border-top: 1px solid var(--border-light);
}

.pmt-module-lessons[b-tjo6ceicja] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-module-progress[b-tjo6ceicja] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.pmt-module-progress-bar[b-tjo6ceicja] {
    width: 60px;
    height: 6px;
    background: var(--border-light);
    border-radius: 3px;
    overflow: hidden;
}

.pmt-module-progress-fill[b-tjo6ceicja] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.pmt-module-progress-text[b-tjo6ceicja] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-modules-grid[b-tjo6ceicja] {
        grid-template-columns: 1fr;
    }

    .pmt-progress-strip[b-tjo6ceicja] {
        gap: var(--space-3);
        padding: var(--space-3);
    }

    .pmt-progress-stat-value[b-tjo6ceicja] {
        font-size: var(--text-lg);
    }

    .page-header-actions[b-tjo6ceicja] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Zones/ZonesFieldRenderer.razor.rz.scp.css */
/* Zones Field Renderer — all field type styles */

.pmt-field[b-23zq9cft99] {
    margin-bottom: var(--space-4);
}

.pmt-field-label[b-23zq9cft99] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.pmt-field-input[b-23zq9cft99],
.pmt-field-select[b-23zq9cft99],
.pmt-field-textarea[b-23zq9cft99] {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-primary);
    background: var(--surface);
    transition: border-color var(--transition-fast);
}

.pmt-field-input:focus[b-23zq9cft99],
.pmt-field-select:focus[b-23zq9cft99],
.pmt-field-textarea:focus[b-23zq9cft99] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.1);
}

.pmt-field-number[b-23zq9cft99] {
    max-width: 160px;
}

.pmt-field-textarea[b-23zq9cft99] {
    resize: vertical;
    min-height: 80px;
}

.pmt-field-signature[b-23zq9cft99] {
    font-family: 'Segoe Script', 'Brush Script MT', cursive;
    font-size: var(--text-lg);
}

/* Rating */
.pmt-field-rating[b-23zq9cft99] {
    display: flex;
    gap: var(--space-1);
}

.pmt-rating-star[b-23zq9cft99] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    color: var(--border);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

.pmt-rating-star:hover[b-23zq9cft99] {
    color: #ff9f0a;
    background: rgba(255, 159, 10, 0.08);
}

.pmt-rating-star.active[b-23zq9cft99] {
    color: #ff9f0a;
}

/* Checkbox Group */
.pmt-checkbox-group[b-23zq9cft99] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-checkbox-item[b-23zq9cft99] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    cursor: pointer;
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.pmt-checkbox-item:hover[b-23zq9cft99] {
    background: rgba(0, 0, 0, 0.02);
}

.pmt-checkbox-item input[type="checkbox"][b-23zq9cft99] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: var(--primary);
    flex-shrink: 0;
}

.pmt-checkbox-text[b-23zq9cft99] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    line-height: 1.4;
}

/* Table */
.pmt-table-wrapper[b-23zq9cft99] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-2);
}

.pmt-table[b-23zq9cft99] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.pmt-table th[b-23zq9cft99] {
    background: var(--background);
    padding: var(--space-2) var(--space-3);
    font-weight: var(--font-medium);
    color: var(--text-secondary);
    text-align: left;
    border-bottom: 1px solid var(--border);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.pmt-table td[b-23zq9cft99] {
    padding: var(--space-1);
    border-bottom: 1px solid var(--border-light);
}

.pmt-table tbody tr:last-child td[b-23zq9cft99] {
    border-bottom: none;
}

.pmt-table-input[b-23zq9cft99] {
    width: 100%;
    padding: var(--space-1) var(--space-2);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-primary);
    background: transparent;
    transition: all var(--transition-fast);
}

.pmt-table-input:focus[b-23zq9cft99] {
    outline: none;
    border-color: var(--primary);
    background: var(--surface);
}

.pmt-table-action-col[b-23zq9cft99] {
    width: 32px;
    text-align: center;
}

.pmt-table-remove[b-23zq9cft99] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.pmt-table-remove:hover[b-23zq9cft99] {
    background: rgba(255, 59, 48, 0.1);
    color: #ff3b30;
}

.pmt-table-add[b-23zq9cft99] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: transparent;
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    width: 100%;
    justify-content: center;
}

.pmt-table-add:hover[b-23zq9cft99] {
    border-color: var(--primary);
    color: var(--primary);
    background: rgba(0, 113, 227, 0.03);
}

/* Likert */
.pmt-likert-table th[b-23zq9cft99],
.pmt-likert-table td[b-23zq9cft99] {
    text-align: center;
}

.pmt-likert-label[b-23zq9cft99] {
    text-align: left !important;
    font-size: var(--text-sm);
    color: var(--text-primary);
    white-space: nowrap;
    padding: var(--space-2) var(--space-3) !important;
}

.pmt-likert-cell[b-23zq9cft99] {
    min-width: 60px;
}

.pmt-likert-input[b-23zq9cft99] {
    text-align: center;
    max-width: 80px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-checkbox-group[b-23zq9cft99] {
        gap: var(--space-1);
    }

    .pmt-table-wrapper[b-23zq9cft99] {
        margin-left: calc(-1 * var(--space-3));
        margin-right: calc(-1 * var(--space-3));
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
}
/* /Components/Pages/Zones/ZonesGlossary.razor.rz.scp.css */
/* Zones Glossary */

/* Toolbar */
.pmt-glossary-toolbar[b-1pkfoyjw7q] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
}

.pmt-glossary-search[b-1pkfoyjw7q] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    flex: 1;
    min-width: 200px;
    max-width: 360px;
}

.pmt-glossary-search svg[b-1pkfoyjw7q] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-glossary-search input[b-1pkfoyjw7q] {
    border: none;
    background: none;
    outline: none;
    font-size: var(--text-sm);
    color: var(--text-primary);
    width: 100%;
}

.pmt-glossary-search input[b-1pkfoyjw7q]::placeholder {
    color: var(--text-tertiary);
}

.pmt-glossary-categories[b-1pkfoyjw7q] {
    display: flex;
    gap: var(--space-1);
    flex-wrap: wrap;
}

.pmt-glossary-cat-btn[b-1pkfoyjw7q] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.pmt-glossary-cat-btn:hover[b-1pkfoyjw7q] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-glossary-cat-btn.active[b-1pkfoyjw7q] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.pmt-glossary-toggle[b-1pkfoyjw7q] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--text-secondary);
    cursor: pointer;
    white-space: nowrap;
    margin-left: auto;
}

.pmt-glossary-toggle input[b-1pkfoyjw7q] {
    accent-color: var(--primary);
}

/* Alpha jump bar */
.pmt-glossary-alpha[b-1pkfoyjw7q] {
    display: flex;
    gap: var(--space-1);
    padding: var(--space-2) 0;
    margin-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-light);
    flex-wrap: wrap;
}

.pmt-glossary-alpha-link[b-1pkfoyjw7q] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    padding: 0;
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    font-family: inherit;
    color: var(--primary);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.pmt-glossary-alpha-link:hover[b-1pkfoyjw7q] {
    background: rgba(0, 113, 227, 0.08);
}

/* Empty state */
.pmt-glossary-empty[b-1pkfoyjw7q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) 0;
    color: var(--text-tertiary);
    text-align: center;
}

.pmt-glossary-empty svg[b-1pkfoyjw7q] {
    margin-bottom: var(--space-3);
}

.pmt-glossary-empty p[b-1pkfoyjw7q] {
    margin: 0;
    font-size: var(--text-sm);
}

/* Terms list */
.pmt-glossary-list[b-1pkfoyjw7q] {
    max-width: 800px;
}

.pmt-glossary-letter-header[b-1pkfoyjw7q] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--primary);
    padding: var(--space-3) 0 var(--space-2) 0;
    border-bottom: 2px solid var(--primary);
    margin-bottom: var(--space-3);
    margin-top: var(--space-4);
    scroll-margin-top: 80px;
}

.pmt-glossary-letter-header:first-child[b-1pkfoyjw7q] {
    margin-top: 0;
}

.pmt-glossary-term[b-1pkfoyjw7q] {
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-3);
}

.pmt-glossary-term-header[b-1pkfoyjw7q] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.pmt-glossary-term-title[b-1pkfoyjw7q] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0;
}

.pmt-glossary-term-cat[b-1pkfoyjw7q] {
    padding: 2px var(--space-2);
    background: rgba(0, 113, 227, 0.06);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    color: var(--primary);
    font-weight: var(--font-medium);
    white-space: nowrap;
}

.pmt-glossary-term-def[b-1pkfoyjw7q] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.pmt-glossary-clinical[b-1pkfoyjw7q] {
    margin-top: var(--space-2);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-glossary-clinical summary[b-1pkfoyjw7q] {
    cursor: pointer;
    font-weight: var(--font-medium);
    color: var(--text-secondary);
}

.pmt-glossary-clinical p[b-1pkfoyjw7q] {
    margin: var(--space-2) 0 0 0;
    line-height: 1.5;
}

/* Count footer */
.pmt-glossary-count[b-1pkfoyjw7q] {
    padding: var(--space-4) 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    max-width: 800px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-glossary-toolbar[b-1pkfoyjw7q] {
        flex-direction: column;
        align-items: stretch;
    }

    .pmt-glossary-search[b-1pkfoyjw7q] {
        max-width: none;
    }

    .pmt-glossary-toggle[b-1pkfoyjw7q] {
        margin-left: 0;
    }
}
/* /Components/Pages/Zones/ZonesLessonPlayer.razor.rz.scp.css */
/* Zones Lesson Player */

.page-header-row[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-client-indicator[b-gjldfjatpu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
}

/* Not found */
.pmt-not-found[b-gjldfjatpu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-not-found svg[b-gjldfjatpu] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-not-found h2[b-gjldfjatpu] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-not-found p[b-gjldfjatpu] {
    margin: 0 0 var(--space-4) 0;
}

/* Layout */
.pmt-lesson-layout[b-gjldfjatpu] {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: var(--space-6);
    align-items: start;
}

.pmt-lesson-main[b-gjldfjatpu] {
    min-width: 0;
}

/* Overview card */
.pmt-lesson-overview-card[b-gjldfjatpu] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-sm);
}

.pmt-lesson-overview-meta[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
}

.pmt-lesson-overview-module[b-gjldfjatpu] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-lesson-overview-duration[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-lesson-status-badge[b-gjldfjatpu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-lesson-status-badge.completed[b-gjldfjatpu] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.pmt-lesson-overview-text[b-gjldfjatpu] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Dividers */
.pmt-lesson-divider[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin: var(--space-6) 0 var(--space-4) 0;
}

.pmt-lesson-divider[b-gjldfjatpu]::before,
.pmt-lesson-divider[b-gjldfjatpu]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-light);
}

.pmt-lesson-divider span[b-gjldfjatpu] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

/* Linked Worksheets */
.pmt-linked-worksheets[b-gjldfjatpu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
}

.pmt-worksheet-link[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-fast);
}

.pmt-worksheet-link:hover[b-gjldfjatpu] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-worksheet-link svg:first-child[b-gjldfjatpu] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-worksheet-link div[b-gjldfjatpu] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pmt-worksheet-link-title[b-gjldfjatpu] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.pmt-worksheet-link-cat[b-gjldfjatpu] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-worksheet-link-arrow[b-gjldfjatpu] {
    color: var(--text-tertiary);
    flex-shrink: 0;
    transition: transform var(--transition-fast);
}

.pmt-worksheet-link:hover .pmt-worksheet-link-arrow[b-gjldfjatpu] {
    transform: translateX(2px);
    color: var(--primary);
}

/* Provider Notes Box */
.pmt-provider-notes-box[b-gjldfjatpu] {
    background: rgba(88, 86, 214, 0.03);
    border: 1px solid rgba(88, 86, 214, 0.15);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: var(--space-5);
}

.pmt-provider-notes-header[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: #5856d6;
    margin-bottom: var(--space-3);
}

.pmt-provider-notes-header svg[b-gjldfjatpu] {
    color: #5856d6;
}

.pmt-provider-notes-textarea[b-gjldfjatpu] {
    width: 100%;
    padding: var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-primary);
    background: var(--surface);
    resize: vertical;
    transition: border-color var(--transition-fast);
}

.pmt-provider-notes-textarea:focus[b-gjldfjatpu] {
    outline: none;
    border-color: var(--primary);
}

/* Completion actions */
.pmt-lesson-actions[b-gjldfjatpu] {
    display: flex;
    justify-content: center;
    padding: var(--space-5) 0;
}

.btn-lg[b-gjldfjatpu] {
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-base);
}

.pmt-completed-badge[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5);
    background: rgba(52, 199, 89, 0.08);
    color: #34c759;
    border-radius: var(--radius-md);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
}

/* Lesson Navigation */
.pmt-lesson-nav[b-gjldfjatpu] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    padding-top: var(--space-5);
    border-top: 1px solid var(--border-light);
}

.pmt-lesson-nav-link[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-fast);
    max-width: 45%;
}

.pmt-lesson-nav-link:hover[b-gjldfjatpu] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-lesson-nav-link.next[b-gjldfjatpu] {
    text-align: right;
    margin-left: auto;
}

.pmt-lesson-nav-link svg[b-gjldfjatpu] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-lesson-nav-label[b-gjldfjatpu] {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-lesson-nav-title[b-gjldfjatpu] {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sidebar */
.pmt-lesson-sidebar[b-gjldfjatpu] {
    position: sticky;
    top: 80px;
}

.pmt-lesson-toc[b-gjldfjatpu] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    margin-bottom: var(--space-3);
}

.pmt-lesson-toc-title[b-gjldfjatpu] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--space-3) 0;
}

.pmt-lesson-toc-item[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-light);
}

.pmt-lesson-toc-item:last-child[b-gjldfjatpu] {
    border-bottom: none;
}

.pmt-lesson-toc-item.provider-only[b-gjldfjatpu] {
    color: #5856d6;
}

.pmt-lesson-toc-item.quiz[b-gjldfjatpu] {
    color: var(--primary);
}

.pmt-lesson-toc-item svg[b-gjldfjatpu] {
    flex-shrink: 0;
}

/* Bookmark */
.pmt-lesson-bookmark[b-gjldfjatpu] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--space-3);
}

.pmt-bookmark-btn[b-gjldfjatpu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 100%;
    padding: var(--space-2);
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: inherit;
    font-size: var(--text-xs);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-bookmark-btn:hover[b-gjldfjatpu] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-bookmark-btn.active[b-gjldfjatpu] {
    background: rgba(0, 113, 227, 0.06);
    border-color: var(--primary);
    color: var(--primary);
}

/* Responsive */
@media (max-width: 1024px) {
    .pmt-lesson-layout[b-gjldfjatpu] {
        grid-template-columns: 1fr;
    }

    .pmt-lesson-sidebar[b-gjldfjatpu] {
        position: static;
        display: flex;
        gap: var(--space-3);
        flex-wrap: wrap;
    }

    .pmt-lesson-toc[b-gjldfjatpu] {
        flex: 1;
        min-width: 200px;
        margin-bottom: 0;
    }

    .pmt-lesson-bookmark[b-gjldfjatpu] {
        flex: 0;
    }
}

@media (max-width: 768px) {
    .pmt-lesson-nav[b-gjldfjatpu] {
        flex-direction: column;
    }

    .pmt-lesson-nav-link[b-gjldfjatpu] {
        max-width: 100%;
    }

    .pmt-lesson-nav-link.next[b-gjldfjatpu] {
        margin-left: 0;
    }
}
/* /Components/Pages/Zones/ZonesLessonSection.razor.rz.scp.css */
/* Zones Lesson Sections — type-specific styling */

.pmt-section[b-8j0mqatwik] {
    margin-bottom: var(--space-5);
    line-height: 1.7;
}

.pmt-section-title[b-8j0mqatwik] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-3) 0;
}

[b-8j0mqatwik] .pmt-section-content p,
[b-8j0mqatwik] .pmt-callout-content p,
[b-8j0mqatwik] .pmt-provider-content p,
[b-8j0mqatwik] .pmt-example-content p,
[b-8j0mqatwik] .pmt-practice-content p {
    margin: 0 0 var(--space-3) 0;
    color: var(--text-primary);
    font-size: var(--text-sm);
}

[b-8j0mqatwik] .pmt-section-content ul,
[b-8j0mqatwik] .pmt-section-content ol {
    margin: 0 0 var(--space-3) 0;
    padding-left: var(--space-5);
}

[b-8j0mqatwik] .pmt-section-content li {
    margin-bottom: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

[b-8j0mqatwik] .pmt-section-content strong {
    font-weight: var(--font-semibold);
}

/* Callout */
.pmt-section-callout[b-8j0mqatwik] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    background: rgba(255, 159, 10, 0.06);
    border: 1px solid rgba(255, 159, 10, 0.2);
    border-left: 4px solid #ff9f0a;
    border-radius: var(--radius-md);
}

.pmt-callout-icon[b-8j0mqatwik] {
    flex-shrink: 0;
    color: #ff9f0a;
    margin-top: 2px;
}

.pmt-callout-title[b-8j0mqatwik] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

/* Provider Note */
.pmt-section-provider[b-8j0mqatwik] {
    padding: var(--space-4);
    background: rgba(88, 86, 214, 0.05);
    border: 1px solid rgba(88, 86, 214, 0.15);
    border-left: 4px solid #5856d6;
    border-radius: var(--radius-md);
}

.pmt-provider-header[b-8j0mqatwik] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.pmt-provider-label[b-8j0mqatwik] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    color: #5856d6;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-provider-header svg[b-8j0mqatwik] {
    color: #5856d6;
}

.pmt-provider-title[b-8j0mqatwik] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

/* Example */
.pmt-section-example[b-8j0mqatwik] {
    padding: var(--space-4);
    background: rgba(0, 113, 227, 0.04);
    border: 1px solid rgba(0, 113, 227, 0.12);
    border-radius: var(--radius-md);
}

.pmt-example-header[b-8j0mqatwik] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--primary);
    margin-bottom: var(--space-3);
}

.pmt-example-header svg[b-8j0mqatwik] {
    color: var(--primary);
}

/* Skill Practice */
.pmt-section-practice[b-8j0mqatwik] {
    padding: var(--space-4);
    background: rgba(52, 199, 89, 0.05);
    border: 1px solid rgba(52, 199, 89, 0.15);
    border-radius: var(--radius-md);
}

.pmt-practice-header[b-8j0mqatwik] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: #34c759;
    margin-bottom: var(--space-3);
}

.pmt-practice-header svg[b-8j0mqatwik] {
    color: #34c759;
}
/* /Components/Pages/Zones/ZonesProgressDashboard.razor.rz.scp.css */
/* Zones Progress Dashboard */

/* Client badge */
.pmt-client-badge[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    transition: background var(--transition-fast);
}

.pmt-client-clear:hover[b-54uwdl5pga] {
    background: rgba(0, 113, 227, 0.2);
}

/* No client state */
.pmt-no-client[b-54uwdl5pga] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-54uwdl5pga] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-54uwdl5pga] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-54uwdl5pga] {
    margin: 0 0 var(--space-4) 0;
}

/* Hero Stats Section */
.pmt-dash-hero[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-sm);
}

.pmt-dash-progress-ring[b-54uwdl5pga] {
    position: relative;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
}

.pmt-ring-svg[b-54uwdl5pga] {
    width: 100%;
    height: 100%;
    transform: scaleX(-1);
}

.pmt-ring-svg circle:last-child[b-54uwdl5pga] {
    transition: stroke-dasharray 0.6s ease;
}

.pmt-ring-label[b-54uwdl5pga] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pmt-ring-value[b-54uwdl5pga] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--primary);
    line-height: 1.2;
}

.pmt-ring-text[b-54uwdl5pga] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pmt-dash-stats-grid[b-54uwdl5pga] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
    flex: 1;
}

.pmt-dash-stat[b-54uwdl5pga] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-1);
    padding: var(--space-3);
}

.pmt-dash-stat svg[b-54uwdl5pga] {
    color: var(--primary);
    margin-bottom: var(--space-1);
}

.pmt-dash-stat-value[b-54uwdl5pga] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    line-height: 1.2;
}

.pmt-dash-stat-label[b-54uwdl5pga] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Sections */
.pmt-dash-section[b-54uwdl5pga] {
    margin-bottom: var(--space-6);
}

.pmt-dash-section-title[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
}

.pmt-dash-badge-count[b-54uwdl5pga] {
    font-size: var(--text-sm);
    font-weight: var(--font-normal);
    color: var(--text-tertiary);
}

/* Module Progress Cards */
.pmt-dash-modules[b-54uwdl5pga] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-4);
}

.pmt-dash-module-card[b-54uwdl5pga] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all var(--transition-base);
}

.pmt-dash-module-card:hover[b-54uwdl5pga] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-dash-module-card.complete[b-54uwdl5pga] {
    border-color: rgba(52, 199, 89, 0.3);
}

.pmt-dash-module-accent[b-54uwdl5pga] {
    height: 3px;
}

.pmt-dash-module-body[b-54uwdl5pga] {
    padding: var(--space-4);
}

.pmt-dash-module-header[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-3);
}

.pmt-dash-module-icon[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    font-size: 1rem;
}

.pmt-dash-module-complete-badge[b-54uwdl5pga] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 2px var(--space-2);
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-dash-module-title[b-54uwdl5pga] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-3) 0;
}

.pmt-dash-module-progress[b-54uwdl5pga] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pmt-dash-module-bar[b-54uwdl5pga] {
    width: 100%;
    height: 6px;
    background: var(--border-light);
    border-radius: 3px;
    overflow: hidden;
}

.pmt-dash-module-fill[b-54uwdl5pga] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.4s ease;
}

.pmt-dash-module-text[b-54uwdl5pga] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Badge Gallery */
.pmt-dash-badges[b-54uwdl5pga] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-3);
}

.pmt-dash-badge[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.pmt-dash-badge.earned[b-54uwdl5pga] {
    border-color: rgba(52, 199, 89, 0.2);
    background: rgba(52, 199, 89, 0.03);
}

.pmt-dash-badge.locked[b-54uwdl5pga] {
    opacity: 0.55;
}

.pmt-dash-badge-icon[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--border-light);
    color: var(--text-tertiary);
    font-size: 1rem;
    flex-shrink: 0;
}

.pmt-dash-badge-icon.earned[b-54uwdl5pga] {
    background: rgba(52, 199, 89, 0.12);
    color: #34c759;
}

.pmt-dash-badge-info[b-54uwdl5pga] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pmt-dash-badge-title[b-54uwdl5pga] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
}

.pmt-dash-badge-desc[b-54uwdl5pga] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    line-height: 1.4;
}

.pmt-dash-badge-date[b-54uwdl5pga] {
    font-size: var(--text-xs);
    color: #34c759;
    margin-top: 2px;
}

.pmt-dash-badge-lock[b-54uwdl5pga] {
    flex-shrink: 0;
    color: var(--text-tertiary);
}

/* Quick Actions */
.pmt-dash-actions[b-54uwdl5pga] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-dash-action-card[b-54uwdl5pga] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    transition: all var(--transition-fast);
}

.pmt-dash-action-card:hover[b-54uwdl5pga] {
    border-color: var(--primary);
    color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-dash-action-card svg[b-54uwdl5pga] {
    color: var(--primary);
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-dash-hero[b-54uwdl5pga] {
        flex-direction: column;
        padding: var(--space-4);
    }

    .pmt-dash-stats-grid[b-54uwdl5pga] {
        grid-template-columns: repeat(2, 1fr);
    }

    .pmt-dash-modules[b-54uwdl5pga] {
        grid-template-columns: 1fr;
    }

    .pmt-dash-badges[b-54uwdl5pga] {
        grid-template-columns: 1fr;
    }

    .pmt-dash-actions[b-54uwdl5pga] {
        flex-direction: column;
    }
}
/* /Components/Pages/Zones/ZonesQuizPlayer.razor.rz.scp.css */
/* Zones Quiz Player */

.pmt-quiz[b-v8yey46e1i] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-5);
}

.pmt-quiz-header[b-v8yey46e1i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
}

.pmt-quiz-title[b-v8yey46e1i] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0;
}

.pmt-quiz-count[b-v8yey46e1i] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

/* Progress bar */
.pmt-quiz-progress-bar[b-v8yey46e1i] {
    height: 4px;
    background: var(--border-light);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: var(--space-5);
}

.pmt-quiz-progress-fill[b-v8yey46e1i] {
    height: 100%;
    background: var(--primary);
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Question */
.pmt-quiz-question[b-v8yey46e1i] {
    margin-bottom: var(--space-5);
}

.pmt-quiz-question-text[b-v8yey46e1i] {
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
    line-height: 1.5;
}

/* Options */
.pmt-quiz-options[b-v8yey46e1i] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.pmt-quiz-option[b-v8yey46e1i] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    cursor: pointer;
    text-align: left;
    transition: all var(--transition-fast);
    width: 100%;
    font-family: inherit;
    font-size: inherit;
}

.pmt-quiz-option:hover[b-v8yey46e1i] {
    border-color: var(--primary);
    background: rgba(0, 113, 227, 0.03);
}

.pmt-quiz-option.selected[b-v8yey46e1i] {
    border-color: var(--primary);
    background: rgba(0, 113, 227, 0.06);
}

.pmt-quiz-option-letter[b-v8yey46e1i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--border-light);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    flex-shrink: 0;
    transition: all var(--transition-fast);
}

.pmt-quiz-option.selected .pmt-quiz-option-letter[b-v8yey46e1i] {
    background: var(--primary);
    color: white;
}

.pmt-quiz-option-text[b-v8yey46e1i] {
    font-size: var(--text-sm);
    color: var(--text-primary);
    line-height: 1.5;
    padding-top: 3px;
}

/* Navigation */
.pmt-quiz-nav[b-v8yey46e1i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-4);
}

/* Question dots */
.pmt-quiz-dots[b-v8yey46e1i] {
    display: flex;
    justify-content: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.pmt-quiz-dot[b-v8yey46e1i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-tertiary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-quiz-dot:hover[b-v8yey46e1i] {
    border-color: var(--primary);
}

.pmt-quiz-dot.active[b-v8yey46e1i] {
    border-color: var(--primary);
    background: var(--primary);
    color: white;
}

.pmt-quiz-dot.answered[b-v8yey46e1i] {
    border-color: var(--primary);
    color: var(--primary);
    font-weight: var(--font-semibold);
}

/* Results */
.pmt-quiz-results[b-v8yey46e1i] {
    text-align: left;
}

.pmt-quiz-results-header[b-v8yey46e1i] {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--border-light);
}

.pmt-quiz-score-circle[b-v8yey46e1i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pmt-quiz-score-circle.pass[b-v8yey46e1i] {
    background: rgba(52, 199, 89, 0.1);
    border: 3px solid #34c759;
}

.pmt-quiz-score-circle.retry[b-v8yey46e1i] {
    background: rgba(255, 159, 10, 0.1);
    border: 3px solid #ff9f0a;
}

.pmt-quiz-score-value[b-v8yey46e1i] {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
}

.pmt-quiz-results-title[b-v8yey46e1i] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-results-subtitle[b-v8yey46e1i] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
}

/* Review items */
.pmt-quiz-review[b-v8yey46e1i] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.pmt-quiz-review-item[b-v8yey46e1i] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
}

.pmt-quiz-review-item.correct[b-v8yey46e1i] {
    background: rgba(52, 199, 89, 0.04);
    border-color: rgba(52, 199, 89, 0.2);
}

.pmt-quiz-review-item.incorrect[b-v8yey46e1i] {
    background: rgba(255, 59, 48, 0.04);
    border-color: rgba(255, 59, 48, 0.2);
}

.pmt-quiz-review-status[b-v8yey46e1i] {
    flex-shrink: 0;
    margin-top: 2px;
}

.pmt-quiz-review-item.correct .pmt-quiz-review-status[b-v8yey46e1i] {
    color: #34c759;
}

.pmt-quiz-review-item.incorrect .pmt-quiz-review-status[b-v8yey46e1i] {
    color: #ff3b30;
}

.pmt-quiz-review-question[b-v8yey46e1i] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-2) 0;
}

.pmt-quiz-review-your-answer[b-v8yey46e1i] {
    font-size: var(--text-sm);
    color: #ff3b30;
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-review-correct[b-v8yey46e1i] {
    font-size: var(--text-sm);
    color: #34c759;
    margin: 0 0 var(--space-1) 0;
}

.pmt-quiz-review-explanation[b-v8yey46e1i] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    font-style: italic;
    margin: var(--space-2) 0 0 0;
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-light);
}

/* Results actions */
.pmt-quiz-results-actions[b-v8yey46e1i] {
    display: flex;
    gap: var(--space-3);
    justify-content: center;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-quiz[b-v8yey46e1i] {
        padding: var(--space-4);
    }

    .pmt-quiz-results-header[b-v8yey46e1i] {
        flex-direction: column;
        text-align: center;
    }

    .pmt-quiz-results-actions[b-v8yey46e1i] {
        flex-direction: column;
    }
}
/* /Components/Pages/Zones/ZonesSearch.razor.rz.scp.css */
/* Zones Search */

/* Search bar */
.pmt-search-bar[b-ub0gjgeprz] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 2px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-4);
    max-width: 700px;
    transition: border-color var(--transition-fast);
}

.pmt-search-bar:focus-within[b-ub0gjgeprz] {
    border-color: var(--primary);
}

.pmt-search-bar svg[b-ub0gjgeprz] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.pmt-search-input[b-ub0gjgeprz] {
    flex: 1;
    border: none;
    background: none;
    outline: none;
    font-size: var(--text-base);
    color: var(--text-primary);
}

.pmt-search-input[b-ub0gjgeprz]::placeholder {
    color: var(--text-tertiary);
}

.pmt-search-clear[b-ub0gjgeprz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.pmt-search-clear:hover[b-ub0gjgeprz] {
    background: var(--border-light);
    color: var(--text-primary);
}

/* Filter chips */
.pmt-search-filters[b-ub0gjgeprz] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
    max-width: 700px;
}

.pmt-search-filter[b-ub0gjgeprz] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.pmt-search-filter:hover[b-ub0gjgeprz] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-search-filter.active[b-ub0gjgeprz] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* Prompt / empty states */
.pmt-search-prompt[b-ub0gjgeprz],
.pmt-search-empty[b-ub0gjgeprz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) 0;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-search-prompt svg[b-ub0gjgeprz],
.pmt-search-empty svg[b-ub0gjgeprz] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-search-prompt h2[b-ub0gjgeprz],
.pmt-search-empty h3[b-ub0gjgeprz] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-search-prompt p[b-ub0gjgeprz],
.pmt-search-empty p[b-ub0gjgeprz] {
    margin: 0 0 var(--space-4) 0;
}

/* Suggestion chips */
.pmt-search-suggestions[b-ub0gjgeprz] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    justify-content: center;
}

.pmt-search-suggestion-label[b-ub0gjgeprz] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.pmt-search-suggestion[b-ub0gjgeprz] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    background: var(--surface);
    color: var(--primary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.pmt-search-suggestion:hover[b-ub0gjgeprz] {
    background: rgba(0, 113, 227, 0.06);
    border-color: var(--primary);
}

/* Results list */
.pmt-search-results[b-ub0gjgeprz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: 700px;
}

.pmt-search-result[b-ub0gjgeprz] {
    display: block;
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: inherit;
    transition: all var(--transition-fast);
}

.pmt-search-result:hover[b-ub0gjgeprz] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-search-result-type[b-ub0gjgeprz] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

.pmt-search-result-badge[b-ub0gjgeprz] {
    padding: 2px var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.pmt-search-result-badge.module[b-ub0gjgeprz] {
    background: rgba(42, 107, 114, 0.1);
    color: #2A6B72;
}

.pmt-search-result-badge.lesson[b-ub0gjgeprz] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

.pmt-search-result-badge.worksheet[b-ub0gjgeprz] {
    background: rgba(230, 126, 34, 0.1);
    color: #E67E22;
}

.pmt-search-result-badge.glossary[b-ub0gjgeprz] {
    background: rgba(142, 68, 173, 0.1);
    color: #8E44AD;
}

.pmt-search-result-badge.provider[b-ub0gjgeprz] {
    background: rgba(231, 76, 60, 0.1);
    color: #E74C3C;
}

.pmt-search-provider-tag[b-ub0gjgeprz] {
    font-size: var(--text-xs);
    color: #E74C3C;
    font-weight: var(--font-medium);
}

.pmt-search-result-title[b-ub0gjgeprz] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-search-result-excerpt[b-ub0gjgeprz] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Count footer */
.pmt-search-count[b-ub0gjgeprz] {
    padding: var(--space-4) 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    max-width: 700px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-search-bar[b-ub0gjgeprz] {
        max-width: none;
    }

    .pmt-search-results[b-ub0gjgeprz] {
        max-width: none;
    }

    .pmt-search-filters[b-ub0gjgeprz] {
        max-width: none;
    }
}
/* /Components/Pages/Zones/ZonesUnitDetail.razor.rz.scp.css */
/* Zones Unit Detail — Lessons list & unit info */

.page-header-row[b-fi3hn4kg4n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-client-indicator[b-fi3hn4kg4n] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
}

/* Not Found */
.pmt-not-found[b-fi3hn4kg4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-not-found svg[b-fi3hn4kg4n] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-not-found h2[b-fi3hn4kg4n] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-not-found p[b-fi3hn4kg4n] {
    margin: 0 0 var(--space-4) 0;
}

/* Module Info Card */
.pmt-module-info[b-fi3hn4kg4n] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: var(--space-6);
    box-shadow: var(--shadow-sm);
}

.pmt-module-info-accent[b-fi3hn4kg4n] {
    height: 4px;
}

.pmt-module-info-body[b-fi3hn4kg4n] {
    padding: var(--space-5);
}

.pmt-module-info-header[b-fi3hn4kg4n] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
}

.pmt-module-info-icon[b-fi3hn4kg4n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    font-size: 1.3rem;
    flex-shrink: 0;
}

.pmt-module-info-number[b-fi3hn4kg4n] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
    display: block;
    margin-bottom: var(--space-1);
}

.pmt-module-info-meta[b-fi3hn4kg4n] {
    display: flex;
    gap: var(--space-3);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.pmt-module-info-desc[b-fi3hn4kg4n] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.pmt-module-info-progress[b-fi3hn4kg4n] {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

.pmt-module-info-progress-bar[b-fi3hn4kg4n] {
    height: 8px;
    background: var(--border-light);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--space-2);
}

.pmt-module-info-progress-fill[b-fi3hn4kg4n] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}

.pmt-module-info-progress-text[b-fi3hn4kg4n] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Section title */
.pmt-section-title[b-fi3hn4kg4n] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
}

/* Lessons list */
.pmt-lessons-list[b-fi3hn4kg4n] {
    margin-bottom: var(--space-6);
}

.pmt-lesson-row[b-fi3hn4kg4n] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-3);
    cursor: pointer;
    transition: all var(--transition-base);
}

.pmt-lesson-row:hover[b-fi3hn4kg4n] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-lesson-row.completed[b-fi3hn4kg4n] {
    background: rgba(52, 199, 89, 0.03);
}

.pmt-lesson-status[b-fi3hn4kg4n] {
    flex-shrink: 0;
}

.pmt-lesson-number[b-fi3hn4kg4n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 2px solid;
    border-radius: 50%;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
}

.pmt-lesson-check[b-fi3hn4kg4n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.pmt-lesson-content[b-fi3hn4kg4n] {
    flex: 1;
    min-width: 0;
}

.pmt-lesson-title[b-fi3hn4kg4n] {
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    margin: 0 0 var(--space-1) 0;
}

.pmt-lesson-overview[b-fi3hn4kg4n] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pmt-lesson-meta[b-fi3hn4kg4n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
}

.pmt-lesson-duration[b-fi3hn4kg4n] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    white-space: nowrap;
}

.pmt-lesson-arrow[b-fi3hn4kg4n] {
    color: var(--text-tertiary);
    transition: transform var(--transition-fast);
}

.pmt-lesson-row:hover .pmt-lesson-arrow[b-fi3hn4kg4n] {
    transform: translateX(2px);
    color: var(--primary);
}

/* Module navigation */
.pmt-module-nav[b-fi3hn4kg4n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-lesson-overview[b-fi3hn4kg4n] {
        display: none;
    }

    .pmt-module-nav[b-fi3hn4kg4n] {
        flex-direction: column;
    }

    .pmt-module-info-header[b-fi3hn4kg4n] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Zones/ZonesWorksheetHistory.razor.rz.scp.css */
/* Zones Worksheet History */

.page-header-row[b-mp00c97rci] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-client-indicator[b-mp00c97rci] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
}

/* Empty / no client states */
.pmt-no-client[b-mp00c97rci],
.pmt-empty-state[b-mp00c97rci] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-mp00c97rci],
.pmt-empty-state svg[b-mp00c97rci] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-mp00c97rci],
.pmt-empty-state h2[b-mp00c97rci] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-mp00c97rci],
.pmt-empty-state p[b-mp00c97rci] {
    margin: 0 0 var(--space-4) 0;
}

/* History list */
.pmt-history-list[b-mp00c97rci] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: 700px;
}

.pmt-history-row[b-mp00c97rci] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.pmt-history-row:hover[b-mp00c97rci] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.pmt-history-icon[b-mp00c97rci] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pmt-history-icon.completed[b-mp00c97rci] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.pmt-history-icon.in-progress[b-mp00c97rci] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

.pmt-history-info[b-mp00c97rci] {
    flex: 1;
    min-width: 0;
}

.pmt-history-date[b-mp00c97rci] {
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
}

.pmt-history-meta[b-mp00c97rci] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    margin-top: var(--space-1);
}

.pmt-history-actions[b-mp00c97rci] {
    flex-shrink: 0;
}

.pmt-history-badge[b-mp00c97rci] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-history-badge.completed[b-mp00c97rci] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.btn-sm[b-mp00c97rci] {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-xs);
}

/* Summary */
.pmt-history-summary[b-mp00c97rci] {
    display: flex;
    gap: var(--space-5);
    padding: var(--space-4) 0;
    margin-top: var(--space-4);
    border-top: 1px solid var(--border-light);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    max-width: 700px;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-history-row[b-mp00c97rci] {
        flex-wrap: wrap;
    }

    .pmt-history-summary[b-mp00c97rci] {
        flex-direction: column;
        gap: var(--space-2);
    }
}
/* /Components/Pages/Zones/ZonesWorksheetLibrary.razor.rz.scp.css */
/* Zones Worksheet Library */

.pmt-client-badge[b-u40ng5ygmz] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: var(--primary);
}

.pmt-client-clear[b-u40ng5ygmz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    border-radius: 50%;
    transition: background var(--transition-fast);
}

.pmt-client-clear:hover[b-u40ng5ygmz] {
    background: rgba(0, 113, 227, 0.2);
}

.pmt-info-banner[b-u40ng5ygmz] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-u40ng5ygmz] {
    flex-shrink: 0;
    color: var(--primary);
}

/* Category Tabs */
.pmt-ws-tabs[b-u40ng5ygmz] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
    overflow-x: auto;
    padding-bottom: var(--space-2);
    -webkit-overflow-scrolling: touch;
}

.pmt-ws-tab[b-u40ng5ygmz] {
    padding: var(--space-2) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--transition-fast);
}

.pmt-ws-tab:hover[b-u40ng5ygmz] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-ws-tab.active[b-u40ng5ygmz] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* Worksheet Grid */
.pmt-ws-grid[b-u40ng5ygmz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: var(--space-4);
}

/* Worksheet Card */
.pmt-ws-card[b-u40ng5ygmz] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-sm);
}

.pmt-ws-card:hover[b-u40ng5ygmz] {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
}

.pmt-ws-card-icon[b-u40ng5ygmz] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4) var(--space-5);
    padding-bottom: 0;
    font-size: 1.5rem;
    color: var(--primary);
}

.pmt-ws-card-body[b-u40ng5ygmz] {
    flex: 1;
    padding: var(--space-3) var(--space-5);
}

.pmt-ws-card-category[b-u40ng5ygmz] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-ws-card-title[b-u40ng5ygmz] {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: var(--space-1) 0 var(--space-2) 0;
    line-height: 1.3;
}

.pmt-ws-card-desc[b-u40ng5ygmz] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0 0 var(--space-3) 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pmt-ws-card-meta[b-u40ng5ygmz] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-ws-card-actions[b-u40ng5ygmz] {
    display: flex;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5) var(--space-4);
}

.btn-sm[b-u40ng5ygmz] {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-xs);
}

/* PDF icon on card */
.pmt-ws-card-pdf[b-u40ng5ygmz] {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
    text-decoration: none;
    transition: all var(--transition-fast);
    z-index: 1;
}

.pmt-ws-card-pdf:hover[b-u40ng5ygmz] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-ws-grid[b-u40ng5ygmz] {
        grid-template-columns: 1fr;
    }

    .pmt-ws-tabs[b-u40ng5ygmz] {
        gap: var(--space-1);
    }

    .pmt-ws-tab[b-u40ng5ygmz] {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }
}
/* /Components/Pages/Zones/ZonesWorksheetRunner.razor.rz.scp.css */
/* Zones Worksheet Runner */

.page-header-row[b-mcfm1s99rt] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.pmt-status-badge[b-mcfm1s99rt] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
}

.pmt-status-badge.completed[b-mcfm1s99rt] {
    background: rgba(52, 199, 89, 0.1);
    color: #34c759;
}

.pmt-status-badge.in-progress[b-mcfm1s99rt] {
    background: rgba(0, 113, 227, 0.08);
    color: var(--primary);
}

/* No client */
.pmt-no-client[b-mcfm1s99rt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-mcfm1s99rt] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-mcfm1s99rt] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-mcfm1s99rt] {
    margin: 0 0 var(--space-4) 0;
}

/* Runner layout */
.pmt-ws-runner[b-mcfm1s99rt] {
    max-width: 800px;
}

/* Info banner */
.pmt-ws-info[b-mcfm1s99rt] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-5);
    box-shadow: var(--shadow-sm);
}

.pmt-ws-info-icon[b-mcfm1s99rt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(0, 113, 227, 0.08);
    border-radius: var(--radius-md);
    color: var(--primary);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.pmt-ws-info-category[b-mcfm1s99rt] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-medium);
}

.pmt-ws-info-desc[b-mcfm1s99rt] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: var(--space-1) 0 0 0;
    line-height: 1.5;
}

.pmt-ws-info-client[b-mcfm1s99rt] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--primary-light);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    color: var(--primary);
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}

/* Form area */
.pmt-ws-form[b-mcfm1s99rt] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    margin-bottom: var(--space-5);
}

.pmt-ws-form.readonly[b-mcfm1s99rt] {
    opacity: 0.7;
    pointer-events: none;
}

/* Actions */
.pmt-ws-actions[b-mcfm1s99rt] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.pmt-ws-save-status[b-mcfm1s99rt] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.pmt-ws-completed-msg[b-mcfm1s99rt] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: rgba(52, 199, 89, 0.08);
    color: #34c759;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-ws-info[b-mcfm1s99rt] {
        flex-direction: column;
    }

    .pmt-ws-info-client[b-mcfm1s99rt] {
        margin-left: 0;
    }

    .pmt-ws-form[b-mcfm1s99rt] {
        padding: var(--space-4);
    }

    .pmt-ws-actions[b-mcfm1s99rt] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Zones/ZoneToolboxPage.razor.rz.scp.css */
/* Zone Toolbox Page */

/* No client state */
.pmt-no-client[b-enf48adj07] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-no-client svg[b-enf48adj07] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-no-client h2[b-enf48adj07] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-no-client p[b-enf48adj07] {
    margin: 0 0 var(--space-4) 0;
}

/* Info banner */
.pmt-info-banner[b-enf48adj07] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid rgba(0, 113, 227, 0.15);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-5);
}

.pmt-info-banner svg[b-enf48adj07] {
    flex-shrink: 0;
    color: var(--primary);
}

/* Section title */
.pmt-dash-section-title[b-enf48adj07] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-4) 0;
}
/* /Components/Pages/Zones/ZoneToolsLibrary.razor.rz.scp.css */
/* Zone Tools Library */

/* Category Tabs */
.pmt-ws-tabs[b-ijgvmhtu4c] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-5);
    overflow-x: auto;
    padding-bottom: var(--space-2);
    -webkit-overflow-scrolling: touch;
}

.pmt-ws-tab[b-ijgvmhtu4c] {
    padding: var(--space-2) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--transition-fast);
}

.pmt-ws-tab:hover[b-ijgvmhtu4c] {
    border-color: var(--primary);
    color: var(--primary);
}

.pmt-ws-tab.active[b-ijgvmhtu4c] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* Not found */
.pmt-not-found[b-ijgvmhtu4c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    color: var(--text-secondary);
}

.pmt-not-found svg[b-ijgvmhtu4c] {
    color: var(--text-tertiary);
    margin-bottom: var(--space-4);
}

.pmt-not-found h2[b-ijgvmhtu4c] {
    margin: 0 0 var(--space-2) 0;
    color: var(--text-primary);
}

.pmt-not-found p[b-ijgvmhtu4c] {
    margin: 0 0 var(--space-4) 0;
}

/* Responsive */
@media (max-width: 768px) {
    .pmt-ws-tabs[b-ijgvmhtu4c] {
        gap: var(--space-1);
    }

    .pmt-ws-tab[b-ijgvmhtu4c] {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-xyag848e3j] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-xyag848e3j] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-xyag848e3j] {
    font-size: 1.1rem;
}

.bi[b-xyag848e3j] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-xyag848e3j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-xyag848e3j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-xyag848e3j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-xyag848e3j] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-xyag848e3j] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-xyag848e3j] {
        padding-bottom: 1rem;
    }

    .nav-item[b-xyag848e3j]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-xyag848e3j]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-xyag848e3j]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-xyag848e3j] {
        display: none;
    }

    .collapse[b-xyag848e3j] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-xyag848e3j] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}