/* /Components/CmActionBar.razor.rz.scp.css */
.cm-action-bar[b-juaresv73f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--cm-space-xl);
    width: 100%;
    flex-wrap: wrap;
}

.cm-action-bar__title-group[b-juaresv73f] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xs);
    flex: 1 1 min-content;
}

.cm-action-bar__title[b-juaresv73f] {
    font-family: var(--cm-font-display);
    font-size: var(--cm-text-2xl);
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-action-bar__subtitle[b-juaresv73f] {
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-action-bar__actions[b-juaresv73f] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-md);
    flex-wrap: wrap;
}

.cm-action-bar__secondary[b-juaresv73f] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-sm);
}

@media (max-width: 768px) {
    .cm-action-bar[b-juaresv73f] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--cm-space-lg);
    }
    
    .cm-action-bar__actions[b-juaresv73f] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .cm-action-bar__actions[b-juaresv73f] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .cm-action-bar__secondary[b-juaresv73f],
    .cm-action-bar__primary[b-juaresv73f] {
        width: 100%;
    }
    
    .cm-action-bar__secondary[b-juaresv73f] {
        justify-content: center;
    }
    
    [b-juaresv73f] .cm-btn {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/CmAgendaView.razor.rz.scp.css */
.cm-agenda-view[b-sgmoaikekv] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.cm-agenda-view__list[b-sgmoaikekv] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cm-agenda-view__group[b-sgmoaikekv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cm-agenda-view__group-header[b-sgmoaikekv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--cm-border);
}

.cm-agenda-view__group-date[b-sgmoaikekv] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    text-transform: capitalize;
}

.cm-agenda-view__group-count[b-sgmoaikekv] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
}

.cm-agenda-view__items[b-sgmoaikekv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cm-agenda-view__pagination[b-sgmoaikekv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 12px;
}

.cm-agenda-view__page-info[b-sgmoaikekv] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cm-text-secondary);
}
/* /Components/CmAlert.razor.rz.scp.css */
.cm-alert[b-bi00o0y83c] {
    display: flex;
    align-items: flex-start;
    gap: var(--cm-space-md);
    padding: var(--cm-space-md);
    border-radius: var(--cm-radius-md);
    border: 1px solid transparent;
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    line-height: 1.5;
}

.cm-alert__icon[b-bi00o0y83c] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cm-alert__content[b-bi00o0y83c] {
    flex-grow: 1;
}

.cm-alert__close[b-bi00o0y83c] {
    flex-shrink: 0;
    background: transparent;
    border: none;
    color: inherit;
    opacity: 0.7;
    cursor: pointer;
    padding: var(--cm-space-xs);
    margin: calc(var(--cm-space-xs) * -1);
    border-radius: var(--cm-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.cm-alert__close:hover[b-bi00o0y83c],
.cm-alert__close:focus-visible[b-bi00o0y83c] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
    outline: none;
}

/* Severities */
.cm-alert--info[b-bi00o0y83c] {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.2);
    color: var(--cm-text-primary);
}

.cm-alert--info .cm-alert__icon[b-bi00o0y83c] {
    color: var(--cm-status-info);
}

.cm-alert--success[b-bi00o0y83c] {
    background: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.2);
    color: var(--cm-text-primary);
}

.cm-alert--success .cm-alert__icon[b-bi00o0y83c] {
    color: var(--cm-status-success);
}

.cm-alert--warning[b-bi00o0y83c] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.2);
    color: var(--cm-text-primary);
}

.cm-alert--warning .cm-alert__icon[b-bi00o0y83c] {
    color: var(--cm-status-warning);
}

.cm-alert--error[b-bi00o0y83c] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.2);
    color: var(--cm-text-primary);
}

.cm-alert--error .cm-alert__icon[b-bi00o0y83c] {
    color: var(--cm-status-error);
}
/* /Components/CmAvatar.razor.rz.scp.css */
.cm-avatar[b-py7ximh8ib] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background: var(--cm-bg-surface-alt);
    border: 1px solid var(--cm-border);
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cm-avatar:focus-visible[b-py7ximh8ib] {
    outline: 2px solid var(--cm-accent);
    outline-offset: 2px;
}

.cm-avatar:hover[b-py7ximh8ib] {
    border-color: var(--cm-border-strong);
    transform: scale(1.02);
}

/* Sizes */
.cm-avatar--xs[b-py7ximh8ib] { width: 24px; height: 24px; font-size: 10px; }
.cm-avatar--sm[b-py7ximh8ib] { width: 32px; height: 32px; font-size: 12px; }
.cm-avatar--md[b-py7ximh8ib] { width: 40px; height: 40px; font-size: 14px; }
.cm-avatar--lg[b-py7ximh8ib] { width: 56px; height: 56px; font-size: 18px; }
.cm-avatar--xl[b-py7ximh8ib] { width: 72px; height: 72px; font-size: 24px; }
.cm-avatar--2xl[b-py7ximh8ib] { width: 96px; height: 96px; font-size: 32px; }

/* Image */
.cm-avatar__image[b-py7ximh8ib] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Initials fallback */
.cm-avatar__initials[b-py7ximh8ib] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: var(--cm-font-display);
    font-weight: 600;
    color: var(--cm-text-primary);
    background: linear-gradient(135deg, var(--cm-accent) 0%, var(--cm-accent-hover) 100%);
    text-transform: uppercase;
}

/* Status indicator */
.cm-avatar__status[b-py7ximh8ib] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 25%;
    min-width: 8px;
    min-height: 8px;
    border-radius: 50%;
    border: 2px solid var(--cm-bg-primary);
    flex-shrink: 0;
}

.cm-avatar__status--online[b-py7ximh8ib] {
    background: var(--cm-status-success);
}

.cm-avatar__status--away[b-py7ximh8ib] {
    background: var(--cm-status-warning);
}

.cm-avatar__status--busy[b-py7ximh8ib] {
    background: var(--cm-status-error);
}

.cm-avatar__status--offline[b-py7ximh8ib] {
    background: var(--cm-text-muted);
}

/* Sizes for status */
.cm-avatar--xs .cm-avatar__status[b-py7ximh8ib] { width: 6px; height: 6px; }
.cm-avatar--sm .cm-avatar__status[b-py7ximh8ib] { width: 10px; height: 10px; }
.cm-avatar--md .cm-avatar__status[b-py7ximh8ib] { width: 12px; height: 12px; }
.cm-avatar--lg .cm-avatar__status[b-py7ximh8ib] { width: 16px; height: 16px; }
.cm-avatar--xl .cm-avatar__status[b-py7ximh8ib] { width: 20px; height: 20px; }
.cm-avatar--2xl .cm-avatar__status[b-py7ximh8ib] { width: 24px; height: 24px; }
/* /Components/CmBadge.razor.rz.scp.css */
.cm-badge[b-uenbr7m7a0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--cm-font-mono);
    font-weight: 600;
    border-radius: var(--cm-radius-sm);
    white-space: nowrap;
}

/* Variants */
.cm-badge--default[b-uenbr7m7a0] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-primary);
    border: 1px solid var(--cm-border);
}

.cm-badge--primary[b-uenbr7m7a0] {
    background: var(--cm-accent);
    color: #ffffff;
}

.cm-badge--success[b-uenbr7m7a0] {
    background: rgba(16, 185, 129, 0.15);
    color: var(--cm-status-success);
    border: 1px solid var(--cm-status-success);
}

.cm-badge--warning[b-uenbr7m7a0] {
    background: rgba(245, 158, 11, 0.15);
    color: var(--cm-status-warning);
    border: 1px solid var(--cm-status-warning);
}

.cm-badge--error[b-uenbr7m7a0] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--cm-status-error);
    border: 1px solid var(--cm-status-error);
}

.cm-badge--info[b-uenbr7m7a0] {
    background: rgba(59, 130, 246, 0.15);
    color: var(--cm-status-info);
    border: 1px solid var(--cm-status-info);
}

/* Sizes */
.cm-badge--sm[b-uenbr7m7a0] {
    padding: 1px var(--cm-space-sm);
    font-size: var(--cm-text-xs);
    min-height: 18px;
}

.cm-badge--md[b-uenbr7m7a0] {
    padding: 2px var(--cm-space-sm);
    font-size: var(--cm-text-sm);
    min-height: 20px;
}

.cm-badge--lg[b-uenbr7m7a0] {
    padding: 3px var(--cm-space-md);
    font-size: var(--cm-text-base);
    min-height: 24px;
}

/* Dot badge variant */
.cm-badge--dot[b-uenbr7m7a0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding: 0;
}

.cm-badge--dot.cm-badge--primary[b-uenbr7m7a0] {
    background: var(--cm-accent);
}

.cm-badge--dot.cm-badge--success[b-uenbr7m7a0] {
    background: var(--cm-status-success);
}

.cm-badge--dot.cm-badge--warning[b-uenbr7m7a0] {
    background: var(--cm-status-warning);
}

.cm-badge--dot.cm-badge--error[b-uenbr7m7a0] {
    background: var(--cm-status-error);
}

.cm-badge--dot.cm-badge--info[b-uenbr7m7a0] {
    background: var(--cm-status-info);
}
/* /Components/CmBreadcrumbs.razor.rz.scp.css */
.cm-breadcrumbs[b-8bkji1tj3p] {
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
}

.cm-breadcrumbs__list[b-8bkji1tj3p] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cm-breadcrumbs__item[b-8bkji1tj3p] {
    display: flex;
    align-items: center;
}

.cm-breadcrumbs__link[b-8bkji1tj3p] {
    color: var(--cm-text-secondary);
    text-decoration: none;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
}

.cm-breadcrumbs__link:hover[b-8bkji1tj3p],
.cm-breadcrumbs__link:focus-visible[b-8bkji1tj3p] {
    color: var(--cm-accent);
    outline: none;
}

.cm-breadcrumbs__text[b-8bkji1tj3p] {
    color: var(--cm-text-secondary);
}

.cm-breadcrumbs__text--active[b-8bkji1tj3p] {
    color: var(--cm-text-primary);
    font-weight: 500;
}

.cm-breadcrumbs__separator[b-8bkji1tj3p] {
    color: var(--cm-border-strong);
    margin: 0 var(--cm-space-sm);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/CmButton.razor.rz.scp.css */
.cm-btn[b-qzyea9ym61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cm-space-sm);
    font-family: var(--cm-font-body);
    font-weight: 600;
    border-radius: var(--cm-radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-decoration: none;
}

.cm-btn:disabled[b-qzyea9ym61],
.cm-btn[disabled][b-qzyea9ym61] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cm-btn:focus-visible[b-qzyea9ym61] {
    outline: 2px solid var(--cm-accent);
    outline-offset: 2px;
}

/* Variants */
.cm-btn--primary[b-qzyea9ym61] {
    background: var(--cm-accent);
    color: #ffffff;
    border-color: var(--cm-accent);
}

.cm-btn--primary:hover:not(:disabled)[b-qzyea9ym61] {
    background: var(--cm-accent-hover);
    border-color: var(--cm-accent-hover);
    box-shadow: var(--cm-shadow-glow);
}

.cm-btn--primary:active:not(:disabled)[b-qzyea9ym61] {
    background: var(--cm-accent-press, #0D0B92);
    border-color: var(--cm-accent-press, #0D0B92);
}

.cm-btn--secondary[b-qzyea9ym61] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-primary);
    border-color: var(--cm-border);
}

.cm-btn--secondary:hover:not(:disabled)[b-qzyea9ym61] {
    background: var(--cm-bg-elevated);
    border-color: var(--cm-border-strong);
}

.cm-btn--outlined[b-qzyea9ym61] {
    background: transparent;
    color: var(--cm-accent);
    border-color: var(--cm-accent);
}

.cm-btn--outlined:hover:not(:disabled)[b-qzyea9ym61] {
    background: var(--cm-accent-muted);
    border-color: var(--cm-accent);
}

.cm-btn--text[b-qzyea9ym61] {
    background: transparent;
    color: var(--cm-text-primary);
    border-color: transparent;
}

.cm-btn--text:hover:not(:disabled)[b-qzyea9ym61] {
    background: var(--cm-bg-surface-alt);
}

/* Sizes */
.cm-btn--sm[b-qzyea9ym61] {
    padding: var(--cm-space-xs) var(--cm-space-md);
    font-size: var(--cm-text-sm);
    min-height: 32px;
}

.cm-btn--md[b-qzyea9ym61] {
    padding: var(--cm-space-sm) var(--cm-space-lg);
    font-size: var(--cm-text-base);
    min-height: 40px;
}

.cm-btn--lg[b-qzyea9ym61] {
    padding: var(--cm-space-md) var(--cm-space-xl);
    font-size: var(--cm-text-lg);
    min-height: 48px;
}

/* Icon */
.cm-btn__icon[b-qzyea9ym61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-btn__icon svg[b-qzyea9ym61] {
    width: 1em;
    height: 1em;
}

.cm-btn__icon--start[b-qzyea9ym61] {
    margin-right: var(--cm-space-xs);
}

.cm-btn__icon--end[b-qzyea9ym61] {
    margin-left: var(--cm-space-xs);
}

/* Spinner */
.cm-btn__spinner[b-qzyea9ym61] {
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: cm-spin-b-qzyea9ym61 0.6s linear infinite;
}

@keyframes cm-spin-b-qzyea9ym61 {
    to { transform: rotate(360deg); }
}

/* Full width */
.cm-btn--full[b-qzyea9ym61] {
    width: 100%;
}
/* /Components/CmCalendarFilters.razor.rz.scp.css */
.cm-calendar-filters[b-ax054yjqk4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.cm-calendar-filters__group[b-ax054yjqk4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cm-calendar-filters__group--client[b-ax054yjqk4] {
    position: relative;
}

.cm-calendar-filters__label[b-ax054yjqk4] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cm-text-secondary);
}

.cm-calendar-filters__chips[b-ax054yjqk4] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cm-filter-chip[b-ax054yjqk4] {
    background-color: var(--cm-bg-base);
    border: 1px solid var(--cm-border);
    color: var(--cm-text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: var(--cm-radius-full, 9999px);
    cursor: pointer;
    transition: all var(--cm-transition-fast);
    outline: none;
}

.cm-filter-chip:hover[b-ax054yjqk4] {
    border-color: var(--cm-accent);
    color: var(--cm-text-primary);
}

.cm-filter-chip.is-active[b-ax054yjqk4] {
    background-color: var(--cm-accent);
    color: #ffffff;
    border-color: var(--cm-accent);
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);
}

.cm-filter-chip--clear[b-ax054yjqk4] {
    background: transparent;
    border-color: var(--cm-color-error, #ef4444);
    color: var(--cm-color-error, #ef4444);
}

.cm-filter-chip--clear:hover[b-ax054yjqk4] {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: var(--cm-color-error, #ef4444);
    color: var(--cm-color-error, #ef4444);
}

.cm-calendar-filters__clear[b-ax054yjqk4] {
    margin-left: auto;
}

/* Scalable Client Selector */
.cm-client-selector[b-ax054yjqk4] {
    position: relative;
    display: inline-block;
}

.cm-client-selector__btn[b-ax054yjqk4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--cm-bg-base);
    border: 1px solid var(--cm-border);
    color: var(--cm-text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: var(--cm-radius-full, 9999px);
    cursor: pointer;
    transition: all var(--cm-transition-fast);
    outline: none;
}

.cm-client-selector__btn:hover[b-ax054yjqk4] {
    border-color: var(--cm-accent);
    color: var(--cm-text-primary);
}

.cm-client-selector__btn.is-active[b-ax054yjqk4] {
    background-color: rgba(99, 102, 241, 0.15);
    border-color: var(--cm-accent);
    color: var(--cm-text-primary);
    font-weight: 600;
}

.cm-client-selector__arrow[b-ax054yjqk4] {
    transition: transform var(--cm-transition-fast);
}

.cm-client-selector__arrow.is-open[b-ax054yjqk4] {
    transform: rotate(180deg);
}

.cm-client-selector__backdrop[b-ax054yjqk4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    background: transparent;
}

.cm-client-selector__popover[b-ax054yjqk4] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 280px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md, 8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.05);
    z-index: 100;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: cmFadeDown-b-ax054yjqk4 0.15s ease-out;
}

@keyframes cmFadeDown-b-ax054yjqk4 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cm-client-selector__search-box[b-ax054yjqk4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: var(--cm-bg-base);
    border-bottom: 1px solid var(--cm-border);
    color: var(--cm-text-secondary);
}

.cm-client-selector__input[b-ax054yjqk4] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--cm-text-primary);
    font-size: 0.8125rem;
    font-family: inherit;
}

.cm-client-selector__input[b-ax054yjqk4]::placeholder {
    color: var(--cm-text-muted);
}

.cm-client-selector__search-clear[b-ax054yjqk4] {
    background: transparent;
    border: none;
    color: var(--cm-text-secondary);
    font-size: 0.75rem;
    cursor: pointer;
    padding: 2px;
    line-height: 1;
}

.cm-client-selector__actions[b-ax054yjqk4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    font-size: 0.6875rem;
    color: var(--cm-text-muted);
    border-bottom: 1px solid var(--cm-border);
    background-color: rgba(255, 255, 255, 0.02);
}

.cm-client-selector__action-btn[b-ax054yjqk4] {
    background: transparent;
    border: none;
    color: var(--cm-accent);
    cursor: pointer;
    font-size: 0.6875rem;
    padding: 0;
    font-weight: 500;
}

.cm-client-selector__action-btn:hover[b-ax054yjqk4] {
    text-decoration: underline;
}

.cm-client-selector__list[b-ax054yjqk4] {
    max-height: 220px;
    overflow-y: auto;
    padding: 4px 0;
}

.cm-client-selector__item[b-ax054yjqk4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color var(--cm-transition-fast);
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    user-select: none;
}

.cm-client-selector__item:hover[b-ax054yjqk4] {
    background-color: var(--cm-bg-elevated);
    color: var(--cm-text-primary);
}

.cm-client-selector__item.is-checked[b-ax054yjqk4] {
    color: var(--cm-text-primary);
    font-weight: 600;
    background-color: rgba(99, 102, 241, 0.08);
}

.cm-client-selector__item input[type="checkbox"][b-ax054yjqk4] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cm-client-selector__checkbox-custom[b-ax054yjqk4] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid var(--cm-border);
    background-color: var(--cm-bg-base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all var(--cm-transition-fast);
}

.cm-client-selector__item.is-checked .cm-client-selector__checkbox-custom[b-ax054yjqk4] {
    background-color: var(--cm-accent);
    border-color: var(--cm-accent);
}

.cm-client-selector__item.is-checked .cm-client-selector__checkbox-custom[b-ax054yjqk4]::after {
    content: "";
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-1px, -1px);
}

.cm-client-selector__empty[b-ax054yjqk4] {
    padding: 16px 12px;
    font-size: 0.8125rem;
    color: var(--cm-text-muted);
    text-align: center;
}

/* Selected Client Badges */
.cm-calendar-filters__selected-tags[b-ax054yjqk4] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cm-selected-client-tag[b-ax054yjqk4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: rgba(99, 102, 241, 0.15);
    border: 1px solid rgba(99, 102, 241, 0.3);
    color: var(--cm-accent-light, #a5b4fc);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--cm-radius-full, 9999px);
}

.cm-selected-client-tag__remove[b-ax054yjqk4] {
    background: transparent;
    border: none;
    color: var(--cm-accent-light, #a5b4fc);
    font-size: 0.6875rem;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.cm-selected-client-tag__remove:hover[b-ax054yjqk4] {
    color: #ffffff;
}
/* /Components/CmCalendarGrid.razor.rz.scp.css */
.cm-calendar-container[b-bg2o4yta57] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-lg);
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.cm-calendar-header[b-bg2o4yta57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--cm-border);
}

.cm-calendar-header__left[b-bg2o4yta57] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cm-calendar-header__stepper[b-bg2o4yta57] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cm-calendar-header__month-title[b-bg2o4yta57] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    min-width: 170px;
    text-align: center;
}

.cm-calendar-header__right[b-bg2o4yta57] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cm-view-toggle[b-bg2o4yta57] {
    display: flex;
    background-color: var(--cm-bg-base);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    padding: 2px;
}

.cm-view-toggle__btn[b-bg2o4yta57] {
    background: transparent;
    border: none;
    color: var(--cm-text-secondary);
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: calc(var(--cm-radius-md) - 2px);
    cursor: pointer;
    transition: all var(--cm-transition-fast);
    outline: none;
}

.cm-view-toggle__btn:hover[b-bg2o4yta57] {
    color: var(--cm-text-primary);
}

.cm-view-toggle__btn.is-active[b-bg2o4yta57] {
    background-color: var(--cm-accent);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.35);
}

.cm-calendar-legend[b-bg2o4yta57] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    padding: 8px 12px;
    background-color: var(--cm-bg-base);
    border-radius: var(--cm-radius-md);
    border: 1px solid var(--cm-border);
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
}

.cm-legend-item[b-bg2o4yta57] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cm-legend-dot[b-bg2o4yta57] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.cm-dot--green[b-bg2o4yta57] { background-color: var(--cm-color-success, #10b981); }
.cm-dot--amber[b-bg2o4yta57] { background-color: var(--cm-color-warning, #f59e0b); }
.cm-dot--yellow[b-bg2o4yta57] { background-color: #eab308; }
.cm-dot--blue[b-bg2o4yta57] { background-color: #3b82f6; }
.cm-dot--red[b-bg2o4yta57] { background-color: var(--cm-color-error, #ef4444); }

.cm-calendar-body[b-bg2o4yta57] {
    width: 100%;
}

.cm-calendar-empty[b-bg2o4yta57] {
    padding: 40px 0;
}
/* /Components/CmCard.razor.rz.scp.css */
.cm-card[b-uh541b885y] {
    display: flex;
    flex-direction: column;
    font-family: var(--cm-font-body);
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    overflow: hidden;
    transition: all 0.2s ease;
}

.cm-card:hover[b-uh541b885y] {
    border-color: var(--cm-border-strong);
    box-shadow: var(--cm-shadow-md);
}

/* Variants */
.cm-card--default[b-uh541b885y] {
    background: var(--cm-bg-surface);
    border-color: var(--cm-border);
}

.cm-card--accent[b-uh541b885y] {
    border-color: var(--cm-accent);
    box-shadow: var(--cm-shadow-glow);
}

.cm-card--elevated[b-uh541b885y] {
    background: var(--cm-bg-elevated);
    box-shadow: var(--cm-shadow-lg);
}

.cm-card--outlined[b-uh541b885y] {
    border-color: var(--cm-border-strong);
}

/* Header */
.cm-card__header[b-uh541b885y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cm-space-md);
    padding: var(--cm-space-md) var(--cm-space-lg);
    border-bottom: 1px solid var(--cm-border);
}

.cm-card__icon[b-uh541b885y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: var(--cm-radius-sm);
    background: var(--cm-accent-muted);
    color: var(--cm-accent);
}

.cm-card__icon svg[b-uh541b885y] {
    width: 18px;
    height: 18px;
}

.cm-card__title-group[b-uh541b885y] {
    flex: 1;
    min-width: 0;
}

.cm-card__title[b-uh541b885y] {
    font-family: var(--cm-font-display);
    font-size: var(--cm-text-lg);
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 0 0 var(--cm-space-xs) 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cm-card__subtitle[b-uh541b885y] {
    font-size: var(--cm-text-sm);
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-card__actions[b-uh541b885y] {
    flex-shrink: 0;
}

/* Body */
.cm-card__body[b-uh541b885y] {
    padding: var(--cm-space-lg);
    flex: 1;
}

/* Footer */
.cm-card__footer[b-uh541b885y] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--cm-space-sm);
    padding: var(--cm-space-md) var(--cm-space-lg);
    border-top: 1px solid var(--cm-border);
    background: var(--cm-bg-surface-alt);
}

/* Clickable card */
.cm-card:focus-visible[b-uh541b885y] {
    outline: 2px solid var(--cm-accent);
    outline-offset: -2px;
}

.cm-card:focus-visible:not(:focus)[b-uh541b885y] {
    outline: none;
}

/* Clickable variant */
.cm-card[role="button"][b-uh541b885y],
.cm-card[onclick][b-uh541b885y] {
    cursor: pointer;
}

.cm-card[role="button"]:hover[b-uh541b885y],
.cm-card[onclick]:hover[b-uh541b885y] {
    border-color: var(--cm-border-strong);
    box-shadow: var(--cm-shadow-md);
    transform: translateY(-2px);
}
/* /Components/CmChip.razor.rz.scp.css */
.cm-chip[b-ed2qqze8zv] {
    display: inline-flex;
    align-items: center;
    gap: var(--cm-space-xs);
    font-family: var(--cm-font-body);
    font-weight: 500;
    border-radius: var(--cm-radius-sm);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    user-select: none;
}

.cm-chip:focus-visible[b-ed2qqze8zv] {
    outline: 2px solid var(--cm-accent);
    outline-offset: 2px;
}

/* Variants */
.cm-chip--default[b-ed2qqze8zv] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-primary);
    border-color: var(--cm-border);
}

.cm-chip--primary[b-ed2qqze8zv] {
    background: var(--cm-accent);
    color: #ffffff;
    border-color: var(--cm-accent);
}

.cm-chip--secondary[b-ed2qqze8zv] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-primary);
    border-color: var(--cm-border);
}

.cm-chip--success[b-ed2qqze8zv] {
    background: rgba(16, 185, 129, 0.15);
    color: var(--cm-status-success);
    border-color: var(--cm-status-success);
}

.cm-chip--warning[b-ed2qqze8zv] {
    background: rgba(245, 158, 11, 0.15);
    color: var(--cm-status-warning);
    border-color: var(--cm-status-warning);
}

.cm-chip--error[b-ed2qqze8zv] {
    background: rgba(239, 68, 68, 0.15);
    color: var(--cm-status-error);
    border-color: var(--cm-status-error);
}

.cm-chip--info[b-ed2qqze8zv] {
    background: rgba(59, 130, 246, 0.15);
    color: var(--cm-status-info);
    border-color: var(--cm-status-info);
}

.cm-chip--outlined[b-ed2qqze8zv] {
    background: transparent;
    border-color: var(--cm-border);
}

/* Sizes */
.cm-chip--sm[b-ed2qqze8zv] {
    padding: 2px var(--cm-space-sm);
    font-size: var(--cm-text-xs);
    min-height: 24px;
}

.cm-chip--md[b-ed2qqze8zv] {
    padding: var(--cm-space-xs) var(--cm-space-md);
    font-size: var(--cm-text-sm);
    min-height: 28px;
}

.cm-chip--lg[b-ed2qqze8zv] {
    padding: var(--cm-space-sm) var(--cm-space-lg);
    font-size: var(--cm-text-base);
    min-height: 32px;
}

/* Icon */
.cm-chip__icon[b-ed2qqze8zv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-chip__icon svg[b-ed2qqze8zv] {
    width: 1em;
    height: 1em;
}

.cm-chip__icon--start[b-ed2qqze8zv] {
    margin-right: 2px;
}

.cm-chip__icon--end[b-ed2qqze8zv] {
    margin-left: 2px;
}

/* Dismiss button */
.cm-chip__dismiss[b-ed2qqze8zv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: var(--cm-radius-sm);
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s ease;
    margin-left: var(--cm-space-xs);
    padding: 0;
}

.cm-chip__dismiss:hover[b-ed2qqze8zv] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}

.cm-chip__dismiss:focus-visible[b-ed2qqze8zv] {
    outline: 2px solid var(--cm-accent);
    outline-offset: 2px;
}
/* /Components/CmClientDialog.razor.rz.scp.css */
.cm-client-dialog[b-wy9nd7kwbz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    min-width: 320px;
    max-width: 760px;
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 4px;
}

.cm-client-dialog__desc[b-wy9nd7kwbz] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-client-dialog__form[b-wy9nd7kwbz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cm-dialog-section[b-wy9nd7kwbz] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: var(--cm-bg-subtle, rgba(255, 255, 255, 0.02));
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md, 8px);
    padding: 16px;
}

.cm-dialog-section__title[b-wy9nd7kwbz] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cm-dialog-section__title svg[b-wy9nd7kwbz] {
    color: var(--cm-accent, #3b82f6);
}

.cm-dialog-grid[b-wy9nd7kwbz] {
    display: grid;
    gap: 12px;
}

.cm-dialog-grid--2[b-wy9nd7kwbz] {
    grid-template-columns: 1fr;
}

@media (min-width: 600px) {
    .cm-dialog-grid--2[b-wy9nd7kwbz] {
        grid-template-columns: 1fr 1fr;
    }
}

.cm-dialog-grid__full[b-wy9nd7kwbz] {
    grid-column: 1 / -1;
}

.cm-logo-preview[b-wy9nd7kwbz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    padding: 8px 12px;
    background: var(--cm-bg-elevated, rgba(255, 255, 255, 0.05));
    border-radius: var(--cm-radius-sm, 6px);
    border: 1px dashed var(--cm-border);
}

.cm-logo-preview img[b-wy9nd7kwbz] {
    max-height: 36px;
    max-width: 100px;
    object-fit: contain;
}

.cm-logo-preview span[b-wy9nd7kwbz] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
}

.cm-palette-label[b-wy9nd7kwbz] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--cm-text-secondary);
    margin-bottom: 6px;
}

.cm-palette-grid[b-wy9nd7kwbz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.cm-color-item[b-wy9nd7kwbz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-color-name[b-wy9nd7kwbz] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--cm-text-secondary);
}

.cm-color-picker-row[b-wy9nd7kwbz] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm, 6px);
    padding: 4px 8px;
}

.cm-color-input[b-wy9nd7kwbz] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background: none;
    padding: 0;
}

.cm-color-text[b-wy9nd7kwbz] {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--cm-text-primary);
    font-size: 0.8125rem;
    font-family: monospace;
    outline: none;
    width: 100%;
}

/* -------------------------------------------------------------
   SECCIÓN 3: POLÍTICAS DE AUTONOMÍA (HITL)
------------------------------------------------------------- */
.cm-dialog-section__hint[b-wy9nd7kwbz] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    margin: -4px 0 6px 0;
    line-height: 1.4;
}

.cm-policy-options[b-wy9nd7kwbz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 600px) {
    .cm-policy-options[b-wy9nd7kwbz] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.cm-policy-card[b-wy9nd7kwbz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--cm-bg-surface, #ffffff);
    border: 1px solid var(--cm-border, #e2e8f0);
    border-radius: var(--cm-radius-md, 8px);
    padding: 12px 14px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    user-select: none;
}

.cm-policy-card:hover[b-wy9nd7kwbz] {
    border-color: var(--cm-accent, #3398dc);
    background: var(--cm-bg-elevated, rgba(51, 152, 220, 0.04));
    transform: translateY(-1px);
}

.cm-policy-card--active[b-wy9nd7kwbz] {
    border-color: var(--cm-accent, #3398dc);
    background: var(--cm-bg-elevated, rgba(51, 152, 220, 0.08));
    box-shadow: 0 0 0 1px var(--cm-accent, #3398dc), 0 4px 12px rgba(51, 152, 220, 0.12);
}

.cm-policy-card__header[b-wy9nd7kwbz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cm-policy-card__icon[b-wy9nd7kwbz] {
    font-size: 1.125rem;
    line-height: 1;
}

.cm-policy-card__title-wrap[b-wy9nd7kwbz] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.cm-policy-card__title[b-wy9nd7kwbz] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cm-policy-card__tag[b-wy9nd7kwbz] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--cm-accent, #3398dc);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cm-policy-card__radio[b-wy9nd7kwbz] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--cm-border, #cbd5e1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.cm-policy-card__radio--checked[b-wy9nd7kwbz] {
    border-color: var(--cm-accent, #3398dc);
    background: var(--cm-accent, #3398dc);
    box-shadow: inset 0 0 0 3px #ffffff;
}

.cm-policy-card__desc[b-wy9nd7kwbz] {
    font-size: 0.75rem;
    color: var(--cm-text-secondary);
    line-height: 1.4;
    margin: 0;
}

.cm-policy-notification-row[b-wy9nd7kwbz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 8px;
    border-top: 1px dashed var(--cm-border);
}

.cm-policy-checkbox-label[b-wy9nd7kwbz] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8125rem;
    color: var(--cm-text-primary);
    cursor: pointer;
    user-select: none;
}

.cm-policy-checkbox[b-wy9nd7kwbz] {
    width: 16px;
    height: 16px;
    accent-color: var(--cm-accent, #3398dc);
    cursor: pointer;
}

.cm-policy-notice[b-wy9nd7kwbz] {
    font-size: 0.75rem;
    color: var(--cm-warning, #eab308);
    margin-left: 26px;
}

/* -------------------------------------------------------------
   SECCIÓN 4: MARKDOWN BRAND RULES EDITOR & PREVIEW
------------------------------------------------------------- */
.cm-dialog-section__header-row[b-wy9nd7kwbz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

.cm-md-toolbar-actions[b-wy9nd7kwbz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cm-btn-file-upload[b-wy9nd7kwbz],
.cm-btn-template[b-wy9nd7kwbz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: var(--cm-radius-sm, 6px);
    border: 1px solid var(--cm-border);
    background: var(--cm-bg-surface);
    color: var(--cm-text-primary);
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.cm-btn-file-upload:hover[b-wy9nd7kwbz],
.cm-btn-template:hover[b-wy9nd7kwbz] {
    border-color: var(--cm-accent, #3398dc);
    color: var(--cm-accent, #3398dc);
    background: var(--cm-bg-elevated);
}

.cm-btn-template[b-wy9nd7kwbz] {
    color: #3398dc;
    border-color: rgba(51, 152, 220, 0.4);
    background: rgba(51, 152, 220, 0.05);
}

.cm-btn-template:hover[b-wy9nd7kwbz] {
    background: rgba(51, 152, 220, 0.12);
    border-color: #3398dc;
}

.cm-md-tabs[b-wy9nd7kwbz] {
    display: inline-flex;
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm, 6px);
    padding: 3px;
    gap: 4px;
    width: fit-content;
}

.cm-md-tab[b-wy9nd7kwbz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    font-size: 0.75rem;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--cm-text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.cm-md-tab:hover[b-wy9nd7kwbz] {
    color: var(--cm-text-primary);
}

.cm-md-tab--active[b-wy9nd7kwbz] {
    background: var(--cm-accent, #3398dc);
    color: #ffffff !important;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.cm-md-editor-wrap[b-wy9nd7kwbz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.cm-md-textarea[b-wy9nd7kwbz] {
    width: 100%;
    background: var(--cm-bg-surface);
    color: var(--cm-text-primary);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm, 6px);
    padding: 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.8125rem;
    line-height: 1.55;
    resize: vertical;
    outline: none;
    transition: border-color 0.2s ease;
}

.cm-md-textarea:focus[b-wy9nd7kwbz] {
    border-color: var(--cm-accent, #3398dc);
    box-shadow: 0 0 0 2px rgba(51, 152, 220, 0.15);
}

.cm-md-char-count[b-wy9nd7kwbz] {
    font-size: 0.6875rem;
    color: var(--cm-text-secondary);
    text-align: right;
    margin-top: 4px;
}

.cm-md-preview-wrap[b-wy9nd7kwbz] {
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm, 6px);
    padding: 16px 20px;
    max-height: 320px;
    overflow-y: auto;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: var(--cm-text-primary);
}

/* Typography styles for rendered markdown inside preview */
.cm-md-preview-wrap .cm-md-h1[b-wy9nd7kwbz] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 14px 0 8px 0;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--cm-border);
}

.cm-md-preview-wrap .cm-md-h1:first-child[b-wy9nd7kwbz] {
    margin-top: 0;
}

.cm-md-preview-wrap .cm-md-h2[b-wy9nd7kwbz] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 12px 0 6px 0;
}

.cm-md-preview-wrap .cm-md-h3[b-wy9nd7kwbz] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 10px 0 4px 0;
}

.cm-md-preview-wrap .cm-md-h4[b-wy9nd7kwbz] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 8px 0 4px 0;
}

.cm-md-preview-wrap .cm-md-p[b-wy9nd7kwbz] {
    margin: 0 0 8px 0;
}

.cm-md-preview-wrap .cm-md-ul[b-wy9nd7kwbz],
.cm-md-preview-wrap .cm-md-ol[b-wy9nd7kwbz] {
    margin: 0 0 10px 0;
    padding-left: 20px;
}

.cm-md-preview-wrap li[b-wy9nd7kwbz] {
    margin-bottom: 3px;
}

.cm-md-preview-wrap .cm-md-code[b-wy9nd7kwbz] {
    background: var(--cm-bg-subtle, rgba(255, 255, 255, 0.08));
    border: 1px solid var(--cm-border);
    border-radius: 3px;
    padding: 1px 4px;
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--cm-accent, #3398dc);
}

.cm-md-preview-wrap .cm-md-pre[b-wy9nd7kwbz] {
    background: var(--cm-bg-subtle, #1e293b);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm, 6px);
    padding: 10px 14px;
    overflow-x: auto;
    margin: 8px 0;
}

.cm-md-preview-wrap .cm-md-blockquote[b-wy9nd7kwbz] {
    border-left: 3px solid var(--cm-accent, #3398dc);
    margin: 8px 0;
    padding: 4px 12px;
    color: var(--cm-text-secondary);
    background: var(--cm-bg-subtle, rgba(51, 152, 220, 0.04));
    border-radius: 0 4px 4px 0;
}

.cm-md-preview-wrap .cm-md-hr[b-wy9nd7kwbz] {
    border: none;
    border-top: 1px solid var(--cm-border);
    margin: 14px 0;
}

.cm-md-preview-wrap .cm-md-link[b-wy9nd7kwbz] {
    color: var(--cm-accent, #3398dc);
    text-decoration: underline;
}
/* /Components/CmDateTimePicker.razor.rz.scp.css */
.cm-datetime-picker[b-3d3fs0vjai] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background-color: var(--cm-bg-base);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
}

.cm-datetime-picker__header[b-3d3fs0vjai] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.cm-datetime-picker__label[b-3d3fs0vjai] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-datetime-picker__badge[b-3d3fs0vjai] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cm-accent);
    background-color: color-mix(in srgb, var(--cm-accent) 15%, transparent);
    padding: 2px 8px;
    border-radius: var(--cm-radius-full, 9999px);
    border: 1px solid color-mix(in srgb, var(--cm-accent) 30%, transparent);
}

.cm-datetime-picker__input-wrapper[b-3d3fs0vjai] {
    width: 100%;
}

.cm-datetime-picker__input[b-3d3fs0vjai] {
    width: 100%;
    padding: 10px 14px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    color: var(--cm-text-primary);
    font-size: 0.875rem;
    transition: all var(--cm-transition-fast);
    outline: none;
}

.cm-datetime-picker__input:focus[b-3d3fs0vjai] {
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cm-accent) 20%, transparent);
}

.cm-datetime-picker__input.is-invalid[b-3d3fs0vjai] {
    border-color: var(--cm-color-error, #ef4444);
}

.cm-datetime-picker__error[b-3d3fs0vjai] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--cm-color-error, #ef4444);
    line-height: 1.4;
}

.cm-datetime-picker__hint[b-3d3fs0vjai] {
    font-size: 0.8125rem;
    color: var(--cm-color-success, #10b981);
}
/* /Components/CmDialog.razor.rz.scp.css */
.cm-dialog-portal[b-9r8nay3nnf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cm-space-md);
}

.cm-dialog__overlay[b-9r8nay3nnf] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 14, 26, 0.8);
    backdrop-filter: blur(4px);
    animation: cm-dialog-fade-in-b-9r8nay3nnf 0.2s ease-out;
}

.cm-dialog[b-9r8nay3nnf] {
    position: relative;
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    box-shadow: var(--cm-shadow-lg);
    width: 100%;
    max-width: 500px;
    max-height: calc(100vh - 2 * var(--cm-space-md));
    display: flex;
    flex-direction: column;
    animation: cm-dialog-slide-up-b-9r8nay3nnf 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1;
}

.cm-dialog__header[b-9r8nay3nnf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cm-space-lg);
    border-bottom: 1px solid var(--cm-border);
}

.cm-dialog__title[b-9r8nay3nnf] {
    margin: 0;
    font-family: var(--cm-font-display);
    font-size: var(--cm-text-xl);
    color: var(--cm-text-primary);
    font-weight: 600;
}

.cm-dialog__close[b-9r8nay3nnf] {
    background: transparent;
    border: none;
    color: var(--cm-text-secondary);
    cursor: pointer;
    padding: var(--cm-space-xs);
    border-radius: var(--cm-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.cm-dialog__close:hover[b-9r8nay3nnf],
.cm-dialog__close:focus-visible[b-9r8nay3nnf] {
    color: var(--cm-text-primary);
    background: var(--cm-bg-elevated);
    outline: none;
}

.cm-dialog__body[b-9r8nay3nnf] {
    padding: var(--cm-space-lg);
    overflow-y: auto;
    color: var(--cm-text-primary);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-base);
}

.cm-dialog__actions[b-9r8nay3nnf] {
    padding: var(--cm-space-lg);
    border-top: 1px solid var(--cm-border);
    display: flex;
    justify-content: flex-end;
    gap: var(--cm-space-md);
}

@keyframes cm-dialog-fade-in-b-9r8nay3nnf {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cm-dialog-slide-up-b-9r8nay3nnf {
    from { 
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to { 
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* /Components/CmDropdown.razor.rz.scp.css */
.cm-dropdown[b-szjxus9sh3] {
    position: relative;
    display: inline-block;
}

.cm-dropdown__trigger[b-szjxus9sh3] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.cm-dropdown__backdrop[b-szjxus9sh3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background: transparent;
}

.cm-dropdown__menu[b-szjxus9sh3] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 220px;
    max-width: calc(100vw - 32px);
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md, 8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
    z-index: 101;
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.cm-dropdown__menu--right[b-szjxus9sh3] {
    left: auto;
    right: 0;
}

.cm-dropdown__menu--left[b-szjxus9sh3] {
    left: 0;
    right: auto;
}

/* Base styles for dropdown items assuming they are standard buttons/links */
[b-szjxus9sh3] .cm-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 16px;
    color: var(--cm-text-primary);
    text-align: left;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
    box-sizing: border-box;
}

[b-szjxus9sh3] .cm-dropdown-item:hover,
[b-szjxus9sh3] .cm-dropdown-item:focus {
    background: var(--cm-bg-elevated);
    color: var(--cm-text-primary);
    outline: none;
}

[b-szjxus9sh3] .cm-dropdown-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cm-text-secondary);
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

[b-szjxus9sh3] .cm-dropdown-item__icon svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
}

[b-szjxus9sh3] .cm-dropdown-item:hover .cm-dropdown-item__icon {
    color: var(--cm-text-primary);
}

[b-szjxus9sh3] .cm-dropdown-item--error {
    color: var(--cm-color-error, #ef4444);
}

[b-szjxus9sh3] .cm-dropdown-item--error .cm-dropdown-item__icon {
    color: var(--cm-color-error, #ef4444);
}

[b-szjxus9sh3] .cm-dropdown-item--error:hover,
[b-szjxus9sh3] .cm-dropdown-item--error:focus {
    background: rgba(239, 68, 68, 0.12);
    color: var(--cm-color-error, #ef4444);
}
/* /Components/CmEmptyState.razor.rz.scp.css */
.cm-empty-state[b-0xz06gxcod] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--cm-space-3xl) var(--cm-space-lg);
    background: transparent;
    border-radius: var(--cm-radius-md);
    width: 100%;
}

.cm-empty-state__icon[b-0xz06gxcod] {
    width: 48px;
    height: 48px;
    margin-bottom: var(--cm-space-lg);
    color: var(--cm-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cm-empty-state__icon svg[b-0xz06gxcod] {
    width: 100%;
    height: 100%;
}

.cm-empty-state__title[b-0xz06gxcod] {
    font-family: var(--cm-font-display);
    font-size: var(--cm-text-xl);
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 0 0 var(--cm-space-sm) 0;
}

.cm-empty-state__description[b-0xz06gxcod] {
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-base);
    color: var(--cm-text-secondary);
    margin: 0 0 var(--cm-space-xl) 0;
    max-width: 400px;
    line-height: 1.5;
}

.cm-empty-state__actions[b-0xz06gxcod] {
    display: flex;
    gap: var(--cm-space-md);
    flex-wrap: wrap;
    justify-content: center;
}
/* /Components/CmIconButton.razor.rz.scp.css */
.cm-icon-btn[b-mvadile08t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--cm-radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.cm-icon-btn:disabled[b-mvadile08t] {
    opacity: 0.5;
    cursor: not-allowed;
}

.cm-icon-btn:focus-visible[b-mvadile08t] {
    outline: 2px solid var(--cm-accent);
    outline-offset: 2px;
}

/* Variants */
.cm-icon-btn--primary[b-mvadile08t] {
    background: var(--cm-accent);
    color: #ffffff;
    border-color: var(--cm-accent);
}

.cm-icon-btn--primary:hover:not(:disabled)[b-mvadile08t] {
    background: var(--cm-accent-hover);
    box-shadow: var(--cm-shadow-glow);
}

.cm-icon-btn--secondary[b-mvadile08t] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-primary);
    border-color: var(--cm-border);
}

.cm-icon-btn--secondary:hover:not(:disabled)[b-mvadile08t] {
    background: var(--cm-bg-elevated);
    border-color: var(--cm-border-strong);
}

.cm-icon-btn--outlined[b-mvadile08t] {
    background: transparent;
    color: var(--cm-accent);
    border-color: var(--cm-accent);
}

.cm-icon-btn--outlined:hover:not(:disabled)[b-mvadile08t] {
    background: var(--cm-accent-muted);
}

.cm-icon-btn--text[b-mvadile08t] {
    background: transparent;
    color: var(--cm-text-primary);
    border-color: transparent;
}

.cm-icon-btn--text:hover:not(:disabled)[b-mvadile08t] {
    background: var(--cm-bg-surface-alt);
}

/* Sizes */
.cm-icon-btn--sm[b-mvadile08t] {
    width: 32px;
    height: 32px;
}

.cm-icon-btn--md[b-mvadile08t] {
    width: 40px;
    height: 40px;
}

.cm-icon-btn--lg[b-mvadile08t] {
    width: 48px;
    height: 48px;
}

.cm-icon-btn__icon[b-mvadile08t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.cm-icon-btn__icon svg[b-mvadile08t] {
    width: 1.25em;
    height: 1.25em;
}

.cm-icon-btn__spinner[b-mvadile08t] {
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: cm-spin-b-mvadile08t 0.6s linear infinite;
}

@keyframes cm-spin-b-mvadile08t {
    to { transform: rotate(360deg); }
}
/* /Components/CmInput.razor.rz.scp.css */
.cm-input-wrapper[b-v5ebhj0bh7] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xs);
    width: 100%;
}

.cm-input__label[b-v5ebhj0bh7] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs);
    font-size: var(--cm-text-sm);
    font-weight: 500;
    color: var(--cm-text-primary);
}

.cm-input__required[b-v5ebhj0bh7] {
    color: var(--cm-status-error);
    font-size: var(--cm-text-sm);
}

/* Field */
.cm-input__field[b-v5ebhj0bh7] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Base input */
.cm-input[b-v5ebhj0bh7] {
    flex: 1;
    width: 100%;
    min-height: 40px;
    padding: var(--cm-space-sm) var(--cm-space-md);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-base);
    color: var(--cm-text-primary);
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    transition: all 0.2s ease;
}

.cm-input[b-v5ebhj0bh7]::placeholder {
    color: var(--cm-text-muted);
}

/* Variants */
.cm-input-wrapper--outlined .cm-input[b-v5ebhj0bh7] {
    background: var(--cm-bg-surface);
    border-color: var(--cm-border);
}

.cm-input-wrapper--filled .cm-input[b-v5ebhj0bh7] {
    background: var(--cm-bg-surface-alt);
    border-color: transparent;
}

.cm-input-wrapper--standard .cm-input[b-v5ebhj0bh7] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--cm-border);
    border-radius: 0;
}

/* States */
.cm-input:hover:not(:disabled):not(.cm-input--readonly)[b-v5ebhj0bh7] {
    border-color: var(--cm-border-strong);
}

.cm-input:focus[b-v5ebhj0bh7] {
    outline: none;
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 3px var(--cm-accent-muted);
}

.cm-input:focus-visible[b-v5ebhj0bh7] {
    outline: none;
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 3px var(--cm-accent-muted);
}

.cm-input:disabled[b-v5ebhj0bh7],
.cm-input[disabled][b-v5ebhj0bh7],
.cm-input[readonly][b-v5ebhj0bh7] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-muted);
    cursor: not-allowed;
    opacity: 0.6;
}

.cm-input[aria-invalid="true"][b-v5ebhj0bh7] {
    border-color: var(--cm-status-error);
}

.cm-input[aria-invalid="true"]:focus[b-v5ebhj0bh7] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* Readonly styling */
.cm-input--readonly[b-v5ebhj0bh7] {
    background: var(--cm-bg-surface-alt);
    cursor: default;
}

/* Icons */
.cm-input__icon[b-v5ebhj0bh7] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    color: var(--cm-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.cm-input__icon svg[b-v5ebhj0bh7] {
    width: 20px;
    height: 20px;
}

.cm-input__icon--start[b-v5ebhj0bh7] {
    left: 0;
    border-right: 1px solid var(--cm-border);
    padding-right: var(--cm-space-sm);
}

.cm-input__icon--end[b-v5ebhj0bh7] {
    right: 0;
    border-left: 1px solid var(--cm-border);
    padding-left: var(--cm-space-sm);
}

/* Padding for icons */
.cm-input__field:has(.cm-input__icon--start) .cm-input[b-v5ebhj0bh7] {
    padding-left: 48px;
}

.cm-input__field:has(.cm-input__icon--end) .cm-input[b-v5ebhj0bh7] {
    padding-right: 48px;
}

/* Clear button */
.cm-input__clear[b-v5ebhj0bh7] {
    position: absolute;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--cm-radius-sm);
    border: none;
    background: transparent;
    color: var(--cm-text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 1;
}

.cm-input__clear:hover[b-v5ebhj0bh7] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-primary);
}

.cm-input__clear:focus-visible[b-v5ebhj0bh7] {
    outline: 2px solid var(--cm-accent);
    outline-offset: 2px;
}

.cm-input__clear svg[b-v5ebhj0bh7] {
    width: 16px;
    height: 16px;
}

/* Error */
.cm-input__error[b-v5ebhj0bh7] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs);
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-sm);
    color: var(--cm-status-error);
}

.cm-input__error svg[b-v5ebhj0bh7] {
    flex-shrink: 0;
}

/* Help text */
.cm-input__help[b-v5ebhj0bh7] {
    display: block;
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-sm);
    color: var(--cm-text-muted);
}

/* Counter */
.cm-input__counter[b-v5ebhj0bh7] {
    display: block;
    text-align: right;
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-xs);
    color: var(--cm-text-muted);
    font-family: var(--cm-font-mono);
}

/* Field wrapper */
.cm-input__field[b-v5ebhj0bh7] {
    position: relative;
    width: 100%;
}

/* Wrapper variants */
.cm-input-wrapper--filled .cm-input[b-v5ebhj0bh7] {
    background: var(--cm-bg-surface-alt);
    border-color: transparent;
}

.cm-input-wrapper--filled .cm-input:focus[b-v5ebhj0bh7] {
    background: var(--cm-bg-surface);
    border-color: var(--cm-accent);
}

.cm-input-wrapper--standard .cm-input[b-v5ebhj0bh7] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--cm-border);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.cm-input-wrapper--standard .cm-input:focus[b-v5ebhj0bh7] {
    border-bottom-color: var(--cm-accent);
    box-shadow: 0 2px 0 var(--cm-accent);
}

/* Error state for standard variant */
.cm-input-wrapper--standard .cm-input[aria-invalid="true"][b-v5ebhj0bh7] {
    border-bottom-color: var(--cm-status-error);
}

.cm-input-wrapper--standard .cm-input[aria-invalid="true"]:focus[b-v5ebhj0bh7] {
    box-shadow: 0 2px 0 var(--cm-status-error);
}

/* Input wrapper */
.cm-input__field[b-v5ebhj0bh7] {
    position: relative;
    width: 100%;
}

/* Responsive */
@media (max-width: 640px) {
    .cm-input[b-v5ebhj0bh7] {
        min-height: 44px;
        font-size: 16px; /* Prevents zoom on iOS */
    }
}
/* /Components/CmInstagramAccountSelector.razor.rz.scp.css */
.cm-instagram-selector[b-wsqslpv777] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cm-instagram-selector__header[b-wsqslpv777] {
    display: flex;
    align-items: center;
}

.cm-instagram-selector__label[b-wsqslpv777] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-instagram-selector__select-wrapper[b-wsqslpv777] {
    width: 100%;
}

.cm-instagram-selector__select[b-wsqslpv777] {
    width: 100%;
    padding: 10px 14px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    color: var(--cm-text-primary);
    font-size: 0.875rem;
    outline: none;
    transition: all var(--cm-transition-fast);
}

.cm-instagram-selector__select:focus[b-wsqslpv777] {
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cm-accent) 20%, transparent);
}

.cm-instagram-selector__new-box[b-wsqslpv777],
.cm-instagram-selector__existing-box[b-wsqslpv777] {
    padding: 16px;
    background-color: var(--cm-bg-base);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cm-instagram-selector__box-title[b-wsqslpv777] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-accent);
    margin: 0;
}

.cm-instagram-selector__form-grid[b-wsqslpv777] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cm-form-group[b-wsqslpv777] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-form-label[b-wsqslpv777] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cm-text-secondary);
}

.cm-form-input[b-wsqslpv777] {
    width: 100%;
    padding: 8px 12px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm);
    color: var(--cm-text-primary);
    font-size: 0.8125rem;
    outline: none;
}

.cm-form-input:focus[b-wsqslpv777] {
    border-color: var(--cm-accent);
}

.cm-instagram-selector__hint[b-wsqslpv777] {
    font-size: 0.75rem;
    color: var(--cm-text-muted);
    margin: 0;
    line-height: 1.4;
}

.cm-instagram-selector__readonly-grid[b-wsqslpv777] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.cm-readonly-label[b-wsqslpv777] {
    display: block;
    font-size: 0.6875rem;
    text-transform: uppercase;
    color: var(--cm-text-secondary);
}

.cm-readonly-value[b-wsqslpv777] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

@media (max-width: 600px) {
    .cm-instagram-selector__form-grid[b-wsqslpv777],
    .cm-instagram-selector__readonly-grid[b-wsqslpv777] {
        grid-template-columns: 1fr;
    }
}
/* /Components/CmInstagramPreviewDialog.razor.rz.scp.css */
.cm-ig-preview-dialog[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    font-family: var(--cm-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}

/* Target Account Banner */
.cm-ig-account-banner[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    margin-bottom: 12px;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: var(--cm-radius-md, 8px);
    font-size: 0.85rem;
    color: var(--cm-text-primary, #f8fafc);
}

.cm-ig-account-banner svg[b-y0jhk6t3uz] {
    color: var(--cm-accent, #3b82f6);
    flex-shrink: 0;
}

.cm-ig-account-banner strong[b-y0jhk6t3uz] {
    color: var(--cm-accent, #3b82f6);
    font-family: var(--cm-font-mono, monospace);
    font-weight: 600;
}

/* Loading State */
.cm-ig-loading[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cm-space-2xl, 3rem) var(--cm-space-md, 1rem);
    gap: var(--cm-space-md, 1rem);
    color: var(--cm-text-secondary, #94a3b8);
}

.cm-ig-loading__text[b-y0jhk6t3uz] {
    font-size: 0.9rem;
}

/* Empty / Draft State */
.cm-ig-empty-state[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--cm-space-xl, 2rem) var(--cm-space-md, 1rem);
    background: var(--cm-bg-surface-alt, #1a2234);
    border: 1px dashed var(--cm-border, rgba(148, 163, 184, 0.2));
    border-radius: var(--cm-radius-md, 8px);
}

.cm-ig-empty-icon[b-y0jhk6t3uz] {
    color: var(--cm-accent, #3398DC);
    margin-bottom: var(--cm-space-sm, 0.5rem);
}

.cm-ig-empty-title[b-y0jhk6t3uz] {
    margin: 0 0 var(--cm-space-xs, 0.25rem) 0;
    font-family: var(--cm-font-display, inherit);
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--cm-text-primary, #f8fafc);
}

.cm-ig-empty-desc[b-y0jhk6t3uz] {
    margin: 0 0 var(--cm-space-md, 1rem) 0;
    font-size: 0.875rem;
    color: var(--cm-text-secondary, #94a3b8);
    line-height: 1.5;
    max-width: 360px;
}

.cm-ig-empty-actions[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cm-space-sm, 0.5rem);
}

/* Instagram Card */
.cm-ig-card[b-y0jhk6t3uz] {
    background: #ffffff;
    color: #262626;
    border: 1px solid #dbdbdb;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
}

/* Header */
.cm-ig-header[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid #efefef;
    background: #ffffff;
}

.cm-ig-user[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cm-ig-avatar-ring[b-y0jhk6t3uz] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-ig-avatar-inner[b-y0jhk6t3uz] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #262626;
    color: #ffffff;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 13px;
    font-weight: 700;
}

.cm-ig-avatar-inner img[b-y0jhk6t3uz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cm-ig-user-meta[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.cm-ig-username[b-y0jhk6t3uz] {
    font-weight: 600;
    font-size: 13.5px;
    color: #262626;
}

.cm-ig-location[b-y0jhk6t3uz] {
    font-size: 11px;
    color: #8e8e8e;
}

.cm-ig-more-btn[b-y0jhk6t3uz] {
    background: transparent;
    border: none;
    color: #262626;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: opacity 0.15s ease;
}

.cm-ig-more-btn:hover[b-y0jhk6t3uz] {
    opacity: 0.6;
}

/* Media Viewport */
.cm-ig-media-wrapper[b-y0jhk6t3uz] {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #121212;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cm-ig-media-item[b-y0jhk6t3uz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cm-ig-media-placeholder[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    gap: 12px;
    color: #8e8e8e;
    background: #fafafa;
    width: 100%;
    height: 100%;
    text-align: center;
}

.cm-ig-placeholder-text[b-y0jhk6t3uz] {
    font-size: 12px;
    color: #8e8e8e;
    max-width: 220px;
}

/* Carousel Overlay Elements */
.cm-ig-slide-badge[b-y0jhk6t3uz] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(18, 18, 18, 0.72);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 12px;
    backdrop-filter: blur(4px);
    z-index: 2;
    letter-spacing: 0.3px;
}

.cm-ig-nav-btn[b-y0jhk6t3uz] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    transition: background 0.15s ease, transform 0.15s ease;
}

.cm-ig-nav-btn:hover[b-y0jhk6t3uz] {
    background: #ffffff;
    transform: translateY(-50%) scale(1.08);
}

.cm-ig-nav-btn--prev[b-y0jhk6t3uz] {
    left: 10px;
}

.cm-ig-nav-btn--next[b-y0jhk6t3uz] {
    right: 10px;
}

.cm-ig-dots[b-y0jhk6t3uz] {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
    z-index: 2;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    backdrop-filter: blur(2px);
}

.cm-ig-dot[b-y0jhk6t3uz] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cm-ig-dot--active[b-y0jhk6t3uz] {
    background: #0095f6;
    transform: scale(1.25);
}

/* Actions Bar */
.cm-ig-actions[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px 6px;
}

.cm-ig-actions-left[b-y0jhk6t3uz],
.cm-ig-actions-right[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cm-ig-action-btn[b-y0jhk6t3uz] {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #262626;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.cm-ig-action-btn:hover[b-y0jhk6t3uz] {
    opacity: 0.65;
}

.cm-ig-action-btn--liked[b-y0jhk6t3uz] {
    animation: cm-ig-heart-pulse-b-y0jhk6t3uz 0.25s ease-out;
}

@keyframes cm-ig-heart-pulse-b-y0jhk6t3uz {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

/* Likes Row */
.cm-ig-likes-row[b-y0jhk6t3uz] {
    padding: 0 14px 6px;
    font-size: 13px;
    color: #262626;
}

/* Caption Block */
.cm-ig-caption-block[b-y0jhk6t3uz] {
    padding: 0 14px 6px;
    font-size: 13.5px;
    line-height: 1.4;
    word-break: break-word;
}

.cm-ig-caption-user[b-y0jhk6t3uz] {
    font-weight: 600;
    color: #262626;
    margin-right: 6px;
}

.cm-ig-caption-text[b-y0jhk6t3uz] {
    white-space: pre-wrap;
    color: #262626;
}

.cm-ig-hashtags[b-y0jhk6t3uz] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 6px;
}

.cm-ig-hashtag[b-y0jhk6t3uz] {
    color: #0095f6;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
}

.cm-ig-hashtag:hover[b-y0jhk6t3uz] {
    text-decoration: underline;
}

/* Timestamp */
.cm-ig-time[b-y0jhk6t3uz] {
    padding: 2px 14px 12px;
    font-size: 10px;
    color: #8e8e8e;
    letter-spacing: 0.3px;
    font-weight: 500;
}

/* Footer Close Action */
.cm-ig-footer[b-y0jhk6t3uz] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--cm-space-md, 1rem);
}

/* ==========================================================================
   Human In The Loop (HITL) Review Panel
   ========================================================================== */
.cm-hitl-panel[b-y0jhk6t3uz] {
    margin-top: var(--cm-space-lg, 1.25rem);
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-md, 1rem);
}

.cm-hitl-header[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--cm-space-xs, 0.25rem);
    border-bottom: 1px solid var(--cm-border, rgba(148, 163, 184, 0.2));
}

.cm-hitl-title-box[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs, 0.5rem);
}

.cm-hitl-icon[b-y0jhk6t3uz] {
    color: var(--cm-accent, #3398DC);
}

.cm-hitl-title[b-y0jhk6t3uz] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--cm-text-primary, #f8fafc);
}

/* Alerts */
.cm-hitl-alert[b-y0jhk6t3uz] {
    padding: var(--cm-space-md, 0.875rem);
    border-radius: var(--cm-radius-md, 8px);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-hitl-alert--warning[b-y0jhk6t3uz] {
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: var(--cm-status-warning, #f59e0b);
}

.cm-hitl-alert__title[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 0.85rem;
}

.cm-hitl-alert__text[b-y0jhk6t3uz] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--cm-text-primary, #f8fafc);
    line-height: 1.4;
}

.cm-hitl-alert__caption[b-y0jhk6t3uz] {
    font-size: 0.75rem;
    color: var(--cm-text-secondary, #94a3b8);
}

/* Status alerts for approved/rejected */
.cm-hitl-status-alert[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-sm, 0.5rem);
    padding: var(--cm-space-md, 0.875rem);
    border-radius: var(--cm-radius-md, 8px);
    font-size: 0.85rem;
    font-weight: 500;
}

.cm-hitl-status-alert--success[b-y0jhk6t3uz] {
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.3);
    color: var(--cm-status-success, #10b981);
}

.cm-hitl-status-alert--error[b-y0jhk6t3uz] {
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: var(--cm-status-error, #ef4444);
}

.cm-hitl-status-alert--info[b-y0jhk6t3uz] {
    background: var(--cm-bg-surface-alt, #1a2234);
    border: 1px solid var(--cm-border, rgba(148, 163, 184, 0.2));
    color: var(--cm-text-secondary, #94a3b8);
}

/* Main Action Bar */
.cm-hitl-actions[b-y0jhk6t3uz] {
    display: flex;
    gap: var(--cm-space-sm, 0.5rem);
    flex-wrap: wrap;
}

.cm-hitl-actions .cm-btn[b-y0jhk6t3uz],
.cm-hitl-actions[b-y0jhk6t3uz]  .cm-btn {
    flex: 1;
    min-width: 140px;
}

.cm-hitl-actions .cm-hitl-btn-primary[b-y0jhk6t3uz],
.cm-hitl-actions[b-y0jhk6t3uz]  .cm-hitl-btn-primary {
    flex: 2;
    min-width: 180px;
}

/* Button Custom Styles */
.cm-btn--success-green[b-y0jhk6t3uz] {
    background: #10b981;
    color: #ffffff;
    border-color: #10b981;
}

.cm-btn--success-green:hover:not(:disabled)[b-y0jhk6t3uz] {
    background: #059669;
    border-color: #059669;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.3);
}

.cm-btn--danger-outline[b-y0jhk6t3uz] {
    background: transparent;
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.4);
}

.cm-btn--danger-outline:hover:not(:disabled)[b-y0jhk6t3uz] {
    background: rgba(239, 68, 68, 0.1);
    border-color: #ef4444;
}

.cm-btn--danger-solid[b-y0jhk6t3uz] {
    background: #ef4444;
    color: #ffffff;
    border-color: #ef4444;
}

.cm-btn--danger-solid:hover:not(:disabled)[b-y0jhk6t3uz] {
    background: #dc2626;
    border-color: #dc2626;
}

.cm-btn--info-solid[b-y0jhk6t3uz] {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

.cm-btn--info-solid:hover:not(:disabled)[b-y0jhk6t3uz] {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

/* Interactive HITL Sub-Boxes (Forms) */
.cm-hitl-box[b-y0jhk6t3uz] {
    padding: var(--cm-space-md, 1rem);
    border-radius: var(--cm-radius-md, 8px);
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-sm, 0.75rem);
}

.cm-hitl-box--danger[b-y0jhk6t3uz] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.cm-hitl-box--info[b-y0jhk6t3uz] {
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.3);
}

.cm-hitl-box--edit[b-y0jhk6t3uz] {
    background: var(--cm-bg-surface-alt, #1a2234);
    border: 1px solid var(--cm-border, rgba(148, 163, 184, 0.2));
}

.cm-hitl-box__question[b-y0jhk6t3uz] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--cm-text-primary, #f8fafc);
}

.cm-hitl-actions-wrap[b-y0jhk6t3uz] {
    display: flex;
    gap: var(--cm-space-xs, 0.5rem);
    flex-wrap: wrap;
}

.cm-hitl-box__header[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs, 0.5rem);
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--cm-text-primary, #f8fafc);
}

.cm-hitl-box__header--between[b-y0jhk6t3uz] {
    justify-content: space-between;
}

.cm-hitl-box__title-row[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs, 0.5rem);
    color: var(--cm-accent, #3398DC);
}

.cm-hitl-box__footer[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--cm-space-xs, 0.5rem);
    margin-top: var(--cm-space-xs, 0.25rem);
}

/* Radio Group */
.cm-hitl-radio-group[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-hitl-radio-label[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--cm-radius-sm, 6px);
    background: var(--cm-bg-surface, #121826);
    border: 1px solid var(--cm-border, rgba(148, 163, 184, 0.2));
    font-size: 0.8rem;
    color: var(--cm-text-primary, #f8fafc);
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
}

.cm-hitl-radio-label:hover[b-y0jhk6t3uz] {
    border-color: var(--cm-accent, #3398DC);
}

.cm-hitl-radio-label.active[b-y0jhk6t3uz] {
    border-color: var(--cm-accent, #3398DC);
    background: var(--cm-accent-muted, rgba(51, 152, 220, 0.15));
}

.cm-hitl-radio-label input[type="radio"][b-y0jhk6t3uz] {
    accent-color: var(--cm-accent, #3398DC);
    cursor: pointer;
}

/* Fields & Inputs */
.cm-hitl-field[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-hitl-label[b-y0jhk6t3uz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cm-text-secondary, #94a3b8);
}

.cm-hitl-input[b-y0jhk6t3uz],
.cm-hitl-textarea[b-y0jhk6t3uz] {
    width: 100%;
    padding: 8px 10px;
    background: var(--cm-bg-surface, #121826);
    border: 1px solid var(--cm-border, rgba(148, 163, 184, 0.25));
    border-radius: var(--cm-radius-sm, 6px);
    color: var(--cm-text-primary, #f8fafc);
    font-family: var(--cm-font-body, inherit);
    font-size: 0.825rem;
    box-sizing: border-box;
    transition: border-color 0.15s;
}

.cm-hitl-input--sm[b-y0jhk6t3uz] {
    padding: 6px 8px;
    font-size: 0.8rem;
}

.cm-hitl-input:focus[b-y0jhk6t3uz],
.cm-hitl-textarea:focus[b-y0jhk6t3uz] {
    outline: none;
    border-color: var(--cm-accent, #3398DC);
}

.cm-hitl-textarea[b-y0jhk6t3uz] {
    resize: vertical;
    line-height: 1.4;
}

/* Images Manager Header */
.cm-hitl-media-header[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--cm-space-xs, 0.25rem);
}

.cm-hitl-media-title[b-y0jhk6t3uz] {
    display: block;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--cm-text-primary, #f8fafc);
}

.cm-hitl-media-subtitle[b-y0jhk6t3uz] {
    display: block;
    font-size: 0.7rem;
    color: var(--cm-text-secondary, #94a3b8);
}

/* Images List */
.cm-hitl-images-list[b-y0jhk6t3uz] {
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 6px;
    background: var(--cm-bg-surface, #121826);
    border: 1px solid var(--cm-border, rgba(148, 163, 184, 0.2));
    border-radius: var(--cm-radius-md, 8px);
}

.cm-hitl-images-empty[b-y0jhk6t3uz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--cm-space-md, 1rem);
    text-align: center;
    gap: 8px;
    font-size: 0.8rem;
    color: var(--cm-text-secondary, #94a3b8);
}

.cm-hitl-image-row[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px;
    background: var(--cm-bg-surface-alt, #1a2234);
    border: 1px solid var(--cm-border, rgba(148, 163, 184, 0.15));
    border-radius: var(--cm-radius-sm, 6px);
    transition: border-color 0.15s;
}

.cm-hitl-image-row--error[b-y0jhk6t3uz] {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.06);
}

.cm-hitl-slide-badge[b-y0jhk6t3uz] {
    font-size: 10.5px;
    font-weight: 700;
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    padding: 3px 6px;
    border-radius: 4px;
    min-width: 24px;
    text-align: center;
    flex-shrink: 0;
}

.cm-hitl-thumb-box[b-y0jhk6t3uz] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: #000000;
    border: 1px solid var(--cm-border, rgba(148, 163, 184, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.cm-hitl-thumb-img[b-y0jhk6t3uz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cm-hitl-image-input-wrap[b-y0jhk6t3uz] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cm-hitl-input-error[b-y0jhk6t3uz] {
    font-size: 10px;
    color: #ef4444;
    margin-top: 2px;
}

.cm-hitl-image-actions[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.cm-hitl-icon-btn[b-y0jhk6t3uz] {
    background: transparent;
    border: none;
    color: var(--cm-text-secondary, #94a3b8);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, background-color 0.15s;
}

.cm-hitl-icon-btn:hover:not(:disabled)[b-y0jhk6t3uz] {
    color: var(--cm-text-primary, #f8fafc);
    background: rgba(148, 163, 184, 0.15);
}

.cm-hitl-icon-btn:disabled[b-y0jhk6t3uz] {
    opacity: 0.3;
    cursor: not-allowed;
}

.cm-hitl-icon-btn--danger:hover[b-y0jhk6t3uz] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.15);
}

/* ==========================================================================
   Instagram Reel Player (Vertical 9:16 Smartphone Mockup)
   ========================================================================== */

/* Aspect Ratio Warning Alert */
.cm-ig-aspect-warning[b-y0jhk6t3uz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 16px;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: var(--cm-radius-md, 8px);
    color: #fbbf24;
    font-size: 0.85rem;
    line-height: 1.4;
}

.cm-ig-aspect-warning svg[b-y0jhk6t3uz] {
    flex-shrink: 0;
    margin-top: 1px;
}

.cm-ig-aspect-warning__content strong[b-y0jhk6t3uz] {
    display: block;
    font-size: 0.88rem;
    font-weight: 600;
    margin-bottom: 2px;
}

.cm-ig-aspect-warning__content p[b-y0jhk6t3uz] {
    margin: 0;
    color: rgba(251, 191, 36, 0.9);
}

/* Reel Phone Mockup */
.cm-reel-phone-mock[b-y0jhk6t3uz] {
    position: relative;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    background: #000000;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.08);
    border: 4px solid #1e293b;
    user-select: none;
}

/* Top bar with Reel badge and 9:16 tag */
.cm-reel-top-bar[b-y0jhk6t3uz] {
    position: absolute;
    top: 14px;
    left: 16px;
    right: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    pointer-events: none;
}

.cm-reel-badge[b-y0jhk6t3uz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    letter-spacing: -0.3px;
}

.cm-reel-ratio-badge[b-y0jhk6t3uz] {
    background: rgba(0, 0, 0, 0.55);
    color: #38bdf8;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.3);
    backdrop-filter: blur(4px);
}

/* Video Viewport: 9:16 Full Bleed */
.cm-reel-viewport[b-y0jhk6t3uz] {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    max-height: 640px;
    background: #050505;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cm-reel-video[b-y0jhk6t3uz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #000000;
}

/* Vertical Action Buttons on the Right */
.cm-reel-actions-column[b-y0jhk6t3uz] {
    position: absolute;
    right: 12px;
    bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    z-index: 10;
}

.cm-reel-action-btn[b-y0jhk6t3uz] {
    background: transparent;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 0;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.cm-reel-action-btn:hover[b-y0jhk6t3uz] {
    transform: scale(1.1);
}

.cm-reel-action-icon[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6));
}

.cm-reel-action-label[b-y0jhk6t3uz] {
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.cm-reel-action-btn--liked .cm-reel-action-label[b-y0jhk6t3uz] {
    color: #ed4956;
}

/* Spinning Audio Disc */
.cm-reel-audio-disc[b-y0jhk6t3uz] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.85);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1e1e1e;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    animation: cm-reel-spin-b-y0jhk6t3uz 5s linear infinite;
}

.cm-reel-audio-disc img[b-y0jhk6t3uz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cm-reel-audio-disc span[b-y0jhk6t3uz] {
    font-size: 12px;
}

@keyframes cm-reel-spin-b-y0jhk6t3uz {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Bottom Overlay with Author and Caption */
.cm-reel-overlay-bottom[b-y0jhk6t3uz] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 56px;
    padding: 36px 14px 14px 14px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.45) 60%, transparent 100%);
    z-index: 9;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    pointer-events: auto;
}

.cm-reel-user-row[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cm-reel-avatar[b-y0jhk6t3uz] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #262626;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.cm-reel-avatar img[b-y0jhk6t3uz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cm-reel-username[b-y0jhk6t3uz] {
    font-size: 13.5px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.2px;
}

.cm-reel-follow-chip[b-y0jhk6t3uz] {
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 6px;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    transition: background-color 0.15s;
}

.cm-reel-follow-chip:hover[b-y0jhk6t3uz] {
    background: rgba(255, 255, 255, 0.25);
}

.cm-reel-caption-wrap[b-y0jhk6t3uz] {
    cursor: pointer;
    max-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12.5px;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.95);
    transition: max-height 0.25s ease, background 0.2s ease;
}

.cm-reel-caption-wrap--expanded[b-y0jhk6t3uz] {
    max-height: 180px;
    overflow-y: auto;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 10px;
    border-radius: 8px;
    backdrop-filter: blur(6px);
}

.cm-reel-caption-text[b-y0jhk6t3uz] {
    margin: 0;
    word-break: break-word;
}

.cm-reel-hashtags[b-y0jhk6t3uz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.cm-reel-hashtag[b-y0jhk6t3uz] {
    color: #60a5fa;
    font-weight: 500;
    font-size: 12px;
}

.cm-reel-audio-row[b-y0jhk6t3uz] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
}


/* /Components/CmJobFlowStatusDialog.razor.rz.scp.css */
.cm-job-flow-dialog[b-eqclpzt7d3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 650px;
    width: 100%;
}

.cm-job-flow-dialog__header[b-eqclpzt7d3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--cm-border);
}

.cm-job-flow-dialog__title[b-eqclpzt7d3] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-job-flow-dialog__job-id[b-eqclpzt7d3] {
    font-size: 0.75rem;
    color: var(--cm-text-muted);
}

.cm-job-flow-dialog__topic-card[b-eqclpzt7d3] {
    padding: 12px 16px;
    background-color: var(--cm-bg-base);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
}

.cm-job-flow-dialog__topic-label[b-eqclpzt7d3] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cm-accent);
}

.cm-job-flow-dialog__topic-text[b-eqclpzt7d3] {
    font-size: 0.875rem;
    color: var(--cm-text-primary);
    margin: 4px 0 0;
}

.cm-job-flow-dialog__loading[b-eqclpzt7d3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 0;
    color: var(--cm-text-secondary);
    font-size: 0.875rem;
}

.cm-job-flow-dialog__timeline[b-eqclpzt7d3] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 8px 0;
}

.cm-timeline-item[b-eqclpzt7d3] {
    display: flex;
    gap: 16px;
    min-height: 64px;
}

.cm-timeline-item__indicator[b-eqclpzt7d3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24px;
    flex-shrink: 0;
}

.cm-timeline-item__dot[b-eqclpzt7d3] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--cm-border);
    margin-top: 4px;
    z-index: 1;
}

.cm-timeline-item__line[b-eqclpzt7d3] {
    width: 2px;
    flex-grow: 1;
    background-color: var(--cm-border);
    margin: 4px 0;
}

.cm-timeline-item:last-child .cm-timeline-item__line[b-eqclpzt7d3] {
    display: none;
}

.cm-timeline-item--completed .cm-timeline-item__dot[b-eqclpzt7d3] {
    background-color: var(--cm-color-success, #10b981);
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
}

.cm-timeline-item--completed .cm-timeline-item__line[b-eqclpzt7d3] {
    background-color: var(--cm-color-success, #10b981);
}

.cm-timeline-item--running .cm-timeline-item__dot[b-eqclpzt7d3] {
    background-color: var(--cm-accent);
    box-shadow: 0 0 10px rgba(99, 102, 241, 0.6);
    animation: pulse-b-eqclpzt7d3 1.5s infinite;
}

.cm-timeline-item--failed .cm-timeline-item__dot[b-eqclpzt7d3] {
    background-color: var(--cm-color-error, #ef4444);
}

@keyframes pulse-b-eqclpzt7d3 {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

.cm-timeline-item__content[b-eqclpzt7d3] {
    flex-grow: 1;
    padding-bottom: 16px;
}

.cm-timeline-item__top[b-eqclpzt7d3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.cm-timeline-item__title[b-eqclpzt7d3] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-timeline-item__meta[b-eqclpzt7d3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cm-timeline-item__duration[b-eqclpzt7d3] {
    font-size: 0.75rem;
    color: var(--cm-text-secondary);
}

.cm-timeline-item__progress[b-eqclpzt7d3] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    margin: 4px 0 0;
}

.cm-timeline-item__error[b-eqclpzt7d3] {
    font-size: 0.8125rem;
    color: var(--cm-color-error, #ef4444);
    font-weight: 600;
    margin: 4px 0 0;
}

.cm-job-flow-dialog__actions[b-eqclpzt7d3] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--cm-border);
}

.cm-job-flow-dialog__token-box[b-eqclpzt7d3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid var(--cm-color-error, #ef4444);
    border-radius: var(--cm-radius-md);
    margin-bottom: 8px;
}

.cm-job-flow-dialog__token-title[b-eqclpzt7d3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--cm-color-error, #ef4444);
}

.cm-job-flow-dialog__token-desc[b-eqclpzt7d3] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    margin: 0;
    line-height: 1.4;
}

.cm-job-flow-dialog__token-input-group[b-eqclpzt7d3] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.cm-job-flow-dialog__token-input[b-eqclpzt7d3] {
    flex: 1;
    min-width: 260px;
    height: 38px;
    padding: 0 12px;
    border-radius: var(--cm-radius-sm);
    border: 1px solid var(--cm-border);
    background: var(--cm-bg-base);
    color: var(--cm-text-primary);
    font-size: 0.8125rem;
    font-family: monospace;
    outline: none;
    transition: border-color 0.2s;
}

.cm-job-flow-dialog__token-input:focus[b-eqclpzt7d3] {
    border-color: var(--cm-accent);
}
/* /Components/CmMonthView.razor.rz.scp.css */
.cm-month-view[b-b1g7h00j71] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.cm-month-view__headers[b-b1g7h00j71] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--cm-border);
}

.cm-month-view__header-cell[b-b1g7h00j71] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cm-text-secondary);
}

.cm-month-view__grid[b-b1g7h00j71] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}

.cm-month-view__cell[b-b1g7h00j71] {
    min-height: 90px;
    padding: 8px;
    border-radius: var(--cm-radius-md);
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all var(--cm-transition-fast);
    position: relative;
    user-select: none;
}

.cm-month-view__cell--empty[b-b1g7h00j71] {
    background: transparent;
    border-color: transparent;
    pointer-events: none;
}

.cm-month-view__cell--skeleton[b-b1g7h00j71] {
    height: 90px;
}

.cm-month-view__cell.is-past[b-b1g7h00j71] {
    opacity: 0.45;
}

.cm-month-view__cell.has-pubs[b-b1g7h00j71] {
    cursor: pointer;
    background-color: color-mix(in srgb, var(--cm-accent) 14%, var(--cm-bg-surface));
    border-color: color-mix(in srgb, var(--cm-accent) 30%, var(--cm-border));
}

.cm-month-view__cell.has-pubs:hover[b-b1g7h00j71] {
    background-color: color-mix(in srgb, var(--cm-accent) 26%, var(--cm-bg-surface));
    border-color: var(--cm-accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.cm-month-view__cell.is-today[b-b1g7h00j71] {
    border: 2px solid var(--cm-accent);
    background-color: color-mix(in srgb, var(--cm-accent) 20%, var(--cm-bg-surface));
}

.cm-month-view__cell.is-today.has-pubs[b-b1g7h00j71] {
    background-color: color-mix(in srgb, var(--cm-accent) 30%, var(--cm-bg-surface));
}

.cm-month-view__cell-top[b-b1g7h00j71] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cm-month-view__day-num[b-b1g7h00j71] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-month-view__cell.is-today .cm-month-view__day-num[b-b1g7h00j71] {
    color: var(--cm-accent);
    font-weight: 700;
}

.cm-month-view__badge[b-b1g7h00j71] {
    background-color: var(--cm-accent);
    color: #ffffff;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: var(--cm-radius-full, 9999px);
    line-height: 1.2;
}

.cm-month-view__dots[b-b1g7h00j71] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.cm-month-view__dot[b-b1g7h00j71] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
}

.cm-dot--green[b-b1g7h00j71] { background-color: var(--cm-color-success, #10b981); }
.cm-dot--amber[b-b1g7h00j71] { background-color: var(--cm-color-warning, #f59e0b); }
.cm-dot--yellow[b-b1g7h00j71] { background-color: #eab308; }
.cm-dot--blue[b-b1g7h00j71] { background-color: #3b82f6; }
.cm-dot--red[b-b1g7h00j71] { background-color: var(--cm-color-error, #ef4444); }
.cm-dot--gray[b-b1g7h00j71] { background-color: #9ca3af; }

.cm-month-view__more-dots[b-b1g7h00j71] {
    font-size: 0.6875rem;
    color: var(--cm-text-muted);
    font-weight: 600;
}

@media (max-width: 768px) {
    .cm-month-view__cell[b-b1g7h00j71] {
        min-height: 60px;
        padding: 4px;
    }
    .cm-month-view__dots[b-b1g7h00j71] {
        display: none;
    }
}
/* /Components/CmNewPublicationDialog.razor.rz.scp.css */
.cm-new-pub-dialog[b-uywnx88p83] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 680px;
    width: 100%;
}
/* /Components/CmPagination.razor.rz.scp.css */
.cm-pagination[b-xw7u9q8oyu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--cm-space-lg);
    padding: var(--cm-space-sm) var(--cm-space-md);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    color: var(--cm-text-secondary);
}

.cm-pagination__size[b-xw7u9q8oyu] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-sm);
}

.cm-pagination__select[b-xw7u9q8oyu] {
    background: transparent;
    color: var(--cm-text-primary);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm);
    padding: var(--cm-space-xs);
    outline: none;
}

.cm-pagination__select:focus[b-xw7u9q8oyu] {
    border-color: var(--cm-accent);
}

.cm-pagination__info[b-xw7u9q8oyu] {
    min-width: 100px;
    text-align: center;
}

.cm-pagination__actions[b-xw7u9q8oyu] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cm-pagination__btn[b-xw7u9q8oyu] {
    background: transparent;
    border: none;
    color: var(--cm-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cm-pagination__btn:hover:not(:disabled)[b-xw7u9q8oyu] {
    background: var(--cm-bg-elevated);
    color: var(--cm-text-primary);
}

.cm-pagination__btn:disabled[b-xw7u9q8oyu] {
    opacity: 0.3;
    cursor: not-allowed;
}

.cm-pagination__page[b-xw7u9q8oyu] {
    background: transparent;
    border: none;
    color: var(--cm-text-primary);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cm-pagination__page:hover:not(.cm-pagination__page--active)[b-xw7u9q8oyu] {
    background: var(--cm-bg-elevated);
}

.cm-pagination__page--active[b-xw7u9q8oyu] {
    background: var(--cm-accent);
    color: #fff;
    font-weight: 600;
}

.cm-pagination__ellipsis[b-xw7u9q8oyu] {
    width: 32px;
    text-align: center;
}
/* /Components/CmProgressCircular.razor.rz.scp.css */
.cm-progress-circular[b-afo1rfnyjl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cm-accent);
}

.cm-progress-circular__svg[b-afo1rfnyjl] {
    transform: rotate(-90deg);
}

.cm-progress-circular__circle[b-afo1rfnyjl] {
    stroke: currentColor;
    transition: stroke-dashoffset 0.3s ease;
}

/* Sizes */
.cm-progress-circular--sm[b-afo1rfnyjl] {
    width: 24px;
    height: 24px;
}

.cm-progress-circular--md[b-afo1rfnyjl] {
    width: 40px;
    height: 40px;
}

.cm-progress-circular--lg[b-afo1rfnyjl] {
    width: 64px;
    height: 64px;
}

/* Colors */
.cm-progress-circular--primary[b-afo1rfnyjl] {
    color: var(--cm-primary, var(--cm-accent));
}

.cm-progress-circular--secondary[b-afo1rfnyjl] {
    color: var(--cm-secondary, #6c757d);
}

.cm-progress-circular--accent[b-afo1rfnyjl] {
    color: var(--cm-accent);
}

.cm-progress-circular--success[b-afo1rfnyjl] {
    color: var(--cm-success, #2e7d32);
}

.cm-progress-circular--error[b-afo1rfnyjl] {
    color: var(--cm-error, #d32f2f);
}

/* Indeterminate animation */
.cm-progress-circular--indeterminate .cm-progress-circular__svg[b-afo1rfnyjl] {
    animation: cm-progress-circular-rotate-b-afo1rfnyjl 1.4s linear infinite;
}

.cm-progress-circular--indeterminate .cm-progress-circular__circle[b-afo1rfnyjl] {
    animation: cm-progress-circular-dash-b-afo1rfnyjl 1.4s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
}

@keyframes cm-progress-circular-rotate-b-afo1rfnyjl {
    100% {
        transform: rotate(270deg);
    }
}

@keyframes cm-progress-circular-dash-b-afo1rfnyjl {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
/* /Components/CmPublicationCard.razor.rz.scp.css */
.cm-pub-card[b-l0cayawbnw] {
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    padding: var(--cm-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
}

.cm-pub-card:hover[b-l0cayawbnw] {
    transform: translateY(-2px);
    box-shadow: var(--cm-shadow-sm);
    border-color: var(--cm-border-strong);
}

.cm-pub-card__header[b-l0cayawbnw] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs);
}

.cm-pub-card__status-indicator[b-l0cayawbnw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.cm-pub-card__status-indicator--success[b-l0cayawbnw] { background-color: var(--cm-status-success); }
.cm-pub-card__status-indicator--error[b-l0cayawbnw] { background-color: var(--cm-status-error); }
.cm-pub-card__status-indicator--warning[b-l0cayawbnw] { background-color: var(--cm-status-warning); }
.cm-pub-card__status-indicator--info[b-l0cayawbnw] { background-color: var(--cm-status-info); }
.cm-pub-card__status-indicator--publishing[b-l0cayawbnw] {
    background-color: var(--cm-accent, #6366f1);
    animation: cm-card-pulse-b-l0cayawbnw 1.5s infinite;
}

@keyframes cm-card-pulse-b-l0cayawbnw {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(99, 102, 241, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(99, 102, 241, 0);
    }
}

.cm-pub-card__time[b-l0cayawbnw] {
    font-family: var(--cm-font-mono);
    font-size: var(--cm-text-xs);
    color: var(--cm-text-secondary);
    margin-right: auto;
}

.cm-pub-card__chips[b-l0cayawbnw] {
    display: flex;
    gap: var(--cm-space-xs);
}

.cm-pub-card__topic[b-l0cayawbnw] {
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    font-weight: 500;
    color: var(--cm-text-primary);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cm-pub-card__meta[b-l0cayawbnw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.cm-pub-card__client[b-l0cayawbnw] {
    font-size: var(--cm-text-xs);
    color: var(--cm-text-muted);
}

.cm-pub-card__account[b-l0cayawbnw] {
    font-size: var(--cm-text-xs);
    font-weight: 600;
    color: var(--cm-accent, #3b82f6);
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 1px 6px;
    border-radius: var(--cm-radius-sm, 4px);
    display: inline-flex;
    align-items: center;
}
/* /Components/CmPublicationDetailDialog.razor.rz.scp.css */
.cm-pub-detail-dialog[b-b2k7x12tu1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cm-pub-detail-dialog__grid[b-b2k7x12tu1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.cm-pub-detail-dialog__field[b-b2k7x12tu1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-pub-detail-dialog__field--full[b-b2k7x12tu1] {
    grid-column: span 2;
}

.cm-pub-detail-dialog__label[b-b2k7x12tu1] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cm-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cm-pub-detail-dialog__val[b-b2k7x12tu1] {
    font-size: 0.875rem;
    color: var(--cm-text-primary);
}

.cm-pub-detail-dialog__val--mono[b-b2k7x12tu1] {
    font-family: var(--cm-font-mono, monospace);
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
}

.cm-pub-detail-dialog__actions[b-b2k7x12tu1] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--cm-border);
    flex-wrap: wrap;
}

.cm-pub-detail-dialog__published-badge[b-b2k7x12tu1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: rgba(16, 185, 129, 0.12);
    color: #34D399;
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: var(--cm-radius-md, 6px);
    font-size: 0.8125rem;
    font-weight: 600;
}

.cm-pub-detail-dialog__token-box[b-b2k7x12tu1] {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: var(--cm-radius-md, 8px);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cm-pub-detail-dialog__token-header[b-b2k7x12tu1] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #f59e0b;
}

.cm-pub-detail-dialog__token-title[b-b2k7x12tu1] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-pub-detail-dialog__token-desc[b-b2k7x12tu1] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    line-height: 1.4;
}

.cm-pub-detail-dialog__token-input-group[b-b2k7x12tu1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-pub-detail-dialog__token-input[b-b2k7x12tu1] {
    width: 100%;
    padding: 10px 14px;
    font-size: 0.875rem;
    font-family: var(--cm-font-mono, monospace);
    background: var(--cm-bg-input, rgba(0, 0, 0, 0.2));
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm, 6px);
    color: var(--cm-text-primary);
    outline: none;
    transition: border-color 0.2s;
}

.cm-pub-detail-dialog__token-input:focus[b-b2k7x12tu1] {
    border-color: var(--cm-primary);
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}

.cm-pub-detail-dialog__token-buttons[b-b2k7x12tu1] {
    display: flex;
    gap: 10px;
    align-items: center;
}
/* /Components/CmPublicationForm.razor.rz.scp.css */
.cm-pub-form[b-qp85284pew] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.cm-pub-form__section[b-qp85284pew] {
    width: 100%;
}

.cm-pub-form__row[b-qp85284pew] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.cm-pub-form__field[b-qp85284pew] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-pub-form__label[b-qp85284pew] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cm-text-secondary);
}

.cm-pub-form__label-row[b-qp85284pew] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cm-pub-form__link-btn[b-qp85284pew] {
    background: none;
    border: none;
    padding: 0;
    color: var(--cm-accent);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: opacity var(--cm-transition-fast);
}

.cm-pub-form__link-btn:hover[b-qp85284pew] {
    opacity: 0.8;
    text-decoration: underline;
}

.cm-pub-form__select[b-qp85284pew],
.cm-pub-form__input[b-qp85284pew] {
    width: 100%;
    padding: 10px 14px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    color: var(--cm-text-primary);
    font-size: 0.875rem;
    outline: none;
    transition: all var(--cm-transition-fast);
}

.cm-pub-form__select:focus[b-qp85284pew],
.cm-pub-form__input:focus[b-qp85284pew] {
    border-color: var(--cm-accent);
}

.cm-pub-form__input:disabled[b-qp85284pew] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .cm-pub-form__row[b-qp85284pew] {
        grid-template-columns: 1fr;
    }
}
/* /Components/CmPublicationItem.razor.rz.scp.css */
.cm-publication-item[b-vkilb3wtl0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 14px;
    border-radius: var(--cm-radius-md);
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    cursor: pointer;
    transition: transform var(--cm-transition-fast), border-color var(--cm-transition-fast), box-shadow var(--cm-transition-fast);
    outline: none;
}

.cm-publication-item:hover[b-vkilb3wtl0],
.cm-publication-item:focus-visible[b-vkilb3wtl0] {
    transform: translateY(-1px);
    border-color: var(--cm-accent);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.cm-publication-item__header[b-vkilb3wtl0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cm-publication-item__dot[b-vkilb3wtl0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.cm-dot--green[b-vkilb3wtl0] { background-color: var(--cm-color-success, #10b981); }
.cm-dot--purple[b-vkilb3wtl0] { background-color: #a855f7; }
.cm-dot--amber[b-vkilb3wtl0] { background-color: var(--cm-color-warning, #f59e0b); }
.cm-dot--yellow[b-vkilb3wtl0] { background-color: #eab308; }
.cm-dot--blue[b-vkilb3wtl0] { background-color: #3b82f6; }
.cm-dot--red[b-vkilb3wtl0] { background-color: var(--cm-color-error, #ef4444); }
.cm-dot--gray[b-vkilb3wtl0] { background-color: #9ca3af; }

.cm-publication-item__time[b-vkilb3wtl0] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cm-text-secondary);
}

.cm-publication-item__topic[b-vkilb3wtl0] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cm-text-primary);
    line-height: 1.4;
}

.cm-publication-item__meta[b-vkilb3wtl0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cm-publication-item__client[b-vkilb3wtl0] {
    font-size: 0.75rem;
    color: var(--cm-text-muted);
}

.cm-publication-item__account[b-vkilb3wtl0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cm-accent, #3b82f6);
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 1px 6px;
    border-radius: var(--cm-radius-sm, 4px);
    display: inline-flex;
    align-items: center;
}
/* /Components/CmPublishSelectedDialog.razor.rz.scp.css */
.cm-publish-selected-dialog[b-0msncfqttt] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cm-publish-selected-dialog__desc[b-0msncfqttt] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-publish-selected-dialog__select-field[b-0msncfqttt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-publish-selected-dialog__label[b-0msncfqttt] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-publish-selected-dialog__select[b-0msncfqttt] {
    width: 100%;
    padding: 10px 14px;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    color: var(--cm-text-primary);
    font-size: 0.875rem;
    outline: none;
}

.cm-publish-selected-dialog__select:focus[b-0msncfqttt] {
    border-color: var(--cm-accent);
}

.cm-publish-selected-dialog__card[b-0msncfqttt] {
    padding: 16px;
    background-color: var(--cm-bg-base);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
}

.cm-publish-selected-dialog__card-title[b-0msncfqttt] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin-top: 0;
    margin-bottom: 8px;
}

.cm-publish-selected-dialog__details[b-0msncfqttt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
}

.cm-publish-selected-dialog__token-box[b-0msncfqttt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid var(--cm-color-error, #ef4444);
    border-radius: var(--cm-radius-md);
}

.cm-publish-selected-dialog__token-title[b-0msncfqttt] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--cm-color-error, #ef4444);
}

.cm-publish-selected-dialog__token-desc[b-0msncfqttt] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    margin: 0;
    line-height: 1.4;
}

.cm-publish-selected-dialog__token-input-group[b-0msncfqttt] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.cm-publish-selected-dialog__token-input[b-0msncfqttt] {
    flex: 1;
    min-width: 240px;
    height: 38px;
    padding: 0 12px;
    border-radius: var(--cm-radius-sm);
    border: 1px solid var(--cm-border);
    background: var(--cm-bg-surface);
    color: var(--cm-text-primary);
    font-size: 0.8125rem;
    font-family: monospace;
    outline: none;
    transition: border-color 0.2s;
}

.cm-publish-selected-dialog__token-input:focus[b-0msncfqttt] {
    border-color: var(--cm-accent);
}
/* /Components/CmReconnectModal.razor.rz.scp.css */
.cm-reconnect-modal[b-vdfx7u3iuc] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

/* Blazor Server standard connection classes */
:global(#components-reconnect-modal.components-reconnect-show)[b-vdfx7u3iuc],
:global(#components-reconnect-modal.components-reconnect-failed)[b-vdfx7u3iuc],
:global(#components-reconnect-modal.components-reconnect-rejected)[b-vdfx7u3iuc] {
    display: flex !important;
}

.cm-reconnect-modal__card[b-vdfx7u3iuc] {
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-lg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    padding: 32px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.cm-reconnect-modal__icon[b-vdfx7u3iuc] {
    color: var(--cm-accent);
}

.cm-reconnect-modal__title[b-vdfx7u3iuc] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-reconnect-modal__desc[b-vdfx7u3iuc] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.cm-reconnect-modal__spinner[b-vdfx7u3iuc] {
    padding: 8px 0;
}

.cm-spinner-ring[b-vdfx7u3iuc] {
    width: 32px;
    height: 32px;
    border: 3px solid color-mix(in srgb, var(--cm-accent) 20%, transparent);
    border-top-color: var(--cm-accent);
    border-radius: 50%;
    animation: spin-b-vdfx7u3iuc 1s linear infinite;
}

@keyframes spin-b-vdfx7u3iuc {
    to { transform: rotate(360deg); }
}

.cm-reconnect-btn[b-vdfx7u3iuc] {
    display: inline-block;
    padding: 8px 16px;
    background-color: var(--cm-accent);
    color: #ffffff;
    font-weight: 600;
    border-radius: var(--cm-radius-md);
    text-decoration: none;
    transition: opacity var(--cm-transition-fast);
}

.cm-reconnect-btn:hover[b-vdfx7u3iuc] {
    opacity: 0.9;
}
/* /Components/CmReviewCheckpointDialog.razor.rz.scp.css */
.cm-checkpoint-dialog[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 820px;
    width: 100%;
    color: var(--cm-text-primary, #f1f5f9);
}

.cm-checkpoint-loading[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 60px 24px;
    text-align: center;
}

.cm-checkpoint-loading__text[b-yevacw8qjp] {
    font-size: 0.95rem;
    color: var(--cm-text-secondary, #94a3b8);
}

/* Header */
.cm-checkpoint-header[b-yevacw8qjp] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--cm-border, #334155);
}

.cm-checkpoint-header__icon-badge[b-yevacw8qjp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--cm-radius-md, 8px);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.25));
    color: var(--cm-warning, #f59e0b);
    flex-shrink: 0;
}

.cm-checkpoint-header__content[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.cm-checkpoint-header__title-row[b-yevacw8qjp] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.cm-checkpoint-header__title[b-yevacw8qjp] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cm-text-primary, #f1f5f9);
    margin: 0;
}

.cm-checkpoint-header__desc[b-yevacw8qjp] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary, #94a3b8);
    line-height: 1.45;
    margin: 0;
}

.cm-checkpoint-header__meta-chips[b-yevacw8qjp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    flex-wrap: wrap;
}

.cm-checkpoint-header__topic-chip[b-yevacw8qjp] {
    font-size: 0.8rem;
    color: var(--cm-text-secondary, #94a3b8);
    background: var(--cm-bg-subtle, rgba(255, 255, 255, 0.03));
    border: 1px solid var(--cm-border, #334155);
    padding: 3px 10px;
    border-radius: 9999px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px;
}

/* Alert */
.cm-checkpoint-alert[b-yevacw8qjp] {
    margin-bottom: 4px;
}

/* Callout */
.cm-checkpoint-callout[b-yevacw8qjp] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--cm-radius-sm, 6px);
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.25);
    color: var(--cm-text-secondary, #94a3b8);
    font-size: 0.85rem;
    line-height: 1.45;
}

.cm-checkpoint-callout__icon[b-yevacw8qjp] {
    color: var(--cm-primary, #6366f1);
    flex-shrink: 0;
    margin-top: 1px;
}

.cm-checkpoint-callout__text strong[b-yevacw8qjp] {
    color: var(--cm-text-primary, #f1f5f9);
}

/* Form Body */
.cm-checkpoint-body[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cm-checkpoint-field-group[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cm-checkpoint-field-header[b-yevacw8qjp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cm-checkpoint-label[b-yevacw8qjp] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cm-text-primary, #f1f5f9);
}

.cm-checkpoint-counter[b-yevacw8qjp],
.cm-checkpoint-badge-count[b-yevacw8qjp] {
    font-size: 0.775rem;
    color: var(--cm-text-muted, #64748b);
}

/* Designer Directives Box */
.cm-designer-box[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border-radius: var(--cm-radius-md, 8px);
    background: linear-gradient(145deg, rgba(139, 92, 246, 0.07), rgba(99, 102, 241, 0.03));
    border: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.cm-designer-box__header[b-yevacw8qjp] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cm-designer-box__icon[b-yevacw8qjp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--cm-radius-sm, 6px);
    background: rgba(139, 92, 246, 0.15);
    color: #a855f7;
    flex-shrink: 0;
}

.cm-designer-box__title-wrap[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-designer-box__title[b-yevacw8qjp] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #c084fc;
    margin: 0;
}

.cm-designer-box__subtitle[b-yevacw8qjp] {
    font-size: 0.825rem;
    color: var(--cm-text-secondary, #94a3b8);
    line-height: 1.4;
    margin: 0;
}

.cm-designer-box__content[b-yevacw8qjp] {
    margin-top: 4px;
}

/* Revision Box */
.cm-revision-box[b-yevacw8qjp] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border-radius: var(--cm-radius-md, 8px);
    background: rgba(239, 68, 68, 0.06);
    border: 1px solid rgba(239, 68, 68, 0.3);
    animation: cm-fade-in-b-yevacw8qjp 0.2s ease-out;
}

@keyframes cm-fade-in-b-yevacw8qjp {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cm-revision-box__header[b-yevacw8qjp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.cm-revision-box__icon[b-yevacw8qjp] {
    color: var(--cm-error, #ef4444);
    flex-shrink: 0;
    margin-top: 2px;
}

.cm-revision-box__title[b-yevacw8qjp] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cm-error, #ef4444);
    margin: 0;
}

.cm-revision-box__desc[b-yevacw8qjp] {
    font-size: 0.8rem;
    color: var(--cm-text-secondary, #94a3b8);
    margin: 2px 0 0 0;
}

.cm-revision-box__actions[b-yevacw8qjp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Footer Actions */
.cm-checkpoint-footer[b-yevacw8qjp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid var(--cm-border, #334155);
    gap: 16px;
    flex-wrap: wrap;
}

.cm-checkpoint-footer__left[b-yevacw8qjp] {
    display: flex;
    align-items: center;
}

.cm-checkpoint-footer__right[b-yevacw8qjp] {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media (max-width: 640px) {
    .cm-checkpoint-footer[b-yevacw8qjp] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .cm-checkpoint-footer__left[b-yevacw8qjp],
    .cm-checkpoint-footer__right[b-yevacw8qjp] {
        width: 100%;
        justify-content: stretch;
    }
    .cm-checkpoint-footer__right button[b-yevacw8qjp],
    .cm-checkpoint-footer__left button[b-yevacw8qjp] {
        flex: 1;
    }
}
/* /Components/CmSelect.razor.rz.scp.css */
.cm-select-wrapper[b-2cf9x1k9qs] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xs);
    width: 100%;
}

.cm-select__label[b-2cf9x1k9qs] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs);
    font-size: var(--cm-text-sm);
    font-weight: 500;
    color: var(--cm-text-primary);
}

.cm-select__required[b-2cf9x1k9qs] {
    color: var(--cm-status-error);
    font-size: var(--cm-text-sm);
}

.cm-select__field[b-2cf9x1k9qs] {
    position: relative;
    display: flex;
    align-items: center;
}

.cm-select[b-2cf9x1k9qs] {
    flex: 1;
    width: 100%;
    min-height: 40px;
    padding: var(--cm-space-sm) var(--cm-space-md);
    padding-right: 40px;
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-base);
    color: var(--cm-text-primary);
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    appearance: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.cm-select:hover:not(:disabled)[b-2cf9x1k9qs] {
    border-color: var(--cm-border-strong);
}

.cm-select:focus[b-2cf9x1k9qs] {
    outline: none;
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 3px var(--cm-accent-muted);
}

.cm-select:focus-visible[b-2cf9x1k9qs] {
    outline: none;
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 3px var(--cm-accent-muted);
}

.cm-select:disabled[b-2cf9x1k9qs] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-muted);
    cursor: not-allowed;
    opacity: 0.6;
}

.cm-select[aria-invalid="true"][b-2cf9x1k9qs] {
    border-color: var(--cm-status-error);
}

.cm-select[aria-invalid="true"]:focus[b-2cf9x1k9qs] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

/* Arrow icon */
.cm-select__field[b-2cf9x1k9qs] {
    position: relative;
    width: 100%;
}

.cm-select__field[b-2cf9x1k9qs]::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--cm-text-secondary);
    pointer-events: none;
}

.cm-select:focus + .cm-select__field[b-2cf9x1k9qs]::after {
    border-top-color: var(--cm-accent);
}

/* Error */
.cm-select__error[b-2cf9x1k9qs] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs);
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-sm);
    color: var(--cm-status-error);
}

.cm-select__error svg[b-2cf9x1k9qs] {
    flex-shrink: 0;
}

/* Help text */
.cm-select__help[b-2cf9x1k9qs] {
    display: block;
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-sm);
    color: var(--cm-text-muted);
}

/* Disabled state */
.cm-select:disabled[b-2cf9x1k9qs] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-muted);
    cursor: not-allowed;
    opacity: 0.6;
}

/* Variants */
.cm-select-wrapper--filled .cm-select[b-2cf9x1k9qs] {
    background: var(--cm-bg-surface-alt);
    border-color: transparent;
}

.cm-select-wrapper--filled .cm-select:focus[b-2cf9x1k9qs] {
    background: var(--cm-bg-surface);
    border-color: var(--cm-accent);
}

.cm-select-wrapper--standard .cm-select[b-2cf9x1k9qs] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--cm-border);
    border-radius: 0;
    padding-left: 0;
    padding-right: 24px;
}

.cm-select-wrapper--standard .cm-select:focus[b-2cf9x1k9qs] {
    border-bottom-color: var(--cm-accent);
    box-shadow: 0 2px 0 var(--cm-accent);
}

/* Error state for standard variant */
.cm-select-wrapper--standard .cm-select[aria-invalid="true"][b-2cf9x1k9qs] {
    border-bottom-color: var(--cm-status-error);
}

.cm-select-wrapper--standard .cm-select[aria-invalid="true"]:focus[b-2cf9x1k9qs] {
    box-shadow: 0 2px 0 var(--cm-status-error);
}

/* Disabled state */
.cm-select:disabled[b-2cf9x1k9qs] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-muted);
    cursor: not-allowed;
    opacity: 0.6;
}

/* Multi-select specific */
.cm-select[multiple][b-2cf9x1k9qs] {
    min-height: 100px;
    padding-right: var(--cm-space-md);
}
/* /Components/CmSkeleton.razor.rz.scp.css */
.cm-skeleton[b-4ww4yotjx5] {
    position: relative;
    overflow: hidden;
    background: var(--cm-bg-elevated);
}

.cm-skeleton[b-4ww4yotjx5]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.05) 20%,
        rgba(255, 255, 255, 0.1) 60%,
        rgba(255, 255, 255, 0)
    );
    animation: cm-shimmer-b-4ww4yotjx5 2s infinite;
}

@keyframes cm-shimmer-b-4ww4yotjx5 {
    100% {
        transform: translateX(100%);
    }
}

/* Variants */
.cm-skeleton--text[b-4ww4yotjx5] {
    height: 1em;
    border-radius: var(--cm-radius-sm);
    margin-bottom: var(--cm-space-xs);
}

.cm-skeleton--circular[b-4ww4yotjx5] {
    border-radius: 50%;
}

.cm-skeleton--rectangular[b-4ww4yotjx5] {
    border-radius: var(--cm-radius-md);
}

.cm-skeleton--card[b-4ww4yotjx5] {
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-md);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    padding: var(--cm-space-md);
}

.cm-skeleton--card[b-4ww4yotjx5]::after {
    display: none;
}

.cm-skeleton__img[b-4ww4yotjx5] {
    height: 150px;
    background: var(--cm-bg-elevated);
    border-radius: var(--cm-radius-sm);
    position: relative;
    overflow: hidden;
}

.cm-skeleton__img[b-4ww4yotjx5]::after,
.cm-skeleton__text[b-4ww4yotjx5]::after,
.cm-skeleton__grid-item[b-4ww4yotjx5]::after,
.cm-skeleton__table-row[b-4ww4yotjx5]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.05) 20%,
        rgba(255, 255, 255, 0.1) 60%,
        rgba(255, 255, 255, 0)
    );
    animation: cm-shimmer-b-4ww4yotjx5 2s infinite;
}

.cm-skeleton__content[b-4ww4yotjx5] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-sm);
}

.cm-skeleton__text[b-4ww4yotjx5] {
    height: 1em;
    background: var(--cm-bg-elevated);
    border-radius: var(--cm-radius-sm);
    position: relative;
    overflow: hidden;
}

.cm-skeleton__text--title[b-4ww4yotjx5] {
    width: 60%;
    height: 1.5em;
}

.cm-skeleton__text--short[b-4ww4yotjx5] {
    width: 40%;
}

.cm-skeleton--grid[b-4ww4yotjx5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--cm-space-md);
    background: transparent;
}

.cm-skeleton--grid[b-4ww4yotjx5]::after {
    display: none;
}

.cm-skeleton__grid-item[b-4ww4yotjx5] {
    height: 120px;
    background: var(--cm-bg-elevated);
    border-radius: var(--cm-radius-md);
    position: relative;
    overflow: hidden;
}

.cm-skeleton--table[b-4ww4yotjx5] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--cm-border);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
}

.cm-skeleton--table[b-4ww4yotjx5]::after {
    display: none;
}

.cm-skeleton__table-row[b-4ww4yotjx5] {
    height: 50px;
    background: var(--cm-bg-surface);
    position: relative;
    overflow: hidden;
}

.cm-skeleton__table-row--header[b-4ww4yotjx5] {
    background: var(--cm-bg-surface-alt);
}
/* /Components/CmStatCard.razor.rz.scp.css */
.cm-stat-card[b-o6hdwjm2dh] {
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-lg);
    padding: var(--cm-space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-md);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    cursor: default;
    height: 100%;
}

.cm-stat-card:hover[b-o6hdwjm2dh] {
    transform: translateY(-4px);
    box-shadow: var(--cm-shadow-md);
    border-color: var(--cm-border-strong);
}

.cm-stat-card--primary[b-o6hdwjm2dh] {
    border: 1px solid var(--cm-accent);
    background: var(--cm-bg-surface-alt);
    box-shadow: var(--cm-shadow-glow);
}

.cm-stat-card--primary:hover[b-o6hdwjm2dh] {
    border-color: var(--cm-accent-hover);
    box-shadow: 0 0 25px var(--cm-accent-glow);
}

.cm-stat-card__icon-wrapper[b-o6hdwjm2dh] {
    color: var(--cm-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--cm-accent-muted);
}

.cm-stat-card__content[b-o6hdwjm2dh] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xs);
}

.cm-stat-card__value[b-o6hdwjm2dh] {
    font-family: var(--cm-font-display);
    font-size: var(--cm-text-3xl);
    font-weight: 700;
    color: var(--cm-text-primary);
    line-height: 1.1;
}

.cm-stat-card__label[b-o6hdwjm2dh] {
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    color: var(--cm-text-secondary);
    font-weight: 500;
}
/* /Components/CmTable.razor.rz.scp.css */
.cm-table-container[b-o02f0s44a6] {
    width: 100%;
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    overflow: hidden;
}

.cm-table__toolbar[b-o02f0s44a6] {
    padding: var(--cm-space-md);
    border-bottom: 1px solid var(--cm-border);
    display: flex;
    justify-content: flex-end;
}

.cm-table__filter[b-o02f0s44a6] {
    background: var(--cm-bg-primary);
    border: 1px solid var(--cm-border-strong);
    color: var(--cm-text-primary);
    padding: var(--cm-space-sm) var(--cm-space-md);
    border-radius: var(--cm-radius-sm);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    outline: none;
    transition: border-color 0.2s;
    min-width: 250px;
}

.cm-table__filter:focus[b-o02f0s44a6] {
    border-color: var(--cm-accent);
}

.cm-table-responsive[b-o02f0s44a6] {
    overflow-x: auto;
}

.cm-table[b-o02f0s44a6] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    text-align: left;
}

.cm-table th[b-o02f0s44a6] {
    padding: var(--cm-space-md);
    color: var(--cm-text-secondary);
    font-weight: 600;
    border-bottom: 1px solid var(--cm-border);
    background: var(--cm-bg-surface-alt);
    cursor: default;
}

/* Add support for sortable headers */
[b-o02f0s44a6] .cm-table__sort-header {
    cursor: pointer;
    user-select: none;
    transition: color 0.2s;
}

[b-o02f0s44a6] .cm-table__sort-header:hover {
    color: var(--cm-text-primary);
}

.cm-table td[b-o02f0s44a6] {
    padding: var(--cm-space-md);
    color: var(--cm-text-primary);
    border-bottom: 1px solid var(--cm-border);
}

.cm-table tbody tr[b-o02f0s44a6] {
    transition: background-color 0.2s;
}

.cm-table tbody tr:hover[b-o02f0s44a6] {
    background-color: var(--cm-bg-elevated);
}

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

.cm-table__empty[b-o02f0s44a6] {
    text-align: center;
    padding: var(--cm-space-xl) !important;
    color: var(--cm-text-secondary);
}
/* /Components/CmTextarea.razor.rz.scp.css */
.cm-textarea-wrapper[b-54brq2jpzj] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xs);
    width: 100%;
}

.cm-textarea__label[b-54brq2jpzj] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs);
    font-size: var(--cm-text-sm);
    font-weight: 500;
    color: var(--cm-text-primary);
}

.cm-textarea__required[b-54brq2jpzj] {
    color: var(--cm-status-error);
    font-size: var(--cm-text-sm);
}

.cm-textarea__field[b-54brq2jpzj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.cm-textarea[b-54brq2jpzj] {
    width: 100%;
    min-height: 100px;
    padding: var(--cm-space-md);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-base);
    color: var(--cm-text-primary);
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    transition: all 0.2s ease;
    resize: vertical;
    font-family: var(--cm-font-body);
}

.cm-textarea[b-54brq2jpzj]::placeholder {
    color: var(--cm-text-muted);
}

.cm-textarea:hover:not(:disabled):not(.cm-textarea--readonly)[b-54brq2jpzj] {
    border-color: var(--cm-border-strong);
}

.cm-textarea:focus[b-54brq2jpzj] {
    outline: none;
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 3px var(--cm-accent-muted);
}

.cm-textarea:focus-visible[b-54brq2jpzj] {
    outline: none;
    border-color: var(--cm-accent);
    box-shadow: 0 0 0 3px var(--cm-accent-muted);
}

.cm-textarea:disabled[b-54brq2jpzj],
.cm-textarea[disabled][b-54brq2jpzj],
.cm-textarea[readonly][b-54brq2jpzj] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-muted);
    cursor: not-allowed;
    opacity: 0.6;
}

.cm-textarea[aria-invalid="true"][b-54brq2jpzj] {
    border-color: var(--cm-status-error);
}

.cm-textarea[aria-invalid="true"]:focus[b-54brq2jpzj] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

.cm-textarea--readonly[b-54brq2jpzj] {
    background: var(--cm-bg-surface-alt);
    cursor: default;
}

/* Icons */
.cm-textarea__icon[b-54brq2jpzj] {
    position: absolute;
    top: var(--cm-space-md);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 40px;
    color: var(--cm-text-secondary);
    pointer-events: none;
    flex-shrink: 0;
}

.cm-textarea__icon svg[b-54brq2jpzj] {
    width: 20px;
    height: 20px;
}

.cm-textarea__icon--start[b-54brq2jpzj] {
    left: 0;
    padding-right: var(--cm-space-sm);
}

.cm-textarea__icon--end[b-54brq2jpzj] {
    right: 0;
    padding-left: var(--cm-space-sm);
}

.cm-textarea__field:has(.cm-textarea__icon--start) .cm-textarea[b-54brq2jpzj] {
    padding-left: 48px;
}

.cm-textarea__field:has(.cm-textarea__icon--end) .cm-textarea[b-54brq2jpzj] {
    padding-right: 48px;
}

/* Error */
.cm-textarea__error[b-54brq2jpzj] {
    display: flex;
    align-items: center;
    gap: var(--cm-space-xs);
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-sm);
    color: var(--cm-status-error);
}

.cm-textarea__error svg[b-54brq2jpzj] {
    flex-shrink: 0;
}

/* Help text */
.cm-textarea__help[b-54brq2jpzj] {
    display: block;
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-sm);
    color: var(--cm-text-muted);
}

/* Counter */
.cm-textarea__counter[b-54brq2jpzj] {
    display: block;
    text-align: right;
    padding: var(--cm-space-xs) 0;
    font-size: var(--cm-text-xs);
    color: var(--cm-text-muted);
    font-family: var(--cm-font-mono);
}

/* Wrapper variants */
.cm-textarea-wrapper--filled .cm-textarea[b-54brq2jpzj] {
    background: var(--cm-bg-surface-alt);
    border-color: transparent;
}

.cm-textarea-wrapper--filled .cm-textarea:focus[b-54brq2jpzj] {
    background: var(--cm-bg-surface);
    border-color: var(--cm-accent);
}

.cm-textarea-wrapper--standard .cm-textarea[b-54brq2jpzj] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--cm-border);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    resize: none;
}

.cm-textarea-wrapper--standard .cm-textarea:focus[b-54brq2jpzj] {
    border-bottom-color: var(--cm-accent);
    box-shadow: 0 2px 0 var(--cm-accent);
}

@media (max-width: 640px) {
    .cm-textarea[b-54brq2jpzj] {
        min-height: 120px;
        font-size: 16px;
    }
}
/* /Components/CmToast.razor.rz.scp.css */
.cm-toast[b-b0wvheully] {
    display: flex;
    align-items: flex-start;
    gap: var(--cm-space-sm);
    padding: var(--cm-space-md);
    min-width: 300px;
    max-width: 450px;
    border-radius: var(--cm-radius-md);
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    box-shadow: var(--cm-shadow-lg);
    animation: cm-toast-slide-in-b-b0wvheully 0.3s ease-out;
    opacity: 0;
    transform: translateX(100%);
}

.cm-toast--visible[b-b0wvheully] {
    opacity: 1;
    transform: translateX(0);
}

@keyframes cm-toast-slide-in-b-b0wvheully {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.cm-toast--success[b-b0wvheully] {
    border-color: var(--cm-status-success);
}

.cm-toast--error[b-b0wvheully] {
    border-color: var(--cm-status-error);
}

.cm-toast--warning[b-b0wvheully] {
    border-color: var(--cm-status-warning);
}

.cm-toast--info[b-b0wvheully] {
    border-color: var(--cm-status-info);
}

.cm-toast__icon[b-b0wvheully] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cm-toast--success .cm-toast__icon[b-b0wvheully] {
    color: var(--cm-status-success);
}

.cm-toast--error .cm-toast__icon[b-b0wvheully] {
    color: var(--cm-status-error);
}

.cm-toast--warning .cm-toast__icon[b-b0wvheully] {
    color: var(--cm-status-warning);
}

.cm-toast--info .cm-toast__icon[b-b0wvheully] {
    color: var(--cm-status-info);
}

.cm-toast__content[b-b0wvheully] {
    flex: 1;
    min-width: 0;
}

.cm-toast__message[b-b0wvheully] {
    display: block;
    font-size: var(--cm-text-sm);
    color: var(--cm-text-primary);
    line-height: 1.5;
    word-break: break-word;
}

.cm-toast__action[b-b0wvheully] {
    margin-top: var(--cm-space-sm);
}

.cm-toast__close[b-b0wvheully] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--cm-radius-sm);
    border: none;
    background: transparent;
    color: var(--cm-text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
}

.cm-toast__close:hover[b-b0wvheully] {
    background: var(--cm-bg-surface-alt);
    color: var(--cm-text-primary);
}

.cm-toast__close:focus-visible[b-b0wvheully] {
    outline: 2px solid var(--cm-accent);
    outline-offset: 2px;
}

.cm-toast__close svg[b-b0wvheully] {
    width: 16px;
    height: 16px;
}
/* /Components/CmTooltip.razor.rz.scp.css */
.cm-tooltip-wrapper[b-8fcc2rto4n] {
    position: relative;
    display: inline-block;
}

.cm-tooltip[b-8fcc2rto4n] {
    position: absolute;
    z-index: 1000;
    padding: var(--cm-space-xs) var(--cm-space-sm);
    background: var(--cm-bg-elevated);
    color: var(--cm-text-primary);
    font-size: var(--cm-text-xs);
    font-family: var(--cm-font-body);
    border-radius: var(--cm-radius-sm);
    box-shadow: var(--cm-shadow-md);
    white-space: nowrap;
    pointer-events: none;
    animation: cm-tooltip-fade-b-8fcc2rto4n 0.2s ease-in-out;
}

/* Positioning */
.cm-tooltip--top[b-8fcc2rto4n] {
    bottom: calc(100% + var(--cm-space-xs));
    left: 50%;
    transform: translateX(-50%);
}

.cm-tooltip--bottom[b-8fcc2rto4n] {
    top: calc(100% + var(--cm-space-xs));
    left: 50%;
    transform: translateX(-50%);
}

.cm-tooltip--left[b-8fcc2rto4n] {
    right: calc(100% + var(--cm-space-xs));
    top: 50%;
    transform: translateY(-50%);
}

.cm-tooltip--right[b-8fcc2rto4n] {
    left: calc(100% + var(--cm-space-xs));
    top: 50%;
    transform: translateY(-50%);
}

@keyframes cm-tooltip-fade-b-8fcc2rto4n {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* /Components/CmWeekView.razor.rz.scp.css */
.cm-week-view[b-j7bvyjdzpj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.cm-week-view__nav[b-j7bvyjdzpj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.cm-week-view__range[b-j7bvyjdzpj] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-week-view__grid[b-j7bvyjdzpj] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}

.cm-week-view__cell[b-j7bvyjdzpj] {
    min-height: 120px;
    padding: 12px 8px;
    border-radius: var(--cm-radius-md);
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all var(--cm-transition-fast);
    user-select: none;
}

.cm-week-view__cell.is-past[b-j7bvyjdzpj] {
    opacity: 0.45;
}

.cm-week-view__cell.has-pubs[b-j7bvyjdzpj] {
    cursor: pointer;
    background-color: color-mix(in srgb, var(--cm-accent) 14%, var(--cm-bg-surface));
    border-color: color-mix(in srgb, var(--cm-accent) 30%, var(--cm-border));
}

.cm-week-view__cell.has-pubs:hover[b-j7bvyjdzpj] {
    background-color: color-mix(in srgb, var(--cm-accent) 26%, var(--cm-bg-surface));
    border-color: var(--cm-accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.cm-week-view__cell.is-today[b-j7bvyjdzpj] {
    border: 2px solid var(--cm-accent);
    background-color: color-mix(in srgb, var(--cm-accent) 20%, var(--cm-bg-surface));
}

.cm-week-view__cell.is-today.has-pubs[b-j7bvyjdzpj] {
    background-color: color-mix(in srgb, var(--cm-accent) 32%, var(--cm-bg-surface));
}

.cm-week-view__day-name[b-j7bvyjdzpj] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cm-text-secondary);
}

.cm-week-view__day-num[b-j7bvyjdzpj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cm-text-primary);
}

.cm-week-view__cell.is-today .cm-week-view__day-num[b-j7bvyjdzpj] {
    color: var(--cm-accent);
}

.cm-week-view__badge[b-j7bvyjdzpj] {
    background-color: var(--cm-accent);
    color: #ffffff;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: var(--cm-radius-full, 9999px);
}

@media (max-width: 600px) {
    .cm-week-view__cell[b-j7bvyjdzpj] {
        min-height: 80px;
        padding: 6px 2px;
        gap: 4px;
    }
    .cm-week-view__day-num[b-j7bvyjdzpj] {
        font-size: 1.125rem;
    }
    .cm-week-view__badge[b-j7bvyjdzpj] {
        font-size: 0.6rem;
        padding: 1px 4px;
    }
}
/* /Layout/CmHeader.razor.rz.scp.css */
.cm-header[b-1vxf1rphav] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 24px;
    background-color: var(--cm-bg-surface);
    width: 100%;
    box-sizing: border-box;
    gap: 16px;
}

.cm-header__left[b-1vxf1rphav] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 180px;
}

[b-1vxf1rphav] .cm-header__menu-btn {
    display: none;
}

@media (max-width: 1024px) {
    [b-1vxf1rphav] .cm-header__menu-btn {
        display: inline-flex;
    }
}

.cm-header__center[b-1vxf1rphav] {
    flex: 1;
    max-width: 480px;
    display: flex;
    justify-content: center;
}

.cm-header__search[b-1vxf1rphav] {
    width: 100%;
}

.cm-header__right[b-1vxf1rphav] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cm-header__notification-wrapper[b-1vxf1rphav] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.cm-header__notification-badge[b-1vxf1rphav] {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: var(--cm-color-error, #ef4444);
    color: #ffffff;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    border: 2px solid var(--cm-bg-surface, #1e293b);
    box-sizing: border-box;
}

.cm-header__user-menu[b-1vxf1rphav] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

[b-1vxf1rphav] .cm-dropdown__header {
    padding: 10px 16px 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-bottom: 1px solid var(--cm-border);
    margin-bottom: 4px;
}

[b-1vxf1rphav] .cm-dropdown__user-name {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

[b-1vxf1rphav] .cm-dropdown__user-role {
    font-size: 0.6875rem;
    color: var(--cm-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-1vxf1rphav] .cm-dropdown__divider {
    border: 0;
    height: 1px;
    background-color: var(--cm-border);
    margin: 4px 0;
}

@media (max-width: 768px) {
    .cm-header[b-1vxf1rphav] {
        padding: 0 16px;
    }

    .cm-header__center[b-1vxf1rphav] {
        display: none;
    }
}
/* /Layout/CmLayout.razor.rz.scp.css */
.cm-layout[b-uzaop9hnte] {
    display: flex;
    min-height: 100vh;
    width: 100%;
    background-color: var(--cm-bg-primary);
    color: var(--cm-text-primary);
    position: relative;
}

.cm-layout__sidebar[b-uzaop9hnte] {
    width: 280px;
    flex-shrink: 0;
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--cm-bg-surface);
    transition: transform var(--cm-transition-normal, 200ms ease);
}

.cm-layout__main[b-uzaop9hnte] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--cm-bg-primary);
}

.cm-layout__header[b-uzaop9hnte] {
    position: sticky;
    top: 0;
    z-index: 90;
    height: 70px;
    background-color: var(--cm-bg-surface);
    border-bottom: 1px solid var(--cm-border);
}

.cm-layout__content[b-uzaop9hnte] {
    flex: 1;
    padding: 32px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}

.cm-layout__overlay[b-uzaop9hnte] {
    display: none;
}

@media (max-width: 1024px) {
    .cm-layout__sidebar[b-uzaop9hnte] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 280px;
        transform: translateX(-100%);
        z-index: 1000;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    }

    .cm-layout.sidebar-open .cm-layout__sidebar[b-uzaop9hnte] {
        transform: translateX(0);
    }

    .cm-layout.sidebar-open .cm-layout__overlay[b-uzaop9hnte] {
        display: block;
        position: fixed;
        inset: 0;
        background-color: rgba(10, 14, 26, 0.7);
        backdrop-filter: blur(4px);
        z-index: 999;
    }

    .cm-layout__content[b-uzaop9hnte] {
        padding: 20px 16px;
    }
}
/* /Layout/CmNavMenu.razor.rz.scp.css */
.cm-nav-menu[b-euxcfd9pcd] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.cm-nav-section[b-euxcfd9pcd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-nav-section__title[b-euxcfd9pcd] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--cm-text-muted);
    padding: 0 12px 6px 12px;
}

.cm-nav-section__items[b-euxcfd9pcd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cm-nav-item[b-euxcfd9pcd] {
    list-style: none;
    margin: 0;
    padding: 0;
}

[b-euxcfd9pcd] .cm-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: var(--cm-radius-md, 8px);
    color: var(--cm-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color var(--cm-transition-fast, 150ms ease), color var(--cm-transition-fast, 150ms ease);
    position: relative;
    cursor: pointer;
}

[b-euxcfd9pcd] .cm-nav-link:hover {
    background-color: color-mix(in srgb, var(--cm-text-primary) 6%, transparent);
    color: var(--cm-text-primary);
    text-decoration: none;
}

[b-euxcfd9pcd] .cm-nav-link.active {
    background-color: color-mix(in srgb, var(--cm-accent) 12%, transparent);
    color: var(--cm-accent);
    font-weight: 600;
    text-decoration: none;
}

[b-euxcfd9pcd] .cm-nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;
    background-color: var(--cm-accent);
    border-radius: 0 2px 2px 0;
}

[b-euxcfd9pcd] .cm-nav-link__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    font-size: 1.125rem;
    flex-shrink: 0;
}

[b-euxcfd9pcd] .cm-nav-link__label {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* /Layout/CmSidebar.razor.rz.scp.css */
.cm-sidebar[b-xo5c160eeu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: var(--cm-bg-surface);
    border-right: 1px solid var(--cm-border);
    user-select: none;
    overflow: hidden;
}

.cm-sidebar__header[b-xo5c160eeu] {
    height: 70px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--cm-border);
    flex-shrink: 0;
}

.cm-sidebar__logo[b-xo5c160eeu] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.cm-sidebar__brand-mark[b-xo5c160eeu] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-sidebar__close-btn[b-xo5c160eeu] {
    display: none;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .cm-sidebar__close-btn[b-xo5c160eeu] {
        display: block;
    }
}

.cm-sidebar__title[b-xo5c160eeu] {
    font-family: var(--cm-font-display, 'Playfair Display', serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.cm-sidebar__nav[b-xo5c160eeu] {
    flex: 1;
    overflow-y: auto;
    padding: 24px 12px;
    scrollbar-width: thin;
    scrollbar-color: var(--cm-border) transparent;
}

.cm-sidebar__nav[b-xo5c160eeu]::-webkit-scrollbar {
    width: 4px;
}

.cm-sidebar__nav[b-xo5c160eeu]::-webkit-scrollbar-thumb {
    background-color: var(--cm-border);
    border-radius: 4px;
}

.cm-sidebar__footer[b-xo5c160eeu] {
    padding: 16px 20px;
    border-top: 1px solid var(--cm-border);
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: color-mix(in srgb, var(--cm-bg-surface) 95%, black);
    flex-shrink: 0;
}

.cm-sidebar__user-info[b-xo5c160eeu] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cm-sidebar__user-name[b-xo5c160eeu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cm-sidebar__user-role[b-xo5c160eeu] {
    font-size: 0.75rem;
    color: var(--cm-text-secondary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* /Layout/CmToastContainer.razor.rz.scp.css */
.cm-toast-container[b-zfbgu3wsaa] {
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-sm);
    padding: var(--cm-space-lg);
    pointer-events: none;
}

.cm-toast-container--top-right[b-zfbgu3wsaa] {
    top: 0;
    right: 0;
}

.cm-toast-container--top-left[b-zfbgu3wsaa] {
    top: 0;
    left: 0;
}

.cm-toast-container--bottom-right[b-zfbgu3wsaa] {
    bottom: 0;
    right: 0;
}

.cm-toast-container--bottom-left[b-zfbgu3wsaa] {
    bottom: 0;
    left: 0;
}

.cm-toast-container[b-zfbgu3wsaa]  > * {
    pointer-events: auto;
}
/* /Layout/LoginLayout.razor.rz.scp.css */
.cm-login-layout[b-7w7joa6xf3] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cm-space-xl);
    position: relative;
    overflow: hidden;
}

.cm-login-layout__container[b-7w7joa6xf3] {
    width: 100%;
    max-width: 480px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xl);
}

.cm-login-layout__card[b-7w7joa6xf3] {
    background: var(--cm-surface);
    border-radius: var(--cm-radius-lg);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: var(--cm-space-2xl);
    border: 1px solid var(--cm-border-subtle);
    backdrop-filter: blur(10px);
}

.cm-login-layout__logo[b-7w7joa6xf3] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--cm-space-xl);
}

.cm-login-layout__logo-text[b-7w7joa6xf3] {
    font-family: var(--cm-font-heading);
    font-size: var(--cm-text-2xl);
    font-weight: 700;
    color: var(--cm-text-primary);
    letter-spacing: -0.02em;
}

.cm-login-layout__footer[b-7w7joa6xf3] {
    text-align: center;
    color: var(--cm-text-secondary);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
}

/* Dark mode overrides if needed */
@media (prefers-color-scheme: dark) {
    .cm-login-layout__card[b-7w7joa6xf3] {
        background: rgba(30, 41, 59, 0.8);
        border-color: rgba(255, 255, 255, 0.1);
    }
}

/* Compact layout for shorter laptop screens */
@media (max-height: 800px) {
    .cm-login-layout[b-7w7joa6xf3] {
        padding: var(--cm-space-md);
    }
    
    .cm-login-layout__card[b-7w7joa6xf3] {
        padding: var(--cm-space-xl);
    }
    
    .cm-login-layout__logo[b-7w7joa6xf3] {
        margin-bottom: var(--cm-space-md);
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.cm-content[b-65m40um7l2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
}
/* /Pages/Auth/LoginPage.razor.rz.scp.css */
.cm-login-page[b-u6vmbr9v7q] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xl);
}

.cm-login-page__header[b-u6vmbr9v7q] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xs);
}

.cm-login-page__title[b-u6vmbr9v7q] {
    font-family: var(--cm-font-display);
    font-size: var(--cm-text-4xl);
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-login-page__subtitle[b-u6vmbr9v7q] {
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-login-page__form[b-u6vmbr9v7q] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-lg);
}

.cm-login-page__alert[b-u6vmbr9v7q] {
    margin-bottom: var(--cm-space-sm);
}

.cm-login-page__actions[b-u6vmbr9v7q] {
    display: flex;
    justify-content: center;
    width: 100%;
}

[b-u6vmbr9v7q] .cm-login-page__submit {
    width: 100%;
}

.cm-login-page__footer[b-u6vmbr9v7q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cm-space-xs);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
}

.cm-login-page__text[b-u6vmbr9v7q] {
    color: var(--cm-text-secondary);
}

.cm-login-page__link[b-u6vmbr9v7q] {
    color: var(--cm-accent);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.cm-login-page__link:hover[b-u6vmbr9v7q] {
    color: var(--cm-accent-hover);
    text-decoration: underline;
}
/* /Pages/Auth/RegisterPage.razor.rz.scp.css */
.cm-login-page[b-4fwcxpatmi] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-md);
}

.cm-login-page__header[b-4fwcxpatmi] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-xs);
}

.cm-login-page__title[b-4fwcxpatmi] {
    font-family: var(--cm-font-display);
    font-size: var(--cm-text-4xl);
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-login-page__subtitle[b-4fwcxpatmi] {
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-login-page__form[b-4fwcxpatmi] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-md);
}

.cm-login-page__alert[b-4fwcxpatmi] {
    margin-bottom: var(--cm-space-sm);
}

.cm-login-page__actions[b-4fwcxpatmi] {
    display: flex;
    justify-content: center;
    width: 100%;
}

[b-4fwcxpatmi] .cm-login-page__submit {
    width: 100%;
}

.cm-login-page__footer[b-4fwcxpatmi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cm-space-xs);
    font-family: var(--cm-font-body);
    font-size: var(--cm-text-sm);
}

.cm-login-page__text[b-4fwcxpatmi] {
    color: var(--cm-text-secondary);
}

.cm-login-page__link[b-4fwcxpatmi] {
    color: var(--cm-accent);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.cm-login-page__link:hover[b-4fwcxpatmi] {
    color: var(--cm-accent-hover);
    text-decoration: underline;
}
/* /Pages/Auth/VerifyEmailPage.razor.rz.scp.css */
.cm-verify-page__loading[b-db0t1xmb1s] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--cm-space-xl) 0;
}
/* /Pages/BillingPage.razor.rz.scp.css */
.cm-billing-page[b-xqzhwx1ylw] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: var(--cm-max-content-width, 1400px);
    margin: 0 auto;
    width: 100%;
}

.cm-billing-content[b-xqzhwx1ylw] {
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-lg);
    padding: 48px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Pages/CalendarPage.razor.rz.scp.css */
.cm-calendar-page[b-s8ng5jokwy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: var(--cm-max-content-width, 1400px);
    margin: 0 auto;
}

.cm-calendar-page__content[b-s8ng5jokwy] {
    width: 100%;
}
/* /Pages/ClientsPage.razor.rz.scp.css */
.cm-client-card__header[b-3xt97hcnup] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.cm-client-card__avatar[b-3xt97hcnup] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.cm-client-card__identity[b-3xt97hcnup] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.cm-client-card__name[b-3xt97hcnup] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cm-client-card__email[b-3xt97hcnup] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cm-client-card__details[b-3xt97hcnup] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 12px;
    border-top: 1px solid var(--cm-border);
}

.cm-client-card__info[b-3xt97hcnup] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8125rem;
}

.cm-info-label[b-3xt97hcnup] {
    color: var(--cm-text-secondary);
}

.cm-info-value[b-3xt97hcnup] {
    color: var(--cm-text-primary);
    font-weight: 500;
}

.cm-client-card__logo-img[b-3xt97hcnup] {
    width: 40px;
    height: 40px;
    border-radius: var(--cm-radius-sm, 6px);
    object-fit: contain;
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    flex-shrink: 0;
}

.cm-client-card__footer[b-3xt97hcnup] {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px dashed var(--cm-border);
    margin-top: 2px;
}

.cm-client-card__edit-btn[b-3xt97hcnup] {
    width: 100%;
    justify-content: center;
}

.cm-client-card__brand-bar[b-3xt97hcnup] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 10px;
    background: var(--cm-bg-subtle, rgba(255, 255, 255, 0.02));
    border-radius: var(--cm-radius-sm, 6px);
    border: 1px solid var(--cm-border);
}

.cm-client-card__colors[b-3xt97hcnup] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cm-color-swatch-circle[b-3xt97hcnup] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.cm-client-card__tone[b-3xt97hcnup] {
    font-size: 0.75rem;
    color: var(--cm-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

.cm-client-card__badges[b-3xt97hcnup] {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
}

.cm-policy-badge[b-3xt97hcnup] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 9999px;
    white-space: nowrap;
    line-height: 1.3;
}

.cm-policy-badge--autonomous[b-3xt97hcnup] {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.cm-policy-badge--silent[b-3xt97hcnup] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.cm-policy-badge--strict[b-3xt97hcnup] {
    background: rgba(51, 152, 220, 0.12);
    color: #3398dc;
    border: 1px solid rgba(51, 152, 220, 0.3);
}

.cm-client-card__brand-left[b-3xt97hcnup] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.cm-brand-rules-pill[b-3xt97hcnup] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #3398dc;
    background: rgba(51, 152, 220, 0.08);
    border: 1px solid rgba(51, 152, 220, 0.25);
    border-radius: var(--cm-radius-sm, 4px);
    padding: 2px 6px;
    white-space: nowrap;
    flex-shrink: 0;
}
/* /Pages/DashboardPage.razor.rz.scp.css */
.cm-dashboard[b-8ay5szd9sz] {
    display: flex;
    flex-direction: column;
    gap: var(--cm-space-2xl);
    padding: var(--cm-space-xl);
    max-width: var(--cm-bp-wide);
    margin: 0 auto;
}

.cm-dashboard__stats-grid[b-8ay5szd9sz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--cm-space-lg);
}

.cm-dashboard__pub-grid[b-8ay5szd9sz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--cm-space-lg);
}

.cm-dashboard__empty[b-8ay5szd9sz] {
    grid-column: 1 / -1;
}

@media (max-width: 768px) {
    .cm-dashboard[b-8ay5szd9sz] {
        padding: var(--cm-space-md);
        gap: var(--cm-space-xl);
    }
}
/* /Pages/NotFound.razor.rz.scp.css */
.cm-not-found-page[b-qkslu54n4i] {
    padding: 64px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Pages/SettingsPage.razor.rz.scp.css */
.cm-settings-page[b-r1vvpfan6i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: var(--cm-max-content-width, 1400px);
    margin: 0 auto;
    width: 100%;
}

.cm-settings-page__container[b-r1vvpfan6i] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 720px;
}

.cm-settings-card[b-r1vvpfan6i] {
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cm-settings-card__header[b-r1vvpfan6i] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--cm-border);
}

.cm-settings-card__header-info[b-r1vvpfan6i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-settings-card__title[b-r1vvpfan6i] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-settings-card__badges[b-r1vvpfan6i] {
    display: flex;
    gap: 8px;
}

.cm-settings-card__fields[b-r1vvpfan6i] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cm-settings-card__action[b-r1vvpfan6i] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

.cm-settings-card__header-icon[b-r1vvpfan6i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--cm-radius-md);
    background: var(--cm-primary-light, rgba(99, 102, 241, 0.1));
    color: var(--cm-primary, #6366f1);
    flex-shrink: 0;
}

.cm-settings-card__subtitle[b-r1vvpfan6i] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-hitl-preferences[b-r1vvpfan6i] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cm-hitl-toggle-item[b-r1vvpfan6i] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 16px;
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-sm);
    background: var(--cm-bg-subtle, rgba(255, 255, 255, 0.02));
    transition: border-color var(--cm-transition, 0.2s ease);
}

.cm-hitl-toggle-item:hover[b-r1vvpfan6i] {
    border-color: var(--cm-border-hover, var(--cm-primary));
}

.cm-hitl-toggle-info[b-r1vvpfan6i] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.cm-hitl-toggle-title-row[b-r1vvpfan6i] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cm-hitl-toggle-title[b-r1vvpfan6i] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--cm-text-primary);
}

.cm-hitl-toggle-desc[b-r1vvpfan6i] {
    font-size: 0.85rem;
    color: var(--cm-text-secondary);
    line-height: 1.45;
    margin: 0;
}

.cm-switch[b-r1vvpfan6i] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
}

.cm-switch input[b-r1vvpfan6i] {
    opacity: 0;
    width: 0;
    height: 0;
}

.cm-switch__slider[b-r1vvpfan6i] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--cm-border, #334155);
    border-radius: 24px;
    transition: background-color var(--cm-transition, 0.2s ease);
}

.cm-switch__slider[b-r1vvpfan6i]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: transform var(--cm-transition, 0.2s ease);
}

.cm-switch input:checked + .cm-switch__slider[b-r1vvpfan6i] {
    background-color: var(--cm-primary, #6366f1);
}

.cm-switch input:checked + .cm-switch__slider[b-r1vvpfan6i]:before {
    transform: translateX(20px);
}
/* /Pages/SocialAccountsPage.razor.rz.scp.css */
.cm-social-page[b-nduy9torlq] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: var(--cm-max-content-width, 1400px);
    margin: 0 auto;
    width: 100%;
}

.cm-social-page__badges[b-nduy9torlq] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.cm-notice-content[b-nduy9torlq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.9rem;
    line-height: 1.45;
}

.cm-social-section[b-nduy9torlq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cm-social-section__header[b-nduy9torlq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cm-social-section__title[b-nduy9torlq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-social-section__desc[b-nduy9torlq] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary);
    margin: 0;
}

/* Steps Grid */
.cm-steps-grid[b-nduy9torlq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.cm-step-card[b-nduy9torlq] {
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    transition: transform var(--cm-transition-fast), border-color var(--cm-transition-fast);
}

.cm-step-card:hover[b-nduy9torlq] {
    transform: translateY(-2px);
    border-color: var(--cm-accent);
}

.cm-step-card__badge[b-nduy9torlq] {
    align-self: flex-start;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--cm-bg-surface-elevated, rgba(255,255,255,0.06));
    color: var(--cm-accent);
    padding: 2px 8px;
    border-radius: var(--cm-radius-sm, 4px);
    border: 1px solid var(--cm-border);
}

.cm-step-card__icon[b-nduy9torlq] {
    font-size: 2rem;
}

.cm-step-card__title[b-nduy9torlq] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-step-card__text[b-nduy9torlq] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary);
    margin: 0;
    line-height: 1.45;
}

.cm-step-card__list[b-nduy9torlq] {
    margin: 0;
    padding-left: 18px;
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-step-card__list code[b-nduy9torlq] {
    background: var(--cm-bg-surface-elevated, rgba(0,0,0,0.2));
    padding: 2px 5px;
    border-radius: 4px;
    color: var(--cm-text-primary);
    font-size: 0.775rem;
}

.cm-step-card__perms[b-nduy9torlq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cm-perm-tag[b-nduy9torlq] {
    font-size: 0.7rem;
    font-family: monospace;
    background: var(--cm-bg-surface-elevated, rgba(255, 255, 255, 0.05));
    border: 1px solid var(--cm-border);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--cm-text-primary);
}

.cm-step-card__action[b-nduy9torlq] {
    margin-top: auto;
    padding-top: 8px;
}

.cm-link-button[b-nduy9torlq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cm-accent);
    text-decoration: none;
    transition: opacity var(--cm-transition-fast);
}

.cm-link-button:hover[b-nduy9torlq] {
    text-decoration: underline;
}

/* Card Form */
.cm-social-card[b-nduy9torlq] {
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-lg);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cm-social-card__header[b-nduy9torlq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px solid var(--cm-border);
    padding-bottom: 16px;
}

.cm-social-card__title[b-nduy9torlq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0 0 6px 0;
}

.cm-social-card__subtitle[b-nduy9torlq] {
    font-size: 0.875rem;
    color: var(--cm-text-secondary);
    margin: 0;
    max-width: 750px;
}

.cm-social-card__icon-badge[b-nduy9torlq] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-social-form-grid[b-nduy9torlq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
}

.cm-form-group[b-nduy9torlq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-form-label[b-nduy9torlq] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cm-text-primary);
}

.cm-form-input[b-nduy9torlq] {
    width: 100%;
    padding: 10px 14px;
    border-radius: var(--cm-radius-md);
    border: 1px solid var(--cm-border);
    background-color: var(--cm-bg-input, rgba(255, 255, 255, 0.03));
    color: var(--cm-text-primary);
    font-size: 0.875rem;
    outline: none;
    transition: border-color var(--cm-transition-fast);
}

.cm-form-input:focus[b-nduy9torlq] {
    border-color: var(--cm-accent);
}

.cm-form-hint[b-nduy9torlq] {
    font-size: 0.775rem;
    color: var(--cm-text-muted);
}

.cm-social-card__actions[b-nduy9torlq] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--cm-border);
}

/* Connected Accounts */
.cm-connected-grid[b-nduy9torlq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 16px;
}

.cm-connected-card[b-nduy9torlq] {
    background: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cm-connected-card__header[b-nduy9torlq] {
    display: flex;
    gap: 14px;
    align-items: center;
}

.cm-connected-card__icon[b-nduy9torlq] {
    width: 44px;
    height: 44px;
    border-radius: var(--cm-radius-md);
    background: rgba(225, 48, 108, 0.12);
    color: #e1306c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cm-connected-card__details[b-nduy9torlq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.cm-connected-card__title-row[b-nduy9torlq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cm-connected-card__name[b-nduy9torlq] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm-connected-card__meta[b-nduy9torlq] {
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
}

.cm-connected-card__meta code[b-nduy9torlq] {
    background: rgba(255, 255, 255, 0.05);
    padding: 1px 4px;
    border-radius: 4px;
}

.cm-connected-card__footer[b-nduy9torlq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--cm-border);
    padding-top: 12px;
}

.cm-connected-card__status[b-nduy9torlq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--cm-text-secondary);
}

.cm-status-dot[b-nduy9torlq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--cm-status-success, #22c55e);
}
/* /Pages/UsersPage.razor.rz.scp.css */
.cm-users-page[b-olq20xzv9d] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: var(--cm-max-content-width, 1400px);
    margin: 0 auto;
    width: 100%;
}

.cm-users-page__hero[b-olq20xzv9d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    border-radius: var(--cm-radius-lg);
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    flex-wrap: wrap;
    gap: 20px;
}

.cm-users-page__hero-content[b-olq20xzv9d] {
    flex: 1;
    min-width: 280px;
}

.cm-users-page__title[b-olq20xzv9d] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin-bottom: 8px;
}

.cm-users-page__subtitle[b-olq20xzv9d] {
    font-size: 0.9375rem;
    color: var(--cm-text-secondary);
    margin: 0;
}

.cm-users-page__hero-stats[b-olq20xzv9d] {
    display: flex;
    gap: 16px;
}

.cm-stat-pill[b-olq20xzv9d] {
    display: flex;
    flex-direction: column;
    padding: 12px 20px;
    background: var(--cm-bg-elevated, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    min-width: 110px;
    text-align: center;
}

.cm-stat-pill__label[b-olq20xzv9d] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cm-text-secondary);
}

.cm-stat-pill__value[b-olq20xzv9d] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cm-text-primary);
    margin-top: 4px;
}

.cm-stat-pill__value--admin[b-olq20xzv9d] {
    color: var(--cm-accent);
}

.cm-users-page__content[b-olq20xzv9d] {
    width: 100%;
}

.cm-users-page__skeleton-list[b-olq20xzv9d],
.cm-users-page__list[b-olq20xzv9d] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cm-user-card[b-olq20xzv9d] {
    background-color: var(--cm-bg-surface);
    border: 1px solid var(--cm-border);
    border-radius: var(--cm-radius-md);
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: transform var(--cm-transition-fast), border-color var(--cm-transition-fast);
    flex-wrap: wrap;
}

.cm-user-card:hover[b-olq20xzv9d] {
    border-color: var(--cm-border-hover, var(--cm-accent));
}

.cm-user-card--admin[b-olq20xzv9d] {
    border-left: 4px solid var(--cm-accent);
}

.cm-user-card__main[b-olq20xzv9d] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 260px;
}

.cm-user-card__avatar-wrapper[b-olq20xzv9d] {
    position: relative;
    display: inline-block;
}

.cm-user-card__admin-badge[b-olq20xzv9d] {
    position: absolute;
    bottom: -4px;
    right: -4px;
    font-size: 0.9rem;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}

.cm-user-card__details[b-olq20xzv9d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-user-card__title-row[b-olq20xzv9d] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cm-user-card__name[b-olq20xzv9d] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--cm-text-primary);
    margin: 0;
}

.cm-user-card__meta[b-olq20xzv9d] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    color: var(--cm-text-secondary);
    flex-wrap: wrap;
}

.cm-user-card__email[b-olq20xzv9d] {
    color: var(--cm-text-secondary);
}

.cm-user-card__dot[b-olq20xzv9d] {
    opacity: 0.6;
}

.cm-user-card__actions[b-olq20xzv9d] {
    display: flex;
    align-items: center;
    gap: 12px;
}