:root {
    --nc-primary: #e85d8f;
    --nc-primary-dark: #d8487c;
    --nc-primary-soft: #fff1f6;
    --nc-primary-rgb: 232, 93, 143;
    --nc-primary-dark-rgb: 216, 72, 124;
    --nc-primary-soft-rgb: 255, 241, 246;
    --nc-beige: #f7e7dd;
    --nc-dark: #29252a;
    --nc-muted: #77717a;
    --nc-border: #f0d7e2;
    --nc-border-rgb: 240, 215, 226;
    --nc-white: #ffffff;
    --nc-body: #fff9fc;
    --nc-surface-soft: #fffafc;
    --nc-success: #2f9e67;
    --nc-success-soft: #eaf8f1;
    --nc-warning: #c98518;
    --nc-warning-soft: #fff7e8;
    --nc-danger: #d94b59;
    --nc-danger-soft: #fff0f2;
    --nc-info: #3a7ca5;
    --nc-info-soft: #edf7ff;
    --nc-shadow-sm: 0 8px 24px rgba(41, 37, 42, 0.06);
    --nc-shadow-md: 0 16px 44px rgba(41, 37, 42, 0.09);
    --nc-glass-surface: rgba(255, 255, 255, 0.72);
    --nc-glass-surface-strong: rgba(255, 255, 255, 0.88);
    --nc-glass-surface-soft: rgba(var(--nc-primary-soft-rgb), 0.58);
    --nc-glass-border: rgba(var(--nc-border-rgb), 0.82);
    --nc-glass-highlight: rgba(255, 255, 255, 0.78);
    --nc-glass-shadow: 0 18px 46px rgba(var(--nc-primary-dark-rgb), 0.09), 0 4px 14px rgba(41, 37, 42, 0.04);
    --nc-glass-blur: 20px;
    --nc-radius-sm: 12px;
    --nc-radius-md: 18px;
    --nc-radius-lg: 26px;
    --nc-sidebar-width: 286px;
    --nc-topbar-height: 82px;
    --nc-content-max-width: 1700px;
    --nc-mobile-viewport-bottom: 0px;
    --nc-visible-viewport-top: 0px;
    --nc-visible-viewport-height: 100vh;
}

.nc-api-validation-message {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.nc-app-preloader {
    position: fixed;
    z-index: 3000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 2rem;
    background: var(--nc-body);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
}

.nc-app-preloader img {
    display: block;
    width: min(180px, 46vw);
    height: auto;
    max-height: 180px;
    object-fit: contain;
}

html.nc-appearance-loading {
    overflow: hidden;
}

html.nc-appearance-loading .nc-app-preloader {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

html.nc-appearance-loading .nc-app-shell,
html.nc-appearance-loading .nc-sidebar-backdrop {
    visibility: hidden;
}

.nc-guarantee-filters {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 14px;
    align-items: end;
    padding: 18px;
    margin-bottom: 18px;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: var(--nc-primary-soft);
}

.nc-guarantee-filter-actions {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}

.nc-guarantee-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
}

.nc-guarantee-detail-stack {
    display: grid;
    gap: 22px;
}

.nc-guarantee-summary-grid,
.nc-guarantee-linked-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.nc-guarantee-summary-grid > div,
.nc-guarantee-linked-card {
    padding: 16px;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    background: #fff;
}

.nc-guarantee-summary-grid span,
.nc-guarantee-linked-card span,
.nc-guarantee-note span {
    display: block;
    color: var(--nc-primary-dark);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.nc-guarantee-summary-grid strong,
.nc-guarantee-linked-card strong {
    display: block;
    color: var(--nc-dark);
    font-size: .98rem;
    line-height: 1.35;
}

.nc-guarantee-summary-grid small,
.nc-guarantee-linked-card small {
    display: block;
    margin-top: 4px;
    color: var(--nc-muted);
}

.nc-guarantee-note-list,
.nc-guarantee-action-list {
    display: grid;
    gap: 12px;
}

.nc-guarantee-note {
    padding: 16px;
    border: 1px dashed var(--nc-border);
    border-radius: 16px;
    background: #fff;
}

.nc-guarantee-note p {
    margin: 6px 0 0;
    color: var(--nc-dark);
    white-space: pre-wrap;
}

.nc-guarantee-actions-card {
    position: sticky;
    top: 96px;
}

.nc-guarantee-actions-card > div:first-child {
    margin-bottom: 18px;
}

.nc-guarantee-actions-card p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-guarantee-availability {
    min-height: 120px;
}

@media (max-width: 1199.98px) {
    .nc-guarantee-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-guarantee-filter-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .nc-guarantee-detail-grid {
        grid-template-columns: 1fr;
    }

    .nc-guarantee-actions-card {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .nc-guarantee-filters,
    .nc-guarantee-summary-grid,
    .nc-guarantee-linked-grid {
        grid-template-columns: 1fr;
    }

    .nc-guarantee-filter-actions .nc-btn {
        width: 100%;
    }

    .nc-guarantee-filter-actions {
        flex-direction: column;
    }
}

/* Referidos */
.nc-auth-referral-notice {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    margin: 0 0 18px;
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    background: rgba(var(--nc-primary-soft-rgb, 255, 241, 246), 0.72);
    color: var(--nc-dark);
}

.nc-auth-referral-notice.is-success {
    border-color: rgba(35, 171, 108, 0.24);
    background: rgba(35, 171, 108, 0.08);
}

.nc-auth-referral-notice.is-warning,
.nc-auth-referral-notice.is-loading {
    border-color: rgba(224, 145, 23, 0.22);
    background: rgba(255, 246, 226, 0.88);
}

.nc-auth-referral-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 16px;
    color: var(--nc-primary);
    background: #fff;
    border: 1px solid var(--nc-border);
}

.nc-auth-referral-notice.is-success .nc-auth-referral-icon {
    color: #13945c;
    border-color: rgba(35, 171, 108, 0.22);
}

.nc-auth-referral-notice strong,
.nc-auth-referral-notice em {
    display: block;
    font-style: normal;
}

.nc-auth-referral-notice strong {
    font-size: 0.82rem;
    color: var(--nc-muted);
}

.nc-auth-referral-notice em {
    font-weight: 800;
    color: var(--nc-dark);
}

.nc-referrals-access-card,
.nc-referrals-program-card,
.nc-referrals-bank-card,
.nc-referrals-activity-card {
    margin-top: 18px;
}

.nc-referrals-access-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
}

.nc-referrals-access-icon,
.nc-referrals-status-icon {
    width: 74px;
    height: 74px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    font-size: 1.6rem;
}

.nc-referrals-access-body h3,
.nc-referrals-access-body p {
    margin: 0;
}

.nc-referrals-access-body p {
    margin-top: 8px;
    color: var(--nc-muted);
    max-width: 860px;
}

.nc-referrals-access-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.nc-referrals-access-list span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--nc-border);
    font-weight: 700;
    color: var(--nc-dark);
}

.nc-referrals-access-list i {
    color: #13945c;
}

.nc-referrals-access-actions {
    display: grid;
    gap: 8px;
    justify-items: end;
}

.nc-referrals-access-actions small {
    color: var(--nc-muted);
}

.nc-referrals-loading {
    margin-top: 18px;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nc-referrals-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.nc-referrals-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.nc-referrals-summary-card {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    background: #fff;
}

.nc-referrals-summary-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background: var(--nc-primary-soft);
    color: var(--nc-primary);
    border: 1px solid var(--nc-border);
    font-size: 1rem;
    line-height: 1;
    text-align: center;
}

.nc-referrals-summary-icon i,
.nc-referrals-summary-icon svg {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1;
    margin: 0;
    text-align: center;
}

.nc-referrals-summary-icon i::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
    line-height: 1;
    text-align: center;
}

.nc-referrals-summary-card.is-success .nc-referrals-summary-icon {
    color: #13945c;
    background: rgba(35, 171, 108, 0.1);
    border-color: rgba(35, 171, 108, 0.2);
}

.nc-referrals-summary-card.is-info .nc-referrals-summary-icon {
    color: #3278bf;
    background: rgba(50, 120, 191, 0.1);
    border-color: rgba(50, 120, 191, 0.2);
}

.nc-referrals-summary-card.is-warning .nc-referrals-summary-icon {
    color: #c67a00;
    background: rgba(255, 246, 226, 0.9);
    border-color: rgba(224, 145, 23, 0.22);
}

.nc-referrals-summary-card strong,
.nc-referrals-summary-card span,
.nc-referrals-summary-card small {
    display: block;
}

.nc-referrals-summary-card strong {
    font-size: 1.32rem;
    line-height: 1.1;
    color: var(--nc-primary-dark);
}

.nc-referrals-summary-card.is-success .nc-referrals-summary-value {
    color: #13945c;
}

.nc-referrals-summary-card.is-warning .nc-referrals-summary-value {
    color: #c67a00;
}

.nc-referrals-summary-card.is-info .nc-referrals-summary-value {
    color: #3278bf;
}

.nc-referrals-summary-card span {
    margin-top: 4px;
    font-weight: 800;
    color: var(--nc-dark);
}

.nc-referrals-summary-card small {
    margin-top: 3px;
    color: var(--nc-muted);
}

.nc-referrals-code-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 18px;
    margin-top: 16px;
    border-radius: 22px;
    border: 1px dashed var(--nc-border);
    background: linear-gradient(135deg, var(--nc-primary-soft), #fff);
}

.nc-referrals-code-panel span,
.nc-referrals-code-panel strong {
    display: block;
}

.nc-referrals-code-panel span {
    font-size: 0.78rem;
    color: var(--nc-muted);
    text-transform: uppercase;
    font-weight: 800;
}

.nc-referrals-code-panel strong {
    margin-top: 4px;
    font-size: 1.45rem;
    color: var(--nc-dark);
    letter-spacing: 0;
}

.nc-referrals-public-name {
    margin-top: 18px;
}

.nc-referrals-inline-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.nc-referrals-bank-help-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid rgba(58, 124, 165, 0.22);
    border-radius: 18px;
    background: rgba(237, 247, 255, 0.82);
}

.nc-referrals-bank-help-icon {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 16px;
    color: var(--nc-info);
    background: #fff;
    border: 1px solid rgba(58, 124, 165, 0.2);
}

.nc-referrals-bank-help-card strong,
.nc-referrals-bank-help-card p {
    display: block;
    margin: 0;
}

.nc-referrals-bank-help-card strong {
    color: var(--nc-dark);
    font-weight: 800;
}

.nc-referrals-bank-help-card p {
    margin-top: 4px;
    color: var(--nc-muted);
    font-size: 0.92rem;
}

.nc-referrals-bank-status {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

.nc-referrals-bank-empty,
.nc-referrals-bank-record {
    min-height: 94px;
    padding: 16px;
    border-radius: 20px;
    border: 1px solid var(--nc-border);
    background: #fff;
}

.nc-referrals-bank-empty {
    display: flex;
    align-items: center;
    gap: 14px;
    grid-column: 1 / -1;
}

.nc-referrals-bank-empty > i {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 16px;
    background: var(--nc-primary-soft);
    color: var(--nc-primary);
}

.nc-referrals-bank-empty p,
.nc-referrals-bank-record p {
    margin: 4px 0 0;
    color: var(--nc-muted);
}

.nc-referrals-bank-record strong,
.nc-referrals-bank-record small {
    display: block;
}

.nc-referrals-bank-record strong {
    margin-top: 10px;
    color: var(--nc-dark);
}

.nc-referrals-bank-record small {
    margin-top: 8px;
    color: var(--nc-muted);
}

.nc-referrals-bank-record.is-danger {
    border-color: rgba(217, 75, 89, 0.28);
    background: var(--nc-danger-soft);
}

.nc-referrals-bank-rejection {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    color: var(--nc-danger);
    background: #fff;
    border: 1px solid rgba(217, 75, 89, 0.22);
    font-size: 0.9rem;
}

.nc-referrals-bank-rejection strong {
    display: inline;
    margin: 0;
    color: var(--nc-danger);
}

.nc-referrals-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 18px;
}

.nc-referrals-tab {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    background: #fff;
    color: var(--nc-muted);
    font-weight: 800;
}

.nc-referrals-tab.is-active {
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    color: #fff;
    box-shadow: 0 12px 24px rgba(var(--nc-primary-rgb, 232, 93, 143), 0.2);
}

.nc-referrals-filters {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr)) auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    margin-bottom: 18px;
    border: 1px solid var(--nc-border);
    border-radius: 22px;
    background: rgba(var(--nc-primary-soft-rgb, 255, 241, 246), 0.45);
}

.nc-referrals-filter-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.nc-referrals-commissions-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.nc-referrals-commissions-summary > div {
    padding: 14px 16px;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: #fff;
}

.nc-referrals-commissions-summary span,
.nc-referrals-commissions-summary strong {
    display: block;
}

.nc-referrals-commissions-summary span {
    color: var(--nc-muted);
    font-weight: 700;
}

.nc-referrals-commissions-summary strong {
    margin-top: 4px;
    color: var(--nc-dark);
    font-size: 1.18rem;
}

.nc-referrals-activity-card .nc-table td strong,
.nc-referrals-activity-card .nc-table td small {
    display: block;
}

.nc-referrals-activity-card .nc-table td small {
    margin-top: 4px;
    color: var(--nc-muted);
}

@media (max-width: 1180px) {
    .nc-referrals-hero-grid {
        grid-template-columns: 1fr;
    }

    .nc-referrals-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-referrals-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .nc-referrals-access-card {
        grid-template-columns: 1fr;
    }

    .nc-referrals-access-actions {
        justify-items: stretch;
    }

    .nc-referrals-summary-grid,
    .nc-referrals-commissions-summary {
        grid-template-columns: 1fr;
    }

    .nc-referrals-code-panel,
    .nc-referrals-inline-form {
        grid-template-columns: 1fr;
    }

    .nc-referrals-filters {
        grid-template-columns: 1fr;
    }

    .nc-referrals-filter-actions {
        flex-direction: column;
        align-items: stretch;
    }
}

.nc-loading-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-muted);
    font-weight: 800;
}

.nc-plan-lock-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0.18rem 0.45rem;
    margin-left: auto;
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border: 1px solid rgba(201, 133, 24, 0.22);
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 900;
    white-space: nowrap;
}

.nc-sidebar-link.is-plan-locked {
    display: grid;
    grid-template-columns: 21px minmax(0, 1fr);
    column-gap: 0.78rem;
    row-gap: 0.3rem;
    align-items: center;
    opacity: 0.78;
}

.nc-sidebar-link.is-plan-locked > i {
    grid-column: 1;
    grid-row: 1;
}

.nc-sidebar-link.is-plan-locked > span {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.nc-sidebar-link.is-plan-locked > .nc-plan-lock-badge {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    max-width: 100%;
    margin-left: 0;
}

.nc-sidebar-link.is-plan-locked > i,
.nc-sidebar-link.is-plan-locked > span {
    color: var(--nc-muted);
}

.nc-sidebar-link.is-onboarding-disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.nc-sidebar-link.is-onboarding-disabled > i,
.nc-sidebar-link.is-onboarding-disabled > span {
    color: var(--nc-muted);
}

.nc-sidebar-link.is-onboarding-disabled:hover {
    background: transparent;
    transform: none;
}

.nc-sidebar-link.is-billing-disabled,
.nc-brand-link.is-billing-disabled {
    cursor: not-allowed;
    opacity: 0.42;
}

.nc-sidebar-link.is-billing-disabled > i,
.nc-sidebar-link.is-billing-disabled > span {
    color: var(--nc-muted);
}

.nc-sidebar-link.is-billing-disabled:hover {
    background: transparent;
    transform: none;
}

[data-nc-onboarding-disabled="1"]:not(.nc-sidebar-link) {
    cursor: not-allowed;
    opacity: 0.52;
}

:is(html, body).nc-sidebar-collapsed .nc-plan-lock-badge {
    display: none;
}

.nc-billing-notice {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: min(100% - 56px, var(--nc-content-max-width));
    margin: 0 auto;
    padding: 0.8rem 1.1rem;
    border: 1px solid var(--nc-border);
    border-radius: 0 0 18px 18px;
    box-shadow: var(--nc-shadow-sm);
}

.nc-billing-notice-info {
    color: var(--nc-info);
    background: var(--nc-info-soft);
}

.nc-billing-notice-warning {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-billing-notice span {
    color: var(--nc-dark);
    font-weight: 800;
}

.nc-billing-notice-text-short {
    display: none;
}

.nc-billing-notice a {
    margin-left: auto;
    color: currentColor;
    font-weight: 900;
    text-decoration: none;
}

.nc-billing-return-message {
    margin-bottom: 1.4rem;
}

.nc-billing-status-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.15rem;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.nc-billing-status-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--nc-primary);
}

.nc-billing-status-success::before {
    background: var(--nc-success);
}

.nc-billing-status-warning::before {
    background: var(--nc-warning);
}

.nc-billing-status-danger::before {
    background: var(--nc-danger);
}

.nc-billing-status-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    font-size: 1.35rem;
}

.nc-billing-status-success .nc-billing-status-icon {
    color: var(--nc-success);
    background: var(--nc-success-soft);
}

.nc-billing-status-warning .nc-billing-status-icon {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-billing-status-danger .nc-billing-status-icon {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-billing-status-body h3 {
    margin: 0.15rem 0 0.35rem;
    color: var(--nc-dark);
    font-size: 1.35rem;
    font-weight: 900;
}

.nc-billing-status-body p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-billing-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.nc-billing-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-billing-status-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.nc-billing-scheduled-cancellation {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1rem, 3vw, 2rem);
    margin-top: 1rem;
    padding: clamp(1.15rem, 3vw, 1.75rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(var(--nc-primary-rgb), 0.12), transparent 34%),
        linear-gradient(135deg, var(--nc-warning-soft), var(--nc-white));
    border-color: #f0d7a9;
}

.nc-billing-scheduled-cancellation-character {
    display: grid;
    margin: 0;
    place-items: center;
}

.nc-billing-scheduled-cancellation-character img {
    display: block;
    width: min(100%, 205px);
    max-height: 235px;
    object-fit: contain;
}

.nc-billing-scheduled-cancellation-content {
    min-width: 0;
}

.nc-billing-scheduled-cancellation-content h3 {
    margin: 0.3rem 0 0.45rem;
    color: var(--nc-dark);
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
    font-weight: 900;
}

.nc-billing-scheduled-cancellation-content p {
    margin: 0 0 0.45rem;
    color: var(--nc-muted);
}

.nc-billing-scheduled-cancellation-content p strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-billing-scheduled-cancellation-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.nc-billing-return-experience {
    display: grid;
    grid-template-columns: minmax(170px, 240px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1.25rem, 3vw, 2.5rem);
    margin-top: 1rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(var(--nc-primary-rgb), 0.14), transparent 34%),
        linear-gradient(135deg, var(--nc-white), var(--nc-primary-soft));
}

.nc-billing-return-character {
    display: grid;
    place-items: center;
    margin: 0;
}

.nc-billing-return-character img {
    display: block;
    width: min(100%, 230px);
    max-height: 270px;
    object-fit: contain;
}

.nc-billing-return-content h3 {
    margin: 0.35rem 0 0.45rem;
    color: var(--nc-dark);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 900;
}

.nc-billing-return-content > p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 1rem;
}

.nc-billing-return-help {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-billing-return-help strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-billing-return-help p {
    margin: 0.25rem 0 0;
    color: var(--nc-muted);
}

.nc-billing-return-help-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.nc-billing-coupon-row {
    max-width: 380px;
    margin-bottom: 1rem;
}

.nc-billing-plan-change {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    background: linear-gradient(135deg, var(--nc-primary-soft), var(--nc-white));
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-billing-plan-change-character {
    display: grid;
    flex: 0 0 104px;
    width: 104px;
    height: 104px;
    margin: -0.45rem 0 -0.45rem -0.2rem;
    place-items: center;
}

.nc-billing-plan-change-character img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nc-billing-plan-change-content {
    flex: 1 1 auto;
    min-width: 0;
}

.nc-billing-plan-change-content strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-billing-plan-change-content p {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-billing-plan-change > .nc-btn {
    flex: 0 0 auto;
}

.nc-billing-plans-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.nc-billing-plan-card {
    display: grid;
    gap: 0.85rem;
    padding: 1.15rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    box-shadow: 0 16px 34px rgba(var(--nc-primary-dark-rgb), 0.06);
    position: relative;
    overflow: hidden;
}

.nc-billing-plan-visual {
    height: clamp(170px, 16vw, 230px);
    margin: -1.15rem -1.15rem 0;
    overflow: hidden;
    background: var(--nc-primary-soft);
}

.nc-billing-plan-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 38%;
}

.nc-billing-plan-card.is-current {
    border-color: var(--nc-success);
    background: linear-gradient(180deg, rgba(47, 158, 103, 0.05), var(--nc-white) 42%);
    box-shadow: 0 18px 40px rgba(47, 158, 103, 0.16);
}

.nc-billing-plan-card.is-recommended:not(.is-current) {
    border-color: var(--nc-primary);
    box-shadow: 0 22px 48px rgba(var(--nc-primary-dark-rgb), 0.18);
}

.nc-billing-plan-card.is-recommended {
    border-width: 2px;
}

.nc-billing-plan-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.nc-billing-plan-head h4 {
    margin: 0.15rem 0 0;
    color: var(--nc-dark);
    font-size: 1.18rem;
    font-weight: 900;
}

.nc-billing-plan-card p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-billing-plan-price-group {
    display: grid;
    gap: 0.1rem;
}

.nc-billing-plan-price {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    color: var(--nc-muted);
}

.nc-billing-plan-price strong {
    color: var(--nc-primary-dark);
    font-size: 1.55rem;
    font-weight: 900;
}

.nc-billing-plan-currency {
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.2;
}

.nc-billing-limit-list {
    display: grid;
    gap: 0.5rem;
    padding: 0.75rem;
    margin: 0;
    list-style: none;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-billing-limit-list li {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-billing-limit-list i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    color: var(--nc-primary);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
}

.nc-billing-limit-list strong {
    color: var(--nc-dark);
    font-weight: 900;
    white-space: nowrap;
}

.nc-billing-permission-list {
    display: grid;
    gap: 0.45rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.nc-billing-permission-list li {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--nc-dark);
    font-weight: 800;
}

.nc-billing-permission-list i {
    color: var(--nc-success);
}

.nc-billing-plan-note {
    padding: 0.65rem 0.75rem;
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border: 1px solid rgba(201, 133, 24, 0.2);
    border-radius: 14px;
    font-size: 0.86rem;
    font-weight: 800;
}

.nc-billing-plan-limit-warning {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border: 1px solid rgba(201, 133, 24, 0.22);
    border-radius: 14px;
    font-size: 0.86rem;
}

.nc-billing-plan-limit-warning strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-billing-plan-limit-warning ul {
    display: grid;
    gap: 0.25rem;
    padding-left: 1rem;
    margin: 0;
}

.nc-billing-plan-card .nc-btn {
    justify-content: center;
    width: 100%;
    margin-top: auto;
}

.nc-billing-plan-card.is-recommended .nc-btn-primary {
    box-shadow: 0 14px 28px rgba(var(--nc-primary-dark-rgb), 0.22);
}

.nc-billing-plans-footnote {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
    color: var(--nc-muted);
    font-size: 0.9rem;
    font-weight: 800;
}

.nc-billing-plans-footnote i {
    color: var(--nc-muted);
}

.nc-billing-payment-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.nc-billing-receipt {
    display: grid;
    gap: 1rem;
}

.nc-billing-receipt-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 0 0.9rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-billing-receipt-brand {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.nc-billing-receipt-brand > img {
    display: block;
    width: min(190px, 30vw);
    height: auto;
}

.nc-billing-receipt-brand > div {
    min-width: 0;
}

.nc-billing-receipt-brand > div > span {
    color: var(--nc-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nc-billing-receipt-head h3 {
    margin: 0.2rem 0;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-billing-receipt-head p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-billing-receipt-total {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
    text-align: right;
}

.nc-billing-receipt-total > strong {
    color: var(--nc-primary-dark);
    font-size: 1.65rem;
    font-weight: 900;
    white-space: nowrap;
}

.nc-billing-receipt-total > small {
    color: var(--nc-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.nc-billing-receipt-section {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-billing-receipt-sections {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.nc-billing-receipt-section.is-wide {
    grid-column: 1 / -1;
}

.nc-billing-receipt-section h4 {
    margin: 0;
    padding: 0.5rem 0.65rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border-bottom: 1px solid var(--nc-border);
    font-size: 1rem;
    font-weight: 900;
}

.nc-billing-receipt-table {
    width: 100%;
    color: var(--nc-dark);
    border-collapse: collapse;
    table-layout: fixed;
}

.nc-billing-receipt-table th,
.nc-billing-receipt-table td {
    padding: 0.48rem 0.65rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.72);
    overflow-wrap: anywhere;
}

.nc-billing-receipt-table tr:last-child th,
.nc-billing-receipt-table tr:last-child td {
    border-bottom: 0;
}

.nc-billing-receipt-table th {
    width: 40%;
    color: var(--nc-muted);
    background: rgba(var(--nc-primary-rgb), 0.025);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.nc-billing-receipt-table td {
    color: var(--nc-dark);
    font-size: 0.88rem;
    font-weight: 900;
}

.nc-billing-receipt-provider-documents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.8rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-billing-receipt-provider-documents p {
    margin: 0.15rem 0 0;
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-billing-receipt-provider-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.nc-billing-receipt-reference {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, var(--nc-primary-soft), var(--nc-white));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-billing-receipt-reference strong {
    display: block;
    margin-top: 0.35rem;
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-billing-receipt-reference p {
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
    font-size: 0.85rem;
}

.nc-billing-receipt-qr {
    display: grid;
    width: 112px;
    min-height: 112px;
    place-items: center;
    padding: 7px;
    overflow: hidden;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-billing-receipt-qr canvas,
.nc-billing-receipt-qr img {
    display: block;
    width: 96px !important;
    height: 96px !important;
}

.nc-billing-receipt-qr.is-fallback {
    min-height: auto;
    overflow-wrap: anywhere;
    color: var(--nc-muted);
    font-size: 0.74rem;
    text-align: center;
}

.nc-billing-receipt-note {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-billing-receipt-note i {
    margin-top: 0.15rem;
    color: var(--nc-primary);
}

@media (max-width: 991.98px) {
    .nc-billing-status-card,
    .nc-billing-plans-grid {
        grid-template-columns: 1fr;
    }

    .nc-billing-status-actions,
    .nc-billing-status-actions .nc-btn {
        justify-content: stretch;
        width: 100%;
    }

    .nc-billing-return-experience,
    .nc-billing-scheduled-cancellation {
        grid-template-columns: minmax(140px, 190px) minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .nc-billing-plan-change {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .nc-billing-plan-change-character {
        flex-basis: 88px;
        width: 88px;
        height: 88px;
        margin: 0;
    }

    .nc-billing-plan-change > .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-billing-return-experience,
    .nc-billing-scheduled-cancellation {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .nc-billing-scheduled-cancellation-actions,
    .nc-billing-scheduled-cancellation-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-billing-receipt-head,
    .nc-billing-receipt-reference {
        grid-template-columns: 1fr;
    }

    .nc-billing-receipt-head {
        display: grid;
    }

    .nc-billing-receipt-brand {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.65rem;
    }

    .nc-billing-receipt-brand > img {
        width: min(190px, 62vw);
    }

    .nc-billing-receipt-sections {
        grid-template-columns: 1fr;
    }

    .nc-billing-receipt-section.is-wide {
        grid-column: auto;
    }

    .nc-billing-receipt-total {
        justify-items: start;
        text-align: left;
    }

    .nc-billing-receipt-qr {
        justify-self: center;
    }

    .nc-billing-receipt-provider-documents {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-billing-receipt-provider-actions,
    .nc-billing-receipt-provider-actions .nc-btn {
        width: 100%;
    }

    .nc-billing-receipt-provider-actions .nc-btn {
        justify-content: center;
    }

    .nc-billing-return-character img {
        width: min(58vw, 180px);
        max-height: 200px;
    }

    .nc-billing-return-help {
        text-align: left;
    }

    .nc-billing-return-help-actions,
    .nc-billing-return-help-actions .nc-btn {
        width: 100%;
    }

    .nc-billing-return-help-actions .nc-btn {
        justify-content: center;
    }

    .nc-billing-notice {
        width: calc(100% - 32px);
        align-items: center;
        gap: 0.55rem;
        padding: 0.65rem 0.8rem;
        border-radius: 0 0 16px 16px;
    }

    .nc-billing-notice-text-full {
        display: none;
    }

    .nc-billing-notice-text-short {
        display: inline;
        flex: 1 1 auto;
        min-width: 0;
        font-size: 0.86rem;
        line-height: 1.25;
    }

    .nc-billing-notice a {
        flex: 0 0 auto;
        margin-left: 0;
        padding: 0.42rem 0.62rem;
        border: 1px solid currentColor;
        border-radius: 999px;
        font-size: 0.78rem;
        line-height: 1;
        white-space: nowrap;
    }

    .nc-billing-receipt-head {
        grid-template-columns: 1fr;
    }
}

/* Gallery */
.nc-gallery-layout {
    display: grid;
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.nc-card.nc-gallery-filter-panel {
    position: sticky;
    top: calc(var(--nc-topbar-height) + 18px);
    align-self: start;
    z-index: 5;
    max-height: calc(100vh - var(--nc-topbar-height) - 48px);
    overflow: auto;
    padding: 1.1rem;
    background: var(--nc-white);
    box-shadow: 0 18px 42px rgba(var(--nc-primary-dark-rgb), 0.08);
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: stable;
}

.nc-card.nc-gallery-filter-panel.is-scrolling {
    scrollbar-color: rgba(var(--nc-primary-dark-rgb), 0.34) transparent;
}

.nc-card.nc-gallery-filter-panel::-webkit-scrollbar {
    width: 8px;
}

.nc-card.nc-gallery-filter-panel::-webkit-scrollbar-track {
    background: transparent;
}

.nc-card.nc-gallery-filter-panel::-webkit-scrollbar-thumb {
    background-color: transparent;
    background-image: linear-gradient(
        to bottom,
        transparent calc(50% - 26px),
        rgba(var(--nc-primary-dark-rgb), 0.34) calc(50% - 26px),
        rgba(var(--nc-primary-dark-rgb), 0.34) calc(50% + 26px),
        transparent calc(50% + 26px)
    );
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 999px;
    opacity: 0;
    transition: opacity 0.9s ease;
}

.nc-card.nc-gallery-filter-panel.is-scrolling::-webkit-scrollbar-thumb {
    background-color: transparent;
    opacity: 1;
    transition-duration: 0.12s;
}

.nc-gallery-filter-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.nc-gallery-filter-head h3 {
    margin: 0.1rem 0 0;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
}

.nc-gallery-search {
    margin-bottom: 1rem;
}

.nc-gallery-search .form-label {
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
}

.nc-gallery-search-control {
    position: relative;
}

.nc-gallery-search-control i {
    position: absolute;
    top: 50%;
    left: 1rem;
    z-index: 1;
    color: var(--nc-muted);
    transform: translateY(-50%);
}

.nc-gallery-search-control .nc-form-control {
    padding-left: 2.55rem;
}

.nc-gallery-search p {
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.nc-gallery-filter-search {
    padding-top: 0.85rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-gallery-select-stack {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.nc-gallery-select-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.nc-gallery-select-stack .form-label {
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
}

.nc-gallery-filter-groups {
    display: grid;
    gap: 1.05rem;
}

.nc-gallery-modal-filters {
    padding-top: 1rem;
    margin-top: 1.35rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-gallery-modal-filters h6 {
    margin: 0.2rem 0 0.25rem;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
}

.nc-gallery-modal-filters p {
    margin: 0 0 1rem;
    color: var(--nc-muted);
}

.nc-gallery-filter-group h4 {
    margin: 0 0 0.55rem;
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 900;
}

.nc-gallery-filter-group > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.nc-gallery-check {
    position: relative;
    cursor: pointer;
}

.nc-gallery-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.nc-gallery-check span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.38rem 0.7rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 9px;
    font-size: 0.78rem;
    font-weight: 800;
    transition: 0.18s ease;
}

.nc-gallery-check b {
    width: 0.75rem;
    height: 0.75rem;
    flex: 0 0 0.75rem;
    background: var(--nc-gallery-dot, var(--nc-primary));
    border: 1px solid rgba(41, 37, 42, 0.1);
    border-radius: 999px;
}

.nc-gallery-check b.nc-gallery-option-icon {
    width: 1rem;
    height: 1rem;
    flex-basis: 1rem;
    background: currentColor;
    border: 0;
    border-radius: 0;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.nc-gallery-option-icon--manos {
    -webkit-mask-image: url('/assets/img/galerias/filtros/mano.svg');
    mask-image: url('/assets/img/galerias/filtros/mano.svg');
}

.nc-gallery-option-icon--pies {
    -webkit-mask-image: url('/assets/img/galerias/filtros/pie.svg');
    mask-image: url('/assets/img/galerias/filtros/pie.svg');
}

.nc-gallery-option-icon--boda {
    -webkit-mask-image: url('/assets/img/galerias/filtros/boda.svg');
    mask-image: url('/assets/img/galerias/filtros/boda.svg');
}

.nc-gallery-option-icon--cumpleanos {
    -webkit-mask-image: url('/assets/img/galerias/filtros/cumpleanos.svg');
    mask-image: url('/assets/img/galerias/filtros/cumpleanos.svg');
}

.nc-gallery-option-icon--navidad {
    -webkit-mask-image: url('/assets/img/galerias/filtros/navidad.svg');
    mask-image: url('/assets/img/galerias/filtros/navidad.svg');
}

.nc-gallery-option-icon--halloween {
    -webkit-mask-image: url('/assets/img/galerias/filtros/halloween.svg');
    mask-image: url('/assets/img/galerias/filtros/halloween.svg');
}

.nc-gallery-option-icon--pedida_de_mano {
    -webkit-mask-image: url('/assets/img/galerias/filtros/pedidamano.svg');
    mask-image: url('/assets/img/galerias/filtros/pedidamano.svg');
}

.nc-gallery-option-icon--festival_concierto {
    -webkit-mask-image: url('/assets/img/galerias/filtros/concierto.svg');
    mask-image: url('/assets/img/galerias/filtros/concierto.svg');
}

.nc-gallery-option-icon--xv_anos {
    -webkit-mask-image: url('/assets/img/galerias/filtros/xvanos.svg');
    mask-image: url('/assets/img/galerias/filtros/xvanos.svg');
}

.nc-gallery-option-icon--regreso_a_clases {
    -webkit-mask-image: url('/assets/img/galerias/filtros/regresoclases.svg');
    mask-image: url('/assets/img/galerias/filtros/regresoclases.svg');
}

.nc-gallery-option-icon--san_valentin {
    -webkit-mask-image: url('/assets/img/galerias/filtros/sanvalentin.svg');
    mask-image: url('/assets/img/galerias/filtros/sanvalentin.svg');
}

.nc-gallery-option-icon--graduacion {
    -webkit-mask-image: url('/assets/img/galerias/filtros/graduacion.svg');
    mask-image: url('/assets/img/galerias/filtros/graduacion.svg');
}

.nc-gallery-option-icon--evento_corporativo {
    -webkit-mask-image: url('/assets/img/galerias/filtros/corporativo.svg');
    mask-image: url('/assets/img/galerias/filtros/corporativo.svg');
}

.nc-gallery-option-icon--fiestas_patrias {
    -webkit-mask-image: url('/assets/img/galerias/filtros/fiestaspatrias.svg');
    mask-image: url('/assets/img/galerias/filtros/fiestaspatrias.svg');
}

.nc-gallery-option-icon--ano_nuevo {
    -webkit-mask-image: url('/assets/img/galerias/filtros/anonuevo.svg');
    mask-image: url('/assets/img/galerias/filtros/anonuevo.svg');
}

.nc-gallery-option-icon--dia_de_las_madres {
    -webkit-mask-image: url('/assets/img/galerias/filtros/diamadres.svg');
    mask-image: url('/assets/img/galerias/filtros/diamadres.svg');
}

.nc-gallery-option-icon--playa {
    -webkit-mask-image: url('/assets/img/galerias/filtros/playa.svg');
    mask-image: url('/assets/img/galerias/filtros/playa.svg');
}

.nc-gallery-option-icon--hello_kitty {
    -webkit-mask-image: url('/assets/img/galerias/filtros/hellokitty.svg');
    mask-image: url('/assets/img/galerias/filtros/hellokitty.svg');
}

.nc-gallery-option-icon--disney {
    -webkit-mask-image: url('/assets/img/galerias/filtros/disney.svg');
    mask-image: url('/assets/img/galerias/filtros/disney.svg');
}

.nc-gallery-option-icon--corazones {
    -webkit-mask-image: url('/assets/img/galerias/filtros/corazones.svg');
    mask-image: url('/assets/img/galerias/filtros/corazones.svg');
}

.nc-gallery-option-icon--frutas {
    -webkit-mask-image: url('/assets/img/galerias/filtros/frutas.svg');
    mask-image: url('/assets/img/galerias/filtros/frutas.svg');
}

.nc-gallery-option-icon--futbol {
    -webkit-mask-image: url('/assets/img/galerias/filtros/futbol.svg');
    mask-image: url('/assets/img/galerias/filtros/futbol.svg');
}

.nc-gallery-option-icon--caricaturas {
    -webkit-mask-image: url('/assets/img/galerias/filtros/caricaturas.svg');
    mask-image: url('/assets/img/galerias/filtros/caricaturas.svg');
}

.nc-gallery-option-icon--rock {
    -webkit-mask-image: url('/assets/img/galerias/filtros/rock.svg');
    mask-image: url('/assets/img/galerias/filtros/rock.svg');
}

.nc-gallery-option-icon--animal_print {
    -webkit-mask-image: url('/assets/img/galerias/filtros/animalprint.svg');
    mask-image: url('/assets/img/galerias/filtros/animalprint.svg');
}

.nc-gallery-option-icon--estrellas {
    -webkit-mask-image: url('/assets/img/galerias/filtros/estrellas.svg');
    mask-image: url('/assets/img/galerias/filtros/estrellas.svg');
}

.nc-gallery-option-icon--flores {
    -webkit-mask-image: url('/assets/img/galerias/filtros/flores.svg');
    mask-image: url('/assets/img/galerias/filtros/flores.svg');
}

.nc-gallery-option-icon--primavera {
    -webkit-mask-image: url('/assets/img/galerias/filtros/primavera.svg');
    mask-image: url('/assets/img/galerias/filtros/primavera.svg');
}

.nc-gallery-option-icon--verano {
    -webkit-mask-image: url('/assets/img/galerias/filtros/verano.svg');
    mask-image: url('/assets/img/galerias/filtros/verano.svg');
}

.nc-gallery-option-icon--otono {
    -webkit-mask-image: url('/assets/img/galerias/filtros/otono.svg');
    mask-image: url('/assets/img/galerias/filtros/otono.svg');
}

.nc-gallery-option-icon--invierno {
    -webkit-mask-image: url('/assets/img/galerias/filtros/invierno.svg');
    mask-image: url('/assets/img/galerias/filtros/invierno.svg');
}

.nc-gallery-check input:checked + span {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
    box-shadow: 0 10px 22px rgba(var(--nc-primary-dark-rgb), 0.13);
}

.nc-gallery-filter-group:not(.is-expanded) .is-extra-option {
    display: none;
}

.nc-gallery-filter-group.is-searching .is-extra-option {
    display: inline-flex;
}

.nc-gallery-more-link,
.nc-gallery-clear-link {
    padding: 0;
    margin-top: 0.55rem;
    color: var(--nc-primary-dark);
    background: transparent;
    border: 0;
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-gallery-filter-empty {
    margin: 0;
    color: var(--nc-muted);
}

.nc-gallery-filter-actions {
    position: sticky;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    padding-top: 1rem;
    margin-top: 1.1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--nc-white) 28%);
}

.nc-gallery-filter-actions .nc-btn {
    width: 100%;
    min-height: 46px;
    white-space: nowrap;
}

.nc-gallery-board-card {
    min-width: 0;
}

.nc-gallery-active-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.nc-gallery-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 38px;
    align-items: center;
}

.nc-gallery-active-filters button {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0.45rem 0.85rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-weight: 800;
}

.nc-gallery-active-filters i {
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-gallery-active-placeholder {
    color: var(--nc-muted);
    font-weight: 700;
}

.nc-gallery-board-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.nc-gallery-counter {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.nc-gallery-counter span {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 11px;
}

.nc-gallery-counter strong {
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-gallery-board-actions {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.nc-gallery-order {
    width: 240px;
    min-height: 46px;
}

.nc-gallery-view-toggle {
    display: flex;
    gap: 0.45rem;
}

.nc-gallery-view-toggle button,
.nc-gallery-floating-btn {
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    transition: 0.18s ease;
}

.nc-gallery-view-toggle button.active,
.nc-gallery-view-toggle button:hover,
.nc-gallery-floating-btn:hover {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
}

.nc-gallery-loading {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    color: var(--nc-muted);
    font-weight: 700;
}

.nc-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.nc-gallery-grid.is-compact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.nc-gallery-photo-card {
    min-width: 0;
    overflow: hidden;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(var(--nc-primary-dark-rgb), 0.08);
}

.nc-gallery-photo-card.is-deleting {
    opacity: 0.65;
    pointer-events: none;
    cursor: wait;
}

.nc-gallery-photo-image {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: linear-gradient(135deg, var(--nc-primary-soft), #fff);
}

.nc-gallery-grid.is-compact .nc-gallery-photo-image {
    aspect-ratio: 1 / 1;
}

.nc-gallery-photo-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nc-gallery-lightbox-trigger {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
    overflow: hidden;
    cursor: zoom-in;
    background: transparent;
    border: 0;
}

.nc-gallery-lightbox-trigger:focus-visible {
    outline: 3px solid rgba(var(--nc-primary-rgb), 0.35);
    outline-offset: -3px;
}

.nc-gallery-lightbox-trigger img {
    transition: transform 0.24s ease;
}

.nc-gallery-photo-card:hover .nc-gallery-lightbox-trigger img {
    transform: scale(1.035);
}

.nc-gallery-photo-image > span {
    height: 100%;
    display: grid;
    place-items: center;
    gap: 0.35rem;
    color: var(--nc-muted);
    font-weight: 800;
    text-align: center;
}

.nc-gallery-photo-image > span i {
    color: var(--nc-primary);
    font-size: 2rem;
}

.nc-gallery-card-actions-floating {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    display: flex;
    gap: 0.35rem;
    z-index: 2;
}

.nc-gallery-floating-btn {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    box-shadow: 0 10px 22px rgba(41, 37, 42, 0.12);
}

.nc-gallery-photo-badges {
    position: absolute;
    right: 0.65rem;
    bottom: 0.65rem;
    left: 0.65rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.nc-gallery-photo-badges span,
.nc-gallery-card-state {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.28rem 0.6rem;
    color: var(--nc-dark);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(var(--nc-border-rgb), 0.85);
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 900;
    backdrop-filter: blur(6px);
}

.nc-gallery-photo-badges span.is-primary,
.nc-gallery-card-state-public {
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.95);
}

.nc-gallery-photo-body {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
}

.nc-gallery-photo-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
}

.nc-gallery-photo-card .nc-gallery-photo-title-row h3 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--nc-dark);
    opacity: 0.76;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nc-gallery-photo-title-row > span {
    color: var(--nc-primary-dark);
    font-size: 0.72rem;
    font-weight: 900;
}

.nc-gallery-photo-body p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.nc-gallery-photo-meta,
.nc-gallery-hashtags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.nc-gallery-photo-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.nc-gallery-photo-meta i {
    color: var(--nc-primary);
}

.nc-gallery-hashtags span,
.nc-gallery-hashtags button {
    display: inline-flex;
    align-items: center;
    padding: 0.24rem 0.5rem;
    color: var(--nc-muted);
    background: #f7f5f7;
    border: 0;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.nc-gallery-hashtags button {
    cursor: pointer;
    transition: 0.18s ease;
}

.nc-gallery-hashtags button:hover,
.nc-gallery-hashtags button:focus-visible {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    box-shadow: 0 8px 18px rgba(var(--nc-primary-dark-rgb), 0.12);
}

.nc-gallery-grid.is-compact .nc-gallery-photo-body p,
.nc-gallery-grid.is-compact .nc-gallery-photo-meta,
.nc-gallery-grid.is-compact .nc-gallery-hashtags {
    display: none;
}

.nc-gallery-empty {
    grid-column: 1 / -1;
    min-height: 360px;
}

.nc-gallery-empty-nali {
    display: block;
    width: min(210px, 62vw);
    height: auto;
    margin: 0 auto 0.65rem;
    object-fit: contain;
}

.nc-gallery-empty.has-nali h3 {
    margin-top: 0;
}

.nc-gallery-pagination {
    padding-top: 1rem;
    color: var(--nc-muted);
}

.nc-gallery-infinite-status {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    color: var(--nc-muted);
    font-size: 0.9rem;
    font-weight: 700;
    text-align: center;
}

.nc-gallery-infinite-status strong {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--nc-primary-dark);
    font-weight: 900;
}

.nc-gallery-infinite-sentinel {
    width: 1px;
    height: 1px;
}

.nc-gallery-current-preview {
    margin-top: 1rem;
    padding: 0.75rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-gallery-current-preview span {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-gallery-current-preview img {
    width: 100%;
    max-height: 280px;
    display: block;
    object-fit: cover;
    border-radius: 14px;
}

.nc-gallery-design-modal {
    overflow: hidden;
}

.nc-gallery-modal-header {
    align-items: flex-start;
    padding: 1.35rem 1.5rem 1.1rem;
}

.nc-gallery-modal-title-wrap {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.nc-gallery-modal-icon {
    width: 48px;
    height: 48px;
    display: inline-grid;
    flex: 0 0 48px;
    place-items: center;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    font-size: 1.25rem;
}

.nc-gallery-design-modal .modal-title {
    margin: 0.1rem 0 0.2rem;
    color: var(--nc-dark);
    font-size: 1.35rem;
    font-weight: 900;
}

.nc-gallery-modal-main {
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--nc-border);
    border-radius: 18px 18px 0 0;
}

.nc-gallery-photo-panel,
.nc-gallery-basic-panel {
    padding: 1.2rem;
}

.nc-gallery-photo-panel {
    border-right: 1px solid var(--nc-border);
}

.nc-gallery-basic-panel {
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.28), rgba(255, 255, 255, 0.98));
}

.nc-gallery-design-modal .form-label {
    color: var(--nc-dark);
    font-size: 0.84rem;
    font-weight: 900;
}

.nc-gallery-design-modal .nc-gallery-current-preview {
    position: relative;
    margin: 0 0 0.95rem;
    padding: 0;
    overflow: hidden;
    background: var(--nc-primary-soft);
    border-radius: 16px;
}

.nc-gallery-design-modal .nc-gallery-current-preview span {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.25rem 0.55rem;
    margin: 0;
    color: var(--nc-white);
    background: rgba(41, 37, 42, 0.78);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
}

.nc-gallery-design-modal .nc-gallery-current-preview img {
    width: 100%;
    height: 255px;
    max-height: none;
    object-fit: cover;
    border-radius: 16px;
}

.nc-gallery-batch-notice,
.nc-gallery-batch-result {
    margin: 0.85rem 0 0;
    padding: 0.8rem;
    border-radius: 14px;
}

.nc-gallery-batch-notice > i:first-child,
.nc-gallery-batch-result > i:first-child {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 0.9rem;
}

.nc-gallery-batch-notice strong,
.nc-gallery-batch-result strong {
    font-size: 0.84rem;
}

.nc-gallery-batch-notice p,
.nc-gallery-batch-result p {
    font-size: 0.78rem;
    line-height: 1.35;
}

.nc-gallery-batch-retry .nc-gallery-basic-panel,
.nc-gallery-batch-retry .nc-gallery-modal-filters {
    opacity: 0.68;
}

.nc-gallery-batch-retry .nc-file-dropzone {
    cursor: not-allowed;
    opacity: 0.72;
}

.nc-gallery-photo-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.nc-gallery-photo-tools .nc-btn {
    min-height: 40px;
}

.nc-gallery-photo-tools .nc-btn:last-child {
    color: var(--nc-primary-dark);
}

.nc-gallery-input-icon {
    position: relative;
}

.nc-gallery-input-icon > i {
    position: absolute;
    top: 50%;
    left: 0.95rem;
    z-index: 2;
    color: var(--nc-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.nc-gallery-input-icon .nc-form-control {
    padding-left: 2.45rem;
}

.nc-gallery-input-icon textarea.nc-form-control {
    padding-left: 1rem;
}

.nc-gallery-tag-input {
    min-height: 48px;
    display: flex;
    align-items: flex-start;
    padding: 0.48rem 0.75rem 0.48rem 2.45rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.nc-gallery-tag-input:focus-within {
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--nc-primary-rgb), 0.12);
}

.nc-gallery-tag-input > i {
    top: 1.05rem;
    transform: none;
}

.nc-gallery-tag-list {
    width: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.nc-gallery-tag-field {
    min-width: 160px;
    flex: 1 1 160px;
    min-height: 32px;
    padding: 0.2rem 0;
    color: var(--nc-dark);
    background: transparent;
    border: 0;
    outline: 0;
    font: inherit;
}

.nc-gallery-tag-field::placeholder {
    color: var(--nc-muted);
}

.nc-gallery-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 30px;
    padding: 0.28rem 0.58rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-gallery-tag-chip i {
    font-size: 0.72rem;
}

.nc-gallery-tag-chip:hover {
    border-color: rgba(var(--nc-primary-rgb), 0.45);
    box-shadow: 0 8px 18px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-gallery-modal-filters {
    padding: 1.1rem 1.2rem 0;
    margin: 0;
    border: 1px solid var(--nc-border);
    border-top: 0;
    border-radius: 0 0 18px 18px;
}

.nc-gallery-classification-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.nc-gallery-classification-head h6 {
    margin: 0.15rem 0 0.25rem;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
}

.nc-gallery-classification-head p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-gallery-classification-search {
    position: relative;
    width: min(320px, 100%);
    align-self: center;
    flex-shrink: 0;
}

.nc-gallery-classification-search i {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 2.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-muted);
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.nc-gallery-classification-search .nc-form-control {
    padding-left: 2.65rem;
}

.nc-gallery-design-modal.nc-modal-busy .modal-body {
    opacity: 0.72;
    pointer-events: none;
    transition: opacity 0.18s ease;
}

.nc-gallery-lightbox-shell {
    background: rgba(16, 13, 17, 0.92);
}

.nc-gallery-lightbox-shell .modal-dialog {
    margin: 0;
}

.nc-gallery-lightbox-modal {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 18% 14%, rgba(var(--nc-primary-rgb), 0.18), transparent 34%),
        #100d11;
    border: 0;
    border-radius: 0;
}

.nc-gallery-lightbox-topbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem clamp(1rem, 3vw, 2rem);
    background: linear-gradient(180deg, rgba(16, 13, 17, 0.84), rgba(16, 13, 17, 0));
}

.nc-gallery-lightbox-topbar span {
    display: inline-flex;
    margin-bottom: 0.3rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.82rem;
    font-weight: 900;
}

.nc-gallery-lightbox-modal .modal-title {
    margin: 0;
    color: #fff;
    font-size: clamp(1.05rem, 2vw, 1.5rem);
    font-weight: 900;
}

.nc-gallery-lightbox-topbar p {
    margin: 0.25rem 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.9rem;
}

.nc-gallery-lightbox-close,
.nc-gallery-lightbox-nav {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(12px);
    transition: transform 0.18s ease, background 0.18s ease, opacity 0.18s ease;
}

.nc-gallery-lightbox-close {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 1.2rem;
}

.nc-gallery-lightbox-nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    font-size: 1.2rem;
    transform: translateY(-50%);
}

.nc-gallery-lightbox-prev {
    left: clamp(0.7rem, 2vw, 1.6rem);
}

.nc-gallery-lightbox-next {
    right: clamp(0.7rem, 2vw, 1.6rem);
}

.nc-gallery-lightbox-close:hover,
.nc-gallery-lightbox-nav:hover:not(:disabled) {
    background: rgba(var(--nc-primary-rgb), 0.86);
    transform: translateY(-50%) scale(1.04);
}

.nc-gallery-lightbox-close:hover {
    transform: scale(1.04);
}

.nc-gallery-lightbox-nav:disabled {
    cursor: not-allowed;
    opacity: 0.32;
}

.nc-gallery-lightbox-frame {
    width: 100%;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 5.4rem 6rem 2rem;
}

.nc-gallery-lightbox-frame img {
    max-width: 100%;
    max-height: calc(100vh - 8rem);
    display: block;
    object-fit: contain;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
}

.nc-gallery-selected-row {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.85);
}

.nc-gallery-selected-row > strong {
    color: var(--nc-dark);
    font-size: 0.84rem;
    font-weight: 900;
}

.nc-gallery-selected-row > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    color: var(--nc-muted);
    font-size: 0.84rem;
    font-weight: 700;
}

.nc-gallery-selected-row button {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 32px;
    padding: 0.35rem 0.7rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-gallery-modal-filter-row {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) 34px;
    gap: 0.85rem;
    align-items: center;
    padding: 0.65rem 0;
    margin: 0;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.85);
}

.nc-gallery-modal-filter-label {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.nc-gallery-modal-filter-label i {
    width: 22px;
    color: var(--nc-primary);
    text-align: center;
}

.nc-gallery-modal-filter-label strong {
    color: var(--nc-dark);
    font-size: 0.86rem;
    font-weight: 900;
}

.nc-gallery-modal-filter-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.nc-gallery-modal-filter-row .nc-gallery-check span {
    min-height: 30px;
    padding: 0.32rem 0.7rem;
    border-radius: 8px;
    font-size: 0.74rem;
}

.nc-gallery-modal-filter-row.is-searching .is-extra-option {
    display: inline-flex;
}

.nc-gallery-modal-row-toggle,
.nc-gallery-modal-row-spacer {
    width: 34px;
    height: 34px;
}

.nc-gallery-modal-row-toggle {
    display: inline-grid;
    place-items: center;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-radius: 999px;
}

.nc-gallery-modal-row-toggle i {
    transition: transform 0.18s ease;
}

.nc-gallery-modal-filter-row.is-expanded .nc-gallery-modal-row-toggle i {
    transform: rotate(180deg);
}

.nc-gallery-filter-backdrop {
    display: none;
}

@media (max-width: 1499px) {
    .nc-gallery-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-gallery-grid.is-compact {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .nc-gallery-layout {
        grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
    }

    .nc-gallery-grid,
    .nc-gallery-grid.is-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .nc-gallery-layout {
        display: block;
    }

    .nc-gallery-modal-main {
        grid-template-columns: 1fr;
    }

    .nc-gallery-photo-panel {
        border-right: 0;
        border-bottom: 1px solid var(--nc-border);
    }

    .nc-gallery-classification-head {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-gallery-classification-search {
        align-self: stretch;
        width: 100%;
    }

    .nc-gallery-modal-filter-row {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .nc-gallery-modal-row-toggle,
    .nc-gallery-modal-row-spacer {
        display: none;
    }

    .nc-card.nc-gallery-filter-panel {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1060;
        width: min(360px, calc(100vw - 1.5rem));
        height: 100vh;
        height: 100dvh;
        max-height: none;
        overflow: auto;
        border-radius: 0 22px 22px 0;
        scrollbar-gutter: auto;
        transform: translateX(-105%);
        transition: transform 0.22s ease;
    }

    .nc-card.nc-gallery-filter-panel::-webkit-scrollbar {
        width: 4px;
    }

    .nc-gallery-filter-panel.is-open {
        transform: translateX(0);
    }

    .nc-gallery-filter-backdrop.is-open {
        position: fixed;
        inset: 0;
        z-index: 1059;
        display: block;
        background: rgba(41, 37, 42, 0.45);
    }

    .nc-gallery-filter-open {
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .nc-gallery-lightbox-topbar {
        padding: 0.85rem 0.85rem 0;
    }

    .nc-gallery-lightbox-topbar p {
        display: none;
    }

    .nc-gallery-lightbox-close {
        width: 42px;
        height: 42px;
    }

    .nc-gallery-lightbox-nav {
        width: 44px;
        height: 44px;
        font-size: 1rem;
    }

    .nc-gallery-lightbox-frame {
        padding: 4.7rem 0.85rem 1rem;
    }

    .nc-gallery-lightbox-frame img {
        max-height: calc(100vh - 6.2rem);
        border-radius: 14px;
    }

    .nc-gallery-modal-header {
        padding: 1rem;
    }

    .nc-gallery-modal-title-wrap {
        gap: 0.75rem;
    }

    .nc-gallery-design-modal .modal-title {
        font-size: 1.1rem;
    }

    .nc-gallery-design-modal .nc-modal-description {
        display: none;
    }

    #ncGalleryNewBtn {
        width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center;
    }

    #ncGalleryNewBtn .nc-gallery-new-label {
        display: none;
    }

    .nc-gallery-photo-panel,
    .nc-gallery-basic-panel,
    .nc-gallery-modal-filters {
        padding: 1rem;
    }

    .nc-gallery-basic-panel .row > .nc-gallery-mobile-half {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .nc-gallery-selected-row {
        grid-template-columns: 1fr;
    }

    .nc-gallery-photo-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-gallery-photo-tools .nc-btn {
        width: 100%;
    }

    .nc-gallery-board-toolbar,
    .nc-gallery-active-row {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-gallery-board-actions {
        align-items: stretch;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-gallery-order {
        grid-column: 1 / -1;
        width: 100%;
    }

    .nc-gallery-view-toggle {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .nc-gallery-grid,
    .nc-gallery-grid.is-compact {
        grid-template-columns: 1fr;
    }

    .nc-gallery-filter-actions,
    .nc-gallery-pagination {
        align-items: stretch;
        grid-template-columns: 1fr;
        flex-direction: column;
    }
}

/* Gallery watermarks */
.nc-watermark-help-grid {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

html.nc-help-visible .nc-watermark-help-grid {
    display: grid;
}

.nc-watermark-help-card {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    min-height: 104px;
    padding: 1rem;
    background: linear-gradient(135deg, var(--nc-primary-soft), var(--nc-white) 76%);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-watermark-help-card > span,
.nc-watermark-card-type,
.nc-watermark-current-file > span,
.nc-watermark-note i {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-watermark-help-card strong {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-watermark-help-card p {
    margin: 0;
    color: var(--nc-muted);
    line-height: 1.45;
}

.nc-watermark-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 240px));
    gap: 0.85rem;
    align-items: end;
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-watermark-filters .nc-btn {
    min-height: 45px;
}

.nc-watermark-list {
    min-height: 220px;
}

.nc-watermark-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.nc-watermark-card {
    overflow: hidden;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    box-shadow: 0 16px 36px rgba(var(--nc-primary-dark-rgb), 0.08);
}

.nc-watermark-card-preview,
.nc-watermark-preview-photo {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 28% 26%, rgba(255, 255, 255, 0.48), transparent 34%),
        linear-gradient(135deg, rgba(var(--nc-primary-rgb), 0.22), rgba(205, 220, 57, 0.2)),
        linear-gradient(135deg, #f6d4df, #f8f6ef);
}

.nc-watermark-card-preview {
    min-height: 190px;
}

.nc-watermark-card-preview::before,
.nc-watermark-preview-photo::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(41, 37, 42, 0.12), transparent 40%),
        radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.42), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(41, 37, 42, 0.08));
}

.nc-watermark-card-mark,
.nc-watermark-preview-mark {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 82%;
    pointer-events: none;
    color: var(--nc-white);
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
    text-shadow: 0 7px 18px rgba(41, 37, 42, 0.38);
}

.nc-watermark-card-mark {
    --wm-margin: 8px;
}

.nc-watermark-preview-mark {
    --wm-margin: 24px;
}

.nc-watermark-card-mark.is-image {
    width: var(--wm-card-size, 52px);
}

.nc-watermark-card-mark img,
.nc-watermark-preview-mark img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.nc-watermark-card-mark.is-superior_izquierda,
.nc-watermark-preview-mark.is-superior_izquierda {
    top: var(--wm-margin);
    left: var(--wm-margin);
}

.nc-watermark-card-mark.is-superior_derecha,
.nc-watermark-preview-mark.is-superior_derecha {
    top: var(--wm-margin);
    right: var(--wm-margin);
}

.nc-watermark-card-mark.is-centro,
.nc-watermark-preview-mark.is-centro {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nc-watermark-card-mark.is-inferior_izquierda,
.nc-watermark-preview-mark.is-inferior_izquierda {
    bottom: var(--wm-margin);
    left: var(--wm-margin);
}

.nc-watermark-card-mark.is-inferior_derecha,
.nc-watermark-preview-mark.is-inferior_derecha {
    right: var(--wm-margin);
    bottom: var(--wm-margin);
}

.nc-watermark-card-body {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.nc-watermark-card-title {
    display: flex;
    gap: 0.7rem;
    align-items: center;
}

.nc-watermark-card-title h4 {
    margin: 0 0 0.18rem;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-watermark-card-title p,
.nc-watermark-meta {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
    font-weight: 650;
}

.nc-watermark-origin {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.nc-watermark-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.nc-watermark-card-actions .nc-btn {
    min-height: 38px;
}

.nc-watermark-modal .modal-dialog {
    max-width: min(1120px, calc(100vw - 2rem));
}

.nc-watermark-editor {
    display: grid;
    grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1.08fr);
    gap: 1.25rem;
}

.nc-watermark-preview-panel,
.nc-watermark-config-panel {
    padding: 1rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
}

.nc-watermark-preview-panel h6 {
    margin: 0.15rem 0 0.25rem;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
}

.nc-watermark-preview-panel p {
    margin: 0 0 1rem;
    color: var(--nc-muted);
}

.nc-watermark-preview-photo {
    min-height: 420px;
    border-radius: 20px;
}

.nc-watermark-preview-shine {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 40% 36%, rgba(255, 255, 255, 0.45), transparent 26%),
        linear-gradient(145deg, transparent 20%, rgba(255, 255, 255, 0.28) 50%, transparent 80%);
    mix-blend-mode: screen;
}

.nc-watermark-note {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    padding: 0.85rem;
    margin-top: 1rem;
    color: var(--nc-muted);
    background: #f7fbff;
    border: 1px solid #cfe4ff;
    border-radius: 15px;
    font-weight: 650;
}

.nc-watermark-note i {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    color: #1976b7;
    background: var(--nc-white);
    border-color: #cfe4ff;
}

.nc-watermark-type-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-watermark-type-toggle label {
    position: relative;
    margin: 0;
}

.nc-watermark-type-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.nc-watermark-type-toggle span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 50px;
    padding: 0.7rem;
    color: var(--nc-muted);
    background: var(--nc-white);
    font-weight: 900;
    cursor: pointer;
    transition: 0.18s ease;
}

.nc-watermark-type-toggle input:checked + span {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    box-shadow: inset 0 0 0 1px var(--nc-primary);
}

.nc-watermark-type-readonly {
    display: grid;
    gap: 0.2rem;
    margin-bottom: 1rem;
    padding: 0.85rem 0.95rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-watermark-type-readonly-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.nc-watermark-type-readonly strong {
    color: var(--nc-dark);
}

.nc-watermark-type-readonly small {
    color: var(--nc-muted);
}

.nc-watermark-logo-fields,
.nc-watermark-text-fields {
    margin-top: 1rem;
}

.nc-watermark-current-file {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem;
    margin-bottom: 0.8rem;
    border: 1px dashed var(--nc-border);
    border-radius: 16px;
}

.nc-watermark-current-file strong,
.nc-watermark-current-file small {
    display: block;
}

.nc-watermark-current-file small {
    color: var(--nc-muted);
}

.nc-watermark-color {
    min-height: 46px;
    padding: 0.45rem;
}

.nc-watermark-controls-grid {
    display: grid;
    grid-template-columns: minmax(170px, 0.65fr) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.nc-watermark-position-card,
.nc-watermark-ranges {
    padding: 0.9rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-watermark-position-grid {
    display: grid;
    grid-template-columns: repeat(3, 46px);
    grid-auto-rows: 46px;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.nc-watermark-position-grid button,
.nc-watermark-position-grid span {
    border-radius: 13px;
}

.nc-watermark-position-grid button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-muted);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    transition: 0.16s ease;
}

.nc-watermark-position-grid button.active,
.nc-watermark-position-grid button.is-active {
    color: var(--nc-primary-dark);
    border-color: var(--nc-primary);
    box-shadow: 0 10px 22px rgba(var(--nc-primary-dark-rgb), 0.14);
}

.nc-watermark-position-grid button:hover {
    color: var(--nc-primary-dark);
    border-color: var(--nc-primary);
}

.nc-watermark-ranges {
    display: grid;
    gap: 0.7rem;
}

.nc-watermark-ranges label {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 64px;
    gap: 0.75rem;
    align-items: center;
    margin: 0;
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-watermark-ranges output {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-muted);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    font-weight: 850;
}

.nc-watermark-modal.nc-modal-busy .modal-body {
    opacity: 0.72;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .nc-watermark-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .nc-watermark-help-grid,
    .nc-watermark-editor {
        grid-template-columns: 1fr;
    }

    .nc-watermark-preview-photo {
        min-height: 320px;
    }
}

@media (max-width: 767px) {
    .nc-watermark-card-grid,
    .nc-watermark-controls-grid {
        grid-template-columns: 1fr;
    }

    #ncWatermarkNewBtn {
        width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center;
    }

    #ncWatermarkNewBtn .nc-watermark-new-label,
    .nc-watermark-modal .nc-modal-description {
        display: none;
    }

    .nc-watermark-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-watermark-card-actions .nc-btn {
        width: 100%;
    }

    .nc-watermark-position-grid {
        grid-template-columns: repeat(3, minmax(0, 46px));
    }

    .nc-watermark-ranges label {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }
}

@media (max-width: 575px) {
    .nc-watermark-type-toggle {
        grid-template-columns: 1fr;
    }

    .nc-watermark-preview-photo {
        min-height: 260px;
    }
}

/* Administración masiva de servicios y comisiones. */
.nc-manicurista-bulk-services-dialog {
    max-width: min(1180px, calc(100vw - 2rem));
}

.nc-bulk-services-configuration-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.nc-bulk-services-configuration-row.is-single {
    grid-template-columns: 1fr;
}

.nc-bulk-services-filters {
    display: grid;
    grid-template-columns: minmax(150px, 0.75fr) minmax(180px, 1.1fr) minmax(110px, 0.45fr) auto;
    gap: 0.75rem;
    align-items: end;
    margin-bottom: 0.75rem;
    padding: 0.9rem;
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 8px;
}

.nc-bulk-services-filters .form-label {
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
}

.nc-bulk-services-filter-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.nc-bulk-services-filter-actions .nc-btn {
    white-space: nowrap;
}

.nc-bulk-services-status {
    min-height: 1.35rem;
    margin: 0.25rem 0 0.55rem;
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-bulk-services-mass-commission {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #fbf8ff;
    border: 1px solid #ddd1ff;
    border-radius: 8px;
}

.nc-bulk-services-mass-copy h6 {
    margin: 0.15rem 0 0.3rem;
    font-size: 1rem;
}

.nc-bulk-services-mass-copy p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}

.nc-bulk-services-mass-toggle {
    display: inline-flex;
    min-height: 2rem;
    margin: 0.85rem 0 0;
    padding-left: 5rem;
}

.nc-bulk-services-mass-toggle .form-check-label {
    margin-left: 0.6rem;
    color: #7047c7;
    font-weight: 800;
}

.nc-bulk-services-mass-toggle .form-check-input {
    width: 4rem;
    height: 2rem;
    margin-top: 0;
    margin-left: -5rem;
}

.nc-bulk-services-mass-panel {
    margin-top: 0.8rem;
    padding-top: 0.8rem;
    border-top: 1px solid #e6dcff;
}

.nc-bulk-services-mass-fields {
    display: grid;
    grid-template-columns: minmax(170px, 0.9fr) minmax(150px, 0.65fr) auto;
    gap: 0.65rem;
    align-items: end;
}

.nc-bulk-services-mass-fields .form-label {
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
}

.nc-bulk-services-mass-panel p {
    margin: 0.65rem 0 0;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-bulk-services-cards-wrap {
    min-height: 180px;
    min-width: 0;
}

.nc-bulk-services-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
}

@media (min-width: 1100px) {
    .nc-bulk-services-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.nc-bulk-service-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(64, 40, 112, 0.04);
}

.nc-bulk-service-card.is-assigned {
    border-color: color-mix(in srgb, var(--nc-primary) 52%, var(--nc-border));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--nc-primary) 9%, transparent);
}

.nc-bulk-service-card-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.9rem;
}

.nc-bulk-service-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 9px;
}

.nc-bulk-service-card-title {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.nc-bulk-service-card-title > small,
.nc-bulk-services-price {
    display: block;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-bulk-service-card-title > strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 1rem;
    line-height: 1.25;
}

.nc-bulk-service-card-assignment,
.nc-bulk-service-online-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 0.65rem;
}

.nc-bulk-service-card-assignment {
    padding-left: 0.75rem;
    border-left: 1px solid var(--nc-border);
}

.nc-bulk-service-control-copy {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.nc-bulk-service-control-copy strong,
.nc-bulk-service-field-label {
    color: var(--nc-dark);
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-bulk-service-control-copy small {
    color: var(--nc-muted);
    font-size: 0.72rem;
    line-height: 1.25;
}

.nc-bulk-service-card-body {
    display: grid;
    grid-template-columns: minmax(150px, 0.72fr) minmax(240px, 1.28fr);
    gap: 0.9rem;
    align-items: start;
    padding: 0.9rem;
    background: #fcfaff;
    border-top: 1px solid var(--nc-border);
}

.nc-bulk-service-online-control {
    min-height: 2.5rem;
}

.nc-bulk-service-commission {
    display: grid;
    min-width: 0;
    gap: 0.4rem;
}

.nc-bulk-services-commission-editor {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.nc-bulk-services-commission-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    align-items: start;
    width: 100%;
}

.nc-bulk-services-commission-controls.is-single {
    grid-template-columns: minmax(0, 1fr);
}

.nc-bulk-services-commission-input {
    min-width: 0;
}

.nc-bulk-services-commission-controls > .nc-form-control,
.nc-bulk-services-commission-input,
.nc-bulk-services-commission-input .input-group {
    width: 100%;
}

.nc-bulk-services-commission-feedback {
    margin-top: 0.28rem;
    font-size: 0.72rem;
    line-height: 1.25;
}

.nc-bulk-services-commission-select {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 0.4rem;
    color: #7047c7;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 750;
}

.nc-bulk-services-commission-select input {
    width: 1rem;
    height: 1rem;
    accent-color: #7b55d9;
}

.nc-bulk-services-commission-select-attention {
    padding: 0.28rem 0.55rem 0.28rem 0.38rem;
    background: #fff;
    border-radius: 999px;
    animation: nc-bulk-services-selection-wave 1.65s ease-out infinite;
}

@keyframes nc-bulk-services-selection-wave {
    0% {
        box-shadow: 0 0 0 0 rgba(123, 85, 217, 0.64);
    }
    72% {
        box-shadow: 0 0 0 10px rgba(123, 85, 217, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(123, 85, 217, 0);
    }
}

.nc-bulk-services-commission-note {
    color: var(--nc-muted);
}

.nc-manicurista-bulk-commissions-modal .nc-bulk-commissions-scope {
    margin: 0 0 1.25rem;
}

.nc-manicurista-bulk-commissions-modal .nc-bulk-commissions-scope p {
    margin: 0.2rem 0 0;
}

.nc-bulk-services-commission-muted {
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-bulk-services-switch {
    display: inline-flex;
    min-height: 2rem;
    margin: 0;
    padding-left: 5rem;
}

.nc-bulk-services-switch .form-check-input {
    width: 4rem;
    height: 2rem;
    margin-top: 0;
    margin-left: -5rem;
}

.nc-bulk-services-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 180px;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-bulk-services-empty {
    min-height: 180px;
    padding: 1.5rem;
}

.nc-bulk-services-footer {
    position: relative;
    z-index: 3;
    justify-content: space-between;
    gap: 0.85rem;
    pointer-events: auto;
    touch-action: manipulation;
}

.nc-bulk-services-footer-global-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.nc-bulk-services-footer-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.nc-bulk-services-footer .nc-btn {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    touch-action: manipulation;
}

.nc-bulk-services-pending {
    color: var(--nc-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.nc-bulk-services-pending.is-active {
    color: var(--nc-primary-dark);
}

#ncManicuristaBulkServicesPagination {
    justify-content: space-between;
    gap: 0.75rem;
}

#ncManicuristaBulkServicesPagination .nc-pagination-controls {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

@media (max-width: 900px) {
    .nc-bulk-services-mass-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-bulk-services-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-bulk-services-filter-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 575px) {
    .nc-manicurista-bulk-services-dialog {
        max-width: calc(100vw - 1rem);
    }

    .nc-bulk-services-filters,
    .nc-bulk-services-mass-fields,
    .nc-bulk-services-commission-controls,
    .nc-bulk-services-configuration-row {
        grid-template-columns: 1fr;
    }

    .nc-bulk-services-footer,
    .nc-bulk-services-footer-global-actions,
    .nc-bulk-services-footer-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-bulk-services-footer-global-actions .nc-btn,
    .nc-bulk-services-footer-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-bulk-services-footer-actions .nc-bulk-services-pending {
        text-align: center;
    }

    .nc-bulk-services-filter-actions,
    #ncManicuristaBulkServicesFilterBtn,
    #ncManicuristaBulkServicesClearFiltersBtn {
        width: 100%;
    }

    .nc-bulk-services-filter-actions {
        flex-wrap: wrap;
    }

    #ncManicuristaBulkServicesFilterBtn,
    #ncManicuristaBulkServicesClearFiltersBtn {
        justify-content: center;
    }

    .nc-bulk-service-card-header {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-bulk-service-card-assignment {
        grid-column: 1 / -1;
        padding: 0.7rem 0 0;
        border-top: 1px solid var(--nc-border);
        border-left: 0;
    }

    .nc-bulk-service-card-body {
        grid-template-columns: 1fr;
    }

    .nc-bulk-service-online-control {
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--nc-border);
    }

    #ncManicuristaBulkServicesPagination {
        align-items: flex-start;
    }
}

/* Client record */
.nc-client-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
}

.nc-client-avatar-wrap {
    width: 92px;
    height: 92px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border: 1px solid var(--nc-border);
    border-radius: 24px;
    box-shadow: 0 18px 35px rgba(var(--nc-primary-dark-rgb), 0.18);
    font-weight: 900;
    font-size: 1.55rem;
}

.nc-client-avatar-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Formulario de clientas: solo presentacion, sin modificar controles compartidos. */
.nc-clienta-form-layout {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.nc-clienta-form-section {
    min-width: 0;
    padding: 1.1rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-md);
}

.nc-clienta-section-heading {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.nc-clienta-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 50%;
    font-size: 1.05rem;
}

.nc-clienta-section-heading h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
}

.nc-clienta-fields-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
    min-width: 0;
}

.nc-clienta-fields-grid > [data-field-wrapper] {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.nc-clienta-form-section-preferences {
    background: var(--nc-surface-soft);
}

.nc-clienta-form-section-preferences.is-enabled {
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
}

.nc-clienta-form-section-preferences .nc-clienta-fields-grid {
    grid-template-columns: minmax(0, 1fr);
}

.nc-clienta-form-modal .nc-clienta-privilege-switch {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    min-height: 44px;
    padding: 0;
    margin: 0;
}

.nc-clienta-privilege-switch .form-check-input {
    float: none;
    width: 3.5rem;
    height: 2rem;
    margin: 0.25rem 0 0;
    cursor: pointer;
}

.nc-clienta-privilege-switch .form-check-input:focus-visible {
    outline: 2px solid var(--nc-primary-dark);
    outline-offset: 3px;
}

.nc-clienta-privilege-copy {
    min-width: 0;
}

.nc-clienta-privilege-copy .form-check-label {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: var(--nc-dark);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.4;
    cursor: pointer;
}

.nc-clienta-privilege-copy .nc-form-hint {
    margin: 0.15rem 0 0;
    line-height: 1.6;
}

.nc-clienta-privilege-switch .form-check-input:disabled,
.nc-clienta-privilege-switch .form-check-input:disabled + .nc-clienta-privilege-copy .form-check-label {
    cursor: default;
}

.nc-clienta-form-section-photo .nc-clienta-fields-grid,
.nc-clienta-form-section-notes .nc-clienta-fields-grid {
    grid-template-columns: minmax(0, 1fr);
}

.nc-clienta-form-section-notes textarea {
    min-height: 130px;
    resize: vertical;
}

@media (max-width: 991.98px) {
    .nc-clienta-fields-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .nc-clienta-form-section {
        padding: 0.9rem;
    }

    .nc-clienta-fields-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-clienta-form-modal .nc-clienta-privilege-switch {
        gap: 0.75rem;
    }

    .nc-clienta-privilege-copy .form-check-label {
        font-size: 0.9rem;
    }
}

/* Formulario y expediente de grupos de clientas */
.nc-clientes-grupos-form-modal .nc-clientes-grupos-modal-dialog {
    max-width: 1180px;
}

.nc-clientes-grupos-form-modal .nc-clientes-grupos-modal-header {
    position: relative;
    align-items: flex-start;
    min-height: 188px;
    padding: 1.55rem 1.75rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 18%, rgba(var(--nc-primary-rgb), 0.14), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(var(--nc-primary-soft-rgb), 0.76));
}

.nc-clientes-grupos-modal-heading {
    position: relative;
    z-index: 2;
    max-width: 62%;
}

.nc-clientes-grupos-form-modal .modal-title {
    margin-top: 0.3rem;
    line-height: 1.2;
}

.nc-clientes-grupos-form-modal .nc-modal-description {
    max-width: 690px;
    margin-top: 0.55rem;
    font-size: 0.96rem;
}

.nc-clientes-grupos-modal-artwork {
    position: absolute;
    right: 2.25rem;
    bottom: -0.75rem;
    z-index: 1;
    width: min(31%, 320px);
    pointer-events: none;
}

.nc-clientes-grupos-modal-artwork::before {
    position: absolute;
    inset: 18% 8% 5% 20%;
    z-index: -1;
    content: '';
    background: rgba(var(--nc-primary-soft-rgb), 0.72);
    border-radius: 50%;
    filter: blur(22px);
}

.nc-clientes-grupos-modal-artwork img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.nc-clientes-grupos-form-modal .modal-header > .btn-close {
    position: relative;
    z-index: 3;
    margin-left: auto;
}

.nc-clientes-grupos-form-modal .modal-body {
    padding: 1.15rem 1.35rem 1.35rem;
}

.nc-clientes-grupos-form-modal .nc-required-note {
    margin: 0 0 0.7rem;
    font-size: 0.78rem;
    text-align: right;
}

.nc-clientes-grupos-form-layout {
    display: grid;
    gap: 1rem;
}

.nc-clientes-grupos-form-section {
    padding: 1.15rem;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(var(--nc-border-rgb), 0.96);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.nc-clientes-grupos-section-heading {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.nc-clientes-grupos-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: var(--nc-primary-dark);
    background: linear-gradient(145deg, var(--nc-primary-soft), rgba(255, 255, 255, 0.92));
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    font-size: 1.05rem;
}

.nc-clientes-grupos-section-heading h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.08rem;
    font-weight: 900;
}

.nc-clientes-grupos-section-heading p {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-clientes-grupos-data-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
}

.nc-clientes-grupos-data-grid > [data-field-wrapper],
.nc-clientes-grupos-discount-fields > [data-field-wrapper] {
    width: 100%;
    max-width: none;
}

.nc-clientes-grupos-notes-field textarea {
    min-height: 86px;
    resize: vertical;
}

.nc-clientes-grupos-discount-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
}

.nc-clientes-grupos-discount-settings {
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(var(--nc-border-rgb), 0.92);
    border-radius: 16px;
}

.nc-clientes-grupos-discount-settings {
    background: rgba(255, 255, 255, 0.8);
}

.nc-clientes-grupos-discount-toggle {
    padding: 0.85rem 0.9rem;
    background: rgba(var(--nc-primary-soft-rgb), 0.55);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.14);
    border-radius: 14px;
}

.nc-clientes-grupos-discount-toggle [data-field-wrapper],
.nc-clientes-grupos-discount-toggle .nc-switch {
    margin: 0 !important;
}

.nc-clientes-grupos-discount-toggle .form-check-label {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-clientes-grupos-discount-toggle .nc-form-hint {
    margin: 0.35rem 0 0 3rem;
}

.nc-clientes-grupos-discount-note {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.75rem;
    padding: 0.68rem 0.8rem;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.42);
    border-radius: 12px;
    font-size: 0.8rem;
}

.nc-clientes-grupos-discount-note i {
    margin-top: 0.12rem;
}

.nc-clientes-grupos-discount-note p {
    margin: 0;
}

.nc-clientes-grupos-discount-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 0.9rem;
}

.nc-clientes-grupos-discount-control .input-group-text {
    min-width: 42px;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
    font-weight: 850;
}

.nc-clientes-grupos-form-modal .modal-footer {
    padding: 0.9rem 1.35rem;
}

@media (max-width: 991.98px) {
    .nc-clientes-grupos-modal-heading {
        max-width: 68%;
    }

    .nc-clientes-grupos-modal-artwork {
        right: 1.6rem;
        width: min(32%, 300px);
    }

}

@media (max-width: 767.98px) {
    .nc-clientes-grupos-form-modal .nc-clientes-grupos-modal-header {
        min-height: 150px;
        padding: 1rem;
    }

    .nc-clientes-grupos-modal-heading {
        max-width: 100%;
        padding-right: 2.4rem;
    }

    .nc-clientes-grupos-form-modal .nc-modal-description {
        position: relative;
        z-index: 2;
        padding-right: 0;
        font-size: 0.86rem;
    }

    .nc-clientes-grupos-modal-artwork {
        right: -2.5rem;
        bottom: -1rem;
        width: 210px;
        opacity: 0.2;
    }

    .nc-clientes-grupos-form-modal .modal-body {
        padding: 0.8rem;
    }

    .nc-clientes-grupos-form-modal .nc-required-note {
        text-align: left;
    }

    .nc-clientes-grupos-form-section {
        padding: 0.9rem;
        border-radius: 16px;
    }

    .nc-clientes-grupos-section-heading {
        align-items: flex-start;
    }

    .nc-clientes-grupos-section-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .nc-clientes-grupos-data-grid,
    .nc-clientes-grupos-discount-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-clientes-grupos-discount-settings {
        padding: 0.85rem;
    }

    .nc-clientes-grupos-discount-toggle .nc-form-hint {
        margin-left: 0;
    }
}

.nc-client-group-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.nc-client-group-hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    font-size: 1.35rem;
}

.nc-client-group-hero-main {
    min-width: 0;
}

.nc-client-group-hero-main h3 {
    margin: 0.12rem 0 0.55rem;
    color: var(--nc-dark);
    font-size: clamp(1.55rem, 2.6vw, 2.25rem);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-client-group-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 1rem;
    color: var(--nc-muted);
}

.nc-client-group-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 0.4rem;
    overflow-wrap: anywhere;
}

.nc-client-group-hero-meta i {
    color: var(--nc-primary-dark);
}

.nc-client-group-count {
    align-self: start;
    white-space: nowrap;
}

.nc-client-group-members-card > .nc-card-header {
    align-items: flex-start;
}

.nc-client-group-filter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: end;
    margin-bottom: 1rem;
    padding: 0.85rem;
    background: rgba(var(--nc-primary-soft-rgb), 0.48);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-client-group-filter-actions,
.nc-client-group-person-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.nc-client-group-members-list,
.nc-client-group-candidates-list {
    display: grid;
    gap: 0.75rem;
}

.nc-client-group-person-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 1rem;
    align-items: center;
    padding: 0.9rem 1rem;
    overflow: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.nc-client-group-person-card.is-busy {
    opacity: 0.68;
    pointer-events: none;
}

.nc-client-group-person-main {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.75rem;
}

.nc-client-group-person-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    overflow: hidden;
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    font-weight: 900;
}

.nc-client-group-person-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nc-client-group-person-copy {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.nc-client-group-person-copy strong {
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-client-group-person-copy span {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.4rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.nc-client-group-person-copy i {
    width: 14px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-client-group-person-membership {
    display: grid;
    min-width: 150px;
    gap: 0.05rem;
    padding-left: 1rem;
    border-left: 1px solid var(--nc-border);
}

.nc-client-group-person-membership small {
    color: var(--nc-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.nc-client-group-person-membership strong {
    color: var(--nc-dark);
    font-size: 0.88rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.nc-client-group-remove-btn {
    color: var(--nc-danger);
}

.nc-client-group-list-empty {
    min-height: 230px;
}

#ncClientGroupAddModal .modal-body {
    overflow-x: hidden;
}

@media (max-width: 991.98px) {
    .nc-client-group-person-card {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .nc-client-group-person-membership {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
        padding: 0.75rem 0 0;
        border-top: 1px solid var(--nc-border);
        border-left: 0;
    }
}

@media (max-width: 767.98px) {
    .nc-client-group-hero {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .nc-client-group-hero-icon {
        width: 52px;
        height: 52px;
        border-radius: 15px;
    }

    .nc-client-group-count {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .nc-client-group-members-card > .nc-card-header,
    .nc-client-group-filter,
    .nc-client-group-person-card {
        grid-template-columns: 1fr;
    }

    .nc-client-group-members-card > .nc-card-header .nc-btn,
    .nc-client-group-filter-actions,
    .nc-client-group-filter-actions .nc-btn,
    .nc-client-group-person-actions,
    .nc-client-group-person-actions .nc-btn {
        width: 100%;
    }

    .nc-client-group-filter-actions,
    .nc-client-group-person-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-client-group-filter-actions .nc-btn:only-child,
    .nc-client-group-person-actions .nc-btn:only-child {
        grid-column: 1 / -1;
    }

    .nc-client-group-person-membership {
        grid-column: auto;
        grid-row: auto;
    }
}

.nc-client-hero-main h3 {
    margin: 0.1rem 0 0.5rem;
    color: var(--nc-dark);
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 900;
}

.nc-client-meta,
.nc-client-hero-actions,
.nc-client-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.nc-client-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--nc-muted);
    font-weight: 650;
}

.nc-client-meta i {
    color: var(--nc-primary);
}

.nc-client-hero-actions {
    justify-content: flex-end;
}

.nc-client-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.nc-client-stat {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 104px;
    padding: 1rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(var(--nc-primary-dark-rgb), 0.08);
}

.nc-client-stat-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-client-stat-icon i {
    width: 1em;
    height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.nc-client-stat-green .nc-client-stat-icon {
    color: #138a4d;
    background: #eaf8f0;
}

.nc-client-stat-blue .nc-client-stat-icon {
    color: #1976b7;
    background: #eef7ff;
}

.nc-client-stat-purple .nc-client-stat-icon {
    color: #7b4ed8;
    background: #f2edff;
}

.nc-client-stat-warning .nc-client-stat-icon {
    color: #b7791f;
    background: #fff8e8;
}

.nc-client-stat-danger .nc-client-stat-icon {
    color: #d83452;
    background: #fff0f3;
}

.nc-client-stat-muted .nc-client-stat-icon {
    color: var(--nc-muted);
    background: #f7f5f7;
}

.nc-client-stat > div > span,
.nc-client-detail-row span {
    display: block;
    color: var(--nc-muted);
    font-size: 0.88rem;
    font-weight: 750;
}

.nc-client-stat strong {
    display: block;
    margin-top: 0.1rem;
    color: var(--nc-dark);
    font-size: 1.2rem;
    font-weight: 900;
}

.nc-client-stat-date {
    letter-spacing: 0;
    line-height: 1.15;
}

.nc-client-stat-time {
    display: block;
    margin-top: 0.14rem;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

.nc-client-stat-badge {
    margin-top: 0.7rem;
    width: fit-content;
}

.nc-client-stat small {
    display: block;
    margin-top: 0.16rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.nc-client-stat small.nc-client-stat-breakdown {
    display: flex;
    flex-wrap: wrap;
    gap: 0.05rem 0.55rem;
}

.nc-client-stat-breakdown > span {
    white-space: nowrap;
}

.nc-client-record-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
    gap: 1rem;
}

.nc-client-profile-list {
    display: grid;
    gap: 0;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-client-detail-row {
    display: grid;
    grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-client-detail-row strong {
    min-width: 0;
    color: var(--nc-dark);
    font-size: 0.96rem;
    font-weight: 750;
    text-align: right;
    word-break: break-word;
}

.nc-client-detail-row a {
    color: var(--nc-primary-dark);
    text-decoration: none;
}

.nc-client-characteristics,
.nc-client-notes {
    margin-top: 1rem;
}

.nc-client-characteristics-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.nc-client-characteristics-header strong,
.nc-client-notes > strong {
    display: block;
    color: var(--nc-dark);
}

.nc-client-characteristics-empty {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(140px, 0.4fr) minmax(0, 1fr);
    align-items: center;
    gap: 1.15rem;
    min-height: 210px;
    overflow: hidden;
    padding: 1rem 1.25rem;
    background:
        radial-gradient(circle at 13% 24%, rgba(var(--nc-primary-rgb), 0.16), transparent 38%),
        linear-gradient(135deg, var(--nc-primary-soft), var(--nc-white) 72%);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.2);
    border-radius: 18px;
}

.nc-client-characteristics-empty-visual {
    display: grid;
    place-items: center;
    min-height: 176px;
    border-radius: 50%;
    background: rgba(var(--nc-primary-soft-rgb), 0.72);
}

.nc-client-characteristics-empty-image {
    display: block;
    width: min(100%, 168px);
    max-height: 190px;
    object-fit: contain;
    filter: drop-shadow(0 12px 18px rgba(var(--nc-primary-rgb), 0.16));
}

.nc-client-characteristics-empty-content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.nc-client-characteristics-empty-eyebrow {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--nc-primary-dark);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nc-client-characteristics-empty-content h4 {
    margin: 0;
    color: var(--nc-dark);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    font-weight: 850;
    line-height: 1.25;
}

.nc-client-characteristics-empty-content p {
    max-width: 560px;
    margin: 0.45rem 0 0;
    color: var(--nc-muted);
    line-height: 1.55;
}

.nc-client-characteristics-empty-content .nc-btn {
    margin-top: 0.85rem;
}

.nc-client-characteristic-list {
    display: grid;
    gap: 0.55rem;
}

.nc-client-characteristic-chip {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.75rem 0.85rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-client-characteristic-chip.is-visible-in-appointment {
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
    border-color: var(--nc-primary);
}

.nc-client-characteristic-chip strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-client-characteristic-chip small {
    display: block;
    color: var(--nc-muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-client-characteristic-chip p,
.nc-client-characteristics > p,
.nc-client-notes p,
.nc-client-recent-list p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-client-characteristic-chip p {
    margin-top: 0.3rem;
    font-size: 0.9rem;
}

.nc-client-characteristic-group {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
}

.nc-client-characteristic-group + .nc-client-characteristic-group {
    margin-top: 1rem;
}

.nc-client-characteristic-group h4 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-client-characteristic-group h4 i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-client-characteristic-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-client-characteristic-option {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-client-characteristic-option.is-selected {
    border-color: var(--nc-primary);
    box-shadow: 0 12px 28px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-client-characteristic-option-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.nc-client-characteristic-option .form-check {
    display: flex;
    gap: 0.65rem;
    min-width: 0;
    margin: 0;
}

.nc-client-characteristic-option .form-check-input {
    margin-top: 0.2rem;
}

.nc-client-characteristic-option label {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.nc-client-characteristic-option label strong {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-client-characteristic-option label small {
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-client-characteristic-option textarea:disabled {
    opacity: 0.68;
    background: rgba(var(--nc-border-rgb), 0.22);
}

.nc-client-recent-grid {
    display: grid;
    gap: 0.85rem;
}

.nc-client-recent-list {
    padding: 0.85rem;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
}

.nc-client-recent-list h4 {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.65rem;
    color: var(--nc-dark);
    font-size: 0.95rem;
    font-weight: 900;
}

.nc-client-recent-list h4 i {
    color: var(--nc-primary);
}

.nc-client-recent-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0;
    color: inherit;
    text-decoration: none;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-client-recent-item:first-child {
    border-top: 0;
}

.nc-client-recent-item strong,
.nc-client-recent-item small {
    display: block;
}

.nc-client-recent-item small {
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-client-tabs {
    gap: 0.55rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.nc-client-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.nc-client-tab-content {
    padding-top: 0.35rem;
}

.nc-client-history-mobile-selector {
    display: none;
    margin: 1rem 0;
}

.nc-client-history-filters {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr)) minmax(190px, auto);
    gap: 0.85rem;
    align-items: end;
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-client-filter-actions {
    display: flex;
    gap: 0.45rem;
    justify-content: flex-end;
    min-width: max-content;
}

.nc-client-filter-actions .nc-btn {
    white-space: nowrap;
}

.nc-client-history-content {
    min-height: 120px;
}

.nc-client-history-cards {
    display: grid;
    gap: 1rem;
}

.nc-client-history-record {
    overflow: visible;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(41, 37, 42, 0.05);
}

.nc-client-history-record.is-success {
    border-left-color: var(--nc-success);
}

.nc-client-history-record.is-warning {
    border-left-color: var(--nc-warning);
}

.nc-client-history-record.is-danger {
    border-left-color: var(--nc-danger);
}

.nc-client-history-record.is-muted {
    border-left-color: var(--nc-muted);
}

.nc-client-history-record.is-action-menu-open {
    position: relative;
    z-index: 12;
}

.nc-client-history-record-header,
.nc-client-history-record-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
}

.nc-client-history-record-header {
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-client-history-heading {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    color: var(--nc-dark);
    text-decoration: none;
}

a.nc-client-history-heading:hover,
a.nc-client-history-heading:focus-visible {
    color: var(--nc-primary-dark);
}

.nc-client-history-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 14px;
    font-size: 1.1rem;
}

.nc-client-history-heading small,
.nc-client-history-heading strong,
.nc-client-history-heading em {
    display: block;
}

.nc-client-history-heading small {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 800;
}

.nc-client-history-heading strong {
    margin-top: 0.08rem;
    font-size: 1.08rem;
    font-weight: 900;
}

.nc-client-history-heading em {
    margin-top: 0.1rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
    font-style: normal;
}

.nc-client-history-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.42rem;
}

.nc-client-history-badges .nc-badge[data-bs-toggle="tooltip"] {
    cursor: help;
}

.nc-client-history-context,
.nc-client-history-note,
.nc-client-history-empty-finance {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem 1.15rem;
    color: var(--nc-muted);
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.68);
}

.nc-client-history-context i,
.nc-client-history-note i,
.nc-client-history-empty-finance i {
    color: var(--nc-primary);
}

.nc-client-history-note span {
    min-width: 0;
}

.nc-client-history-note strong {
    margin-right: 0.4rem;
    color: var(--nc-dark);
}

.nc-client-history-overview {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem 1.15rem;
}

.nc-client-history-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.nc-client-history-info > i {
    width: 1.2rem;
    flex: 0 0 1.2rem;
    color: var(--nc-primary);
    text-align: center;
}

.nc-client-history-info small,
.nc-client-history-info strong,
.nc-client-history-info em {
    display: block;
}

.nc-client-history-info small {
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.nc-client-history-info strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 900;
}

.nc-client-history-info em {
    margin-top: 0.08rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-style: normal;
}

.nc-client-history-record-footer {
    background: rgba(var(--nc-primary-soft-rgb), 0.25);
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-client-history-record-footer .nc-client-history-empty-finance {
    flex: 1 1 auto;
    padding: 0;
    border-bottom: 0;
}

.nc-client-history-finance {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
}

.nc-client-history-finance-three {
    grid-template-columns: repeat(3, minmax(105px, 1fr));
}

.nc-client-history-finance-four {
    grid-template-columns: repeat(4, minmax(105px, 1fr));
}

.nc-client-history-finance-value {
    min-width: 0;
    padding: 0 1rem;
    border-left: 1px dashed rgba(var(--nc-border-rgb), 0.9);
}

.nc-client-history-finance-value:first-child {
    padding-left: 0;
    border-left: 0;
}

.nc-client-history-finance-value span,
.nc-client-history-finance-value strong,
.nc-client-history-total span,
.nc-client-history-total strong {
    display: block;
}

.nc-client-history-finance-value span,
.nc-client-history-total span {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-client-history-finance-value strong,
.nc-client-history-total strong {
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-client-history-finance-value.is-success strong {
    color: var(--nc-success);
}

.nc-client-history-finance-value.is-warning strong {
    color: var(--nc-warning);
}

.nc-client-history-total {
    min-width: 150px;
}

.nc-client-history-total strong {
    font-size: 1.15rem;
}

.nc-client-history-quote-body.has-reference {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
}

.nc-client-history-quote-reference {
    width: 100%;
    min-height: 145px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 0.42rem;
    padding: 0.65rem;
    color: var(--nc-primary-dark);
    font: inherit;
    background: rgba(var(--nc-primary-soft-rgb), 0.45);
    border: 0;
    border-right: 1px solid rgba(var(--nc-border-rgb), 0.78);
    cursor: pointer;
}

.nc-client-history-quote-reference img {
    width: 100%;
    height: 105px;
    object-fit: cover;
    border-radius: 10px;
}

.nc-client-history-quote-reference span {
    font-size: 0.72rem;
    font-weight: 850;
}

.nc-client-history-warning {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "icon title arrow" "icon detail arrow";
    gap: 0.1rem 0.7rem;
    align-items: center;
    padding: 0.78rem 1.15rem;
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border-top: 1px solid rgba(201, 133, 24, 0.2);
}

.nc-client-history-warning > span {
    grid-area: icon;
}

.nc-client-history-warning strong {
    grid-area: title;
}

.nc-client-history-warning small {
    grid-area: detail;
    color: var(--nc-muted);
}

.nc-client-history-warning > i {
    grid-area: arrow;
}

.nc-client-history-warning:hover {
    color: var(--nc-warning);
    background: rgba(201, 133, 24, 0.12);
}

.nc-client-row-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    justify-content: flex-end;
}

.nc-client-row-actions-inline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-client-row-actions-dropdown {
    display: block;
}

.nc-client-row-actions-toggle {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.22);
}

.nc-client-row-actions-toggle:hover,
.nc-client-row-actions-toggle:focus {
    color: var(--nc-white);
    background: var(--nc-primary-dark);
    border-color: var(--nc-primary-dark);
}

.nc-client-action-menu {
    min-width: 190px;
}

.nc-client-action-menu.nc-dropdown-floating {
    position: fixed !important;
    z-index: 1085;
    margin: 0 !important;
    transform: none !important;
}

.nc-client-action-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0.62rem 0.72rem;
    font-weight: 800;
}

.nc-client-action-menu .dropdown-item i {
    width: 1rem;
    text-align: center;
}

.nc-client-history-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    color: var(--nc-muted);
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-pagination-actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.nc-pagination-current {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-white);
    background: var(--nc-primary);
    border-radius: 999px;
    font-weight: 900;
}

.nc-client-tab-empty {
    min-height: 260px;
}

/* Business record */
.nc-business-avatar-wrap {
    background: var(--nc-white);
    color: var(--nc-primary-dark);
}

.nc-business-avatar-wrap img {
    object-fit: contain;
    object-position: center;
}

.nc-business-avatar-wrap span {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    color: var(--nc-white);
}

.nc-business-record-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
    gap: 1rem;
}

.nc-business-team-list,
.nc-business-blocks-list {
    display: grid;
    gap: 0.75rem;
}

.nc-business-team-item,
.nc-business-block-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
}

.nc-business-team-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-business-team-icon i {
    width: 1em;
    height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.nc-business-team-item strong,
.nc-business-block-item strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-business-team-item small,
.nc-business-block-item small {
    display: block;
    color: var(--nc-muted);
    line-height: 1.35;
}

.nc-business-public-card {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
}

.nc-business-public-card.is-active {
    border-color: rgba(33, 158, 102, 0.35);
    background: linear-gradient(90deg, #eefaf4, var(--nc-white));
}

.nc-business-public-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
}

.nc-business-public-main strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-business-public-main small,
.nc-business-public-stats span {
    color: var(--nc-muted);
    font-weight: 700;
}

.nc-business-public-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.nc-business-public-stats span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0.35rem 0.7rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.84rem;
}

.nc-business-recent-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.nc-business-history-mobile-selector {
    display: none;
    margin: 1rem 0;
}

.nc-business-recent-card {
    overflow: hidden;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: var(--nc-white);
}

.nc-business-recent-card header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.9rem 1rem;
    background: var(--nc-primary-soft);
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-business-recent-card header > span,
.nc-business-recent-item > span {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 13px;
}

.nc-business-recent-card header strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-business-recent-card > div {
    display: grid;
    padding: 0 1rem;
}

.nc-business-recent-card > div > p {
    margin: 0;
    padding: 1rem 0;
    color: var(--nc-muted);
}

.nc-business-recent-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-business-recent-item:first-child {
    border-top: 0;
}

.nc-business-recent-item strong,
.nc-business-recent-item small {
    display: block;
}

.nc-business-recent-item small {
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-business-recent-item b {
    color: var(--nc-primary-dark);
    white-space: nowrap;
}

.nc-business-mini-empty {
    min-height: 185px;
}

@media (max-width: 1199px) {
    .nc-client-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-client-record-grid,
    .nc-business-record-grid {
        grid-template-columns: 1fr;
    }

    .nc-client-history-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-client-characteristic-options {
        grid-template-columns: 1fr;
    }

    .nc-client-filter-actions {
        justify-content: flex-start;
        min-width: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nc-client-recent-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-client-history-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-client-history-finance-four {
        grid-template-columns: repeat(2, minmax(110px, 1fr));
        row-gap: 0.8rem;
    }

    .nc-client-history-finance-four .nc-client-history-finance-value:nth-child(3) {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 767px) {
    .nc-client-hero {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .nc-client-avatar-wrap {
        width: 78px;
        height: 78px;
        border-radius: 20px;
    }

    .nc-client-hero-actions,
    .nc-client-history-pagination {
        align-items: stretch;
        justify-content: flex-start;
        flex-direction: column;
    }

    .nc-client-hero-actions .nc-btn,
    .nc-client-filter-actions .nc-btn {
        width: 100%;
    }

    .nc-client-summary-grid,
    .nc-client-history-filters {
        grid-template-columns: 1fr;
    }

    .nc-business-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .nc-business-summary-grid .nc-client-stat {
        align-items: flex-start;
        min-height: 116px;
        padding: 0.85rem;
        gap: 0.65rem;
    }

    .nc-business-summary-grid .nc-client-stat-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .nc-business-summary-grid .nc-client-stat strong {
        font-size: 1rem;
    }

    .nc-business-summary-grid .nc-client-stat small {
        font-size: 0.76rem;
    }

    .nc-business-summary-grid .nc-business-summary-wide {
        grid-column: 1 / -1;
        min-height: 96px;
    }

    .nc-business-hero {
        justify-items: center;
        text-align: center;
    }

    .nc-business-hero .nc-client-meta,
    .nc-business-hero .nc-client-hero-actions {
        justify-content: center;
    }

    .nc-business-hero .nc-client-hero-actions {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .nc-business-hero .nc-client-hero-actions .nc-btn {
        width: auto;
    }

    .nc-business-history-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-business-history-card #ncBusinessHistoryTabs {
        display: none;
    }

    .nc-business-history-mobile-selector {
        display: block;
    }

    .nc-business-history-filters .nc-business-filter-status,
    .nc-business-history-filters .nc-client-filter-actions {
        grid-column: 1 / -1;
    }

    .nc-business-history-filters .nc-client-filter-actions {
        flex-direction: row;
        justify-content: stretch;
    }

    .nc-business-history-filters .nc-client-filter-actions .nc-btn {
        width: auto;
        flex: 1 1 0;
    }

    .nc-business-recent-grid {
        grid-template-columns: 1fr;
    }

    .nc-business-public-main {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-business-public-main .nc-badge {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .nc-business-recent-card header {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.55rem;
        padding: 0.75rem;
    }

    .nc-business-recent-card header > span {
        width: 34px;
        height: 34px;
    }

    .nc-business-recent-card header .nc-btn {
        justify-self: end;
        white-space: nowrap;
    }

    .nc-business-recent-card > div {
        padding: 0 0.75rem;
    }

    .nc-business-recent-item {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.6rem;
        padding: 0.65rem 0;
    }

    .nc-business-recent-item > span {
        width: 32px;
        height: 32px;
        border-radius: 11px;
    }

    .nc-business-recent-item b {
        grid-column: auto;
        justify-self: end;
        font-size: 0.92rem;
    }

    .nc-business-recent-item-stacked {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-business-recent-item-stacked b {
        grid-column: 2;
        justify-self: start;
    }

    .nc-business-history-card .nc-client-history-pagination {
        align-items: center;
        text-align: center;
    }

    .nc-business-history-card .nc-pagination-actions {
        width: 100%;
        flex-direction: row;
        justify-content: center;
    }

    .nc-business-history-card .nc-pagination-actions .nc-btn {
        width: auto;
        min-width: 96px;
    }

    .nc-client-detail-row {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .nc-client-detail-row strong {
        text-align: left;
    }

    .nc-client-characteristics-header,
    .nc-client-characteristic-chip,
    .nc-client-characteristic-option-main {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-client-characteristics-empty {
        grid-template-columns: 1fr;
        gap: 0.5rem;
        padding: 1rem;
        text-align: center;
    }

    .nc-client-characteristics-empty-visual {
        min-height: 138px;
    }

    .nc-client-characteristics-empty-image {
        width: min(100%, 142px);
        max-height: 152px;
    }

    .nc-client-characteristics-empty-content .nc-btn {
        width: 100%;
    }

    .nc-client-filter-actions,
    .nc-pagination-actions {
        width: 100%;
        flex-direction: column;
    }

    .nc-client-hero:not(.nc-business-hero) {
        justify-items: center;
        text-align: center;
    }

    .nc-client-hero:not(.nc-business-hero) .nc-client-meta,
    .nc-client-hero:not(.nc-business-hero) .nc-client-hero-actions {
        justify-content: center;
    }

    .nc-client-hero:not(.nc-business-hero) .nc-client-hero-actions {
        align-items: center;
        flex-direction: row;
    }

    .nc-client-hero:not(.nc-business-hero) .nc-client-hero-actions .nc-btn {
        width: auto;
    }

    .nc-client-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .nc-client-summary-grid .nc-client-stat {
        align-items: flex-start;
        min-height: 116px;
        padding: 0.85rem;
        gap: 0.65rem;
    }

    .nc-client-summary-grid .nc-client-stat:nth-child(-n + 4) {
        grid-column: 1 / -1;
    }

    .nc-business-summary-grid .nc-client-stat:nth-child(-n + 4) {
        grid-column: auto;
    }

    .nc-client-summary-grid .nc-client-stat-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .nc-client-summary-grid .nc-client-stat strong {
        font-size: 1rem;
    }

    .nc-client-summary-grid .nc-client-stat small {
        font-size: 0.76rem;
    }

    .nc-client-stat small.nc-client-stat-breakdown {
        display: grid;
        gap: 0.05rem;
    }

    .nc-client-stat-breakdown > span {
        white-space: normal;
    }

    #ncClientHistoryTabs {
        display: none;
    }

    .nc-client-history-mobile-selector {
        display: block;
    }

    .nc-client-history-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-client-history-filters > div:nth-child(n + 3),
    .nc-client-history-filters .nc-client-filter-actions {
        grid-column: 1 / -1;
    }

    .nc-client-history-filters .nc-client-filter-actions {
        flex-direction: row;
        justify-content: stretch;
    }

    .nc-client-history-filters .nc-client-filter-actions .nc-btn {
        width: auto;
        flex: 1 1 0;
    }

    .nc-client-history-record-header {
        align-items: flex-start;
    }

    .nc-client-history-badges {
        max-width: 48%;
        align-content: flex-start;
    }

    .nc-client-history-badges .nc-badge {
        width: auto;
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .nc-client-history-overview {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .nc-client-history-record-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-client-history-finance-three,
    .nc-client-history-finance-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0.8rem;
    }

    .nc-client-history-finance-value {
        padding: 0 0.75rem;
    }

    .nc-client-history-finance-value:nth-child(odd) {
        padding-left: 0;
        border-left: 0;
    }

    .nc-client-history-finance-three .nc-client-history-finance-value:last-child {
        grid-column: 1 / -1;
    }

    .nc-client-history-quote-body.has-reference {
        grid-template-columns: 110px minmax(0, 1fr);
    }

    .nc-client-history-quote-reference {
        min-height: 100%;
    }

    .nc-client-history-quote-reference img {
        height: 95px;
    }

    .nc-client-row-actions {
        width: 100%;
        justify-content: flex-end;
        flex-direction: row;
    }

    .nc-client-row-actions-inline {
        flex: 1 1 auto;
    }

    .nc-client-row-actions-inline .nc-btn {
        width: 100%;
    }

    .nc-client-history-pagination {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }

    .nc-client-history-pagination .nc-pagination-actions {
        width: 100%;
        flex-direction: row;
        justify-content: center;
    }

    .nc-client-history-pagination .nc-pagination-actions .nc-btn {
        width: auto;
        min-width: 96px;
    }
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    margin: 0;
    color: var(--nc-dark);
    background:
        radial-gradient(circle at top left, rgba(var(--nc-primary-rgb), 0.10), transparent 34%),
        linear-gradient(135deg, #fffafd 0%, #fff7fb 52%, #fff2f7 100%);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
}

a {
    color: var(--nc-primary-dark);
    text-decoration: none;
}

a:hover {
    color: var(--nc-primary);
}

img {
    max-width: 100%;
}

code {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
    font-size: 0.78rem;
}

::selection {
    color: var(--nc-white);
    background: var(--nc-primary);
}

html,
body,
.nc-sidebar,
.modal-body,
.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--nc-primary-dark-rgb), 0.24) transparent;
}

.table-responsive {
    overscroll-behavior-x: contain;
}

.nc-draggable-scroll {
    cursor: grab;
    touch-action: pan-x pan-y;
}

.nc-draggable-scroll.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.nc-draggable-scroll a,
.nc-draggable-scroll button,
.nc-draggable-scroll input,
.nc-draggable-scroll select,
.nc-draggable-scroll textarea,
.nc-draggable-scroll label {
    cursor: auto;
}

.nc-draggable-scroll a,
.nc-draggable-scroll button {
    cursor: pointer;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(var(--nc-primary-dark-rgb), 0.22);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--nc-primary-dark-rgb), 0.38);
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

/* Layout */
.nc-app-shell {
    display: flex;
    width: 100%;
    min-height: 100vh;
}

.nc-main {
    width: calc(100% - var(--nc-sidebar-width));
    min-width: 0;
    min-height: 100vh;
    margin-left: var(--nc-sidebar-width);
}

.nc-content {
    width: 100%;
    min-width: 0;
    max-width: var(--nc-content-max-width);
    margin-right: auto;
    margin-left: auto;
    padding: 28px;
}

.nc-content.nc-content-fluid {
    max-width: none;
}

.nc-section {
    margin-top: 28px;
}

.nc-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 16px;
}

.nc-section-heading h3,
.nc-card h3 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.2rem;
    font-weight: 800;
}

.nc-section-heading p {
    max-width: 620px;
    margin: 0;
    color: var(--nc-muted);
}

.nc-section-kicker,
.nc-topbar-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--nc-primary-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* Sidebar */
:is(html, body).nc-sidebar-collapsed {
    --nc-sidebar-width: 112px;
}

.nc-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    width: var(--nc-sidebar-width);
    min-height: 100vh;
    padding: 16px 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 252, 0.9));
    border-right: 1px solid rgba(var(--nc-border-rgb), 0.9);
    box-shadow: 18px 0 40px rgba(41, 37, 42, 0.05);
    backdrop-filter: blur(18px);
    transition: width 0.22s ease, transform 0.25s ease, padding 0.22s ease;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: transparent transparent;
}

.nc-sidebar::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.nc-sidebar-scroll-indicator {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1052;
    display: block;
    width: 4px;
    min-height: 30px;
    background: rgba(var(--nc-primary-dark-rgb), 0.34);
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(var(--nc-primary-dark-rgb), 0.12);
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
    will-change: height, opacity, transform;
}

.nc-sidebar-scroll-indicator.is-visible {
    opacity: 1;
}

.nc-sidebar-scroll-indicator.is-unavailable {
    display: none;
}

.nc-sidebar-brand {
    margin-bottom: 18px;
}

.nc-sidebar-brand-panel {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 170px;
    padding: 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 48% 18%, rgba(255, 255, 255, 0.86), transparent 36%),
        linear-gradient(135deg, rgba(var(--nc-primary-rgb), 0.13), rgba(var(--nc-primary-soft-rgb), 0.92));
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 26px;
}

.nc-sidebar-brand-panel::after {
    content: "";
    position: absolute;
    inset: auto -18% -48% -18%;
    z-index: 0;
    height: 95px;
    background: rgba(255, 255, 255, 0.46);
    border-radius: 50%;
    pointer-events: none;
}

.nc-sidebar-collapse-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    box-shadow: var(--nc-shadow-sm);
    transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.nc-sidebar-collapse-btn:hover {
    color: var(--nc-white);
    background: var(--nc-primary);
}

.nc-sidebar-collapse-btn i {
    transition: transform 0.18s ease;
}

.nc-brand-link {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    color: var(--nc-dark);
}

.nc-brand-link:hover {
    color: var(--nc-dark);
}

.nc-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border-radius: 16px;
    box-shadow: 0 12px 24px rgba(var(--nc-primary-rgb), 0.25);
}

.nc-brand-logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.nc-brand-logo-sidebar {
    max-width: 205px;
    max-height: 58px;
}

[data-nc-panel-logo-img] {
    opacity: 0;
    transition: opacity 0.28s ease;
}

[data-nc-panel-logo-img].is-ready {
    opacity: 1;
}

.nc-brand-link.has-panel-logo {
    justify-content: center;
}

.nc-brand-link.has-panel-logo .nc-brand-logo-sidebar {
    width: 120px;
    height: 120px;
    max-width: 120px;
    max-height: 120px;
    padding: 4px;
    background: var(--nc-white);
    border: 2px solid var(--nc-border);
    border-radius: 50%;
    box-shadow: var(--nc-shadow-sm);
    object-fit: cover;
}

.nc-brand-logo-auth {
    max-width: 230px;
    max-height: 70px;
}

.nc-brand-link strong {
    display: block;
    font-size: 1.05rem;
    line-height: 1;
}

.nc-brand-link small {
    display: block;
    margin-top: 0.25rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
}

.nc-sidebar-section {
    position: relative;
    margin-bottom: 30px;
    padding: 19px 10px 10px;
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.46);
}

.nc-sidebar-label {
    position: absolute;
    top: -10px;
    left: 16px;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: calc(100% - 32px);
    color: var(--nc-primary-dark);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.nc-sidebar-label span {
    flex: 0 0 auto;
    padding-right: 0.7rem;
    background: linear-gradient(90deg, #fff, rgba(255, 249, 252, 0.9));
}

.nc-sidebar-nav {
    display: grid;
    gap: 3px;
}

.nc-sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.78rem;
    min-height: 40px;
    padding: 0.56rem 0.74rem;
    color: var(--nc-muted);
    border-radius: 13px;
    font-size: 0.93rem;
    font-weight: 650;
    transition: all 0.18s ease;
}

.nc-sidebar-link i {
    width: 21px;
    color: var(--nc-primary-dark);
    text-align: center;
    font-size: 1rem;
}

.nc-sidebar-link:hover,
.nc-sidebar-link.active {
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    box-shadow: 0 12px 24px rgba(var(--nc-primary-dark-rgb), 0.18);
    transform: translateX(2px);
}

.nc-sidebar-link:hover i,
.nc-sidebar-link.active i {
    color: var(--nc-white);
}

.nc-sidebar-link:hover:not(.active) {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    box-shadow: inset 0 0 0 1px var(--nc-border);
    transform: translateX(2px);
}

.nc-sidebar-link:hover:not(.active) i {
    color: var(--nc-primary-dark);
}

.nc-sidebar-link.active {
    font-weight: 800;
}

.nc-sidebar-card {
    display: flex;
    gap: 0.8rem;
    margin-top: 16px;
    padding: 14px;
    background: linear-gradient(135deg, var(--nc-primary-soft), #ffffff);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
}

#ncSidebarPlanCard,
#ncSidebarPlanCard:hover,
#ncSidebarPlanCard:focus-visible {
    color: var(--nc-dark);
    text-decoration: none;
}

.nc-sidebar-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border-radius: 14px;
    box-shadow: var(--nc-shadow-sm);
}

.nc-sidebar-card strong {
    display: block;
    margin-bottom: 2px;
    font-size: 0.86rem;
}

.nc-sidebar-card p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-sidebar-install-content {
    min-width: 0;
}

.nc-sidebar-install-btn {
    width: 100%;
    margin-top: 10px;
    justify-content: center;
}

.nc-horarios-equipo-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.nc-horarios-equipo-count {
    flex: 0 0 auto;
    padding: 0.35rem 0.7rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
}

.nc-horarios-equipo-search {
    margin-bottom: 1rem;
}

.nc-horarios-equipo-list {
    display: grid;
    gap: 0.65rem;
}

.nc-horarios-equipo-row {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 0.9rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.nc-horarios-equipo-row:hover,
.nc-horarios-equipo-row:has(input:checked) {
    background: var(--nc-primary-soft);
    border-color: rgba(var(--nc-primary-rgb), 0.38);
    box-shadow: 0 8px 18px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-horarios-equipo-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    font-weight: 900;
}

.nc-horarios-equipo-persona {
    min-width: 0;
    flex: 1 1 auto;
}

.nc-horarios-equipo-persona strong,
.nc-horarios-equipo-persona small {
    display: block;
}

.nc-horarios-equipo-persona strong {
    color: var(--nc-dark);
    font-size: 0.9rem;
}

.nc-horarios-equipo-persona small {
    overflow: hidden;
    margin-top: 0.15rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-horarios-equipo-toggle {
    flex: 0 0 auto;
    padding: 0;
}

.nc-horarios-equipo-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 120px;
    color: var(--nc-muted);
}

.nc-horarios-equipo-more {
    width: 100%;
    margin-top: 0.85rem;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .nc-horarios-equipo-toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
    }

    .nc-horarios-equipo-search {
        flex-wrap: nowrap;
    }

    .nc-horarios-equipo-search .nc-btn {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar {
    padding-right: 12px;
    padding-left: 12px;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-brand-panel {
    min-height: 112px;
    padding: 42px 10px 12px;
    border-radius: 22px;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-collapse-btn {
    top: 8px;
    right: 50%;
    transform: translateX(50%);
    width: 30px;
    height: 30px;
    border-radius: 11px;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-collapse-btn i {
    transform: rotate(180deg);
}

:is(html, body).nc-sidebar-collapsed .nc-brand-logo-sidebar {
    max-width: 64px;
    max-height: 48px;
}

:is(html, body).nc-sidebar-collapsed .nc-brand-link.has-panel-logo .nc-brand-logo-sidebar {
    width: 62px;
    height: 62px;
    max-width: 62px;
    max-height: 62px;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-section {
    margin-bottom: 8px;
    padding: 8px;
    border-color: transparent;
    background: transparent;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-label,
:is(html, body).nc-sidebar-collapsed .nc-sidebar-link span,
:is(html, body).nc-sidebar-collapsed .nc-sidebar-card {
    display: none;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-nav {
    gap: 5px;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-link {
    justify-content: center;
    min-height: 44px;
    padding: 0;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-link.is-plan-locked {
    display: flex;
}

:is(html, body).nc-sidebar-collapsed .nc-sidebar-link i {
    width: auto;
}

.nc-sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    display: none;
    background: rgba(41, 37, 42, 0.28);
    backdrop-filter: blur(4px);
}

body.nc-sidebar-open .nc-sidebar-backdrop {
    display: block;
}

/* Topbar */
.nc-topbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--nc-topbar-height);
    padding: 18px 28px;
    padding-right: max(28px, calc((100% - var(--nc-content-max-width)) / 2 + 28px));
    padding-left: max(28px, calc((100% - var(--nc-content-max-width)) / 2 + 28px));
    background: rgba(255, 250, 253, 0.82);
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
    backdrop-filter: blur(18px);
}

.nc-topbar-title {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.25rem;
    font-weight: 850;
}

.nc-topbar-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    color: var(--nc-dark);
}

.nc-topbar-brand:hover {
    color: var(--nc-dark);
}

.nc-topbar-brand-logo {
    display: block;
    width: min(148px, 34vw);
    max-height: 42px;
    object-fit: contain;
}

.nc-topbar-brand.has-panel-logo .nc-topbar-brand-logo {
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    padding: 2px;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    box-shadow: var(--nc-shadow-sm);
    object-fit: cover;
}

.nc-important-announcements {
    display: grid;
    gap: 0.65rem;
    width: 100%;
    max-width: var(--nc-content-max-width);
    padding: 18px 28px 0;
    margin-right: auto;
    margin-left: auto;
}

.nc-important-announcement {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
    padding: 0.85rem 1rem;
    background: linear-gradient(135deg, var(--nc-warning-soft), var(--nc-white));
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-warning);
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(61, 47, 37, 0.08);
}

.nc-important-announcement__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--nc-warning);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    font-size: 1.05rem;
}

.nc-important-announcement__content {
    min-width: 0;
}

.nc-important-announcement__kicker,
.nc-important-announcement__title {
    display: block;
}

.nc-important-announcement__kicker {
    margin-bottom: 0.08rem;
    color: var(--nc-warning);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nc-important-announcement__title {
    color: var(--nc-dark);
    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1.3;
}

.nc-important-announcement__description {
    display: -webkit-box;
    margin: 0.2rem 0 0;
    overflow: hidden;
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.4;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nc-important-announcement__event {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    margin-top: 0.35rem;
    color: var(--nc-dark);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-important-announcement__event i {
    color: var(--nc-warning);
}

.nc-important-announcement__actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.nc-important-announcement__actions .nc-btn {
    white-space: nowrap;
}

.nc-important-announcement__dismiss {
    width: 36px;
    height: 36px;
    color: var(--nc-muted);
    background: transparent;
    box-shadow: none;
}

.nc-important-announcement__dismiss:hover,
.nc-important-announcement__dismiss:focus-visible {
    color: var(--nc-dark);
    background: var(--nc-white);
}

@media (max-width: 1199.98px) {
    .nc-important-announcements {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 767.98px) {
    .nc-important-announcement {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: 0.75rem;
    }

    .nc-important-announcement__icon {
        width: 38px;
        height: 38px;
    }

    .nc-important-announcement__actions {
        grid-column: 2;
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .nc-important-announcements {
        padding: 12px 16px 0;
    }

    .nc-important-announcement {
        padding: 0.8rem;
    }

    .nc-important-announcement__description {
        -webkit-line-clamp: 3;
    }

    .nc-important-announcement__actions {
        grid-column: 1 / -1;
    }

    .nc-important-announcement__actions .nc-btn {
        flex: 1 1 auto;
    }
}

.nc-topbar-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.nc-onboarding-topbar-action-hidden {
    display: none !important;
}

.nc-user-menu {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.35rem 0.6rem 0.35rem 0.35rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    box-shadow: var(--nc-shadow-sm);
}

.nc-user-menu strong,
.nc-user-menu small {
    display: block;
    line-height: 1.05;
}

.nc-user-menu small {
    margin-top: 0.15rem;
    color: var(--nc-muted);
    font-size: 0.72rem;
}

.nc-dropdown {
    padding: 0.45rem;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    box-shadow: var(--nc-shadow-md);
}

.nc-dropdown .dropdown-item {
    border-radius: 12px;
    font-size: 0.92rem;
}

.nc-module-create-dropdown {
    position: relative;
}

.nc-module-create-menu {
    min-width: 210px;
}

.nc-module-create-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-weight: 800;
}

.nc-module-create-menu .dropdown-item i {
    width: 1rem;
    color: var(--nc-primary);
    text-align: center;
}

/* Header */
.nc-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 26px;
    background-color: #f9e4e3;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 250, 253, 0.92) 45%, rgba(255, 250, 253, 0.66) 72%, rgba(255, 250, 253, 0.32) 100%),
        url('../img/fondoheaders.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-lg);
    box-shadow: var(--nc-shadow-sm);
}

.nc-page-header h2 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0;
}

.nc-page-header p {
    max-width: 700px;
    margin: 0.55rem 0 0;
    color: var(--nc-muted);
}

.nc-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.nc-page-refresh-btn {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
}

.nc-page-refresh-btn[data-loading-active="1"] {
    cursor: wait;
    opacity: 1;
}

.nc-module-mobile-related-section {
    display: none;
}

.nc-module-mobile-related-section.nc-module-related-section-always:not(.d-none) {
    display: block;
}

html:is(.nc-onboarding-state-pending, .nc-onboarding-incomplete) :is(
    .nc-module-guide-section,
    .nc-module-guide,
    .nc-variable-cost-guide,
    .nc-system-help-card,
    .nc-onboarding-guidance-card,
    .nc-panel-logo-card,
    .nc-theme-settings-card,
    .nc-module-related-section,
    .nc-module-mobile-related-section,
    .nc-module-related-card,
    .nc-module-related-header-link
) {
    display: none !important;
}

.nc-module-related-card .nc-card-header {
    align-items: flex-start;
}

.nc-module-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.nc-module-related-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    color: var(--nc-dark);
    background: #fff;
    text-decoration: none;
}

.nc-module-related-link:hover {
    color: var(--nc-primary-dark);
    border-color: var(--nc-primary);
    background: var(--nc-primary-soft);
}

.nc-module-related-link span {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 14px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
}

.nc-module-related-link strong {
    font-weight: 900;
}

.nc-module-related-link > div {
    min-width: 0;
}

.nc-module-related-link small {
    display: block;
    margin-top: 0.15rem;
    color: var(--nc-muted);
    line-height: 1.35;
}

.nc-module-related-link.is-plan-locked {
    cursor: not-allowed;
    opacity: 0.78;
}

.nc-module-related-link .nc-plan-lock-badge {
    display: inline-flex;
    width: auto;
    min-height: 22px;
    margin: 0.45rem 0 0;
    color: var(--nc-warning);
    line-height: 1;
}

.nc-client-indicators-section {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.nc-client-indicators-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
    align-items: end;
    gap: 1rem 1.25rem;
}

.nc-client-indicators-toolbar-copy p {
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}

.nc-client-indicators-period-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr)) auto;
    align-items: end;
    gap: 0.75rem;
}

.nc-client-indicators-period-form label {
    display: grid;
    gap: 0.35rem;
    color: var(--nc-dark);
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-client-indicators-period-actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.nc-client-indicators-error {
    grid-column: 1 / -1;
    margin: 0;
    color: #b42318;
    font-size: 0.82rem;
    font-weight: 750;
}

.nc-client-indicators-section.is-loading .nc-client-indicators {
    opacity: 0.62;
    pointer-events: none;
}

.nc-client-indicators {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.nc-client-indicator-card {
    min-width: 0;
}

.nc-client-indicator-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.nc-client-indicator-head h3 {
    margin: 0;
}

.nc-client-indicator-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-client-indicator-period {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.6rem;
    margin: 0.9rem 0;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-client-indicator-period strong {
    color: var(--nc-dark);
}

.nc-client-indicator-period small {
    color: var(--nc-muted);
}

.nc-client-indicator-list {
    display: grid;
    gap: 0.55rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.nc-client-indicator-row {
    display: grid;
    grid-template-columns: 24px 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem;
    color: var(--nc-dark);
    text-decoration: none;
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.nc-client-indicator-row:hover {
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
}

.nc-client-indicator-position {
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 900;
    text-align: center;
}

.nc-client-indicator-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-client-indicator-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nc-client-indicator-person {
    min-width: 0;
}

.nc-client-indicator-person strong,
.nc-client-indicator-person small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-client-indicator-person small {
    margin-top: 0.1rem;
    color: var(--nc-muted);
    font-size: 0.74rem;
}

.nc-client-indicator-value {
    color: var(--nc-primary-dark);
    font-size: 0.82rem;
    text-align: right;
    white-space: nowrap;
}

.nc-client-indicator-empty {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.9rem;
    color: var(--nc-muted);
    background: var(--nc-primary-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 12px;
    font-size: 0.86rem;
}

.nc-client-indicator-empty i {
    color: var(--nc-primary);
}

@media (max-width: 767.98px) {
    .nc-client-indicators-toolbar,
    .nc-client-indicators-period-form {
        grid-template-columns: 1fr;
    }

    .nc-client-indicators-period-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-client-indicators-period-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-client-indicators {
        grid-template-columns: 1fr;
    }

    .nc-client-indicator-row {
        grid-template-columns: 24px 36px minmax(0, 1fr);
    }

    .nc-client-indicator-value {
        grid-column: 3;
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .nc-client-indicators-toolbar {
        grid-template-columns: 1fr;
    }
}

.nc-expense-detail {
    text-align: left;
}

.nc-expense-detail-modal .modal-body {
    background: color-mix(in srgb, var(--nc-primary-soft) 22%, #fff);
}

.nc-expense-detail-summary {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(160px, 0.7fr) minmax(160px, 0.72fr);
    align-items: stretch;
    overflow: hidden;
    margin-bottom: 1.25rem;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: linear-gradient(135deg, var(--nc-primary-soft), #fff 76%);
    box-shadow: 0 12px 30px rgba(71, 45, 118, 0.06);
}

.nc-expense-detail-summary-main,
.nc-expense-detail-summary-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 1.15rem 1.25rem;
}

.nc-expense-detail-summary-main {
    align-items: flex-start;
    gap: 0.65rem;
}

.nc-expense-detail-summary-main > strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1.2;
}

.nc-expense-detail-summary-main .nc-badge {
    display: flex;
    align-items: center;
    gap: 0.38rem;
}

.nc-expense-detail-summary-stat {
    gap: 0.35rem;
    border-left: 1px solid var(--nc-border);
}

.nc-expense-detail-summary-stat > span {
    color: var(--nc-muted);
    font-weight: 800;
}

.nc-expense-detail-summary-stat > span i {
    margin-right: 0.3rem;
    color: var(--nc-primary);
}

.nc-expense-detail-summary-stat > strong {
    color: var(--nc-dark);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-expense-detail-summary-stat.is-amount > strong {
    color: var(--nc-primary-dark);
    font-size: clamp(1.45rem, 3vw, 2rem);
    line-height: 1.1;
}

.nc-expense-detail-section + .nc-expense-detail-section {
    margin-top: 1.15rem;
}

.nc-expense-detail-section-title {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.65rem;
}

.nc-expense-detail-section-title > span,
.nc-expense-detail-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
}

.nc-expense-detail-section-title h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-expense-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    background: #fff;
}

.nc-expense-detail-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    padding: 1rem 1.1rem;
}

.nc-expense-detail-item:nth-child(even) {
    border-left: 1px solid var(--nc-border);
}

.nc-expense-detail-item:nth-child(n + 3) {
    border-top: 1px solid var(--nc-border);
}

.nc-expense-detail-item-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.18rem;
}

.nc-expense-detail-item-copy span {
    color: var(--nc-muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.nc-expense-detail-item-copy strong {
    color: var(--nc-dark);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-expense-detail-notes {
    margin-top: 1rem;
    padding: 0.85rem;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    background: var(--nc-primary-soft);
}

.nc-expense-detail-notes strong {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--nc-primary-dark);
}

.nc-expense-detail-notes strong i {
    margin-right: 0.35rem;
}

.nc-expense-detail-notes p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-expense-detail-notes.is-voided {
    color: #933246;
    background: #fff0f2;
    border-color: rgba(209, 77, 97, 0.35);
}

.nc-expense-detail-notes.is-voided strong {
    color: #933246;
}

.nc-expense-detail-notes.is-voided p {
    color: #7a5360;
}

.nc-expense-detail-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}

@media (max-width: 767.98px) {
    .nc-expense-detail-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-expense-detail-summary-main {
        grid-column: 1 / -1;
    }

    .nc-expense-detail-summary-stat {
        border-top: 1px solid var(--nc-border);
    }

    .nc-expense-detail-summary-stat.is-amount {
        border-left: 0;
    }

    .nc-expense-detail-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-expense-detail-item:nth-child(even) {
        border-left: 0;
    }

    .nc-expense-detail-item:nth-child(n + 2) {
        border-top: 1px solid var(--nc-border);
    }

    .nc-expense-detail-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }
}

.nc-refunds-filter-form {
    margin-bottom: 1rem;
}

.nc-refunds-footer {
    margin-top: 1rem;
}

.nc-expenses-indicators-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.8rem;
    padding: 0.85rem;
    margin: 0.25rem 0 1rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), #fff);
    border: 1px solid rgba(var(--nc-border-rgb), 0.72);
    border-radius: 10px;
}

.nc-expenses-indicators-form .form-label {
    margin-bottom: 0.35rem;
}

.nc-expenses-indicators-help {
    grid-column: 1 / -1;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

@media (max-width: 640px) {
    .nc-expenses-indicators-form {
        grid-template-columns: 1fr;
    }

    .nc-expenses-indicators-form .nc-btn {
        width: 100%;
    }
}

.nc-crud-module-gastos-devoluciones #moduleSummarySection .d-grid > .nc-card {
    min-width: 0;
}

.nc-crud-module-gastos-devoluciones #moduleSummarySection .table-responsive {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.nc-breadcrumb {
    margin-bottom: 0.6rem;
    font-size: 0.88rem;
}

.nc-breadcrumb .breadcrumb-item.active {
    color: var(--nc-muted);
}

/* Cards */
.nc-card,
.nc-stat-card,
.nc-empty-state,
.nc-color-card {
    background-color: var(--nc-glass-surface);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(var(--nc-primary-soft-rgb), 0.22));
    border: 1px solid var(--nc-glass-border);
    border-radius: var(--nc-radius-md);
    box-shadow: var(--nc-glass-shadow), inset 0 1px 0 var(--nc-glass-highlight);
}

.nc-card {
    padding: 22px;
}

.nc-card h4 {
    margin: 0 0 0.5rem;
    font-size: 1.02rem;
    font-weight: 850;
}

.nc-card p {
    color: var(--nc-muted);
}

.nc-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 18px;
}

.nc-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.nc-card-header h3,
.nc-card-header h4,
.nc-card-header h5 {
    margin: 0;
}

.nc-card-icon,
.nc-module-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-card-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 1rem;
}

.nc-module-card {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 22px;
    background: linear-gradient(135deg, #ffffff, var(--nc-primary-soft));
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-md);
    box-shadow: var(--nc-shadow-sm);
    color: var(--nc-dark);
}

.nc-module-card h4 {
    margin: 0 0 0.45rem;
    font-size: 1.05rem;
    font-weight: 850;
}

.nc-module-card p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-module-card:hover {
    color: var(--nc-dark);
    transform: translateY(-2px);
}

.nc-module-icon {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
}

/* Color cards */
.nc-color-card {
    display: flex;
    gap: 0.85rem;
    height: 100%;
    padding: 14px;
}

.nc-color-swatch {
    width: 54px;
    min-width: 54px;
    height: 76px;
    border: 1px solid rgba(41, 37, 42, 0.08);
    border-radius: 16px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.nc-color-card strong,
.nc-color-card code {
    display: block;
}

.nc-color-card p {
    margin: 0.45rem 0 0;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

/* Panel themes */
.nc-theme-settings-card .nc-card-header p {
    max-width: 620px;
    margin: 0.35rem 0 0;
}

.nc-theme-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.nc-theme-actions {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.nc-theme-loading,
.nc-theme-notice {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-muted);
}

.nc-theme-loading {
    min-height: 88px;
    padding: 1rem;
}

.nc-theme-notice {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    font-size: 0.9rem;
}

.nc-theme-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    width: 100%;
    min-height: 104px;
    padding: 0.9rem;
    color: var(--nc-dark);
    text-align: left;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    box-shadow: var(--nc-shadow-sm);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.nc-theme-option:hover,
.nc-theme-option:focus-visible {
    border-color: var(--nc-primary);
    box-shadow: 0 12px 26px rgba(var(--nc-primary-rgb), 0.12);
    outline: none;
    transform: translateY(-1px);
}

.nc-theme-option.is-active {
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 3px rgba(var(--nc-primary-rgb), 0.12), var(--nc-shadow-sm);
}

.nc-theme-option:disabled {
    cursor: not-allowed;
    opacity: 0.72;
    transform: none;
}

.nc-theme-preview {
    display: grid;
    grid-template-columns: repeat(2, 20px);
    grid-template-rows: repeat(2, 20px);
    gap: 4px;
    padding: 7px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-theme-preview span {
    display: block;
    background: var(--nc-theme-swatch);
    border-radius: 9px;
}

.nc-theme-copy {
    min-width: 0;
}

.nc-theme-copy strong,
.nc-theme-copy small,
.nc-theme-status {
    display: block;
}

.nc-theme-copy strong {
    font-weight: 900;
}

.nc-theme-copy small {
    margin-top: 0.2rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.25;
}

.nc-theme-status {
    grid-column: 2;
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-panel-logo-card .nc-card-header p {
    max-width: 700px;
    margin: 0.35rem 0 0;
}

.nc-panel-logo-layout {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
}

.nc-panel-logo-preview-wrap {
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    align-items: center;
    justify-items: center;
    gap: 0.9rem;
    min-height: 100%;
    padding: 1.1rem;
    background: linear-gradient(180deg, rgba(var(--nc-primary-soft-rgb), 0.9), rgba(255, 255, 255, 0.86));
    border: 1px solid var(--nc-border);
    border-radius: 20px;
}

.nc-panel-logo-preview-title {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-panel-logo-preview-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
}

.nc-panel-logo-preview {
    width: 128px;
    height: 128px;
    padding: 4px;
    background: var(--nc-white);
    border: 2px solid var(--nc-border);
    border-radius: 50%;
    box-shadow: var(--nc-shadow-sm);
    object-fit: cover;
}

.nc-panel-logo-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0.4rem 0.8rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-align: center;
}

.nc-panel-logo-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    color: var(--nc-muted);
    font-size: 0.78rem;
    text-align: center;
}

.nc-panel-logo-controls {
    display: grid;
    gap: 0.8rem;
}

.nc-panel-logo-actions {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.nc-panel-logo-actions .nc-btn {
    flex: 0 0 auto;
    width: auto;
}

.nc-panel-logo-layout.is-using-custom-logo {
    align-items: start;
}

.nc-panel-logo-layout.is-using-custom-logo .nc-panel-logo-controls {
    align-content: start;
}

.nc-panel-logo-layout.is-using-custom-logo .nc-panel-logo-divider,
.nc-panel-logo-layout.is-using-custom-logo .nc-panel-logo-import,
.nc-panel-logo-layout.is-using-custom-logo .nc-file-dropzone-shell,
.nc-panel-logo-layout.is-using-custom-logo .nc-file-dropzone {
    display: none !important;
}

.nc-panel-logo-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.nc-panel-logo-divider::before,
.nc-panel-logo-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--nc-border);
}

.nc-panel-logo-import {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.95rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), rgba(255, 255, 255, 0.84));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-panel-logo-import .nc-btn {
    justify-self: start;
}

.nc-panel-logo-import.is-readonly {
    opacity: 0.72;
}

@media (max-width: 640px) {
    .nc-panel-logo-layout {
        grid-template-columns: 1fr;
    }

    .nc-panel-logo-import {
        grid-template-columns: 1fr;
    }

    .nc-panel-logo-import .nc-btn {
        justify-self: stretch;
    }
}

/* Reports */
.nc-report-catalog-pages {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    color: var(--nc-muted);
}

.nc-report-catalog-pages small {
    flex: 1;
    min-width: 100px;
}

.nc-report-loading-status {
    color: var(--nc-primary-dark);
    padding: 8px 12px;
    background: var(--nc-primary-soft);
    border-radius: 8px;
}

.nc-reports-view {
    min-width: 0;
}

.nc-reports-preparing {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 104px;
    margin-top: 1rem;
}

.nc-reports-preparing-icon {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-primary);
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 16px;
    box-shadow: 0 9px 20px rgba(var(--nc-primary-dark-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.nc-reports-preparing strong,
.nc-reports-preparing small {
    display: block;
}

.nc-reports-preparing strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-reports-preparing small {
    margin-top: 0.16rem;
    color: var(--nc-muted);
}

.nc-reports-hub {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.nc-reports-category {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.nc-reports-category-header {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
    align-items: start;
}

.nc-reports-category-icon,
.nc-report-modal-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-reports-category h3 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 950;
}

.nc-reports-category p {
    margin: 0.25rem 0 0;
    color: var(--nc-muted);
    line-height: 1.45;
}

.nc-reports-option-list {
    display: grid;
    gap: 0.75rem;
}

.nc-report-option {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.8rem;
    align-items: center;
    width: 100%;
    min-height: 94px;
    padding: 1rem;
    color: var(--nc-dark);
    background: linear-gradient(90deg, var(--nc-white), rgba(var(--nc-primary-soft-rgb), 0.55));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    text-align: left;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.nc-report-option:hover,
.nc-report-option:focus-visible {
    transform: translateY(-1px);
    border-color: var(--nc-primary);
    background: var(--nc-white);
    box-shadow: 0 14px 30px rgba(216, 72, 124, 0.12);
    outline: none;
}

.nc-report-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-report-option strong,
.nc-report-option small {
    display: block;
}

.nc-report-option strong {
    color: var(--nc-dark);
    font-size: 0.98rem;
    font-weight: 950;
}

.nc-report-option small {
    margin-top: 0.2rem;
    color: var(--nc-muted);
    line-height: 1.35;
}

.nc-report-option-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0.55rem 0.85rem;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-primary);
    border-radius: 999px;
    font-size: 0.86rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(216, 72, 124, 0.08);
}

.nc-report-option:hover .nc-report-option-action,
.nc-report-option:focus-visible .nc-report-option-action {
    color: var(--nc-white);
    background: var(--nc-primary);
    box-shadow: 0 10px 24px rgba(216, 72, 124, 0.18);
}

.nc-report-modal-title {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.9rem;
    align-items: center;
}

.nc-report-modal-note {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    color: var(--nc-muted);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    line-height: 1.4;
}

.nc-report-modal-note i {
    color: var(--nc-primary-dark);
    margin-top: 0.1rem;
}

.nc-report-modal-grid,
.nc-report-modal-extra {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.nc-report-modal-extra {
    margin-top: 1rem;
}

.nc-reports-filter-card .nc-card-header p,
.nc-reports-result-card .nc-card-header p {
    max-width: 760px;
}

.nc-reports-filters {
    display: grid;
    gap: 1rem;
}

.nc-reports-filter-main,
.nc-reports-extra-filters {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 0.9rem;
    align-items: end;
}

.nc-reports-extra-filters:empty {
    display: none;
}

.nc-reports-filter-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.nc-reports-result-actions {
    display: grid;
    justify-items: end;
    gap: 0.35rem;
}

.nc-reports-result-actions small {
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 700;
    text-align: right;
}

.nc-reports-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.nc-reports-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.38rem 0.75rem;
    color: var(--nc-muted);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-reports-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.nc-report-stat {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
    min-height: 86px;
    padding: 1rem;
    background: linear-gradient(90deg, var(--nc-white), rgba(var(--nc-primary-soft-rgb), 0.55));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-report-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-report-stat span {
    display: block;
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-report-stat strong {
    display: block;
    margin-top: 0.12rem;
    color: var(--nc-dark);
    font-size: 1.15rem;
    font-weight: 950;
}

.nc-reports-table-shell {
    min-height: 220px;
}

.nc-reports-table-group {
    display: grid;
    gap: 1rem;
}

.nc-report-subsection {
    padding: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-report-subsection + .nc-report-subsection {
    margin-top: 1rem;
}

.nc-report-subsection h4 {
    margin: 0 0 0.2rem;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 950;
}

.nc-report-subsection p {
    margin: 0 0 0.85rem;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-reports-table {
    min-width: 860px;
}

.nc-reports-table td strong,
.nc-reports-table td small {
    display: block;
}

.nc-reports-table td small {
    color: var(--nc-muted);
    font-size: 0.78rem;
}

@media (max-width: 1400px) {
    .nc-reports-hub {
        grid-template-columns: 1fr;
    }

    .nc-reports-filter-main,
    .nc-reports-extra-filters {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .nc-reports-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .nc-reports-category-header,
    .nc-report-modal-title,
    .nc-report-option {
        grid-template-columns: 1fr;
    }

    .nc-report-option {
        text-align: center;
    }

    .nc-report-option-icon,
    .nc-report-option-action {
        justify-self: center;
    }

    .nc-report-option-action {
        width: 100%;
    }

    .nc-report-modal-grid,
    .nc-report-modal-extra {
        grid-template-columns: 1fr;
    }

    .nc-reports-filter-main,
    .nc-reports-extra-filters,
    .nc-reports-summary-grid {
        grid-template-columns: 1fr;
    }

    .nc-reports-filter-actions .nc-btn {
        width: 100%;
    }

    .nc-reports-result-actions {
        justify-items: stretch;
    }

    .nc-reports-result-actions small {
        text-align: left;
    }
}

/* Stats */
.nc-stat-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: 100%;
    padding: 20px;
}

.nc-stat-card span,
.nc-stat-card small {
    display: block;
    color: var(--nc-muted);
}

.nc-stat-card span {
    margin-bottom: 0.4rem;
    font-weight: 700;
}

.nc-stat-card strong {
    display: block;
    color: var(--nc-dark);
    font-size: 1.75rem;
    font-weight: 900;
    letter-spacing: 0;
}

.nc-stat-card small {
    margin-top: 0.25rem;
    font-size: 0.82rem;
}

.nc-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
}

/* Fixed costs summary */
.nc-fixed-cost-summary .nc-card-header {
    align-items: flex-start;
}

.nc-fixed-cost-summary .nc-card-header p {
    max-width: 760px;
    margin: 0.4rem 0 0;
}

.nc-fixed-cost-layout {
    display: grid;
    grid-template-columns: minmax(240px, 0.85fr) minmax(240px, 0.9fr) minmax(280px, 1.35fr);
    gap: 1rem;
    align-items: stretch;
}

.nc-fixed-cost-total,
.nc-fixed-cost-mini,
.nc-fixed-cost-breakdown {
    border: 1px solid rgba(var(--nc-border-rgb), 0.95);
    border-radius: 18px;
}

.nc-fixed-cost-total {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 174px;
    padding: 20px;
    background: linear-gradient(135deg, var(--nc-primary-soft), #fff);
}

.nc-fixed-cost-total span,
.nc-fixed-cost-mini span,
.nc-fixed-cost-total small,
.nc-fixed-cost-mini small,
.nc-fixed-cost-breakdown-head span,
.nc-fixed-cost-bar-top span,
.nc-fixed-cost-empty {
    color: var(--nc-muted);
}

.nc-fixed-cost-total span,
.nc-fixed-cost-mini span {
    font-weight: 800;
}

.nc-fixed-cost-total strong {
    display: block;
    margin: 0.4rem 0;
    color: var(--nc-primary-dark);
    font-size: 2.25rem;
    font-weight: 950;
    letter-spacing: 0;
}

.nc-fixed-cost-total small,
.nc-fixed-cost-mini small {
    font-size: 0.86rem;
}

.nc-fixed-cost-insights {
    display: grid;
    gap: 1rem;
}

.nc-fixed-cost-mini {
    padding: 18px;
    background: rgba(255, 255, 255, 0.8);
}

.nc-fixed-cost-mini strong {
    display: block;
    margin: 0.25rem 0;
    color: var(--nc-dark);
    font-size: 1.15rem;
    font-weight: 900;
}

.nc-fixed-cost-breakdown {
    padding: 18px;
    background: var(--nc-surface-soft);
}

.nc-fixed-cost-breakdown-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.nc-fixed-cost-breakdown-head strong,
.nc-fixed-cost-bar-top strong {
    color: var(--nc-dark);
}

.nc-fixed-cost-breakdown-head span,
.nc-fixed-cost-bar-top span {
    font-size: 0.82rem;
}

.nc-fixed-cost-bar + .nc-fixed-cost-bar {
    margin-top: 0.9rem;
}

.nc-fixed-cost-bar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.45rem;
}

.nc-fixed-cost-bar-track {
    height: 10px;
    overflow: hidden;
    background: rgba(var(--nc-primary-rgb), 0.12);
    border-radius: 999px;
}

.nc-fixed-cost-bar-track span {
    display: block;
    min-width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--nc-primary), var(--nc-primary-dark));
    border-radius: inherit;
}

.nc-fixed-cost-empty {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.8rem 0;
}

/* Variable costs guide */
.nc-variable-cost-guide {
    display: none;
}

html.nc-help-visible .nc-variable-cost-guide {
    display: block;
}

.nc-variable-cost-guide .nc-card-header {
    margin-bottom: 1rem;
}

.nc-variable-cost-guide .nc-card-header p {
    max-width: 820px;
    margin: 0.4rem 0 0;
}

.nc-variable-cost-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.nc-variable-cost-item {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 16px;
    background: var(--nc-surface-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.95);
    border-radius: 18px;
}

.nc-variable-cost-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-variable-cost-item strong {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--nc-dark);
}

.nc-variable-cost-item p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

/* Module guide cards */
.nc-module-guide-section {
    display: none;
}

html.nc-help-visible .nc-module-guide-section {
    display: block;
}

.nc-module-guide {
    display: none;
}

html.nc-help-visible .nc-module-guide {
    display: block;
}

.nc-system-help-card {
    position: relative;
}

html.nc-help-hidden .nc-system-help-card {
    display: none !important;
}

.nc-system-help-card > .nc-card-header {
    padding-right: 2.75rem;
}

.nc-system-help-dismiss {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-radius: 50%;
    transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.nc-system-help-dismiss:hover,
.nc-system-help-dismiss:focus-visible {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
}

.nc-system-help-dismiss:focus-visible {
    outline: 2px solid rgba(var(--nc-primary-rgb), 0.38);
    outline-offset: 2px;
}

.nc-system-help-dismiss:active {
    transform: scale(0.94);
}

.nc-system-help-dismiss.is-loading {
    opacity: 0.58;
}

:is(.nc-module-guide, .nc-billing-plans-card) .nc-card-header {
    margin-bottom: 1rem;
}

:is(.nc-module-guide, .nc-billing-plans-card) .nc-card-header p {
    max-width: 820px;
    margin: 0.4rem 0 0;
}

.nc-module-guide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.nc-module-guide-item {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 16px;
    background: var(--nc-surface-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.95);
    border-radius: 18px;
}

.nc-module-guide-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-module-guide-item strong {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--nc-dark);
}

.nc-module-guide-item p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

/* Client maintenance reminders */
.nc-reminders-state-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 132px;
}

.nc-reminders-state-card.is-error {
    justify-content: flex-start;
    background: linear-gradient(135deg, rgba(217, 75, 89, 0.08), var(--nc-white));
    border-color: rgba(217, 75, 89, 0.2);
}

.nc-reminders-state-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    color: var(--nc-danger);
    background: rgba(217, 75, 89, 0.1);
    border-radius: 16px;
}

.nc-reminders-state-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.nc-reminders-state-copy h3,
.nc-reminders-state-copy p {
    margin: 0;
}

.nc-reminders-state-copy h3 {
    color: var(--nc-dark);
    font-size: 1.05rem;
}

.nc-reminders-state-copy p {
    margin-top: 0.2rem;
    color: var(--nc-muted);
}

.nc-reminders-overview {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 6% 20%, rgba(var(--nc-primary-rgb), 0.14), transparent 26%),
        linear-gradient(135deg, var(--nc-white), rgba(var(--nc-primary-soft-rgb), 0.35));
    border-color: rgba(var(--nc-primary-rgb), 0.18);
}

.nc-reminders-overview.is-active {
    background:
        radial-gradient(circle at 6% 20%, rgba(var(--nc-primary-rgb), 0.2), transparent 28%),
        linear-gradient(135deg, var(--nc-primary-soft), var(--nc-white) 72%);
    border-color: rgba(var(--nc-primary-rgb), 0.3);
}

.nc-reminders-overview.has-no-channels {
    background: linear-gradient(135deg, var(--nc-warning-soft), var(--nc-white));
    border-color: rgba(201, 133, 24, 0.25);
}

.nc-reminders-overview-icon {
    display: inline-grid;
    place-items: center;
    width: 58px;
    height: 58px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.2);
    border-radius: 18px;
    box-shadow: 0 10px 22px rgba(var(--nc-primary-rgb), 0.12);
    font-size: 1.35rem;
}

.nc-reminders-overview-copy {
    min-width: 0;
}

.nc-reminders-overview-copy h3,
.nc-reminders-overview-copy p {
    margin: 0;
}

.nc-reminders-overview-copy h3 {
    color: var(--nc-dark);
    font-size: clamp(1.1rem, 2vw, 1.35rem);
}

.nc-reminders-overview-copy p {
    max-width: 760px;
    margin-top: 0.25rem;
    color: var(--nc-muted);
    line-height: 1.5;
}

.nc-reminders-form {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.nc-reminders-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
    align-items: stretch;
    gap: 1rem;
}

.nc-reminders-settings-card,
.nc-reminders-channels-card {
    min-width: 0;
}

.nc-reminders-settings-card {
    background: linear-gradient(145deg, var(--nc-white), rgba(var(--nc-primary-soft-rgb), 0.32));
    border-color: rgba(var(--nc-primary-rgb), 0.28);
    box-shadow: 0 16px 36px rgba(var(--nc-primary-dark-rgb), 0.09);
}

.nc-reminders-settings-card .nc-card-header h3 {
    font-size: clamp(1.2rem, 2vw, 1.45rem);
}

.nc-reminders-channels-card {
    background: var(--nc-surface-soft);
}

.nc-reminders-settings-card .nc-card-header,
.nc-reminders-channels-card .nc-card-header {
    margin-bottom: 1rem;
}

.nc-reminders-settings-card .nc-card-header p,
.nc-reminders-channels-card .nc-card-header p {
    margin: 0.3rem 0 0;
}

.nc-reminders-switch-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.2);
    border-radius: 16px;
}

.nc-reminders-switch-copy {
    min-width: 0;
}

.nc-reminders-switch-copy strong,
.nc-reminders-switch-copy p {
    display: block;
    margin: 0;
}

.nc-reminders-switch-copy strong {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-reminders-switch-copy p {
    margin-top: 0.2rem;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-reminders-switch-control {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.65rem;
    min-height: 34px;
    padding-left: 0;
    margin: 0;
}

.nc-reminders-switch-control .form-check-input {
    flex: 0 0 auto;
    width: 3.15rem;
    height: 1.75rem;
    margin: 0;
    cursor: pointer;
}

.nc-reminders-switch-control .form-check-label {
    min-width: 82px;
    color: var(--nc-dark);
    font-size: 0.88rem;
    font-weight: 850;
}

.nc-reminders-days-panel {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-reminders-days-panel.has-error {
    border-color: var(--nc-danger);
}

.nc-reminders-days-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.nc-reminders-days-header-copy {
    min-width: 0;
}

.nc-reminders-days-header-copy .form-label,
.nc-reminders-days-header-copy p {
    margin: 0;
}

.nc-reminders-days-header-copy .form-label {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-reminders-days-header-copy p {
    margin-top: 0.2rem;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-reminders-days-field {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.55rem;
}

.nc-reminders-days-field .nc-form-control {
    width: 104px;
    text-align: center;
    font-weight: 850;
}

.nc-reminders-days-field .nc-form-control:disabled {
    color: var(--nc-dark);
    background: var(--nc-white);
    opacity: 0.82;
}

.nc-reminders-days-field > span {
    color: var(--nc-muted);
    font-size: 0.88rem;
    font-weight: 800;
}

.nc-reminders-days-panel > .nc-field-hint {
    margin: 0.7rem 0 0;
}

.nc-reminders-fixed-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.75rem;
    padding: 0.8rem;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.18);
    border-radius: 12px;
}

.nc-reminders-fixed-icon {
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 56px;
    color: var(--nc-primary-dark);
    background:
        radial-gradient(circle at 34% 28%, var(--nc-white), transparent 32%),
        linear-gradient(145deg, rgba(var(--nc-primary-rgb), 0.08), rgba(var(--nc-primary-rgb), 0.2));
    border: 1px solid rgba(var(--nc-primary-rgb), 0.16);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(var(--nc-primary-dark-rgb), 0.12);
    font-size: 1.35rem;
}

.nc-reminders-fixed-icon i {
    transform: translate(-1px, 1px) rotate(-8deg);
}

.nc-reminders-fixed-copy {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.nc-reminders-fixed-copy > strong,
.nc-reminders-fixed-copy p {
    display: block;
    margin: 0;
    color: inherit;
}

.nc-reminders-fixed-copy > strong {
    font-size: 0.9rem;
    font-weight: 850;
}

.nc-reminders-fixed-copy p {
    color: var(--nc-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.nc-reminders-fixed-copy p strong {
    display: inline;
    color: var(--nc-primary-dark);
    font-weight: 900;
}

.nc-reminders-days-panel.has-error .invalid-feedback {
    display: block;
}

.nc-reminders-channels-list {
    display: grid;
    gap: 0.65rem;
    margin-top: 0;
}

.nc-reminders-channel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-reminders-channel.is-available {
    background: linear-gradient(90deg, rgba(var(--nc-success-rgb, 45, 147, 108), 0.08), var(--nc-white));
    border-color: rgba(var(--nc-success-rgb, 45, 147, 108), 0.24);
}

.nc-reminders-channel.is-unavailable {
    background: var(--nc-surface-soft);
}

.nc-reminders-channel-icon {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 13px;
}

.nc-reminders-channel.is-unavailable .nc-reminders-channel-icon {
    color: var(--nc-muted);
    background: var(--nc-white);
}

.nc-reminders-channel-copy {
    min-width: 0;
}

.nc-reminders-channel-copy strong,
.nc-reminders-channel-copy p {
    display: block;
    margin: 0;
}

.nc-reminders-channel-copy strong {
    color: var(--nc-dark);
    font-size: 0.92rem;
}

.nc-reminders-channel-copy p {
    margin-top: 0.12rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.4;
}

.nc-reminders-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    min-height: 32px;
    margin-top: 0.85rem;
}

.nc-reminders-form-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--nc-success);
    font-size: 0.88rem;
    font-weight: 800;
}

.nc-reminders-form-status.has-pending-changes {
    color: var(--nc-warning);
}

.nc-reminders-form-status.is-saving {
    color: var(--nc-primary-dark);
}

.nc-reminders-form-status.is-error {
    color: var(--nc-danger);
}

.nc-reminders-form-status .spinner-border {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 1199.98px) {
    .nc-reminders-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .nc-reminders-overview {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .nc-reminders-overview > .nc-badge {
        grid-column: 2;
        justify-self: start;
    }

    .nc-reminders-state-card.is-error {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .nc-reminders-state-card.is-error .nc-btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .nc-reminders-switch-panel,
    .nc-reminders-days-header {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-reminders-switch-control {
        justify-content: space-between;
        width: 100%;
    }

    .nc-reminders-days-field {
        justify-content: flex-start;
    }

    .nc-reminders-channel {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .nc-reminders-channel > .nc-badge {
        grid-column: 2;
        justify-self: start;
    }

}

.nc-commission-scheme-card {
    margin-bottom: 1rem;
}

.nc-commission-scheme-options {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-commission-scheme-option {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-height: 112px;
    padding: 0.85rem;
    color: var(--nc-dark);
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.nc-commission-scheme-option:hover {
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
}

.nc-commission-scheme-option.is-selected {
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
    box-shadow: inset 0 0 0 1px var(--nc-primary);
}

.nc-commission-scheme-option input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.nc-commission-scheme-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    color: var(--nc-primary-dark);
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-commission-scheme-option.is-selected .nc-commission-scheme-option-icon {
    color: #fff;
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-commission-scheme-option strong,
.nc-commission-scheme-option small {
    display: block;
}

.nc-commission-scheme-option strong {
    line-height: 1.25;
}

.nc-commission-scheme-option small {
    margin-top: 0.25rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.nc-commission-scheme-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.nc-commission-scheme-save-pulse {
    position: relative;
    animation: nc-commission-scheme-wave 1.65s ease-out infinite;
}

@keyframes nc-commission-scheme-wave {
    0% {
        box-shadow: 0 12px 22px rgba(var(--nc-primary-rgb), 0.3), 0 0 0 0 rgba(var(--nc-primary-rgb), 0.72);
    }
    72% {
        box-shadow: 0 12px 22px rgba(var(--nc-primary-rgb), 0.24), 0 0 0 28px rgba(var(--nc-primary-rgb), 0);
    }
    100% {
        box-shadow: 0 12px 22px rgba(var(--nc-primary-rgb), 0.24), 0 0 0 0 rgba(var(--nc-primary-rgb), 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-commission-scheme-save-pulse {
        animation: none;
        box-shadow: 0 12px 22px rgba(var(--nc-primary-rgb), 0.3), 0 0 0 3px rgba(var(--nc-primary-rgb), 0.6);
    }

    .nc-bulk-services-commission-select-attention {
        animation: none;
        box-shadow: 0 0 0 2px rgba(123, 85, 217, 0.55);
    }
}

.nc-commission-metrics-card {
    margin-bottom: 1rem;
}

.nc-commission-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.nc-commission-metric {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-commission-metric > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 12px;
}

.nc-commission-metric small,
.nc-commission-metric strong {
    display: block;
}

.nc-commission-metric small {
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-commission-metric strong {
    margin-top: 0.15rem;
    font-size: 1.15rem;
}

.nc-commission-metric-primary {
    background: var(--nc-primary-soft);
}

.nc-commission-metric-detail {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-commission-metric-detail strong {
    color: var(--nc-dark);
}

.nc-commission-scheme-status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.nc-commission-scheme-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-commission-scheme-status.is-active .nc-commission-scheme-icon {
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.22);
}

.nc-commission-scheme-status.is-disabled .nc-commission-scheme-icon {
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
}

.nc-commission-scheme-copy h3 {
    margin: 0.15rem 0 0.25rem;
}

.nc-commission-scheme-copy p {
    max-width: 820px;
    margin: 0;
    color: var(--nc-muted);
}

.nc-commission-scheme-action {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 575.98px) {
    .nc-commission-scheme-options {
        grid-template-columns: 1fr;
    }

    .nc-commission-scheme-option {
        min-height: auto;
    }

    .nc-commission-scheme-actions .nc-btn {
        width: 100%;
        justify-content: center;
    }

    .nc-commission-metrics-grid {
        grid-template-columns: 1fr;
    }

    .nc-commission-scheme-status {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: flex-start;
    }

    .nc-commission-scheme-action {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

.nc-commission-scheme-action .nc-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Commission history */
.nc-commission-history-modal-dialog {
    max-width: 980px;
}

.nc-commission-history-context {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-left: 3px solid var(--nc-primary);
    border-radius: 14px;
}

.nc-commission-history-context-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-commission-history-context small,
.nc-commission-history-context strong,
.nc-commission-history-context p {
    display: block;
}

.nc-commission-history-context small,
.nc-commission-history-context p {
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-commission-history-context strong {
    margin: 0.05rem 0;
    color: var(--nc-dark);
}

.nc-commission-history-context p {
    margin: 0;
}

.nc-commission-history-filters {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-commission-history-filter-grid {
    display: grid;
    grid-template-columns: minmax(180px, 1.4fr) minmax(135px, 0.8fr) minmax(135px, 0.8fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.nc-commission-history-filter-grid .form-label {
    margin-bottom: 0.35rem;
    font-size: 0.8rem;
}

.nc-commission-history-filter-actions {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 42px;
}

.nc-btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 40px;
    padding: 0.45rem 0.7rem;
    color: var(--nc-primary-dark);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    font-weight: 750;
}

.nc-btn-link:hover,
.nc-btn-link:focus-visible {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
}

.nc-commission-history-filter-actions .nc-btn-link {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    font-size: 0.82rem;
}

.nc-commission-history-list {
    display: grid;
    gap: 0.75rem;
}

.nc-commission-history-entry,
.nc-commission-history-service-change {
    padding: 1rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-commission-history-entry-top,
.nc-commission-history-service-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.nc-commission-history-entry h6,
.nc-commission-history-service-change h6,
.nc-commission-history-detail-header h6 {
    margin: 0.45rem 0 0.25rem;
    color: var(--nc-dark);
    font-weight: 850;
    line-height: 1.35;
}

.nc-commission-history-entry p,
.nc-commission-history-detail-header p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-commission-history-changes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.nc-commission-history-change {
    padding: 0.65rem 0.75rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-commission-history-change small,
.nc-commission-history-change span {
    display: block;
}

.nc-commission-history-change small {
    margin-bottom: 0.25rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.nc-commission-history-change span {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--nc-dark);
    font-size: 0.85rem;
}

.nc-commission-history-change span i {
    color: var(--nc-primary-dark);
    font-size: 0.72rem;
}

.nc-commission-history-missing-detail {
    margin: 0.85rem 0 0;
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-commission-history-footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-commission-history-detail-header {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-commission-history-detail-header .nc-btn-link {
    margin-bottom: 0.7rem;
    padding-left: 0;
}

.nc-commission-history-detail-list {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.nc-commission-history-service-heading small {
    flex: 0 0 auto;
    color: var(--nc-muted);
    font-size: 0.78rem;
    text-align: right;
}

.nc-commission-history-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 215px;
    padding: 1.5rem;
    color: var(--nc-muted);
    text-align: center;
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 14px;
}

.nc-commission-history-empty > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 0.65rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-commission-history-empty h6 {
    margin: 0 0 0.35rem;
    color: var(--nc-dark);
    font-weight: 800;
}

.nc-commission-history-empty p {
    max-width: 420px;
    margin: 0;
    font-size: 0.88rem;
}

.nc-commission-history-empty-sm {
    min-height: 170px;
}

.nc-commission-history-error > span {
    color: var(--nc-danger);
}

@media (max-width: 767.98px) {
    .nc-commission-history-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-commission-history-filter-grid > :first-child,
    .nc-commission-history-filter-actions {
        grid-column: 1 / -1;
    }

    .nc-commission-history-filter-actions .nc-btn:first-child {
        flex: 1 1 auto;
        justify-content: center;
    }

    .nc-commission-history-entry-top,
    .nc-commission-history-service-heading,
    .nc-commission-history-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-commission-history-entry-top .nc-btn {
        width: 100%;
        justify-content: center;
    }

    .nc-commission-history-service-heading small {
        text-align: left;
    }

    .nc-commission-history-footer .nc-pagination {
        justify-content: space-between;
    }
}

/* Onboarding spotlight */
.nc-onboarding-spotlight-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1055;
    background: rgba(31, 37, 46, 0.58);
    backdrop-filter: blur(1px);
}

.nc-onboarding-spotlight-target {
    position: relative !important;
    z-index: 1065 !important;
    box-shadow:
        0 0 0 8px rgba(255, 255, 255, 0.96),
        0 0 0 14px rgba(var(--nc-primary-rgb), 0.28),
        0 18px 36px rgba(41, 37, 42, 0.2) !important;
}

.nc-onboarding-spotlight-card {
    position: fixed;
    z-index: 1070;
    width: min(320px, calc(100vw - 32px));
    padding: 18px;
    color: #fff;
    background: #1f2730;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    box-shadow: 0 20px 45px rgba(20, 24, 32, 0.32);
}

.nc-onboarding-spotlight-card::before {
    content: "";
    position: absolute;
    left: var(--nc-spotlight-arrow-left, 50%);
    width: 16px;
    height: 16px;
    background: #1f2730;
    transform: translateX(-50%) rotate(45deg);
}

.nc-onboarding-spotlight-card[data-placement="bottom"]::before {
    top: -8px;
}

.nc-onboarding-spotlight-card[data-placement="top"]::before {
    bottom: -8px;
}

.nc-onboarding-spotlight-card strong {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 1.05rem;
}

.nc-onboarding-spotlight-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.94rem;
}

.nc-onboarding-spotlight-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.nc-onboarding-spotlight-footer small {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 700;
}

.nc-onboarding-spotlight-card .nc-btn {
    min-height: 36px;
    padding: 0.45rem 0.9rem;
}

/* Location picker */
.nc-location-picker {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: linear-gradient(120deg, var(--nc-primary-soft), #fff 72%);
}

.nc-location-picker-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.nc-location-select-label {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-location-map {
    position: relative;
    min-height: 260px;
    overflow: hidden;
    border: 1px dashed var(--nc-border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 18% 18%, rgba(232, 93, 143, 0.12), transparent 28%),
        linear-gradient(135deg, #fff, var(--nc-primary-soft));
}

.nc-location-map-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.nc-location-map-empty {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 1.5rem;
    text-align: center;
    color: var(--nc-muted);
}

.nc-location-map-empty span {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: #fff;
    color: var(--nc-primary-dark);
    font-size: 1.25rem;
}

.nc-location-map-empty strong {
    color: var(--nc-dark);
}

.nc-location-picker-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-location-picker-meta [data-location-coordinates] {
    font-weight: 800;
    color: var(--nc-primary-dark);
}

@media (max-width: 575.98px) {
    .nc-location-picker-head .nc-btn {
        width: 100%;
    }

    .nc-location-map {
        min-height: 220px;
    }
}

/* Appointments */
.nc-appointment-scope-card .nc-card-header {
    align-items: flex-start;
}

.nc-appointment-scope-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(280px, 1.15fr);
    gap: 1rem;
    align-items: start;
}

.nc-appointment-team-switch {
    min-height: 47px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.95rem;
    border: 1px solid rgba(var(--nc-border-rgb), 0.82);
    border-radius: 14px;
    background: #fff;
}

.nc-appointment-team-switch .form-check-input {
    margin-left: 0;
    margin-top: 0;
}

.nc-appointment-team-switch .form-check-label {
    font-weight: 800;
    color: var(--nc-dark);
}

.nc-appointment-team-scope small {
    display: block;
    margin-top: 0.35rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-appointment-scope-note {
    margin-top: 1.95rem;
    padding: 0.85rem 1rem;
    color: var(--nc-muted);
    background: linear-gradient(90deg, var(--nc-primary-soft), transparent);
    border-left: 3px solid var(--nc-primary);
    border-radius: 14px;
    font-size: 0.9rem;
    line-height: 1.45;
}

.nc-appointment-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.9rem 1rem;
}

.nc-appointment-summary-total,
.nc-appointment-summary-item,
.nc-appointment-summary-loading {
    min-height: 66px;
    padding: 0.65rem 0.75rem;
    background: #fff;
    border: 1px solid rgba(var(--nc-border-rgb), 0.62);
    border-radius: 14px;
    box-shadow: none;
}

.nc-appointment-summary-total,
.nc-appointment-summary-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
}

.nc-appointment-summary-total {
    grid-column: span 2;
    color: var(--nc-dark);
    background: linear-gradient(90deg, var(--nc-primary-soft), #fff);
    border-left: 3px solid var(--nc-primary);
}

.nc-appointment-summary-total > div > span,
.nc-appointment-summary-item > div > span {
    display: block;
    margin-bottom: 0.12rem;
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: none;
}

.nc-appointment-summary-total strong,
.nc-appointment-summary-item strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.25;
}

.nc-appointment-summary-item strong {
    color: #cddc39;
}

.nc-appointment-summary-total strong {
    color: var(--nc-dark);
}

.nc-appointment-summary-total small {
    display: block;
    color: var(--nc-muted);
    font-size: 0.76rem;
    line-height: 1.25;
}

.nc-appointment-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: linear-gradient(135deg, var(--nc-primary-soft), #fff);
    border: 1px solid rgba(var(--nc-border-rgb), 0.88);
    border-radius: 12px;
}

.nc-appointment-summary-icon i {
    display: block;
    line-height: 1;
}

.nc-appointment-summary-loading {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

/* Payments */
.nc-payments-scope-card .nc-card-header,
.nc-payments-summary-card .nc-card-header,
.nc-payments-list-card .nc-card-header {
    align-items: flex-start;
}

.nc-payments-list-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.nc-payments-scope-grid {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    gap: 1rem;
    align-items: end;
}

.nc-payments-scope-note {
    padding: 0.85rem 1rem;
    color: var(--nc-muted);
    background: linear-gradient(90deg, var(--nc-primary-soft), transparent);
    border-left: 3px solid var(--nc-primary);
    border-radius: 14px;
    font-size: 0.9rem;
    line-height: 1.45;
}

.nc-payments-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.9rem 1rem;
}

.nc-payment-summary-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 76px;
    padding: 0.75rem 0.85rem;
    background: #fff;
    border: 1px solid rgba(var(--nc-border-rgb), 0.72);
    border-radius: 14px;
}

.nc-payment-summary-item.is-featured {
    background: linear-gradient(90deg, var(--nc-primary-soft), #fff);
    border-left: 3px solid var(--nc-primary);
}

.nc-payment-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: linear-gradient(135deg, var(--nc-primary-soft), #fff);
    border: 1px solid rgba(var(--nc-border-rgb), 0.88);
    border-radius: 12px;
}

.nc-payment-summary-item strong,
.nc-payment-summary-item b,
.nc-payment-summary-item small {
    display: block;
}

.nc-payment-summary-item strong {
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 750;
}

.nc-payment-summary-item b {
    color: #cddc39;
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.2;
}

.nc-payment-summary-item.is-featured b {
    color: var(--nc-dark);
}

.nc-payment-summary-item small {
    color: var(--nc-muted);
    font-size: 0.76rem;
    line-height: 1.25;
}

.nc-payments-filters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.85rem;
    align-items: end;
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-payments-filters .nc-btn {
    min-height: 44px;
    justify-content: center;
}

.nc-receive-payment-modal .modal-body {
    overflow-x: hidden;
}

.nc-receive-payment-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    max-width: 620px;
    margin: 0 auto 1rem;
    padding: 0;
    list-style: none;
}

.nc-receive-payment-steps li {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 0.3rem;
    color: var(--nc-muted);
    text-align: center;
}

.nc-receive-payment-steps li::before,
.nc-receive-payment-steps li::after {
    position: absolute;
    top: 22px;
    width: 50%;
    height: 2px;
    background: var(--nc-border);
    content: '';
}

.nc-receive-payment-steps li::before {
    left: 0;
}

.nc-receive-payment-steps li::after {
    right: 0;
}

.nc-receive-payment-steps li:first-child::before,
.nc-receive-payment-steps li:last-child::after {
    display: none;
}

.nc-receive-payment-step-marker,
.nc-receive-payment-steps li > strong {
    position: relative;
    z-index: 1;
    background: var(--nc-white);
}

.nc-receive-payment-step-marker {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid var(--nc-primary);
    border-radius: 50%;
    color: var(--nc-primary-dark);
    font-size: 0.95rem;
    transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.nc-receive-payment-steps li > strong {
    padding: 0.2rem 0.35rem;
    font-size: 0.82rem;
    font-weight: 850;
}

.nc-receive-payment-steps li.is-active,
.nc-receive-payment-steps li.is-complete {
    color: var(--nc-primary-dark);
}

.nc-receive-payment-steps li.is-active > strong {
    color: var(--nc-primary-dark);
}

.nc-receive-payment-steps li.is-complete > strong {
    color: var(--nc-primary-dark);
}

.nc-receive-payment-steps li.is-active > .nc-receive-payment-step-marker,
.nc-receive-payment-steps li.is-complete > .nc-receive-payment-step-marker {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    box-shadow: 0 8px 18px rgba(var(--nc-primary-rgb), 0.2);
}

.nc-receive-payment-steps li:last-child.is-complete > .nc-receive-payment-step-marker i {
    display: none;
}

.nc-receive-payment-steps li:last-child.is-complete > .nc-receive-payment-step-marker::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.nc-receive-payment-steps li.is-complete::before,
.nc-receive-payment-steps li.is-complete::after,
.nc-receive-payment-steps li.is-active::before {
    background: var(--nc-primary);
}

.nc-receive-payment-step {
    min-width: 0;
}

.nc-receive-payment-step-heading {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.nc-receive-payment-step-heading h4,
.nc-receive-payment-step-heading p {
    margin: 0;
}

.nc-receive-payment-step-heading h4 {
    color: var(--nc-dark);
    font-size: 1.12rem;
    font-weight: 900;
}

.nc-receive-payment-step-heading p {
    margin-top: 0.15rem;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-receive-payment-step-icon,
.nc-receive-payment-selection-icon,
.nc-receive-payment-avatar {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
}

.nc-receive-payment-step-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
}

.nc-receive-payment-search {
    position: relative;
    margin-bottom: 1rem;
}

.nc-receive-payment-search > i {
    position: absolute;
    top: 50%;
    left: 1rem;
    z-index: 2;
    color: var(--nc-primary);
    transform: translateY(-50%);
    pointer-events: none;
}

.nc-receive-payment-search .form-control {
    min-height: 48px;
    padding-left: 2.8rem;
    font-size: 1rem;
}

.nc-receive-payment-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.nc-receive-payment-results > .nc-inline-loading,
.nc-receive-payment-results > .nc-empty-state {
    grid-column: 1 / -1;
}

.nc-receive-payment-option,
.nc-receive-payment-order {
    width: 100%;
    min-width: 0;
    color: inherit;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.nc-receive-payment-option:hover,
.nc-receive-payment-option:focus,
.nc-receive-payment-order:hover,
.nc-receive-payment-order:focus,
.nc-receive-payment-order.is-selected {
    border-color: var(--nc-primary);
    box-shadow: 0 9px 22px rgba(var(--nc-primary-rgb), 0.14);
    outline: 0;
    transform: translateY(-1px);
}

.nc-receive-payment-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem;
}

.nc-receive-payment-avatar,
.nc-receive-payment-selection-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 900;
}

.nc-receive-payment-option-copy,
.nc-receive-payment-option-copy strong,
.nc-receive-payment-option-copy small,
.nc-receive-payment-selection > span:last-child,
.nc-receive-payment-selection small,
.nc-receive-payment-selection strong,
.nc-receive-payment-selection em {
    display: block;
    min-width: 0;
}

.nc-receive-payment-option-copy strong,
.nc-receive-payment-selection strong {
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-receive-payment-option-copy small,
.nc-receive-payment-selection small,
.nc-receive-payment-selection em {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-style: normal;
    overflow-wrap: anywhere;
}

.nc-receive-payment-option > i,
.nc-receive-payment-order-heading > i {
    color: var(--nc-primary);
}

.nc-receive-payment-more {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.nc-receive-payment-selection {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.75rem 0.85rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
    border: 1px solid var(--nc-border);
    border-left: 3px solid var(--nc-primary);
    border-radius: 14px;
}

.nc-receive-payment-order {
    display: grid;
    padding: 0;
    overflow: hidden;
}

.nc-receive-payment-order.is-selected {
    background: rgba(var(--nc-primary-soft-rgb), 0.55);
}

.nc-receive-payment-order-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem;
}

.nc-receive-payment-order-heading span:nth-child(2),
.nc-receive-payment-order-heading strong,
.nc-receive-payment-order-heading small {
    display: block;
    min-width: 0;
}

.nc-receive-payment-order-heading strong {
    color: var(--nc-dark);
    font-size: 0.95rem;
    font-weight: 900;
}

.nc-receive-payment-order-heading small {
    color: var(--nc-muted);
    font-size: 0.76rem;
    overflow-wrap: anywhere;
}

.nc-receive-payment-order-amounts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--nc-border);
    background: rgba(var(--nc-primary-soft-rgb), 0.18);
}

.nc-receive-payment-order-amounts > span {
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border-right: 1px solid var(--nc-border);
}

.nc-receive-payment-order-amounts > span:last-child {
    border-right: 0;
}

.nc-receive-payment-order-amounts small,
.nc-receive-payment-order-amounts strong {
    display: block;
}

.nc-receive-payment-order-amounts small {
    color: var(--nc-muted);
    font-size: 0.7rem;
    font-weight: 750;
}

.nc-receive-payment-order-amounts strong {
    color: var(--nc-dark);
    font-size: 0.86rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-receive-payment-order-amounts strong.is-pending {
    color: #b06800;
}

.nc-receive-payment-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.nc-receive-payment-amount-field {
    grid-column: 1 / -1;
}

.nc-receive-payment-amount-field .input-group > .nc-btn {
    border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
}

.nc-receive-payment-amount-field .input-group .form-control {
    min-width: 120px;
}

.nc-receive-payment-amount-field.is-invalid > .invalid-feedback {
    display: block;
}

.nc-receive-payment-success {
    max-width: 900px;
    margin: 0 auto;
    padding: 0.35rem 0 0.15rem;
    text-align: center;
}

.nc-receive-payment-success-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-bottom: 0.45rem;
}

.nc-receive-payment-success-icon {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 100px;
    height: 100px;
    margin: -0.1rem 0;
    color: #16a85a;
    background: radial-gradient(circle, #f2fcf6 0 46%, #e1f7e9 47% 65%, rgba(225, 247, 233, 0.25) 66% 100%);
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(22, 168, 90, 0.2);
    font-size: 4.25rem;
}

.nc-receive-payment-success-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.58rem;
    color: #168d4d;
    background: #e7f7ee;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.nc-receive-payment-success h4 {
    margin: 0.55rem 0 0.25rem;
    color: var(--nc-dark);
    font-size: clamp(1.45rem, 3vw, 1.85rem);
    font-weight: 900;
}

.nc-receive-payment-success > p {
    margin: 0 0 1.15rem;
    color: var(--nc-muted);
    font-size: 1rem;
}

.nc-receive-payment-success > p strong {
    color: var(--nc-primary-dark);
}

.nc-receive-payment-success-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(42, 31, 56, 0.07);
}

.nc-receive-payment-success-summary > div {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 1rem;
    border-right: 1px solid var(--nc-border);
    text-align: left;
}

.nc-receive-payment-success-summary > div:last-child {
    border-right: 0;
}

.nc-receive-payment-success-summary-icon {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 50%;
}

.nc-receive-payment-success-summary-copy,
.nc-receive-payment-success-summary-copy small,
.nc-receive-payment-success-summary-copy strong {
    display: block;
    min-width: 0;
}

.nc-receive-payment-success-summary-copy small {
    color: var(--nc-muted);
    font-size: 0.75rem;
    font-weight: 750;
}

.nc-receive-payment-success-summary-copy strong {
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-receive-payment-success-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    overflow: hidden;
    background: linear-gradient(100deg, rgba(var(--nc-primary-soft-rgb), 0.48), rgba(var(--nc-primary-soft-rgb), 0.16));
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    text-align: left;
}

.nc-receive-payment-success-notice-icon {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--nc-white);
    background: var(--nc-primary);
    border-radius: 50%;
}

.nc-receive-payment-success-notice strong,
.nc-receive-payment-success-notice p {
    display: block;
    margin: 0;
}

.nc-receive-payment-success-notice strong {
    color: var(--nc-primary-dark);
    font-size: 0.88rem;
    font-weight: 900;
}

.nc-receive-payment-success-notice p {
    margin-top: 0.12rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-receive-payment-success-notice > img {
    width: 74px;
    height: 74px;
    margin: -0.55rem -0.2rem -0.55rem 0;
    object-fit: contain;
    opacity: 0.72;
}

#ncReceivePaymentBackBtn,
#ncReceivePaymentViewPaymentBtn {
    margin-left: auto;
}

.nc-receive-payment-footer.is-success #ncReceivePaymentPrintBtn {
    margin-left: 0;
}

@media (max-width: 575.98px) {
    .nc-payments-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-payments-filters > div,
    .nc-payments-filters > .nc-btn {
        grid-column: 1 / -1;
    }

    .nc-payments-filters > .nc-payments-filter-period,
    .nc-payments-filters > .nc-payments-filter-status,
    .nc-payments-filters > .nc-payments-filter-refunds {
        grid-column: span 1;
    }

    .nc-receive-payment-steps {
        margin-bottom: 1.1rem;
    }

    .nc-receive-payment-step-marker {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .nc-receive-payment-steps li::before,
    .nc-receive-payment-steps li::after {
        top: 20px;
    }

    .nc-receive-payment-steps li > strong {
        padding-inline: 0.2rem;
        font-size: 0.74rem;
    }

    .nc-receive-payment-step-heading {
        align-items: flex-start;
    }

    .nc-receive-payment-results,
    .nc-receive-payment-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-receive-payment-amount-field {
        grid-column: auto;
    }

    .nc-receive-payment-amount-field .input-group {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-receive-payment-amount-field .input-group > .nc-btn {
        grid-column: 1 / -1;
        margin-top: 0.5rem;
        border-radius: 999px;
    }

    .nc-receive-payment-order-amounts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-receive-payment-order-amounts > span:nth-child(2) {
        border-right: 0;
    }

    .nc-receive-payment-order-amounts > span:nth-child(3) {
        grid-column: 1 / -1;
        border-top: 1px solid var(--nc-border);
    }

    .nc-receive-payment-success {
        padding-top: 0;
    }

    .nc-receive-payment-success-status {
        flex-direction: column;
        gap: 0.25rem;
    }

    .nc-receive-payment-success-icon {
        width: 86px;
        height: 86px;
        font-size: 3.65rem;
    }

    .nc-receive-payment-success h4 {
        font-size: 1.35rem;
    }

    .nc-receive-payment-success-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-receive-payment-success-summary > div,
    .nc-receive-payment-success-summary > div:nth-child(2),
    .nc-receive-payment-success-summary > div:nth-child(3) {
        grid-column: auto;
        padding: 0.75rem;
        border-top: 1px solid var(--nc-border);
        border-right: 0;
    }

    .nc-receive-payment-success-summary > div:first-child {
        border-top: 0;
    }

    .nc-receive-payment-success-notice {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 0.75rem;
    }

    .nc-receive-payment-success-notice > img {
        display: none;
    }

    .nc-receive-payment-footer {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-receive-payment-footer .nc-btn {
        width: 100%;
        margin-left: 0 !important;
        justify-content: center;
    }

    .nc-receive-payment-footer .nc-btn.is-only-action {
        grid-column: 1 / -1;
    }

    .nc-receive-payment-footer.is-success #ncReceivePaymentCancelBtn {
        grid-column: 1 / -1;
    }

    .nc-receive-payment-footer.is-success #ncReceivePaymentPrintBtn {
        grid-column: 1 / -1;
    }
}

.nc-payments-active-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), #fff);
    border: 1px solid var(--nc-border);
    border-left: 3px solid var(--nc-primary);
    border-radius: 16px;
}

.nc-payments-active-filter > div {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.nc-payments-active-filter strong,
.nc-payments-active-filter small {
    display: block;
}

.nc-payments-active-filter strong {
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 850;
}

.nc-payments-active-filter small {
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-payment-exact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    color: var(--nc-primary-dark);
    background: #fff;
    border: 1px solid rgba(var(--nc-primary-rgb), 0.2);
    border-radius: 12px;
}

.nc-payment-detail-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), #fff);
    border: 1px solid var(--nc-border);
    border-left: 3px solid var(--nc-primary);
    border-radius: 18px;
}

.nc-payment-detail-hero span,
.nc-payment-detail-hero strong,
.nc-payment-detail-hero small {
    display: block;
}

.nc-payment-detail-hero span {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 750;
    text-transform: uppercase;
}

.nc-payment-detail-hero strong {
    color: var(--nc-dark);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.15;
}

.nc-payment-detail-hero small {
    color: var(--nc-primary-dark);
    font-weight: 800;
}

.nc-payment-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.nc-payment-detail-section {
    padding: 0.95rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-payment-detail-section h4 {
    margin: 0 0 0.75rem;
    color: var(--nc-primary-dark);
    font-size: 0.92rem;
    font-weight: 900;
}

.nc-payment-detail-row {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.55rem 0;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-payment-detail-row:first-of-type {
    border-top: 0;
}

.nc-payment-detail-row span {
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-payment-detail-row strong {
    max-width: 58%;
    color: var(--nc-dark);
    font-size: 0.88rem;
    font-weight: 850;
    text-align: right;
    overflow-wrap: anywhere;
}

.nc-payment-tracking-qr {
    display: inline-grid;
    place-items: center;
    width: 160px;
    min-height: 160px;
    padding: 8px;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-payment-tracking-qr canvas,
.nc-payment-tracking-qr img {
    display: block;
    width: 144px !important;
    height: 144px !important;
    max-width: 100%;
    image-rendering: pixelated;
}

.nc-payment-tracking-qr.is-fallback {
    display: block;
    width: auto;
    min-height: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.nc-payments-table {
    min-width: 1220px;
}

.nc-payments-table th:nth-child(1),
.nc-payments-table td:nth-child(1) {
    min-width: 120px;
}

.nc-payments-table th:nth-child(2),
.nc-payments-table td:nth-child(2) {
    min-width: 240px;
}

.nc-payments-table th:nth-child(3),
.nc-payments-table td:nth-child(3) {
    min-width: 210px;
}

.nc-payments-table th:nth-child(4),
.nc-payments-table td:nth-child(4) {
    min-width: 190px;
}

.nc-payments-table th:nth-child(5),
.nc-payments-table td:nth-child(5),
.nc-payments-table th:nth-child(6),
.nc-payments-table td:nth-child(6) {
    min-width: 130px;
}

.nc-payments-table th:nth-child(7),
.nc-payments-table td:nth-child(7) {
    min-width: 125px;
}

.nc-payments-table th:nth-child(8),
.nc-payments-table td:nth-child(8) {
    width: 78px;
    min-width: 78px;
    max-width: 78px;
}

.nc-payments-table th:last-child,
.nc-payments-table td:last-child:not([colspan]) {
    position: sticky;
    right: 0;
    z-index: 2;
    background: rgba(var(--nc-primary-soft-rgb), 0.82);
    border-left: 1px solid var(--nc-border);
    box-shadow: -10px 0 16px rgba(var(--nc-primary-soft-rgb), 0.84);
}

.nc-payments-table thead th:last-child {
    z-index: 3;
    background: var(--nc-primary-soft);
}

.nc-payments-table tbody tr.nc-row-dropdown-open {
    position: relative;
    z-index: 12;
}

.nc-payments-table td.nc-cell-dropdown-open {
    z-index: 24;
}

.nc-payments-table td strong,
.nc-payments-table td small {
    display: block;
}

.nc-payments-table td small {
    margin-top: 0.15rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-payments-table td:nth-child(1) small,
.nc-payments-table td:nth-child(2) small,
.nc-payments-table td:nth-child(4) small {
    white-space: nowrap;
}

.nc-payment-origin {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0.22rem 0.55rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.18);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 850;
}

.nc-payment-ref-link {
    appearance: none;
    padding: 0;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-bottom: 1px dashed rgba(var(--nc-primary-dark-rgb), 0.55);
    font: inherit;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.nc-payment-ref-link:hover,
.nc-payment-ref-link:focus {
    color: var(--nc-primary-dark);
    border-bottom-color: var(--nc-primary-dark);
    text-decoration: none;
}

.nc-payment-ref-separator {
    display: inline-flex;
    margin: 0 0.3rem;
    color: var(--nc-muted);
}

.nc-payments-actions {
    justify-content: flex-end;
}

.nc-payments-actions-dropdown {
    display: block;
}

.nc-payments-actions-dropdown > .nc-icon-btn {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.24);
}

.nc-payments-actions-dropdown > .nc-icon-btn:hover,
.nc-payments-actions-dropdown > .nc-icon-btn:focus {
    color: var(--nc-white);
    background: var(--nc-primary-dark);
    border-color: var(--nc-primary-dark);
}

.nc-payments-action-menu {
    min-width: 210px;
}

.nc-payments-action-menu.nc-dropdown-floating {
    position: fixed !important;
    z-index: 1085;
    margin: 0 !important;
    transform: none !important;
}

.nc-payments-action-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 800;
}

.nc-payments-action-menu .dropdown-item i {
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-payment-cards-list {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.nc-payment-list-card {
    position: relative;
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 8px;
    background: var(--nc-white);
    box-shadow: 0 9px 22px rgba(75, 36, 56, 0.06);
}

.nc-payment-list-card.is-success {
    border-left-color: #35a653;
}

.nc-payment-list-card.is-danger {
    border-left-color: #d14d61;
}

.nc-payment-list-card.is-action-menu-open {
    z-index: 12;
}

.nc-payment-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-payment-card-heading {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
    padding: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
}

.nc-payment-card-heading:hover strong,
.nc-payment-card-heading:focus strong {
    color: var(--nc-primary-dark);
    text-decoration: underline;
}

.nc-payment-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    font-size: 1.05rem;
}

.nc-payment-card-heading > span:last-child {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.nc-payment-card-heading small,
.nc-payment-card-info span,
.nc-payment-card-financials span {
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.nc-payment-card-heading strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 1.08rem;
    line-height: 1.18;
}

.nc-payment-card-heading em {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-style: normal;
}

.nc-payment-card-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2px;
}

.nc-payment-card-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.9rem 1rem;
}

.nc-payment-card-info {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
}

.nc-payment-card-info > i {
    flex: 0 0 auto;
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-payment-card-info > div {
    min-width: 0;
}

.nc-payment-card-info span,
.nc-payment-card-info strong,
.nc-payment-card-info small {
    display: block;
}

.nc-payment-card-info strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.9rem;
    line-height: 1.28;
}

.nc-payment-card-info small {
    margin-top: 0.08rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    line-height: 1.3;
}

.nc-payment-card-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.22);
}

.nc-payment-card-financials {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.nc-payment-card-financials > div {
    min-width: 0;
    padding: 0.08rem 0.65rem;
    border-right: 1px dashed rgba(var(--nc-border-rgb), 0.9);
}

.nc-payment-card-financials > div:first-child {
    padding-left: 0;
}

.nc-payment-card-financials > div:last-child {
    border-right: 0;
}

.nc-payment-card-financials strong {
    display: block;
    color: var(--nc-dark);
    font-size: 0.95rem;
}

.nc-payment-card-financials strong.is-paid {
    color: #208b46;
}

.nc-payment-card-financials strong.is-refunded,
.nc-payment-card-financials strong.is-pending {
    color: #b06800;
}

.nc-payment-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-payment-card-action,
.nc-payment-card-menu-toggle {
    min-height: 40px;
}

.nc-payment-card-action {
    white-space: nowrap;
}

.nc-payment-card-menu-toggle {
    width: 40px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border-color: var(--nc-border);
}

.nc-payment-card-menu-toggle:hover,
.nc-payment-card-menu-toggle:focus {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

/* Available spaces */
.nc-spaces-toolbar-card .nc-card-header,
.nc-spaces-calendar-card .nc-card-header {
    align-items: flex-start;
}

.nc-spaces-public-reservations-card {
    position: relative;
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr) minmax(310px, 0.72fr);
    gap: 1.35rem;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 15%, rgba(var(--nc-primary-rgb), 0.12), transparent 30%),
        linear-gradient(135deg, #fff 0%, #fff8fc 100%);
    border-color: rgba(var(--nc-primary-rgb), 0.2);
    box-shadow: 0 16px 40px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-spaces-public-reservations-visual {
    display: inline-flex;
    width: 106px;
    height: 106px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(var(--nc-primary-rgb), 0.06), rgba(var(--nc-primary-rgb), 0.14));
    border: 1px solid rgba(var(--nc-primary-rgb), 0.16);
    border-radius: 26px;
}

.nc-spaces-public-reservations-icon {
    position: relative;
    display: inline-flex;
    width: 68px;
    height: 68px;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    font-size: 2.15rem;
}

.nc-spaces-public-reservations-heart {
    position: absolute;
    right: -8px;
    bottom: -5px;
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.88rem;
    background: var(--nc-primary);
    border: 3px solid #fff;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(var(--nc-primary-rgb), 0.22);
}

.nc-spaces-public-reservations-content {
    min-width: 0;
}

.nc-spaces-public-reservations-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.65rem;
}

.nc-spaces-public-reservations-label,
.nc-spaces-public-reservations-status {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 29px;
    padding: 0.35rem 0.7rem;
    font-size: 0.76rem;
    font-weight: 850;
    line-height: 1;
    border-radius: 999px;
}

.nc-spaces-public-reservations-label {
    color: var(--nc-primary-dark);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(var(--nc-primary-rgb), 0.1);
}

.nc-spaces-public-reservations-status {
    color: #23844a;
    background: #eaf8ef;
}

.nc-spaces-public-reservations-label i,
.nc-spaces-public-reservations-status i {
    font-size: 0.55rem;
}

.nc-spaces-public-reservations-content h3 {
    margin: 0 0 0.3rem;
}

.nc-spaces-public-reservations-content p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-spaces-public-reservations-url-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    min-height: 52px;
    margin-top: 0.85rem;
    padding: 0.38rem 0.42rem 0.38rem 0.9rem;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-rgb), 0.055);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.17);
    border-radius: 16px;
}

.nc-spaces-public-reservations-url {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    color: var(--nc-primary-dark);
    font-size: 0.88rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-spaces-public-reservations-url:hover,
.nc-spaces-public-reservations-url:focus {
    color: var(--nc-primary);
}

.nc-spaces-public-reservations-url-copy {
    width: 40px;
    height: 40px;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-rgb), 0.1);
    border-color: transparent;
}

.nc-spaces-public-reservations-url-copy:hover,
.nc-spaces-public-reservations-url-copy:focus {
    color: #fff;
    background: var(--nc-primary);
}

.nc-spaces-public-reservations-aside {
    display: flex;
    min-width: 0;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    padding-left: 1.35rem;
    border-left: 1px solid rgba(var(--nc-primary-rgb), 0.13);
}

.nc-spaces-public-reservations-motto {
    width: 165px;
    height: 62px;
    margin: -0.45rem 0 0.3rem auto;
    object-fit: contain;
}

.nc-spaces-public-reservations-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.nc-spaces-public-reservations-actions .nc-btn {
    justify-content: center;
    white-space: nowrap;
}

.nc-spaces-public-reservations-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0.7rem 0 0;
    color: var(--nc-muted);
    font-size: 0.8rem;
    text-align: center;
}

.nc-spaces-public-reservations-note i {
    color: var(--nc-primary-dark);
}

.nc-spaces-toolbar {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) minmax(180px, 0.8fr) auto auto auto;
    gap: 0.9rem;
    align-items: end;
}

.nc-spaces-toggle {
    align-self: center;
    min-height: 44px;
    margin-top: 1.85rem;
}

.nc-spaces-team-toggle {
    white-space: nowrap;
}

.nc-spaces-calendar-header {
    gap: 1rem;
}

.nc-spaces-week-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.nc-spaces-share-action {
    position: relative;
}

.nc-spaces-share-mobile-menu {
    min-width: 220px;
}

.nc-spaces-share-mobile-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-spaces-share-mobile-menu .dropdown-item i {
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-spaces-share-modal-footer {
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
}

.nc-spaces-logo-help-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-right: auto;
    text-align: left;
}

.nc-spaces-share-modal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.nc-spaces-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1rem;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-spaces-legend span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.nc-space-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.nc-space-dot-available {
    background: #6bbf59;
}

.nc-space-dot-occupied {
    background: #f2b84b;
}

.nc-space-dot-blocked {
    background: var(--nc-primary-dark);
}

.nc-spaces-calendar-scroll {
    overflow-x: auto;
    padding-bottom: 0.35rem;
}

.nc-spaces-calendar-initial-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 430px;
    gap: 0.9rem;
    color: var(--nc-muted);
    background: linear-gradient(145deg, #fff, rgba(var(--nc-primary-soft-rgb), 0.5));
    border: 1px dashed rgba(var(--nc-primary-rgb), 0.26);
    border-radius: 18px;
}

.nc-spaces-calendar-initial-loading > div {
    display: grid;
    gap: 0.15rem;
}

.nc-spaces-calendar-initial-loading strong {
    color: var(--nc-dark);
    font-size: 0.96rem;
}

.nc-spaces-calendar-initial-loading span:not(.spinner-border) {
    font-size: 0.86rem;
}

.nc-spaces-calendar-loading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-radius: 50%;
}

.nc-spaces-calendar-loading-icon .spinner-border {
    width: 1.35rem;
    height: 1.35rem;
    border-width: 0.16em;
}

@media (min-width: 768px) {
    .nc-spaces-calendar-scroll {
        scrollbar-color: transparent transparent;
    }

    .nc-spaces-calendar-scroll.is-scrolling {
        scrollbar-color: rgba(var(--nc-primary-dark-rgb), 0.36) transparent;
    }

    .nc-spaces-calendar-scroll::-webkit-scrollbar-thumb {
        background-color: transparent;
        transition: background-color 0.3s ease;
    }

    .nc-spaces-calendar-scroll.is-scrolling::-webkit-scrollbar-thumb {
        background-color: rgba(var(--nc-primary-dark-rgb), 0.36);
    }
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .nc-spaces-calendar-scroll {
        cursor: grab;
        -webkit-user-select: none;
        user-select: none;
    }

    .nc-spaces-calendar-scroll.is-mouse-dragging,
    .nc-spaces-calendar-scroll.is-mouse-dragging * {
        cursor: grabbing !important;
        user-select: none;
    }
}

.nc-spaces-week-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(240px, 1fr));
    gap: 0.85rem;
    min-width: 1760px;
}

.nc-spaces-day {
    min-height: 430px;
    background: var(--nc-surface-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.86);
    border-radius: 18px;
    overflow: hidden;
}

.nc-spaces-day-head {
    padding: 0.85rem 0.95rem;
    background: #fff;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.86);
}

.nc-spaces-day-head span {
    display: block;
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.nc-spaces-day-head strong {
    display: block;
    margin-top: 0.1rem;
    color: var(--nc-dark);
    font-size: 1rem;
}

.nc-spaces-day-body {
    display: grid;
    gap: 0.9rem;
    padding: 0.75rem;
}

.nc-spaces-business-day {
    display: grid;
    gap: 0.8rem;
}

.nc-spaces-business-day h4 {
    margin: 0 0 0.55rem;
    color: var(--nc-dark);
    font-size: 0.92rem;
}

.nc-spaces-day-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.nc-spaces-day-summary span {
    display: inline-flex;
    padding: 0.18rem 0.48rem;
    color: var(--nc-muted);
    background: #fff;
    border: 1px solid rgba(var(--nc-border-rgb), 0.88);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.nc-spaces-day-note,
.nc-spaces-day-empty {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.75rem;
    color: var(--nc-muted);
    background: #fff;
    border: 1px dashed rgba(var(--nc-primary-rgb), 0.32);
    border-radius: 14px;
    font-size: 0.86rem;
}

.nc-space-card {
    display: grid;
    gap: 0.45rem;
    margin-block: 0.05rem;
    padding: 0.78rem;
    background: #fff;
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-left-width: 4px;
    border-radius: 14px;
}

.nc-space-card-clickable {
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.nc-space-card-clickable:hover,
.nc-space-card-clickable:focus-visible {
    border-color: rgba(var(--nc-primary-rgb), 0.42);
    box-shadow: 0 14px 30px rgba(var(--nc-primary-rgb), 0.12);
    outline: none;
    transform: translateY(-1px);
}

.nc-space-card-available {
    border-left-color: #6bbf59;
}

.nc-space-card.is-adjusted {
    border-color: rgba(201, 133, 24, 0.32);
    border-left-color: var(--nc-warning);
    background: linear-gradient(180deg, #fff 0%, var(--nc-warning-soft) 100%);
}

.nc-space-card-occupied {
    border-left-color: #f2b84b;
}

.nc-space-card-blocked {
    border-left-color: var(--nc-primary-dark);
}

.nc-space-card-top {
    display: grid;
    gap: 0.35rem;
}

.nc-space-card-top strong {
    color: var(--nc-dark);
    font-size: 0.92rem;
    white-space: nowrap;
}

.nc-space-status {
    display: inline-flex;
    align-items: center;
    width: max-content;
    gap: 0.3rem;
    padding: 0.18rem 0.5rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.nc-space-card-available .nc-space-status {
    color: #2e7d32;
    background: #edf8ee;
}

.nc-space-card-occupied .nc-space-status {
    color: #9a6500;
    background: #fff6df;
}

.nc-space-adjusted-badge {
    display: inline-flex;
    align-items: center;
    width: max-content;
    gap: 0.3rem;
    padding: 0.16rem 0.48rem;
    color: var(--nc-warning);
    background: #fff6df;
    border: 1px solid rgba(201, 133, 24, 0.2);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.nc-space-person,
.nc-space-client {
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-space-person {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.nc-space-client span {
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.nc-space-client strong {
    display: block;
    color: var(--nc-dark);
    font-size: 0.88rem;
}

.nc-space-notes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.nc-space-notes span {
    padding: 0.16rem 0.42rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: pre-line;
}

.nc-spaces-full-empty {
    grid-column: 1 / -1;
}

.nc-share-preview-wrap {
    display: flex;
    justify-content: center;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px dashed rgba(var(--nc-primary-rgb), 0.32);
    border-radius: 18px;
    overflow: auto;
}

.nc-share-card {
    position: relative;
    width: 640px;
    height: 800px;
    flex: 0 0 auto;
    overflow: hidden;
    color: #20191f;
    background: #fff;
    border-radius: 0;
    isolation: isolate;
}

.nc-share-card-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(ellipse 110% 34% at 50% -7%, rgba(var(--nc-primary-rgb), 0.25) 0%, rgba(var(--nc-primary-rgb), 0.1) 45%, rgba(var(--nc-primary-rgb), 0) 78%),
        radial-gradient(ellipse 125% 36% at 50% 107%, rgba(var(--nc-primary-dark-rgb), 0.16) 0%, rgba(var(--nc-primary-rgb), 0.06) 47%, rgba(var(--nc-primary-rgb), 0) 80%),
        linear-gradient(180deg, rgba(var(--nc-primary-soft-rgb), 0.88) 0%, rgba(255, 255, 255, 0.98) 26%, #fff 58%, var(--nc-beige) 100%);
}

.nc-share-card-art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nc-share-card-art path,
.nc-share-card-art circle {
    vector-effect: non-scaling-stroke;
}

.nc-share-art-fill-soft {
    fill: var(--nc-primary-soft);
    opacity: 0.78;
}

.nc-share-art-fill-primary {
    fill: var(--nc-primary);
    opacity: 0.14;
}

.nc-share-art-line {
    fill: none;
    stroke: var(--nc-primary);
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nc-share-art-line-soft {
    stroke-width: 1.25px;
    opacity: 0.28;
}

.nc-share-art-botanical {
    stroke-width: 1.6px;
    opacity: 0.34;
}

.nc-share-art-hand-source {
    fill: var(--nc-primary);
    opacity: 0.24;
}

.nc-share-art-sparkles {
    fill: var(--nc-primary);
    opacity: 0.32;
}

.nc-share-card-content {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    padding: 52px 42px 42px;
}

.nc-share-card-header {
    text-align: center;
}

.nc-share-card-header span {
    display: block;
    color: var(--nc-primary-dark);
    font-size: 4rem;
    font-weight: 900;
    line-height: 0.95;
}

.nc-share-card-header strong {
    display: block;
    margin-top: -0.15rem;
    color: var(--nc-primary);
    font-family: "Brush Script MT", "Segoe Script", cursive;
    font-size: 3.3rem;
    font-weight: 400;
    line-height: 0.9;
}

.nc-share-card-header small {
    display: inline-flex;
    margin-top: 1.25rem;
    padding: 0.38rem 1rem;
    color: var(--nc-dark);
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(var(--nc-border-rgb), 0.86);
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 800;
}

.nc-share-days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.5rem;
    align-content: start;
    margin-top: 3.1rem;
}

.nc-share-day {
    min-width: 0;
    text-align: center;
}

.nc-share-weekday {
    display: block;
    color: var(--nc-dark);
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.nc-share-day > strong {
    display: block;
    margin-top: 0.75rem;
    color: var(--nc-dark);
    font-size: 1.25rem;
    font-weight: 900;
}

.nc-share-day > strong.nc-share-date {
    font-size: 0.78rem;
    line-height: 1.2;
}

.nc-linked-quote-appointment-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 1rem 0;
    text-align: left;
}

.nc-linked-quote-appointment-summary > div {
    min-width: 0;
    padding: 0.75rem;
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.2);
    border-radius: 12px;
}

.nc-linked-quote-appointment-summary span,
.nc-linked-quote-appointment-summary strong {
    display: block;
}

.nc-linked-quote-appointment-summary span {
    margin-bottom: 0.3rem;
    color: var(--nc-primary-dark);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.nc-linked-quote-appointment-summary strong {
    color: var(--nc-dark);
    font-size: 0.88rem;
}

@media (max-width: 575.98px) {
    .nc-linked-quote-appointment-summary {
        grid-template-columns: 1fr;
    }
}

.nc-share-times {
    display: grid;
    gap: 12px;
    margin-top: 1rem;
}

.nc-share-times span,
.nc-share-times em,
.nc-share-times small {
    display: block;
    color: var(--nc-dark);
    font-size: 13px;
    font-style: normal;
    font-weight: 850;
    line-height: 1.12;
    white-space: nowrap;
    word-break: normal;
}

.nc-share-times em {
    color: var(--nc-muted);
    font-weight: 800;
}

.nc-share-times small {
    color: var(--nc-primary-dark);
    font-size: 0.76rem;
}

.nc-share-footer {
    text-align: center;
}

.nc-share-footer-logo {
    display: block;
    max-width: 240px;
    max-height: 76px;
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.nc-share-footer strong {
    display: block;
    color: var(--nc-dark);
    font-size: 2.45rem;
    font-weight: 900;
    line-height: 1;
}

.nc-share-footer span {
    display: block;
    max-width: 410px;
    margin: 0.85rem auto 0;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.25;
}

.nc-quotes-scope-grid,
.nc-quotes-filters {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    align-items: end;
}

.nc-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.nc-quotes-scope-grid > div:first-child {
    grid-column: span 4;
}

.nc-quotes-scope-note {
    grid-column: span 8;
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 0.85rem 1rem;
    color: var(--nc-muted);
    background: linear-gradient(90deg, var(--nc-primary-soft), #fff);
    border-left: 3px solid var(--nc-primary);
    border-radius: 14px;
    font-size: 0.92rem;
}

.nc-quotes-filters {
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.88);
    border-radius: 18px;
}

.nc-quotes-filters > div {
    grid-column: span 2;
}

.nc-quotes-filters > div:nth-child(6),
.nc-quotes-filter-actions {
    grid-column: span 3;
}

.nc-quotes-filters .nc-quote-filter-search-input {
    min-width: 0;
}

.nc-quotes-filter-actions {
    display: flex;
    gap: 0.55rem;
}

.nc-quote-list {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.nc-quote-clone-source {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 1rem;
    padding: 0.85rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-quote-clone-source-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 10px;
}

.nc-quote-clone-source > span:last-child {
    display: grid;
    min-width: 0;
}

.nc-quote-clone-source small,
.nc-quote-clone-source em {
    color: var(--nc-muted);
    font-style: normal;
}

.nc-quote-clone-source strong {
    font-size: 1.02rem;
}

.nc-form-optional {
    color: var(--nc-muted);
    font-weight: 600;
}

.nc-quote-clone-result-success {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    color: var(--nc-dark);
    background: rgba(53, 166, 83, 0.09);
    border: 1px solid rgba(53, 166, 83, 0.24);
    border-radius: 14px;
}

.nc-quote-clone-result-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    color: #258a45;
    background: var(--nc-white);
    border: 1px solid rgba(53, 166, 83, 0.28);
    border-radius: 999px;
}

.nc-quote-clone-result-success > div {
    display: grid;
    gap: 0.15rem;
}

.nc-quote-clone-result-success strong {
    font-weight: 900;
}

.nc-quote-clone-result-success span:last-child {
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-quote-clone-review {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-quote-clone-review-heading {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.nc-quote-clone-review-heading > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border-radius: 999px;
}

.nc-quote-clone-review-heading h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-quote-clone-review-heading p {
    margin: 0.25rem 0 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-quote-clone-review-list {
    display: grid;
    gap: 0.55rem;
    margin: 0.9rem 0 0;
    padding: 0;
    list-style: none;
}

.nc-quote-clone-review-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.7rem 0.8rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid rgba(var(--nc-border-rgb), 0.82);
    border-radius: 10px;
    font-size: 0.88rem;
}

.nc-quote-clone-review-list li > span:first-child {
    flex: 0 0 auto;
    color: var(--nc-primary-dark);
}

.nc-quote-clone-result-message {
    margin: 1rem 0 0;
    color: var(--nc-muted);
    text-align: center;
}

.nc-quote-list-card {
    position: relative;
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 8px;
    background: var(--nc-white);
    box-shadow: 0 9px 22px rgba(75, 36, 56, 0.06);
}

.nc-quote-list-card.is-success {
    border-left-color: #35a653;
}

.nc-quote-list-card.is-warning {
    border-left-color: #d48a15;
}

.nc-quote-list-card.is-danger {
    border-left-color: #d14d61;
}

.nc-quote-list-card.is-muted {
    border-left-color: #9a949b;
}

.nc-quote-list-card.is-action-menu-open {
    z-index: 12;
}

.nc-quote-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
    cursor: pointer;
}

.nc-quote-card-header:hover,
.nc-quote-card-header:focus-visible {
    color: inherit;
    text-decoration: none;
}

.nc-quote-card-header:focus-visible {
    outline: 2px solid rgba(var(--nc-primary-rgb), 0.5);
    outline-offset: -2px;
}

.nc-quote-status-help {
    cursor: pointer;
    user-select: none;
}

.nc-quote-status-help:focus-visible {
    outline: 2px solid rgba(var(--nc-primary-rgb), 0.62);
    outline-offset: 2px;
}

.nc-quote-card-heading {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
    padding: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
}

.nc-quote-card-header:hover .nc-quote-card-heading strong,
.nc-quote-card-header:focus-visible .nc-quote-card-heading strong {
    color: var(--nc-primary-dark);
    text-decoration: underline;
}

.nc-quote-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    font-size: 1.05rem;
}

.nc-quote-card-heading > span:last-child {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.nc-quote-card-heading small,
.nc-quote-card-info span,
.nc-quote-card-total span {
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.nc-quote-card-heading strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 1.08rem;
    line-height: 1.18;
}

.nc-quote-card-heading em {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-style: normal;
}

.nc-quote-card-body {
    min-width: 0;
}

.nc-quote-card-body.has-reference {
    display: grid;
    grid-template-columns: minmax(132px, 160px) minmax(0, 1fr);
}

.nc-quote-card-reference {
    width: 100%;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    gap: 0.4rem;
    padding: 0.65rem;
    color: var(--nc-primary-dark);
    font: inherit;
    text-align: center;
    text-decoration: none;
    background: rgba(var(--nc-primary-soft-rgb), 0.42);
    border: 0;
    border-right: 1px solid rgba(var(--nc-border-rgb), 0.78);
    cursor: pointer;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

.nc-quote-reference-lightbox-frame {
    position: relative;
}

.nc-quote-reference-lightbox-state {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.78);
    text-align: center;
}

.nc-quote-reference-lightbox-state i {
    font-size: 1.7rem;
}

.nc-quote-reference-lightbox-state span {
    font-size: 0.9rem;
    font-weight: 750;
}

.nc-quote-card-reference:hover,
.nc-quote-card-reference:focus-visible {
    color: var(--nc-primary-dark);
    text-decoration: none;
    background: var(--nc-primary-soft);
    box-shadow: inset 0 0 0 2px rgba(var(--nc-primary-rgb), 0.18);
}

.nc-quote-card-reference img {
    display: block;
    width: 100%;
    height: 96px;
    object-fit: cover;
    object-position: center;
    background: var(--nc-white);
    border: 1px solid rgba(var(--nc-border-rgb), 0.78);
    border-radius: 7px;
}

.nc-quote-card-reference span {
    overflow-wrap: anywhere;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.2;
}

.nc-quote-card-reference i {
    margin-right: 0.2rem;
}

.nc-quote-card-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.9rem 1rem;
}

.nc-quote-card-info {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
}

.nc-quote-card-info > i {
    flex: 0 0 auto;
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-quote-card-info > div {
    min-width: 0;
}

.nc-quote-card-info span,
.nc-quote-card-info strong,
.nc-quote-card-info small {
    display: block;
}

.nc-quote-card-info strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.9rem;
    line-height: 1.28;
}

.nc-quote-card-info small {
    margin-top: 0.08rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
}

.nc-quote-card-notes {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.12);
}

.nc-quote-card-notes-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 9px;
}

.nc-quote-card-notes span:not(.nc-quote-card-notes-icon) {
    display: block;
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 800;
}

.nc-quote-card-notes p {
    margin: 0.15rem 0 0;
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.84rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.nc-quote-card-catalog-warning {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 1rem;
    color: var(--nc-dark);
    text-decoration: none;
    background: var(--nc-warning-soft);
    border-top: 1px solid rgba(201, 133, 24, 0.22);
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

.nc-quote-card-catalog-warning:hover,
.nc-quote-card-catalog-warning:focus-visible {
    color: var(--nc-dark);
    text-decoration: none;
    background: #fff1d6;
    box-shadow: inset 0 0 0 2px rgba(201, 133, 24, 0.16);
}

.nc-quote-card-catalog-warning:focus-visible {
    outline: 2px solid rgba(201, 133, 24, 0.5);
    outline-offset: -2px;
}

.nc-quote-card-catalog-warning-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--nc-warning);
    background: var(--nc-white);
    border: 1px solid rgba(201, 133, 24, 0.25);
    border-radius: 50%;
}

.nc-quote-card-catalog-warning-copy {
    display: grid;
    min-width: 0;
    gap: 0.06rem;
}

.nc-quote-card-catalog-warning-copy strong,
.nc-quote-card-catalog-warning-copy small {
    overflow-wrap: anywhere;
}

.nc-quote-card-catalog-warning-copy strong {
    font-size: 0.84rem;
    line-height: 1.25;
}

.nc-quote-card-catalog-warning-copy small {
    color: var(--nc-muted);
    font-size: 0.74rem;
}

.nc-quote-card-catalog-warning-arrow {
    color: var(--nc-warning);
    font-size: 0.76rem;
}

.nc-quote-card-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.22);
}

.nc-quote-card-total strong {
    display: block;
    color: var(--nc-dark);
    font-size: 1.08rem;
    line-height: 1.2;
}

.nc-quote-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-quote-card-action,
.nc-quote-card-menu-toggle {
    min-height: 40px;
}

.nc-quote-card-action {
    white-space: nowrap;
}

.nc-quote-card-detail-menu-item {
    display: none;
}

.nc-quote-card-menu-toggle {
    width: 40px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border-color: var(--nc-border);
}

.nc-quote-card-menu-toggle:hover,
.nc-quote-card-menu-toggle:focus {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-quotes-table {
    min-width: 1120px;
}

.nc-quotes-table th:nth-child(1),
.nc-quotes-table td:nth-child(1) {
    min-width: 210px;
}

.nc-quotes-table th:last-child,
.nc-quotes-table td:last-child:not([colspan]) {
    position: sticky;
    right: 0;
    z-index: 2;
    width: 265px;
    min-width: 265px;
    background: var(--nc-white);
    box-shadow: -14px 0 18px rgba(var(--nc-primary-soft-rgb), 0.78);
}

.nc-quotes-table thead th:last-child {
    z-index: 3;
    background: var(--nc-primary-soft);
}

.nc-quote-row-actions,
.nc-quote-row-actions-inline,
.nc-inline-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.nc-quote-row-actions-inline .nc-btn {
    white-space: nowrap;
}

.nc-quote-row-actions-dropdown {
    display: none;
}

.nc-quote-action-menu {
    min-width: 185px;
}

.nc-quote-action-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 800;
}

.nc-quote-action-menu .dropdown-item i {
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-quotes-table tbody tr.nc-row-dropdown-open {
    position: relative;
    z-index: 12;
}

.nc-quotes-table td.nc-cell-dropdown-open {
    position: relative;
    z-index: 24;
}

.nc-list-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: var(--nc-muted);
}

.nc-list-footer .nc-pagination {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.nc-page-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    height: 2.4rem;
    color: #fff;
    background: var(--nc-primary);
    border-radius: 999px;
    font-weight: 900;
}

.nc-form-grid .col-span-3 {
    grid-column: span 3;
}

.nc-form-grid .col-span-4 {
    grid-column: span 4;
}

.nc-form-grid .col-span-6 {
    grid-column: span 6;
}

.nc-form-grid .col-span-8 {
    grid-column: span 8;
}

.nc-form-grid .col-span-12 {
    grid-column: span 12;
}

.nc-field-help {
    display: block;
    margin-top: 0.35rem;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-quote-toggle-field {
    align-self: center;
}

.nc-quote-edit-sections {
    display: grid;
    gap: 1rem;
}

.nc-quote-edit-modal-heading {
    display: grid;
    justify-items: start;
    gap: 0.28rem;
}

.nc-quote-edit-modal-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    margin-bottom: 0.2rem;
    padding: 0.4rem 0.62rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 9px;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.nc-quote-edit-modal-kicker i {
    font-size: 0.92rem;
}

.nc-quote-edit-modal-description {
    margin: 0;
    padding: 0;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    font-size: 0.9rem;
}

.nc-quote-edit-section {
    min-width: 0;
    padding: 1rem 1.1rem 1.15rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-quote-edit-section.is-advance {
    background: linear-gradient(135deg, var(--nc-primary-soft), var(--nc-white) 82%);
    box-shadow: inset 3px 0 0 var(--nc-primary);
}

.nc-quote-edit-section-heading {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.9rem;
}

.nc-quote-edit-section-heading h6 {
    margin: 0;
    color: var(--nc-primary-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-quote-edit-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 10px;
}

.nc-quote-edit-section.is-advance .nc-quote-edit-section-icon {
    color: var(--nc-primary);
    background: var(--nc-white);
}

.nc-quote-edit-section .nc-alert {
    margin-bottom: 1rem;
}

@media (max-width: 575px) {
    .nc-quote-edit-section {
        padding: 0.9rem;
        border-radius: 14px;
    }
}

.nc-quote-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.2rem;
    align-items: start;
}

.nc-quote-detail-layout.is-loading .nc-quote-main > :not(.nc-quote-hero),
.nc-quote-detail-layout.is-loading > .nc-quote-side {
    display: none;
}

.nc-quote-main,
.nc-quote-side,
.nc-quote-side-actions {
    display: grid;
    gap: 1rem;
}

.nc-quote-side {
    position: sticky;
    top: 96px;
}

.nc-quote-share-action,
.nc-quote-share-action .nc-btn {
    width: 100%;
}

.nc-quote-share-mobile-menu {
    min-width: 220px;
}

.nc-quote-share-mobile-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-quote-share-mobile-menu .dropdown-item i {
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

body.nc-quote-celebration-open {
    overflow: hidden;
}

.nc-confetti-layer {
    position: fixed;
    inset: 0;
    z-index: 2090;
    overflow: hidden;
    pointer-events: none;
}

.nc-confetti-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.nc-confetti-canvas.is-back {
    z-index: 1;
    filter: blur(1px);
}

.nc-confetti-canvas.is-front {
    z-index: 2;
}

.nc-quote-accepted-celebration {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 4vw, 2.5rem);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background: rgba(25, 15, 31, 0.66);
    backdrop-filter: blur(3px);
    transition: opacity 0.18s ease, visibility 0.18s ease;
}

.nc-quote-accepted-celebration.is-visible {
    visibility: visible;
    opacity: 1;
}

.nc-quote-accepted-confetti {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.nc-quote-accepted-confetti.is-back {
    z-index: 1;
    filter: blur(1px);
}

.nc-quote-accepted-confetti.is-front {
    z-index: 3;
}

.nc-quote-accepted-panel {
    position: relative;
    z-index: 2;
    display: grid;
    justify-items: center;
    width: min(100%, 500px);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    text-align: center;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(20, 10, 26, 0.36);
    transform: translateY(12px) scale(0.97);
    transition: transform 0.24s ease;
}

.nc-quote-accepted-celebration.is-visible .nc-quote-accepted-panel {
    transform: translateY(0) scale(1);
}

.nc-quote-accepted-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 1rem;
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border-radius: 50%;
    box-shadow: 0 14px 30px rgba(var(--nc-primary-rgb), 0.28);
    font-size: 1.7rem;
}

.nc-quote-accepted-panel .nc-section-kicker {
    justify-content: center;
}

.nc-quote-accepted-panel h2 {
    margin: 0.55rem 0 0;
    color: var(--nc-dark);
    font-size: clamp(1.55rem, 4vw, 2rem);
    font-weight: 950;
    line-height: 1.16;
}

.nc-quote-accepted-panel p {
    max-width: 390px;
    margin: 0.8rem auto 0;
    color: var(--nc-muted);
    font-size: 0.98rem;
    line-height: 1.55;
}

.nc-quote-accepted-actions {
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    margin-top: 1.5rem;
}

@media (max-width: 575px) {
    .nc-quote-accepted-panel {
        padding: 1.45rem 1.1rem 1.1rem;
        border-radius: 16px;
    }

    .nc-quote-accepted-icon {
        width: 62px;
        height: 62px;
        font-size: 1.45rem;
    }

    .nc-quote-accepted-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .nc-quote-accepted-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-quote-accepted-celebration,
    .nc-quote-accepted-panel {
        transition: none;
    }
}

.nc-quote-hero {
    display: grid;
    gap: 1rem;
}

.nc-quote-hero-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.nc-quote-hero-icon,
.nc-quote-line-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 18px;
    font-size: 1.45rem;
}

.nc-quote-hero h3 {
    margin: 0.15rem 0 0.4rem;
    color: var(--nc-dark);
    font-size: clamp(1.55rem, 2vw, 2.35rem);
    font-weight: 900;
}

.nc-quote-hero p {
    display: none;
}

.nc-quote-hero-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.nc-quote-hero-heading .nc-section-kicker {
    min-width: 0;
}

.nc-quote-hero-heading .nc-quote-hero-badges {
    grid-column: auto;
    margin-left: 0;
}

.nc-quote-hero-actions {
    align-self: center;
    justify-self: end;
}

.nc-quote-hero-actions .nc-btn {
    white-space: nowrap;
}

.nc-quote-hero-mobile-controls {
    display: none;
}

.nc-quote-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.55rem;
    margin: 0;
    color: var(--nc-muted);
}

.nc-quote-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
}

.nc-quote-hero-meta span + span::before {
    content: "·";
    margin-right: 0.2rem;
    color: var(--nc-muted);
}

.nc-quote-hero-meta .nc-quote-validity-meta.is-expired {
    color: var(--nc-warning);
    font-weight: 800;
}

.nc-quote-phone-link {
    color: var(--nc-primary-dark);
    font-weight: 750;
    text-decoration: none;
}

.nc-quote-phone-link:hover,
.nc-quote-phone-link:focus {
    color: var(--nc-primary);
    text-decoration: none;
}

.nc-quote-hero-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-quote-hero-main > .nc-quote-hero-badges {
    display: none;
}

.nc-quote-reference {
    position: relative;
}

.nc-quote-reference-view {
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: 18px;
    cursor: zoom-in;
}

.nc-quote-reference-view:focus-visible {
    outline: 3px solid rgba(var(--nc-primary-rgb), 0.35);
    outline-offset: 3px;
}

.nc-quote-reference img {
    display: block;
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 18px;
}

.nc-quote-reference-action {
    position: absolute;
    right: 16px;
    bottom: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 30px rgba(var(--nc-primary-dark-rgb), 0.22);
}

.nc-quote-reference-empty {
    display: grid;
    place-items: center;
    min-height: 180px;
    padding: 2rem;
    color: var(--nc-muted);
    text-align: center;
    background: var(--nc-surface-soft);
    border: 1px dashed rgba(var(--nc-primary-rgb), 0.32);
    border-radius: 18px;
}

.nc-quote-reference-empty > i {
    color: var(--nc-primary-dark);
    font-size: 2rem;
}

.nc-quote-reference-empty .nc-quote-reference-action {
    position: static;
    margin-top: 0.8rem;
}

.nc-quote-service-picker-trigger-icon,
.nc-quote-service-picker-item-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.18);
    border-radius: 10px;
}

.nc-quote-service-picker-trigger-icon {
    width: 38px;
    height: 38px;
}

.offcanvas.nc-quote-service-picker {
    --bs-offcanvas-bg: var(--nc-body);
    width: min(560px, 100vw);
    color: var(--nc-dark);
    background: var(--nc-body);
    border-left: 1px solid var(--nc-border);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* El selector debe quedar sobre el fondo, y el fondo sobre el sidebar fijo. */
html.nc-service-picker-open .offcanvas-backdrop.show {
    z-index: 1055;
}

html.nc-service-picker-open .nc-quote-service-picker.show {
    z-index: 1060;
}

.nc-quote-service-picker-header {
    align-items: flex-start;
    padding: 1.35rem 1.35rem 1rem;
    background: var(--nc-white);
    border-bottom: 1px solid var(--nc-border);
}

.nc-quote-service-picker-header h5 {
    margin: 0.22rem 0 0;
    color: var(--nc-dark);
    font-size: 1.15rem;
    font-weight: 900;
}

.nc-quote-service-picker-header p {
    margin: 0.3rem 0 0;
    color: var(--nc-muted);
    font-size: 0.84rem;
    line-height: 1.42;
}

.nc-quote-service-picker-search {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 1rem 1.15rem 0;
    padding: 0 0.55rem 0 0.9rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-quote-service-picker-search:focus-within {
    border-color: rgba(var(--nc-primary-rgb), 0.55);
    box-shadow: 0 0 0 0.2rem rgba(var(--nc-primary-rgb), 0.12);
}

.nc-quote-service-picker-search > i {
    color: var(--nc-primary);
}

.nc-quote-service-picker-search input {
    min-width: 0;
    width: 100%;
    height: 46px;
    padding: 0;
    color: var(--nc-dark);
    background: transparent;
    border: 0;
    outline: 0;
}

.nc-quote-service-picker-search .nc-icon-btn {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
}

.nc-quote-service-picker > #ncQuoteServicePickerCatalog,
.nc-quote-service-picker > #ncPublicServicePickerCatalog {
    flex: 0 0 auto;
    width: 100%;
}

.nc-quote-service-picker-summary {
    margin: 0;
    padding: 0.7rem 1.2rem 0.1rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-quote-service-picker-body {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    padding: 0.85rem 1.15rem 1.25rem;
}

.nc-quote-service-picker-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    padding: 0.9rem;
    color: var(--nc-dark);
    text-align: left;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.nc-quote-service-picker-item:hover,
.nc-quote-service-picker-item:focus-visible,
.nc-quote-service-picker-item.is-selected {
    border-color: rgba(var(--nc-primary-rgb), 0.48);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-quote-service-picker-item:hover {
    transform: translateY(-1px);
}

.nc-quote-service-picker-item:focus-visible {
    outline: 3px solid rgba(var(--nc-primary-rgb), 0.2);
    outline-offset: 2px;
}

.nc-quote-service-picker-item.is-selected {
    background: var(--nc-primary-soft);
}

.nc-quote-service-picker-item-icon {
    width: 42px;
    height: 42px;
}

.nc-quote-service-picker-item-copy {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.nc-quote-service-picker-item-copy strong {
    color: var(--nc-dark);
    font-size: 0.94rem;
    font-weight: 900;
}

.nc-quote-service-picker-item-copy span,
.nc-quote-service-picker-item-copy small {
    color: var(--nc-muted);
    line-height: 1.35;
}

.nc-quote-service-picker-item-copy span {
    font-size: 0.78rem;
    font-weight: 700;
}

.nc-quote-service-picker-item-copy small {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.74rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nc-quote-service-picker-item-action {
    margin-left: auto;
    color: var(--nc-primary);
}

.nc-quote-service-picker-state {
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    min-height: 240px;
    padding: 2rem 1rem;
    color: var(--nc-muted);
    text-align: center;
    place-content: center;
}

.nc-quote-service-picker-state > i {
    color: var(--nc-primary);
    font-size: 1.7rem;
}

.nc-quote-service-picker-state.is-error > i {
    color: var(--bs-danger);
}

.nc-quote-service-picker-state strong {
    color: var(--nc-dark);
}

.nc-quote-service-picker-state span:not(.spinner-border) {
    max-width: 310px;
    font-size: 0.82rem;
    line-height: 1.45;
}

.nc-quote-service-picker-footer {
    display: grid;
    gap: 0.8rem;
    padding: 0.85rem 1.15rem calc(0.85rem + env(safe-area-inset-bottom));
    background: var(--nc-white);
    border-top: 1px solid var(--nc-border);
}

.nc-quote-service-picker-selection {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 14px;
}

.nc-quote-service-picker-selection-summary {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.nc-quote-service-picker-selection-summary > span:last-child {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.nc-quote-service-picker-selection-summary strong,
.nc-quote-service-picker-selection-summary small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-quote-service-picker-selection-summary strong {
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 900;
}

.nc-quote-service-picker-selection-summary small {
    color: var(--nc-muted);
    font-size: 0.76rem;
}

.nc-quote-service-picker-selection-actions {
    display: grid;
    grid-template-columns: minmax(100px, 0.32fr) minmax(0, 1fr);
    align-items: end;
    gap: 0.75rem;
}

.nc-quote-service-picker-selection-actions .form-label {
    margin-bottom: 0.3rem;
    font-size: 0.78rem;
}

.nc-quote-service-picker-selection-actions .nc-btn {
    min-height: 44px;
}

.nc-order-service-picker-form {
    margin: 0;
}

html.nc-order-service-picker-open,
html.nc-order-service-picker-open body {
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

.nc-order-service-picker {
    --bs-offcanvas-width: min(560px, 100%);
    width: var(--bs-offcanvas-width);
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-x: none;
}

.nc-order-service-picker > *,
.nc-order-service-picker #ncQuoteServicePickerCatalog,
.nc-order-service-picker #ncOrderServicePickerCatalog,
.nc-order-service-picker #ncPublicServicePickerCatalog,
.nc-order-service-picker .nc-quote-service-picker-header > div,
.nc-order-service-picker .nc-order-service-picker-form,
.nc-order-service-picker .nc-quote-service-picker-selection {
    min-width: 0;
    max-width: 100%;
}

.nc-order-service-picker .nc-quote-service-picker-body,
.nc-order-service-picker .nc-quote-service-picker-footer {
    width: 100%;
    overflow-x: hidden;
}

.nc-order-service-picker #ncQuoteServicePickerCatalog,
.nc-order-service-picker #ncOrderServicePickerCatalog,
.nc-order-service-picker #ncPublicServicePickerCatalog {
    flex: 0 0 auto;
    width: 100%;
    overflow: visible;
}

.nc-order-service-picker .nc-quote-service-picker-summary {
    position: relative;
    z-index: 1;
    min-height: 2rem;
    padding-bottom: 0.55rem;
    background: var(--nc-body);
}

.nc-order-service-picker .nc-quote-service-picker-body {
    flex: 1 1 auto;
    min-height: 0;
}

.nc-order-service-picker .nc-quote-service-picker-header h5,
.nc-order-service-picker .nc-quote-service-picker-header p {
    overflow-wrap: anywhere;
}

.nc-order-service-picker .nc-quote-service-picker-search {
    width: auto;
    max-width: calc(100% - 2rem);
}

.nc-order-service-picker .nc-quote-service-picker-item {
    min-width: 0;
    max-width: 100%;
}

.nc-service-picker-selection-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.nc-service-picker-selection-tools {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.45rem;
}

.nc-service-picker-change-btn {
    display: none;
}

.nc-order-service-picker-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px;
    align-items: start;
    gap: 0.75rem;
}

.nc-order-service-picker-fields .form-label {
    margin-bottom: 0.3rem;
    font-size: 0.78rem;
}

.nc-quote-service-picker-fields {
    display: grid;
    gap: 0.3rem;
}

.nc-quote-service-picker-fields .form-label {
    margin-bottom: 0;
    font-size: 0.78rem;
}

.nc-order-service-picker-actions {
    display: block;
}

.nc-order-service-picker .nc-quote-service-picker-footer {
    overflow-y: auto;
    max-height: min(58vh, 430px);
    margin-top: auto;
}

.nc-public-service-picker-types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 1rem 1.15rem 0;
}

.nc-public-service-picker-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    gap: 0.45rem;
    padding: 0.65rem 0.75rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
    font-weight: 800;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.nc-public-service-picker-type:hover,
.nc-public-service-picker-type:focus-visible,
.nc-public-service-picker-type.is-active {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: rgba(var(--nc-primary-rgb), 0.55);
    box-shadow: 0 8px 20px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-public-service-picker-type:focus-visible {
    outline: 3px solid rgba(var(--nc-primary-rgb), 0.18);
    outline-offset: 2px;
}

.nc-public-service-source {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 14px;
}

.nc-public-service-source.is-invalid {
    border-color: var(--bs-danger);
}

.nc-public-service-source-copy {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.nc-public-service-source-copy small {
    color: var(--nc-primary-dark);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.nc-public-service-source-copy strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.94rem;
    font-weight: 900;
}

.nc-public-service-source-copy span {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.nc-public-service-source .nc-btn {
    flex: 0 0 auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    html.nc-order-service-picker-open,
    html.nc-order-service-picker-open body {
        overflow-x: clip;
    }

    html.nc-order-service-picker-open .nc-order-service-picker,
    html.nc-order-service-picker-open .nc-order-service-picker .nc-quote-service-picker-body,
    html.nc-order-service-picker-open .nc-order-service-picker .nc-quote-service-picker-footer {
        overscroll-behavior-y: contain;
    }

    .nc-order-service-picker.nc-service-picker-configuring {
        overflow-y: auto;
    }

    .nc-order-service-picker.nc-service-picker-configuring > #ncQuoteServicePickerCatalog,
    .nc-order-service-picker.nc-service-picker-configuring > #ncOrderServicePickerCatalog {
        display: none;
    }

    .nc-order-service-picker.nc-service-picker-configuring > .nc-quote-service-picker-body {
        flex: 0 0 auto;
        overflow: visible;
    }

    .nc-order-service-picker.nc-service-picker-configuring .nc-quote-service-picker-item:not(.is-selected) {
        display: none;
    }

    .nc-order-service-picker.nc-service-picker-configuring > .nc-quote-service-picker-footer {
        flex: 0 0 auto;
        max-height: none;
        margin-top: 0;
        overflow: visible;
    }

    .nc-order-service-picker.nc-service-picker-configuring.nc-service-picker-mobile-change-allowed .nc-service-picker-selection-heading {
        display: none;
    }

    .nc-order-service-picker.nc-service-picker-configuring.nc-service-picker-mobile-change-allowed .nc-order-service-picker-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .nc-order-service-picker.nc-service-picker-configuring.nc-service-picker-mobile-change-allowed .nc-service-picker-change-btn {
        display: inline-flex;
    }
}

@media (max-width: 575px) {
    .nc-order-service-picker {
        --bs-offcanvas-width: 100%;
        width: 100%;
        max-width: 100%;
    }

    .nc-quote-service-picker .nc-quote-service-picker-search input {
        font-size: 16px;
    }

    html.nc-virtual-keyboard-open .nc-quote-service-picker-footer {
        padding-bottom: 0.75rem;
    }

    html.nc-virtual-keyboard-open .nc-quote-service-picker:not(.nc-service-picker-mobile-configuring) .nc-quote-service-picker-header,
    .nc-quote-service-picker.nc-service-picker-mobile-configuring .nc-quote-service-picker-header {
        padding-top: 0.7rem;
        padding-bottom: 0.6rem;
    }

    html.nc-virtual-keyboard-open .nc-quote-service-picker:not(.nc-service-picker-mobile-configuring) .nc-quote-service-picker-header p,
    .nc-quote-service-picker.nc-service-picker-mobile-configuring .nc-quote-service-picker-header p {
        display: none;
    }

    html.nc-virtual-keyboard-open .nc-quote-service-picker:not(.nc-service-picker-mobile-configuring) .nc-quote-service-picker-search {
        margin-top: 0.65rem;
    }

    html.nc-virtual-keyboard-open .nc-quote-service-picker:not(.nc-service-picker-mobile-configuring) .nc-quote-service-picker-summary {
        min-height: 0;
        padding-top: 0.45rem;
        padding-bottom: 0.2rem;
    }

    .nc-quote-service-picker.nc-service-picker-mobile-configuring > #ncQuoteServicePickerCatalog,
    .nc-quote-service-picker.nc-service-picker-mobile-configuring > #ncOrderServicePickerCatalog,
    .nc-quote-service-picker.nc-service-picker-mobile-configuring > .nc-quote-service-picker-body,
    .nc-quote-service-picker.nc-service-picker-mobile-configuring > .nc-quote-service-picker-footer > .nc-btn {
        display: none !important;
    }

    .nc-quote-service-picker.nc-service-picker-mobile-configuring > .nc-quote-service-picker-footer {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        margin-top: 0;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }

    .nc-quote-service-picker.nc-service-picker-mobile-configuring.nc-service-picker-mobile-change-allowed .nc-service-picker-change-btn {
        display: inline-flex;
    }

    .nc-quote-service-picker.nc-service-picker-mobile-configuring .nc-service-picker-selection-heading {
        align-items: flex-start;
    }

    .nc-quote-service-picker.nc-service-picker-mobile-configuring .nc-service-picker-change-btn {
        flex: 0 0 auto;
        padding-right: 0.7rem;
        padding-left: 0.7rem;
    }

    .nc-quote-service-picker-header,
    .nc-quote-service-picker-body,
    .nc-quote-service-picker-footer {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .nc-quote-service-picker-search {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .nc-quote-service-picker-item {
        padding: 0.82rem;
    }

    .nc-quote-service-picker-selection-actions {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .nc-quote-service-picker-selection-actions .nc-btn {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }

    .nc-order-service-picker-fields {
        grid-template-columns: minmax(0, 1fr) minmax(92px, 0.4fr);
        align-items: end;
    }

    .nc-order-service-picker.nc-service-picker-mobile-configuring.nc-service-picker-mobile-change-allowed .nc-order-service-picker-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .nc-order-service-picker-actions .nc-btn {
        min-height: 44px;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}

.nc-quote-presentation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.nc-quote-presentation-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    background: linear-gradient(90deg, rgba(var(--nc-primary-soft-rgb), 0.78), rgba(255, 255, 255, 0.7));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-quote-presentation-message {
    min-height: 0;
}

.nc-quote-presentation-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-quote-presentation-item span {
    display: block;
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.nc-quote-presentation-item p {
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
    font-size: 0.94rem;
    line-height: 1.45;
}

.nc-quote-presentation-photo {
    margin-top: 0.55rem;
    overflow: hidden;
    max-width: 260px;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-quote-presentation-photo img {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.nc-quote-lines {
    display: grid;
    gap: 0.7rem;
}

.nc-quote-detail-notices {
    display: grid;
    gap: 0.75rem;
}

.nc-quote-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-quote-line.nc-quote-line-added {
    animation: nc-quote-line-added 1520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.nc-quote-line.nc-quote-line-catalog-paused {
    border-color: rgba(201, 133, 24, 0.55);
    animation: nc-quote-line-catalog-paused-pulse 2.1s ease-in-out infinite;
}

.nc-quote-line.nc-quote-line-catalog-eliminated {
    border-color: rgba(217, 75, 89, 0.55);
    animation: nc-catalog-eliminated-pulse 2.1s ease-in-out infinite;
}

@keyframes nc-quote-line-catalog-paused-pulse {
    0%,
    100% {
        transform: scale(1);
        background: var(--nc-surface-soft);
        border-color: rgba(201, 133, 24, 0.45);
        box-shadow: 0 0 0 0 rgba(201, 133, 24, 0);
    }
    50% {
        transform: scale(1.006);
        background: var(--nc-warning-soft);
        border-color: var(--nc-warning);
        box-shadow: 0 0 0 5px rgba(201, 133, 24, 0.16);
    }
}

@keyframes nc-catalog-eliminated-pulse {
    0%,
    100% {
        transform: scale(1);
        background: var(--nc-surface-soft);
        border-color: rgba(217, 75, 89, 0.45);
        box-shadow: none;
    }

    50% {
        transform: scale(1.006);
        background: var(--nc-danger-soft);
        border-color: var(--nc-danger);
        box-shadow: 0 0 0 4px rgba(217, 75, 89, 0.15), 0 12px 26px rgba(217, 75, 89, 0.12);
    }
}

@keyframes nc-quote-line-added {
    0% {
        opacity: 0;
        transform: translateY(-14px) scale(0.985);
        background: var(--nc-primary-soft);
        border-color: var(--nc-primary);
        box-shadow: 0 0 0 4px var(--nc-primary-soft);
    }
    45% {
        opacity: 1;
        transform: translateY(0) scale(1.01);
        background: var(--nc-primary-soft);
        border-color: var(--nc-primary);
        box-shadow: 0 12px 26px var(--nc-primary-soft);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        background: var(--nc-surface-soft);
        border-color: var(--nc-border);
        box-shadow: none;
    }
}

.nc-quote-line strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-quote-line span {
    display: block;
    margin-top: 0.18rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-quote-line em {
    display: inline-flex;
    width: max-content;
    margin-top: 0.42rem;
    padding: 0.18rem 0.55rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 999px;
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 800;
}

.nc-quote-catalog-item-warning {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.55rem;
    margin-top: 0.45rem;
}

.nc-quote-line .nc-quote-catalog-item-warning .nc-badge {
    display: inline-flex;
    width: max-content;
    margin-top: 0;
    font-size: 0.76rem;
}

.nc-quote-line .nc-quote-catalog-item-warning .nc-badge-warning {
    color: var(--nc-warning);
}

.nc-quote-line .nc-quote-catalog-item-warning .nc-badge-danger {
    color: var(--nc-danger);
}

.nc-quote-line .nc-quote-catalog-item-warning > small {
    display: block;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-quote-line-end {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    text-align: right;
}

@media (prefers-reduced-motion: reduce) {
    .nc-quote-line.nc-quote-line-added,
    .nc-quote-line.nc-quote-line-catalog-paused,
    .nc-quote-line.nc-quote-line-catalog-eliminated {
        animation: none;
    }

    .nc-quote-line.nc-quote-line-catalog-paused {
        background: var(--nc-warning-soft);
        border-color: var(--nc-warning);
        box-shadow: 0 0 0 3px rgba(201, 133, 24, 0.14);
    }

    .nc-quote-line.nc-quote-line-catalog-eliminated {
        background: var(--nc-danger-soft);
        border-color: var(--nc-danger);
        box-shadow: 0 0 0 3px rgba(217, 75, 89, 0.14);
    }
}

.nc-quote-small-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 132px;
    padding: 1.15rem;
    color: var(--nc-muted);
    text-align: center;
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 16px;
    font-weight: 800;
}

.nc-quote-small-empty-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1;
}

.nc-quote-small-empty-text {
    max-width: 540px;
}

.nc-empty-line {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 1rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px dashed rgba(var(--nc-primary-rgb), 0.32);
    border-radius: 16px;
    font-weight: 700;
}

.nc-quote-adjustments {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.nc-quote-adjustment-card {
    min-width: 0;
}

.nc-quote-adjustment-card .nc-card-header {
    align-items: flex-start;
}

.nc-quote-adjustment-card .nc-card-header p {
    max-width: 360px;
    margin: 0.35rem 0 0;
}

.nc-quote-adjustment-card .nc-inline-actions {
    justify-content: flex-end;
}

.nc-quote-mini-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.nc-quote-mini-header h4 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-quote-total-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.9);
}

.nc-quote-total-row span {
    color: var(--nc-muted);
    font-weight: 800;
}

.nc-quote-total-row strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-quote-total-row.is-total strong {
    color: var(--nc-primary-dark);
    font-size: 1.35rem;
}

.nc-price-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-price-option {
    display: block;
    padding: 0.9rem 1rem;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 16px;
}

.nc-price-option.is-active {
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 3px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-price-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.nc-price-option strong,
.nc-price-option span {
    display: block;
}

.nc-price-option strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-price-option span {
    margin-top: 0.25rem;
    color: var(--nc-primary-dark);
    font-weight: 900;
}

.nc-quote-share-card {
    position: relative;
    width: 640px;
    height: 800px;
    overflow: hidden;
    color: var(--nc-dark);
    background: linear-gradient(160deg, var(--nc-primary-soft) 0%, #fff 46%, var(--nc-beige) 100%);
    isolation: isolate;
}

.nc-quote-share-card::before,
.nc-quote-share-card::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 320px;
    height: 90px;
    border-top: 2px solid rgba(var(--nc-primary-rgb), 0.22);
    border-radius: 50%;
    pointer-events: none;
}

.nc-quote-share-card::before {
    top: 22px;
    left: -110px;
    transform: rotate(-12deg);
}

.nc-quote-share-card::after {
    top: 16px;
    right: -118px;
    transform: rotate(16deg);
}

.nc-quote-share-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.84) 38%, rgba(var(--nc-primary-soft-rgb), 0.9) 78%, rgba(var(--nc-primary-rgb), 0.2) 100%),
        linear-gradient(160deg, var(--nc-primary-soft) 0%, #fff 48%, var(--nc-beige) 100%);
}

.nc-quote-share-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 512px;
    height: 100%;
    margin: 0 auto;
    padding: 4px 0 64px;
}

.nc-quote-share-header {
    text-align: center;
}

.nc-quote-share-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    margin-bottom: 4px;
}

.nc-quote-share-logo {
    display: block;
    width: 95px;
    height: 95px;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(var(--nc-border-rgb), 0.88);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(41, 37, 42, 0.12);
}

.nc-quote-share-logo-official {
    display: block;
    width: 164px;
    max-height: 58px;
    object-fit: contain;
}

.nc-quote-share-logo-fallback,
.nc-quote-share-logo-wrap > strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    color: var(--nc-primary-dark);
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(var(--nc-border-rgb), 0.88);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(41, 37, 42, 0.12);
    font-size: 1rem;
    font-weight: 900;
}

.nc-quote-share-title-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 8px;
}

.nc-quote-share-title-row span {
    color: var(--nc-primary-dark);
    font-size: 2.8em;
    font-weight: 900;
    line-height: 0.9;
}

.nc-quote-share-title-row i {
    color: var(--nc-primary);
    font-size: 1.15rem;
}

.nc-quote-share-meta-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0;
    color: var(--nc-dark);
    background: transparent;
    border: 0;
    border-radius: 0;
}

.nc-quote-share-meta-count-1 {
    justify-content: center;
}

.nc-quote-share-meta-count-2 {
    justify-content: center;
}

.nc-quote-share-meta-count-3 {
    justify-content: center;
}

.nc-quote-share-meta-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 0 1 auto;
    min-width: 0;
    min-height: 34px;
    padding: 3px 10px 3px 7px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 999px;
}

.nc-quote-share-meta-item + .nc-quote-share-meta-item {
    border-left: 1px solid rgba(var(--nc-border-rgb), 0.9);
}

.nc-quote-share-meta-item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.94);
    border: 1px solid rgba(var(--nc-border-rgb), 0.84);
    border-radius: 50%;
    font-size: 0.8rem;
}

.nc-quote-share-meta-item strong {
    min-width: 0;
    overflow: visible;
    color: var(--nc-dark);
    font-size: 0.69rem;
    font-weight: 900;
    line-height: 1.12;
    white-space: nowrap;
}

.nc-quote-share-reference {
    display: block;
    width: 100%;
    height: 118px;
    margin: 10px auto 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
}

.nc-quote-share-items {
    margin-top: 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.66);
    border: 1px solid rgba(var(--nc-border-rgb), 0.92);
    border-radius: 15px;
}

.nc-quote-share-items-head {
    display: grid;
    grid-template-columns: 1fr 44px 100px;
    align-items: center;
    min-height: 29px;
    padding: 0 20px;
    color: var(--nc-white);
    background: linear-gradient(90deg, var(--nc-primary), var(--nc-primary-dark));
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.nc-quote-share-items-head span:nth-child(2),
.nc-quote-share-items-head span:nth-child(3) {
    text-align: right;
}

.nc-quote-share-item {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr) 36px 94px;
    gap: 10px;
    align-items: center;
    min-height: 45px;
    padding: 6px 18px 6px 14px;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.8);
}

.nc-quote-share-item:last-child {
    border-bottom: none;
}

.nc-quote-share-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.9);
    border: 1px solid rgba(var(--nc-border-rgb), 0.86);
    border-radius: 50%;
    font-size: 0.9rem;
}

.nc-quote-share-item-copy {
    min-width: 0;
}

.nc-quote-share-item-copy strong,
.nc-quote-share-item-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-quote-share-item-copy strong {
    color: var(--nc-dark);
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.1;
}

.nc-quote-share-item-copy small {
    margin-top: 3px;
    color: var(--nc-muted);
    font-size: 0.64rem;
    font-weight: 700;
}

.nc-quote-share-item-qty {
    color: var(--nc-dark);
    font-size: 0.82rem;
    font-weight: 900;
    text-align: right;
}

.nc-quote-share-item-price {
    color: var(--nc-dark);
    font-size: 0.86rem;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.nc-quote-share-empty,
.nc-quote-share-more {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.82rem;
    font-weight: 850;
    text-align: center;
}

.nc-quote-share-empty {
    padding: 32px 18px;
}

.nc-quote-share-more {
    padding: 9px 18px;
    color: var(--nc-primary-dark);
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.8);
}

.nc-quote-share-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 54px;
    margin-top: 8px;
    padding: 0 18px 0 24px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(var(--nc-border-rgb), 0.92);
    border-radius: 15px;
}

.nc-quote-share-total span {
    display: block;
    color: var(--nc-primary-dark);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.nc-quote-share-total small {
    display: block;
    margin-top: 4px;
    color: var(--nc-muted);
    font-size: 0.68rem;
    font-weight: 750;
}

.nc-quote-share-total strong {
    color: var(--nc-primary-dark);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.nc-quote-share-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    padding: 0.48rem 0.75rem;
    color: var(--nc-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.78);
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 14px;
    font-size: 0.74rem;
    font-style: italic;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

.nc-quote-share-note i {
    color: var(--nc-primary-dark);
    font-size: 0.88rem;
}

.nc-quote-share-conditions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 8px;
}

.nc-quote-share-conditions div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.62rem;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(var(--nc-border-rgb), 0.82);
    border-radius: 12px;
}

.nc-quote-share-conditions span {
    color: var(--nc-muted);
    font-size: 0.68rem;
    font-weight: 850;
}

.nc-quote-share-conditions strong {
    color: var(--nc-dark);
    font-size: 0.76rem;
    font-weight: 900;
    white-space: nowrap;
}

.nc-quote-share-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 640px;
    transform: translateX(-64px);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 8px 24px;
    color: var(--nc-white);
    background: linear-gradient(90deg, var(--nc-primary-dark), var(--nc-primary));
}

.nc-quote-share-footer i {
    flex: 0 0 auto;
    font-size: 1rem;
}

.nc-quote-share-footer span {
    flex: 0 1 auto;
    overflow: hidden;
    color: var(--nc-white);
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
}

@media (max-width: 1199px) {
    .nc-quote-detail-layout {
        grid-template-columns: 1fr;
    }

    .nc-quote-side {
        position: static;
    }
}

@media (max-width: 991px) {
    .nc-quotes-scope-grid > div:first-child,
    .nc-quotes-scope-note,
    .nc-quotes-filters > div,
    .nc-quotes-filters > div:nth-child(5),
    .nc-form-grid .col-span-3,
    .nc-form-grid .col-span-4,
    .nc-form-grid .col-span-6,
    .nc-form-grid .col-span-8,
    .nc-form-grid .col-span-12 {
        grid-column: span 12;
    }

    .nc-quotes-filters > div.nc-quote-filter-status,
    .nc-quotes-filters > div.nc-quote-filter-period,
    .nc-quotes-filters > div.nc-quote-filter-date,
    .nc-quotes-filters > div.nc-quote-filter-search-type,
    .nc-quotes-filters > div.nc-quote-filter-search-input {
        grid-column: span 6;
    }

    .nc-quotes-filter-actions {
        grid-column: span 12;
    }

    .nc-quote-card-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-quote-card-footer {
        grid-template-columns: 1fr;
    }

    .nc-quote-card-actions {
        justify-content: flex-start;
    }

    .nc-quote-adjustments,
    .nc-quote-presentation-grid,
    .nc-price-options {
        grid-template-columns: 1fr;
    }

    .nc-quote-hero-main {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-quote-hero-actions {
        grid-column: 1 / -1;
        justify-self: stretch;
    }

    .nc-quote-hero-actions .nc-btn {
        width: 100%;
        justify-content: center;
    }

    .nc-quote-hero-badges {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .nc-quote-hero-heading .nc-quote-hero-badges {
        grid-column: auto;
        justify-content: flex-start;
    }

    .nc-quote-row-actions {
        display: flex;
    }

    .nc-quote-row-actions-inline {
        display: none;
    }

    .nc-quote-row-actions-dropdown {
        display: block;
    }

    .nc-quotes-table th:last-child,
    .nc-quotes-table td:last-child:not([colspan]) {
        width: 120px;
        min-width: 120px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .nc-quote-conditions-grid > .col-span-6,
    .nc-quote-edit-base-grid > .col-span-6 {
        grid-column: span 6;
    }
}

@media (max-width: 575px) {
    #ncQuoteScheduleBtn {
        display: none !important;
    }

    .nc-quote-hero-heading {
        display: block;
    }

    .nc-quote-hero-heading .nc-quote-hero-badges {
        display: none;
    }

    .nc-quote-hero-main > .nc-quote-hero-actions {
        display: none;
    }

    .nc-quote-hero-mobile-controls {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        gap: 0.65rem;
    }

    .nc-quote-hero-mobile-controls.is-badges-only {
        grid-template-columns: 1fr;
    }

    .nc-quote-hero-mobile-controls .nc-quote-hero-badges {
        grid-column: auto;
        justify-content: flex-end;
        margin: 0;
    }

    .nc-quote-hero-mobile-controls.is-badges-only .nc-quote-hero-badges {
        justify-content: flex-start;
    }

    .nc-quote-hero-mobile-controls .nc-quote-hero-actions {
        display: block;
        grid-column: auto;
        justify-self: stretch;
    }

    .nc-quote-hero-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.3rem;
    }

    .nc-quote-hero-meta span + span::before {
        content: none;
    }

    .nc-quotes-table {
        width: max-content;
        min-width: 0;
        table-layout: auto;
    }

    .nc-quotes-table th,
    .nc-quotes-table td {
        white-space: nowrap;
    }

    .nc-quotes-table td small {
        white-space: nowrap;
    }

    .nc-quotes-table th:not(:last-child),
    .nc-quotes-table td:not(:last-child) {
        width: auto;
        min-width: max-content;
        max-width: none;
    }

    .nc-quotes-table th:first-child,
    .nc-quotes-table td:first-child {
        min-width: max-content;
    }

    .nc-list-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }

    .nc-list-footer .nc-pagination {
        justify-content: center;
        width: 100%;
    }

    .nc-list-footer .nc-pagination .nc-btn {
        flex: 0 0 auto;
    }

    .nc-quotes-filter-actions,
    .nc-quote-row-actions,
    .nc-inline-actions {
        width: 100%;
    }

    .nc-quote-card-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 0.65rem;
    }

    .nc-quote-card-header > .nc-badge {
        justify-self: end;
        width: auto;
        max-width: 100%;
        text-align: center;
    }

    .nc-quote-card-total {
        text-align: right;
    }

    .nc-quote-card-overview {
        grid-template-columns: 1fr;
    }

    .nc-quote-card-body.has-reference {
        grid-template-columns: 108px minmax(0, 1fr);
    }

    .nc-quote-card-reference {
        padding: 0.5rem;
    }

    .nc-quote-card-reference img {
        height: 92px;
    }

    .nc-quote-card-actions {
        align-items: stretch;
    }

    .nc-quote-card-action {
        flex: 1 1 auto;
        justify-content: center;
    }

    .nc-quote-card-actions .nc-quote-card-detail-action {
        display: none;
    }

    .nc-quote-card-detail-menu-item {
        display: flex;
    }

    .nc-quotes-list-actions {
        justify-content: flex-end;
    }

    .nc-quotes-list-actions .nc-btn {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        justify-content: center;
        padding: 0;
    }

    .nc-quotes-list-actions .nc-quotes-action-label {
        display: none;
    }

    .nc-quote-adjustment-card .nc-card-header {
        align-items: flex-start;
        flex-direction: row;
    }

    .nc-quote-adjustment-card .nc-card-header > div:first-child {
        min-width: 0;
    }

    .nc-quote-adjustment-card .nc-card-header > .nc-btn,
    .nc-quote-adjustment-card .nc-inline-actions {
        flex: 0 0 auto;
    }

    .nc-quote-adjustment-card .nc-inline-actions {
        align-items: stretch;
        flex-direction: column;
        width: auto;
    }

    .nc-quote-adjustment-card .nc-card-header p {
        max-width: none;
    }

    .nc-quotes-filter-actions .nc-btn,
    .nc-quote-row-actions .nc-btn {
        flex: 1 1 auto;
    }

    .nc-quote-line {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: flex-start;
    }

    .nc-quote-line-end {
        align-items: flex-end;
        flex-direction: column;
        justify-content: flex-start;
        width: auto;
        text-align: right;
    }

    .nc-quote-line-end .nc-table-actions {
        justify-content: flex-end;
    }

    .nc-quote-share-card {
        flex: 0 0 640px;
    }

    .nc-share-preview-wrap {
        justify-content: flex-start;
    }
}

@media (min-width: 576px) {
    .nc-quote-share-mobile-menu {
        display: none !important;
    }
}

.nc-appointments-board {
    display: grid;
    gap: 1.3rem;
    min-width: 0;
}

.nc-appointments-board .nc-card {
    min-width: 0;
    max-width: 100%;
}

.nc-appointment-list {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.nc-appointment-list-card {
    position: relative;
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 8px;
    background: var(--nc-white);
    box-shadow: 0 9px 22px rgba(75, 36, 56, 0.06);
}

.nc-appointment-list-card.is-success {
    border-left-color: #35a653;
}

.nc-appointment-list-card.is-warning {
    border-left-color: #d48a15;
}

.nc-appointment-list-card.is-danger {
    border-left-color: #d14d61;
}

.nc-appointment-list-card.is-muted {
    border-left-color: #9a949b;
}

.nc-appointment-list-card.is-overdue {
    border-color: rgba(242, 106, 79, 0.5);
    border-left-color: #f06445;
    background: linear-gradient(180deg, #fffdfa 0%, #fff9f2 100%);
    box-shadow: 0 12px 28px rgba(216, 93, 57, 0.13);
}

.nc-appointment-list-card.is-online-unconfirmed {
    border-color: rgba(var(--nc-primary-rgb), 0.82);
    border-left-color: var(--nc-primary-dark);
    background: linear-gradient(
        -45deg,
        rgba(var(--nc-primary-rgb), 0.08) 0%,
        rgba(var(--nc-primary-rgb), 0.44) 24%,
        var(--nc-white) 46%,
        rgba(var(--nc-primary-rgb), 0.32) 70%,
        var(--nc-primary-soft) 100%
    );
    background-size: 280% 280%;
    animation:
        nc-online-reservation-gradient 7s ease infinite,
        nc-online-reservation-glow 2.8s ease-in-out infinite;
    box-shadow: inset 0 0 18px rgba(var(--nc-primary-rgb), 0.2);
}

@keyframes nc-online-reservation-gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes nc-online-reservation-glow {
    0%,
    100% {
        box-shadow: inset 0 0 14px rgba(var(--nc-primary-rgb), 0.18);
    }

    50% {
        box-shadow: inset 0 0 30px rgba(var(--nc-primary-rgb), 0.42);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-appointment-list-card.is-online-unconfirmed,
    .nc-appointment-online-notice.is-detail {
        animation: none;
    }
}

.nc-appointment-list-card.is-action-menu-open {
    z-index: 12;
}

.nc-appointment-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-appointment-card-date,
.nc-appointment-card-info {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.nc-appointment-overdue-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
}

.nc-appointment-overdue-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nc-appointment-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    font-size: 1.05rem;
}

.nc-appointment-card-label,
.nc-appointment-card-info span,
.nc-appointment-card-financials span {
    display: block;
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.nc-appointment-card-date strong {
    display: block;
    color: var(--nc-dark);
    font-size: 1.08rem;
    line-height: 1.2;
}

.nc-appointment-card-date small {
    display: block;
    margin-top: 0.16rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
}

.nc-appointment-card-date small.nc-appointment-card-number {
    color: var(--nc-primary);
    font-size: 0.7rem;
    font-weight: 800;
}

.nc-appointment-card-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
    min-width: 0;
}

.nc-appointment-card-badges .nc-appointment-badges {
    justify-content: flex-end;
}

.nc-appointment-overdue-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-appointment-overdue-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 34px;
    padding: 0.45rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

.nc-appointment-overdue-badge.is-pending {
    color: #a96300;
    border-color: rgba(212, 138, 21, 0.35);
    background: #fff7e8;
}

.nc-appointment-overdue-badge.is-late {
    color: #cf3347;
    border-color: rgba(209, 77, 97, 0.35);
    background: #fff1f3;
}

.nc-appointment-overdue-notice {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.62rem 1rem;
    color: var(--nc-muted);
    border-bottom: 1px solid rgba(242, 106, 79, 0.28);
    background: rgba(255, 243, 224, 0.7);
    font-size: 0.82rem;
    line-height: 1.4;
}

.nc-appointment-overdue-notice i {
    color: #ed704f;
}

.nc-appointment-overdue-notice strong {
    color: var(--nc-dark);
}

.nc-appointment-online-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
}

.nc-appointment-online-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.78rem 1rem;
    color: var(--nc-dark);
    border-bottom: 1px solid rgba(var(--nc-primary-rgb), 0.34);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(5px);
}

.nc-appointment-online-notice-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--nc-white);
    border-radius: 50%;
    background: var(--nc-primary);
    box-shadow: 0 0 0 6px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-appointment-online-notice-copy {
    min-width: 0;
}

.nc-appointment-online-notice-copy strong,
.nc-appointment-online-notice-copy span {
    display: block;
}

.nc-appointment-online-notice-copy strong {
    color: var(--nc-primary-dark);
    font-size: 0.88rem;
    font-weight: 900;
}

.nc-appointment-online-notice-copy span {
    margin-top: 0.16rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.nc-appointment-online-notice-status {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0;
    color: var(--nc-primary-dark);
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.75rem;
    font-weight: 900;
    white-space: nowrap;
}

.nc-appointment-online-notice.is-detail {
    border: 1px solid rgba(var(--nc-primary-rgb), 0.68);
    border-radius: 14px;
    background: linear-gradient(
        -45deg,
        rgba(var(--nc-primary-rgb), 0.08) 0%,
        rgba(var(--nc-primary-rgb), 0.34) 28%,
        var(--nc-white) 50%,
        var(--nc-primary-soft) 72%,
        rgba(var(--nc-primary-rgb), 0.28) 100%
    );
    background-size: 280% 280%;
    animation:
        nc-online-reservation-gradient 7s ease infinite,
        nc-online-reservation-glow 2.8s ease-in-out infinite;
    box-shadow: inset 0 0 20px rgba(var(--nc-primary-rgb), 0.24);
}

.nc-appointment-card-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.9rem 1rem;
}

.nc-appointment-card-info > i {
    flex: 0 0 auto;
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-appointment-card-info strong {
    display: block;
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.9rem;
    line-height: 1.28;
}

.nc-appointment-list-card.is-overdue .nc-appointment-card-overview .nc-appointment-card-info:first-child strong {
    color: #cf3347;
}

.nc-appointment-card-notes {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.12);
}

.nc-appointment-card-notes-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 9px;
}

.nc-appointment-card-notes span:not(.nc-appointment-card-notes-icon) {
    display: block;
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 800;
}

.nc-appointment-card-notes p {
    margin: 0.15rem 0 0;
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.84rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.nc-appointment-list-card.is-overdue .nc-appointment-card-notes {
    background: rgba(255, 247, 232, 0.42);
}

.nc-appointment-reprogram-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.75rem 1rem;
    color: var(--nc-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.3);
    border-top: 1px solid rgba(var(--nc-primary-rgb), 0.2);
}

.nc-appointment-reprogram-notice-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.25);
    border-radius: 50%;
}

.nc-appointment-reprogram-notice > div > span {
    display: block;
    color: var(--nc-primary-dark);
    font-size: 0.74rem;
    font-weight: 900;
}

.nc-appointment-reprogram-notice p {
    margin: 0.15rem 0 0;
    color: var(--nc-dark);
    font-size: 0.84rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.nc-appointment-reprogram-notice.is-detail {
    margin: 0.75rem 0;
    padding: 0.85rem;
    background: rgba(var(--nc-primary-soft-rgb), 0.42);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 14px;
}

.nc-appointment-card-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.22);
}

.nc-appointment-list-card.is-overdue .nc-appointment-card-footer {
    background: rgba(255, 247, 232, 0.62);
}

.nc-appointment-card-footer-context {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.nc-appointment-overdue-current-time {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    padding: 0.48rem 0.68rem;
    color: #c83c4f;
    border-radius: 9px;
    background: #fff0ed;
    font-size: 0.78rem;
}

.nc-appointment-overdue-current-time strong {
    color: inherit;
}

.nc-appointment-card-financials {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.nc-appointment-card-financials > div {
    min-width: 0;
    padding: 0.08rem 0.8rem;
    border-right: 1px dashed rgba(var(--nc-border-rgb), 0.9);
}

.nc-appointment-card-financials > div:first-child {
    padding-left: 0;
}

.nc-appointment-card-financials > div:last-child {
    border-right: 0;
}

.nc-appointment-card-financials strong {
    display: block;
    color: var(--nc-dark);
    font-size: 0.95rem;
}

.nc-appointment-card-financials strong.is-paid {
    color: #208b46;
}

.nc-appointment-card-financials strong.is-pending {
    color: #b06800;
}

.nc-appointment-card-order-note {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-appointment-card-order-note i {
    color: var(--nc-primary-dark);
}

.nc-appointment-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-appointment-card-action,
.nc-appointment-card-menu-toggle {
    min-height: 40px;
}

.nc-appointment-card-action {
    white-space: nowrap;
}

.nc-appointment-card-menu-toggle {
    width: 40px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border-color: var(--nc-border);
}

.nc-appointment-card-menu-toggle:hover,
.nc-appointment-card-menu-toggle:focus {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-appointment-list-feedback {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 94px;
    padding: 1rem;
    border: 1px dashed var(--nc-border);
    border-radius: 8px;
    color: var(--nc-muted);
    background: rgba(var(--nc-primary-soft-rgb), 0.35);
}

.nc-appointment-list-feedback.is-error {
    color: var(--nc-danger, #c94b5d);
}

@media (max-width: 991.98px) {
    .nc-appointment-card-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-appointment-card-footer {
        grid-template-columns: 1fr;
    }

    .nc-appointment-card-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .nc-appointment-card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-appointment-card-badges,
    .nc-appointment-card-badges .nc-appointment-badges,
    .nc-appointment-overdue-badges {
        justify-content: flex-start;
    }

    .nc-appointment-overdue-icon {
        width: 44px;
        height: 44px;
    }

    .nc-appointment-overdue-notice {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .nc-appointment-overdue-notice span {
        flex-basis: 100%;
        padding-left: 1.45rem;
    }

    .nc-appointment-online-notice {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: flex-start;
        padding: 0.82rem;
    }

    .nc-appointment-online-notice-status {
        grid-column: 2;
        justify-self: start;
        white-space: normal;
    }

    .nc-appointment-card-overview {
        grid-template-columns: 1fr;
    }

    .nc-appointment-card-financials > div {
        padding-inline: 0.5rem;
    }

    .nc-appointment-card-financials > div:first-child {
        padding-left: 0;
    }

    .nc-appointment-card-financials span {
        font-size: 0.68rem;
    }

    .nc-appointment-card-financials strong {
        font-size: 0.84rem;
    }

    .nc-appointment-card-actions {
        align-items: stretch;
    }

    .nc-appointment-card-action {
        flex: 1 1 auto;
        justify-content: center;
    }
}

.nc-appointment-day-controls {
    display: flex;
    align-items: end;
    gap: 0.75rem;
}

.nc-appointment-day-controls > div {
    min-width: 190px;
}

.nc-appointment-panel.is-collapsed > :not(.nc-card-header) {
    display: none !important;
}

.nc-appointment-panel-header-actions {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 0.85rem;
}

.nc-appointment-panel-visibility {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0.45rem 0.7rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.nc-appointment-panel-visibility:focus-within {
    outline: 3px solid rgba(var(--nc-primary-rgb), 0.2);
    outline-offset: 2px;
}

.nc-appointment-history-filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0.9rem;
    align-items: end;
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.88);
    border-radius: 18px;
}

.nc-appointment-history-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.nc-appointment-form-grid {
    display: grid;
    gap: 1rem;
}

.nc-appointment-form-section {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.nc-appointment-form-section .nc-form-section-heading {
    margin-bottom: 1.05rem;
}

#ncAppointmentQuotePlanInfoBtn {
    gap: 0.35rem;
}

.nc-appointments-board .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.nc-appointments-table {
    min-width: 1060px;
    table-layout: auto;
}

.nc-appointments-table th:nth-child(1),
.nc-appointments-table td:nth-child(1) {
    min-width: 130px;
}

.nc-appointments-table th:nth-child(2),
.nc-appointments-table td:nth-child(2) {
    min-width: 145px;
}

.nc-appointments-table th:nth-child(3),
.nc-appointments-table td:nth-child(3),
.nc-appointments-table th:nth-child(4),
.nc-appointments-table td:nth-child(4) {
    min-width: 170px;
}

.nc-appointments-table th:nth-child(5),
.nc-appointments-table td:nth-child(5) {
    min-width: 220px;
}

.nc-appointments-table .nc-actions-column {
    width: 260px;
    min-width: 260px;
}

.nc-appointments-table th:last-child,
.nc-appointments-table td:last-child:not([colspan]) {
    position: sticky;
    right: 0;
    z-index: 2;
    background: rgba(var(--nc-primary-soft-rgb), 0.82);
    border-left: 1px solid var(--nc-border);
    box-shadow: -10px 0 16px rgba(var(--nc-primary-soft-rgb), 0.84);
}

.nc-appointments-table thead th:last-child {
    z-index: 3;
    background: var(--nc-primary-soft);
}

.nc-appointments-table tbody tr.nc-row-dropdown-open {
    position: relative;
    z-index: 12;
}

.nc-appointments-table .nc-actions-column.nc-cell-dropdown-open {
    z-index: 24;
}

.nc-appointment-time {
    white-space: nowrap;
}

.nc-appointment-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-appointment-actions-inline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-appointment-actions-dropdown {
    display: none;
}

.nc-appointment-actions-dropdown > .nc-btn {
    min-height: 38px;
    white-space: nowrap;
}

.nc-appointment-actions-menu-btn {
    width: 42px;
    padding-inline: 0;
    justify-content: center;
}

.nc-appointment-action-primary {
    min-width: 104px;
    min-height: 38px;
    padding-inline: 0.9rem;
    box-shadow: none;
}

.nc-appointment-action-primary.nc-btn-primary {
    box-shadow: 0 10px 18px rgba(var(--nc-primary-rgb), 0.18);
}

.nc-appointment-action-toggle {
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border-color: var(--nc-border);
}

.nc-appointment-action-toggle:hover,
.nc-appointment-action-toggle:focus {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-appointment-dropdown {
    min-width: 190px;
}

.nc-appointment-dropdown.nc-dropdown-floating {
    position: fixed !important;
    z-index: 1085;
    margin: 0 !important;
    transform: none !important;
}

.nc-appointment-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0.62rem 0.72rem;
    font-weight: 800;
}

.nc-appointment-dropdown .dropdown-item i {
    width: 1rem;
    text-align: center;
}

.nc-appointment-detail {
    display: grid;
    gap: 1.15rem;
}

.nc-appointment-detail-modal .modal-body {
    background:
        radial-gradient(circle at top left, rgba(var(--nc-primary-rgb), 0.07), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #fffafd 100%);
}

.nc-appointment-detail-loading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-height: 245px;
    padding: 1.5rem;
    color: var(--nc-muted);
}

.nc-appointment-detail-loading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
}

.nc-appointment-detail-loading .spinner-border {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.18rem;
}

.nc-appointment-detail-loading strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-appointment-detail-loading p {
    margin: 0.28rem 0 0;
    font-size: 0.9rem;
}

.nc-appointment-detail-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.05rem;
    align-items: center;
    padding: 0.2rem 0 0.6rem;
}

.nc-appointment-detail-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    font-size: 1.35rem;
}

.nc-appointment-detail-icon i {
    display: block;
    line-height: 1;
}

.nc-appointment-detail-title > span {
    color: var(--nc-primary-dark);
    font-size: 0.88rem;
    font-weight: 850;
}

.nc-appointment-detail-title strong {
    display: block;
    margin-top: 0.1rem;
    color: var(--nc-dark);
    font-size: clamp(1.3rem, 2vw, 1.65rem);
    font-weight: 950;
    line-height: 1.16;
}

.nc-appointment-detail-title small,
.nc-appointment-detail-list-item small {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.42rem;
    margin-top: 0.45rem;
    color: var(--nc-muted);
    font-size: 0.9rem;
    line-height: 1.35;
}

.nc-appointment-detail-title small i {
    color: var(--nc-muted);
}

.nc-appointment-detail-title small b {
    color: rgba(119, 113, 122, 0.55);
    font-weight: 800;
}

.nc-appointment-detail-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
}

.nc-appointment-detail-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.nc-appointment-detail-stat {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 86px;
    padding: 0.95rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(var(--nc-border-rgb), 0.92);
    border-radius: 18px;
    box-shadow: 0 12px 26px rgba(41, 37, 42, 0.06);
}

.nc-appointment-detail-stat-icon,
.nc-appointment-detail-avatar,
.nc-appointment-detail-payment-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.nc-appointment-detail-stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    font-size: 1rem;
}

.nc-appointment-detail-stat-icon i,
.nc-appointment-detail-payment-icon i {
    display: block;
    line-height: 1;
}

.nc-appointment-detail-stat-pink .nc-appointment-detail-stat-icon {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
}

.nc-appointment-detail-stat-green .nc-appointment-detail-stat-icon {
    color: var(--nc-success);
    background: var(--nc-success-soft);
}

.nc-appointment-detail-stat-purple .nc-appointment-detail-stat-icon {
    color: #7552cf;
    background: #f1ecff;
}

.nc-appointment-detail-stat-blue .nc-appointment-detail-stat-icon {
    color: #1877ad;
    background: #eaf7ff;
}

.nc-appointment-detail-stat-muted .nc-appointment-detail-stat-icon {
    color: var(--nc-muted);
    background: #f6f3f5;
}

.nc-appointment-detail-stat > div > span {
    display: block;
    color: var(--nc-muted);
    font-size: 0.8rem;
    font-weight: 800;
}

.nc-appointment-detail-stat strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--nc-dark);
    font-size: 1.16rem;
    font-weight: 950;
    line-height: 1.12;
}

.nc-appointment-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
}

.nc-appointment-detail-section {
    min-width: 0;
    padding: 1.15rem;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(var(--nc-border-rgb), 0.82);
    border-radius: 20px;
    box-shadow: 0 12px 26px rgba(41, 37, 42, 0.055);
}

.nc-appointment-detail-section-wide {
    grid-column: 1 / -1;
}

.nc-appointment-detail-section h4 {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0 0 1rem;
    color: var(--nc-dark);
    font-size: 1.04rem;
    font-weight: 950;
}

.nc-appointment-detail-section h4 i {
    color: var(--nc-primary-dark);
    font-size: 1rem;
}

.nc-appointment-detail-section-success .nc-appointment-detail-row:last-child {
    margin-top: 0.25rem;
    padding: 0.75rem;
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border: 1px solid rgba(47, 158, 103, 0.16);
    border-radius: 14px;
}

.nc-appointment-detail-section-success .nc-appointment-detail-row:last-child span,
.nc-appointment-detail-section-success .nc-appointment-detail-row:last-child strong {
    color: var(--nc-success);
}

.nc-appointment-detail-rows {
    display: grid;
}

.nc-appointment-detail-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 0;
    border-bottom: 1px solid rgba(41, 37, 42, 0.08);
}

.nc-appointment-client-characteristics-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding-top: 0.9rem;
    margin-top: 0.25rem;
}

.nc-appointment-client-characteristics-action .nc-btn {
    flex: 0 0 auto;
}

.nc-appointment-client-characteristics-action p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.35;
    text-align: right;
}

.nc-appointment-detail-row > span {
    color: var(--nc-muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.nc-appointment-detail-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.nc-appointment-detail-row strong {
    max-width: 68%;
    color: #4f4852;
    font-size: 0.92rem;
    font-weight: 750;
    line-height: 1.35;
    text-align: right;
    overflow-wrap: anywhere;
}

.nc-appointment-detail-row .nc-badge {
    min-height: 24px;
    padding: 0.25rem 0.55rem;
    font-size: 0.74rem;
}

.nc-appointment-detail-inline-status,
.nc-appointment-detail-help-value {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.nc-appointment-detail-inline-status.is-success,
.nc-appointment-detail-money.is-success {
    color: var(--nc-success);
}

.nc-appointment-detail-inline-status.is-muted {
    color: var(--nc-muted);
}

.nc-appointment-detail-inline-status i {
    font-size: 0.92rem;
    line-height: 1;
}

.nc-appointment-detail-money.is-success,
.nc-appointment-detail-money.is-strong {
    font-weight: 900;
}

.nc-appointment-detail-money.is-strong {
    color: var(--nc-dark);
    font-size: 0.98rem;
}

.nc-appointment-detail-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-radius: 50%;
    line-height: 1;
}

.nc-appointment-detail-help:hover,
.nc-appointment-detail-help:focus {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
}

.nc-appointment-detail-contact {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-appointment-detail-contact a,
.nc-appointment-detail-link {
    color: var(--nc-primary-dark);
    font-weight: 800;
}

.nc-appointment-detail-contact a:hover,
.nc-appointment-detail-link:hover {
    color: var(--nc-primary);
}

.nc-appointment-detail-list {
    display: grid;
    gap: 0.7rem;
}

.nc-appointment-detail-list-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 0.85rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-appointment-detail-list-item strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-appointment-detail-list-item small {
    display: block;
    margin-top: 0.12rem;
}

.nc-appointment-participant-note {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.nc-appointment-participant-note-heading {
    display: flex;
    align-items: center;
    gap: 0.38rem;
}

.nc-appointment-participant-note-heading i {
    color: var(--nc-primary-dark);
}

.nc-appointment-participant-note-heading b {
    color: var(--nc-dark);
    font-weight: 800;
}

.nc-appointment-participant-note p {
    margin: 0.12rem 0 0;
    color: var(--nc-muted);
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.nc-appointment-detail-avatar {
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: linear-gradient(135deg, var(--nc-primary-soft), #ffffff);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    font-size: 0.8rem;
    font-weight: 950;
}

.nc-appointment-detail-payment-icon {
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 15px;
}

.nc-appointment-detail-empty {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.9rem;
    color: var(--nc-muted);
    background: var(--nc-white);
    border: 1px dashed var(--nc-border);
    border-radius: 16px;
    font-weight: 800;
}

.nc-appointment-detail-warning {
    margin: 0;
}

.nc-appointment-detail-note {
    margin: -0.25rem 0 0.85rem;
    color: var(--nc-muted);
    font-size: 0.92rem;
}

.nc-appointment-detail-section-considerations {
    background:
        linear-gradient(90deg, rgba(var(--nc-primary-rgb), 0.08), rgba(255, 255, 255, 0.98) 62%),
        rgba(255, 255, 255, 0.98);
    border-color: rgba(var(--nc-primary-rgb), 0.28);
}

.nc-appointment-consideration-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-appointment-consideration-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.78rem;
    align-items: flex-start;
    padding: 0.86rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(var(--nc-border-rgb), 0.95);
    border-radius: 16px;
}

.nc-appointment-consideration-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.18);
    border-radius: 14px;
}

.nc-appointment-consideration-icon i {
    display: block;
    line-height: 1;
}

.nc-appointment-consideration-item strong {
    display: block;
    color: var(--nc-dark);
    font-size: 0.94rem;
    font-weight: 900;
    line-height: 1.25;
}

.nc-appointment-consideration-item small {
    display: block;
    margin-top: 0.2rem;
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 850;
}

.nc-appointment-consideration-item p {
    margin: 0.45rem 0 0;
    color: #5d5660;
    font-size: 0.9rem;
    line-height: 1.42;
}

@media (max-width: 767.98px) {
    .nc-appointment-consideration-list {
        grid-template-columns: 1fr;
    }
}

.nc-print-appointment-detail .modal-backdrop {
    display: none !important;
}

@media print {
    body.nc-print-appointment-detail {
        background: #fff !important;
    }

    body.nc-print-appointment-detail .nc-sidebar,
    body.nc-print-appointment-detail .nc-topbar,
    body.nc-print-appointment-detail .nc-content,
    body.nc-print-appointment-detail .modal:not(#ncAppointmentDetailModal) {
        display: none !important;
    }

    body.nc-print-appointment-detail .nc-main {
        width: 100% !important;
        margin-left: 0 !important;
    }

    body.nc-print-appointment-detail #ncAppointmentDetailModal {
        position: static !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
    }

    body.nc-print-appointment-detail #ncAppointmentDetailModal .modal-dialog {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.nc-print-appointment-detail #ncAppointmentDetailModal .modal-content {
        border: 0 !important;
        box-shadow: none !important;
    }

    body.nc-print-appointment-detail #ncAppointmentDetailModal .modal-header .btn-close,
    body.nc-print-appointment-detail #ncAppointmentDetailModal .modal-footer {
        display: none !important;
    }

    body.nc-print-appointment-detail .nc-appointment-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Public profiles */
.nc-public-help-grid,
.nc-public-manage-grid,
.nc-public-contact-grid {
    display: grid;
    gap: 1rem;
}

.nc-public-help-grid {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

html.nc-help-visible .nc-public-help-grid {
    display: grid;
}

.nc-public-help-card {
    display: flex;
    gap: 0.85rem;
    min-height: 112px;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.74), rgba(255, 255, 255, 0.96));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-public-help-card > span,
.nc-public-list-icon,
.nc-public-mini-empty > span {
    display: inline-grid;
    place-items: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
}

.nc-public-help-card > span {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 14px;
}

.nc-public-help-card strong,
.nc-public-list-item strong,
.nc-public-faq-item strong,
.nc-public-rule-template strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-public-help-card p,
.nc-public-faq-item p,
.nc-public-mini-empty p,
.nc-public-summary-note {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
    line-height: 1.4;
}

.nc-public-context-row {
    display: grid;
    grid-template-columns: minmax(260px, 440px) minmax(0, 1fr);
    gap: 1rem;
    align-items: end;
}

.nc-public-context-status {
    min-height: 44px;
    display: flex;
    align-items: center;
}

.nc-public-context-status .nc-badge {
    min-height: 38px;
    justify-content: flex-start;
    white-space: normal;
    text-align: left;
}

.nc-public-activation-note {
    min-height: 100%;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    color: var(--nc-muted);
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.9), rgba(255, 255, 255, 0.94));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    font-size: 0.9rem;
    line-height: 1.35;
}

.nc-public-activation-note i {
    color: var(--nc-primary-dark);
}

.nc-public-state-actions {
    display: grid;
    gap: 0.65rem;
}

.nc-public-delete-btn {
    justify-self: flex-start;
    color: var(--bs-danger);
    border-color: rgba(220, 53, 69, 0.22);
}

.nc-public-delete-btn:hover,
.nc-public-delete-btn:focus {
    color: #b02a37;
    border-color: rgba(220, 53, 69, 0.35);
}

.nc-public-editor-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 1rem;
    align-items: start;
}

.nc-public-editor-main {
    display: grid;
    gap: 1rem;
}

.nc-public-editor-side {
    position: sticky;
    top: calc(var(--nc-topbar-height) + 18px);
}

.nc-public-summary-card {
    background: rgba(255, 255, 255, 0.96);
}

.nc-public-summary {
    display: grid;
    gap: 0.8rem;
}

.nc-public-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-public-summary-row span:first-child {
    color: var(--nc-muted);
    font-size: 0.86rem;
    font-weight: 800;
}

.nc-public-summary-row strong {
    color: var(--nc-dark);
    font-weight: 900;
    text-align: right;
}

.nc-public-summary-note {
    padding: 0.8rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-public-summary-actions {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.nc-public-autosave-status {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 42px;
    padding: 0.7rem 0.8rem;
    margin-top: 1rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.35;
}

.nc-public-autosave-status.is-saving,
.nc-public-autosave-status.is-pending {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
}

.nc-public-autosave-status.is-saved {
    color: #198754;
    background: rgba(25, 135, 84, 0.08);
    border-color: rgba(25, 135, 84, 0.2);
}

.nc-public-autosave-status.is-error {
    color: #b02a37;
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.2);
}

.nc-public-reservations-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.nc-public-reservations-layout .nc-btn {
    justify-content: center;
    white-space: nowrap;
}

.nc-public-reservation-readiness {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--nc-border);
    border-radius: 8px;
}

.nc-public-reservation-readiness.is-pending {
    color: #8f5a00;
    background: #fff8e9;
    border-color: #f1d398;
}

.nc-public-reservation-readiness.is-ready {
    color: #167349;
    background: #edf9f2;
    border-color: #b9e4cc;
}

.nc-public-reservation-readiness-icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    font-size: 1rem;
}

.nc-public-reservation-readiness.is-pending .nc-public-reservation-readiness-icon {
    background: #fff0d3;
}

.nc-public-reservation-readiness.is-ready .nc-public-reservation-readiness-icon {
    background: #d9f3e4;
}

.nc-public-reservation-readiness-copy {
    min-width: 0;
}

.nc-public-reservation-readiness-copy strong,
.nc-public-reservation-readiness-copy p,
.nc-public-reservation-readiness-copy small {
    display: block;
}

.nc-public-reservation-readiness-copy strong {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-public-reservation-readiness-copy p {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-public-reservation-readiness-copy small {
    margin-top: 0.35rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-public-reservation-readiness .nc-btn {
    justify-content: center;
    white-space: nowrap;
}

.nc-public-slug-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.nc-public-current-media {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem;
    margin-bottom: 0.7rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-public-current-media img {
    width: 120px;
    height: 76px;
    display: block;
    object-fit: cover;
    background: var(--nc-primary-soft);
    border-radius: 14px;
}

.nc-public-current-logo img {
    width: 86px;
    height: 86px;
    object-fit: contain;
}

.nc-public-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nc-public-contact-item {
    min-height: 82px;
    padding: 0.85rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-public-contact-item .nc-toggle-row {
    width: 100%;
}

.nc-public-manage-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
    align-items: start;
}

.nc-public-theme-trigger {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    width: 100%;
    min-height: 68px;
    padding: 0.75rem 0.85rem;
    color: var(--nc-dark);
    text-align: left;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.nc-public-theme-trigger:hover,
.nc-public-theme-trigger:focus-visible {
    border-color: var(--nc-primary);
    box-shadow: 0 12px 26px rgba(var(--nc-primary-rgb), 0.12);
    outline: none;
    transform: translateY(-1px);
}

.nc-public-theme-trigger:disabled {
    cursor: wait;
    opacity: 0.72;
    transform: none;
}

.nc-public-theme-trigger .nc-theme-preview {
    grid-template-columns: repeat(2, 16px);
    grid-template-rows: repeat(2, 16px);
    border-radius: 14px;
}

.nc-public-theme-trigger .nc-theme-preview span {
    border-radius: 7px;
}

.nc-public-theme-trigger-action {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--nc-primary-dark);
    font-size: 0.82rem;
    font-weight: 900;
}

.nc-public-theme-grid .nc-theme-option {
    min-height: 112px;
}

.nc-public-font-preview {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    min-height: 112px;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.72), var(--nc-white));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-public-font-preview-icon {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-public-font-preview-copy {
    min-width: 0;
}

.nc-public-font-preview-copy small {
    display: block;
    margin-bottom: 0.32rem;
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-public-font-preview-title {
    display: block;
    color: var(--nc-dark);
    font-family: var(--nc-public-font-preview-title, inherit);
    font-size: 1.45rem;
    font-weight: var(--nc-public-font-preview-title-weight, 900);
    line-height: 1.1;
}

.nc-public-font-preview-text {
    margin: 0.38rem 0 0;
    color: var(--nc-muted);
    font-family: var(--nc-public-font-preview-text, inherit);
    font-size: 0.94rem;
    font-weight: var(--nc-public-font-preview-text-weight, 400);
    line-height: 1.45;
}

.nc-public-example-link {
    border: 0;
    padding: 0;
    color: var(--nc-primary-dark);
    background: transparent;
}

.nc-public-example-link:hover {
    color: var(--nc-primary);
}

.nc-public-hero-examples {
    display: grid;
    gap: 0.75rem;
}

.nc-public-hero-example-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.95rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-public-hero-example-card > span {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    font-weight: 900;
}

.nc-public-hero-example-card strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-public-hero-example-card p {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.92rem;
}

.nc-public-faq-card {
    grid-column: 1 / -1;
}

.nc-public-amenities-card {
    grid-column: 1 / -1;
}

.nc-public-amenities-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.75rem;
}

.nc-public-amenity-option {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: start;
    gap: 0.75rem;
    min-height: 86px;
    padding: 0.85rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.nc-public-amenity-option.is-selected {
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-public-amenity-check {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin: 0;
    cursor: pointer;
}

.nc-public-amenity-check input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.nc-public-amenity-check span,
.nc-public-amenity-icon {
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--nc-border);
    background: var(--nc-white);
}

.nc-public-amenity-check span {
    width: 24px;
    height: 24px;
    color: transparent;
    border-radius: 9px;
    font-size: 0.78rem;
}

.nc-public-amenity-check input:checked + span {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-public-amenity-icon {
    width: 44px;
    height: 44px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 14px;
}

.nc-public-amenity-body strong {
    display: block;
}

.nc-public-amenity-body strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-public-amenity-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.nc-amenity-icon-selected {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-amenity-icon-selected span,
.nc-amenity-icon-option i {
    display: inline-grid;
    place-items: center;
}

.nc-amenity-icon-selected span {
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-amenity-icon-selected strong {
    font-weight: 900;
}

.nc-amenity-icon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
    gap: 0.55rem;
    max-height: 260px;
    overflow-y: auto;
    margin-bottom: 0.6rem;
    padding: 0.75rem;
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 18px;
}

.nc-amenity-icon-option {
    display: grid;
    place-items: center;
    gap: 0.35rem;
    min-height: 86px;
    padding: 0.65rem 0.45rem;
    color: var(--nc-muted);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    font-weight: 800;
    text-align: center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.nc-amenity-icon-option i {
    width: 36px;
    height: 36px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 12px;
    font-size: 1rem;
}

.nc-amenity-icon-option span {
    font-size: 0.78rem;
    line-height: 1.2;
}

.nc-amenity-icon-option:hover,
.nc-amenity-icon-option.is-selected {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
    box-shadow: 0 10px 22px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-public-list {
    display: grid;
    gap: 0.72rem;
}

.nc-public-list-item,
.nc-public-faq-item {
    display: grid;
    gap: 0.85rem;
    padding: 0.85rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-public-list-item {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}

.nc-public-service-item {
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: start;
}

.nc-public-service-item .nc-public-list-actions {
    grid-column: 3 / -1;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.nc-public-order-controls {
    display: grid;
    gap: 0.3rem;
}

.nc-icon-btn:disabled,
.nc-icon-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.38;
    box-shadow: none;
}

.nc-public-faq-item {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.nc-public-rules-card {
    grid-column: 1 / -1;
}

.nc-public-rules-switch {
    margin-bottom: 0.9rem;
}

.nc-public-rule-example-callout {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem;
    margin-bottom: 1rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), rgba(255, 255, 255, 0.92));
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-public-rule-example-callout strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-public-rule-example-callout small {
    display: block;
    margin-top: 0.12rem;
    color: var(--nc-muted);
}

.nc-public-rule-item {
    align-items: start;
}

.nc-public-rule-item.has-order-controls {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
}

.nc-public-rule-body p,
.nc-public-rule-template p {
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
    line-height: 1.45;
}

.nc-public-rule-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.nc-public-rules-template-list {
    display: grid;
    gap: 0.75rem;
}

.nc-public-rule-template {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
    padding: 0.9rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-public-rule-template .nc-btn {
    align-self: center;
}

.nc-public-list-icon {
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 15px;
}

.nc-public-list-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nc-public-list-item small,
.nc-public-rule-template small {
    display: block;
    margin-top: 0.12rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-public-list-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-public-mini-empty {
    min-height: 170px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    padding: 1.25rem;
    color: var(--nc-muted);
    text-align: center;
    border: 1px dashed var(--nc-border);
    border-radius: 16px;
}

.nc-public-mini-empty > span {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 1.25rem;
}

.nc-public-mini-empty strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-is-busy .modal-body,
.nc-is-busy .nc-card {
    cursor: wait;
}

@media (max-width: 1199px) {
    .nc-public-help-grid,
    .nc-public-manage-grid {
        grid-template-columns: 1fr;
    }

    .nc-public-faq-card {
        grid-column: auto;
    }

    .nc-public-amenities-card {
        grid-column: auto;
    }
}

@media (max-width: 991px) {
    .nc-public-editor-layout,
    .nc-public-context-row {
        grid-template-columns: 1fr;
    }

    .nc-public-editor-side {
        position: static;
    }
}

@media (max-width: 767px) {
    .nc-public-help-grid,
    .nc-public-contact-grid {
        grid-template-columns: 1fr;
    }

    .nc-public-editor-layout {
        padding-bottom: 96px;
    }

    .nc-public-reservations-layout {
        grid-template-columns: 1fr;
    }

    .nc-public-reservations-layout .nc-btn {
        width: 100%;
    }

    .nc-public-reservation-readiness {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-public-reservation-readiness .nc-btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .nc-public-summary-actions {
        position: fixed;
        right: 0.75rem;
        bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
        left: 0.75rem;
        z-index: 1040;
        display: flex;
        gap: 0.55rem;
        align-items: center;
        padding: 0.7rem;
        margin-top: 0;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid var(--nc-border);
        border-radius: 18px;
        box-shadow: 0 18px 42px rgba(var(--nc-primary-rgb), 0.18);
        backdrop-filter: blur(12px);
    }

    .nc-public-summary-actions .nc-btn {
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
        justify-content: center;
    }

    .nc-public-list-item,
    .nc-public-service-item,
    .nc-public-rule-item.has-order-controls,
    .nc-public-faq-item,
    .nc-public-rule-template {
        grid-template-columns: 1fr;
    }

    .nc-public-list-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .nc-public-service-item .nc-public-list-actions {
        grid-column: auto;
    }

    .nc-public-rule-template .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-public-rule-example-callout {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-public-rule-example-callout .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-public-hero-example-card {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .nc-public-hero-example-card .nc-btn {
        grid-column: 2 / -1;
        justify-content: center;
        width: 100%;
    }

    .nc-amenity-icon-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-public-order-controls {
        grid-template-columns: repeat(2, auto);
        justify-content: flex-start;
    }

    .nc-public-current-media {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-public-current-media img {
        width: 100%;
        height: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nc-public-editor-layout {
        padding-bottom: 96px;
    }

    .nc-public-service-item {
        grid-template-columns: auto auto minmax(0, 1fr) auto;
        align-items: center;
    }

    .nc-public-service-item .nc-public-list-actions {
        grid-column: auto;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    .nc-public-summary-actions {
        position: fixed;
        right: 1rem;
        bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
        left: 1rem;
        z-index: 1040;
        display: flex;
        gap: 0.65rem;
        align-items: center;
        padding: 0.75rem;
        margin-top: 0;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid var(--nc-border);
        border-radius: 18px;
        box-shadow: 0 18px 42px rgba(var(--nc-primary-rgb), 0.18);
        backdrop-filter: blur(12px);
    }

    .nc-public-summary-actions .nc-btn {
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
        justify-content: center;
    }
}

.nc-availability-panel {
    margin-top: 1rem;
}

.nc-availability-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.nc-availability-heading strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-availability-heading span {
    color: var(--nc-primary-dark);
    font-size: 0.88rem;
    font-weight: 850;
}

.nc-availability-empty,
.nc-availability-alert {
    padding: 1rem;
    border-radius: 16px;
}

.nc-availability-empty {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--nc-muted);
    background: #fff;
    border: 1px dashed var(--nc-border);
}

.nc-availability-empty i {
    color: var(--nc-primary-dark);
}

.nc-availability-alert + .nc-availability-empty {
    margin-top: 1rem;
}

.nc-availability-alert-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.45rem;
    color: var(--nc-primary-dark);
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

.nc-availability-alert-link:hover,
.nc-availability-alert-link:focus-visible {
    color: var(--nc-primary);
    text-decoration: underline;
}

.nc-slot-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.nc-slot-card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    min-height: 78px;
    padding: 0.9rem;
    text-align: left;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    transition: all 0.18s ease;
}

.nc-slot-card:hover,
.nc-slot-card:focus,
.nc-slot-card.is-selected {
    color: var(--nc-primary-dark);
    border-color: var(--nc-primary);
    box-shadow: 0 12px 24px rgba(var(--nc-primary-rgb), 0.14);
}

.nc-slot-card strong,
.nc-slot-card span {
    display: block;
}

.nc-slot-card strong {
    font-weight: 900;
}

.nc-slot-card span {
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-slot-card.is-adjusted {
    border-color: rgba(201, 133, 24, 0.45);
    background: linear-gradient(180deg, #fff 0%, var(--nc-warning-soft) 100%);
}

.nc-slot-card.is-adjusted.is-selected,
.nc-slot-card.is-adjusted:focus {
    color: var(--nc-primary-dark);
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 2px rgba(var(--nc-primary-rgb), 0.12), 0 12px 24px rgba(var(--nc-primary-rgb), 0.16);
}

#ncAppointmentModal .nc-slot-card.is-selected {
    background:
        linear-gradient(rgba(var(--nc-primary-rgb), 0.12), rgba(var(--nc-primary-rgb), 0.12)),
        var(--nc-primary-soft);
}

.nc-current-slot-heading {
    margin-top: 0.2rem;
}

.nc-slot-card.is-current,
.nc-slot-card.is-current:hover,
.nc-slot-card.is-current:focus {
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border-color: rgba(var(--nc-border-rgb), 0.92);
    border-style: dashed;
    box-shadow: none;
    cursor: not-allowed;
}

.nc-slot-card.is-current strong {
    color: var(--nc-muted);
}

.nc-slot-current-note {
    display: flex !important;
    flex: 1 0 100%;
    gap: 0.4rem;
    align-items: center;
    margin-top: 0.25rem;
    color: var(--nc-primary-dark) !important;
    font-size: 0.75rem !important;
    font-weight: 850;
    line-height: 1.3;
}

.nc-slot-adjusted-note {
    display: flex;
    flex: 1 0 100%;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.35rem;
    color: var(--nc-warning);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.35;
}

.nc-slot-adjusted-note > span {
    color: inherit;
    display: grid;
    font-size: inherit;
    gap: 0.15rem;
}

.nc-slot-adjusted-note strong {
    color: var(--nc-warning);
    font-size: 0.76rem;
    font-weight: 900;
}

.nc-slot-adjusted-note em {
    color: var(--nc-muted);
    display: block;
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 600;
}

.nc-force-agenda-box {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 16px;
}

.nc-force-agenda-box > .form-switch,
#ncRequiresAdvanceSwitch {
    display: flex;
    align-items: center;
    min-height: 1.75rem;
    padding-left: 3.65rem;
}

.nc-force-agenda-box > .form-switch .form-check-input,
#ncRequiresAdvanceSwitch .form-check-input {
    flex: 0 0 auto;
    width: 2.8rem;
    height: 1.45rem;
    margin-top: 0;
    margin-left: -3.65rem;
    cursor: pointer;
}

.nc-force-agenda-box > .form-switch .form-check-label,
#ncRequiresAdvanceSwitch .form-check-label {
    margin-left: 0.65rem;
    padding: 0.2rem 0;
    font-weight: 800;
    line-height: 1.3;
    cursor: pointer;
}

.nc-force-agenda-box p {
    margin: 0.35rem 0 1rem;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

/* Buttons */
.nc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 42px;
    padding: 0.68rem 1.05rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    line-height: 1;
    transition: all 0.18s ease;
}

.nc-btn:hover {
    transform: translateY(-1px);
}

.nc-btn-sm {
    min-height: 34px;
    padding: 0.5rem 0.78rem;
    font-size: 0.86rem;
}

.nc-btn-primary {
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    box-shadow: 0 12px 22px rgba(var(--nc-primary-rgb), 0.24);
}

.nc-btn-primary:hover {
    color: var(--nc-white);
    box-shadow: 0 16px 30px rgba(var(--nc-primary-rgb), 0.30);
}

.nc-btn-needs-save {
    position: relative;
    isolation: isolate;
    box-shadow: 0 0 0 2px rgba(var(--nc-primary-rgb), 0.48), 0 12px 22px rgba(var(--nc-primary-rgb), 0.18);
    animation: nc-save-ring 1.25s ease-in-out infinite;
}

.nc-btn-needs-save::after {
    content: "";
    position: absolute;
    inset: -6px;
    z-index: -1;
    border: 2px solid rgba(var(--nc-primary-rgb), 0.58);
    border-radius: inherit;
    animation: nc-save-ripple 1.25s ease-out infinite;
    pointer-events: none;
}

.nc-btn-needs-save i {
    animation: nc-save-icon-nudge 0.9s ease-in-out infinite;
}

@keyframes nc-save-ring {
    0%,
    100% {
        box-shadow: 0 0 0 2px rgba(var(--nc-primary-rgb), 0.42), 0 10px 18px rgba(var(--nc-primary-rgb), 0.14);
    }
    50% {
        box-shadow: 0 0 0 4px rgba(var(--nc-primary-rgb), 0.70), 0 10px 18px rgba(var(--nc-primary-rgb), 0.16);
    }
}

@keyframes nc-save-ripple {
    0% {
        opacity: 0.95;
        transform: scale(0.99);
    }
    65% {
        opacity: 0.22;
        transform: scale(1.08);
    }
    100% {
        opacity: 0;
        transform: scale(1.12);
    }
}

@keyframes nc-save-icon-nudge {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(2px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-btn-needs-save,
    .nc-btn-needs-save::after,
    .nc-btn-needs-save i {
        animation: none;
    }
}

.nc-btn-secondary {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
}

.nc-btn-outline {
    color: var(--nc-primary-dark);
    background: transparent;
    border-color: var(--nc-primary);
}

.nc-btn-outline:hover {
    color: var(--nc-white);
    background: var(--nc-primary);
}

.nc-btn-light {
    color: var(--nc-dark);
    background: var(--nc-white);
    border-color: var(--nc-border);
}

.nc-icon-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(41, 37, 42, 0.04);
    transition: all 0.18s ease;
}

.nc-icon-btn:hover {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-icon-btn-secondary {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
}

.nc-icon-btn-secondary:hover {
    color: var(--nc-white);
    background: var(--nc-primary-dark);
    border-color: var(--nc-primary-dark);
}

.nc-icon-btn-danger {
    color: var(--nc-danger);
}

.nc-icon-btn-danger:hover {
    color: var(--nc-white);
    background: var(--nc-danger);
    border-color: var(--nc-danger);
}

.nc-notification-dot {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 8px;
    height: 8px;
    background: var(--nc-danger);
    border: 2px solid var(--nc-white);
    border-radius: 50%;
}

.nc-button-grid,
.nc-badge-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

/* Badges */
.nc-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 28px;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 850;
}

.nc-appointment-badges {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}

.nc-badge-primary,
.nc-badge-soft {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
}

.nc-badge-success {
    color: var(--nc-success);
    background: var(--nc-success-soft);
}

.nc-badge-warning {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-badge-danger {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-badge-muted {
    color: var(--nc-muted);
    background: #f5f1f4;
}

.nc-badge-dark {
    color: var(--nc-white);
    background: var(--nc-dark);
}

/* Forms */
.form-label {
    color: var(--nc-dark);
    font-size: 0.9rem;
    font-weight: 800;
}

.nc-field-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.nc-field-label-row .form-label {
    margin-bottom: 0;
}

.nc-field-inline-action {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    padding: 0.2rem 0.45rem;
    color: var(--nc-primary-dark);
    background: transparent;
    border: 0;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-field-inline-action:hover,
.nc-field-inline-action:focus {
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    outline: none;
}

.nc-form-control,
.form-control.nc-form-control,
.form-select.nc-form-control {
    min-height: 44px;
    color: var(--nc-dark);
    background-color: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 15px;
}

.nc-form-control:focus,
.form-control.nc-form-control:focus,
.form-select.nc-form-control:focus {
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 0.22rem rgba(var(--nc-primary-rgb), 0.14);
}

.nc-field-help {
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.nc-file-dropzone {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 94px;
    padding: 1rem;
    color: var(--nc-dark);
    background: linear-gradient(90deg, var(--nc-primary-soft), #fff);
    border: 1.5px dashed var(--nc-border);
    border-radius: 18px;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.nc-file-current-preview {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-file-current-preview img {
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 6px 16px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-file-current-preview div {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 auto;
}

.nc-file-current-preview strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-file-current-preview span {
    color: var(--nc-muted);
    font-size: 0.84rem;
    line-height: 1.35;
}

.nc-file-current-preview.is-pending-removal {
    background: var(--nc-danger-soft);
    border-color: rgba(217, 75, 89, 0.25);
}

.nc-file-current-preview.is-pending-removal img {
    opacity: 0.45;
    filter: grayscale(0.35);
}

.nc-file-current-remove {
    flex: 0 0 auto;
    color: var(--nc-danger);
}

.nc-file-current-remove:hover,
.nc-file-current-remove:focus {
    color: #fff;
    background: var(--nc-danger);
    border-color: var(--nc-danger);
}

@media (max-width: 575.98px) {
    .nc-file-current-preview {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .nc-file-current-remove {
        width: 100%;
    }
}

.nc-file-dropzone:hover,
.nc-file-dropzone:focus-within,
.nc-file-dropzone.is-dragover {
    border-color: var(--nc-primary);
    box-shadow: 0 12px 28px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-file-dropzone.is-dragover {
    transform: translateY(-1px);
}

.nc-file-dropzone.has-file {
    background: #fff;
    border-style: solid;
}

.nc-file-dropzone.is-invalid,
.was-validated [data-field-wrapper].nc-field-invalid .nc-file-dropzone {
    border-color: var(--nc-danger);
    box-shadow: 0 0 0 0.18rem rgba(217, 75, 89, 0.12);
}

.nc-file-dropzone.is-invalid + .invalid-feedback {
    display: block;
    color: var(--nc-danger);
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-file-dropzone-input {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.nc-file-dropzone-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    color: var(--nc-primary);
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 15px;
    font-size: 1.1rem;
}

.nc-file-dropzone-copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.nc-file-dropzone-copy strong,
.nc-file-dropzone-copy small {
    display: block;
    overflow-wrap: anywhere;
}

.nc-file-dropzone-copy strong {
    font-weight: 900;
}

.nc-file-dropzone-copy small {
    color: var(--nc-muted);
    font-size: 0.84rem;
    line-height: 1.35;
}

.nc-file-dropzone-shell {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    width: 100%;
}

.nc-file-dropzone--featured {
    width: 100%;
    min-height: 230px;
    justify-content: center;
    flex-direction: column;
    gap: 0.7rem;
    padding: 1.35rem;
    text-align: center;
    background: linear-gradient(
        135deg,
        rgba(var(--nc-primary-soft-rgb), 0.82),
        rgba(255, 255, 255, 0.96)
    );
    border-width: 2px;
    border-color: rgba(var(--nc-primary-rgb), 0.46);
}

.nc-file-dropzone--featured.has-file,
.nc-file-dropzone--compact.has-file {
    background: linear-gradient(
        135deg,
        rgba(var(--nc-primary-soft-rgb), 0.6),
        rgba(255, 255, 255, 0.98)
    );
    border-style: dashed;
}

.nc-file-dropzone-artwork {
    position: relative;
    display: block;
    width: 126px;
    height: 72px;
}

.nc-file-dropzone-photo-card {
    position: absolute;
    top: 5px;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 56px;
    color: var(--nc-primary);
    background: #fff;
    border: 1px solid rgba(var(--nc-primary-rgb), 0.22);
    border-radius: 10px;
    box-shadow: 0 7px 18px rgba(var(--nc-primary-rgb), 0.1);
    font-size: 1.2rem;
}

.nc-file-dropzone-photo-card.is-back {
    transform: translateX(-66%) rotate(-9deg);
    opacity: 0.72;
}

.nc-file-dropzone-photo-card.is-front {
    z-index: 1;
    transform: translateX(-42%) rotate(5deg);
}

.nc-file-dropzone-upload-icon {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: #fff;
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 50%;
    box-shadow: 0 7px 18px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-file-dropzone-selection {
    display: none;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 86px;
    overflow: hidden;
    color: var(--nc-primary);
    background: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(var(--nc-primary-rgb), 0.16);
    font-size: 1.8rem;
}

.nc-file-dropzone-selection img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nc-file-dropzone--contain .nc-file-dropzone-selection img {
    padding: 0.35rem;
    object-fit: contain;
}

.nc-file-dropzone.has-file .nc-file-dropzone-artwork {
    display: none;
}

.nc-file-dropzone.has-file .nc-file-dropzone-selection {
    display: inline-flex;
}

.nc-file-dropzone--featured .nc-file-dropzone-copy {
    justify-items: center;
    gap: 0.2rem;
    max-width: 560px;
}

.nc-file-dropzone--featured .nc-file-dropzone-copy strong {
    font-size: 1.05rem;
}

.nc-file-dropzone-subtitle {
    color: var(--nc-dark);
    font-size: 0.9rem;
    font-weight: 700;
}

.nc-file-dropzone-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    min-height: 38px;
    margin: 0.42rem 0 0.24rem;
    padding: 0.55rem 1rem;
    color: #fff;
    background: var(--nc-primary);
    border-radius: 12px;
    box-shadow: 0 7px 18px rgba(var(--nc-primary-rgb), 0.2);
    font-size: 0.88rem;
    font-weight: 900;
}

.nc-file-dropzone.has-file .nc-file-dropzone-subtitle {
    display: none;
}

.nc-file-dropzone-clear {
    justify-self: center;
    color: var(--nc-danger);
}

.nc-file-dropzone-clear:hover,
.nc-file-dropzone-clear:focus {
    color: #fff;
    background: var(--nc-danger);
    border-color: var(--nc-danger);
}

.nc-file-dropzone--compact {
    width: 100%;
    min-height: 112px;
    padding: 1rem;
    background: linear-gradient(
        135deg,
        rgba(var(--nc-primary-soft-rgb), 0.7),
        rgba(255, 255, 255, 0.97)
    );
    border-width: 1.5px;
    border-color: rgba(var(--nc-primary-rgb), 0.38);
}

.nc-file-dropzone--compact .nc-file-dropzone-artwork {
    flex: 0 0 92px;
    width: 92px;
    height: 62px;
}

.nc-file-dropzone--compact .nc-file-dropzone-photo-card {
    width: 62px;
    height: 46px;
}

.nc-file-dropzone--compact .nc-file-dropzone-upload-icon {
    width: 31px;
    height: 31px;
    font-size: 0.78rem;
}

.nc-file-dropzone--compact .nc-file-dropzone-selection {
    flex: 0 0 88px;
    width: 88px;
    height: 66px;
}

.nc-file-dropzone--compact .nc-file-dropzone-copy {
    justify-items: start;
    gap: 0.12rem;
    text-align: left;
}

.nc-file-dropzone--compact .nc-file-dropzone-action {
    min-height: 34px;
    margin: 0.28rem 0 0.18rem;
    padding: 0.42rem 0.78rem;
    font-size: 0.82rem;
}

@media (max-width: 575.98px) {
    .nc-file-dropzone--featured {
        min-height: 210px;
        padding: 1.1rem 0.9rem;
    }

    .nc-file-dropzone--compact {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .nc-file-dropzone--compact .nc-file-dropzone-copy {
        justify-items: center;
        text-align: center;
    }
}

.was-validated .nc-form-control:invalid,
.was-validated .form-control.nc-form-control:invalid,
.was-validated .form-select.nc-form-control:invalid,
.nc-form-control.is-invalid,
.form-control.nc-form-control.is-invalid,
.form-select.nc-form-control.is-invalid {
    border-color: var(--nc-danger);
    box-shadow: 0 0 0 0.18rem rgba(217, 75, 89, 0.12);
}

.was-validated .nc-form-control:invalid:focus,
.was-validated .form-control.nc-form-control:invalid:focus,
.was-validated .form-select.nc-form-control:invalid:focus,
.nc-form-control.is-invalid:focus,
.form-control.nc-form-control.is-invalid:focus,
.form-select.nc-form-control.is-invalid:focus {
    border-color: var(--nc-danger);
    box-shadow: 0 0 0 0.22rem rgba(217, 75, 89, 0.16);
}

.was-validated [data-field-wrapper].nc-field-invalid .form-label {
    color: var(--nc-danger);
}

.was-validated [data-field-wrapper].nc-field-invalid .invalid-feedback {
    display: block;
    color: var(--nc-danger);
    font-size: 0.82rem;
    font-weight: 800;
}

.was-validated [data-field-wrapper].nc-field-invalid .nc-form-hint {
    color: var(--nc-danger);
}

.nc-switch .form-check-input {
    border-color: var(--nc-border);
}

.nc-switch .form-check-input:checked {
    background-color: var(--nc-primary);
    border-color: var(--nc-primary);
}

[data-field-name="crear_usuario_acceso"] .nc-switch {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    padding-left: 4.4rem;
}

[data-field-name="crear_usuario_acceso"] .form-check-input {
    flex: 0 0 auto;
    width: 3.5rem;
    height: 2rem;
    margin-top: 0;
    margin-left: -4.4rem;
    cursor: pointer;
}

[data-field-name="crear_usuario_acceso"] .form-check-label {
    margin-left: 0.85rem;
    color: var(--nc-dark);
    cursor: pointer;
    font-size: 1.02rem;
    font-weight: 900;
}

.nc-form-group-box {
    height: 100%;
    padding: 14px;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-form-group-box > span {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--nc-dark);
    font-size: 0.88rem;
    font-weight: 850;
}

.nc-preferences-form,
.nc-preferences-grid {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.nc-preferences-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nc-preference-card {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    min-width: 0;
    padding: 1.25rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-md);
    box-shadow: var(--nc-shadow-sm);
}

.nc-preference-header {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
}

.nc-preference-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 16px;
    font-size: 1.3rem;
}

.nc-preference-header h4 {
    margin-bottom: 0.4rem;
    color: var(--nc-dark);
    line-height: 1.4;
}

.nc-preference-header p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
    line-height: 1.5;
}

.nc-preference-controls {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.nc-preference-switch {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 44px;
    margin: 0;
    padding: 0;
}

.nc-preference-switch .form-check-input {
    float: none;
    flex: 0 0 auto;
    width: 3.5rem;
    height: 2rem;
    margin: 0;
    cursor: pointer;
}

.nc-preference-switch .form-check-input:focus-visible {
    outline: 2px solid var(--nc-primary-dark);
    outline-offset: 3px;
    box-shadow: none;
}

.nc-preference-switch .form-check-label {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    min-height: 44px;
    color: var(--nc-dark);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.4;
    cursor: pointer;
}

.nc-preference-field {
    width: 100%;
    max-width: 24rem;
    min-width: 0;
}

.nc-preference-input-group {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.nc-preference-input-group .nc-form-control {
    min-width: 0;
    border-radius: var(--nc-radius-sm) 0 0 var(--nc-radius-sm);
}

.nc-preference-input-group .nc-form-control:focus {
    position: relative;
    z-index: 1;
}

.nc-preference-unit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 3.25rem;
    padding: 0.5rem 0.75rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-left: 0;
    border-radius: 0 var(--nc-radius-sm) var(--nc-radius-sm) 0;
    font-size: 0.88rem;
    font-weight: 700;
}

.nc-preference-input-group--money .nc-form-control {
    border-radius: 0 var(--nc-radius-sm) var(--nc-radius-sm) 0;
}

.nc-preference-input-group--money .nc-preference-unit {
    border-right: 0;
    border-left: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm) 0 0 var(--nc-radius-sm);
}

.was-validated .nc-preference-input-group:has(:invalid) + .invalid-feedback,
.nc-preference-input-group:has(.is-invalid) + .invalid-feedback {
    display: block;
}

.nc-preference-note {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: auto;
    padding: 0.8rem;
    background: var(--nc-primary-soft);
    border-radius: var(--nc-radius-sm);
}

.nc-preference-note > i {
    flex: 0 0 auto;
    margin-top: 0.2rem;
    color: var(--nc-primary-dark);
}

.nc-preference-note p {
    margin: 0;
    color: var(--nc-dark);
    font-size: 0.86rem;
    line-height: 1.5;
}

.nc-preferences-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
}

#ncPreferencesSaveBtn.nc-btn-needs-save {
    animation: nc-commission-scheme-wave 1.65s ease-out infinite;
}

#ncPreferencesSaveBtn.nc-btn-needs-save::after {
    display: none;
}

#ncPreferencesSaveBtn.nc-btn-needs-save i {
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    #ncPreferencesSaveBtn.nc-btn-needs-save {
        animation: none;
        box-shadow: 0 12px 22px rgba(var(--nc-primary-rgb), 0.3), 0 0 0 3px rgba(var(--nc-primary-rgb), 0.6);
    }
}

@media (max-width: 1199.98px) {
    .nc-preferences-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .nc-preference-card {
        padding: 1rem;
    }

    .nc-preference-header {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 0.7rem;
    }

    .nc-preference-icon {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }

    .nc-preferences-actions .nc-btn {
        width: 100%;
        justify-content: center;
    }
}

.nc-profile-avatar-layout {
    display: grid;
    grid-template-columns: 132px minmax(320px, 1fr);
    align-items: stretch;
    gap: 1rem;
}

.nc-profile-avatar-current {
    display: grid;
    grid-template-rows: 136px auto;
    align-items: center;
    align-content: start;
    justify-items: center;
    gap: 0.8rem;
    min-width: 0;
    padding: 0;
}

.nc-avatar.nc-profile-avatar-preview {
    width: 104px;
    height: 104px;
    flex: 0 0 104px;
    border: 3px solid var(--nc-white);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.16);
    font-size: 1.5rem;
}

.nc-avatar.nc-profile-avatar-preview.has-user-avatar {
    border-width: 3px;
}

.nc-profile-avatar-upload {
    display: grid;
    align-content: start;
    justify-items: end;
    gap: 0.8rem;
    min-width: 0;
}

.nc-profile-avatar-upload .nc-file-dropzone--compact {
    min-height: 136px;
}

.nc-profile-avatar-upload .nc-file-dropzone.is-saving {
    cursor: wait;
    opacity: 0.72;
}

.nc-profile-avatar-save-status {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    color: var(--nc-primary-dark);
    font-size: 0.86rem;
    font-weight: 850;
}

@media (max-width: 991.98px) {
    .nc-profile-avatar-layout {
        grid-template-columns: 1fr;
    }

    .nc-profile-avatar-current {
        justify-self: center;
    }
}

.nc-profile-salary-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.nc-profile-salary-item {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
    padding: 0.75rem;
    background: var(--nc-body);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-profile-salary-item > span {
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 750;
    line-height: 1.25;
}

.nc-profile-salary-item > span i {
    color: var(--nc-primary-dark);
}

.nc-profile-salary-item > strong {
    color: var(--nc-dark);
    font-size: 0.9rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .nc-profile-salary-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .nc-profile-salary-summary {
        grid-template-columns: 1fr;
    }
}

.nc-form-hint {
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-label-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 0.28rem;
    color: var(--nc-primary-dark);
    cursor: help;
    font-size: 0.82rem;
    vertical-align: middle;
}

.nc-label-help:hover,
.nc-label-help:focus {
    color: var(--nc-primary);
    outline: none;
}

.nc-label-help-button {
    padding: 0;
    border: 0;
    background: transparent;
}

.nc-order-service-label {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.5rem;
}

.nc-order-service-label .form-label {
    margin-bottom: 0;
}

.nc-form-section {
    margin-top: 0.75rem;
    padding-top: 0.65rem;
    border-top: 0;
}

.nc-form-section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.nc-form-section-heading {
    display: grid;
    gap: 0.16rem;
    padding: 0.68rem 0.85rem;
    background: linear-gradient(90deg, rgba(var(--nc-primary-soft-rgb), 0.78), rgba(var(--nc-primary-soft-rgb), 0.18));
    border-left: 3px solid rgba(var(--nc-primary-dark-rgb), 0.5);
    border-radius: 10px;
}

.nc-form-section-heading > span {
    display: block;
    color: var(--nc-primary-dark);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
}

.nc-form-section-heading h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.02rem;
    font-weight: 900;
}

.nc-form-section-heading h3 {
    margin: 0;
}

.nc-form-section-heading p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

[data-field-name="section_manicurista_datos"] {
    --nc-form-section-image: url('../img/manicuristas/seccion-datos.webp');
    --nc-form-section-image-position: center 22%;
}

[data-field-name="section_manicurista_acceso"] {
    --nc-form-section-image: url('../img/manicuristas/seccion-acceso.webp');
    --nc-form-section-image-position: center;
}

[data-field-name="section_manicurista_comisiones"] {
    --nc-form-section-image: url('../img/manicuristas/seccion-comisiones.webp');
    --nc-form-section-image-position: center 62%;
}

[data-field-name="section_manicurista_operativa"] {
    --nc-form-section-image: url('../img/manicuristas/seccion-operativa.webp');
    --nc-form-section-image-position: center 54%;
}

#ncAppointmentContextSection {
    --nc-form-section-image: url('../img/citas/seccion-negocio-clienta.webp');
    --nc-form-section-image-position: right center;
}

#ncAppointmentAvailabilitySection {
    --nc-form-section-image: url('../img/citas/seccion-disponibilidad.webp');
    --nc-form-section-image-position: right center;
}

#ncAdvanceSection {
    --nc-form-section-image: url('../img/citas/seccion-anticipo.webp');
    --nc-form-section-image-position: right center;
}

#ncAppointmentNotesSection {
    --nc-form-section-image: url('../img/citas/seccion-notas.webp');
    --nc-form-section-image-position: right center;
}

#ncQuoteBaseSection {
    --nc-form-section-image: url('../img/cotizaciones/seccion-base.webp');
    --nc-form-section-image-position: right center;
}

#ncQuoteClientSection {
    --nc-form-section-image: url('../img/cotizaciones/seccion-clienta.webp');
    --nc-form-section-image-position: right center;
}

#ncQuoteConditionsSection {
    --nc-form-section-image: url('../img/cotizaciones/seccion-condiciones.webp');
    --nc-form-section-image-position: right center;
}

#ncQuoteReferenceSection {
    --nc-form-section-image: url('../img/cotizaciones/seccion-foto-referencia.webp');
    --nc-form-section-image-position: right center;
}

#ncQuoteMessageSection {
    --nc-form-section-image: url('../img/cotizaciones/seccion-mensaje.webp');
    --nc-form-section-image-position: right center;
}

:is(
    [data-field-name="section_manicurista_datos"],
    [data-field-name="section_manicurista_acceso"],
    [data-field-name="section_manicurista_comisiones"],
    [data-field-name="section_manicurista_operativa"],
    .nc-appointment-form-section-visual,
    .nc-quote-form-section-visual
) .nc-form-section-heading {
    position: relative;
    isolation: isolate;
    min-height: 100px;
    align-content: center;
    overflow: hidden;
    padding: 0.9rem 1rem;
    background-color: var(--nc-primary-soft);
    background-image: none;
}

:is(
    [data-field-name="section_manicurista_datos"],
    [data-field-name="section_manicurista_acceso"],
    [data-field-name="section_manicurista_comisiones"],
    [data-field-name="section_manicurista_operativa"],
    .nc-appointment-form-section-visual,
    .nc-quote-form-section-visual
) .nc-form-section-heading::before {
    position: absolute;
    z-index: 0;
    inset: 0 0 0 auto;
    width: min(42%, 400px);
    content: '';
    background-image: var(--nc-form-section-image);
    background-position: var(--nc-form-section-image-position, center);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.56) 12%, #000 30%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.56) 12%, #000 30%);
}

:is(
    [data-field-name="section_manicurista_datos"],
    [data-field-name="section_manicurista_acceso"],
    [data-field-name="section_manicurista_comisiones"],
    [data-field-name="section_manicurista_operativa"],
    .nc-appointment-form-section-visual,
    .nc-quote-form-section-visual
) .nc-form-section-heading::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: '';
    background: linear-gradient(
        90deg,
        rgba(var(--nc-primary-soft-rgb), 0.96) 0%,
        rgba(var(--nc-primary-soft-rgb), 0.86) 45%,
        rgba(var(--nc-primary-soft-rgb), 0.56) 72%,
        rgba(var(--nc-primary-soft-rgb), 0.2) 100%
    );
    pointer-events: none;
}

:is(
    [data-field-name="section_manicurista_datos"],
    [data-field-name="section_manicurista_acceso"],
    [data-field-name="section_manicurista_comisiones"],
    [data-field-name="section_manicurista_operativa"],
    .nc-appointment-form-section-visual,
    .nc-quote-form-section-visual
) .nc-form-section-heading > * {
    position: relative;
    z-index: 2;
    max-width: 58%;
}

.nc-quote-form-section-visual .nc-form-section-heading {
    margin-bottom: 1.05rem;
}

@media (max-width: 575.98px) {
    :is(
        [data-field-name="section_manicurista_datos"],
        [data-field-name="section_manicurista_acceso"],
        [data-field-name="section_manicurista_comisiones"],
        [data-field-name="section_manicurista_operativa"],
        .nc-appointment-form-section-visual,
        .nc-quote-form-section-visual
    ) .nc-form-section-heading {
        min-height: 100px;
    }

    :is(
        [data-field-name="section_manicurista_datos"],
        [data-field-name="section_manicurista_acceso"],
        [data-field-name="section_manicurista_comisiones"],
        [data-field-name="section_manicurista_operativa"],
        .nc-appointment-form-section-visual,
        .nc-quote-form-section-visual
    ) .nc-form-section-heading::before {
        width: min(48%, 230px);
    }

    :is(
        [data-field-name="section_manicurista_datos"],
        [data-field-name="section_manicurista_acceso"],
        [data-field-name="section_manicurista_comisiones"],
        [data-field-name="section_manicurista_operativa"],
        .nc-appointment-form-section-visual,
        .nc-quote-form-section-visual
    ) .nc-form-section-heading > * {
        max-width: 64%;
    }
}

.nc-optional-label {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-toggle-row {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    cursor: pointer;
}

.nc-toggle-row input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
}

.nc-toggle-row .nc-switch {
    position: relative;
    flex: 0 0 auto;
    width: 42px;
    height: 24px;
    background: #f4edf1;
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.nc-toggle-row .nc-switch::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    background: #c8c0c5;
    border-radius: 50%;
    content: "";
    transition: transform 0.18s ease, background-color 0.18s ease;
}

.nc-toggle-row input:checked + .nc-switch {
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-toggle-row input:checked + .nc-switch::after {
    background: var(--nc-white);
    transform: translateX(18px);
}

.nc-toggle-row input:disabled + .nc-switch {
    cursor: not-allowed;
    opacity: 0.75;
}

.nc-toggle-row-card {
    width: 100%;
    min-height: 58px;
    padding: 0.65rem 0.8rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-toggle-row-card strong,
.nc-toggle-row-card small {
    display: block;
}

.nc-toggle-row-card strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-toggle-row-card small {
    margin-top: 0.1rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    line-height: 1.25;
}

.nc-toggle-row.is-saving,
.form-check.is-saving {
    cursor: wait;
}

.nc-toggle-row-card.is-saving {
    border-color: var(--nc-primary);
    opacity: 0.74;
}

.nc-toggle-saving {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    color: var(--nc-primary-dark);
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.nc-toggle-row .nc-toggle-saving {
    margin-left: auto;
}

.form-check .nc-toggle-saving {
    margin-left: 0.45rem;
}

.nc-online-reservations-card .nc-card-header {
    align-items: flex-start;
}

.nc-online-reservations-card .nc-card-header p {
    max-width: 760px;
    margin: 0.35rem 0 0;
}

.nc-online-reservations-status {
    flex: 0 0 auto;
}

.nc-online-reservations-toggle-row {
    margin-top: 0.2rem;
}

.nc-online-reservations-note {
    max-width: 860px;
    margin: 0.75rem 0 0;
    line-height: 1.42;
}

.nc-online-reservations-card.is-saving .nc-toggle-row-card {
    opacity: 0.72;
}

.nc-online-reservations-loading {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 82px;
    color: var(--nc-muted);
}

.nc-online-reservations-loading .spinner-border {
    flex: 0 0 auto;
    color: var(--nc-primary-dark);
}

.nc-online-reservations-loading strong,
.nc-online-reservations-loading p {
    display: block;
    margin: 0;
}

.nc-online-reservations-loading strong {
    color: var(--nc-dark);
}

.nc-online-reservations-loading p {
    margin-top: 0.14rem;
    font-size: 0.86rem;
}

.nc-field-loading-text {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
}

.nc-field-loading-text .spinner-border {
    width: 0.8rem;
    height: 0.8rem;
    color: var(--nc-primary-dark);
    border-width: 0.12em;
}

.nc-control-loading {
    background-color: var(--nc-primary-soft);
}

.nc-modal .ts-wrapper.single .ts-control {
    min-height: 44px;
    padding: 0.62rem 0.88rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    box-shadow: none;
}

.nc-modal .ts-wrapper.focus .ts-control {
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 0.18rem rgba(var(--nc-primary-rgb), 0.14);
}

.nc-modal .ts-wrapper.is-invalid .ts-control {
    border-color: var(--bs-danger);
    box-shadow: 0 0 0 0.16rem rgba(220, 53, 69, 0.1);
}

.ts-dropdown {
    z-index: 1065;
    color: var(--nc-dark);
    border-color: var(--nc-border);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(41, 37, 42, 0.12);
}

.ts-dropdown .active {
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
}

.nc-ts-option {
    display: grid;
    gap: 0.16rem;
    padding: 0.15rem 0;
}

.nc-ts-option strong {
    font-weight: 800;
}

.nc-ts-option span,
.nc-ts-empty {
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.ts-wrapper.single.has-items:not(.dropdown-active) .ts-control > input {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    opacity: 0;
    caret-color: transparent;
}

.nc-price-mode {
    padding: 14px;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-price-mode-heading {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.nc-help-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    cursor: help;
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-price-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 0.7rem;
    margin-top: 0.75rem;
}

.nc-checkbox-option-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.65rem;
}

.nc-checkbox-option {
    position: relative;
}

.nc-checkbox-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.nc-checkbox-option label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin: 0;
    padding: 0.45rem 0.35rem;
    border: 1px solid var(--nc-border);
    border-radius: 8px;
    background: var(--nc-white);
    color: var(--nc-dark);
    cursor: pointer;
    font-size: 0.84rem;
    font-weight: 800;
    text-align: center;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.nc-checkbox-option input:focus-visible + label {
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 3px rgba(var(--nc-primary-rgb), 0.16);
}

.nc-checkbox-option input:checked + label {
    border-color: var(--nc-primary);
    background: var(--nc-primary-soft);
    box-shadow: 0 0 0 2px rgba(var(--nc-primary-rgb), 0.12);
    color: var(--nc-primary-dark);
}

.nc-field-invalid .nc-checkbox-option-grid label {
    border-color: var(--nc-danger);
}

.nc-field-invalid .nc-checkbox-option-grid input:checked + label {
    border-color: var(--nc-primary);
}

.nc-checkbox-group-value {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    padding: 0;
}

.nc-price-choice-grid input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.nc-price-choice {
    display: block;
    min-height: 82px;
    margin: 0;
    padding: 0.75rem 0.9rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.18s ease;
}

.nc-price-choice strong,
.nc-price-choice small {
    display: block;
}

.nc-price-choice strong {
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 900;
}

.nc-price-choice small {
    margin-top: 0.25rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.nc-price-choice-grid input:checked + .nc-price-choice {
    background: var(--nc-white);
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 3px rgba(var(--nc-primary-rgb), 0.14);
}

.nc-price-choice-grid input:checked + .nc-price-choice strong {
    color: var(--nc-primary-dark);
}

.nc-appointment-advance-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nc-appointment-advance-options > span {
    display: contents;
}

.nc-appointment-advance-options input:disabled + .nc-price-choice {
    cursor: not-allowed;
    opacity: 0.55;
}

.nc-schedule-advance-amount {
    max-width: 320px;
    margin-top: 0.85rem;
}

.nc-price-amount-row {
    display: grid;
    grid-template-columns: minmax(140px, max-content) minmax(140px, 220px);
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.9rem;
}

.nc-price-amount-row .nc-form-control {
    max-width: 220px;
}

.nc-schedule-builder {
    display: grid;
    gap: 0.9rem;
}

.nc-schedule-builder-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0.95rem;
    background: linear-gradient(90deg, rgba(var(--nc-primary-soft-rgb), 0.86), rgba(var(--nc-primary-soft-rgb), 0.24));
    border: 1px solid var(--nc-border);
    border-left: 3px solid rgba(var(--nc-primary-dark-rgb), 0.5);
    border-radius: 12px;
}

.nc-schedule-builder-head h4 {
    margin: 0.15rem 0 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-schedule-builder-head p {
    max-width: 660px;
    margin: 0.25rem 0 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
    line-height: 1.42;
}

.nc-schedule-days {
    display: grid;
    gap: 0.65rem;
}

.nc-schedule-day-row {
    display: grid;
    gap: 0.75rem;
    padding: 0.82rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.nc-schedule-day-row-open {
    border-color: rgba(var(--nc-primary-dark-rgb), 0.46);
    box-shadow: 0 10px 24px rgba(41, 37, 42, 0.04);
}

.nc-schedule-day-row-muted {
    background: var(--nc-surface-soft);
    opacity: 0.7;
}

.nc-schedule-day-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    cursor: pointer;
}

.nc-schedule-day-summary input,
.nc-schedule-day-summary label {
    cursor: auto;
}

.nc-schedule-day-summary button {
    cursor: pointer;
}

.nc-schedule-day-name {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.nc-schedule-day-name .form-check {
    display: flex;
    align-items: center;
    gap: 0.68rem;
    min-height: 38px;
    padding-left: 0;
    margin: 0;
}

.nc-schedule-day-name .form-switch .form-check-input {
    flex: 0 0 auto;
    width: 2.7rem;
    height: 1.42rem;
    margin-top: 0;
    margin-left: 0;
}

.nc-schedule-day-name .form-check-label {
    color: var(--nc-dark);
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.1;
}

.nc-schedule-day-name [data-schedule-summary-text] {
    display: block;
    margin-left: 3.38rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    line-height: 1.25;
}

.nc-schedule-day-body {
    display: grid;
    gap: 0.75rem;
}

.nc-schedule-day-settings {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 0.75rem;
}

.nc-schedule-control {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    margin: 0;
}

.nc-schedule-control span {
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 850;
}

.nc-schedule-control .nc-form-control {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    border-radius: 12px;
}

.nc-schedule-break {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(120px, max-content) minmax(240px, 320px);
    align-items: center;
    gap: 0.35rem;
    padding: 0.7rem 0.8rem;
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 12px;
}

.nc-schedule-break .form-check {
    min-height: 20px;
    margin: 0;
}

.nc-schedule-break-times {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.nc-schedule-break-times .nc-form-control {
    min-width: 0;
}

.nc-schedule-break-times span {
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 850;
}

.nc-schedule-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0;
}

.nc-schedule-row-actions .nc-badge,
.nc-schedule-row-actions .nc-btn {
    white-space: nowrap;
}

.nc-schedule-accordion-toggle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: none;
}

.nc-schedule-detail {
    display: grid;
    gap: 0.65rem;
    padding: 0.8rem;
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 12px;
}

.nc-schedule-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.nc-schedule-detail-head strong {
    color: var(--nc-dark);
    font-size: 0.9rem;
    font-weight: 900;
}

.nc-schedule-detail-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.nc-schedule-slot-list {
    display: grid;
    grid-template-columns: minmax(0, 346px);
    justify-content: start;
    gap: 0.55rem;
}

.nc-schedule-slot-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-schedule-slot-row .nc-form-control {
    min-height: 36px;
    border-radius: 10px;
}

.nc-schedule-slot-row .nc-icon-btn {
    width: 36px;
    height: 36px;
    border-radius: 12px;
}

.nc-schedule-slot-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 900;
}

.nc-schedule-slot-empty {
    padding: 0.8rem;
    color: var(--nc-muted);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    font-size: 0.88rem;
}

.nc-schedule-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0.95rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 14px;
}

.nc-schedule-summary strong {
    color: var(--nc-primary-dark);
    font-weight: 900;
}

.nc-schedule-summary span {
    font-size: 0.86rem;
}

.form-check-input:checked {
    background-color: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-advance-client-privilege {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1.1rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-md);
}

.nc-advance-client-privilege-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 1.75rem;
}

.nc-advance-client-privilege-copy {
    min-width: 0;
    padding-left: 1rem;
    border-left: 1px solid rgba(var(--nc-primary-rgb), 0.25);
}

.nc-advance-client-privilege-copy strong {
    display: block;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.45;
}

.nc-advance-client-privilege-copy p {
    margin: 0.3rem 0 0;
    color: var(--nc-dark);
    font-size: 0.88rem;
    line-height: 1.6;
}

@media (max-width: 575.98px) {
    .nc-advance-client-privilege {
        grid-template-columns: 28px minmax(0, 1fr);
        align-items: start;
        gap: 0.65rem;
        padding: 0.85rem;
    }

    .nc-advance-client-privilege-icon {
        width: 28px;
        height: 28px;
        font-size: 1.4rem;
    }

    .nc-advance-client-privilege-copy {
        padding-left: 0;
        border-left: 0;
    }
}

/* Alerts */
.nc-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border: 1px solid transparent;
    border-radius: 16px;
}

.nc-alert > i:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    min-width: 1.1rem;
    margin-top: 0.12rem;
    line-height: 1;
}

.nc-alert strong {
    display: block;
    line-height: 1.2;
}

.nc-alert p {
    margin: 0.2rem 0 0;
}

.nc-alert-info {
    color: var(--nc-info);
    background: var(--nc-info-soft);
    border-color: rgba(58, 124, 165, 0.20);
}

.nc-alert-success {
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.20);
}

.nc-alert-warning {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border-color: rgba(201, 133, 24, 0.20);
}

.nc-alert-danger {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
    border-color: rgba(217, 75, 89, 0.20);
}

/* Onboarding */
.nc-onboarding-shell {
    display: grid;
    gap: 1.5rem;
}

.nc-onboarding-main,
.nc-onboarding-main .nc-content {
    background: #fff;
}

.nc-onboarding-hero {
    position: relative;
    min-height: 390px;
    border: 1px solid var(--nc-border);
    border-radius: 24px;
    background-color: #f9e4e3;
    background-image: url('../img/onboarding/fondo-salon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 16px 36px rgba(86, 45, 63, 0.08);
    overflow: hidden;
}

.nc-onboarding-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 250, 253, 0.9) 39%, rgba(255, 250, 253, 0.42) 64%, rgba(255, 250, 253, 0.04) 82%);
}

.nc-onboarding-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: min(56%, 690px);
    min-height: 390px;
    padding: clamp(2rem, 4vw, 4.15rem);
}

.nc-onboarding-hero .nc-section-kicker {
    margin-bottom: 1.1rem;
}

.nc-onboarding-hero h3 {
    max-width: 530px;
    margin: 0;
    color: var(--nc-dark);
    font-size: clamp(2rem, 3vw, 3.35rem);
    line-height: 1.08;
}

.nc-onboarding-hero h3 span {
    color: var(--nc-primary);
}

.nc-onboarding-hero p {
    max-width: 450px;
    margin: 1rem 0 0;
    color: var(--nc-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.nc-onboarding-hero-actions {
    margin-top: 1.75rem;
}

.nc-onboarding-hero-actions .nc-btn {
    min-width: 230px;
}

.nc-onboarding-hero-security {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 2.4rem !important;
    color: var(--nc-muted) !important;
    font-size: 0.84rem !important;
}

.nc-onboarding-hero-security i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    color: var(--nc-primary-dark);
    background: #fff;
}

.nc-onboarding-progress-card {
    position: absolute;
    right: 28px;
    bottom: 28px;
    z-index: 3;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem 1rem;
    width: min(355px, calc(100% - 56px));
    padding: 1.15rem 1.25rem;
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 32px rgba(86, 45, 63, 0.16);
    backdrop-filter: blur(8px);
}

.nc-onboarding-progress-card > p {
    grid-column: 1 / -1;
    max-width: none;
    margin: 0;
    color: var(--nc-dark);
    font-size: 0.85rem;
    font-weight: 800;
}

.nc-onboarding-progress-ring {
    position: relative;
    display: grid;
    width: 104px;
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--nc-primary) calc(var(--nc-onboarding-progress, 0) * 1%), #f2e8ed 0);
}

.nc-onboarding-progress-ring::before {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: inherit;
    background: #fff;
}

.nc-onboarding-progress-ring > div {
    position: relative;
    z-index: 1;
    display: grid;
    text-align: center;
}

.nc-onboarding-progress-ring strong {
    color: var(--nc-primary);
    font-size: 1.6rem;
    line-height: 1;
}

.nc-onboarding-progress-ring span {
    margin-top: 0.2rem;
    color: var(--nc-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.nc-onboarding-progress-copy {
    display: grid;
    gap: 0.35rem;
}

.nc-onboarding-progress-copy strong {
    color: var(--nc-primary-dark);
    font-size: 0.96rem;
}

.nc-onboarding-progress-copy span {
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.nc-onboarding-steps-section {
    padding: 0.35rem 1.5rem 0;
}

.nc-onboarding-steps-section > h3,
.nc-onboarding-benefits-card h3,
.nc-onboarding-help-card h3 {
    margin: 0.35rem 0 0;
    color: var(--nc-dark);
    font-size: 1.2rem;
}

.nc-onboarding-steps-section > p {
    margin: 0.35rem 0 1.7rem;
    color: var(--nc-muted);
}

.nc-onboarding-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.15rem;
}

.nc-onboarding-step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 248px;
    padding: 2.1rem 1.15rem 1.25rem;
    border: 1px solid #e8e3e6;
    border-radius: 18px;
    background: #fff;
    text-align: center;
}

.nc-onboarding-step:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: calc(100% + 1px);
    width: calc(1.15rem - 2px);
    border-top: 2px dashed rgba(var(--nc-primary-rgb), 0.55);
    transform: translateY(-50%);
}

.nc-onboarding-step.is-current {
    background: #fff;
    border-color: var(--nc-primary);
    box-shadow: 0 12px 26px rgba(var(--nc-primary-rgb), 0.15);
}

.nc-onboarding-step-number {
    position: absolute;
    z-index: 2;
    top: -13px;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #e9e6e9;
    color: var(--nc-dark);
    font-size: 0.76rem;
    font-weight: 850;
    transform: translateX(-50%);
}

.nc-onboarding-step.is-current .nc-onboarding-step-number {
    background: var(--nc-primary);
    color: #fff;
}

.nc-onboarding-step-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 0.85rem;
    border: 1px solid var(--nc-border);
    border-radius: 17px;
    background: #f1eff1;
    color: var(--nc-muted);
    font-size: 1.25rem;
}

.nc-onboarding-step.is-current .nc-onboarding-step-icon {
    background: var(--nc-primary-soft);
    color: var(--nc-primary-dark);
}

.nc-onboarding-step-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-bottom: 0.45rem;
}

.nc-onboarding-step-body {
    display: contents;
}

.nc-onboarding-step h4 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
}

.nc-onboarding-step p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.nc-onboarding-step small {
    display: block;
    margin-top: 0.55rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1.4;
}

.nc-onboarding-step .nc-badge {
    margin-top: 0.9rem;
}

.nc-onboarding-step-status-mobile {
    display: none;
}

.nc-onboarding-step-action {
    width: 100%;
    margin-top: auto;
    padding-top: 1rem;
}

.nc-onboarding-step-action .nc-btn {
    width: 100%;
}

.nc-onboarding-steps-ready {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    justify-content: center;
    min-height: 145px;
    padding: 1.35rem;
    border: 1px solid #bbf7d0;
    border-radius: 18px;
    background: #f0fdf4;
}

.nc-onboarding-steps-ready > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #dcfce7;
    color: #15803d;
}

.nc-onboarding-steps-ready strong,
.nc-onboarding-steps-ready p {
    display: block;
}

.nc-onboarding-steps-ready strong {
    color: #166534;
}

.nc-onboarding-steps-ready p {
    margin: 0.2rem 0 0;
    color: #3f7b54;
}

.nc-onboarding-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(275px, 0.85fr);
    gap: 1.25rem;
    align-items: stretch;
}

.nc-onboarding-benefits-card,
.nc-onboarding-help-card {
    padding: 1.5rem;
}

.nc-onboarding-benefits-card {
    position: relative;
    overflow: hidden;
}

.nc-onboarding-benefits-card > :not(.nc-onboarding-benefits-decoration) {
    position: relative;
    z-index: 1;
}

.nc-onboarding-benefits-decoration {
    position: absolute;
    right: -18px;
    bottom: -20px;
    color: rgba(var(--nc-primary-rgb), 0.1);
    font-size: 8.5rem;
    transform: rotate(-18deg);
}

.nc-onboarding-benefits-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 1.35rem;
}

.nc-onboarding-benefits-list > div {
    padding: 0 1.1rem;
    border-left: 1px solid rgba(var(--nc-border-rgb), 0.85);
}

.nc-onboarding-benefits-list > div:first-child {
    padding-left: 0;
    border-left: 0;
}

.nc-onboarding-benefits-list > div:last-child {
    padding-right: 0;
}

.nc-onboarding-benefits-list > div > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 0.65rem;
    border-radius: 15px;
    background: var(--nc-primary-soft);
    color: var(--nc-primary-dark);
    font-size: 1.05rem;
}

.nc-onboarding-benefits-list strong,
.nc-onboarding-benefits-list p {
    display: block;
}

.nc-onboarding-benefits-list strong {
    color: var(--nc-dark);
    font-size: 0.9rem;
}

.nc-onboarding-benefits-list p {
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

.nc-onboarding-help-card {
    display: flex;
    flex-direction: column;
    border-color: rgba(var(--nc-primary-rgb), 0.2);
    background: linear-gradient(135deg, #fff9fc 0%, #ffe5ef 52%, #fbd3e2 100%);
    color: inherit;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.nc-onboarding-help-card:hover {
    border-color: var(--nc-primary);
    box-shadow: 0 12px 24px rgba(var(--nc-primary-rgb), 0.13);
    color: inherit;
    transform: translateY(-2px);
}

.nc-onboarding-help-card p {
    margin: 0.55rem 0 1.2rem;
    color: var(--nc-muted);
    line-height: 1.5;
}

.nc-onboarding-help-action {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.75rem;
    color: var(--nc-primary-dark);
    font-size: 0.86rem;
    font-weight: 800;
}

.nc-onboarding-help-conversation {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: auto;
}

.nc-onboarding-help-avatar {
    position: relative;
    z-index: 1;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 2px solid var(--nc-primary);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 7px 16px rgba(143, 57, 88, 0.14);
    overflow: hidden;
}

.nc-onboarding-help-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 25%;
}

.nc-onboarding-help-message {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 18px rgba(143, 57, 88, 0.1);
    color: var(--nc-dark);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.35;
}

.nc-onboarding-help-message::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    width: 16px;
    height: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.82);
    border-left: 1px solid rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.88);
    transform: translateY(-50%) rotate(45deg);
}

.nc-onboarding-help-message > i {
    position: relative;
    z-index: 1;
    color: var(--nc-primary);
    font-size: 1rem;
}

@media (max-width: 1199.98px) {
    .nc-onboarding-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 1.7rem;
    }

    .nc-onboarding-step:nth-child(2n)::after {
        display: none;
    }

    .nc-onboarding-bottom-grid {
        grid-template-columns: 1fr;
    }

    .nc-onboarding-help-card {
        min-height: 190px;
    }
}

@media (max-width: 991.98px) {
    .nc-onboarding-hero {
        min-height: 0;
        background-position: 63% center;
    }

    .nc-onboarding-hero::before {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 250, 253, 0.88) 65%, rgba(255, 250, 253, 0.54) 100%);
    }

    .nc-onboarding-hero-content {
        width: min(78%, 690px);
        min-height: 340px;
    }

    .nc-onboarding-progress-card {
        position: relative;
        right: auto;
        bottom: auto;
        justify-self: center;
        width: min(440px, calc(100% - 2rem));
        margin: -1.5rem auto 1.25rem;
    }
}

@media (max-width: 767.98px) {
    .nc-onboarding-steps-section {
        padding-right: 0;
        padding-left: 0;
    }

    .nc-onboarding-hero-content {
        width: 100%;
        min-height: 0;
        padding: 2rem 1.35rem;
    }

    .nc-onboarding-hero h3 {
        font-size: 2.2rem;
    }

    .nc-onboarding-hero-actions,
    .nc-onboarding-hero-actions .nc-btn {
        width: 100%;
    }

    .nc-onboarding-step {
        min-height: 0;
    }

    .nc-onboarding-step-grid {
        grid-template-columns: 1fr;
        gap: 0.8rem;
        padding-left: 2.75rem;
    }

    .nc-onboarding-step {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) auto auto;
        grid-template-rows: auto;
        align-items: center;
        min-height: 112px;
        padding: 1rem;
        text-align: left;
    }

    .nc-onboarding-step:not(:last-child)::after {
        top: 3.45rem;
        right: auto;
        bottom: -1.8rem;
        left: -1.65rem;
        width: 0;
        height: auto;
        border-top: 0;
        border-left: 2px dashed rgba(var(--nc-primary-rgb), 0.55);
        transform: none;
    }

    .nc-onboarding-step:nth-child(2n)::after {
        display: block;
    }

    .nc-onboarding-step-number {
        top: 1.15rem;
        left: -2.75rem;
        width: 38px;
        height: 38px;
        font-size: 0.9rem;
        transform: none;
    }

    .nc-onboarding-step-icon {
        grid-column: 1;
        grid-row: 1;
        width: 48px;
        height: 48px;
        margin: 0;
        border-radius: 15px;
    }

    .nc-onboarding-step-body {
        display: block;
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        padding: 0 0.7rem;
    }

    .nc-onboarding-step-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        margin: 0 0 0.2rem;
    }

    .nc-onboarding-step h4 {
        font-size: 0.98rem;
    }

    .nc-onboarding-step p {
        font-size: 0.8rem;
    }

    .nc-onboarding-step small {
        margin-top: 0.3rem;
    }

    .nc-onboarding-step .nc-badge {
        margin: 0;
        white-space: nowrap;
    }

    .nc-onboarding-step-status-desktop {
        display: none;
    }

    .nc-onboarding-step-status-mobile {
        display: inline-flex;
    }

    .nc-onboarding-step-action {
        grid-column: 4;
        grid-row: 1;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .nc-onboarding-step-action .nc-btn {
        width: auto;
        white-space: nowrap;
    }

    .nc-onboarding-benefits-list {
        grid-template-columns: 1fr;
        gap: 1.1rem;
    }

    .nc-onboarding-benefits-card {
        display: none;
    }

    .nc-onboarding-benefits-list > div,
    .nc-onboarding-benefits-list > div:first-child,
    .nc-onboarding-benefits-list > div:last-child {
        padding: 0 0 1.1rem;
        border: 0;
        border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.85);
    }

    .nc-onboarding-benefits-list > div:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .nc-onboarding-benefits-decoration {
        font-size: 6.5rem;
    }
}

@media (max-width: 520px) {
    .nc-onboarding-step {
        grid-template-columns: 46px minmax(0, 1fr) auto;
    }

    .nc-onboarding-step-action {
        grid-column: 2 / -1;
        grid-row: 2;
        width: 100%;
        margin-top: 0.75rem;
    }

    .nc-onboarding-step-body {
        grid-column: 2 / -1;
    }

    .nc-onboarding-step-action .nc-btn {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) and (orientation: portrait) {
    .nc-onboarding-step-grid {
        grid-template-columns: 1fr;
        gap: 0.8rem;
        padding-left: 2.75rem;
    }

    .nc-onboarding-step {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) auto auto;
        grid-template-rows: auto;
        align-items: center;
        min-height: 112px;
        padding: 1rem;
        text-align: left;
    }

    .nc-onboarding-step:not(:last-child)::after {
        top: 3.45rem;
        right: auto;
        bottom: -1.8rem;
        left: -1.65rem;
        width: 0;
        height: auto;
        border-top: 0;
        border-left: 2px dashed rgba(var(--nc-primary-rgb), 0.55);
        transform: none;
    }

    .nc-onboarding-step:nth-child(2n)::after {
        display: block;
    }

    .nc-onboarding-step-number {
        top: 1.15rem;
        left: -2.75rem;
        width: 38px;
        height: 38px;
        font-size: 0.9rem;
        transform: none;
    }

    .nc-onboarding-step-icon {
        grid-column: 1;
        grid-row: 1;
        width: 48px;
        height: 48px;
        margin: 0;
        border-radius: 15px;
    }

    .nc-onboarding-step-body {
        display: block;
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        padding: 0 0.7rem;
    }

    .nc-onboarding-step-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        margin: 0 0 0.2rem;
    }

    .nc-onboarding-step h4 {
        font-size: 0.98rem;
    }

    .nc-onboarding-step p {
        font-size: 0.8rem;
    }

    .nc-onboarding-step small {
        margin-top: 0.3rem;
    }

    .nc-onboarding-step .nc-badge {
        margin: 0;
        white-space: nowrap;
    }

    .nc-onboarding-step-status-desktop {
        display: none;
    }

    .nc-onboarding-step-status-mobile {
        display: inline-flex;
    }

    .nc-onboarding-step-action {
        grid-column: 4;
        grid-row: 1;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .nc-onboarding-step-action .nc-btn {
        width: auto;
        white-space: nowrap;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) and (orientation: landscape) {
    .nc-onboarding-step-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 1.15rem;
    }

    .nc-onboarding-bottom-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.9fr);
    }

    .nc-onboarding-step:nth-child(n + 4) {
        display: none;
    }

    .nc-onboarding-step:nth-child(2n)::after {
        display: block;
    }

    .nc-onboarding-step:nth-child(3n)::after {
        display: none;
    }
}

@media (max-width: 479.98px) {
    .nc-onboarding-progress-card {
        grid-template-columns: 86px minmax(0, 1fr);
        width: calc(100% - 1.25rem);
        padding: 1rem;
    }

    .nc-onboarding-progress-ring {
        width: 84px;
    }

    .nc-onboarding-progress-ring strong {
        font-size: 1.35rem;
    }
}

.nc-dependency-alert {
    padding: 0.9rem 1rem;
}

.nc-dependency-alert strong {
    display: block;
    margin-bottom: 0.2rem;
}

.nc-dependency-alert p {
    margin: 0 0 0.35rem;
    color: var(--nc-dark);
}

/* Tables */
.nc-table {
    margin-bottom: 0;
}

.nc-table thead th {
    color: var(--nc-muted);
    background: var(--nc-primary-soft);
    border-bottom: 1px solid var(--nc-border);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.nc-table tbody td {
    padding: 1rem 0.75rem;
    border-color: rgba(var(--nc-border-rgb), 0.75);
}

.nc-table-user {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.nc-table-user strong,
.nc-table-user small {
    display: block;
}

.nc-table-user small {
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-table-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-manicurista-contacto {
    display: grid;
    gap: 0.28rem;
    min-width: 11rem;
}

.nc-manicurista-contacto span {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.3;
}

.nc-manicurista-contacto i {
    width: 0.8rem;
    color: var(--nc-primary);
    text-align: center;
}

.nc-manicurista-negocios {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 12rem;
}

.nc-manicurista-negocio-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    max-width: 15rem;
    padding: 0.25rem 0.48rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 750;
    line-height: 1.2;
}

.nc-manicurista-negocio-tag i {
    flex: 0 0 auto;
    color: var(--nc-primary-dark);
}

.nc-crud-row-actions-inline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-crud-row-actions-dropdown {
    display: none;
}

.nc-crud-action-menu {
    min-width: 180px;
}

.nc-crud-action-menu.nc-dropdown-floating {
    position: fixed !important;
    z-index: 1085;
    margin: 0 !important;
    transform: none !important;
}

.nc-crud-action-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    font-weight: 850;
}

.nc-crud-action-menu .dropdown-item i {
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-crud-action-menu .dropdown-item.text-danger i {
    color: var(--nc-danger);
}

.nc-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    color: var(--nc-muted);
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-table-footer .nc-pagination {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.nc-pagination .page-link {
    color: var(--nc-primary-dark);
    border-color: var(--nc-border);
    border-radius: 999px;
}

.nc-pagination .page-item {
    margin: 0 0.1rem;
}

.nc-pagination .page-item.active .page-link {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

/* Avatars */
.nc-avatar,
.nc-avatar-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border-radius: 50%;
    font-weight: 900;
}

.nc-avatar {
    width: 46px;
    height: 46px;
    font-size: 0.86rem;
}

.nc-avatar-sm {
    width: 36px;
    height: 36px;
    font-size: 0.72rem;
}

.nc-avatar img {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.nc-avatar.has-panel-logo,
.nc-avatar.has-user-avatar {
    overflow: hidden;
    color: transparent;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
}

.nc-avatar.has-panel-logo [data-nc-user-initials],
.nc-avatar.has-user-avatar [data-nc-user-initials] {
    display: none;
}

.nc-avatar.has-panel-logo img,
.nc-avatar.has-user-avatar img {
    display: block;
}

.nc-avatar-stack {
    display: flex;
    align-items: center;
}

.nc-avatar-stack .nc-avatar {
    border: 2px solid var(--nc-white);
}

.nc-avatar-stack .nc-avatar + .nc-avatar {
    margin-left: -10px;
}

/* Progress */
.nc-progress-list {
    display: grid;
    gap: 1.15rem;
}

.nc-progress-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.45rem;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-progress-label strong {
    color: var(--nc-dark);
}

.nc-progress {
    height: 10px;
    background: var(--nc-primary-soft);
    border-radius: 999px;
}

.nc-progress .progress-bar {
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border-radius: 999px;
}

/* Tabs */
.nc-tabs {
    gap: 0.45rem;
}

.nc-tabs .nav-link {
    color: var(--nc-muted);
    border-radius: 999px;
    font-weight: 800;
}

.nc-tabs .nav-link.active {
    color: var(--nc-white);
    background: var(--nc-primary);
}

.nc-tab-content {
    min-height: 150px;
    padding: 18px;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-tab-content h4 {
    margin-bottom: 0.4rem;
    font-weight: 850;
}

.nc-tab-content p {
    margin: 0;
    color: var(--nc-muted);
}

/* Empty states */
.nc-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 310px;
    padding: 34px 24px;
    text-align: center;
}

.nc-empty-state-sm {
    min-height: 220px;
    box-shadow: none;
}

.nc-empty-state-standalone {
    margin-top: 1rem;
    border-style: dashed;
}

.nc-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 1rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 28px;
    font-size: 1.6rem;
}

.nc-empty-state h2,
.nc-empty-state h3 {
    margin-bottom: 0.55rem;
    font-weight: 900;
}

.nc-empty-state p {
    max-width: 450px;
    color: var(--nc-muted);
}

.nc-restricted-state-character {
    display: block;
    width: min(185px, 56vw);
    height: auto;
    margin: 0 auto 0.65rem;
    object-fit: contain;
}

.nc-restricted-state h3 {
    margin-top: 0;
}

/* Modal and callouts */
.modal {
    /* Usa una altura segura para no ocultar las acciones tras las barras del navegador. */
    --nc-modal-safe-height: calc(var(--nc-visible-viewport-height) - (var(--bs-modal-margin, 1rem) * 2));
}

.nc-modal {
    border: 1px solid var(--nc-border);
    border-radius: 24px;
    box-shadow: var(--nc-shadow-md);
}

.modal-dialog-scrollable {
    height: var(--nc-modal-safe-height);
    max-height: var(--nc-modal-safe-height);
}

.modal-dialog .nc-modal {
    display: flex;
    flex-direction: column;
    max-height: var(--nc-modal-safe-height);
    overflow: hidden;
}

.nc-modal > form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: var(--nc-modal-safe-height);
    min-height: 0;
}

.nc-modal .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.nc-modal .modal-header,
.nc-modal .modal-footer {
    flex: 0 0 auto;
    border-color: var(--nc-border);
}

.nc-modal .modal-footer {
    background: var(--nc-white);
}

.nc-modal .modal-title {
    font-weight: 900;
}

@media (max-width: 767.98px) {
    .modal {
        --bs-modal-margin: 0.65rem;
        --nc-modal-mobile-height: var(--nc-modal-safe-height);
    }

    .modal.show {
        top: var(--nc-visible-viewport-top);
        height: var(--nc-visible-viewport-height);
        max-height: var(--nc-visible-viewport-height);
        overflow: hidden;
        overscroll-behavior: none;
    }

    html.nc-virtual-keyboard-open .offcanvas.show {
        top: var(--nc-visible-viewport-top);
        bottom: auto;
        height: var(--nc-visible-viewport-height);
        max-height: var(--nc-visible-viewport-height);
        overflow: hidden;
        overscroll-behavior: none;
    }

    html.nc-virtual-keyboard-open .offcanvas.show .offcanvas-body {
        min-height: 0;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .modal-dialog {
        margin: var(--bs-modal-margin);
    }

    .modal-dialog-scrollable {
        height: var(--nc-modal-mobile-height);
        max-height: var(--nc-modal-mobile-height);
    }

    .modal-dialog-scrollable .nc-modal {
        max-height: var(--nc-modal-mobile-height);
    }

    .nc-modal {
        border-radius: 20px;
    }

    .nc-modal > form {
        max-height: var(--nc-modal-mobile-height);
    }

    .nc-modal .modal-header {
        padding: 1rem 1rem 0.9rem;
    }

    .nc-modal .modal-body {
        padding: 1rem;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .nc-modal .modal-footer {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        padding: 0.85rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.94), var(--nc-white));
    }

    .nc-modal .modal-footer > * {
        width: 100%;
        min-width: 0;
        margin: 0;
        justify-content: center;
        white-space: normal;
    }

    .nc-modal .modal-footer > :only-child {
        grid-column: 1 / -1;
    }

    .nc-modal .modal-footer > :nth-last-child(3):first-child,
    .nc-modal .modal-footer > :nth-last-child(3):first-child ~ * {
        grid-column: 1 / -1;
    }

    html.nc-virtual-keyboard-open .modal {
        --bs-modal-margin: 0.45rem;
    }

    html.nc-virtual-keyboard-open .nc-modal .modal-header {
        padding-top: 0.75rem;
        padding-bottom: 0.65rem;
    }

    html.nc-virtual-keyboard-open .nc-modal .modal-footer {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    html.nc-virtual-keyboard-open .swal2-container {
        inset: var(--nc-visible-viewport-top) 0 auto !important;
        align-items: flex-start;
        height: var(--nc-visible-viewport-height);
        max-height: var(--nc-visible-viewport-height);
        padding: 0.45rem;
        overflow: hidden;
    }

    html.nc-virtual-keyboard-open .swal2-popup.nc-swal-popup {
        max-height: calc(var(--nc-visible-viewport-height) - 0.9rem);
        margin: 0 auto;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    /* Este modal reúne grupos de acciones; en móvil cada acción necesita su propia fila. */
    .nc-manicurista-bulk-services-modal .nc-bulk-services-footer,
    .nc-manicurista-bulk-services-modal .nc-bulk-services-footer-global-actions,
    .nc-manicurista-bulk-services-modal .nc-bulk-services-footer-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .nc-manicurista-bulk-services-modal .nc-bulk-services-footer-global-actions .nc-btn,
    .nc-manicurista-bulk-services-modal .nc-bulk-services-footer-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-manicurista-bulk-services-modal .modal-body {
        position: relative;
        z-index: 0;
        min-width: 0;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .nc-manicurista-bulk-services-modal .nc-bulk-services-cards-wrap,
    .nc-manicurista-bulk-services-modal .nc-bulk-services-cards {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}

@supports (height: 100svh) {
:root {
        --nc-visible-viewport-height: 100svh;
    }
}

.nc-maintenance-page {
    position: relative;
    display: grid;
    min-height: 100vh;
    min-height: 100dvh;
    place-items: center;
    overflow: hidden;
    padding: clamp(1.25rem, 4vw, 3rem);
    background:
        radial-gradient(circle at 12% 14%, rgba(var(--nc-primary-rgb), 0.15), transparent 30%),
        radial-gradient(circle at 88% 86%, rgba(var(--nc-primary-dark-rgb), 0.12), transparent 34%),
        var(--nc-body);
}

.nc-maintenance-glow {
    position: absolute;
    width: clamp(240px, 30vw, 480px);
    aspect-ratio: 1;
    border: 1px solid rgba(var(--nc-primary-rgb), 0.14);
    border-radius: 50%;
    pointer-events: none;
}

.nc-maintenance-glow-top {
    top: -18%;
    right: -8%;
}

.nc-maintenance-glow-bottom {
    bottom: -24%;
    left: -9%;
}

.nc-maintenance-panel {
    position: relative;
    z-index: 1;
    width: min(100%, 900px);
    padding: clamp(1.35rem, 4vw, 2.6rem);
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-lg);
    box-shadow: var(--nc-shadow-md);
    backdrop-filter: blur(14px);
}

.nc-maintenance-brand {
    padding-bottom: clamp(1rem, 2vw, 1.5rem);
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
    border-bottom: 1px solid var(--nc-border);
}

.nc-maintenance-brand img {
    display: block;
    width: min(210px, 58vw);
    height: auto;
}

.nc-maintenance-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 250px);
    gap: clamp(1.5rem, 5vw, 3.5rem);
    align-items: center;
}

.nc-maintenance-copy h1 {
    margin: 0.45rem 0 0.75rem;
    color: var(--nc-dark);
    font-size: clamp(2rem, 5vw, 3.3rem);
    font-weight: 900;
    letter-spacing: -0.045em;
    line-height: 1.02;
}

.nc-maintenance-copy > p {
    max-width: 600px;
    margin: 0;
    color: var(--nc-muted);
    font-size: clamp(1rem, 2vw, 1.08rem);
    line-height: 1.65;
}

.nc-maintenance-notice {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 1.5rem;
    padding: 0.9rem 1rem;
    color: var(--nc-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.72);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm);
}

.nc-maintenance-notice > i {
    color: var(--nc-primary-dark);
    font-size: 1.45rem;
}

.nc-maintenance-notice strong,
.nc-maintenance-notice span {
    display: block;
}

.nc-maintenance-notice strong {
    margin-bottom: 0.1rem;
    font-size: 0.92rem;
}

.nc-maintenance-notice span {
    color: var(--nc-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.nc-maintenance-actions {
    display: flex;
    margin-top: 1.5rem;
}

.nc-maintenance-hint {
    margin-top: 0.7rem !important;
    font-size: 0.82rem !important;
}

.nc-maintenance-visual {
    position: relative;
    display: grid;
    width: min(100%, 240px);
    aspect-ratio: 1;
    place-items: center;
    justify-self: center;
    background: linear-gradient(145deg, rgba(var(--nc-primary-soft-rgb), 0.88), rgba(255, 255, 255, 0.86));
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    box-shadow: inset 0 0 0 12px rgba(255, 255, 255, 0.42), var(--nc-shadow-sm);
}

.nc-maintenance-character {
    width: 96%;
    height: 96%;
    object-fit: contain;
}

@media (max-width: 767.98px) {
    .nc-maintenance-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-maintenance-visual {
        grid-row: 1;
        width: min(42vw, 170px);
    }

    .nc-maintenance-copy {
        text-align: center;
    }

    .nc-maintenance-copy .nc-section-kicker,
    .nc-maintenance-actions {
        justify-content: center;
    }

    .nc-maintenance-notice {
        text-align: left;
    }
}

/* Tabletas verticales: aprovechar el ancho y conservar las acciones visibles. */
@media (min-width: 768px) and (max-width: 899.98px) {
    .modal {
        --bs-modal-margin: 0.85rem;
        --nc-modal-tablet-height: var(--nc-modal-safe-height);
    }

    .modal-dialog,
    .modal-dialog.modal-sm,
    .modal-dialog.modal-lg,
    .modal-dialog.modal-xl {
        width: calc(100vw - (var(--bs-modal-margin) * 2));
        max-width: none;
        margin: var(--bs-modal-margin);
    }

    .modal-dialog-scrollable .nc-modal,
    .modal-dialog:not(.modal-dialog-scrollable) .nc-modal {
        width: 100%;
        max-height: var(--nc-modal-tablet-height);
        overflow: hidden;
    }

    .modal-dialog:not(.modal-dialog-scrollable) .nc-modal {
        display: flex;
        flex-direction: column;
    }

    .nc-modal > form {
        max-height: var(--nc-modal-tablet-height);
    }

    .modal-dialog:not(.modal-dialog-scrollable) .nc-modal > .modal-body,
    .modal-dialog:not(.modal-dialog-scrollable) .nc-modal > form > .modal-body {
        flex: 1 1 auto;
        overflow-y: auto;
    }

    .nc-modal .modal-footer {
        position: relative;
        z-index: 1;
        background: var(--nc-white);
    }
}

.nc-is-busy {
    cursor: progress;
}

.nc-is-busy .btn-close,
.nc-is-busy [data-bs-dismiss="modal"] {
    pointer-events: none;
    opacity: 0.55;
}

.nc-modal-description {
    margin: 0.3rem 0 0;
    padding: 0.15rem 0;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 0.9rem;
    line-height: 1.45;
}

.nc-modal-description-icon {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.nc-modal-description-icon p {
    margin: 0;
}

.nc-modal-description-icon-box,
.nc-quick-cost-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
}

.nc-modal-description-icon-box {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    font-size: 1rem;
}

.nc-required-note {
    margin: 0 0 1rem;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-required-note span,
.nc-required-mark {
    color: var(--nc-danger);
    font-weight: 900;
}

.nc-callout {
    display: flex;
    gap: 0.75rem;
    padding: 14px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 850;
}

.nc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1rem, 3vw, 2.5rem);
    width: min(100% - 56px, var(--nc-content-max-width));
    margin: 4px auto 0;
    padding: 24px 0 28px;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.86);
    color: var(--nc-muted);
    font-size: 0.94rem;
}

.nc-footer-brand {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.9rem;
}

.nc-footer-logo {
    width: 52px;
    height: 52px;
    object-fit: contain;
    flex: 0 0 auto;
}

.nc-footer-brand strong {
    display: block;
    color: var(--nc-dark);
    font-size: 1.28rem;
    font-weight: 950;
    line-height: 1.1;
}

.nc-footer-brand span {
    display: block;
    margin-top: 0.18rem;
}

.nc-footer-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: clamp(0.8rem, 2.4vw, 1.55rem);
    margin-left: auto;
}

.nc-footer-links::before {
    width: 1px;
    height: 42px;
    margin-right: clamp(0.5rem, 4vw, 4.5rem);
    content: "";
    background: rgba(var(--nc-border-rgb), 0.9);
}

.nc-footer-link {
    display: inline-flex;
    align-items: center;
    gap: 0.56rem;
    color: var(--nc-muted);
    font-size: 0.88rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.18s ease, transform 0.18s ease;
}

.nc-footer-link i {
    color: var(--nc-primary);
    font-size: 1.05rem;
}

.nc-footer-link:hover,
.nc-footer-link:focus {
    color: var(--nc-primary-dark);
    transform: translateY(-1px);
}

.nc-footer-version {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0.42rem 0.92rem;
    color: var(--nc-muted);
    font-size: 0.84rem;
    font-weight: 650;
    line-height: 1;
    background: transparent;
    border: 1px solid rgba(var(--nc-border-rgb), 0.72);
    border-radius: 14px;
}

/* Auth */
.nc-auth-page {
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 24px;
}

.nc-auth-panel {
    width: min(100%, 460px);
    padding: 34px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-lg);
    box-shadow: var(--nc-shadow-md);
}

.nc-auth-panel-register {
    width: min(100%, 560px);
    padding: clamp(30px, 4.4vw, 52px);
    border-radius: 36px;
    box-shadow: 0 24px 70px rgba(var(--nc-primary-rgb), 0.14);
}

.nc-auth-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-bottom: 28px;
}

.nc-auth-panel-register .nc-auth-brand {
    margin-bottom: clamp(32px, 5vw, 48px);
}

.nc-brand-logo-auth-full {
    max-width: min(100%, 330px);
    max-height: 94px;
}

.nc-auth-brand strong,
.nc-auth-brand small {
    display: block;
}

.nc-auth-brand small {
    color: var(--nc-muted);
}

.nc-auth-copy h1 {
    margin: 0;
    font-size: 2rem;
    font-weight: 900;
}

.nc-auth-copy p {
    margin: 0.65rem 0 1.6rem;
    color: var(--nc-muted);
}

.nc-auth-panel-register .nc-auth-copy {
    margin-bottom: 1.65rem;
}

.nc-auth-panel-register .nc-section-kicker {
    letter-spacing: 0.22em;
}

.nc-auth-panel-register .nc-auth-copy h1 {
    font-size: clamp(2.35rem, 8vw, 3.15rem);
    line-height: 1.02;
}

.nc-auth-panel-register .nc-auth-copy p {
    max-width: 28rem;
    margin-bottom: 0;
    font-size: 1.05rem;
    line-height: 1.55;
}

.nc-auth-links {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    font-weight: 800;
}

.nc-google-auth {
    margin-top: 1.35rem;
}

.nc-auth-providers {
    width: min(100%, 32rem);
    margin-top: 1.35rem;
}

.nc-auth-provider-list {
    display: grid;
    gap: 0.75rem;
}

.nc-auth-provider-list .nc-google-auth {
    width: 100%;
    margin-top: 0;
}

.nc-auth-divider {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
}

.nc-auth-divider::before,
.nc-auth-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--nc-border);
}

.nc-google-auth-button {
    display: block;
    width: min(100%, 360px);
    min-height: 44px;
    margin-inline: auto;
    overflow: hidden;
}

.nc-google-auth-button > div {
    width: auto !important;
    max-width: none !important;
    line-height: 0;
    overflow: hidden !important;
}

.nc-google-auth-button iframe {
    display: block !important;
    border: 0;
}

.nc-google-auth.is-loading .nc-google-auth-button {
    pointer-events: none;
    opacity: 0.58;
}

.nc-apple-auth-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    width: min(100%, 360px);
    min-height: 44px;
    margin-inline: auto;
    padding: 0.65rem 1rem;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    border-radius: 6px;
    font-size: 0.94rem;
    font-weight: 750;
    line-height: 1.2;
    transition: background-color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}

.nc-apple-auth-button:hover,
.nc-apple-auth-button:focus-visible {
    color: #fff;
    background: #242124;
    border-color: #242124;
}

.nc-apple-auth-button:active {
    transform: translateY(1px);
}

.nc-apple-auth-button:disabled {
    cursor: wait;
    opacity: 0.58;
}

.nc-apple-auth-button i {
    font-size: 1.35rem;
}

.nc-auth-panel-register .nc-auth-links {
    align-items: center;
    justify-content: center;
    margin-top: 1.6rem;
    color: var(--nc-border);
}

.nc-auth-panel-register .nc-google-auth {
    width: min(100%, 32rem);
}

.nc-auth-panel-register .nc-auth-providers {
    width: min(100%, 32rem);
}

.nc-auth-panel-register .nc-auth-links::before,
.nc-auth-panel-register .nc-auth-links::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--nc-border);
}

.nc-auth-panel-register .nc-auth-links a {
    flex: 0 0 auto;
    color: var(--nc-primary);
}

.nc-auth-field .form-label {
    margin-bottom: 0.55rem;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-auth-control {
    position: relative;
}

.nc-auth-control > i {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 2;
    color: var(--nc-primary);
    font-size: 1.1rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.nc-auth-control .nc-form-control {
    min-height: 58px;
    padding-left: 58px;
    padding-right: 54px;
    border-radius: 18px;
    font-size: 1rem;
}

.nc-auth-control:focus-within > i {
    color: var(--nc-primary-dark);
}

.nc-auth-email-suggestion {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: flex-start;
    margin-top: 0.75rem;
    padding: 0.85rem 0.95rem;
    color: var(--nc-dark);
    background: rgba(var(--nc-primary-rgb), 0.06);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 14px;
}

.nc-auth-email-suggestion-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 50%;
}

.nc-auth-email-suggestion-content p {
    margin: 0;
    line-height: 1.4;
}

.nc-auth-email-suggestion-content strong {
    overflow-wrap: anywhere;
    color: var(--nc-primary-dark);
}

.nc-auth-email-suggestion-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.7rem;
}

.was-validated .nc-auth-control:has(.nc-form-control:invalid) + .invalid-feedback {
    display: block;
}

.was-validated .nc-auth-legal:has(.form-check-input:invalid) {
    border-color: var(--nc-danger);
    box-shadow: 0 0 0 0.18rem rgba(217, 75, 89, 0.1);
}

.was-validated .nc-auth-legal:has(.form-check-input:invalid) > .invalid-feedback {
    display: block;
}

.nc-auth-password-toggle {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-radius: 999px;
    transform: translateY(-50%);
}

.nc-auth-password-toggle:hover,
.nc-auth-password-toggle:focus {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    outline: none;
}

.nc-auth-password-hint {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0.65rem 0 0;
    color: var(--nc-muted);
    font-size: 0.9rem;
    line-height: 1.35;
}

.nc-auth-password-hint i {
    color: #35c8a1;
    font-size: 1.05rem;
}

.nc-auth-legal {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin: 1.35rem 0 1.65rem;
    padding: 17px 18px;
    background: linear-gradient(135deg, rgba(var(--nc-primary-rgb), 0.06), rgba(255, 255, 255, 0.96));
    border: 1px solid var(--nc-border);
    border-radius: 20px;
}

.nc-auth-legal-content {
    display: grid;
    gap: 0.75rem;
}

.nc-auth-legal-check {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0;
    color: var(--nc-dark);
    font-size: 0.98rem;
    line-height: 1.35;
}

.nc-auth-legal-check .form-check-input {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 0.1rem;
    border-color: var(--nc-border);
    border-radius: 6px;
}

.nc-link-button {
    display: inline;
    padding: 0;
    color: var(--nc-primary-dark);
    font: inherit;
    font-weight: 900;
    text-decoration: underline;
    text-underline-offset: 3px;
    background: transparent;
    border: 0;
}

.nc-link-button:disabled {
    color: var(--nc-muted);
    cursor: not-allowed;
    opacity: 0.75;
}

.nc-auth-registration-alert {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    margin: -0.65rem 0 1rem;
    padding: 0.8rem;
    color: var(--nc-danger);
    background: rgba(217, 75, 89, 0.07);
    border: 1px solid rgba(217, 75, 89, 0.22);
    border-radius: 14px;
    font-size: 0.86rem;
    line-height: 1.35;
}

.nc-auth-registration-alert.is-loading {
    color: var(--nc-muted);
    background: rgba(var(--nc-primary-rgb), 0.045);
    border-color: rgba(var(--nc-primary-rgb), 0.18);
}

.nc-auth-registration-alert-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: inherit;
    background: var(--nc-white);
    border-radius: 10px;
}

.nc-auth-registration-alert p {
    margin: 0;
    font-weight: 700;
}

.nc-auth-registration-alert .nc-btn {
    white-space: nowrap;
}

.nc-auth-panel-register .nc-btn-primary.w-100 {
    min-height: 58px;
    justify-content: center;
    font-size: 1.05rem;
    box-shadow: 0 18px 36px rgba(var(--nc-primary-rgb), 0.24);
}

.nc-auth-panel-reset {
    width: min(100%, 620px);
}

.nc-auth-panel-reset .nc-auth-copy p {
    max-width: 32rem;
}

.nc-auth-panel-reset .nc-form-control[readonly] {
    background: rgba(var(--nc-primary-rgb), 0.035);
}

.nc-form-control.nc-form-control-protected[readonly] {
    color: var(--nc-muted);
    background: rgba(var(--nc-primary-rgb), 0.045);
    border-style: dashed;
    cursor: not-allowed;
}

.nc-password-checklist {
    display: grid;
    gap: 0.55rem;
    margin: 0.85rem 0 1.15rem;
}

.nc-password-check {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-muted);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.35;
}

.nc-password-check i {
    color: rgba(119, 113, 122, 0.5);
    font-size: 0.82rem;
}

.nc-password-check.is-valid {
    color: #278c70;
}

.nc-password-check.is-valid i {
    color: #35c8a1;
    font-size: 1rem;
}

.nc-auth-security-card {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    margin: 1rem 0 1.55rem;
    padding: 0.9rem 1rem;
    color: #2a6b5d;
    background: linear-gradient(135deg, rgba(53, 200, 161, 0.1), rgba(255, 255, 255, 0.96));
    border: 1px solid rgba(53, 200, 161, 0.32);
    border-radius: 18px;
}

.nc-auth-security-card.is-error {
    color: #a94442;
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.08), rgba(255, 255, 255, 0.96));
    border-color: rgba(220, 53, 69, 0.28);
}

.nc-auth-security-card.is-ready {
    color: #2a6b5d;
}

.nc-auth-security-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #35c8a1;
    background: rgba(53, 200, 161, 0.12);
    border-radius: 50%;
    font-size: 1.25rem;
}

.nc-auth-security-card.is-error .nc-auth-security-icon {
    color: var(--bs-danger);
    background: rgba(220, 53, 69, 0.1);
}

.nc-auth-security-card strong,
.nc-auth-security-card small {
    display: block;
}

.nc-auth-security-card strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-auth-security-card small {
    color: inherit;
    line-height: 1.45;
}

.nc-legal-document-content {
    color: var(--nc-dark);
}

.nc-legal-document-content h4,
.nc-legal-document-content h5 {
    margin: 0 0 0.65rem;
    font-weight: 900;
}

.nc-legal-document-content p,
.nc-legal-document-content li {
    color: var(--nc-muted);
    line-height: 1.65;
}

.nc-legal-section {
    padding: 1rem 0;
    border-bottom: 1px solid var(--nc-border);
}

.nc-legal-section:last-child {
    border-bottom: 0;
}

.nc-legal-note {
    padding: 0.85rem 1rem;
    color: var(--nc-primary-dark) !important;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-legal-document-content h2,
.nc-legal-document-content h3,
.nc-legal-document-content h4,
.nc-legal-document-content h5 {
    color: var(--nc-dark);
    line-height: 1.3;
}

.nc-legal-document-content h2 {
    margin: 0 0 0.8rem;
    font-size: 1.35rem;
    font-weight: 950;
}

.nc-legal-document-content h3 {
    margin: 1.35rem 0 0.7rem;
    font-size: 1.15rem;
    font-weight: 900;
}

.nc-legal-heading-number {
    margin-right: 0.4rem;
    color: var(--nc-primary-dark);
}

.nc-legal-document-content p {
    margin-bottom: 0.95rem;
}

.nc-legal-list {
    margin: 0.85rem 0 1rem;
    padding-left: 1.25rem;
}

.nc-legal-list li + li {
    margin-top: 0.45rem;
}

.nc-legal-notice {
    margin: 1rem 0;
    padding: 1rem 1.1rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 14px;
}

.nc-legal-notice.is-warning,
.nc-legal-notice.is-pending {
    background: #fff8e9;
    border-color: #f1d9a6;
    border-left-color: #d99119;
}

.nc-legal-notice.is-important {
    background: #fff4f6;
    border-left-color: #c53e67;
}

.nc-legal-notice-title {
    display: block;
    margin-bottom: 0.45rem;
    font-weight: 900;
}

.nc-legal-notice p:last-child,
.nc-legal-definition-list dd p:last-child,
.nc-legal-signature p:last-child {
    margin-bottom: 0;
}

.nc-legal-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 1rem 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-legal-table {
    width: 100%;
    min-width: 520px;
    margin: 0;
    border-collapse: collapse;
}

.nc-legal-table caption {
    padding: 0.8rem 0.95rem;
    color: var(--nc-dark);
    text-align: left;
    font-weight: 850;
}

.nc-legal-table th,
.nc-legal-table td {
    padding: 0.8rem 0.95rem;
    vertical-align: top;
    border-top: 1px solid var(--nc-border);
}

.nc-legal-table th {
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    font-weight: 850;
}

.nc-legal-table td p,
.nc-legal-table th p {
    margin: 0;
}

.nc-legal-definition-list {
    display: grid;
    grid-template-columns: minmax(150px, 0.35fr) minmax(0, 1fr);
    gap: 0.65rem 1rem;
    margin: 1rem 0;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-legal-definition-list dt {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-legal-definition-list dd {
    margin: 0;
}

.nc-legal-signature-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0 0;
}

.nc-legal-signature {
    min-height: 105px;
    padding-top: 2.5rem;
    border-top: 1px solid var(--nc-dark);
}

.nc-legal-document-content hr {
    margin: 1.5rem 0;
    border-color: var(--nc-border);
    opacity: 1;
}

.nc-legal-document-link,
.nc-legal-external-link {
    display: inline;
    padding: 0;
    color: var(--nc-primary-dark);
    font: inherit;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

button.nc-legal-document-link {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.nc-legal-empty-message {
    margin: 0;
    color: var(--nc-muted) !important;
}

.nc-public-legal-page {
    min-height: 100vh;
    padding: clamp(22px, 4vw, 48px);
    overflow-x: hidden;
    background:
        radial-gradient(circle at top left, rgba(var(--nc-primary-rgb), 0.12), transparent 32%),
        var(--nc-body);
}

.nc-public-legal-shell {
    width: min(100%, 1040px);
    margin: 0 auto;
}

.nc-public-legal-library-shell {
    width: min(100%, 1260px);
}

.nc-public-legal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 22px;
}

.nc-public-legal-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.nc-public-legal-brand img {
    width: min(260px, 58vw);
    max-height: 74px;
    object-fit: contain;
}

.nc-public-legal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.nc-public-legal-card {
    padding: clamp(22px, 3.6vw, 36px);
}

.nc-public-legal-card .nc-card-header {
    margin-bottom: 1.25rem;
}

.nc-public-legal-card h1 {
    margin: 0;
    color: var(--nc-dark);
    font-size: clamp(1.75rem, 4vw, 2.7rem);
    font-weight: 950;
}

.nc-public-legal-intro {
    margin-bottom: 1.25rem;
}

.nc-public-legal-intro h1 {
    margin: 0.35rem 0;
    color: var(--nc-dark);
    font-size: clamp(1.85rem, 4vw, 2.8rem);
    font-weight: 950;
}

.nc-public-legal-intro p,
.nc-public-legal-menu-heading p,
.nc-public-legal-document-header p {
    margin: 0;
    color: var(--nc-muted);
    line-height: 1.6;
}

.nc-public-legal-library {
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: 1.25rem;
    min-width: 0;
}

.nc-public-legal-menu-card {
    position: sticky;
    top: 22px;
    padding: 1.15rem;
}

.nc-public-legal-detail-card,
.nc-public-legal-detail-card .nc-legal-document-content {
    min-width: 0;
    max-width: 100%;
}

[data-public-legal-guest-actions] {
    display: contents;
}

.nc-public-legal-menu-heading {
    margin-bottom: 1rem;
}

.nc-public-legal-menu-heading h2 {
    margin: 0.3rem 0;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
}

.nc-public-legal-menu {
    display: grid;
    gap: 0.45rem;
}

.nc-public-legal-menu-item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.75rem;
    color: var(--nc-dark);
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.nc-public-legal-menu-item:hover,
.nc-public-legal-menu-item:focus-visible {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
    outline: 0;
}

.nc-public-legal-menu-item.is-active {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
    box-shadow: inset 3px 0 0 var(--nc-primary);
}

.nc-public-legal-menu-item > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 10px;
}

.nc-public-legal-menu-item span {
    min-width: 0;
}

.nc-public-legal-menu-item strong,
.nc-public-legal-menu-item small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-public-legal-menu-item strong {
    font-size: 0.86rem;
    font-weight: 850;
}

.nc-public-legal-menu-item small {
    margin-top: 0.1rem;
    color: var(--nc-muted);
    font-size: 0.74rem;
}

.nc-public-legal-detail-card {
    min-height: 520px;
}

.nc-public-legal-document-header {
    margin-bottom: 1.25rem;
}

.nc-public-legal-document-header h2 {
    margin: 0.35rem 0;
    color: var(--nc-dark);
    font-size: clamp(1.45rem, 3vw, 2.15rem);
    font-weight: 950;
}

.nc-public-legal-status {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 1.1rem;
    color: var(--nc-muted);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-public-legal-status.is-error {
    color: #a62f4e;
    background: #fff4f6;
}

.nc-public-legal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    padding: 22px 0 0;
    color: var(--nc-muted);
    font-weight: 750;
}

@media (max-width: 767.98px) {
    .nc-footer {
        align-items: center;
        flex-direction: column;
        width: min(100% - 40px, var(--nc-content-max-width));
        padding-bottom: 24px;
        text-align: center;
    }

    .nc-footer-links {
        justify-content: center;
        width: 100%;
        margin-left: 0;
    }

    .nc-footer-links::before {
        display: none;
    }

    .nc-footer-brand strong {
        font-size: 1.15rem;
    }

    .nc-footer-brand {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        gap: 0.45rem;
    }

    .nc-footer-brand span,
    .nc-footer-link {
        font-size: 0.86rem;
    }

    .nc-footer-logo {
        width: 46px;
        height: 46px;
    }

    .nc-public-legal-page {
        padding: 18px;
    }

    .nc-public-legal-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-public-legal-actions {
        justify-content: flex-start;
        width: 100%;
    }

    .nc-public-legal-actions .nc-btn {
        flex: 1 1 150px;
        justify-content: center;
    }

    .nc-public-legal-library {
        grid-template-columns: 1fr;
    }

    .nc-public-legal-menu-card {
        position: static;
    }

    .nc-public-legal-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-public-legal-detail-card {
        min-height: 0;
    }

    .nc-legal-definition-list {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }
}

@media (max-width: 480px) {
    .nc-public-legal-menu {
        grid-template-columns: 1fr;
    }

    .nc-public-legal-menu-item strong,
    .nc-public-legal-menu-item small {
        white-space: normal;
    }
}

/* Data modules */
.nc-filter-bar {
    margin-bottom: 18px;
    padding: 14px;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-content[data-module-key="negocios-bloqueos"] #moduleFilterFields [data-field-name="incluir_pasados"] .nc-switch {
    display: flex;
    align-items: center;
    min-height: 2rem;
    margin-top: 0 !important;
    margin-bottom: 0;
    padding-left: 3.75rem;
}

.nc-content[data-module-key="negocios-bloqueos"] #moduleFilterFields [data-field-name="incluir_pasados"] .form-check-input {
    width: 3.15rem;
    height: 1.75rem;
    margin-top: 0;
    margin-left: -3.75rem;
    cursor: pointer;
}

.nc-content[data-module-key="negocios-bloqueos"] #moduleFilterFields [data-field-name="incluir_pasados"] .form-check-label {
    margin-left: 0.75rem;
    color: var(--nc-dark);
    font-weight: 800;
    cursor: pointer;
}

.nc-content[data-module-key="negocios-bloqueos"] #moduleFilterFields [data-field-name="incluir_pasados"] .nc-form-hint {
    margin-top: 0.2rem;
}

.nc-filter-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.85);
}

.nc-filter-heading strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-filter-heading p {
    max-width: 680px;
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-content[data-module-key="costos-variables"] #moduleFilterFields {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.85rem;
    margin-right: 0;
    margin-left: 0;
}

.nc-content[data-module-key="costos-variables"] #moduleFilterFields > * {
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="id_categoria"],
.nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="ordenar_por"],
.nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="orden"] {
    grid-column: span 4;
}

.nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="buscar"] {
    grid-column: span 8;
}

.nc-content[data-module-key="costos-variables"] #moduleFilterFields > .col-md-auto {
    grid-column: span 4;
}

.nc-content[data-module-key="costos-variables"] #moduleFilterFields > .col-md-auto {
    align-self: end;
}

@media (max-width: 575.98px) {
    .nc-content[data-module-key="manicuristas"] #moduleFilterFields [data-field-name="per_page"],
    .nc-content[data-module-key="manicuristas"] #moduleFilterFields > .nc-filter-action {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.nc-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.nc-service-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 28px;
    margin-top: 28px;
}

.nc-service-form-layout > .nc-section {
    margin-top: 0;
}

.nc-service-details-section {
    grid-column: 1;
    grid-row: 1;
}

.nc-service-summary-section {
    grid-column: 2;
    grid-row: 1;
}

.nc-service-costs-toggle-section,
.nc-service-costs-section,
.nc-service-actions-section {
    grid-column: 1 / -1;
}

.nc-service-costs-toggle-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.35rem 1.5rem;
    background: linear-gradient(135deg, rgba(var(--nc-primary-rgb), 0.07), rgba(255, 255, 255, 0.96) 58%);
}

.nc-service-costs-toggle-copy {
    max-width: 760px;
}

.nc-service-costs-toggle-copy .nc-section-kicker {
    margin-bottom: 0.3rem;
}

.nc-service-costs-toggle-copy h3 {
    margin: 0;
    font-size: 1.05rem;
}

.nc-service-costs-toggle-copy p {
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
}

.nc-service-costs-toggle-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.7rem;
    align-items: center;
    min-width: 250px;
    margin: 0;
    padding: 0.85rem 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 8px;
    background: var(--nc-white);
}

.nc-service-costs-toggle-control .form-check-input {
    width: 2.5rem;
    height: 1.35rem;
    margin: 0;
}

.nc-service-costs-toggle-control .form-check-label {
    color: var(--nc-dark);
    font-weight: 700;
}

.nc-service-costs-toggle-control small {
    grid-column: 2;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-service-costs-section[hidden] {
    display: none !important;
}

.nc-service-example-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
}

#openServiceExamplesBtn:hover,
#openServiceExamplesBtn:focus-visible {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-service-examples-modal {
    overflow: hidden;
}

.nc-service-examples-modal .modal-body {
    padding: 0 2rem 1.35rem;
}

.nc-service-examples-modal .btn-close {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
    background-color: var(--nc-white);
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(41, 37, 42, 0.1);
    opacity: 1;
}

.nc-service-examples-hero {
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem 2rem 1.25rem;
    background:
        linear-gradient(135deg, rgba(var(--nc-primary-rgb), 0.08), rgba(255, 255, 255, 0.96) 48%, rgba(247, 231, 221, 0.35));
    border-bottom: 0;
}

.nc-service-examples-title span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-primary-dark);
    font-size: 0.8rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.nc-service-examples-title h5 {
    margin: 0.45rem 0 0;
    color: var(--nc-dark);
    font-size: clamp(1.9rem, 3vw, 2.6rem);
    font-weight: 950;
    letter-spacing: 0;
}

.nc-service-examples-title p {
    max-width: 820px;
    margin: 0.35rem 0 0;
    color: var(--nc-muted);
    font-size: 0.95rem;
    line-height: 1.55;
}

.nc-service-example-search {
    position: relative;
    margin-bottom: 1.1rem;
}

.nc-service-example-search i {
    position: absolute;
    top: 50%;
    left: 1rem;
    z-index: 2;
    color: var(--nc-muted);
    transform: translateY(-50%);
}

.nc-service-example-search .nc-form-control {
    min-height: 56px;
    padding-left: 2.85rem;
    box-shadow: 0 16px 34px rgba(41, 37, 42, 0.08);
}

.nc-service-example-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-bottom: 1.35rem;
    padding-bottom: 1.15rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.9);
}

.nc-service-example-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 42px;
    padding: 0.55rem 0.95rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-weight: 850;
    line-height: 1;
}

.nc-service-example-tab i,
.nc-service-example-tab small {
    color: var(--nc-primary-dark);
}

.nc-service-example-tab small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 0.45rem;
    background: rgba(var(--nc-primary-rgb), 0.1);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 950;
}

.nc-service-example-tab.is-active {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-primary);
}

.nc-service-examples-list {
    display: grid;
    gap: 1.25rem;
}

.nc-service-example-group {
    padding-top: 1.1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.9);
}

.nc-service-example-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.nc-service-example-group-header h6,
.nc-service-example-group-header span {
    margin: 0;
}

.nc-service-example-group-header > div {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
}

.nc-service-example-group-header > div > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
}

.nc-service-example-group-header h6 {
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 950;
}

.nc-service-example-group-header span {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 999px;
    padding: 0.4rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-service-example-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 0.75rem;
}

.nc-service-example-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 54px;
    padding: 0.65rem 0.75rem 0.65rem 1rem;
    background: var(--nc-white);
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(41, 37, 42, 0.035);
}

.nc-service-example-item span {
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 850;
    line-height: 1.25;
}

.nc-service-example-main {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.nc-service-example-main small {
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-service-example-item .nc-btn {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0.35rem 0.75rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
}

.nc-cost-examples-modal .nc-alert {
    margin-bottom: 1.25rem;
}

.nc-cost-example-item {
    align-items: flex-start;
    min-height: 82px;
}

.nc-cost-example-item .nc-service-example-main {
    gap: 0.26rem;
}

.nc-cost-example-set {
    color: var(--nc-muted) !important;
    font-weight: 800 !important;
}

.nc-service-examples-footer {
    justify-content: flex-start;
    padding: 0.85rem 2rem;
    background: rgba(var(--nc-primary-rgb), 0.035);
    border-top: 1px solid var(--nc-border);
}

.nc-service-examples-footer span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-muted);
    font-size: 0.88rem;
    font-weight: 800;
}

.nc-service-examples-footer i {
    color: var(--nc-primary-dark);
}

.nc-modal-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.nc-quick-cost-card {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
}

.nc-quick-cost-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.nc-quick-cost-title {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.nc-quick-cost-title-icon {
    width: 44px;
    height: 44px;
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(var(--nc-primary-rgb), 0.22);
}

.nc-quick-cost-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.nc-quick-cost-header h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 950;
}

.nc-quick-cost-header p {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-quick-cost-actions {
    position: sticky;
    bottom: -1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin: 1rem -1rem -1rem;
    padding: 0.85rem 1rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), var(--nc-white));
    border-top: 1px solid var(--nc-border);
    border-radius: 0 0 18px 18px;
    z-index: 2;
}

#costosModal.is-quick-cost-active #toggleQuickCostForm,
#costosModal.is-quick-cost-active #costosFilterForm,
#costosModal.is-quick-cost-active #costosCardsWrapper,
#costosModal.is-quick-cost-active #costosEmptyState,
#costosModal.is-quick-cost-active #costosPagination,
#costosModal.is-quick-cost-active .modal-footer {
    display: none;
}

.nc-cost-picker-wrapper {
    min-width: 0;
}

.nc-cost-picker-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
}

.nc-cost-picker-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    background: var(--nc-white);
    box-shadow: 0 8px 20px rgba(75, 36, 56, 0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.nc-cost-picker-card:hover {
    border-color: rgba(var(--nc-primary-rgb), 0.45);
    box-shadow: 0 12px 24px rgba(var(--nc-primary-rgb), 0.1);
    transform: translateY(-1px);
}

.nc-cost-picker-card.is-selected {
    border-color: var(--nc-primary);
    background: rgba(var(--nc-primary-soft-rgb), 0.2);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.13);
}

.nc-cost-picker-card-header {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.9rem;
}

.nc-cost-picker-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
}

.nc-cost-picker-card-heading {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    gap: 0.15rem;
}

.nc-cost-picker-card-heading strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.98rem;
    line-height: 1.25;
}

.nc-cost-picker-card-heading span,
.nc-cost-picker-card-values span {
    color: var(--nc-muted);
    font-size: 0.73rem;
    font-weight: 700;
}

.nc-cost-picker-card-notes {
    margin: 0;
    padding: 0 0.9rem 0.8rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.nc-cost-picker-card-values {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: auto;
    padding: 1px 0;
    background: var(--nc-border);
}

.nc-cost-picker-card-values > div {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
    padding: 0.7rem 0.9rem;
    background: var(--nc-white);
}

.nc-cost-picker-card.is-selected .nc-cost-picker-card-values > div {
    background: rgba(var(--nc-primary-soft-rgb), 0.1);
}

.nc-cost-picker-card-values strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.88rem;
}

.nc-cost-picker-card-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0.75rem 0.9rem;
    background: rgba(var(--nc-primary-soft-rgb), 0.2);
}

.nc-cost-picker-feedback,
.nc-cost-picker-empty {
    grid-column: 1 / -1;
}

.nc-cost-picker-feedback {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 150px;
    padding: 1rem;
    color: var(--nc-muted);
    border: 1px dashed var(--nc-border);
    border-radius: 12px;
}

.nc-cost-picker-feedback i {
    color: var(--nc-primary);
}

.nc-cost-picker-feedback.is-error,
.nc-cost-picker-feedback.is-error i {
    color: #b5475a;
}

@media (max-width: 991.98px) {
    .nc-cost-picker-card-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .nc-cost-picker-card-footer .nc-btn {
        width: 100%;
    }
}

.nc-profit-panel {
    display: grid;
    gap: 0.35rem;
}

.nc-profit-panel > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 10px 0;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-profit-panel > div:last-child {
    border-bottom: 0;
}

.nc-profit-panel span,
.nc-profit-panel strong {
    display: block;
}

.nc-profit-panel span {
    color: var(--nc-muted);
    font-size: 0.86rem;
    font-weight: 800;
}

.nc-profit-label {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.nc-profit-cost-note {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: 0.28rem 0.62rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 850;
    line-height: 1.3;
}

.nc-profit-cost-note.is-ready {
    color: #278c70;
    background: rgba(53, 200, 161, 0.12);
    border-color: rgba(53, 200, 161, 0.28);
}

.nc-profit-panel strong {
    color: var(--nc-dark);
    font-size: 1.12rem;
    font-weight: 950;
    text-align: right;
}

.nc-profit-suggestion-row {
    align-items: flex-start !important;
    flex-wrap: wrap;
}

.nc-profit-suggestion-row small {
    flex: 1 1 100%;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.nc-profit-suggestion-row .nc-btn {
    margin-left: auto;
}

.nc-selected-costs {
    min-height: 170px;
}

.nc-selected-cost-grid {
    display: grid;
    gap: 0.75rem;
}

.nc-selected-cost-card {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 1rem;
    padding: 14px;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-selected-cost-card strong,
.nc-selected-cost-card span,
.nc-selected-cost-card small,
.nc-selected-cost-card b {
    display: block;
}

.nc-selected-cost-card strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-selected-cost-card span,
.nc-selected-cost-card small {
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-selected-cost-amount {
    min-width: 105px;
    text-align: right;
}

.nc-selected-cost-amount b {
    color: var(--nc-primary-dark);
    font-size: 1rem;
    font-weight: 950;
}

.nc-service-detail-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
}

.nc-service-detail-icon {
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    font-size: 1.55rem;
}

.nc-service-detail-main h3 {
    margin: 4px 0 0;
    color: var(--nc-dark);
}

.nc-service-detail-kicker-row,
.nc-service-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.nc-service-detail-meta {
    margin-top: 10px;
    color: var(--nc-muted);
    font-weight: 700;
}

.nc-service-detail-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.nc-service-detail-meta i {
    color: var(--nc-primary);
}

.nc-service-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.78fr);
    gap: 20px;
    align-items: start;
}

.nc-service-detail-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.nc-service-summary-panel {
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
}

.nc-service-summary-panel header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: var(--nc-primary-soft);
    border-bottom: 1px solid var(--nc-border);
}

.nc-service-summary-panel header span {
    color: var(--nc-primary-dark);
    font-weight: 900;
}

.nc-service-summary-panel header strong {
    color: var(--nc-dark);
    font-size: 1.12rem;
    font-weight: 950;
}

.nc-service-summary-panel > div {
    display: grid;
}

.nc-service-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-service-summary-row span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--nc-muted);
    font-weight: 800;
}

.nc-service-summary-row i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
}

.nc-service-summary-row strong {
    color: var(--nc-dark);
    font-weight: 950;
    text-align: right;
}

.nc-service-summary-panel footer {
    padding: 12px 16px;
    color: var(--nc-muted);
    font-size: 0.86rem;
    font-weight: 750;
}

.nc-service-detail-costs {
    display: grid;
    gap: 12px;
}

.nc-service-detail-cost-item {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    background: #fff;
}

.nc-service-detail-cost-item strong,
.nc-service-detail-cost-item span {
    display: block;
}

.nc-service-detail-cost-item strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-service-detail-cost-item span {
    margin-top: 3px;
    color: var(--nc-muted);
    font-size: 0.88rem;
}

.nc-service-detail-cost-item dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.nc-service-detail-cost-item dl > div {
    padding: 10px;
    border-radius: 14px;
    background: var(--nc-primary-soft);
}

.nc-service-detail-cost-item dt,
.nc-service-detail-cost-item dd {
    margin: 0;
}

.nc-service-detail-cost-item dt {
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.nc-service-detail-cost-item dd {
    margin-top: 3px;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-table-image {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-mini-list {
    display: grid;
    gap: 0.8rem;
}

.nc-mini-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 12px 0;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-mini-list-item:last-child {
    border-bottom: 0;
}

.nc-mini-list-item strong,
.nc-mini-list-item small {
    display: block;
}

.nc-mini-list-item small {
    color: var(--nc-muted);
}

.nc-dashboard-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr);
    gap: 1.25rem;
    align-items: end;
}

.nc-dashboard-view {
    min-width: 0;
}

.nc-dashboard-preparing {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 104px;
    margin-top: 1rem;
}

.nc-dashboard-preparing-icon {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-primary);
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 16px;
    box-shadow: 0 9px 20px rgba(var(--nc-primary-dark-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.nc-dashboard-preparing strong,
.nc-dashboard-preparing small {
    display: block;
}

.nc-dashboard-preparing strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-dashboard-preparing small {
    margin-top: 0.16rem;
    color: var(--nc-muted);
}

.nc-dashboard-manicurista-view {
    gap: 1.25rem;
    margin-top: 1rem;
}

.nc-dashboard-manicurista-view:not(.d-none) {
    display: grid;
}

.nc-dashboard-manicurista-view > .nc-dashboard-summary-section {
    margin-bottom: 0;
}

.nc-dashboard-manicurista-secondary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: start;
}

.nc-dashboard-manicurista-secondary-grid > .nc-card {
    min-width: 0;
    height: 100%;
}

.nc-dashboard-manicurista-view .nc-dashboard-activity-grid {
    grid-template-columns: 1fr;
}

.nc-dashboard-next-appointment-card > .nc-card-header {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.7);
}

.nc-dashboard-next-appointment-card {
    position: relative;
    overflow: hidden;
}

.nc-dashboard-next-appointment-preparation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(190px, 18vw, 250px);
    gap: 1.25rem;
    align-items: end;
    margin-top: 0.9rem;
}

.nc-dashboard-next-appointment-information {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.nc-dashboard-next-appointment-nali {
    display: flex;
    align-self: stretch;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    margin: 0 0 -22px;
}

.nc-dashboard-next-appointment-nali img {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    filter: drop-shadow(0 14px 18px rgba(var(--nc-primary-dark-rgb), 0.13));
}

.nc-dashboard-next-appointment-summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.82), rgba(255, 255, 255, 0.72));
    border: 1px solid rgba(var(--nc-border-rgb), 0.72);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.nc-dashboard-next-appointment-avatar {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.32), transparent 52%),
        var(--nc-primary);
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(var(--nc-primary-dark-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.44);
    font-size: 1.2rem;
}

.nc-dashboard-next-appointment-avatar.is-photo {
    background: var(--nc-primary-soft);
}

.nc-dashboard-next-appointment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nc-dashboard-next-appointment-main,
.nc-dashboard-next-appointment-title > div,
.nc-dashboard-next-appointment-insight > div,
.nc-dashboard-next-appointment-detail > div {
    min-width: 0;
}

.nc-dashboard-next-appointment-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.nc-dashboard-next-appointment-title small,
.nc-dashboard-next-appointment-title strong {
    display: block;
}

.nc-dashboard-next-appointment-title small {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-dashboard-next-appointment-title strong {
    margin-top: 0.12rem;
    color: var(--nc-dark);
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.2;
}

.nc-dashboard-next-appointment-title .nc-badge {
    flex: 0 0 auto;
}

.nc-dashboard-next-appointment-title .nc-badge i {
    font-size: 0.42rem;
}

.nc-dashboard-next-appointment-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 1rem;
    margin-top: 0.7rem;
}

.nc-dashboard-next-appointment-meta span {
    display: inline-flex;
    gap: 0.42rem;
    align-items: center;
    color: var(--nc-muted);
    font-size: 0.86rem;
    font-weight: 750;
}

.nc-dashboard-next-appointment-meta i {
    color: var(--nc-primary-dark);
}

.nc-dashboard-next-appointment-insights {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.nc-dashboard-next-appointment-insight {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(var(--nc-border-rgb), 0.68);
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.nc-dashboard-next-appointment-insight > span,
.nc-dashboard-next-appointment-detail-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.7);
    border-radius: 12px;
}

.nc-dashboard-next-appointment-insight.is-birthday > span {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-dashboard-next-appointment-insight.is-group > span {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-dashboard-next-appointment-origin {
    margin-top: 0.9rem;
}

.nc-dashboard-next-appointment-insight.is-origin {
    background: rgba(var(--nc-primary-soft-rgb), 0.34);
}

.nc-dashboard-next-appointment-insight small {
    display: block;
    color: var(--nc-muted);
    font-size: 0.75rem;
    font-weight: 850;
}

.nc-dashboard-next-appointment-insight p,
.nc-dashboard-next-appointment-detail p {
    margin: 0.14rem 0 0;
    color: var(--nc-dark);
    font-size: 0.88rem;
    line-height: 1.45;
}

.nc-dashboard-next-appointment-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.nc-dashboard-next-appointment-detail {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.9rem;
    background: rgba(var(--nc-primary-soft-rgb), 0.42);
    border: 1px solid rgba(var(--nc-border-rgb), 0.7);
    border-radius: 16px;
}

.nc-dashboard-next-appointment-detail h4 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 0.9rem;
    font-weight: 900;
}

.nc-dashboard-next-appointment-considerations {
    display: grid;
    gap: 0.55rem;
    margin: 0.6rem 0 0;
    padding: 0;
    list-style: none;
}

.nc-dashboard-next-appointment-considerations li {
    position: relative;
    padding-left: 0.85rem;
}

.nc-dashboard-next-appointment-considerations li::before {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 5px;
    height: 5px;
    content: "";
    background: var(--nc-primary);
    border-radius: 999px;
}

.nc-dashboard-next-appointment-considerations strong,
.nc-dashboard-next-appointment-considerations small {
    display: block;
}

.nc-dashboard-next-appointment-considerations strong {
    color: var(--nc-dark);
    font-size: 0.86rem;
}

.nc-dashboard-next-appointment-considerations small {
    margin-top: 0.12rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.4;
}

.nc-region-loading {
    position: relative;
    isolation: isolate;
    pointer-events: none;
}

.nc-dashboard-region-loading {
    position: relative;
    isolation: isolate;
    min-height: 88px;
    pointer-events: none;
}

.nc-region-loading::before,
.nc-dashboard-region-loading::before {
    position: absolute;
    z-index: 8;
    inset: 0;
    content: "";
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(var(--nc-primary-soft-rgb), 0.62));
    border: 1px solid rgba(var(--nc-border-rgb), 0.48);
    border-radius: 16px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.nc-region-loading::after,
.nc-dashboard-region-loading::after {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    content: "";
    border: 3px solid rgba(var(--nc-primary-rgb), 0.2);
    border-top-color: var(--nc-primary);
    border-radius: 50%;
    animation: nc-dashboard-loading-spin 720ms linear infinite;
}

.nc-dashboard-action-grid.nc-dashboard-region-loading {
    min-height: 118px;
}

@keyframes nc-dashboard-loading-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-region-loading::after,
    .nc-dashboard-region-loading::after {
        animation-duration: 1.5s;
    }
}

@media (min-width: 1200px) {
    .nc-dashboard-manicurista-view .nc-dashboard-action-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.nc-dashboard-mobile-shortcuts,
.nc-dashboard-calendar-link-mobile {
    display: none;
}

.nc-section-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.nc-dashboard-header-actions {
    align-items: center;
    justify-content: flex-end;
}

.nc-dashboard-header-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.nc-section-toolbar {
    margin-bottom: 0.75rem;
}

.nc-dashboard-controls h3 {
    margin-bottom: 0.25rem;
}

.nc-dashboard-controls p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-dashboard-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: end;
}

.nc-dashboard-business-filter-grid {
    grid-template-columns: minmax(0, 1fr);
}

.nc-dashboard-performance-filter-panel {
    margin-bottom: 0.85rem;
    padding: 0.82rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(var(--nc-primary-soft-rgb), 0.48));
    border: 1px solid rgba(var(--nc-border-rgb), 0.8);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.nc-dashboard-performance-filter-grid {
    display: grid;
    grid-template-columns: minmax(260px, 0.8fr) repeat(2, minmax(170px, 0.5fr));
    gap: 0.75rem;
    align-items: start;
}

.nc-dashboard-filter-scope-note {
    display: flex;
    align-items: flex-start;
    gap: 0.38rem;
    margin-top: 0.38rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    line-height: 1.35;
}

.nc-dashboard-filter-scope-note i {
    margin-top: 0.12rem;
    color: var(--nc-primary);
}

.nc-dashboard-scope-badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0.42rem 0.7rem;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.72);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.2);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.25;
}

.nc-dashboard-summary-section {
    margin-bottom: 1.35rem;
}

.nc-dashboard-summary-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.nc-dashboard-summary-heading h3 {
    margin: 0.16rem 0 0.2rem;
    color: var(--nc-dark);
    font-size: 1.08rem;
}

.nc-dashboard-summary-heading p {
    max-width: 760px;
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.nc-dashboard-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.nc-dashboard-calendar-card {
    margin-bottom: 1.35rem;
}

.nc-dashboard-calendar {
    min-height: 560px;
}

.nc-dashboard-calendar-slot-menu {
    position: fixed;
    z-index: 1090;
    width: min(310px, calc(100vw - 24px));
    padding: 0.55rem;
    color: var(--nc-dark);
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 16px;
    box-shadow: 0 18px 46px rgba(41, 37, 42, 0.18);
    backdrop-filter: blur(12px);
}

.nc-dashboard-calendar-slot-menu-header {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-height: 50px;
    padding: 0.45rem 2.9rem 0.6rem 0.55rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-dashboard-calendar-slot-menu-kicker {
    color: var(--nc-primary-dark);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.nc-dashboard-calendar-slot-menu-date {
    font-size: 0.86rem;
}

.nc-dashboard-calendar-slot-menu-time {
    color: var(--nc-dark);
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.35;
}

.nc-dashboard-calendar-slot-close {
    position: absolute;
    top: 0.1rem;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-radius: 12px;
    font-size: 1rem;
    transition: color 0.18s ease, background-color 0.18s ease;
}

.nc-dashboard-calendar-slot-close:hover,
.nc-dashboard-calendar-slot-close:focus-visible {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    outline: none;
}

.nc-dashboard-calendar-slot-menu > button {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    width: 100%;
    margin-top: 0.35rem;
    padding: 0.55rem;
    color: var(--nc-dark);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 12px;
}

.nc-dashboard-calendar-slot-menu > button:hover,
.nc-dashboard-calendar-slot-menu > button:focus-visible {
    background: var(--nc-primary-soft);
    outline: none;
}

.nc-dashboard-calendar-slot-menu > button:disabled {
    cursor: wait;
    opacity: 0.68;
}

.nc-dashboard-calendar-slot-menu > button:disabled:hover {
    background: transparent;
}

.nc-dashboard-calendar-slot-menu > button > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.18);
    border-radius: 12px;
}

.nc-dashboard-calendar-slot-menu > button > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
}

.nc-dashboard-calendar-slot-menu > button strong {
    font-size: 0.82rem;
    font-weight: 850;
}

.nc-dashboard-calendar-slot-menu > button small {
    color: var(--nc-muted);
    font-size: 0.72rem;
    line-height: 1.3;
}

.nc-dashboard-quick-space-dialog {
    max-width: 920px;
}

.nc-dashboard-quick-space-modal .modal-header {
    background: linear-gradient(145deg, var(--nc-white), rgba(var(--nc-primary-soft-rgb), 0.42));
}

.nc-dashboard-quick-space-modal .modal-body {
    padding: 1.25rem 1.5rem 1.35rem;
}

.nc-dashboard-quick-space-recurrence {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    overflow: hidden;
    margin-bottom: 1.25rem;
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.72), rgba(255, 255, 255, 0.86));
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 18px;
}

.nc-dashboard-quick-space-recurrence-intro,
.nc-dashboard-quick-space-recurrence-detail {
    padding: 1.15rem;
}

.nc-dashboard-quick-space-recurrence-intro {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.nc-dashboard-quick-space-recurrence-icon,
.nc-dashboard-quick-space-summary-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-rgb), 0.12);
    border-radius: 50%;
    font-size: 1.15rem;
}

.nc-dashboard-quick-space-recurrence-intro h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.02rem;
    font-weight: 900;
}

.nc-dashboard-quick-space-recurrence-intro p {
    margin: 0.28rem 0 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.nc-dashboard-quick-space-recurrence-detail {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.45rem 0.75rem;
    align-items: center;
    border-left: 1px solid rgba(var(--nc-primary-rgb), 0.18);
}

.nc-dashboard-quick-space-day-label {
    color: var(--nc-muted);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.nc-dashboard-quick-space-day-pill {
    justify-self: start;
    padding: 0.4rem 0.8rem;
    color: var(--nc-white);
    background: var(--nc-primary);
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 900;
}

.nc-dashboard-quick-space-repeat-note {
    display: flex;
    grid-column: 1 / -1;
    gap: 0.55rem;
    align-items: center;
    padding: 0.65rem 0.75rem;
    color: var(--nc-primary-dark);
    background: rgba(255, 255, 255, 0.72);
    border-radius: 12px;
    font-size: 0.84rem;
    font-weight: 800;
}

.nc-dashboard-quick-space-recurrence-detail > small {
    grid-column: 1 / -1;
    color: var(--nc-muted);
    font-size: 0.74rem;
    line-height: 1.4;
}

.nc-dashboard-quick-space-summary {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    margin-top: 1.15rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.7), rgba(255, 255, 255, 0.84));
    border: 1px solid rgba(var(--nc-primary-rgb), 0.24);
    border-radius: 16px;
}

.nc-dashboard-quick-space-summary-icon {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}

.nc-dashboard-quick-space-summary.is-invalid {
    background: rgba(217, 75, 89, 0.07);
    border-color: rgba(217, 75, 89, 0.34);
}

.nc-dashboard-quick-space-summary.is-invalid .nc-dashboard-quick-space-summary-icon,
.nc-dashboard-quick-space-summary.is-invalid .nc-dashboard-quick-space-summary-copy > strong {
    color: var(--nc-danger);
}

.nc-dashboard-quick-space-summary-copy {
    min-width: 0;
}

.nc-dashboard-quick-space-summary-copy > span,
.nc-dashboard-quick-space-summary-copy > strong,
.nc-dashboard-quick-space-summary-copy > p {
    display: block;
}

.nc-dashboard-quick-space-summary-copy > span {
    color: var(--nc-primary-dark);
    font-size: 0.74rem;
    font-weight: 900;
}

.nc-dashboard-quick-space-summary-copy > strong {
    margin-top: 0.12rem;
    color: var(--nc-dark);
    font-size: 0.94rem;
    line-height: 1.4;
}

.nc-dashboard-quick-space-summary-copy > p {
    margin: 0.18rem 0 0;
    color: var(--nc-muted);
    font-size: 0.8rem;
    line-height: 1.4;
}

@media (max-width: 767.98px) {
    .nc-dashboard-quick-space-modal .modal-body {
        padding: 1rem;
    }

    .nc-dashboard-quick-space-recurrence {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-dashboard-quick-space-recurrence-detail {
        padding-top: 0.9rem;
        border-top: 1px solid rgba(var(--nc-primary-rgb), 0.18);
        border-left: 0;
    }

    .nc-dashboard-quick-space-summary {
        align-items: flex-start;
    }
}

.nc-dashboard-calendar-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: 0.8rem 0.95rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(var(--nc-primary-soft-rgb), 0.36));
    border: 1px solid rgba(var(--nc-border-rgb), 0.72);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.nc-dashboard-calendar-option {
    display: flex;
    align-items: center;
    gap: 0.58rem;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.nc-dashboard-calendar-option .form-check-input {
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
}

.nc-dashboard-calendar-option .form-check-label {
    color: var(--nc-dark);
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.35;
    cursor: pointer;
}

.nc-dashboard-calendar-options > small {
    max-width: 430px;
    color: var(--nc-muted);
    font-size: 0.76rem;
    line-height: 1.4;
    text-align: right;
}

@media (max-width: 767.98px) {
    .nc-dashboard-calendar-options {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.42rem;
    }

    .nc-dashboard-calendar-options > small {
        padding-left: 2.5rem;
        text-align: left;
    }
}

.nc-dashboard-calendar.nc-dashboard-now-indicator-visible :is(
    .fc-timegrid-now-indicator-line,
    .fc-timegrid-now-indicator-arrow
) {
    opacity: 0;
    pointer-events: none;
}

.nc-dashboard-calendar .fc-timegrid-body {
    position: relative;
}

.nc-dashboard-current-time-indicator {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    pointer-events: none;
    transform: translateY(-50%);
}

.nc-dashboard-current-time-indicator::after {
    flex: 1 1 auto;
    height: 2px;
    background: var(--nc-primary);
    box-shadow: 0 1px 6px rgba(var(--nc-primary-rgb), 0.28);
    content: "";
}

.nc-dashboard-current-time-label {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    height: 22px;
    padding: 0 0.42rem;
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border-radius: 999px;
    box-shadow: 0 5px 14px rgba(var(--nc-primary-rgb), 0.28);
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
}

.nc-dashboard-metric-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    min-height: 112px;
    padding: 0.95rem 1rem;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(var(--nc-primary-soft-rgb), 0.42));
    border: 1px solid rgba(var(--nc-border-rgb), 0.72);
    border-radius: 22px;
    box-shadow:
        0 16px 38px rgba(var(--nc-primary-dark-rgb), 0.1),
        0 3px 10px rgba(41, 37, 42, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
    backdrop-filter: blur(14px) saturate(125%);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.nc-dashboard-metric-icon,
.nc-dashboard-action-tile > span,
.nc-dashboard-money-tile > span,
.nc-dashboard-suggestion-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    flex: 0 0 auto;
}

.nc-dashboard-metric-icon.is-success,
.nc-dashboard-money-tile.is-success > span {
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.22);
}

.nc-dashboard-metric-icon.is-warning,
.nc-dashboard-money-tile.is-warning > span {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border-color: rgba(201, 133, 24, 0.22);
}

.nc-dashboard-metric-icon.is-info,
.nc-dashboard-money-tile.is-info > span {
    color: var(--nc-info);
    background: var(--nc-info-soft);
    border-color: rgba(58, 124, 165, 0.22);
}

.nc-dashboard-metric-icon {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-primary);
    border-color: rgba(255, 255, 255, 0.62);
    box-shadow: 0 10px 22px rgba(var(--nc-primary-dark-rgb), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.nc-dashboard-metric-icon.is-success {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-success);
    border-color: rgba(255, 255, 255, 0.62);
}

.nc-dashboard-metric-icon.is-warning {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.32), transparent 52%),
        var(--nc-warning);
    border-color: rgba(255, 255, 255, 0.62);
}

.nc-dashboard-metric-icon.is-info {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-info);
    border-color: rgba(255, 255, 255, 0.62);
}

.nc-dashboard-metric-card small,
.nc-dashboard-metric-card span[data-dashboard-stat] {
    display: block;
    color: var(--nc-muted);
}

.nc-dashboard-metric-card small {
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.25;
}

.nc-dashboard-metric-label {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
}

.nc-dashboard-metric-help {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    color: var(--nc-muted);
    background: transparent;
    border: 0;
    border-radius: 999px;
    font-size: 0.78rem;
    line-height: 1;
}

.nc-dashboard-metric-help:hover,
.nc-dashboard-metric-help:focus-visible {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    outline: none;
}

.nc-dashboard-metric-card strong {
    display: block;
    margin: 0.1rem 0 0.14rem;
    color: var(--nc-dark);
    font-size: clamp(1.35rem, 2vw, 1.6rem);
    font-weight: 950;
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.nc-dashboard-metric-card span[data-dashboard-stat] {
    font-size: 0.76rem;
    line-height: 1.3;
}

@media (hover: hover) and (pointer: fine) {
    .nc-dashboard-metric-card:hover {
        transform: translateY(-2px);
        border-color: rgba(var(--nc-primary-rgb), 0.26);
        box-shadow:
            0 20px 44px rgba(var(--nc-primary-dark-rgb), 0.13),
            0 4px 12px rgba(41, 37, 42, 0.04),
            inset 0 1px 0 rgba(255, 255, 255, 0.94);
    }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .nc-dashboard-metric-card {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(var(--nc-primary-soft-rgb), 0.78));
    }
}

.nc-dashboard-stat-loader {
    display: inline-grid;
    place-items: center;
    min-width: 1.1em;
    color: var(--nc-primary-dark);
    line-height: 1;
}

.nc-expenses-indicator-loader {
    display: inline-grid;
    place-items: center;
    min-width: 1.1em;
    color: var(--nc-primary-dark);
    line-height: 1;
}

/* Informative cards: guarantees, expenses and refunds */
.nc-guarantees-list,
.nc-crud-cards-list,
.nc-refund-cards-list {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    min-width: 0;
}

.nc-guarantee-list-card,
.nc-expense-list-card,
.nc-refund-list-card {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 8px;
    background: var(--nc-white);
    box-shadow: 0 9px 22px rgba(75, 36, 56, 0.06);
}

.nc-guarantee-list-card.is-success,
.nc-expense-list-card.is-applied {
    border-left-color: #35a653;
}

.nc-guarantee-list-card.is-danger,
.nc-expense-list-card.is-voided,
.nc-refund-list-card.is-voided {
    border-left-color: #d14d61;
}

.nc-guarantee-list-card.is-muted {
    border-left-color: #9a949b;
}

.nc-refund-list-card.is-applied {
    border-left-color: #e09a2a;
}

.nc-directory-list-card {
    width: 100%;
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--nc-border);
    border-radius: 8px;
    background: var(--nc-white);
    box-shadow: 0 9px 22px rgba(75, 36, 56, 0.06);
}

.nc-directory-list-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-directory-list-heading {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
    padding: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
}

.nc-directory-list-heading:hover strong,
.nc-directory-list-heading:focus strong {
    color: var(--nc-primary-dark);
    text-decoration: underline;
}

.nc-directory-list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    font-size: 1.05rem;
}

.nc-clienta-list-card .nc-directory-list-icon {
    color: #7f5fc9;
    background: #f1edff;
}

.nc-clienta-list-card .nc-clienta-list-photo {
    overflow: hidden;
}

.nc-clienta-list-card .nc-clienta-list-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nc-servicio-list-card .nc-directory-list-icon {
    color: #b57300;
    background: #fff6df;
}

.nc-directory-list-heading > span:last-child {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.nc-directory-list-heading small,
.nc-directory-list-info span,
.nc-directory-list-secondary span {
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.nc-directory-list-heading strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 1.08rem;
    line-height: 1.18;
}

.nc-directory-list-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2px;
}

.nc-directory-list-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.9rem 1rem;
}

.nc-directory-list-info {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
}

.nc-directory-list-info > i {
    flex: 0 0 auto;
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-clienta-list-card .nc-directory-list-info > i {
    color: #7f5fc9;
}

.nc-servicio-list-card .nc-directory-list-info > i {
    color: #b57300;
}

.nc-servicio-adicional-list-card .nc-directory-list-icon,
.nc-servicio-adicional-list-card .nc-directory-list-info > i {
    color: #7f5fc9;
}

.nc-servicio-adicional-list-card .nc-directory-list-icon {
    background: #f1edff;
}

.nc-costo-fijo-list-card .nc-directory-list-icon,
.nc-costo-fijo-list-card .nc-directory-list-info > i {
    color: #b57300;
}

.nc-costo-fijo-list-card .nc-directory-list-icon {
    background: #fff6df;
}

.nc-costo-variable-list-card .nc-directory-list-icon,
.nc-costo-variable-list-card .nc-directory-list-info > i {
    color: #18826a;
}

.nc-costo-variable-list-card .nc-directory-list-icon {
    background: #e7f7f1;
}

.nc-directory-list-info > div {
    min-width: 0;
}

.nc-directory-list-info span,
.nc-directory-list-info strong {
    display: block;
}

.nc-directory-list-info strong,
.nc-directory-list-secondary strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.9rem;
    line-height: 1.28;
}

.nc-directory-list-note {
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.14);
}

.nc-directory-list-note span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--nc-primary-dark);
    font-size: 0.76rem;
    font-weight: 800;
}

.nc-directory-list-note p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.88rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.nc-directory-list-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.22);
}

.nc-clienta-list-card-footer {
    justify-content: flex-end;
}

.nc-directory-list-secondary {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.nc-manicurista-servicio-comision {
    gap: 0.4rem;
}

.nc-manicurista-servicio-estimacion {
    display: grid;
    gap: 0.12rem;
}

.nc-manicurista-servicio-comision small {
    color: var(--nc-muted);
    font-size: 0.78rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.nc-directory-list-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.nc-directory-list-actions > .nc-crud-row-actions-inline {
    display: none;
}

/* The compact action menu remains available on every card layout, not only on mobile tables. */
.nc-crud-cards-list .nc-crud-row-actions-dropdown,
.nc-expense-list-actions .nc-crud-row-actions-dropdown,
.nc-refund-list-actions .nc-crud-row-actions-dropdown {
    display: block;
}

@media (max-width: 767.98px) {
    .nc-directory-list-card-header,
    .nc-directory-list-card-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-directory-list-badges,
    .nc-directory-list-actions {
        justify-content: flex-start;
    }

    .nc-clienta-list-card-footer {
        align-items: stretch;
    }

    .nc-clienta-list-card-footer .nc-directory-list-actions {
        justify-content: flex-end;
        width: 100%;
    }

    .nc-payments-list-header-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
    }

    .nc-directory-list-overview {
        grid-template-columns: 1fr;
    }
}

.nc-guarantee-list-card-header,
.nc-expense-list-card-header,
.nc-refund-list-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-guarantee-list-heading,
.nc-expense-list-heading,
.nc-refund-list-heading {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
    padding: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
}

.nc-guarantee-list-heading:hover strong,
.nc-guarantee-list-heading:focus strong,
.nc-expense-list-heading:hover strong,
.nc-expense-list-heading:focus strong {
    color: var(--nc-primary-dark);
    text-decoration: underline;
}

.nc-guarantee-list-icon,
.nc-expense-list-icon,
.nc-refund-list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    font-size: 1.05rem;
}

.nc-refund-list-icon {
    color: #b57300;
    background: #fff6df;
}

.nc-guarantee-list-heading > span:last-child,
.nc-expense-list-heading > span:last-child,
.nc-refund-list-heading > span:last-child {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.nc-guarantee-list-heading small,
.nc-expense-list-heading small,
.nc-refund-list-heading small,
.nc-guarantee-list-info span,
.nc-expense-list-info span,
.nc-refund-list-info span,
.nc-guarantee-list-limit span,
.nc-expense-list-amount span,
.nc-refund-list-amount span {
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.nc-guarantee-list-heading strong,
.nc-expense-list-heading strong,
.nc-refund-list-heading strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 1.08rem;
    line-height: 1.18;
}

.nc-guarantee-list-heading em,
.nc-expense-list-heading em,
.nc-refund-list-heading em {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-style: normal;
}

.nc-guarantee-list-badges,
.nc-expense-list-badges,
.nc-refund-list-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2px;
}

.nc-guarantee-list-overview,
.nc-expense-list-overview,
.nc-refund-list-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.9rem 1rem;
}

.nc-guarantee-list-info,
.nc-expense-list-info,
.nc-refund-list-info {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
}

.nc-guarantee-list-info > i,
.nc-expense-list-info > i,
.nc-refund-list-info > i {
    flex: 0 0 auto;
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-refund-list-info > i {
    color: #b57300;
}

.nc-guarantee-list-info > div,
.nc-expense-list-info > div,
.nc-refund-list-info > div {
    min-width: 0;
}

.nc-guarantee-list-info span,
.nc-guarantee-list-info strong,
.nc-guarantee-list-info small,
.nc-expense-list-info span,
.nc-expense-list-info strong,
.nc-refund-list-info span,
.nc-refund-list-info strong {
    display: block;
}

.nc-guarantee-list-info strong,
.nc-expense-list-info strong,
.nc-refund-list-info strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.9rem;
    line-height: 1.28;
}

.nc-guarantee-list-info small {
    margin-top: 0.12rem;
    color: var(--nc-muted);
    font-size: 0.75rem;
}

.nc-guarantee-list-card-footer,
.nc-expense-list-card-footer,
.nc-refund-list-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.22);
}

.nc-guarantee-list-limit,
.nc-expense-list-amount,
.nc-refund-list-amount {
    display: grid;
    gap: 0.08rem;
}

.nc-guarantee-list-limit strong,
.nc-expense-list-amount strong,
.nc-refund-list-amount strong {
    color: var(--nc-dark);
    font-size: 1rem;
    line-height: 1.2;
}

.nc-expense-list-amount strong {
    color: var(--nc-primary-dark);
}

.nc-refund-list-amount strong {
    color: #b57300;
}

.nc-expense-list-actions,
.nc-refund-list-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

@media (max-width: 767.98px) {
    .nc-guarantee-list-card-header,
    .nc-expense-list-card-header,
    .nc-refund-list-card-header,
    .nc-guarantee-list-card-footer,
    .nc-expense-list-card-footer,
    .nc-refund-list-card-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-guarantee-list-badges,
    .nc-expense-list-badges,
    .nc-refund-list-badges,
    .nc-expense-list-actions,
    .nc-refund-list-actions {
        justify-content: flex-start;
    }

    .nc-guarantee-list-overview,
    .nc-expense-list-overview,
    .nc-refund-list-overview {
        grid-template-columns: 1fr;
    }
}

.nc-dashboard-client-split .nc-dashboard-stat-loader {
    font-size: 0.92rem;
}

.nc-dashboard-client-metric {
    align-items: start;
}

.nc-dashboard-client-split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.48rem;
}

.nc-dashboard-client-split > span {
    display: grid;
    gap: 0.05rem;
    min-width: 0;
}

.nc-dashboard-client-split b {
    color: var(--nc-dark);
    font-size: 1.18rem;
    font-weight: 950;
    line-height: 1.1;
}

.nc-dashboard-client-split small {
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.25;
}

.nc-dashboard-client-split em {
    color: var(--nc-primary-dark);
    font-style: normal;
    font-weight: 950;
}

.nc-dashboard-client-note {
    display: block;
    margin-top: 0.42rem;
    color: var(--nc-muted);
    font-size: 0.73rem;
    line-height: 1.25;
}

.nc-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.8fr);
    gap: 1.25rem;
    align-items: start;
}

.nc-dashboard-grid.nc-dashboard-side-empty {
    grid-template-columns: minmax(0, 1fr);
}

.nc-dashboard-main,
.nc-dashboard-side {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.nc-dashboard-side {
    position: sticky;
    top: calc(var(--nc-topbar-height) + 18px);
}

.nc-dashboard-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.nc-dashboard-agenda-filter-panel {
    display: grid;
    gap: 0.72rem;
    margin-bottom: 1rem;
    padding: 0.85rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(var(--nc-primary-soft-rgb), 0.5));
    border: 1px solid rgba(var(--nc-border-rgb), 0.82);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.nc-dashboard-agenda-filter-grid {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) repeat(2, minmax(170px, 0.55fr));
    gap: 0.75rem;
    align-items: start;
}

.nc-dashboard-agenda-filter-grid .form-label {
    margin-bottom: 0.32rem;
}

.nc-dashboard-agenda-timezone {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.76rem;
    line-height: 1.35;
}

.nc-dashboard-agenda-timezone i {
    color: var(--nc-primary);
}

.nc-dashboard-agenda-timezone {
    width: fit-content;
    padding: 0.25rem 0.1rem 0;
}

.nc-dashboard-action-tile {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    min-height: 118px;
    padding: 0.95rem;
    color: var(--nc-dark);
    text-decoration: none;
    background: linear-gradient(180deg, var(--nc-white), var(--nc-surface-soft));
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.nc-dashboard-action-tile:hover {
    color: var(--nc-dark);
    border-color: var(--nc-primary);
    box-shadow: var(--nc-shadow-sm);
    transform: translateY(-2px);
}

.nc-dashboard-action-tile.is-success > span {
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.22);
}

.nc-dashboard-action-tile.is-warning > span {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border-color: rgba(201, 133, 24, 0.22);
}

.nc-dashboard-action-tile.is-info > span {
    color: var(--nc-info);
    background: var(--nc-info-soft);
    border-color: rgba(58, 124, 165, 0.22);
}

.nc-dashboard-action-tile.is-danger > span {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
    border-color: rgba(217, 75, 89, 0.22);
}

.nc-dashboard-action-tile strong,
.nc-dashboard-action-tile b,
.nc-dashboard-action-tile small {
    display: block;
}

.nc-dashboard-action-title-mobile {
    display: none;
}

.nc-dashboard-compact-label {
    display: none;
}

.nc-dashboard-action-tile strong {
    margin: 0.1rem 0;
    font-size: 1.45rem;
    line-height: 1;
}

.nc-dashboard-action-tile b {
    margin: 0.15rem 0 0.2rem;
}

.nc-dashboard-action-tile small {
    color: var(--nc-muted);
    line-height: 1.35;
}

.nc-dashboard-agenda-detail-modal .modal-header {
    align-items: flex-start;
}

.nc-dashboard-agenda-detail-subtitle {
    margin: 0.3rem 0 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
    line-height: 1.4;
}

.nc-dashboard-agenda-detail-modal .modal-body {
    min-height: 320px;
    padding: 1rem;
}

.nc-dashboard-agenda-detail-list {
    display: grid;
    gap: 0.8rem;
}

.nc-dashboard-agenda-detail-card {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(var(--nc-primary-dark-rgb), 0.07);
}

.nc-dashboard-agenda-detail-card.is-success {
    border-left-color: var(--nc-success);
}

.nc-dashboard-agenda-detail-card.is-warning {
    border-left-color: var(--nc-warning);
}

.nc-dashboard-agenda-detail-card.is-danger,
.nc-dashboard-agenda-detail-card.is-overdue {
    border-left-color: var(--nc-danger);
}

.nc-dashboard-agenda-detail-card.is-muted {
    border-left-color: var(--nc-muted);
}

.nc-dashboard-agenda-detail-card-head,
.nc-dashboard-agenda-detail-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.nc-dashboard-agenda-detail-schedule {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.nc-dashboard-agenda-detail-schedule strong {
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
}

.nc-dashboard-agenda-detail-schedule span,
.nc-dashboard-agenda-detail-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-dashboard-agenda-detail-schedule i,
.nc-dashboard-agenda-detail-meta i {
    color: var(--nc-primary-dark);
}

.nc-dashboard-agenda-detail-client {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem;
    background: var(--nc-surface-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.8);
    border-radius: 12px;
}

.nc-dashboard-agenda-detail-client > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-dashboard-agenda-detail-client div {
    display: grid;
    min-width: 0;
}

.nc-dashboard-agenda-detail-client small {
    color: var(--nc-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.nc-dashboard-agenda-detail-client strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-dashboard-agenda-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
}

.nc-dashboard-agenda-detail-warning {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
    border: 1px solid rgba(217, 75, 89, 0.2);
    border-radius: 11px;
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-dashboard-agenda-detail-card-footer {
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-dashboard-agenda-detail-card-footer > span {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-dashboard-agenda-detail-footer {
    justify-content: space-between;
}

.nc-dashboard-agenda-detail-pagination-wrap,
.nc-dashboard-agenda-detail-pagination {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.nc-dashboard-agenda-detail-pagination-wrap > span {
    color: var(--nc-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.nc-dashboard-agenda-detail-skeleton {
    display: grid;
    gap: 0.8rem;
}

.nc-dashboard-agenda-detail-skeleton-card {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-dashboard-agenda-detail-skeleton-card > span {
    display: block;
    width: 100%;
    height: 12px;
    background: linear-gradient(90deg, var(--nc-primary-soft) 20%, var(--nc-white) 50%, var(--nc-primary-soft) 80%);
    background-size: 220% 100%;
    border-radius: 999px;
    animation: nc-dashboard-agenda-detail-skeleton 1.25s ease-in-out infinite;
}

.nc-dashboard-agenda-detail-skeleton-card > span.is-title {
    width: 72%;
    height: 20px;
}

.nc-dashboard-agenda-detail-skeleton-card > span.is-medium {
    width: 58%;
}

.nc-dashboard-agenda-detail-skeleton-card > span.is-short {
    width: 34%;
}

.nc-dashboard-agenda-detail-error .nc-btn {
    margin-top: 0.25rem;
}

@keyframes nc-dashboard-agenda-detail-skeleton {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -120% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-dashboard-agenda-detail-skeleton-card > span {
        animation: none;
    }
}

.nc-dashboard-list {
    display: grid;
    gap: 0.8rem;
}

.nc-dashboard-commission-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1rem;
}

.nc-dashboard-commission-actions > .nc-btn {
    flex: 1 1 auto;
}

.nc-dashboard-commissions-dialog {
    --bs-modal-width: 1240px;
}

.nc-modal.nc-dashboard-commissions-modal {
    background: var(--nc-surface, #fff);
}

.nc-modal.nc-dashboard-commissions-modal .modal-header,
.nc-modal.nc-dashboard-commissions-modal .modal-footer {
    padding: 1.25rem 1.5rem;
    background: var(--nc-surface, #fff);
    border-color: var(--nc-border);
}

.nc-dashboard-commissions-modal .modal-header {
    align-items: flex-start;
}

.nc-dashboard-commissions-modal .modal-footer {
    display: flex;
}

.nc-dashboard-commissions-modal .modal-title {
    margin-top: 0.25rem;
    font-size: clamp(1.3rem, 2.4vw, 1.9rem);
    line-height: 1.2;
}

.nc-modal.nc-dashboard-commissions-modal .modal-body {
    min-width: 0;
    padding: 1.25rem 1.5rem 1.5rem;
    overflow-x: hidden;
    background: var(--nc-surface, #fff);
}

.nc-commission-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.nc-commission-summary-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.85rem;
    min-height: 96px;
    padding: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    background: linear-gradient(135deg, var(--nc-surface, #fff), var(--nc-surface-soft));
    overflow-wrap: anywhere;
}

.nc-commission-icon {
    --nc-commission-icon-size: 46px;
    display: inline-flex;
    flex: 0 0 var(--nc-commission-icon-size);
    align-items: center;
    justify-content: center;
    width: var(--nc-commission-icon-size);
    height: var(--nc-commission-icon-size);
    border-radius: 50%;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    font-size: 1.4rem;
    line-height: 1;
}

.nc-commission-icon > i {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: 1;
}

.nc-commission-summary-copy,
.nc-commission-amount > div {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.nc-commission-summary-copy > span,
.nc-commission-amount > div > span {
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.nc-commission-summary-label {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.nc-commission-summary-label .nc-label-help {
    flex: 0 0 18px;
    margin-left: 0.1rem;
}

.nc-commission-summary-copy > strong {
    color: var(--nc-dark);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.nc-commission-summary-item.is-primary {
    background: var(--nc-primary-soft);
}

.nc-commission-summary-item.is-primary strong,
.nc-commission-amount.is-primary strong {
    color: var(--nc-primary-dark);
}

.nc-commission-explanation {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    margin-bottom: 1.25rem;
    border: 1px solid var(--nc-warning-soft);
    border-radius: 12px;
    background: var(--nc-warning-soft);
    color: var(--nc-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

.nc-commission-explanation > i {
    margin-top: 0.1rem;
    color: var(--nc-warning);
    font-size: 1.3rem;
    line-height: 1;
}

.nc-commission-explanation > p {
    margin: 0;
}

.nc-commission-list-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-bottom: 0.85rem;
}

.nc-commission-list-heading > h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.15rem;
    font-weight: 800;
}

.nc-commission-list-heading > span {
    color: var(--nc-muted);
    font-size: 0.85rem;
}

.nc-commission-movements {
    display: grid;
    gap: 0.85rem;
}

.nc-commission-movement {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    align-items: stretch;
    gap: 1.2rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    background: var(--nc-surface, #fff);
    overflow-wrap: anywhere;
}

.nc-commission-movement-main {
    min-width: 0;
}

.nc-commission-movement-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.nc-commission-icon.is-service {
    --nc-commission-icon-size: 60px;
    font-size: 1.7rem;
}

.nc-commission-movement-header h6 {
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 0.3rem;
}

.nc-commission-movement-header p {
    color: var(--nc-muted);
    font-size: 0.85rem;
    margin: 0;
}

.nc-commission-totals {
    display: flex;
    min-width: 0;
    padding-left: 1.1rem;
    border-left: 1px solid var(--nc-border);
}

.nc-commission-totals-panel {
    display: grid;
    align-content: center;
    gap: 0.85rem;
    width: 100%;
    min-width: 0;
    padding: 1rem;
    border-radius: 12px;
    background: var(--nc-primary-soft);
}

.nc-commission-amount {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.nc-commission-amount + .nc-commission-amount {
    padding-top: 0.85rem;
    border-top: 1px solid var(--nc-border);
}

.nc-commission-amount .nc-commission-icon {
    --nc-commission-icon-size: 40px;
    background: var(--nc-surface, #fff);
    font-size: 1.2rem;
}

.nc-commission-amount strong {
    color: var(--nc-dark);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.nc-commission-amount.is-primary strong {
    font-size: 1.6rem;
}

.nc-commission-metadata {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.2rem;
    margin: 0.85rem 0 1rem 76px;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-commission-metadata > a,
.nc-commission-metadata > span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.nc-commission-metadata > a {
    color: var(--nc-muted);
    text-decoration: none;
}

.nc-commission-metadata > a:hover,
.nc-commission-metadata > a:focus-visible {
    color: var(--nc-primary-dark);
    text-decoration: underline;
}

.nc-commission-metadata i {
    flex: 0 0 1rem;
    width: 1rem;
    color: var(--nc-primary-dark);
    font-size: 1rem;
    line-height: 1;
    text-align: center;
}

.nc-commission-calculation {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: var(--nc-surface-soft);
    color: var(--nc-muted);
    font-size: 0.83rem;
    line-height: 1.5;
}

.nc-commission-calculation > i {
    color: var(--nc-dark);
    font-size: 1rem;
}

.nc-dashboard-commissions-modal .modal-footer > .nc-btn {
    min-width: 120px;
}

.nc-dashboard-commissions-modal .modal-footer .nc-btn-light {
    border: 1px solid var(--nc-border);
    background: var(--nc-surface, #fff);
}

.nc-dashboard-commissions-modal .nc-commission-page {
    min-width: 42px;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--nc-border);
    border-radius: 10px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    white-space: nowrap;
}

.nc-commission-field-errors {
    text-align: left;
    overflow-wrap: anywhere;
}

@media (min-width: 576px) {
    .nc-dashboard-commissions-dialog {
        max-width: min(1240px, calc(100% - 2rem));
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 991.98px) {
    .nc-commission-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-commission-movement {
        grid-template-columns: minmax(0, 1fr) 225px;
        gap: 0.85rem;
    }

    .nc-commission-metadata {
        margin-left: 0;
    }

    .nc-commission-totals {
        padding-left: 0.85rem;
    }
}

@media (max-width: 767.98px) {
    .nc-modal.nc-dashboard-commissions-modal .modal-header,
    .nc-modal.nc-dashboard-commissions-modal .modal-body,
    .nc-modal.nc-dashboard-commissions-modal .modal-footer {
        padding: 1rem;
    }

    .nc-modal.nc-dashboard-commissions-modal .modal-footer {
        padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    }

    .nc-commission-summary {
        gap: 0.5rem;
    }

    .nc-commission-summary-item {
        gap: 0.6rem;
        min-height: 0;
        padding: 0.75rem;
    }

    .nc-commission-summary-copy > strong {
        font-size: 1.3rem;
    }

    .nc-commission-movement {
        grid-template-columns: minmax(0, 1fr);
        padding: 0.85rem;
    }

    .nc-commission-movement-header {
        gap: 0.75rem;
    }

    .nc-commission-icon.is-service {
        --nc-commission-icon-size: 48px;
        font-size: 1.45rem;
    }

    .nc-commission-totals {
        padding: 0.85rem 0 0;
        border-top: 1px solid var(--nc-border);
        border-left: 0;
    }

    .nc-commission-totals-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        padding: 0.85rem;
    }

    .nc-commission-amount {
        gap: 0.5rem;
    }

    .nc-commission-amount + .nc-commission-amount {
        padding: 0 0 0 0.75rem;
        border-top: 0;
        border-left: 1px solid var(--nc-border);
    }

    .nc-commission-amount .nc-commission-icon {
        --nc-commission-icon-size: 34px;
        font-size: 1.1rem;
    }

    .nc-commission-amount strong,
    .nc-commission-amount.is-primary strong {
        font-size: 1.2rem;
    }
}

@media (max-width: 575.98px) {
    .nc-commission-summary-item,
    .nc-commission-amount {
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: 0.6rem;
    }

    .nc-commission-summary-item .nc-commission-icon {
        --nc-commission-icon-size: 36px;
        font-size: 1.15rem;
    }

    .nc-commission-explanation {
        gap: 0.65rem;
        padding: 0.85rem;
        font-size: 0.8rem;
    }
}

.nc-dashboard-list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    padding: 0.9rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-dashboard-list-item strong,
.nc-dashboard-list-item small,
.nc-dashboard-list-item b,
.nc-dashboard-list-item a {
    display: block;
}

.nc-dashboard-list-item strong {
    color: var(--nc-dark);
}

.nc-dashboard-list-item small {
    color: var(--nc-muted);
}

.nc-dashboard-list-item b {
    color: var(--nc-primary-dark);
}

.nc-dashboard-list-item a {
    color: var(--nc-primary-dark);
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
}

.nc-dashboard-fixed-salaries-card {
    margin-bottom: 1.35rem;
}

.nc-dashboard-salary-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
    padding: 0.1rem 0 0.95rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-dashboard-salary-summary > div {
    display: grid;
    gap: 0.16rem;
}

.nc-dashboard-salary-summary small {
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-dashboard-salary-summary strong {
    color: var(--nc-dark);
    font-size: 1.45rem;
    font-weight: 950;
}

.nc-dashboard-money-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.nc-dashboard-money-tile {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    padding: 0.95rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-dashboard-money-tile small,
.nc-dashboard-money-tile strong,
.nc-dashboard-money-tile p {
    display: block;
}

.nc-dashboard-money-tile small {
    color: var(--nc-muted);
    font-weight: 800;
}

.nc-dashboard-money-tile strong {
    margin: 0.15rem 0;
    color: var(--nc-dark);
    font-size: 1.18rem;
    font-weight: 950;
}

.nc-dashboard-money-tile p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-dashboard-suggestion {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    color: var(--nc-dark);
    text-decoration: none;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-dashboard-suggestion:hover {
    color: var(--nc-dark);
    border-color: var(--nc-primary);
}

.nc-dashboard-suggestion strong,
.nc-dashboard-suggestion small {
    display: block;
}

.nc-dashboard-suggestion small {
    color: var(--nc-muted);
    font-size: 0.84rem;
}

.nc-dashboard-priority {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.48rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.nc-dashboard-priority.is-danger {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-dashboard-priority.is-warning {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-dashboard-priority.is-muted {
    color: var(--nc-muted);
    background: var(--nc-primary-soft);
}

.nc-dashboard-alert {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-dashboard-alert > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border-radius: 14px;
}

.nc-dashboard-alert.is-danger > span {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-dashboard-alert.is-muted > span {
    color: var(--nc-muted);
    background: var(--nc-primary-soft);
}

.nc-dashboard-alert strong,
.nc-dashboard-alert small {
    display: block;
}

.nc-dashboard-alert small {
    color: var(--nc-muted);
}

.nc-dashboard-alert b {
    color: var(--nc-primary-dark);
}

.nc-dashboard-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.nc-dashboard-activity-card {
    --nc-activity-color: var(--nc-primary-dark);
    --nc-activity-soft: var(--nc-primary-soft);
    display: grid;
    align-content: start;
    min-width: 0;
    overflow: hidden;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(232, 93, 143, 0.05);
}

.nc-dashboard-activity-card.is-ordenes {
    --nc-activity-color: var(--nc-info);
    --nc-activity-soft: var(--nc-info-soft);
}

.nc-dashboard-activity-card.is-citas {
    --nc-activity-color: var(--nc-success);
    --nc-activity-soft: var(--nc-success-soft);
}

.nc-dashboard-activity-card.is-cotizaciones {
    --nc-activity-color: var(--nc-warning);
    --nc-activity-soft: var(--nc-warning-soft);
}

.nc-dashboard-activity-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(90deg, var(--nc-activity-soft), rgba(255, 255, 255, 0.75));
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.8);
}

.nc-dashboard-activity-head span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--nc-activity-color);
    background: var(--nc-activity-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.15);
    border-radius: 12px;
}

.nc-dashboard-activity-head strong {
    min-width: 0;
    overflow: hidden;
    color: var(--nc-dark);
    font-size: 1.05rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-dashboard-activity-head a,
.nc-dashboard-activity-link {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.75rem;
    color: var(--nc-activity-color);
    background: var(--nc-activity-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.18);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
}

.nc-dashboard-activity-head a:hover,
.nc-dashboard-activity-link:hover {
    color: var(--nc-white);
    background: var(--nc-activity-color);
    border-color: var(--nc-activity-color);
}

.nc-dashboard-activity-list {
    display: grid;
    padding: 0.55rem 1rem 0.8rem;
}

.nc-dashboard-activity-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.7);
}

.nc-dashboard-activity-item:last-child {
    border-bottom: 0;
}

.nc-dashboard-activity-item-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: var(--nc-activity-color);
    background: var(--nc-activity-soft);
    border-radius: 999px;
    font-size: 0.82rem;
}

.nc-dashboard-activity-item-main {
    min-width: 0;
}

.nc-dashboard-activity-item-main strong,
.nc-dashboard-activity-item-main small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-dashboard-activity-item-main strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-dashboard-activity-item-main small {
    margin-top: 0.1rem;
    color: var(--nc-muted);
    font-size: 0.83rem;
}

.nc-dashboard-activity-item b {
    color: var(--nc-activity-color);
    font-weight: 900;
    white-space: nowrap;
}

.nc-dashboard-activity-empty {
    padding: 1rem 0;
    color: var(--nc-muted);
    text-align: center;
}

@media (max-width: 1399.98px) {
    .nc-dashboard-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-dashboard-activity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-dashboard-action-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-dashboard-money-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    .nc-dashboard-controls,
    .nc-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .nc-dashboard-manicurista-secondary-grid {
        grid-template-columns: 1fr;
    }

    .nc-dashboard-manicurista-view .nc-dashboard-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-dashboard-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-dashboard-side {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .nc-dashboard-performance-filter-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .nc-dashboard-header-actions .nc-dashboard-header-create {
        display: none;
    }

    .nc-dashboard-mobile-shortcuts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.55rem;
        margin-top: 0.85rem;
        margin-bottom: 0.85rem;
        padding: 0.75rem;
    }

    .nc-dashboard-mobile-shortcuts .nc-btn {
        min-height: 42px;
        justify-content: center;
        padding-right: 0.55rem;
        padding-left: 0.55rem;
        font-size: 0.83rem;
        white-space: nowrap;
    }

    #ncDashboardMobileQuoteBtn {
        gap: 0.3rem;
    }

    .nc-dashboard-calendar-link-full {
        display: none;
    }

    .nc-dashboard-calendar-link-mobile {
        display: inline;
    }

    .nc-dashboard-summary-grid,
    .nc-dashboard-filter-grid,
    .nc-dashboard-agenda-filter-grid,
    .nc-dashboard-performance-filter-grid,
    .nc-dashboard-activity-grid {
        grid-template-columns: 1fr;
    }

    .nc-dashboard-agenda-filter-panel {
        margin-bottom: 0.7rem;
        padding: 0.7rem;
        border-radius: 16px;
    }

    .nc-dashboard-summary-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-dashboard-scope-badge {
        align-self: flex-start;
    }

    .nc-dashboard-manicurista-view {
        gap: 0.9rem;
        margin-top: 0.85rem;
    }

    .nc-dashboard-manicurista-view .nc-dashboard-action-grid {
        grid-template-columns: 1fr;
    }

    .nc-dashboard-manicurista-agenda-card .nc-card-header {
        align-items: flex-start;
    }

    .nc-dashboard-next-appointment-card.has-next-appointment > .nc-card-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 108px;
        align-items: start;
    }

    .nc-dashboard-next-appointment-card.has-next-appointment > .nc-card-header > div:first-child {
        grid-column: 1;
    }

    .nc-dashboard-next-appointment-card > .nc-card-header .nc-btn {
        grid-column: 1 / -1;
        align-self: stretch;
        justify-content: center;
    }

    .nc-dashboard-next-appointment-preparation {
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .nc-dashboard-next-appointment-nali {
        position: absolute;
        z-index: 2;
        top: 0.45rem;
        right: 0.85rem;
        display: block;
        width: 108px;
        height: 108px;
        margin: 0;
        pointer-events: none;
    }

    .nc-dashboard-next-appointment-nali img {
        width: 100%;
        max-width: none;
    }

    .nc-dashboard-next-appointment-summary {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 0.85rem;
    }

    .nc-dashboard-next-appointment-avatar {
        align-self: start;
    }

    .nc-dashboard-next-appointment-main {
        display: contents;
    }

    .nc-dashboard-next-appointment-title {
        align-self: center;
        align-items: flex-start;
    }

    .nc-dashboard-next-appointment-meta {
        grid-column: 1 / -1;
        margin-top: 0;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(var(--nc-border-rgb), 0.62);
    }

    .nc-dashboard-next-appointment-insights,
    .nc-dashboard-next-appointment-details {
        grid-template-columns: 1fr;
    }

    .nc-dashboard-action-grid,
    .nc-dashboard-money-grid {
        grid-template-columns: 1fr;
        gap: 0.55rem;
        padding: 0.35rem;
        background: var(--nc-surface-soft);
        border: 1px solid rgba(var(--nc-border-rgb), 0.8);
        border-radius: 18px;
    }

    #ncDashboardAgenda {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #ncDashboardSales {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #ncDashboardSales .nc-dashboard-money-tile > div {
        display: flex;
        flex-direction: column;
    }

    #ncDashboardSales .nc-dashboard-money-tile strong {
        order: 1;
    }

    #ncDashboardSales .nc-dashboard-money-tile small {
        order: 2;
    }

    #ncDashboardSales .nc-dashboard-money-tile p {
        order: 3;
    }

    .nc-dashboard-full-label {
        display: none;
    }

    .nc-dashboard-compact-label {
        display: inline;
    }

    #ncDashboardAgenda .nc-dashboard-action-title-full {
        display: none;
    }

    #ncDashboardAgenda .nc-dashboard-action-title-mobile {
        display: inline;
    }

    .nc-dashboard-action-tile,
    .nc-dashboard-money-tile {
        min-height: 0;
        padding: 0.7rem;
        background: var(--nc-white);
        border-radius: 14px;
        box-shadow: none;
    }

    .nc-dashboard-action-tile > span,
    .nc-dashboard-money-tile > span {
        width: 38px;
        height: 38px;
        border-radius: 13px;
    }

    .nc-dashboard-action-tile strong,
    .nc-dashboard-money-tile strong {
        margin: 0;
        font-size: 1.08rem;
        line-height: 1.15;
    }

    .nc-dashboard-action-tile b,
    .nc-dashboard-money-tile small {
        margin: 0.08rem 0 0;
        font-size: 0.92rem;
        line-height: 1.2;
    }

    .nc-dashboard-action-tile small,
    .nc-dashboard-money-tile p {
        display: none;
    }

    .nc-dashboard-agenda-detail-modal .modal-body {
        min-height: 260px;
        padding: 0.75rem;
    }

    .nc-dashboard-agenda-detail-card {
        gap: 0.7rem;
        padding: 0.8rem;
    }

    .nc-dashboard-agenda-detail-card-head {
        align-items: flex-start;
    }

    .nc-dashboard-agenda-detail-meta {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .nc-dashboard-agenda-detail-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-dashboard-agenda-detail-footer > .nc-btn,
    .nc-dashboard-agenda-detail-pagination-wrap {
        width: 100%;
    }

    .nc-dashboard-agenda-detail-pagination-wrap {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-dashboard-agenda-detail-pagination-wrap > span {
        text-align: center;
    }

    .nc-dashboard-agenda-detail-pagination {
        justify-content: space-between;
    }

    .nc-dashboard-list-item,
    .nc-dashboard-alert {
        grid-template-columns: 1fr;
    }

    .nc-dashboard-suggestion {
        grid-template-areas: "icon copy priority";
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.65rem;
        align-items: center;
    }

    .nc-dashboard-suggestion-icon {
        grid-area: icon;
    }

    .nc-dashboard-suggestion > span:nth-child(2) {
        grid-area: copy;
    }

    .nc-dashboard-suggestion > .nc-dashboard-priority {
        grid-area: priority;
        justify-self: end;
    }

    .nc-dashboard-list-item .text-end {
        text-align: left !important;
    }

    .nc-dashboard-salary-summary {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }
}

.nc-quick-links {
    display: grid;
    gap: 0.7rem;
}

.nc-quick-links a {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 12px 14px;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    font-weight: 800;
}

.nc-quick-links a i {
    width: 18px;
    color: var(--nc-primary-dark);
}

.nc-feature-list {
    display: grid;
    gap: 0.9rem;
}

.nc-feature-item {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1.2fr);
    gap: 1rem;
    align-items: center;
    padding: 14px;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-feature-item strong,
.nc-feature-item small {
    display: block;
}

.nc-feature-item small {
    color: var(--nc-muted);
}

/* Calendar */
.nc-calendar {
    min-height: 620px;
}

.nc-calendar-filter {
    width: 180px;
}

.nc-calendar .fc {
    color: var(--nc-dark);
}

.nc-calendar .fc-toolbar {
    gap: 0.8rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.nc-calendar .fc-toolbar-title {
    font-size: 1.25rem;
    font-weight: 900;
}

.nc-calendar .fc-button {
    min-height: 36px;
    padding: 0.45rem 0.75rem;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-weight: 800;
    box-shadow: none;
}

.nc-calendar .fc-button:hover,
.nc-calendar .fc-button:focus,
.nc-calendar .fc-button-primary:not(:disabled).fc-button-active {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    box-shadow: none;
}

.nc-calendar .fc-button:disabled {
    color: var(--nc-muted);
    background: #f5f1f4;
    border-color: var(--nc-border);
    opacity: 1;
}

.nc-calendar .fc-scrollgrid,
.nc-calendar .fc-theme-standard td,
.nc-calendar .fc-theme-standard th {
    border-color: rgba(var(--nc-border-rgb), 0.9);
}

.nc-calendar .fc-col-header-cell {
    padding: 0.45rem 0;
    background: var(--nc-primary-soft);
}

.nc-calendar .fc-col-header-cell-cushion,
.nc-calendar .fc-daygrid-day-number {
    color: var(--nc-dark);
    font-weight: 800;
}

.nc-calendar .fc-daygrid-day.fc-day-today {
    background: var(--nc-warning-soft);
}

.nc-calendar .fc-event {
    padding: 0.15rem 0.3rem;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-dashboard-calendar .fc-timegrid-event {
    padding: 0;
    overflow: visible;
    border-left-width: 3px;
    border-radius: 11px;
    box-shadow: 0 8px 20px rgba(41, 37, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.nc-dashboard-calendar .fc-timegrid-event.nc-dashboard-calendar-appointment-overdue {
    color: var(--nc-danger) !important;
    background: linear-gradient(145deg, var(--nc-danger-soft), var(--nc-white)) !important;
    border-color: var(--nc-danger) !important;
    box-shadow: 0 8px 22px rgba(217, 75, 89, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.82);
    animation: nc-dashboard-overdue-wave 1.65s ease-out infinite;
}

@keyframes nc-dashboard-overdue-wave {
    0% {
        box-shadow:
            0 8px 22px rgba(217, 75, 89, 0.2),
            0 0 0 0 rgba(217, 75, 89, 0.58),
            inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }

    72% {
        box-shadow:
            0 8px 22px rgba(217, 75, 89, 0.2),
            0 0 0 12px rgba(217, 75, 89, 0),
            inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }

    100% {
        box-shadow:
            0 8px 22px rgba(217, 75, 89, 0.2),
            0 0 0 0 rgba(217, 75, 89, 0),
            inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-dashboard-calendar .fc-timegrid-event.nc-dashboard-calendar-appointment-overdue {
        animation: none;
    }
}

.nc-dashboard-calendar .fc-timegrid-event .fc-event-main {
    height: 100%;
    overflow: visible;
}

.nc-dashboard-calendar .fc-timegrid-event-harness:has(.nc-dashboard-calendar-event-dropdown.show) {
    z-index: 50 !important;
}

.nc-dashboard-calendar-event {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    height: 100%;
    min-height: 100%;
    padding: 0.4rem 0.44rem;
    color: inherit;
    line-height: 1.18;
}

.nc-dashboard-calendar-event-head {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
}

.nc-dashboard-calendar-event-time {
    overflow: hidden;
    min-width: 0;
    font-size: 0.72rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-dashboard-calendar-event-menu {
    flex: 0 0 auto;
    margin-left: auto;
}

.nc-dashboard-calendar-event-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: inherit;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(41, 37, 42, 0.06);
}

.nc-dashboard-calendar-event-menu-btn:hover,
.nc-dashboard-calendar-event-menu-btn:focus-visible,
.nc-dashboard-calendar-event-menu-btn[aria-expanded="true"] {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    outline: none;
}

.nc-dashboard-calendar-event-client {
    display: -webkit-box;
    overflow: hidden;
    color: inherit;
    font-size: 0.83rem;
    font-weight: 900;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nc-dashboard-calendar-event-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.24rem;
    max-width: 100%;
}

.nc-dashboard-calendar-event-status {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    overflow: hidden;
    max-width: 100%;
    padding: 0.14rem 0.38rem;
    color: inherit;
    background: rgba(255, 255, 255, 0.64);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 999px;
    font-size: 0.61rem;
    font-weight: 900;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-dashboard-calendar-event-status i {
    flex: 0 0 auto;
    font-size: 0.38rem;
}

.nc-dashboard-calendar-event-status.is-overdue {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
    border-color: rgba(217, 75, 89, 0.24);
}

.nc-dashboard-calendar-event.is-overdue .nc-dashboard-calendar-event-person {
    border-top-color: rgba(217, 75, 89, 0.18);
}

.nc-dashboard-calendar-event-status.is-overdue i {
    font-size: 0.58rem;
}

.nc-dashboard-calendar-event-business,
.nc-dashboard-calendar-event-person {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    overflow: hidden;
    min-width: 0;
    color: inherit;
    font-size: 0.68rem;
    font-weight: 750;
    opacity: 0.82;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-dashboard-calendar-event-person {
    margin-top: auto;
    padding-top: 0.22rem;
    border-top: 1px solid rgba(255, 255, 255, 0.58);
}

.nc-dashboard-calendar-event :is(.nc-dashboard-calendar-event-business, .nc-dashboard-calendar-event-person) i {
    flex: 0 0 auto;
    width: 0.75rem;
    text-align: center;
}

.nc-dashboard-calendar-event.is-compact {
    gap: 0.08rem;
    padding-top: 0.24rem;
    padding-bottom: 0.24rem;
}

.nc-dashboard-calendar-event.is-compact :is(
    .nc-dashboard-calendar-event-business,
    .nc-dashboard-calendar-event-person
) {
    display: none;
}

.nc-dashboard-calendar-event.is-compact .nc-dashboard-calendar-event-menu-btn {
    width: 20px;
    height: 20px;
    border-radius: 7px;
}

.nc-dashboard-calendar-event.is-compact .nc-dashboard-calendar-event-status {
    padding: 0.1rem 0.3rem;
    font-size: 0.56rem;
}

.nc-dashboard-calendar-event-dropdown {
    z-index: 1085;
    min-width: 218px;
    color: var(--nc-dark);
}

.nc-dashboard-calendar-event-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--nc-dark);
    font-size: 0.82rem;
    font-weight: 750;
}

.nc-dashboard-calendar-event-dropdown .dropdown-item i {
    width: 1rem;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-calendar .fc-list-event-dot {
    border-color: var(--nc-primary);
}

.nc-calendar-loading {
    opacity: 0.72;
}

/* SweetAlert customization */
.swal2-popup.nc-swal-popup {
    border: 1px solid var(--nc-border);
    border-radius: 24px;
}

.swal2-popup .swal2-image[src*="/assets/img/nali/alerts/"] {
    margin: 0.75rem auto -0.25rem;
    object-fit: contain;
}

.swal2-popup .swal2-image[src*="/assets/img/nali/alerts/"] ~ .swal2-title {
    margin-top: 0;
    padding-top: 0;
}

.swal2-popup.nc-swal-popup .swal2-actions {
    gap: 0.65rem;
}

.swal2-popup.nc-important-announcement-alert {
    width: min(640px, calc(100% - 1.5rem));
    padding: 1rem 1.25rem 1.35rem;
}

.swal2-popup.nc-important-announcement-alert .swal2-image {
    width: 180px;
    height: 180px;
    margin-top: 0.25rem;
}

.swal2-popup.nc-important-announcement-alert .swal2-title {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    color: var(--nc-dark);
    font-size: 1.55rem;
}

.swal2-popup.nc-important-announcement-alert .swal2-html-container {
    margin: 0.65rem 0 0;
    padding: 0;
    text-align: left;
}

.nc-important-announcement-alert__body {
    display: grid;
    gap: 1rem;
}

.nc-important-announcement-alert__description {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.96rem;
    line-height: 1.55;
    text-align: center;
    white-space: pre-line;
}

.nc-important-announcement-alert__schedule {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
    background: linear-gradient(135deg, var(--nc-primary-soft), var(--nc-white));
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-important-announcement-alert__schedule-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    font-size: 1.35rem;
}

.nc-important-announcement-alert__schedule > div {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.nc-important-announcement-alert__schedule > div > span {
    color: var(--nc-primary-dark);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nc-important-announcement-alert__schedule > div > strong {
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
    .swal2-popup.nc-important-announcement-alert {
        padding: 0.85rem 1rem 1.1rem;
    }

    .swal2-popup.nc-important-announcement-alert .swal2-image {
        width: 150px;
        height: 150px;
    }

    .swal2-popup.nc-important-announcement-alert .swal2-title {
        font-size: 1.3rem;
    }

    .nc-important-announcement-alert__schedule {
        align-items: start;
        gap: 0.7rem;
        padding: 0.85rem;
    }

    .nc-important-announcement-alert__schedule-icon {
        width: 42px;
        height: 42px;
        font-size: 1.1rem;
    }

    .nc-important-announcement-alert__schedule > div > strong {
        font-size: 0.92rem;
    }
}

.swal2-popup.nc-billing-coupon-alert {
    padding: 1rem 1.25rem 1.25rem;
}

.swal2-popup.nc-billing-coupon-alert .swal2-image {
    margin: 0.25rem auto 0.55rem;
}

.swal2-popup.nc-billing-coupon-alert .swal2-title {
    padding: 0 0.5rem;
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.12;
}

.swal2-popup.nc-billing-coupon-alert .swal2-html-container {
    margin: 0.55rem 0.75rem 0;
}

.swal2-popup.nc-billing-coupon-alert .swal2-actions {
    margin: 1rem auto 0;
}

.swal2-popup.nc-login-credentials-alert {
    padding: 1rem 1.25rem 1.25rem;
}

.swal2-popup.nc-login-credentials-alert .swal2-image {
    margin: 0.2rem auto 0.5rem;
    object-fit: contain;
}

.swal2-popup.nc-login-credentials-alert .swal2-title {
    margin: 0;
    padding: 0 0.5rem;
    font-size: 1.55rem;
    line-height: 1.12;
}

.swal2-popup.nc-login-credentials-alert .swal2-html-container {
    margin: 0.6rem 0.75rem 0;
}

.swal2-popup.nc-login-credentials-alert .swal2-actions {
    margin: 1rem auto 0;
}

.swal2-popup.nc-plan-feature-alert {
    padding: 1rem 1.25rem 1.25rem;
}

.swal2-popup.nc-plan-feature-alert .swal2-image {
    margin: 0.25rem auto 0.55rem;
    object-fit: contain;
}

.swal2-popup.nc-plan-feature-alert .swal2-title {
    padding: 0 0.5rem;
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.12;
}

.swal2-popup.nc-plan-feature-alert .swal2-html-container {
    margin: 0.65rem 0.75rem 0;
}

.swal2-popup.nc-plan-feature-alert .swal2-actions {
    margin: 1rem auto 0;
}

.swal2-popup.nc-appointment-confirm-alert {
    padding: 1rem 1.25rem 1.25rem;
}

.swal2-popup.nc-appointment-confirm-alert .swal2-image {
    margin: 0.25rem auto 0.2rem;
    object-fit: contain;
}

.swal2-popup.nc-appointment-confirm-alert .swal2-title {
    margin: 0;
    padding: 0 0.5rem;
    font-size: 1.55rem;
    line-height: 1.12;
}

.nc-appointment-preview-modal {
    z-index: 1070;
}

.nc-appointment-client-modal {
    z-index: 1070;
}

.modal-backdrop.nc-appointment-client-backdrop {
    z-index: 1065;
}

#ncAppointmentModal .modal-content {
    transition: filter 0.18s ease;
}

#ncAppointmentModal.is-preview-obscured .modal-content {
    filter: blur(3px);
    pointer-events: none;
}

.nc-appointment-preview-modal .modal-header {
    align-items: flex-start;
}

.nc-appointment-preview-modal .nc-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.nc-appointment-preview-intro {
    margin: 0.55rem 0 0;
    color: var(--nc-muted);
    font-size: 0.95rem;
    line-height: 1.5;
}

.nc-appointment-preview-list {
    padding: 0 1.15rem;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    background: var(--nc-white);
}

.nc-appointment-preview-row {
    display: grid;
    grid-template-columns: 2.3rem minmax(9.5rem, 0.75fr) minmax(0, 1.5fr);
    gap: 0.85rem;
    align-items: center;
    min-height: 4.15rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-appointment-preview-row:last-child {
    border-bottom: 0;
}

.nc-appointment-preview-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-radius: 12px;
    font-size: 1rem;
}

.nc-appointment-preview-label {
    color: var(--nc-muted);
    font-size: 0.9rem;
    line-height: 1.35;
}

.nc-appointment-preview-value {
    color: var(--nc-dark);
    font-size: 0.95rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.nc-appointment-preview-client-name,
.nc-appointment-preview-client-phone,
.nc-appointment-preview-schedule,
.nc-appointment-preview-schedule > span,
.nc-appointment-preview-warning {
    display: inline-flex;
    align-items: center;
}

.nc-appointment-preview-client-phone {
    gap: 0.4rem;
    margin-left: 0.85rem;
    color: var(--nc-muted);
    font-weight: 600;
}

.nc-appointment-preview-client-phone i {
    color: var(--nc-primary);
}

.nc-appointment-preview-schedule {
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.55rem 0.7rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 10px;
}

.nc-appointment-preview-schedule > span {
    gap: 0.4rem;
}

.nc-appointment-preview-schedule-divider {
    width: 1px;
    height: 1.15rem;
    background: var(--nc-border);
}

.nc-appointment-preview-warning {
    gap: 0.55rem;
    width: fit-content;
    padding: 0.5rem 0.7rem;
    color: var(--nc-warning);
    border: 1px solid rgba(201, 133, 24, 0.42);
    border-radius: 9px;
    background: var(--nc-warning-soft);
}

.nc-appointment-preview-warning > span {
    width: 0.58rem;
    height: 0.58rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--nc-warning);
}

@media (max-width: 575.98px) {
    .nc-appointment-preview-list {
        padding: 0 0.85rem;
    }

    .nc-appointment-preview-row {
        grid-template-columns: 2.15rem minmax(0, 1fr);
        gap: 0.25rem 0.75rem;
        padding: 0.8rem 0;
    }

    .nc-appointment-preview-icon {
        grid-row: 1 / span 2;
        width: 2.15rem;
        height: 2.15rem;
    }

    .nc-appointment-preview-label,
    .nc-appointment-preview-value {
        grid-column: 2;
    }

    .nc-appointment-preview-client-phone {
        display: flex;
        width: fit-content;
        margin: 0.25rem 0 0;
    }

    .nc-appointment-preview-schedule-divider {
        display: none;
    }
}

.swal2-popup.nc-swal-popup .swal2-actions.nc-swal-actions-cancel-left .swal2-cancel {
    order: 1;
}

.swal2-popup.nc-swal-popup .swal2-actions.nc-swal-actions-cancel-left .swal2-deny {
    order: 2;
}

.swal2-popup.nc-swal-popup .swal2-actions.nc-swal-actions-cancel-left .swal2-confirm {
    order: 3;
}

.swal2-popup.nc-swal-popup .swal2-icon.swal2-question {
    color: var(--nc-primary-dark);
    border-color: rgba(var(--nc-primary-dark-rgb), 0.34);
}

.swal2-confirm.nc-swal-confirm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0.68rem 1.05rem !important;
    color: var(--nc-white) !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark)) !important;
    box-shadow: 0 12px 24px rgba(var(--nc-primary-rgb), 0.24) !important;
}

.swal2-cancel.nc-swal-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0.68rem 1.05rem !important;
    color: var(--nc-dark) !important;
    background: var(--nc-white) !important;
    border: 1px solid var(--nc-border) !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* Los botones globales usan display !important. Durante una petición, tanto
   el estado propio de NailsControl como el de SweetAlert deben prevalecer
   para dejar visible únicamente el loader. */
.swal2-popup.nc-swal-processing .swal2-confirm.nc-swal-confirm,
.swal2-popup.nc-swal-processing .swal2-cancel.nc-swal-cancel,
.swal2-popup.nc-swal-processing .swal2-deny.nc-swal-secondary,
.swal2-popup[data-loading="true"] .swal2-confirm.nc-swal-confirm,
.swal2-popup[data-loading="true"] .swal2-cancel.nc-swal-cancel,
.swal2-popup[data-loading="true"] .swal2-deny.nc-swal-secondary {
    display: none !important;
}

.swal2-popup.nc-swal-processing .swal2-actions,
.swal2-popup[data-loading="true"] .swal2-actions {
    justify-content: center;
}

.swal2-popup.nc-swal-processing .swal2-loader,
.swal2-popup[data-loading="true"] .swal2-loader {
    margin: 0 !important;
}

.swal2-deny.nc-swal-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0.68rem 1.05rem !important;
    color: var(--nc-primary-dark) !important;
    background: var(--nc-primary-soft) !important;
    border: 1px solid var(--nc-border) !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.swal2-deny.nc-swal-secondary:hover,
.swal2-deny.nc-swal-secondary:focus {
    color: var(--nc-white) !important;
    background: var(--nc-primary) !important;
    border-color: var(--nc-primary) !important;
}

.swal2-popup.nc-existing-account-popup {
    width: min(94vw, 720px) !important;
    padding: 2.6rem !important;
    border-radius: 34px !important;
    box-shadow: 0 22px 70px rgba(19, 28, 48, 0.14) !important;
}

.swal2-popup.nc-existing-account-popup .swal2-html-container {
    margin: 0 !important;
    overflow: visible !important;
}

.swal2-popup.nc-existing-account-popup .swal2-close.nc-existing-account-close {
    color: var(--nc-muted) !important;
    font-size: 1.55rem !important;
    transition: color 0.18s ease, transform 0.18s ease;
}

.swal2-popup.nc-existing-account-popup .swal2-close.nc-existing-account-close:hover,
.swal2-popup.nc-existing-account-popup .swal2-close.nc-existing-account-close:focus {
    color: var(--nc-primary-dark) !important;
    transform: rotate(90deg);
}

.nc-existing-account-dialog {
    color: var(--nc-dark);
    text-align: center;
}

.nc-existing-account-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    margin-bottom: 1.25rem;
    color: #1680df;
    background:
        radial-gradient(circle at 50% 50%, rgba(30, 136, 229, 0.13), transparent 64%),
        #f8fcff;
    border: 5px solid #8fd6ff;
    border-radius: 50%;
    box-shadow: 0 16px 36px rgba(30, 136, 229, 0.16);
    font-size: 2.35rem;
}

.nc-existing-account-dialog h2 {
    max-width: 620px;
    margin: 0 auto 0.9rem;
    color: var(--nc-dark);
    font-size: clamp(1.85rem, 4vw, 2.8rem);
    font-weight: 900;
    line-height: 1.05;
}

.nc-existing-account-lead {
    max-width: 540px;
    margin: 0 auto;
    color: #596476;
    font-size: 1.12rem;
    line-height: 1.55;
}

.nc-existing-account-email {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin-top: 0.95rem;
    padding: 0.45rem 0.85rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-weight: 800;
    word-break: break-all;
}

.nc-existing-account-help {
    display: grid;
    grid-template-columns: 74px 1fr;
    align-items: center;
    gap: 1rem;
    max-width: 580px;
    margin: 1.9rem auto 1.35rem;
    padding: 1.05rem 1.15rem;
    text-align: left;
    background: linear-gradient(135deg, rgba(238, 248, 255, 0.96), rgba(255, 255, 255, 0.96));
    border: 1px solid #bfe8ff;
    border-radius: 18px;
}

.nc-existing-account-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: #1680df;
    background: #dff3ff;
    border-radius: 50%;
    font-size: 1.55rem;
}

.nc-existing-account-help strong {
    display: block;
    margin-bottom: 0.25rem;
    color: #1680df;
    font-size: 1.12rem;
    font-weight: 900;
}

.nc-existing-account-help p {
    margin: 0;
    color: #596476;
    font-size: 1rem;
    line-height: 1.45;
}

.nc-existing-account-actions {
    display: grid;
    gap: 0.75rem;
    max-width: 580px;
    margin: 0 auto;
}

.nc-existing-account-action {
    display: grid;
    grid-template-columns: 48px 1fr 24px;
    align-items: center;
    min-height: 58px;
    padding: 0.75rem 1rem;
    border-radius: 17px;
    font-size: 1.03rem;
    font-weight: 900;
    line-height: 1;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.nc-existing-account-action:hover,
.nc-existing-account-action:focus {
    transform: translateY(-1px);
}

.nc-existing-account-action.is-primary {
    color: var(--nc-white);
    background: linear-gradient(135deg, #ff2f86, var(--nc-primary-dark));
    border: 1px solid transparent;
    box-shadow: 0 16px 30px rgba(var(--nc-primary-rgb), 0.25);
}

.nc-existing-account-action.is-outline {
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-primary);
}

.nc-existing-account-action.is-outline:hover,
.nc-existing-account-action.is-outline:focus {
    border-color: var(--nc-primary-dark);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-existing-account-other {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: max-content;
    max-width: 100%;
    margin: 0.3rem auto 0;
    padding: 0.35rem 1.15rem;
    color: #6d7480;
    background: transparent;
    border: 0;
    font-weight: 900;
    line-height: 1.2;
}

.nc-existing-account-other:hover,
.nc-existing-account-other:focus {
    color: var(--nc-primary-dark);
}

@media (max-width: 575.98px) {
    .swal2-popup.nc-existing-account-popup {
        padding: 1.65rem !important;
        border-radius: 26px !important;
    }

    .nc-existing-account-icon {
        width: 78px;
        height: 78px;
        font-size: 2rem;
    }

    .nc-existing-account-lead {
        font-size: 1rem;
    }

    .nc-existing-account-help {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .nc-existing-account-action {
        grid-template-columns: 38px 1fr 18px;
        font-size: 0.98rem;
    }
}

.nc-schedule-copy-prompt {
    display: grid;
    gap: 0.85rem;
    text-align: left;
}

.nc-schedule-copy-prompt p {
    margin: 0;
    color: var(--nc-muted);
    line-height: 1.45;
}

.nc-schedule-copy-prompt small {
    display: block;
    color: var(--nc-muted);
    line-height: 1.4;
}

.nc-swal-checkbox-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.nc-swal-checkbox-item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem 0.85rem;
    color: var(--nc-dark);
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
    font-weight: 850;
    cursor: pointer;
}

.nc-swal-checkbox-item input {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--nc-primary);
}

.nc-participants-modal .modal-body,
.nc-participants-prompt {
    display: grid;
    gap: 0.9rem;
    text-align: left;
}

.nc-participants-prompt small,
.nc-participants-intro {
    margin: 0;
    color: var(--nc-muted);
    line-height: 1.45;
}

.nc-participants-context {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.25rem 0.8rem;
    padding: 0.85rem 1rem;
    background: linear-gradient(90deg, var(--nc-primary-soft), rgba(255, 255, 255, 0.92));
    border-left: 3px solid var(--nc-primary);
    border-radius: 16px;
}

.nc-participants-context span {
    color: var(--nc-primary-dark);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.nc-participants-context strong {
    min-width: 0;
    color: var(--nc-dark);
}

.nc-advance-payment-summary {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.15rem;
    padding: 1rem 1.1rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(var(--nc-primary-soft-rgb), 0.52));
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(var(--nc-primary-dark-rgb), 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.nc-advance-payment-identity {
    display: grid;
}

.nc-advance-payment-identity-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
    padding: 0.72rem 0.15rem;
}

.nc-advance-payment-identity-item + .nc-advance-payment-identity-item {
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-advance-payment-identity-icon,
.nc-advance-payment-stat-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-rgb), 0.1);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.1);
    border-radius: 50%;
}

.nc-advance-payment-identity-icon {
    width: 42px;
    height: 42px;
    font-size: 1rem;
}

.nc-advance-payment-identity-item > div {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.nc-advance-payment-identity-item > div > span {
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.nc-advance-payment-identity-item strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.94rem;
    font-weight: 900;
}

.nc-advance-payment-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding-top: 1rem;
    border-top: 1px solid rgba(var(--nc-primary-rgb), 0.18);
}

.nc-advance-payment-stat {
    display: grid;
    align-content: start;
    justify-items: center;
    gap: 0.28rem;
    min-width: 0;
    padding: 0.1rem 0.8rem;
    text-align: center;
}

.nc-advance-payment-stat + .nc-advance-payment-stat {
    border-left: 1px solid rgba(var(--nc-border-rgb), 0.84);
}

.nc-advance-payment-stat-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 0.1rem;
    font-size: 0.82rem;
}

.nc-advance-payment-stat > span:not(.nc-advance-payment-stat-icon),
.nc-advance-payment-row span,
.nc-advance-payment-grid > div:not(.nc-advance-payment-stat) span {
    color: var(--nc-muted);
    font-size: 0.73rem;
    font-weight: 800;
}

.nc-advance-payment-stat strong,
.nc-advance-payment-row strong,
.nc-advance-payment-grid > div:not(.nc-advance-payment-stat) strong {
    min-width: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-advance-payment-stat.is-paid .nc-advance-payment-stat-icon,
.nc-advance-payment-stat.is-paid strong {
    color: var(--nc-success);
}

.nc-advance-payment-stat.is-paid .nc-advance-payment-stat-icon {
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.12);
}

.nc-advance-payment-stat.is-pending .nc-advance-payment-stat-icon,
.nc-advance-payment-stat.is-pending > span:not(.nc-advance-payment-stat-icon),
.nc-advance-payment-stat.is-pending strong {
    color: var(--nc-primary-dark);
}

.nc-advance-payment-modal .modal-body {
    padding-top: 1.1rem;
}

.nc-advance-payment-modal .nc-modal-description {
    margin-bottom: 1rem;
}

.nc-advance-payment-fields .form-label {
    margin-bottom: 0.42rem;
}

.nc-advance-payment-control {
    position: relative;
}

.nc-advance-payment-control > span {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    color: var(--nc-primary-dark);
    transform: translateY(-50%);
    pointer-events: none;
}

.nc-advance-payment-control :is(.form-control, .form-select) {
    min-height: 46px;
    padding-left: 2.8rem;
}

.nc-advance-payment-control:focus-within > span {
    color: var(--nc-primary);
}

.nc-advance-payment-control:has(.is-invalid) + .invalid-feedback {
    display: block;
}

.nc-advance-payment-control.is-money .nc-advance-payment-amount {
    color: var(--nc-dark);
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(var(--nc-primary-rgb), 0.52);
    font-size: 1.04rem;
    font-weight: 850;
}

.nc-advance-payment-hint {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.5rem;
    padding: 0.55rem 0.65rem;
    color: var(--nc-muted);
    background: rgba(var(--nc-primary-soft-rgb), 0.56);
    border: 1px solid rgba(var(--nc-border-rgb), 0.7);
    border-radius: 11px;
    line-height: 1.35;
}

.nc-advance-payment-hint i {
    flex: 0 0 auto;
    margin-top: 0.08rem;
    color: var(--nc-primary-dark);
}

.nc-modal .nc-advance-payment-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-modal .nc-advance-payment-footer .nc-btn {
    width: 100%;
    min-height: 44px;
    margin: 0;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .nc-advance-payment-summary {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .nc-advance-payment-identity-item {
        gap: 0.6rem;
        padding: 0.62rem 0;
    }

    .nc-advance-payment-identity-icon {
        width: 36px;
        height: 36px;
        font-size: 0.88rem;
    }

    .nc-advance-payment-stat {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }

    .nc-advance-payment-stat-icon {
        width: 30px;
        height: 30px;
        font-size: 0.72rem;
    }

    .nc-advance-payment-stat strong {
        font-size: clamp(0.78rem, 3.4vw, 0.94rem);
    }
}

.nc-reprogram-advance-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: transparent;
    border: 1px solid rgba(var(--nc-primary-rgb), 0.38);
    border-left-width: 1px;
    border-radius: 16px;
}

.nc-reprogram-advance-heading {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid rgba(var(--nc-primary-rgb), 0.2);
}

.nc-reprogram-advance-heading-icon,
.nc-reprogram-advance-stat-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
}

.nc-reprogram-advance-heading-icon {
    color: var(--nc-primary-dark);
    background: rgba(var(--nc-primary-rgb), 0.12);
    font-size: 1.15rem;
}

.nc-reprogram-advance-heading > div,
.nc-reprogram-advance-stat > div {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.nc-reprogram-advance-card .nc-reprogram-advance-kicker {
    color: var(--nc-primary-dark);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.nc-reprogram-advance-heading strong {
    font-size: 1.05rem;
    line-height: 1.25;
}

.nc-reprogram-advance-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-reprogram-advance-stat {
    --nc-reprogram-stat-rgb: var(--nc-primary-rgb);
    display: flex;
    min-width: 0;
    gap: 0.7rem;
    align-items: center;
    padding: 0.8rem;
    background: transparent;
    border: 1px solid rgba(var(--nc-reprogram-stat-rgb), 0.34);
    border-radius: 13px;
}

.nc-reprogram-advance-stat.is-paid {
    --nc-reprogram-stat-rgb: 27, 139, 100;
}

.nc-reprogram-advance-stat.is-pending {
    --nc-reprogram-stat-rgb: 207, 105, 16;
}

.nc-reprogram-advance-stat-icon {
    width: 2.25rem;
    height: 2.25rem;
    color: rgb(var(--nc-reprogram-stat-rgb));
    background: rgba(var(--nc-reprogram-stat-rgb), 0.11);
}

.nc-reprogram-advance-card .nc-reprogram-advance-stat span:not(.nc-reprogram-advance-stat-icon) {
    color: var(--nc-muted);
    font-size: 0.75rem;
}

.nc-reprogram-advance-card .nc-reprogram-advance-stat strong {
    color: rgb(var(--nc-reprogram-stat-rgb));
    font-size: 1.02rem;
}

.nc-reprogram-advance-history,
.nc-reprogram-advance-note {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
}

.nc-reprogram-advance-history {
    color: var(--nc-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.nc-reprogram-advance-history i,
.nc-reprogram-advance-note i {
    flex: 0 0 auto;
    margin-top: 0.16rem;
    color: var(--nc-primary-dark);
}

.nc-reprogram-advance-note {
    padding: 0.75rem 0.85rem;
    color: var(--nc-dark);
    background: rgba(var(--nc-primary-soft-rgb), 0.52);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.16);
    border-radius: 12px;
}

.nc-reprogram-advance-note p {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.45;
}

@media (max-width: 767.98px) {
    .nc-reprogram-advance-stats {
        grid-template-columns: 1fr;
    }
}

.nc-participants-list {
    display: grid;
    gap: 0.65rem;
}

.nc-participant-item {
    display: grid;
    grid-template-columns: minmax(180px, 1.1fr) 150px minmax(160px, 0.9fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.nc-participant-item.is-active {
    background: var(--nc-white);
    border-color: rgba(var(--nc-primary-rgb), 0.55);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-participant-item:not(.is-active) {
    opacity: 0.72;
}

.nc-participant-person {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    cursor: pointer;
}

.nc-participant-person input {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--nc-primary);
}

.nc-participant-person strong,
.nc-participant-person small {
    display: block;
}

.nc-participant-person strong {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-participant-person small {
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-inline-loading {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    font-weight: 800;
}

.nc-route-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 1051;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(41, 37, 42, 0.38);
    backdrop-filter: blur(2px);
}

.nc-route-loading-card {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: min(420px, 100%);
    padding: 1.1rem 1.2rem;
    color: var(--nc-dark);
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    box-shadow: 0 20px 55px rgba(var(--nc-primary-rgb), 0.22);
}

.nc-route-loading-card strong {
    display: block;
    font-size: 1rem;
    font-weight: 900;
}

.nc-route-loading-card p {
    margin: 0.15rem 0 0;
    color: var(--nc-muted);
    font-size: 0.92rem;
}

.nc-form-error {
    padding: 0.75rem 0.9rem;
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
    border: 1px solid rgba(220, 53, 69, 0.24);
    border-radius: 14px;
    font-weight: 800;
}

/* Orders */
.nc-order-shell {
    display: grid;
    grid-template-columns: minmax(310px, 360px) minmax(0, 1fr);
    gap: 1.3rem;
    align-items: start;
}

.nc-order-list-page,
.nc-order-charge-shell {
    display: grid;
    gap: 1.3rem;
    min-width: 0;
}

.nc-order-list-page-card {
    position: static;
    min-width: 0;
    max-width: 100%;
    max-height: none;
    overflow: visible;
}

.nc-order-ops-card .nc-card-header p {
    margin: 0.25rem 0 0;
    color: var(--nc-muted);
}

.nc-order-card-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.nc-order-scope-card .nc-card-header {
    align-items: center;
}

.nc-order-scope-grid {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    gap: 1rem;
    align-items: end;
}

.nc-order-scope-note {
    padding: 0.85rem 1rem;
    color: var(--nc-primary-dark);
    background: linear-gradient(90deg, var(--nc-primary-soft), rgba(255, 255, 255, 0.74));
    border-left: 3px solid var(--nc-primary);
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 750;
}

.nc-order-quick-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.nc-order-quick-filter-select {
    display: none;
    margin-bottom: 1rem;
}

.nc-order-quick-filters button {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0.45rem 0.8rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-weight: 850;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.nc-order-quick-filters button:hover,
.nc-order-quick-filters button.is-active {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: rgba(var(--nc-primary-rgb), 0.55);
    box-shadow: 0 10px 20px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-order-list-page-card .nc-order-filters {
    grid-template-columns: minmax(190px, 1fr) minmax(150px, 0.7fr) minmax(260px, 1.15fr) minmax(220px, 1fr) auto;
    align-items: end;
}

.nc-order-list-page-card .nc-order-filters > .nc-order-filter-row {
    align-items: end;
}

.nc-order-list-page-card .nc-order-filters > .nc-btn {
    min-height: 44px;
    white-space: nowrap;
}

.nc-order-list-page-card .nc-order-list-summary {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.nc-order-list-page-card .nc-order-list {
    display: block;
    min-width: 0;
    max-width: 100%;
}

.nc-order-list-page-card .nc-order-list > .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.nc-order-charge-shell {
    max-width: 1180px;
    margin: 0 auto;
}

.nc-order-list-card {
    position: sticky;
    top: calc(var(--nc-topbar-height) + 18px);
    max-height: calc(100vh - var(--nc-topbar-height) - 48px);
    overflow: auto;
}

.nc-order-list-card.nc-order-list-page-card {
    display: flow-root;
    width: 100%;
    position: static;
    max-height: none;
    overflow: visible;
}

.nc-order-filters {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-order-filter-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-order-list-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.nc-order-list-summary > div {
    padding: 0.8rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-order-list-summary span,
.nc-order-context-copy > span,
.nc-order-totals span {
    display: block;
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 850;
}

.nc-order-list-summary strong {
    display: block;
    margin-top: 0.15rem;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
}

.nc-order-create-loading {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-order-create-loading strong,
.nc-order-create-loading small {
    display: block;
}

.nc-order-create-loading small {
    margin-top: 0.1rem;
    color: var(--nc-muted);
    font-weight: 650;
}

.nc-order-list {
    display: grid;
    gap: 0.65rem;
}

.nc-order-table {
    min-width: 1120px;
}

.nc-order-table th:last-child,
.nc-order-table td:last-child:not([colspan]) {
    position: sticky;
    right: 0;
    z-index: 2;
    background: var(--nc-white);
    box-shadow: -14px 0 18px rgba(var(--nc-primary-soft-rgb), 0.78);
}

.nc-order-table thead th:last-child {
    z-index: 3;
    background: var(--nc-primary-soft);
}

.nc-order-table tbody tr.nc-row-dropdown-open {
    position: relative;
    z-index: 12;
}

.nc-order-table td.nc-cell-dropdown-open {
    z-index: 24;
}

.nc-order-table td small,
.nc-order-table td strong {
    display: block;
}

.nc-order-table td small {
    margin-top: 0.15rem;
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-order-list-badge {
    display: flex;
    width: fit-content;
    margin-top: 0.35rem;
}

.nc-order-link {
    display: inline-flex;
    padding: 0;
    color: var(--nc-primary-dark);
    background: transparent;
    border: 0;
    font-weight: 900;
    text-align: left;
}

.nc-order-link:hover {
    text-decoration: underline;
}

.nc-order-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-order-row-actions-inline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-order-row-actions-inline .nc-btn {
    white-space: nowrap;
}

.nc-order-row-actions-dropdown {
    display: none;
}

.nc-order-cards-list {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    min-width: 0;
}

.nc-order-record-card {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--nc-border);
    border-left: 4px solid var(--nc-primary);
    border-radius: 8px;
    background: var(--nc-white);
    box-shadow: 0 9px 22px rgba(75, 36, 56, 0.06);
}

.nc-order-record-card.is-success {
    border-left-color: #35a653;
}

.nc-order-record-card.is-danger {
    border-left-color: #d14d61;
}

.nc-order-record-card.is-muted {
    border-left-color: #9a949b;
}

.nc-order-record-card.is-action-menu-open {
    z-index: 12;
}

.nc-order-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(var(--nc-border-rgb), 0.78);
}

.nc-order-card-heading {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
    padding: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
}

.nc-order-card-heading:hover strong,
.nc-order-card-heading:focus strong {
    color: var(--nc-primary-dark);
    text-decoration: underline;
}

.nc-order-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    font-size: 1.05rem;
}

.nc-order-card-heading > span:last-child {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.nc-order-card-heading small,
.nc-order-card-info span,
.nc-order-card-financials span {
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.nc-order-card-heading strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 1.08rem;
    line-height: 1.18;
}

.nc-order-card-heading em {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-style: normal;
}

.nc-order-card-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2px;
}

.nc-order-card-badges .nc-order-list-badge {
    margin-top: 0;
}

.nc-order-card-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.9rem 1rem;
}

.nc-order-card-info {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
}

.nc-order-card-info > i {
    flex: 0 0 auto;
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-order-card-info > div {
    min-width: 0;
}

.nc-order-card-info-label {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.nc-order-origin-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--nc-primary-dark);
    background: transparent;
    font-size: 0.75rem;
    line-height: 1;
}

.nc-order-origin-info:hover,
.nc-order-origin-info:focus-visible {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
}

.nc-order-origin-info:focus-visible {
    outline: 2px solid var(--nc-primary);
    outline-offset: 2px;
}

.nc-order-card-info span,
.nc-order-card-info strong {
    display: block;
}

.nc-order-card-info strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.9rem;
    line-height: 1.28;
}

.nc-order-card-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.78);
    background: rgba(var(--nc-primary-soft-rgb), 0.22);
}

.nc-order-card-financials {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
}

.nc-order-card-financials > div {
    min-width: 0;
    padding: 0.08rem 0.8rem;
    border-right: 1px dashed rgba(var(--nc-border-rgb), 0.9);
}

.nc-order-card-financials > div:first-child {
    padding-left: 0;
}

.nc-order-card-financials > div:last-child {
    border-right: 0;
}

.nc-order-card-financials strong,
.nc-order-card-financials small {
    display: block;
}

.nc-order-card-financials strong {
    color: var(--nc-dark);
    font-size: 0.95rem;
}

.nc-order-card-financials strong.is-paid {
    color: #208b46;
}

.nc-order-card-financials strong.is-pending {
    color: #b06800;
}

.nc-order-card-financials small {
    margin-top: 0.08rem;
    color: var(--nc-muted);
    font-size: 0.7rem;
    line-height: 1.2;
}

.nc-order-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-order-card-action,
.nc-order-card-menu-toggle {
    min-height: 40px;
}

.nc-order-card-action {
    white-space: nowrap;
}

.nc-order-card-menu-toggle {
    width: 40px;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border-color: var(--nc-border);
}

.nc-order-card-menu-toggle:hover,
.nc-order-card-menu-toggle:focus {
    color: var(--nc-white);
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-order-action-menu {
    min-width: 190px;
}

.nc-order-action-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 800;
}

.nc-order-action-menu .dropdown-item i {
    width: 18px;
    color: var(--nc-primary-dark);
    text-align: center;
}

.nc-order-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    color: var(--nc-muted);
    font-weight: 750;
}

.nc-order-pagination > div {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.nc-order-pagination strong {
    color: var(--nc-dark);
}

.nc-order-list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    width: 100%;
    padding: 0.9rem;
    text-align: left;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.nc-order-list-item:hover,
.nc-order-list-item.is-active {
    border-color: rgba(var(--nc-primary-rgb), 0.7);
    box-shadow: 0 12px 28px rgba(var(--nc-primary-rgb), 0.11);
    transform: translateY(-1px);
}

.nc-order-list-item strong,
.nc-order-list-item small,
.nc-order-line strong,
.nc-order-line small {
    display: block;
}

.nc-order-list-item strong,
.nc-order-line strong {
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-order-list-item small,
.nc-order-line small {
    margin-top: 0.15rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-order-line small.nc-order-line-note {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    margin-top: 0.45rem;
    color: var(--nc-dark);
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.nc-order-payment-detail-links {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.35rem;
}

.nc-order-payment-detail-link {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: var(--nc-muted);
    text-decoration: none;
    transition: color 0.18s ease;
}

.nc-order-payment-detail-link:hover,
.nc-order-payment-detail-link:focus-visible {
    color: var(--nc-primary-dark);
}

.nc-order-payment-detail-link:focus-visible {
    border-radius: 4px;
    outline: 2px solid var(--nc-primary);
    outline-offset: 2px;
}

.nc-order-payment-detail-separator {
    color: var(--nc-muted);
}

.nc-order-line-note i {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: var(--nc-primary-dark);
}

.nc-order-list-meta {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 0.35rem;
    font-weight: 900;
}

.nc-order-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1.3rem;
    align-items: start;
}

.nc-order-detail-stack {
    display: grid;
    gap: 1.3rem;
}

.nc-order-summary-card {
    position: sticky;
    top: calc(var(--nc-topbar-height) + 18px);
    display: grid;
    gap: 1.1rem;
}

.nc-order-detail-header,
.nc-order-line,
.nc-order-context-grid {
    display: grid;
    gap: 1rem;
}

.nc-order-detail-header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.nc-order-detail-header h3 {
    margin-bottom: 0.15rem;
}

.nc-order-detail-header p,
.nc-order-section-card .nc-card-header p {
    margin: 0.25rem 0 0;
    color: var(--nc-muted);
}

.nc-order-header-badges {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.nc-order-context-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--nc-border);
}

.nc-order-context-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    padding: 0.85rem;
    background: rgba(var(--nc-primary-soft-rgb), 0.18);
    border: 1px solid var(--nc-border);
    border-radius: 8px;
}

.nc-order-context-item[data-order-context-href] {
    cursor: pointer;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.nc-order-context-item[data-order-context-href]:hover {
    border-color: var(--nc-primary);
    box-shadow: 0 8px 20px rgba(var(--nc-primary-soft-rgb), 0.45);
    transform: translateY(-1px);
}

.nc-order-context-item[data-order-context-href]:focus-visible {
    outline: 3px solid var(--nc-primary-soft);
    outline-offset: 3px;
}

.nc-order-context-attended-item {
    grid-column: 1 / -1;
    grid-template-columns: 46px minmax(0, 1fr) auto;
}

.nc-order-participant-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.35rem;
}

.nc-order-participant-chip {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.38rem 0.62rem;
    color: var(--nc-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 800;
}

.nc-order-participant-chip > i {
    color: var(--nc-primary-dark);
}

.nc-order-participant-chip > small {
    color: var(--nc-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.nc-order-participant-empty-copy {
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-order-participant-action {
    align-self: center;
    white-space: nowrap;
}

.nc-order-participant-empty {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 12px;
}

.nc-order-participant-empty > i {
    color: var(--nc-primary-dark);
}

.nc-order-context-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 8px;
    font-size: 1.1rem;
}

.nc-order-context-copy {
    min-width: 0;
}

.nc-order-context-copy > span {
    color: var(--nc-primary-dark);
    text-transform: uppercase;
}

.nc-order-context-copy strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--nc-dark);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.nc-order-context-copy > small {
    display: block;
    margin-top: 0.15rem;
    color: var(--nc-muted);
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.nc-order-context-detail-stack {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.nc-order-context-contact {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
}

.nc-order-context-phone {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.nc-order-context-phone:hover,
.nc-order-context-phone:focus-visible {
    color: var(--nc-primary-dark);
    text-decoration: none;
}

.nc-order-inline-notice,
.nc-order-notice {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    color: var(--nc-info);
    background: var(--nc-info-soft);
    border: 1px solid rgba(58, 124, 165, 0.2);
    border-radius: 16px;
}

.nc-order-inline-notice p,
.nc-order-notice p {
    display: flex;
    gap: 0.5rem;
    margin: 0.25rem 0 0;
}

.nc-order-inline-notice.is-courtesy {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
}

.nc-order-inline-notice.is-courtesy > strong {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.nc-order-inline-notice.is-courtesy p {
    color: var(--nc-muted);
}

.nc-order-notice-success {
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.2);
}

.nc-order-catalog-review {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border-color: rgba(201, 133, 24, 0.28);
}

.nc-order-catalog-review-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--nc-warning);
    background: var(--nc-white);
    border: 1px solid rgba(201, 133, 24, 0.28);
    border-radius: 50%;
}

.nc-order-catalog-review strong {
    display: block;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-order-catalog-review p {
    margin: 0.25rem 0 0;
    color: var(--nc-muted);
}

.nc-order-catalog-item-warning {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.55rem;
    margin-top: 0.45rem;
}

.nc-order-catalog-item-warning .nc-badge {
    flex: 0 0 auto;
}

.nc-order-catalog-item-warning > small {
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-order-line-list {
    display: grid;
    gap: 0.65rem;
}

.nc-order-adjustments {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.nc-order-adjustment-card {
    min-width: 0;
}

.nc-order-tax-actions {
    justify-content: flex-end;
    margin-left: auto;
}

.nc-order-line {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 0.85rem 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-order-line.nc-order-line-added {
    animation: nc-order-line-added 1520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.nc-order-line.nc-order-line-catalog-paused {
    border-color: rgba(201, 133, 24, 0.55);
    animation: nc-quote-line-catalog-paused-pulse 2.1s ease-in-out infinite;
}

.nc-order-line.nc-order-line-catalog-eliminated {
    border-color: rgba(217, 75, 89, 0.55);
    animation: nc-catalog-eliminated-pulse 2.1s ease-in-out infinite;
}

@keyframes nc-order-line-added {
    0% {
        opacity: 0;
        transform: translateY(-14px) scale(0.985);
        background: var(--nc-primary-soft);
        border-color: var(--nc-primary);
        box-shadow: 0 0 0 4px var(--nc-primary-soft);
    }
    45% {
        opacity: 1;
        transform: translateY(0) scale(1.01);
        background: var(--nc-primary-soft);
        border-color: var(--nc-primary);
        box-shadow: 0 12px 26px var(--nc-primary-soft);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        background: var(--nc-surface-soft);
        border-color: var(--nc-border);
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-order-line.nc-order-line-added,
    .nc-order-line.nc-order-line-catalog-paused,
    .nc-order-line.nc-order-line-catalog-eliminated {
        animation: none;
    }

    .nc-order-line.nc-order-line-catalog-paused {
        background: var(--nc-warning-soft);
        border-color: var(--nc-warning);
        box-shadow: 0 0 0 3px rgba(201, 133, 24, 0.14);
    }

    .nc-order-line.nc-order-line-catalog-eliminated {
        background: var(--nc-danger-soft);
        border-color: var(--nc-danger);
        box-shadow: 0 0 0 3px rgba(217, 75, 89, 0.14);
    }
}

.nc-order-line-side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    text-align: right;
}

.nc-order-small-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 132px;
    padding: 1.15rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px dashed var(--nc-border);
    border-radius: 16px;
    font-weight: 800;
    text-align: center;
}

.nc-order-small-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1;
}

.nc-order-small-empty-text {
    max-width: 540px;
}

.nc-order-totals {
    display: grid;
    gap: 0.75rem;
}

.nc-order-totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-order-totals > div.is-strong strong {
    color: var(--nc-primary-dark);
    font-size: 1.08rem;
}

.nc-order-summary-actions {
    display: grid;
    gap: 0.65rem;
}

.nc-order-advance-card {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    color: var(--nc-info);
    background: var(--nc-info-soft);
    border: 1px solid rgba(58, 124, 165, 0.2);
    border-radius: 16px;
}

.nc-order-advance-card.is-applied {
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.2);
}

.nc-order-advance-card.is-courtesy {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
}

.nc-order-advance-card > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.nc-order-advance-card span,
.nc-order-advance-card strong {
    font-weight: 900;
}

.nc-order-advance-card p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-order-condonation-card {
    display: grid;
    gap: 0.6rem;
    padding: 0.85rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-order-condonation-card > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.nc-order-condonation-card span,
.nc-order-condonation-card strong {
    color: var(--nc-primary-dark);
    font-weight: 900;
}

.nc-order-condonation-card p,
.nc-order-condonation-card small {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-order-advance-balance {
    padding-top: 0.6rem;
    border-top: 1px solid rgba(58, 124, 165, 0.16);
}

.nc-order-paid-note,
.nc-order-lock-note {
    margin: 0;
    padding: 0.75rem 0.85rem;
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border: 1px solid rgba(47, 158, 103, 0.2);
    border-radius: 14px;
    font-weight: 850;
}

.nc-order-lock-note {
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border-color: var(--nc-border);
    font-size: 0.86rem;
}

.nc-order-paid-note.is-courtesy {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
}

.nc-order-empty-detail {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.nc-order-price-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-order-price-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 76px;
    padding: 0.85rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    cursor: pointer;
}

.nc-order-price-option.is-active {
    background: var(--nc-white);
    border-color: var(--nc-primary);
    box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.1);
}

.nc-order-price-option input {
    accent-color: var(--nc-primary);
}

.nc-order-price-option span,
.nc-order-price-option strong,
.nc-order-price-option small {
    display: block;
}

.nc-order-price-option strong {
    font-weight: 900;
}

.nc-order-price-option small {
    color: var(--nc-muted);
}

.nc-order-payment-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.nc-order-payment-summary > div {
    padding: 0.85rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-order-payment-summary span,
.nc-order-payment-summary strong {
    display: block;
}

.nc-order-payment-summary span {
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 850;
}

.nc-order-payment-summary strong {
    margin-top: 0.2rem;
    color: var(--nc-dark);
    font-weight: 900;
}

.nc-order-payment-dialog {
    max-width: 1080px;
}

.nc-order-payment-modal-header {
    padding: 1.35rem 1.5rem 1.1rem;
    background: linear-gradient(135deg, var(--nc-white), rgba(var(--nc-primary-soft-rgb), 0.42));
}

.nc-order-payment-modal-header .nc-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
}

.nc-order-payment-modal-header .modal-title {
    margin-top: 0.18rem;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.nc-order-payment-modal-body {
    padding: 1.25rem 1.5rem 1.35rem;
}

.nc-order-payment-modal .nc-order-payment-summary {
    gap: 0;
    overflow: hidden;
    margin-bottom: 0.9rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 18px;
}

.nc-order-payment-modal .nc-order-payment-summary > .nc-order-payment-stat {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 104px;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    background: var(--nc-white);
    border: 0;
    border-right: 1px solid var(--nc-border);
    border-radius: 0;
}

.nc-order-payment-modal .nc-order-payment-summary > .nc-order-payment-stat:last-child {
    border-right: 0;
}

.nc-order-payment-stat-icon,
.nc-order-payment-context-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 999px;
}

.nc-order-payment-stat-icon {
    width: 48px;
    height: 48px;
    font-size: 1.05rem;
}

.nc-order-payment-modal .nc-order-payment-summary .nc-order-payment-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--nc-primary-dark);
    font-size: 1.3rem;
    line-height: 1;
}

.nc-order-payment-modal .nc-order-payment-summary .nc-order-payment-stat-icon > i {
    display: block;
    width: 1em;
    line-height: 1;
    text-align: center;
}

.nc-order-payment-stat > div {
    min-width: 0;
}

.nc-order-payment-summary .nc-order-payment-stat strong {
    margin-top: 0.12rem;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    line-height: 1.15;
}

.nc-order-payment-stat small {
    display: block;
    margin-top: 0.24rem;
    color: var(--nc-muted);
    font-size: 0.7rem;
    line-height: 1.35;
}

.nc-order-payment-modal .nc-order-payment-stat.is-pending {
    background: linear-gradient(135deg, var(--nc-primary-soft), rgba(var(--nc-primary-soft-rgb), 0.58));
}

.nc-order-payment-modal .nc-order-payment-stat.is-pending .nc-order-payment-stat-icon {
    color: var(--nc-white);
    background: var(--nc-primary);
}

.nc-order-payment-modal .nc-order-payment-stat.is-pending span,
.nc-order-payment-modal .nc-order-payment-stat.is-pending strong {
    color: var(--nc-primary-dark);
}

.nc-order-payment-context {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.75rem;
    margin-bottom: 1.2rem;
    padding: 0.8rem 0.95rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-order-payment-context-icon {
    width: 38px;
    height: 38px;
}

.nc-order-payment-context > div {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.nc-order-payment-context strong,
.nc-order-payment-context > div span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-order-payment-context strong {
    color: var(--nc-dark);
    font-size: 0.9rem;
}

.nc-order-payment-context > div span {
    color: var(--nc-muted);
    font-size: 0.78rem;
}

.nc-order-payment-context > .nc-badge {
    flex: 0 0 auto;
    margin-left: auto;
}

.nc-order-payment-field .form-label {
    margin-bottom: 0.45rem;
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-order-payment-modal :is(.nc-form-control, .nc-order-payment-amount-control, #ncOrderPayFullBtn) {
    min-height: 52px;
}

.nc-order-payment-amount-control .input-group-text {
    min-width: 52px;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
    border-radius: 12px 0 0 12px;
    font-size: 1.15rem;
    font-weight: 900;
}

.nc-order-payment-amount-control .nc-form-control {
    height: 52px;
    border-left: 0;
    border-radius: 0 12px 12px 0;
    font-size: 1.2rem;
    font-weight: 900;
}

.nc-order-payment-field.nc-field-invalid > .invalid-feedback {
    display: block;
}

.nc-order-payment-field.nc-field-invalid .nc-order-payment-amount-control .input-group-text {
    border-color: var(--nc-danger);
}

#ncOrderPayFullBtn {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
    font-weight: 850;
}

#ncOrderPayFullBtn:hover,
#ncOrderPayFullBtn:focus-visible {
    color: var(--nc-white);
    background: var(--nc-primary-dark);
    border-color: var(--nc-primary-dark);
}

.nc-order-payment-balance-preview {
    display: flex;
    align-items: center;
    min-height: 48px;
    gap: 0.65rem;
    padding: 0.7rem 0.85rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    font-size: 0.84rem;
    line-height: 1.4;
}

.nc-order-payment-balance-preview > i {
    flex: 0 0 auto;
}

.nc-order-payment-balance-preview.is-complete {
    color: var(--nc-success);
    background: var(--nc-success-soft);
    border-color: rgba(47, 158, 103, 0.24);
}

.nc-order-payment-balance-preview.is-partial {
    color: var(--nc-info);
    background: var(--nc-info-soft);
    border-color: rgba(58, 124, 165, 0.2);
}

.nc-order-payment-balance-preview.is-warning {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
    border-color: rgba(201, 133, 24, 0.22);
}

.nc-order-payment-modal .nc-order-payment-footer {
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
}

.nc-order-payment-footer .nc-required-note {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    margin: 0;
}

.nc-order-payment-footer-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-left: auto;
}

.nc-order-payment-footer-actions .nc-btn {
    min-width: 150px;
}

@media (max-width: 767.98px) {
    .nc-order-payment-modal .nc-order-payment-summary {
        grid-template-columns: 1fr;
    }

    .nc-order-payment-modal .nc-order-payment-summary > .nc-order-payment-stat {
        min-height: 86px;
        border-right: 0;
        border-bottom: 1px solid var(--nc-border);
    }

    .nc-order-payment-modal .nc-order-payment-summary > .nc-order-payment-stat:last-child {
        border-bottom: 0;
    }

    .nc-order-payment-context {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .nc-order-payment-context > .nc-badge {
        margin-left: 46px;
    }

    .nc-order-payment-context strong,
    .nc-order-payment-context > div span {
        white-space: normal;
    }

    .nc-order-payment-modal .nc-order-payment-footer {
        display: grid;
        grid-template-columns: 1fr;
    }

    .nc-order-payment-footer .nc-required-note,
    .nc-order-payment-footer-actions {
        width: 100%;
        margin: 0;
    }

    .nc-order-payment-footer-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-order-payment-footer-actions .nc-btn {
        min-width: 0;
    }
}

@media (max-width: 430px) {
    .nc-order-payment-footer-actions {
        grid-template-columns: 1fr;
    }
}

/* Order receipt */
.nc-receipt-page {
    min-height: 100vh;
    padding: 24px;
    background: #fff7fb;
}

.nc-receipt-shell {
    display: grid;
    gap: 1rem;
    max-width: 760px;
    margin: 0 auto;
}

.nc-receipt-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 20px;
    box-shadow: var(--nc-shadow-sm);
}

.nc-receipt-toolbar h1 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1.25rem;
    font-weight: 900;
}

.nc-receipt-toolbar p {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.9rem;
}

.nc-receipt-toolbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.nc-receipt-paper-size-control {
    display: grid;
    gap: 0.2rem;
    min-width: 116px;
    color: var(--nc-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.nc-receipt-paper-size-control select {
    min-height: 38px;
    padding: 0.35rem 1.85rem 0.35rem 0.65rem;
    color: var(--nc-dark);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 800;
    background-color: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 8px;
}

.nc-receipt-paper {
    width: 80mm;
    max-width: 100%;
    min-height: 120mm;
    margin: 0 auto;
    padding: 7mm 5mm;
    color: #111;
    background: #fff;
    border: 1px solid rgba(41, 37, 42, 0.12);
    box-shadow: 0 18px 48px rgba(41, 37, 42, 0.14);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.35;
}

html[data-nc-receipt-paper-size='58'] .nc-receipt-paper {
    width: 58mm;
    min-height: 100mm;
    padding-right: 3.5mm;
    padding-left: 3.5mm;
    font-size: 10px;
}

html[data-nc-receipt-paper-size='58'] .nc-receipt-business {
    font-size: 14px;
}

html[data-nc-receipt-paper-size='58'] .nc-receipt-row,
html[data-nc-receipt-paper-size='58'] .nc-receipt-item {
    gap: 0.35rem;
}

html[data-nc-receipt-paper-size='58'] .nc-receipt-row.is-total span,
html[data-nc-receipt-paper-size='58'] .nc-receipt-row.is-total strong {
    font-size: 11px;
}

.nc-receipt {
    display: grid;
    gap: 0;
}

.nc-receipt-center {
    display: grid;
    gap: 0.12rem;
    text-align: center;
}

.nc-receipt-center span,
.nc-receipt-muted,
.nc-receipt-note {
    color: #555;
}

.nc-receipt-business {
    color: #111;
    font-size: 16px;
    font-weight: 900;
}

.nc-receipt-separator {
    margin: 0.55rem 0;
    border-top: 1px dashed #777;
}

.nc-receipt-section {
    display: grid;
    gap: 0.32rem;
}

.nc-receipt-section h2 {
    margin: 0 0 0.15rem;
    color: #111;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.nc-receipt-row,
.nc-receipt-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
}

.nc-receipt-row span,
.nc-receipt-item span {
    color: #555;
}

.nc-receipt-row strong,
.nc-receipt-item strong {
    color: #111;
    font-weight: 850;
}

.nc-receipt-row strong {
    text-align: right;
}

.nc-receipt-row.is-total {
    margin-top: 0.15rem;
    padding-top: 0.22rem;
    border-top: 1px solid #111;
}

.nc-receipt-row.is-total span,
.nc-receipt-row.is-total strong {
    color: #111;
    font-size: 12px;
    font-weight: 900;
}

.nc-receipt-item > div {
    min-width: 0;
}

.nc-receipt-item > div strong,
.nc-receipt-item > div span {
    display: block;
}

.nc-receipt-item > strong {
    flex: 0 0 auto;
    text-align: right;
}

.nc-receipt-note {
    margin: 0.2rem 0 0;
}

.nc-receipt-footer {
    gap: 0.2rem;
    padding-bottom: 0.25rem;
}

.nc-receipt-error {
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    min-height: 120px;
    text-align: center;
}

.nc-receipt-error i {
    color: var(--nc-danger);
    font-size: 1.5rem;
}

/* Typography demo */
.nc-typography-demo h1,
.nc-typography-demo h2,
.nc-typography-demo h3,
.nc-typography-demo h4 {
    font-weight: 900;
    letter-spacing: 0;
}

.nc-typography-demo p {
    color: var(--nc-dark);
}

/* Responsive */
@media (max-width: 991.98px) {
    :is(html, body).nc-sidebar-collapsed {
        --nc-sidebar-width: 286px;
    }

    .nc-sidebar {
        transform: translateX(-105%);
    }

    body.nc-sidebar-open .nc-sidebar {
        transform: translateX(0);
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar {
        padding: 16px 14px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-brand-panel {
        min-height: 170px;
        padding: 18px;
        border-radius: 26px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-brand-logo-sidebar {
        max-width: 205px;
        max-height: 58px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-brand-link.has-panel-logo .nc-brand-logo-sidebar {
        width: 120px;
        height: 120px;
        max-width: 120px;
        max-height: 120px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-section {
        margin-bottom: 14px;
        padding: 19px 10px 10px;
        border-color: rgba(var(--nc-border-rgb), 0.9);
        background: rgba(255, 255, 255, 0.46);
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-label {
        display: flex;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link span {
        display: inline;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-card {
        display: flex;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link {
        justify-content: flex-start;
        min-height: 40px;
        padding: 0.56rem 0.74rem;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link.is-plan-locked {
        display: grid;
        grid-template-columns: 21px minmax(0, 1fr);
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link.is-plan-locked .nc-plan-lock-badge:not(.d-none) {
        display: inline-flex;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link i {
        width: 21px;
    }

    .nc-main {
        width: 100%;
        margin-left: 0;
    }

    .nc-content {
        padding: 20px;
    }

    .nc-topbar {
        padding: 14px 20px;
    }

    .nc-page-header,
    .nc-section-heading,
    .nc-table-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-page-actions {
        width: 100%;
    }

    .nc-feature-item {
        grid-template-columns: 1fr;
    }

    .nc-service-form-layout {
        grid-template-columns: 1fr;
    }

    .nc-service-details-section {
        grid-column: 1;
        grid-row: 1;
    }

    .nc-service-costs-toggle-section {
        grid-column: 1;
        grid-row: 2;
    }

    .nc-service-costs-section {
        grid-column: 1;
        grid-row: 3;
    }

    .nc-service-summary-section {
        grid-column: 1;
        grid-row: 4;
    }

    .nc-service-actions-section {
        grid-column: 1;
        grid-row: 5;
    }

    .nc-service-costs-toggle-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-service-costs-toggle-control {
        width: 100%;
        min-width: 0;
    }

    .nc-fixed-cost-layout {
        grid-template-columns: 1fr;
    }

    .nc-variable-cost-grid {
        grid-template-columns: 1fr;
    }

    .nc-module-guide-grid {
        grid-template-columns: 1fr;
    }

    .nc-appointment-scope-grid {
        grid-template-columns: 1fr;
    }

    .nc-appointment-scope-note {
        margin-top: 0;
    }

    .nc-order-scope-grid {
        grid-template-columns: 1fr;
    }

    .nc-payments-scope-grid {
        grid-template-columns: 1fr;
    }

    .nc-payments-actions,
    .nc-order-row-actions,
    .nc-appointment-actions {
        justify-content: flex-end;
    }

    .nc-payments-actions-inline,
    .nc-order-row-actions-inline,
    .nc-appointment-actions-inline {
        display: none;
    }

    .nc-payments-actions-dropdown,
    .nc-order-row-actions-dropdown,
    .nc-appointment-actions-dropdown {
        display: block;
    }

    .nc-payments-table {
        min-width: 1180px;
    }

    .nc-payments-table th:last-child,
    .nc-payments-table td:last-child:not([colspan]) {
        width: 78px;
        min-width: 78px;
        max-width: 78px;
    }

    .nc-payments-actions-dropdown > .nc-icon-btn {
        color: var(--nc-white);
        background: var(--nc-primary);
        border-color: var(--nc-primary);
        box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.24);
    }

    .nc-payments-actions-dropdown > .nc-icon-btn:hover,
    .nc-payments-actions-dropdown > .nc-icon-btn:focus {
        color: var(--nc-white);
        background: var(--nc-primary-dark);
        border-color: var(--nc-primary-dark);
    }

    .nc-order-row-actions-dropdown > .nc-icon-btn {
        color: var(--nc-white);
        background: var(--nc-primary);
        border-color: var(--nc-primary);
        box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.24);
    }

    .nc-order-row-actions-dropdown > .nc-icon-btn:hover,
    .nc-order-row-actions-dropdown > .nc-icon-btn:focus {
        color: var(--nc-white);
        background: var(--nc-primary-dark);
        border-color: var(--nc-primary-dark);
    }

    .nc-appointments-table .nc-actions-column {
        width: 78px;
        min-width: 78px;
        max-width: 78px;
    }

    .nc-payments-active-filter {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-payments-active-filter .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-payment-detail-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-payment-detail-grid {
        grid-template-columns: 1fr;
    }

    .nc-payment-detail-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    .nc-payment-detail-row strong {
        max-width: none;
        text-align: left;
    }

    .nc-appointment-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-appointment-summary-total {
        grid-column: 1 / -1;
    }

    .nc-appointment-history-filters {
        grid-template-columns: 1fr;
    }

    .nc-appointment-detail-grid {
        grid-template-columns: 1fr;
    }

    .nc-appointment-detail-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-appointment-detail-hero {
        align-items: flex-start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-appointment-detail-badges {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .nc-spaces-toolbar {
        grid-template-columns: 1fr 1fr;
    }

    .nc-spaces-toggle {
        margin-top: 0;
    }

    .nc-spaces-calendar-header {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-spaces-public-reservations-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-spaces-public-reservations-aside {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(150px, 0.45fr) minmax(0, 1fr);
        gap: 0.25rem 1rem;
        padding: 1rem 0 0;
        border-top: 1px solid rgba(var(--nc-primary-rgb), 0.13);
        border-left: 0;
    }

    .nc-spaces-public-reservations-motto {
        grid-row: 1 / span 2;
        align-self: center;
        margin: 0;
    }

    .nc-spaces-public-reservations-note {
        justify-content: flex-start;
        margin-top: 0.35rem;
        text-align: left;
    }

    .nc-spaces-week-actions {
        justify-content: flex-start;
    }

    .nc-appointment-day-controls {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .nc-appointment-panel-header-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .nc-appointment-panel-visibility {
        align-self: flex-end;
    }

    .nc-appointment-day-controls > div {
        min-width: 0;
    }

    .nc-appointment-day-controls .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-appointment-history-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-appointment-history-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-slot-grid {
        grid-template-columns: 1fr;
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="id_categoria"],
    .nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="ordenar_por"],
    .nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="orden"] {
        grid-column: span 2;
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name="buscar"] {
        grid-column: span 4;
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields > .col-md-auto {
        grid-column: span 2;
    }

    .nc-schedule-day-settings {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-schedule-row-actions {
        justify-content: flex-start;
    }

    .nc-schedule-break {
        grid-template-columns: 1fr;
    }

    .nc-order-shell,
    .nc-order-detail-grid {
        grid-template-columns: 1fr;
    }

    .nc-order-adjustments {
        grid-template-columns: 1fr;
    }

    .nc-order-list-card,
    .nc-order-summary-card {
        position: static;
        max-height: none;
    }

    .nc-order-list-page-card .nc-order-filters {
        grid-template-columns: 1fr;
    }

    .nc-order-list-page-card .nc-order-list-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-order-list-page-card .nc-order-list {
        grid-template-columns: 1fr;
    }

    .nc-order-pagination {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-order-context-grid {
        grid-template-columns: 1fr;
    }

}

/* Tabletas horizontales: conservar el menu movil y liberar espacio para el contenido. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    :is(html, body).nc-sidebar-collapsed {
        --nc-sidebar-width: 286px;
    }

    .nc-sidebar {
        transform: translateX(-105%);
    }

    body.nc-sidebar-open .nc-sidebar {
        transform: translateX(0);
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar {
        padding: 16px 14px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-brand-panel {
        min-height: 170px;
        padding: 18px;
        border-radius: 26px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-brand-logo-sidebar {
        max-width: 205px;
        max-height: 58px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-brand-link.has-panel-logo .nc-brand-logo-sidebar {
        width: 120px;
        height: 120px;
        max-width: 120px;
        max-height: 120px;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-section {
        margin-bottom: 14px;
        padding: 19px 10px 10px;
        border-color: rgba(var(--nc-border-rgb), 0.9);
        background: rgba(255, 255, 255, 0.46);
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-label {
        display: flex;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link span {
        display: inline;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-card {
        display: flex;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link {
        justify-content: flex-start;
        min-height: 40px;
        padding: 0.56rem 0.74rem;
    }

    :is(html, body).nc-sidebar-collapsed .nc-sidebar-link i {
        width: 21px;
    }

    .nc-main {
        width: 100%;
        margin-left: 0;
    }

    .nc-content {
        padding: 20px;
    }

    .nc-topbar {
        padding: 14px 20px;
    }

    .nc-spaces-public-reservations-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-spaces-public-reservations-aside {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(150px, 0.45fr) minmax(0, 1fr);
        gap: 0.25rem 1rem;
        padding: 1rem 0 0;
        border-top: 1px solid rgba(var(--nc-primary-rgb), 0.13);
        border-left: 0;
    }

    .nc-spaces-public-reservations-motto {
        grid-row: 1 / span 2;
        align-self: center;
        margin: 0;
    }

    .nc-spaces-public-reservations-note {
        justify-content: flex-start;
        margin-top: 0.35rem;
        text-align: left;
    }
}

/* Tabletas: mantener la captura de citas compacta sin reducirla a una sola columna. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .nc-module-guide-grid,
    .nc-appointment-scope-card .nc-appointment-scope-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-public-help-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #ncAppointmentModal .nc-slot-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-order-context-grid,
    .nc-order-summary-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* En tabletas, la tabla de servicios usa el mismo menú de acciones compacto que en móvil. */
    .nc-crud-servicios-manicura-table .nc-actions-column {
        position: sticky;
        right: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        text-align: center;
        background: var(--nc-white);
        box-shadow: -12px 0 20px rgba(41, 37, 42, 0.06);
        z-index: 2;
    }

    .nc-crud-servicios-manicura-table thead .nc-actions-column {
        background: var(--nc-primary-soft);
        z-index: 3;
    }

    .nc-crud-servicios-manicura-table tbody tr.nc-row-dropdown-open {
        position: relative;
        z-index: 12;
    }

    .nc-crud-servicios-manicura-table td.nc-cell-dropdown-open {
        z-index: 24;
    }

    .nc-crud-servicios-manicura-table .nc-table-actions {
        justify-content: center;
    }

    .nc-crud-servicios-manicura-table .nc-crud-row-actions-inline {
        display: none;
    }

    .nc-crud-servicios-manicura-table .nc-crud-row-actions-dropdown {
        display: block;
    }

    .nc-crud-servicios-manicura-table .nc-crud-row-actions-dropdown > .nc-icon-btn {
        color: var(--nc-white);
        background: var(--nc-primary);
        border-color: var(--nc-primary);
        box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.24);
    }

    .nc-crud-servicios-manicura-table .nc-crud-row-actions-dropdown > .nc-icon-btn:hover,
    .nc-crud-servicios-manicura-table .nc-crud-row-actions-dropdown > .nc-icon-btn:focus {
        color: var(--nc-white);
        background: var(--nc-primary-dark);
        border-color: var(--nc-primary-dark);
    }

    .nc-crud-manicuristas-table .nc-actions-column {
        position: sticky;
        right: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        text-align: center;
        background: var(--nc-white);
        box-shadow: -12px 0 20px rgba(41, 37, 42, 0.06);
        z-index: 2;
    }

    .nc-crud-manicuristas-table thead .nc-actions-column {
        background: var(--nc-primary-soft);
        z-index: 3;
    }

    .nc-crud-manicuristas-table tbody tr.nc-row-dropdown-open {
        position: relative;
        z-index: 12;
    }

    .nc-crud-manicuristas-table td.nc-cell-dropdown-open {
        z-index: 24;
    }

    .nc-crud-manicuristas-table .nc-table-actions {
        justify-content: center;
    }

    .nc-crud-manicuristas-table .nc-crud-row-actions-inline {
        display: none;
    }

    .nc-crud-manicuristas-table .nc-crud-row-actions-dropdown {
        display: block;
    }

    .nc-crud-manicuristas-table .nc-crud-row-actions-dropdown > .nc-icon-btn {
        color: var(--nc-white);
        background: var(--nc-primary);
        border-color: var(--nc-primary);
        box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.24);
    }

    .nc-crud-manicuristas-table .nc-crud-row-actions-dropdown > .nc-icon-btn:hover,
    .nc-crud-manicuristas-table .nc-crud-row-actions-dropdown > .nc-icon-btn:focus {
        color: var(--nc-white);
        background: var(--nc-primary-dark);
        border-color: var(--nc-primary-dark);
    }

    .nc-spaces-toolbar {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .nc-spaces-toolbar > div {
        grid-column: span 2;
    }

    .nc-spaces-toolbar .nc-spaces-toggle {
        grid-column: span 1;
    }

    .nc-appointment-history-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-appointment-history-filters > div:nth-child(4) {
        grid-column: 1;
    }

    .nc-appointment-history-actions {
        display: grid;
        grid-column: span 2;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
    }

    .nc-appointment-history-actions .nc-btn {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .nc-order-context-attended-item {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .nc-order-context-attended-item > .nc-order-context-icon {
        width: 40px;
        height: 40px;
    }

    .nc-order-participant-action {
        grid-column: 1 / -1;
        justify-content: center;
        width: 100%;
    }

    .nc-order-participant-chip {
        width: 100%;
        border-radius: 10px;
    }

    #ncNewOrderBtn,
    #ncNewOrderScopeBtn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        padding: 0;
        border-radius: 999px;
        justify-content: center;
    }

    #ncNewOrderBtn .nc-order-new-label,
    #ncNewOrderScopeBtn .nc-order-new-label {
        display: none;
    }

    #ncRefreshOrdersBtn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        padding: 0;
        border-radius: 999px;
        justify-content: center;
    }

    #ncRefreshOrdersBtn .nc-order-refresh-label {
        display: none;
    }

    .nc-order-card-actions {
        gap: 0.45rem;
    }

    .nc-order-quick-filters {
        display: none;
    }

    .nc-order-quick-filter-select {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .nc-content {
        padding: 16px;
    }

    .nc-page-header,
    .nc-card {
        padding: 18px;
        border-radius: 20px;
    }

    .nc-page-header {
        align-items: center;
        flex-direction: row;
        gap: 0.75rem;
        min-height: 76px;
        padding: 13px 14px;
        background-color: #f9e4e3;
        background-image:
            linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 253, 0.86) 62%, rgba(255, 250, 253, 0.68) 100%),
            url('../img/fondoheaders.webp');
        background-position: center, 64% center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .nc-page-header > div:first-child {
        min-width: 0;
    }

    .nc-page-header .nc-breadcrumb,
    .nc-page-header p {
        display: none;
    }

    .nc-page-header h2 {
        font-size: 1.22rem;
        line-height: 1.15;
    }

    .nc-page-actions {
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 auto;
        width: auto;
        margin-left: auto;
    }

    .nc-page-header .nc-page-refresh-actions {
        flex-wrap: nowrap;
    }

    .nc-page-actions .nc-btn {
        min-height: 38px;
        padding: 0.48rem 0.7rem;
        font-size: 0.84rem;
    }

    .nc-page-header .nc-page-refresh-actions > [data-history-back] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        order: 1;
        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;
        flex: 0 0 42px;
        gap: 0;
        padding: 0;
        color: var(--nc-primary-dark);
        font-size: 0;
        background: var(--nc-white);
        border: 1px solid var(--nc-border);
        border-radius: 50%;
        box-shadow: 0 6px 18px rgba(41, 37, 42, 0.04);
    }

    .nc-page-header .nc-page-refresh-actions > [data-history-back] i {
        width: auto;
        margin: 0;
        font-size: 0.95rem;
    }

    .nc-page-header .nc-page-refresh-actions > .nc-page-refresh-btn {
        order: 2;
    }

    #ncNewAppointmentBtn {
        width: 42px;
        height: 42px;
        justify-content: center;
        padding: 0;
    }

    #ncNewAppointmentBtn .nc-appointment-new-label {
        display: none;
    }

    .nc-topbar-actions {
        gap: 0.45rem;
    }

    .nc-topbar-brand-logo {
        width: min(124px, 34vw);
        max-height: 38px;
    }

    .nc-topbar-brand.has-panel-logo .nc-topbar-brand-logo {
        width: 40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
    }

    .nc-user-menu {
        padding: 0.25rem;
    }

    .nc-appointments-board .table-responsive {
        overflow-x: auto;
    }

    .nc-appointment-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-appointment-summary-icon {
        display: none;
    }

    .nc-appointment-summary-new-btn {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        justify-content: center;
        padding: 0;
    }

    .nc-appointment-summary-new-label {
        display: none;
    }

    .nc-appointment-summary-total,
    .nc-appointment-summary-loading {
        grid-column: 1 / -1;
    }

    .nc-appointment-panel > .nc-card-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 0.65rem;
        row-gap: 0.35rem;
    }

    .nc-appointment-panel > .nc-card-header > div:first-child,
    .nc-appointment-panel > .nc-card-header > .nc-appointment-panel-header-actions {
        display: contents;
    }

    .nc-appointment-panel > .nc-card-header > div:first-child > .nc-section-kicker {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        margin-bottom: 0;
    }

    .nc-appointment-panel > .nc-card-header > div:first-child > h3 {
        grid-column: 1 / -1;
        grid-row: 2;
        margin-top: 0.15rem;
    }

    .nc-appointment-panel > .nc-card-header > div:first-child > p {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .nc-appointment-panel > .nc-card-header > .nc-appointment-panel-visibility,
    .nc-appointment-panel > .nc-card-header > .nc-appointment-panel-header-actions > .nc-appointment-panel-visibility {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        min-height: 36px;
        padding: 0.35rem 0.55rem;
        gap: 0.45rem;
        font-size: 0.76rem;
    }

    .nc-appointment-panel > .nc-card-header > .nc-appointment-panel-header-actions > .nc-appointment-day-controls {
        grid-column: 1 / -1;
        grid-row: 4;
        margin-top: 0.35rem;
    }

    .nc-appointment-history-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-appointment-history-filters > div:nth-child(n + 3) {
        grid-column: 1 / -1;
    }

    .nc-appointment-detail-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }

    .nc-appointment-detail-row strong {
        max-width: none;
        text-align: left;
    }

    .nc-appointment-detail-stats {
        grid-template-columns: 1fr;
    }

    .nc-appointment-detail-list-item {
        align-items: flex-start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-appointment-detail-list-item .nc-badge {
        grid-column: 2;
        justify-self: flex-start;
    }

    .nc-spaces-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-spaces-toolbar > div {
        grid-column: 1 / -1;
    }

    .nc-spaces-toolbar .nc-spaces-toggle {
        grid-column: span 1;
    }

    .nc-spaces-public-reservations-card {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 1rem;
    }

    .nc-spaces-public-reservations-visual {
        grid-column: 1;
        grid-row: 1;
        width: 76px;
        height: 76px;
        border-radius: 20px;
    }

    .nc-spaces-public-reservations-icon {
        width: 50px;
        height: 50px;
        font-size: 1.7rem;
    }

    .nc-spaces-public-reservations-heart {
        right: -7px;
        bottom: -6px;
        width: 29px;
        height: 29px;
        font-size: 0.72rem;
    }

    .nc-spaces-public-reservations-content {
        display: contents;
    }

    .nc-spaces-public-reservations-badges {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        align-items: flex-start;
        flex-direction: column;
        gap: 0.4rem;
        margin-bottom: 0;
    }

    .nc-spaces-public-reservations-content h3,
    .nc-spaces-public-reservations-content > p,
    .nc-spaces-public-reservations-url-card {
        grid-column: 1 / -1;
    }

    .nc-spaces-public-reservations-content h3 {
        grid-row: 2;
        margin-top: 0.1rem;
    }

    .nc-spaces-public-reservations-content > p {
        grid-row: 3;
    }

    .nc-spaces-public-reservations-url-card {
        grid-row: 4;
        gap: 0.5rem;
        padding-left: 0.75rem;
    }

    .nc-spaces-public-reservations-url {
        font-size: 0.8rem;
    }

    .nc-spaces-public-reservations-aside {
        display: flex;
        grid-column: 1 / -1;
        grid-row: 5;
        gap: 0;
        padding-top: 0.9rem;
    }

    .nc-spaces-public-reservations-motto {
        display: none;
    }

    .nc-spaces-public-reservations-actions {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .nc-spaces-public-reservations-actions .nc-btn {
        width: 100%;
    }

    .nc-spaces-public-reservations-note {
        justify-content: center;
        text-align: center;
    }

    .nc-spaces-week-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .nc-spaces-week-actions .nc-spaces-share-action {
        grid-column: 1 / -1;
        width: 100%;
    }

    .nc-spaces-week-actions .nc-spaces-share-action .nc-spaces-share-btn {
        justify-content: center;
        width: 100%;
    }

    .nc-spaces-week-actions .nc-spaces-nav-btn {
        width: 100%;
        height: 42px;
        justify-content: center;
        padding: 0;
    }

    .nc-spaces-week-actions .nc-spaces-nav-btn span {
        display: none;
    }

    .nc-spaces-calendar-scroll {
        overflow-x: visible;
    }

    .nc-spaces-week-grid {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .nc-spaces-day {
        min-height: 0;
    }

    .nc-crud-module-negocios #ncNegociosCreateBtn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
    }

    .nc-crud-module-negocios #ncNegociosCreateBtn span {
        display: none;
    }

    .nc-crud-module-negocios #ncNegociosCreateBtn i {
        margin: 0;
    }

    .nc-content[data-module-key="manicuristas-horarios"] #ncManicuristasHorariosCreateBtn,
    .nc-content[data-module-key="manicuristas-horarios"] #moduleListActions > .nc-btn-light {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
    }

    .nc-content[data-module-key="manicuristas-horarios"] #ncManicuristasHorariosCreateBtn span {
        display: none;
    }

    .nc-content[data-module-key="manicuristas-horarios"] #ncManicuristasHorariosCreateBtn::after {
        display: none;
    }

    .nc-content[data-module-key="manicuristas-horarios"] #moduleListActions > .nc-btn-light {
        font-size: 0;
    }

    .nc-content[data-module-key="manicuristas-horarios"] #ncManicuristasHorariosCreateBtn i,
    .nc-content[data-module-key="manicuristas-horarios"] #moduleListActions > .nc-btn-light i {
        margin: 0;
        font-size: 1rem;
    }

    .nc-content[data-module-key="costos-variables"] #ncCostosVariablesCreateBtn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
    }

    .nc-content[data-module-key="costos-variables"] #ncCostosVariablesCreateBtn span {
        display: none;
    }

    .nc-content[data-module-key="costos-variables"] #ncCostosVariablesCreateBtn i {
        margin: 0;
    }

    .nc-content[data-module-key="servicios-otros"] #ncServiciosOtrosCreateBtn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
    }

    .nc-content[data-module-key="servicios-otros"] #ncServiciosOtrosCreateBtn span {
        display: none;
    }

    .nc-content[data-module-key="servicios-otros"] #ncServiciosOtrosCreateBtn i {
        margin: 0;
    }

    .nc-content[data-module-key="manicuristas-bloqueos"] #ncManicuristasBloqueosCreateBtn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
    }

    .nc-content[data-module-key="manicuristas-bloqueos"] #ncManicuristasBloqueosCreateBtn span {
        display: none;
    }

    .nc-content[data-module-key="manicuristas-bloqueos"] #ncManicuristasBloqueosCreateBtn i {
        margin: 0;
    }

    .nc-content[data-module-key="manicuristas-servicios"] #ncManicuristasServiciosCreateBtn {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex: 0 0 44px;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
    }

    .nc-content[data-module-key="manicuristas-servicios"] #ncManicuristasServiciosCreateBtn span {
        display: none;
    }

    .nc-content[data-module-key="manicuristas-servicios"] #ncManicuristasServiciosCreateBtn i {
        margin: 0;
    }

    .nc-crud-table {
        width: max-content;
        min-width: max-content;
        table-layout: auto;
    }

    .nc-crud-table th,
    .nc-crud-table td {
        width: auto;
        white-space: nowrap;
    }

    .nc-crud-table .nc-actions-column {
        position: sticky;
        right: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        text-align: center;
        background: var(--nc-white);
        box-shadow: -12px 0 20px rgba(41, 37, 42, 0.06);
        z-index: 2;
    }

    .nc-crud-table thead .nc-actions-column {
        background: var(--nc-primary-soft);
        z-index: 3;
    }

    .nc-crud-table tbody tr.nc-row-dropdown-open {
        position: relative;
        z-index: 12;
    }

    .nc-crud-table td.nc-cell-dropdown-open {
        z-index: 24;
    }

    .nc-crud-module .nc-table-actions {
        justify-content: center;
    }

    .nc-crud-module .nc-crud-row-actions-inline {
        display: none;
    }

    .nc-crud-module .nc-crud-row-actions-dropdown {
        display: block;
    }

    .nc-crud-module .nc-crud-row-actions-dropdown > .nc-icon-btn {
        color: var(--nc-white);
        background: var(--nc-primary);
        border-color: var(--nc-primary);
        box-shadow: 0 10px 24px rgba(var(--nc-primary-rgb), 0.24);
    }

    .nc-crud-module .nc-crud-row-actions-dropdown > .nc-icon-btn:hover,
    .nc-crud-module .nc-crud-row-actions-dropdown > .nc-icon-btn:focus {
        color: var(--nc-white);
        background: var(--nc-primary-dark);
        border-color: var(--nc-primary-dark);
    }

    .nc-price-choice-grid,
    .nc-price-amount-row {
        grid-template-columns: 1fr;
    }

    .nc-checkbox-option-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .nc-price-amount-row .nc-form-control {
        max-width: none;
    }

    .nc-schedule-builder-head,
    .nc-schedule-summary,
    .nc-schedule-detail-head {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-schedule-detail-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .nc-schedule-detail-actions .nc-btn {
        width: 100%;
        justify-content: center;
    }

    .nc-schedule-day-settings {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .nc-schedule-day-summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-schedule-row-actions {
        width: 100%;
        align-items: stretch;
        justify-content: flex-start;
    }

    .nc-schedule-row-actions .nc-btn {
        flex: 1 1 150px;
    }

    .nc-schedule-slot-row {
        grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
    }

    .nc-schedule-slot-list {
        grid-template-columns: minmax(0, 100%);
    }

    .nc-swal-checkbox-list {
        grid-template-columns: 1fr;
    }

    .nc-participants-context,
    .nc-participant-item,
    .nc-advance-payment-row {
        grid-template-columns: 1fr;
    }

    .nc-fixed-cost-total strong {
        font-size: 1.85rem;
    }

    .nc-fixed-cost-bar-top,
    .nc-fixed-cost-breakdown-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields [data-field-name],
    .nc-content[data-module-key="costos-variables"] #moduleFilterFields > .col-md-auto {
        grid-column: 1 / -1;
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields > .nc-filter-action .nc-btn {
        color: var(--nc-white);
        background: var(--nc-primary);
        border-color: var(--nc-primary);
        box-shadow: 0 12px 26px rgba(var(--nc-primary-rgb), 0.24);
    }

    .nc-content[data-module-key="costos-variables"] #moduleFilterFields > .nc-filter-action .nc-btn:hover,
    .nc-content[data-module-key="costos-variables"] #moduleFilterFields > .nc-filter-action .nc-btn:focus {
        color: var(--nc-white);
        background: var(--nc-primary-dark);
        border-color: var(--nc-primary-dark);
    }

    .nc-content[data-module-key="manicuristas-bloqueos"] #moduleFilterFields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-content[data-module-key="manicuristas-bloqueos"] #moduleFilterFields [data-field-name],
    .nc-content[data-module-key="manicuristas-bloqueos"] #moduleFilterFields > .col-md-auto {
        grid-column: 1 / -1;
    }

    .nc-content[data-module-key="manicuristas-bloqueos"] #moduleFilterFields [data-field-name="fecha_inicio"],
    .nc-content[data-module-key="manicuristas-bloqueos"] #moduleFilterFields [data-field-name="fecha_fin"] {
        grid-column: span 1;
    }

    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields [data-field-name],
    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields > .col-md-auto {
        grid-column: 1 / -1;
    }

    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields [data-field-name="tipo_servicio"],
    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields [data-field-name="agendar_online"],
    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields [data-field-name="tipo_comision"],
    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields [data-field-name="per_page"] {
        grid-column: span 1;
    }

    .nc-order-filter-row,
    .nc-order-list-item,
    .nc-order-payment-summary,
    .nc-order-price-options {
        grid-template-columns: 1fr;
    }

    .nc-order-line {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .nc-order-detail-header {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 0.65rem;
    }

    .nc-order-list-meta {
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
    }

    .nc-order-header-badges {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start;
        text-align: right;
    }

    .nc-order-header-badges .nc-badge {
        margin-left: 0 !important;
    }

    .nc-order-line-side {
        align-items: flex-end;
        justify-content: flex-start;
        flex-direction: column;
        width: auto;
        text-align: right;
    }

    .nc-order-line-side .nc-table-actions {
        justify-content: flex-end;
    }

    .nc-form-actions {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .nc-form-actions {
        flex-direction: column-reverse;
    }

    .nc-form-actions .nc-btn {
        width: 100%;
    }

    .nc-selected-cost-amount {
        grid-column: 1;
        grid-row: 2;
        text-align: left;
    }

    .nc-selected-cost-card {
        align-items: center;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem 0.75rem;
    }

    .nc-selected-cost-card > div:first-child {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .nc-selected-cost-card .nc-icon-btn {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .nc-service-examples-hero,
    .nc-service-examples-modal .modal-body,
    .nc-service-examples-footer {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .nc-service-example-tabs {
        gap: 0.5rem;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.85rem;
    }

    .nc-service-example-tab {
        flex: 0 0 auto;
    }

    .nc-service-example-group-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-service-example-item {
        align-items: center;
        flex-direction: row;
    }

    .nc-service-example-main {
        flex: 1 1 auto;
        min-width: 0;
    }

    .nc-service-example-item .nc-btn {
        width: auto;
        flex: 0 0 auto;
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .nc-service-detail-hero,
    .nc-service-detail-grid,
    .nc-service-detail-summary-grid {
        grid-template-columns: 1fr;
    }

    .nc-service-detail-hero {
        align-items: flex-start;
    }

    .nc-service-detail-actions .nc-btn {
        width: 100%;
    }

    .nc-service-summary-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-service-summary-row strong {
        text-align: left;
    }

    .nc-module-related-header-link {
        display: none;
    }

    .nc-module-mobile-related-section:not(.d-none) {
        display: block;
    }

    .nc-module-related-grid {
        grid-template-columns: 1fr;
    }

    #ncServiciosManicuraCreateBtn {
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
        border-radius: 999px;
        justify-content: center;
    }

    #ncServiciosManicuraCreateBtn span {
        display: none;
    }
}

/* Bitácora de auditoría */
.nc-audit-intro-card h3 {
    margin: 0.35rem 0;
    color: var(--nc-dark);
    font-size: 1.2rem;
    font-weight: 900;
}

.nc-audit-intro-card p {
    max-width: 760px;
    margin: 0;
    color: var(--nc-muted);
}

.nc-audit-filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    align-items: end;
}

.nc-audit-filter-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    min-height: 42px;
}

.nc-audit-table th:nth-child(1),
.nc-audit-table td:nth-child(1) {
    min-width: 130px;
}

.nc-audit-table th:nth-child(2),
.nc-audit-table td:nth-child(2) {
    min-width: 155px;
}

.nc-audit-table th:nth-child(3),
.nc-audit-table td:nth-child(3) {
    min-width: 230px;
}

.nc-audit-table th:nth-child(4),
.nc-audit-table td:nth-child(4) {
    min-width: 190px;
}

.nc-audit-table th:nth-child(5),
.nc-audit-table td:nth-child(5) {
    min-width: 145px;
}

.nc-audit-table .nc-actions-column {
    width: 126px;
    min-width: 126px;
}

.nc-audit-table td small,
.nc-audit-date-cell small {
    display: block;
    margin-top: 0.2rem;
    color: var(--nc-muted);
}

.nc-audit-description {
    max-width: 300px;
    line-height: 1.45;
}

.nc-audit-loading-state .nc-empty-icon {
    color: var(--nc-primary);
}

.nc-audit-detail-card {
    padding: clamp(1.15rem, 3vw, 2rem);
}

.nc-audit-detail-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-audit-detail-header h3 {
    margin: 0.35rem 0;
    color: var(--nc-dark);
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 950;
}

.nc-audit-detail-header p {
    max-width: 780px;
    margin: 0;
    color: var(--nc-muted);
    line-height: 1.6;
}

.nc-audit-detail-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
    margin: 1.25rem 0;
}

.nc-audit-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-width: 0;
}

.nc-audit-detail-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 10px;
}

.nc-audit-detail-item div {
    min-width: 0;
}

.nc-audit-detail-item small,
.nc-audit-technical-grid small {
    display: block;
    color: var(--nc-muted);
    font-size: 0.75rem;
    font-weight: 750;
}

.nc-audit-detail-item strong,
.nc-audit-detail-item em {
    display: block;
    overflow-wrap: anywhere;
}

.nc-audit-detail-item strong {
    margin-top: 0.12rem;
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 850;
}

.nc-audit-detail-item em {
    margin-top: 0.08rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-style: normal;
}

.nc-audit-detail-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0 0 1.25rem;
}

.nc-audit-detail-section {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--nc-border);
}

.nc-audit-detail-section-heading {
    margin-bottom: 0.9rem;
}

.nc-audit-detail-section-heading h4 {
    margin: 0.3rem 0;
    color: var(--nc-dark);
    font-size: 1.05rem;
    font-weight: 900;
}

.nc-audit-detail-section-heading p {
    margin: 0;
    color: var(--nc-muted);
}

.nc-audit-detail-empty {
    margin: 0;
    color: var(--nc-muted);
}

.nc-audit-compare-wrap {
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-audit-compare-table th,
.nc-audit-compare-table td {
    min-width: 160px;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.nc-audit-compare-table tbody th {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-audit-context-list {
    display: grid;
    grid-template-columns: minmax(160px, 0.3fr) minmax(0, 1fr);
    gap: 0.55rem 1rem;
    margin: 0;
    padding: 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-audit-context-list dt {
    color: var(--nc-dark);
    font-weight: 850;
}

.nc-audit-context-list dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.nc-audit-technical-details {
    margin-top: 1.5rem;
    padding: 0.85rem 1rem;
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-audit-technical-details summary {
    color: var(--nc-dark);
    cursor: pointer;
    font-weight: 850;
}

.nc-audit-technical-details summary i {
    margin-right: 0.4rem;
    color: var(--nc-primary-dark);
}

.nc-audit-technical-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.9rem;
}

.nc-audit-technical-grid span {
    display: block;
    margin-top: 0.18rem;
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.82rem;
}

@media (max-width: 1199.98px) {
    .nc-audit-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-audit-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .nc-audit-table th:not(.nc-actions-column),
    .nc-audit-table td:not(.nc-actions-column) {
        min-width: max-content;
        max-width: none;
    }

    .nc-audit-table .nc-actions-column {
        position: sticky;
        right: 0;
        z-index: 2;
        background: var(--nc-white);
        box-shadow: -12px 0 20px rgba(41, 37, 42, 0.06);
    }

    .nc-audit-table thead .nc-actions-column {
        z-index: 3;
        background: var(--nc-primary-soft);
    }
}

@media (max-width: 767.98px) {
    .nc-audit-filters,
    .nc-audit-detail-grid,
    .nc-audit-technical-grid {
        grid-template-columns: 1fr;
    }

    .nc-audit-filter-actions .nc-btn {
        flex: 1 1 140px;
        justify-content: center;
    }

    .nc-audit-detail-header {
        flex-direction: column;
    }

    .nc-audit-context-list {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .nc-audit-context-list dd {
        margin-bottom: 0.55rem;
    }

    .nc-audit-context-list dd:last-child {
        margin-bottom: 0;
    }

    .nc-audit-table .nc-actions-column {
        width: 58px;
        min-width: 58px;
    }

    .nc-audit-table .nc-actions-column .nc-btn {
        width: 38px;
        min-width: 38px;
        height: 38px;
        padding: 0;
        justify-content: center;
    }

    .nc-audit-action-label {
        display: none;
    }
}

/* Registration experience */
.nc-register-page {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: clamp(20px, 4vw, 56px);
    overflow: hidden;
    isolation: isolate;
}

.nc-register-gradient {
    position: absolute;
    inset: -35%;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(118deg, #ffd9e6 0%, #fff0df 29%, #d9f3eb 54%, #f8c9dc 77%, #fff3dc 100%);
    background-size: 240% 240%;
    animation: nc-register-gradient-shift 22s ease-in-out infinite;
}

.nc-register-shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(390px, 1.05fr) minmax(410px, 0.95fr);
    width: min(100%, 1180px);
    min-height: 710px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 30px;
    box-shadow: 0 30px 82px rgba(83, 42, 59, 0.2);
    backdrop-filter: blur(16px);
}

.nc-register-visual {
    position: relative;
    min-height: 710px;
    overflow: hidden;
    color: #fff;
    background: #c45e87;
}

.nc-register-visual-image,
.nc-register-visual-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.nc-register-visual-image {
    object-fit: cover;
    object-position: 58% center;
    transform: scale(1.015);
}

.nc-register-visual-overlay {
    background: linear-gradient(180deg, rgba(35, 28, 32, 0.04) 22%, rgba(52, 28, 40, 0.12) 48%, rgba(49, 27, 39, 0.78) 100%);
}

.nc-register-visual-copy {
    position: absolute;
    right: clamp(26px, 4vw, 46px);
    bottom: clamp(28px, 4vw, 46px);
    left: clamp(26px, 4vw, 46px);
    z-index: 1;
    max-width: 31rem;
    text-shadow: 0 2px 18px rgba(32, 20, 26, 0.3);
}

.nc-register-visual-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
    padding: 0.5rem 0.8rem;
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    font-size: 0.79rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-shadow: none;
}

.nc-register-visual-copy h2 {
    max-width: 9ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2.25rem, 4.2vw, 4rem);
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: 0;
}

.nc-register-visual-copy p {
    max-width: 27rem;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 1.03rem;
    line-height: 1.55;
}

.nc-register-form-panel {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: clamp(34px, 5vw, 64px);
    background: rgba(255, 255, 255, 0.96);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.nc-register-form-panel .nc-auth-brand {
    justify-content: flex-start;
    margin: 0 0 clamp(28px, 4vw, 44px);
}

.nc-register-brand-logo {
    display: block;
    width: min(100%, 220px);
    height: auto;
    max-height: 60px;
    object-fit: contain;
    object-position: left center;
}

.nc-register-form-panel .nc-auth-copy {
    margin-bottom: 1.75rem;
}

.nc-register-form-panel .nc-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    letter-spacing: 0.12em;
}

.nc-register-form-panel .nc-auth-copy h1 {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    line-height: 1.04;
}

.nc-register-form-panel .nc-auth-copy p {
    max-width: 31rem;
    font-size: 1rem;
}

.nc-register-form-panel .nc-auth-form {
    max-width: 32rem;
}

.nc-register-form-panel .nc-auth-links {
    max-width: 32rem;
}

@keyframes nc-register-gradient-shift {
    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@media (max-width: 920px) {
    .nc-register-shell {
        grid-template-columns: 1fr;
        max-width: 660px;
        min-height: 0;
    }

    .nc-register-visual {
        min-height: 285px;
    }

    .nc-register-visual-image {
        object-position: center 39%;
    }

    .nc-register-visual-copy h2 {
        max-width: 16ch;
        font-size: clamp(1.8rem, 6vw, 2.55rem);
    }

    .nc-register-visual-copy p {
        max-width: 31rem;
        margin-top: 0.65rem;
    }
}

@media (max-width: 575px) {
    .nc-register-page {
        align-items: flex-start;
        padding: 12px;
    }

    .nc-register-shell {
        border-radius: 24px;
    }

    .nc-register-visual {
        min-height: 220px;
    }

    .nc-register-visual-copy {
        right: 22px;
        bottom: 20px;
        left: 22px;
    }

    .nc-register-visual-kicker {
        margin-bottom: 0.55rem;
        padding: 0.38rem 0.62rem;
        font-size: 0.7rem;
    }

    .nc-register-visual-copy h2 {
        max-width: 15ch;
        font-size: 1.65rem;
    }

    .nc-register-visual-copy p {
        display: none;
    }

    .nc-register-form-panel {
        padding: 28px 22px 32px;
    }

    .nc-register-form-panel .nc-auth-brand {
        margin-bottom: 26px;
    }

    .nc-register-brand-logo {
        width: 190px;
    }

    .nc-register-form-panel .nc-auth-copy {
        margin-bottom: 1.4rem;
    }

    .nc-register-form-panel .nc-auth-copy h1 {
        font-size: 2rem;
    }

    .nc-register-form-panel .nc-auth-legal {
        grid-template-columns: 1fr;
        gap: 0.85rem;
        padding: 16px;
    }

    .nc-register-form-panel .nc-auth-legal-check .nc-link-button {
        font-size: 0.86rem;
        line-height: 1.25;
    }

    .nc-register-form-panel .nc-auth-registration-alert {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .nc-register-form-panel .nc-auth-registration-alert .nc-btn {
        grid-column: 1 / -1;
        width: 100%;
    }

}

@media (prefers-reduced-motion: reduce) {
    .nc-register-gradient {
        animation: none;
    }
}

/* Login experience */
.nc-login-page {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    padding: clamp(20px, 4vw, 56px);
    overflow-x: clip;
    isolation: isolate;
}

.nc-login-gradient {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(118deg, #ffe4ec 0%, #fff0dc 30%, #e2f5ef 55%, #f8ccdd 77%, #fff1de 100%);
    background-size: 240% 240%;
    animation: nc-login-gradient-shift 22s ease-in-out infinite;
}

.nc-login-shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(390px, 1.05fr) minmax(410px, 0.95fr);
    width: min(100%, 1180px);
    min-height: 720px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 30px;
    box-shadow: 0 30px 82px rgba(83, 42, 59, 0.2);
    backdrop-filter: blur(16px);
}

.nc-login-visual {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    color: #fff;
    background: #c45e87;
}

.nc-login-visual-image,
.nc-login-visual-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.nc-login-visual-image {
    object-fit: cover;
    object-position: 58% center;
    transform: scale(1.015);
}

.nc-login-visual-overlay {
    background: linear-gradient(180deg, rgba(35, 28, 32, 0.03) 22%, rgba(52, 28, 40, 0.12) 48%, rgba(49, 27, 39, 0.8) 100%);
}

.nc-login-visual-copy {
    position: absolute;
    right: clamp(26px, 4vw, 46px);
    bottom: clamp(28px, 4vw, 46px);
    left: clamp(26px, 4vw, 46px);
    z-index: 1;
    max-width: 31rem;
    text-shadow: 0 2px 18px rgba(32, 20, 26, 0.3);
}

.nc-login-visual-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
    padding: 0.5rem 0.8rem;
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    font-size: 0.79rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-shadow: none;
}

.nc-login-visual-copy h2 {
    max-width: 9.5ch;
    margin: 0;
    color: #fff;
    font-size: 3.8rem;
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: 0;
}

.nc-login-visual-copy p {
    max-width: 27rem;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 1.03rem;
    line-height: 1.55;
}

.nc-login-form-panel {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: clamp(34px, 5vw, 62px);
    background: rgba(255, 255, 255, 0.96);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.nc-login-form-panel .nc-auth-brand {
    justify-content: flex-start;
    margin: 0 0 clamp(26px, 4vw, 40px);
}

.nc-login-brand-logo {
    display: block;
    width: min(100%, 220px);
    height: auto;
    max-height: 60px;
    object-fit: contain;
    object-position: left center;
}

.nc-login-form-panel .nc-auth-copy {
    margin-bottom: 1.65rem;
}

.nc-login-form-panel .nc-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    letter-spacing: 0.12em;
}

.nc-login-form-panel .nc-auth-copy h1 {
    font-size: 2.75rem;
    line-height: 1.04;
}

.nc-login-form-panel .nc-auth-copy p {
    max-width: 31rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.55;
}

.nc-login-form-panel .nc-auth-form,
.nc-login-form-panel .nc-auth-providers,
.nc-login-form-panel .nc-google-auth,
.nc-login-form-panel .nc-login-account-link {
    max-width: 32rem;
}

.nc-login-password-options {
    display: flex;
    justify-content: flex-end;
    margin: 0.45rem 0 1.2rem;
}

.nc-login-password-options a {
    color: var(--nc-primary);
    font-size: 0.88rem;
    font-weight: 800;
}

.nc-login-form-panel .nc-btn-primary.w-100 {
    min-height: 58px;
    justify-content: center;
    font-size: 1.05rem;
    box-shadow: 0 18px 36px rgba(var(--nc-primary-rgb), 0.24);
}

.nc-login-form-panel .nc-google-auth {
    width: min(100%, 32rem);
    margin-top: 1.25rem;
}

.nc-login-frase-diaria {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
    max-width: 32rem;
    margin-top: 1.45rem;
    padding: 1rem 1.15rem;
    overflow: hidden;
    background: linear-gradient(118deg, #fff3f7 0%, #fffdf7 100%);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-login-frase-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-radius: 50%;
    font-size: 1.1rem;
}

.nc-login-frase-kicker {
    display: block;
    margin-bottom: 0.28rem;
    color: var(--nc-primary-dark);
    font-size: 0.77rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.nc-login-frase-diaria p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--nc-dark);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.12rem;
    line-height: 1.32;
}

.nc-login-frase-heart {
    position: absolute;
    right: 0.95rem;
    bottom: 0.75rem;
    color: rgba(var(--nc-primary-rgb), 0.45);
    font-size: 1.5rem;
    transform: rotate(-18deg);
}

.nc-login-account-link {
    display: flex;
    justify-content: center;
    gap: 0.42rem;
    margin-top: 1.45rem;
    padding-top: 1.35rem;
    color: var(--nc-muted);
    border-top: 1px solid var(--nc-border);
    font-size: 0.88rem;
    font-weight: 600;
}

.nc-login-account-link a {
    color: var(--nc-primary);
    font-weight: 900;
}

.nc-apple-callback-page {
    position: relative;
    display: grid;
    min-height: 100dvh;
    place-items: center;
    padding: clamp(18px, 5vw, 56px);
    overflow: hidden;
    isolation: isolate;
}

.nc-apple-callback-card {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: min(100%, 590px);
    padding: clamp(30px, 6vw, 58px);
    text-align: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 28px;
    box-shadow: 0 28px 72px rgba(83, 42, 59, 0.18);
    backdrop-filter: blur(18px);
}

.nc-apple-callback-logo {
    width: min(170px, 48vw);
    height: 76px;
    margin-bottom: 0.75rem;
    object-fit: contain;
}

.nc-apple-callback-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 1rem;
    color: #fff;
    background: #000;
    border-radius: 50%;
    font-size: 1.75rem;
}

.nc-apple-callback-icon.is-error {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-apple-callback-card h1 {
    margin: 0.55rem 0 0;
    color: var(--nc-dark);
    font-size: clamp(1.65rem, 5vw, 2.35rem);
    font-weight: 950;
    line-height: 1.08;
}

.nc-apple-callback-card > p {
    max-width: 34rem;
    margin: 1rem 0 0;
    color: var(--nc-muted);
    line-height: 1.6;
}

.nc-apple-callback-progress {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 1.5rem;
    color: var(--nc-primary-dark);
    font-weight: 800;
}

.nc-apple-callback-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.6rem;
}

.nc-apple-link-copy {
    margin: 0 0 1rem;
    color: var(--nc-muted);
    line-height: 1.5;
}

.nc-apple-link-fields {
    display: grid;
    gap: 0.45rem;
    text-align: left;
}

.nc-apple-link-label {
    margin-top: 0.45rem;
    color: var(--nc-dark);
    font-size: 0.9rem;
    font-weight: 850;
}

.nc-apple-link-input.swal2-input {
    width: 100%;
    height: 48px;
    margin: 0;
    border: 1px solid var(--nc-border);
    border-radius: 12px;
    font-size: 1rem;
    box-shadow: none;
}

.nc-apple-link-input.swal2-input:focus {
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 3px rgba(var(--nc-primary-rgb), 0.13);
}

@media (max-width: 575px) {
    .nc-apple-callback-actions,
    .nc-apple-callback-actions .nc-btn {
        width: 100%;
    }
}

@keyframes nc-login-gradient-shift {
    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@media (max-width: 920px) {
    .nc-login-shell {
        grid-template-columns: 1fr;
        max-width: 660px;
        min-height: 0;
    }

    .nc-login-visual {
        min-height: 285px;
    }

    .nc-login-visual-image {
        object-position: center 39%;
    }

    .nc-login-visual-copy h2 {
        max-width: 16ch;
        font-size: 2.55rem;
    }

    .nc-login-visual-copy p {
        max-width: 31rem;
        margin-top: 0.65rem;
    }
}

@media (max-width: 575px) {
    .nc-login-page {
        align-items: flex-start;
        padding: 12px;
    }

    .nc-login-shell {
        border-radius: 24px;
    }

    .nc-login-visual {
        min-height: 220px;
    }

    .nc-login-visual-copy {
        right: 22px;
        bottom: 20px;
        left: 22px;
    }

    .nc-login-visual-kicker {
        margin-bottom: 0.55rem;
        padding: 0.38rem 0.62rem;
        font-size: 0.7rem;
    }

    .nc-login-visual-copy h2 {
        max-width: 15ch;
        font-size: 1.65rem;
    }

    .nc-login-visual-copy p {
        display: none;
    }

    .nc-login-form-panel {
        padding: 28px 22px 32px;
    }

    .nc-login-form-panel .nc-auth-brand {
        margin-bottom: 26px;
    }

    .nc-login-brand-logo {
        width: 190px;
    }

    .nc-login-form-panel .nc-auth-copy {
        margin-bottom: 1.4rem;
    }

    .nc-login-form-panel .nc-auth-copy h1 {
        font-size: 2rem;
    }

    .nc-login-frase-diaria {
        gap: 0.72rem;
        margin-top: 1.2rem;
        padding: 0.9rem;
    }

    .nc-login-frase-icon {
        width: 44px;
        height: 44px;
    }

    .nc-login-frase-diaria p {
        font-size: 1rem;
    }

    .nc-login-account-link {
        flex-wrap: wrap;
        margin-top: 1.2rem;
        padding-top: 1.1rem;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-login-gradient {
        animation: none;
    }
}

/* Expediente de manicurista */
.nc-manicurista-expediente-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
}

.nc-manicurista-expediente-avatar {
    width: 76px;
    height: 76px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-white);
    background: linear-gradient(135deg, var(--nc-primary), var(--nc-primary-dark));
    border: 1px solid var(--nc-border);
    border-radius: 21px;
    box-shadow: 0 16px 30px rgba(var(--nc-primary-dark-rgb), 0.16);
    font-size: 1.7rem;
}

.nc-manicurista-expediente-hero-main h3 {
    margin: 0.1rem 0 0.42rem;
    color: var(--nc-dark);
    font-size: clamp(1.55rem, 2.2vw, 2.05rem);
    font-weight: 900;
    line-height: 1.15;
}

.nc-manicurista-expediente-meta,
.nc-manicurista-expediente-estados {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.nc-manicurista-expediente-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--nc-muted);
    font-weight: 650;
}

.nc-manicurista-expediente-meta i {
    color: var(--nc-primary);
}

.nc-manicurista-expediente-estados {
    justify-content: flex-end;
}

.nc-manicurista-expediente-estados .nc-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.nc-manicurista-consulta-card {
    padding-bottom: 1.15rem;
}

.nc-manicurista-consulta-form {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) repeat(2, minmax(150px, 0.8fr)) auto;
    gap: 0.85rem;
    align-items: end;
}

.nc-manicurista-consulta-actions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    white-space: nowrap;
}

.nc-manicurista-periodo-ayuda {
    margin: 0.9rem 0 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-manicurista-proximas-filtro {
    width: min(100%, 210px);
    flex: 0 0 210px;
}

.nc-manicurista-proximas-filtro .form-label {
    margin-bottom: 0.34rem;
    font-size: 0.78rem;
}

.nc-manicurista-proximas-periodo,
.nc-manicurista-proximas-carga {
    display: block;
    margin-top: 0.36rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    line-height: 1.35;
}

.nc-manicurista-proximas-carga {
    color: var(--nc-primary-dark);
    font-weight: 750;
}

.nc-manicurista-proximas-carga .spinner-border {
    width: 0.72rem;
    height: 0.72rem;
    vertical-align: -0.08em;
}

.nc-manicurista-resumen-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.nc-manicurista-resumen-card {
    display: flex;
    gap: 0.82rem;
    min-width: 0;
    min-height: 122px;
    padding: 0.95rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(var(--nc-primary-dark-rgb), 0.06);
}

.nc-manicurista-resumen-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 13px;
}

.nc-manicurista-resumen-card > div {
    min-width: 0;
}

.nc-manicurista-resumen-card span:not(.nc-manicurista-resumen-icon),
.nc-manicurista-resumen-card small {
    display: block;
    color: var(--nc-muted);
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.35;
}

.nc-manicurista-resumen-card strong {
    display: block;
    margin: 0.15rem 0;
    color: var(--nc-dark);
    font-size: 1.25rem;
    font-weight: 900;
}

.nc-manicurista-resumen-green .nc-manicurista-resumen-icon {
    color: #138a4d;
    background: #eaf8f0;
}

.nc-manicurista-resumen-blue .nc-manicurista-resumen-icon {
    color: #1976b7;
    background: #eef7ff;
}

.nc-manicurista-resumen-purple .nc-manicurista-resumen-icon {
    color: #7b4ed8;
    background: #f2edff;
}

.nc-manicurista-resumen-warning .nc-manicurista-resumen-icon {
    color: #b7791f;
    background: #fff8e8;
}

.nc-manicurista-resumen-muted .nc-manicurista-resumen-icon {
    color: var(--nc-muted);
    background: #f7f5f7;
}

.nc-manicurista-paneles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.nc-manicurista-horario-grupo + .nc-manicurista-horario-grupo {
    margin-top: 1rem;
}

.nc-manicurista-horario-grupo > strong {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    color: var(--nc-dark);
    font-size: 0.9rem;
}

.nc-manicurista-horario-grupo > strong i {
    color: var(--nc-primary);
}

.nc-manicurista-horario-fila,
.nc-manicurista-proxima-fila {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
    padding: 0.62rem 0;
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.72);
}

.nc-manicurista-horario-fila span,
.nc-manicurista-proxima-fila small {
    display: block;
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-manicurista-horario-fila strong {
    color: var(--nc-dark);
    font-size: 0.9rem;
    text-align: right;
}

.nc-manicurista-rangos {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.38rem;
}

.nc-manicurista-rango {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.28rem 0.48rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 8px;
    font-size: 0.8rem;
    line-height: 1.1;
    white-space: nowrap;
}

.nc-manicurista-configuracion-lista,
.nc-manicurista-proximas-lista {
    display: grid;
    gap: 0.75rem;
}

.nc-manicurista-configuracion-fila {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.82rem;
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 14px;
}

.nc-manicurista-configuracion-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-muted);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 12px;
}

.nc-manicurista-configuracion-icon.is-success {
    color: #138a4d;
    background: #eaf8f0;
}

.nc-manicurista-configuracion-icon.is-primary {
    color: var(--nc-primary-dark);
}

.nc-manicurista-configuracion-fila strong,
.nc-manicurista-proxima-fila strong {
    display: block;
    color: var(--nc-dark);
    font-size: 0.9rem;
    font-weight: 850;
}

.nc-manicurista-configuracion-fila p {
    margin: 0.2rem 0 0;
    color: var(--nc-muted);
    font-size: 0.82rem;
    line-height: 1.4;
}

.nc-manicurista-proxima-fila:first-child {
    border-top: 0;
    padding-top: 0;
}

.nc-manicurista-proxima-fila small {
    margin-top: 0.12rem;
}

.nc-manicurista-historial-tabs {
    flex-wrap: nowrap;
    gap: 0.55rem;
    margin: 1rem 0;
    padding-bottom: 0.25rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.nc-manicurista-historial-tabs .nav-item {
    flex: 0 0 auto;
}

.nc-manicurista-historial-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
}

.nc-manicurista-historial-selector-mobile {
    display: none;
    margin: 1rem 0;
}

.nc-manicurista-historial-contenido {
    min-height: 150px;
}

.nc-manicurista-historial-cards {
    min-height: 150px;
}

.nc-manicurista-history-overview-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nc-manicurista-history-overview-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nc-manicurista-history-finance-one {
    grid-template-columns: minmax(0, 1fr);
}

.nc-manicurista-history-finance-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nc-manicurista-history-info-link {
    color: inherit;
    text-decoration: none;
}

.nc-manicurista-history-info-link:hover,
.nc-manicurista-history-info-link:focus-visible {
    color: var(--nc-primary-dark);
}

.nc-manicurista-history-actions-footer {
    justify-content: flex-end;
}

.nc-manicurista-historial-record .nc-client-history-finance-value em {
    display: block;
    margin-top: 0.14rem;
    color: var(--nc-muted);
    font-size: 0.76rem;
    font-style: normal;
}

.nc-manicurista-tabla-scroll {
    min-height: 150px;
}

.nc-manicurista-historial-tabla {
    min-width: 920px;
}

.nc-manicurista-historial-tabla td small {
    display: block;
    margin-top: 0.12rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-manicurista-historial-tabla .nc-btn {
    white-space: nowrap;
}

.nc-manicurista-paginacion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    color: var(--nc-muted);
    border-top: 1px solid rgba(var(--nc-border-rgb), 0.75);
}

.nc-manicurista-empty {
    min-height: 230px;
}

@media (max-width: 1199px) {
    .nc-manicurista-consulta-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-manicurista-consulta-actions {
        justify-content: flex-end;
    }

    .nc-manicurista-resumen-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-manicurista-paneles-grid {
        grid-template-columns: 1fr;
    }

    .nc-manicurista-history-overview-four,
    .nc-manicurista-history-overview-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-manicurista-proximas-filtro {
        width: min(100%, 280px);
        flex-basis: 280px;
    }
}

@media (max-width: 767px) {
    .nc-manicurista-expediente-hero {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .nc-manicurista-expediente-meta,
    .nc-manicurista-expediente-estados {
        justify-content: center;
    }

    .nc-manicurista-consulta-form,
    .nc-manicurista-resumen-grid {
        grid-template-columns: 1fr;
    }

    .nc-manicurista-consulta-actions {
        justify-content: stretch;
    }

    .nc-manicurista-proximas-filtro {
        width: 100%;
        flex-basis: 100%;
    }

    .nc-manicurista-consulta-actions .nc-btn {
        flex: 1 1 0;
    }

    .nc-manicurista-historial-tabs {
        display: none;
    }

    .nc-manicurista-historial-selector-mobile {
        display: block;
    }

    .nc-manicurista-history-overview-two,
    .nc-manicurista-history-overview-three,
    .nc-manicurista-history-overview-four {
        grid-template-columns: 1fr;
    }

    .nc-manicurista-history-finance-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0.75rem;
    }

    .nc-manicurista-historial-record .nc-client-history-record-header {
        align-items: flex-start;
    }

    .nc-manicurista-historial-record .nc-client-history-badges {
        max-width: 48%;
    }

    .nc-manicurista-history-actions-footer .nc-btn {
        width: 100%;
    }

    .nc-manicurista-paginacion {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-manicurista-paginacion .nc-pagination-actions {
        justify-content: center;
    }
}

.nc-push-device-prompt {
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 1035;
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 46px;
    padding: 0.48rem 0.85rem 0.48rem 0.55rem;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 999px;
    box-shadow: 0 14px 34px rgba(var(--nc-primary-rgb), 0.2);
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.nc-immediate-agenda-toggle {
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 1034;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    color: var(--nc-primary-dark);
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
    box-shadow: 0 14px 32px rgba(var(--nc-primary-rgb), 0.18);
    transition: transform 160ms ease, color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

@media (min-width: 576px) {
    html.nc-push-device-prompt-visible .nc-immediate-agenda-toggle {
        bottom: max(5.35rem, calc(env(safe-area-inset-bottom) + 4.35rem));
    }
}

.nc-immediate-agenda-toggle:hover,
.nc-immediate-agenda-toggle:focus-visible {
    color: var(--nc-white);
    background: var(--nc-primary);
    box-shadow: 0 18px 38px rgba(var(--nc-primary-rgb), 0.3);
    transform: translateY(-2px);
}

.nc-immediate-agenda-toggle.has-items {
    color: var(--nc-white);
    background: var(--nc-primary);
}

.nc-immediate-agenda-count {
    position: absolute;
    top: -6px;
    right: -5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 21px;
    padding: 0 0.3rem;
    color: var(--nc-dark);
    background: #cddc39;
    border: 2px solid var(--nc-white);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1;
}

.nc-immediate-agenda-panel {
    width: min(430px, 100vw);
    color: var(--nc-dark);
    background: var(--nc-body);
    border-left: 1px solid var(--nc-border);
}

/* El backdrop debe cubrir el sidebar fijo, y la agenda permanecer por encima. */
html.nc-immediate-agenda-open .offcanvas-backdrop.show {
    z-index: 1055;
}

html.nc-immediate-agenda-open .nc-immediate-agenda-panel.show {
    z-index: 1060;
}

html.nc-immediate-agenda-open .nc-sidebar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.nc-immediate-agenda-open .nc-immediate-agenda-panel .nc-btn:hover {
    transform: none;
}

.nc-immediate-agenda-header {
    align-items: flex-start;
    padding: 1.35rem 1.35rem 1rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-immediate-agenda-header h5 {
    margin: 0.22rem 0 0;
    color: var(--nc-dark);
    font-size: 1.1rem;
    font-weight: 900;
}

.nc-immediate-agenda-header p {
    margin: 0.32rem 0 0;
    color: var(--nc-muted);
    font-size: 0.86rem;
    line-height: 1.42;
}

.nc-immediate-agenda-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: 1rem;
}

#ncImmediateAgendaRefresh:disabled {
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-color: var(--nc-border);
    opacity: 0.72;
}

#ncImmediateAgendaRefresh.is-loading:disabled {
    opacity: 1;
}

.nc-immediate-agenda-body {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: 1rem 1.15rem 1.25rem;
}

.nc-immediate-agenda-footer {
    padding: 0.9rem 1.15rem calc(0.9rem + env(safe-area-inset-bottom));
    background: var(--nc-white);
    border-top: 1px solid var(--nc-border);
}

.nc-immediate-agenda-loading,
.nc-immediate-agenda-empty {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    min-height: 230px;
    padding: 2rem 1.25rem;
    color: var(--nc-muted);
    text-align: center;
    place-content: center;
}

.nc-immediate-agenda-empty i {
    color: var(--nc-primary);
    font-size: 1.75rem;
}

.nc-immediate-agenda-empty strong {
    color: var(--nc-dark);
    font-size: 1rem;
}

.nc-immediate-agenda-empty span {
    max-width: 260px;
    font-size: 0.86rem;
    line-height: 1.45;
}

.nc-immediate-agenda-section {
    display: grid;
    gap: 0.65rem;
}

.nc-immediate-agenda-section-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--nc-dark);
    font-size: 0.88rem;
    font-weight: 900;
}

.nc-immediate-agenda-section-title i {
    color: var(--nc-primary);
}

.nc-immediate-agenda-section-title strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    margin-left: auto;
    padding: 0 0.38rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border-radius: 999px;
    font-size: 0.72rem;
}

.nc-immediate-agenda-list {
    display: grid;
    gap: 0.65rem;
}

.nc-immediate-appointment {
    display: grid;
    gap: 0.7rem;
    padding: 0.9rem;
    background: var(--nc-white);
    border: 1px solid var(--nc-border);
    border-left: 3px solid var(--nc-primary);
    border-radius: 10px;
}

.nc-immediate-agenda-section-progress .nc-immediate-appointment {
    border-left-color: #0d6efd;
}

.nc-immediate-agenda-section-late .nc-immediate-appointment {
    border-left-color: #e6a200;
}

.nc-immediate-appointment-top,
.nc-immediate-appointment-time,
.nc-immediate-appointment-actions {
    display: flex;
    align-items: center;
}

.nc-immediate-appointment-top {
    gap: 0.7rem;
}

.nc-immediate-appointment-top > div {
    display: grid;
    min-width: 0;
    gap: 0.14rem;
}

.nc-immediate-appointment-top strong {
    overflow: hidden;
    color: var(--nc-dark);
    font-size: 0.94rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-immediate-appointment-top span:not(.nc-immediate-status) {
    overflow: hidden;
    color: var(--nc-muted);
    font-size: 0.77rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-immediate-status {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 0.28rem 0.5rem;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 850;
}

.nc-immediate-status-scheduled {
    color: #916600;
    background: #fff4d8;
}

.nc-immediate-status-confirmed {
    color: #18794e;
    background: #e7f8ee;
}

.nc-immediate-status-progress {
    color: #075a9b;
    background: #e7f4ff;
}

.nc-immediate-appointment-time {
    flex-wrap: wrap;
    gap: 0.42rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-immediate-appointment-time i {
    color: var(--nc-primary);
}

.nc-immediate-appointment-time strong {
    color: var(--nc-dark);
    font-size: 0.82rem;
    font-weight: 850;
}

.nc-immediate-appointment-time span::before {
    margin-right: 0.42rem;
    color: var(--nc-border);
    content: "•";
}

.nc-immediate-appointment-person {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.42rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-immediate-appointment-person i {
    flex: 0 0 auto;
    color: var(--nc-primary);
}

.nc-immediate-appointment-person span {
    flex: 0 0 auto;
}

.nc-immediate-appointment-person strong {
    overflow: hidden;
    color: var(--nc-dark);
    font-size: 0.82rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-immediate-appointment-overdue {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.62rem 0.7rem;
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
    border: 1px solid rgba(217, 75, 89, 0.2);
    border-radius: 10px;
}

.nc-immediate-appointment-overdue > i {
    flex: 0 0 auto;
    font-size: 0.9rem;
}

.nc-immediate-appointment-overdue > div {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.nc-immediate-appointment-overdue strong {
    color: var(--nc-danger);
    font-size: 0.78rem;
    font-weight: 900;
}

.nc-immediate-appointment-overdue span {
    color: var(--nc-danger);
    font-size: 0.73rem;
    font-weight: 750;
}

.nc-immediate-appointment-actions {
    flex-wrap: wrap;
    gap: 0.45rem;
    padding-top: 0.1rem;
}

.nc-immediate-appointment-actions .nc-icon-btn {
    width: 34px;
    height: 34px;
}

.nc-immediate-appointment-actions .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.62rem;
}

.nc-immediate-appointment-actions .dropdown-item i {
    flex: 0 0 1rem;
    text-align: center;
}

.nc-immediate-agenda-more {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    width: max-content;
    color: var(--nc-primary-dark);
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.nc-immediate-agenda-more:hover,
.nc-immediate-agenda-more:focus-visible {
    color: var(--nc-primary-dark);
    text-decoration: underline;
}

@media (max-width: 575px) {
    .nc-immediate-agenda-toggle {
        right: 0.75rem;
        bottom: calc(var(--nc-mobile-viewport-bottom) + 0.9rem);
        right: max(0.75rem, env(safe-area-inset-right));
        bottom: calc(var(--nc-mobile-viewport-bottom) + env(safe-area-inset-bottom, 0px) + 0.9rem);
        width: 46px;
        height: 46px;
    }

    html.nc-push-device-prompt-visible .nc-immediate-agenda-toggle {
        bottom: calc(var(--nc-mobile-viewport-bottom) + 4.65rem);
        bottom: calc(var(--nc-mobile-viewport-bottom) + env(safe-area-inset-bottom, 0px) + 4.65rem);
    }

    .nc-immediate-agenda-header,
    .nc-immediate-agenda-body,
    .nc-immediate-agenda-footer {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.nc-push-device-prompt:hover,
.nc-push-device-prompt:focus-visible {
    color: var(--nc-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(var(--nc-primary-rgb), 0.28);
}

.nc-push-device-prompt-icon,
.nc-push-permission-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 50%;
}

.nc-push-device-prompt-icon {
    width: 34px;
    height: 34px;
    font-size: 0.9rem;
}

.nc-push-permission-modal {
    overflow: hidden;
}

.nc-push-permission-modal .modal-body {
    max-width: 510px;
    margin: 0 auto;
}

.nc-push-permission-modal .nc-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.nc-push-permission-icon {
    width: 62px;
    height: 62px;
    margin-bottom: 1rem;
    font-size: 1.45rem;
}

.nc-push-permission-copy {
    margin: 0.65rem auto 0;
    color: var(--nc-muted);
    font-size: 0.94rem;
    line-height: 1.55;
}

.nc-push-permission-steps {
    margin: 1.2rem 0 0;
    padding: 0.85rem 1rem 0.85rem 2.2rem;
    color: var(--nc-dark);
    background: var(--nc-primary-soft);
    border: 1px solid var(--nc-border);
    border-radius: 8px;
    text-align: left;
    font-size: 0.88rem;
    line-height: 1.55;
}

.nc-push-permission-steps li + li {
    margin-top: 0.35rem;
}

.nc-push-permission-settings {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.72rem;
    padding: 0;
    color: var(--nc-primary-dark);
    background: transparent;
    border: 0;
    font-size: 0.8rem;
    font-weight: 700;
    text-align: left;
}

.nc-push-permission-settings:hover,
.nc-push-permission-settings:focus-visible {
    color: var(--nc-primary);
    text-decoration: underline;
}

@media (max-width: 575px) {
    .nc-push-device-prompt {
        right: 0.75rem;
        bottom: calc(var(--nc-mobile-viewport-bottom) + 0.9rem);
        right: max(0.75rem, env(safe-area-inset-right));
        bottom: calc(var(--nc-mobile-viewport-bottom) + env(safe-area-inset-bottom, 0px) + 0.9rem);
        min-height: 42px;
        padding-right: 0.7rem;
        font-size: 0.8rem;
    }

    .nc-push-device-prompt-icon {
        width: 31px;
        height: 31px;
    }
}

@media (min-width: 600px) and (max-width: 991.98px) and (orientation: portrait) {
    .nc-content[data-module-key="manicuristas-servicios"] #moduleFilterFields {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .nc-order-card-overview,
    .nc-payment-card-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-order-card-footer,
    .nc-payment-card-footer {
        grid-template-columns: 1fr;
    }

    .nc-order-card-actions,
    .nc-payment-card-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .nc-order-card-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 0.65rem;
    }

    .nc-order-card-badges {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start;
    }

    .nc-payment-card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-payment-card-badges {
        justify-content: flex-start;
    }

    .nc-order-card-overview,
    .nc-payment-card-overview {
        grid-template-columns: 1fr;
    }

    .nc-payment-card-financials {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem 0;
    }

    .nc-payment-card-financials > div:nth-child(2) {
        border-right: 0;
    }

    .nc-payment-card-financials > div:nth-child(3) {
        padding-left: 0;
    }

    .nc-order-card-actions,
    .nc-payment-card-actions {
        align-items: stretch;
    }

    .nc-order-card-action,
    .nc-payment-card-action {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* Glassmorphism visual layer
 * Theme-aware, reversible and intentionally limited on small screens.
 */
body {
    background-color: var(--nc-body);
    background-image:
        radial-gradient(circle at 4% -6%, rgba(var(--nc-primary-rgb), 0.2), transparent 34%),
        radial-gradient(circle at 102% 14%, rgba(var(--nc-primary-dark-rgb), 0.12), transparent 30%),
        radial-gradient(circle at 72% 104%, rgba(var(--nc-primary-soft-rgb), 0.72), transparent 36%),
        linear-gradient(145deg, var(--nc-body) 0%, rgba(var(--nc-primary-soft-rgb), 0.42) 48%, var(--nc-body) 100%);
    background-attachment: fixed;
}

.nc-sidebar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(var(--nc-primary-soft-rgb), 0.56));
    border-right-color: var(--nc-glass-border);
    box-shadow: 18px 0 48px rgba(var(--nc-primary-dark-rgb), 0.09), inset -1px 0 0 var(--nc-glass-highlight);
    -webkit-backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
    backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
}

.nc-sidebar-brand-panel {
    background:
        radial-gradient(circle at 46% 14%, rgba(255, 255, 255, 0.9), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.48), rgba(var(--nc-primary-soft-rgb), 0.68));
    border-color: var(--nc-glass-border);
    box-shadow: inset 0 1px 0 var(--nc-glass-highlight), 0 14px 34px rgba(var(--nc-primary-dark-rgb), 0.07);
}

.nc-sidebar-section {
    background: rgba(255, 255, 255, 0.34);
    border-color: rgba(var(--nc-border-rgb), 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
}

.nc-sidebar-label span {
    padding: 0.2rem 0.7rem;
    background: linear-gradient(110deg, rgba(255, 255, 255, 0.78), rgba(var(--nc-primary-soft-rgb), 0.5));
    border: 1px solid rgba(var(--nc-border-rgb), 0.54);
    border-radius: 999px;
    box-shadow: 0 5px 14px rgba(var(--nc-primary-dark-rgb), 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.nc-sidebar-card,
.nc-user-menu {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(var(--nc-primary-soft-rgb), 0.52));
    border-color: var(--nc-glass-border);
    box-shadow: inset 0 1px 0 var(--nc-glass-highlight), 0 12px 28px rgba(var(--nc-primary-dark-rgb), 0.07);
}

.nc-topbar {
    background: linear-gradient(110deg, rgba(255, 255, 255, 0.8), rgba(var(--nc-primary-soft-rgb), 0.58));
    border-bottom-color: var(--nc-glass-border);
    box-shadow: 0 12px 34px rgba(var(--nc-primary-dark-rgb), 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
    backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
}

.nc-page-header {
    background-color: var(--nc-glass-surface-soft);
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(var(--nc-primary-soft-rgb), 0.82) 48%, rgba(var(--nc-primary-soft-rgb), 0.5) 76%, rgba(var(--nc-primary-soft-rgb), 0.42) 100%),
        url('../img/fondoheaders.webp');
    border-color: var(--nc-glass-border);
    box-shadow: var(--nc-glass-shadow), inset 0 1px 0 var(--nc-glass-highlight);
}

/* Dashboard glass surfaces */
.nc-dashboard-page .nc-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(var(--nc-primary-soft-rgb), 0.42));
    border-color: rgba(var(--nc-border-rgb), 0.72);
    border-radius: 22px;
    box-shadow:
        0 18px 44px rgba(var(--nc-primary-dark-rgb), 0.1),
        0 4px 12px rgba(41, 37, 42, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
    backdrop-filter: blur(14px) saturate(125%);
}

.nc-dashboard-page :is(
    .nc-dashboard-action-tile,
    .nc-dashboard-money-tile,
    .nc-dashboard-list-item,
    .nc-dashboard-suggestion,
    .nc-dashboard-alert,
    .nc-dashboard-activity-card
) {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(var(--nc-primary-soft-rgb), 0.34));
    border-color: rgba(var(--nc-border-rgb), 0.68);
    box-shadow:
        0 12px 28px rgba(var(--nc-primary-dark-rgb), 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.nc-dashboard-page :is(.nc-dashboard-action-tile, .nc-dashboard-suggestion):hover {
    border-color: rgba(var(--nc-primary-rgb), 0.34);
    box-shadow:
        0 16px 34px rgba(var(--nc-primary-dark-rgb), 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.nc-dashboard-page :is(
    .nc-dashboard-action-tile > span,
    .nc-dashboard-money-tile > span,
    .nc-dashboard-suggestion-icon
) {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-primary);
    border-color: rgba(255, 255, 255, 0.62);
    box-shadow: 0 9px 20px rgba(var(--nc-primary-dark-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.nc-dashboard-page .nc-dashboard-action-tile.is-success > span,
.nc-dashboard-page .nc-dashboard-money-tile.is-success > span {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-success);
    border-color: rgba(255, 255, 255, 0.62);
}

.nc-dashboard-page .nc-dashboard-action-tile.is-warning > span,
.nc-dashboard-page .nc-dashboard-money-tile.is-warning > span {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.32), transparent 52%),
        var(--nc-warning);
    border-color: rgba(255, 255, 255, 0.62);
}

.nc-dashboard-page .nc-dashboard-action-tile.is-info > span,
.nc-dashboard-page .nc-dashboard-money-tile.is-info > span {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-info);
    border-color: rgba(255, 255, 255, 0.62);
}

.nc-dashboard-page .nc-dashboard-action-tile.is-danger > span {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-danger);
    border-color: rgba(255, 255, 255, 0.62);
}

.nc-dashboard-page .nc-dashboard-alert > span,
.nc-dashboard-page .nc-dashboard-activity-head span {
    color: #fff;
    background: var(--nc-warning);
    border-color: rgba(255, 255, 255, 0.62);
    box-shadow: 0 8px 18px rgba(41, 37, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.36);
}

.nc-dashboard-page .nc-dashboard-alert.is-danger > span {
    color: #fff;
    background: var(--nc-danger);
}

.nc-dashboard-page .nc-dashboard-alert.is-muted > span {
    color: #fff;
    background: var(--nc-primary);
}

.nc-dashboard-page .nc-dashboard-activity-head span {
    background: var(--nc-activity-color);
}

.nc-dashboard-page .nc-dashboard-activity-head {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.64), var(--nc-activity-soft));
    border-bottom-color: rgba(var(--nc-border-rgb), 0.68);
}

.nc-dashboard-page .nc-dashboard-calendar .fc-button {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(var(--nc-border-rgb), 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.nc-dashboard-page .nc-dashboard-calendar .fc-button:hover,
.nc-dashboard-page .nc-dashboard-calendar .fc-button:focus,
.nc-dashboard-page .nc-dashboard-calendar .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    background: var(--nc-primary);
    border-color: var(--nc-primary);
}

.nc-dashboard-page .nc-dashboard-calendar .fc-button:disabled {
    color: var(--nc-muted);
    background: rgba(255, 255, 255, 0.52);
    border-color: rgba(var(--nc-border-rgb), 0.72);
}

.nc-dashboard-page .nc-dashboard-calendar .fc-col-header-cell {
    background: rgba(var(--nc-primary-soft-rgb), 0.72);
}

/* Shared help and related-module glass surfaces */
:is(
    .nc-module-guide,
    .nc-billing-plans-card,
    .nc-variable-cost-guide,
    .nc-module-related-card
) {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(var(--nc-primary-soft-rgb), 0.44));
    border-color: rgba(var(--nc-border-rgb), 0.72);
    box-shadow:
        0 16px 38px rgba(var(--nc-primary-dark-rgb), 0.085),
        0 3px 10px rgba(41, 37, 42, 0.03),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
}

:is(
    .nc-module-guide-item,
    .nc-variable-cost-item,
    .nc-module-related-link,
    .nc-watermark-help-card,
    .nc-public-help-card
) {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(var(--nc-primary-soft-rgb), 0.34));
    border-color: rgba(var(--nc-border-rgb), 0.7);
    box-shadow:
        0 10px 24px rgba(var(--nc-primary-dark-rgb), 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.nc-module-related-link {
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.nc-module-related-link:hover {
    color: var(--nc-primary-dark);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(var(--nc-primary-soft-rgb), 0.58));
    border-color: rgba(var(--nc-primary-rgb), 0.36);
    box-shadow:
        0 14px 30px rgba(var(--nc-primary-dark-rgb), 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
    transform: translateY(-2px);
}

:is(
    .nc-module-guide-icon,
    .nc-variable-cost-icon,
    .nc-module-related-link > span,
    .nc-watermark-help-card > span,
    .nc-public-help-card > span
) {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 52%),
        var(--nc-primary);
    border-color: rgba(255, 255, 255, 0.62);
    box-shadow: 0 9px 20px rgba(var(--nc-primary-dark-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

:is(
    .nc-directory-list-card,
    .nc-quote-list-card,
    .nc-payment-list-card,
    .nc-appointment-list-card,
    .nc-guarantee-list-card,
    .nc-expense-list-card,
    .nc-refund-list-card,
    .nc-order-record-card
) {
    background-color: var(--nc-glass-surface);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(var(--nc-primary-soft-rgb), 0.22));
    border-color: var(--nc-glass-border);
    box-shadow: var(--nc-glass-shadow), inset 0 1px 0 var(--nc-glass-highlight);
}

.nc-filter-bar {
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.64), rgba(255, 255, 255, 0.54));
    border-color: var(--nc-glass-border);
    box-shadow: inset 0 1px 0 var(--nc-glass-highlight);
}

.nc-dropdown,
.dropdown-menu,
.nc-dropdown-floating {
    background: linear-gradient(145deg, var(--nc-glass-surface-strong), rgba(var(--nc-primary-soft-rgb), 0.68));
    border-color: var(--nc-glass-border);
    box-shadow: var(--nc-glass-shadow), inset 0 1px 0 var(--nc-glass-highlight);
    -webkit-backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
    backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
}

#ncTopbarUserMenu {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(var(--nc-primary-soft-rgb), 0.88));
    border-color: rgba(var(--nc-border-rgb), 0.94);
    box-shadow: 0 18px 42px rgba(var(--nc-primary-dark-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: saturate(140%) blur(28px);
    backdrop-filter: saturate(140%) blur(28px);
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.nc-dropdown .dropdown-item:hover,
.nc-dropdown .dropdown-item:focus {
    background: rgba(var(--nc-primary-soft-rgb), 0.82);
}

.nc-modal {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(var(--nc-primary-soft-rgb), 0.92));
    border-color: var(--nc-glass-border);
    box-shadow: 0 26px 70px rgba(var(--nc-primary-dark-rgb), 0.17), inset 0 1px 0 var(--nc-glass-highlight);
}

.offcanvas {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(var(--nc-primary-soft-rgb), 0.62));
    border-color: var(--nc-glass-border);
    box-shadow: 0 26px 70px rgba(var(--nc-primary-dark-rgb), 0.17), inset 0 1px 0 var(--nc-glass-highlight);
    -webkit-backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
    backdrop-filter: saturate(125%) blur(var(--nc-glass-blur));
}

.nc-modal .modal-header,
.nc-modal .modal-footer {
    background: rgba(255, 255, 255, 0.86);
    border-color: var(--nc-glass-border);
}

.offcanvas .offcanvas-header {
    background: rgba(255, 255, 255, 0.48);
    border-color: var(--nc-glass-border);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.nc-modal .modal-body {
    background: rgba(255, 255, 255, 0.72);
}

.offcanvas .offcanvas-body {
    background: rgba(255, 255, 255, 0.2);
}

.offcanvas.nc-immediate-agenda-panel {
    --bs-offcanvas-bg: var(--nc-body);
    background: var(--nc-body);
    border-left-color: var(--nc-glass-border);
    box-shadow: -20px 0 54px rgba(var(--nc-primary-dark-rgb), 0.14), inset 1px 0 0 var(--nc-glass-highlight);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.nc-immediate-agenda-panel .nc-immediate-agenda-header {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(var(--nc-primary-soft-rgb), 0.56));
    border-bottom-color: rgba(var(--nc-border-rgb), 0.82);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.62);
}

.nc-immediate-agenda-panel .nc-immediate-agenda-body {
    background-color: var(--nc-body);
    background-image: linear-gradient(180deg, rgba(var(--nc-primary-soft-rgb), 0.72), rgba(255, 255, 255, 0.38));
}

.nc-immediate-agenda-panel .nc-immediate-agenda-footer {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(var(--nc-primary-soft-rgb), 0.54));
    border-top-color: rgba(var(--nc-border-rgb), 0.82);
    box-shadow: 0 -12px 30px rgba(var(--nc-primary-dark-rgb), 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.nc-immediate-agenda-panel .nc-immediate-appointment {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(var(--nc-primary-soft-rgb), 0.52));
    border-color: rgba(var(--nc-border-rgb), 0.82);
    box-shadow: 0 12px 28px rgba(var(--nc-primary-dark-rgb), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.nc-immediate-agenda-panel .nc-immediate-appointment.is-overdue {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), var(--nc-danger-soft));
    border-color: rgba(217, 75, 89, 0.32);
    border-left-color: var(--nc-danger);
    box-shadow: 0 12px 30px rgba(217, 75, 89, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.nc-immediate-agenda-panel .nc-immediate-appointment.is-overdue .nc-immediate-appointment-time :is(i, span) {
    color: var(--nc-danger);
}

.nc-immediate-agenda-panel :is(.nc-immediate-agenda-loading, .nc-immediate-agenda-empty) {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.7), rgba(var(--nc-primary-soft-rgb), 0.42));
    border: 1px solid rgba(var(--nc-border-rgb), 0.72);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.nc-modal.nc-dashboard-appointment-detail-modal .modal-body {
    background:
        radial-gradient(circle at top left, rgba(var(--nc-primary-rgb), 0.08), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(var(--nc-primary-soft-rgb), 0.34));
}

.nc-dashboard-appointment-quote {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(230px, 0.65fr);
    gap: 1rem;
    align-items: stretch;
}

.nc-dashboard-appointment-quote-info {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-width: 0;
}

.nc-dashboard-appointment-quote-info > .nc-btn {
    justify-self: start;
}

.nc-dashboard-appointment-quote-message {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.8rem;
    color: var(--nc-muted);
    background: rgba(var(--nc-primary-soft-rgb), 0.52);
    border: 1px solid rgba(var(--nc-border-rgb), 0.75);
    border-radius: 14px;
}

.nc-dashboard-appointment-quote-message > i {
    margin-top: 0.12rem;
    color: var(--nc-primary-dark);
}

.nc-dashboard-appointment-quote-message span {
    color: var(--nc-primary-dark);
    font-size: 0.75rem;
    font-weight: 900;
}

.nc-dashboard-appointment-quote-message p {
    margin: 0.22rem 0 0;
    color: var(--nc-dark);
    font-size: 0.86rem;
    line-height: 1.42;
    white-space: pre-line;
}

.nc-dashboard-appointment-quote-reference {
    position: relative;
    display: flex;
    overflow: hidden;
    min-height: 210px;
    color: var(--nc-white);
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-border-rgb), 0.9);
    border-radius: 17px;
    box-shadow: 0 12px 26px rgba(41, 37, 42, 0.08);
    text-decoration: none;
}

.nc-dashboard-appointment-quote-reference img {
    width: 100%;
    min-height: 210px;
    max-height: 300px;
    object-fit: cover;
    transition: transform 220ms ease;
}

.nc-dashboard-appointment-quote-reference > span {
    position: absolute;
    right: 0.65rem;
    bottom: 0.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.65rem;
    color: var(--nc-white);
    background: rgba(41, 37, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.nc-dashboard-appointment-quote-reference:hover img {
    transform: scale(1.025);
}

.nc-dashboard-appointment-quote-reference.is-empty {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.55rem;
    color: var(--nc-muted);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(var(--nc-primary-soft-rgb), 0.66));
    border-style: dashed;
    box-shadow: none;
}

.nc-dashboard-appointment-quote-reference.is-empty i {
    color: var(--nc-primary-dark);
    font-size: 1.45rem;
}

.nc-dashboard-appointment-detail-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.nc-dashboard-appointment-detail-footer-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-left: auto;
}

@media (max-width: 767.98px) {
    .nc-dashboard-appointment-quote {
        grid-template-columns: 1fr;
    }

    .nc-dashboard-appointment-quote-reference {
        min-height: 190px;
    }
}

@media (max-width: 575.98px) {
    .nc-dashboard-appointment-detail-footer {
        display: grid;
        grid-template-columns: 1fr;
    }

    .nc-dashboard-appointment-detail-footer .nc-btn {
        width: 100%;
        justify-content: center;
    }

    .nc-dashboard-appointment-detail-footer-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        margin-left: 0;
    }

    .nc-dashboard-appointment-detail-footer #ncDashboardAppointmentDetailCloseBtn {
        grid-row: 2;
    }
}

.nc-modal .nc-appointment-detail-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0.8rem;
}

.nc-appointment-detail-footer-actions,
.nc-appointment-detail-footer-utilities {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.nc-appointment-detail-footer-actions {
    flex: 1 1 auto;
}

.nc-appointment-detail-footer-utilities {
    flex: 0 0 auto;
    margin-left: auto;
}

.nc-appointment-detail-footer-actions .nc-btn,
.nc-appointment-detail-footer-actions .nc-icon-btn,
.nc-appointment-detail-footer-utilities .nc-btn {
    min-height: 42px;
    margin: 0;
}

.nc-appointment-detail-primary-action {
    min-width: 136px;
}

.nc-appointment-detail-action-menu {
    flex: 0 0 auto;
}

.nc-appointment-detail-action-menu .nc-appointment-card-menu-toggle {
    width: 42px;
    height: 42px;
}

#ncAppointmentDetailModal .modal-content,
#ncDashboardAppointmentDetailModal .modal-content {
    transition: filter 0.18s ease, opacity 0.18s ease;
}

#ncAppointmentDetailModal.is-child-modal-obscured .modal-content,
#ncDashboardAppointmentDetailModal.is-child-modal-obscured .modal-content {
    filter: blur(2px);
    opacity: 0.82;
    pointer-events: none;
    user-select: none;
}

.modal.nc-appointment-detail-child-modal {
    z-index: 1080;
}

.modal-backdrop.nc-appointment-detail-child-backdrop {
    z-index: 1075;
    opacity: 0.62;
}

html.nc-appointment-detail-child-modal-open .ts-dropdown {
    z-index: 1090;
}

html.nc-appointment-detail-child-modal-open .swal2-container {
    z-index: 1100 !important;
}

@media (max-width: 767.98px) {
    .nc-appointment-client-characteristics-action {
        align-items: stretch;
        flex-direction: column;
    }

    .nc-appointment-client-characteristics-action .nc-btn {
        width: 100%;
    }

    .nc-appointment-client-characteristics-action p {
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .nc-modal .nc-appointment-detail-footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.65rem;
    }

    .nc-appointment-detail-footer-actions,
    .nc-appointment-detail-footer-utilities {
        width: 100%;
        margin: 0;
    }

    .nc-appointment-detail-footer-actions {
        order: 1;
    }

    .nc-appointment-detail-footer-actions .nc-appointment-detail-primary-action {
        flex: 1 1 auto;
        width: auto;
    }

    .nc-appointment-detail-footer-actions .nc-appointment-detail-action-menu:only-child {
        margin-left: auto;
    }

    .nc-appointment-detail-footer-utilities {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        order: 2;
    }

    .nc-appointment-detail-footer-utilities .nc-btn {
        width: 100%;
        justify-content: center;
    }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .nc-sidebar,
    .nc-topbar,
    .nc-dropdown,
    .dropdown-menu,
    .nc-dropdown-floating,
    .nc-modal,
    .offcanvas,
    .nc-dashboard-page .nc-card {
        background: rgba(255, 255, 255, 0.97);
    }

    :is(.nc-module-guide, .nc-billing-plans-card, .nc-variable-cost-guide, .nc-module-related-card) {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(var(--nc-primary-soft-rgb), 0.8));
    }

}

@media (max-width: 767.98px) {
    :root {
        --nc-glass-blur: 14px;
        --nc-glass-surface: rgba(255, 255, 255, 0.88);
    }

    body {
        background-attachment: scroll;
    }

    .nc-dashboard-metric-card {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(var(--nc-primary-soft-rgb), 0.68));
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .nc-dashboard-page .nc-card {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(var(--nc-primary-soft-rgb), 0.68));
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    :is(.nc-module-guide, .nc-billing-plans-card, .nc-variable-cost-guide, .nc-module-related-card) {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(var(--nc-primary-soft-rgb), 0.7));
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    :is(
        .nc-module-guide-item,
        .nc-variable-cost-item,
        .nc-module-related-link,
        .nc-watermark-help-card,
        .nc-public-help-card
    ) {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(var(--nc-primary-soft-rgb), 0.66));
    }
}

@media (prefers-reduced-transparency: reduce) {
    :root {
        --nc-glass-surface: rgba(255, 255, 255, 0.96);
        --nc-glass-surface-strong: rgba(255, 255, 255, 0.98);
    }

    .nc-sidebar,
    .nc-topbar,
    .nc-dropdown,
    .dropdown-menu,
    .nc-dropdown-floating,
    .nc-modal,
    .offcanvas,
    .nc-dashboard-metric-card,
    .nc-dashboard-page .nc-card,
    .nc-module-guide,
    .nc-billing-plans-card,
    .nc-variable-cost-guide,
    .nc-module-related-card {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .nc-dashboard-metric-card,
    .nc-dashboard-page .nc-card,
    .nc-module-guide,
    .nc-billing-plans-card,
    .nc-variable-cost-guide,
    .nc-module-related-card {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(var(--nc-primary-soft-rgb), 0.78));
    }
}

@media (max-width: 767.98px) {
    .nc-modal .modal-footer.nc-spaces-share-modal-footer {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }

    .nc-spaces-share-modal-footer > .nc-spaces-logo-help-link {
        align-self: flex-start;
        justify-content: flex-start;
        width: auto;
    }

    .nc-spaces-share-modal-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .nc-spaces-share-modal-actions > .nc-btn {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .nc-spaces-share-modal-actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Importación de clientas */
.nc-client-import-dialog {
    max-width: 1080px;
}

.nc-client-import-modal .modal-header {
    align-items: flex-start;
}

.nc-client-import-modal .modal-header .nc-modal-description {
    margin-top: 0.3rem;
}

.nc-client-import-modal.is-processing .modal-body {
    opacity: 0.82;
    transition: opacity 0.18s ease;
}

.nc-client-import-intro,
.nc-client-import-error {
    margin-bottom: 1.2rem;
}

.nc-client-import-error ul {
    margin: 0.45rem 0 0;
    padding-left: 1.1rem;
}

.nc-client-import-progress {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 0;
    margin-bottom: 1.25rem;
    padding: 0.15rem 0 1.1rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-client-import-progress-step {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    text-align: center;
}

.nc-client-import-progress-step:not(:last-of-type)::after {
    content: '';
    position: absolute;
    top: 22px;
    left: calc(50% + 23px);
    z-index: 0;
    width: calc(100% - 46px);
    height: 2px;
    background: var(--nc-border);
    transition: background-color 0.2s ease;
}

.nc-client-import-progress-step.is-complete:not(:last-of-type)::after {
    background: rgba(var(--nc-primary-rgb), 0.42);
}

.nc-client-import-progress-marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: var(--nc-muted);
    background: var(--nc-surface-soft, #faf8fa);
    border: 2px solid var(--nc-border);
    border-radius: 50%;
    font-size: 0.88rem;
    font-weight: 900;
    position: relative;
    z-index: 1;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.nc-client-import-progress-step.is-complete .nc-client-import-progress-marker {
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-color: transparent;
}

.nc-client-import-progress-step.is-active .nc-client-import-progress-marker {
    color: #fff;
    background: var(--nc-primary);
    border-color: var(--nc-primary);
    box-shadow: 0 0 0 5px rgba(var(--nc-primary-rgb), 0.14);
}

.nc-client-import-progress-copy {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    justify-items: center;
}

.nc-client-import-progress-copy strong {
    color: var(--nc-dark);
    font-size: 0.86rem;
    font-weight: 900;
}

.nc-client-import-progress-copy small {
    color: var(--nc-muted);
    font-size: 0.73rem;
    line-height: 1.25;
}

.nc-client-import-progress-line {
    display: none;
}

.nc-client-import-platforms {
    margin: 0;
    padding: 0;
    border: 0;
}

.nc-client-import-platforms legend {
    width: auto;
    margin-bottom: 0.7rem;
    color: var(--nc-dark);
    font-size: 0.92rem;
    font-weight: 900;
}

.nc-client-import-platform-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.nc-client-import-platform-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.nc-client-import-platform {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 88px;
    padding: 0.9rem 1rem;
    color: var(--nc-dark);
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.nc-client-import-platform:hover {
    border-color: rgba(var(--nc-primary-rgb), 0.48);
    box-shadow: 0 8px 20px rgba(var(--nc-primary-rgb), 0.09);
}

.nc-client-import-platform-input:focus-visible + .nc-client-import-platform {
    outline: 3px solid rgba(var(--nc-primary-rgb), 0.2);
    outline-offset: 2px;
}

.nc-client-import-platform-input:checked + .nc-client-import-platform {
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.74), #fff);
    border-color: var(--nc-primary);
    box-shadow: 0 8px 22px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-client-import-platform-input:disabled + .nc-client-import-platform {
    cursor: not-allowed;
    opacity: 0.68;
}

.nc-client-import-platform-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-radius: 14px;
    font-size: 1.2rem;
}

.nc-client-import-platform > span:nth-child(2) {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 auto;
}

.nc-client-import-platform strong {
    font-weight: 900;
}

.nc-client-import-platform small {
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-client-import-platform-check {
    color: var(--nc-primary);
    opacity: 0;
    transform: scale(0.75);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.nc-client-import-platform-input:checked + .nc-client-import-platform .nc-client-import-platform-check {
    opacity: 1;
    transform: scale(1);
}

.nc-client-import-file-block {
    margin-top: 1.25rem;
}

.nc-client-import-file-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.6rem;
}

.nc-client-import-file-heading .form-label {
    margin-bottom: 0.15rem;
    font-weight: 900;
}

.nc-client-import-file-heading p {
    margin: 0;
    color: var(--nc-muted);
    font-size: 0.83rem;
}

.nc-client-import-file-heading > span {
    flex: 0 0 auto;
    color: var(--nc-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.nc-client-import-file-shell {
    display: grid;
    justify-items: center;
    gap: 0.65rem;
}

.nc-client-import-dropzone {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    min-height: 154px;
    padding: 1.15rem;
    color: var(--nc-dark);
    text-align: left;
    background: linear-gradient(135deg, rgba(var(--nc-primary-soft-rgb), 0.68), rgba(255, 255, 255, 0.98));
    border: 1.5px dashed rgba(var(--nc-primary-rgb), 0.42);
    border-radius: 18px;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.nc-client-import-dropzone:hover,
.nc-client-import-dropzone:focus-within,
.nc-client-import-dropzone.is-dragover {
    border-color: var(--nc-primary);
    box-shadow: 0 12px 28px rgba(var(--nc-primary-rgb), 0.12);
}

.nc-client-import-dropzone.is-dragover {
    transform: translateY(-1px);
}

.nc-client-import-dropzone.has-file {
    min-height: 118px;
    background: #fff;
    border-style: solid;
}

.nc-client-import-dropzone.is-invalid {
    border-color: var(--nc-danger);
    box-shadow: 0 0 0 0.18rem rgba(217, 75, 89, 0.12);
}

.nc-client-import-dropzone > input {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.nc-client-import-dropzone > input:disabled {
    cursor: not-allowed;
}

.nc-client-import-file-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    color: var(--nc-primary);
    background: #fff;
    border: 1px solid rgba(var(--nc-primary-rgb), 0.2);
    border-radius: 18px;
    box-shadow: 0 8px 20px rgba(var(--nc-primary-rgb), 0.12);
    font-size: 1.55rem;
}

.nc-client-import-file-copy {
    display: grid;
    justify-items: start;
    gap: 0.16rem;
    min-width: 0;
}

.nc-client-import-file-copy strong {
    max-width: min(620px, 70vw);
    overflow: hidden;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-client-import-file-copy > span:not(.nc-client-import-file-action),
.nc-client-import-file-copy small {
    color: var(--nc-muted);
    font-size: 0.82rem;
}

.nc-client-import-file-action {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    margin: 0.3rem 0 0.12rem;
    padding: 0.48rem 0.78rem;
    color: #fff;
    background: var(--nc-primary);
    border-radius: 11px;
    font-size: 0.82rem;
    font-weight: 900;
}

.nc-client-import-dropzone.has-file .nc-client-import-file-action,
.nc-client-import-dropzone.has-file .nc-client-import-file-copy > span:not(.nc-client-import-file-action) {
    display: none;
}

.nc-client-import-file-shell .invalid-feedback:not(:empty) {
    display: block;
    color: var(--nc-danger);
    text-align: center;
    font-size: 0.82rem;
    font-weight: 800;
}

.nc-client-import-file-clear {
    color: var(--nc-danger);
}

.nc-client-import-note {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.75rem 0.9rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft, #faf8fa);
    border-radius: 14px;
    font-size: 0.82rem;
}

.nc-client-import-note i {
    margin-top: 0.12rem;
    color: var(--nc-primary);
}

.nc-client-import-note p,
.nc-client-import-section-heading p,
.nc-client-import-preview-toolbar p,
.nc-client-import-result-hero p {
    margin: 0;
}

.nc-client-import-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.nc-client-import-section-heading h6,
.nc-client-import-result-hero h6 {
    margin: 0.2rem 0 0.25rem;
    color: var(--nc-dark);
    font-size: 1.08rem;
    font-weight: 900;
}

.nc-client-import-section-heading p,
.nc-client-import-result-hero p {
    color: var(--nc-muted);
    font-size: 0.86rem;
}

.nc-client-import-source-badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0.45rem 0.72rem;
    color: var(--nc-primary-dark);
    background: var(--nc-primary-soft);
    border: 1px solid rgba(var(--nc-primary-rgb), 0.16);
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 900;
}

.nc-client-import-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.nc-client-import-summary-card {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    padding: 0.85rem;
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 15px;
}

.nc-client-import-summary-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-radius: 13px;
}

.nc-client-import-summary-card > div {
    display: grid;
    min-width: 0;
}

.nc-client-import-summary-card small {
    overflow: hidden;
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nc-client-import-summary-card strong {
    color: var(--nc-dark);
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.15;
}

.nc-client-import-summary-card.is-success > span {
    color: var(--nc-success);
    background: var(--nc-success-soft);
}

.nc-client-import-summary-card.is-warning > span {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-client-import-summary-card.is-danger > span {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-client-import-preview-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0 0.75rem;
    padding: 0.65rem 0.8rem;
    color: var(--nc-muted);
    background: var(--nc-surface-soft, #faf8fa);
    border-radius: 13px;
    font-size: 0.8rem;
}

.nc-client-import-no-confirm {
    margin-top: 0.85rem;
}

.nc-client-import-preview-note {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.nc-client-import-preview-note > i {
    flex: 0 0 auto;
    color: var(--nc-primary);
}

.nc-client-import-preview-note p {
    flex: 1 1 auto;
}

.nc-client-import-samples {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.9rem;
}

.nc-client-import-sample-group {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--nc-border);
    border-radius: 16px;
}

.nc-client-import-sample-group > header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem;
    background: var(--nc-surface-soft, #faf8fa);
    border-bottom: 1px solid var(--nc-border);
}

.nc-client-import-sample-group > header > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-radius: 11px;
}

.nc-client-import-sample-group.is-success > header > span {
    color: var(--nc-success);
    background: var(--nc-success-soft);
}

.nc-client-import-sample-group.is-warning > header > span {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-client-import-sample-group.is-danger > header > span {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-client-import-sample-group h6 {
    margin: 0;
    color: var(--nc-dark);
    font-size: 1rem;
    font-weight: 800;
}

.nc-client-import-sample-group h6 small {
    margin-left: 0.25rem;
    color: var(--nc-muted);
    font-size: 0.72rem;
}

.nc-client-import-sample-group header p {
    margin: 0.12rem 0 0;
    color: var(--nc-muted);
    font-size: 0.72rem;
}

.nc-client-import-sample-list {
    max-height: 380px;
    overflow-y: auto;
}

.nc-client-import-sample-row {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--nc-border);
}

.nc-client-import-sample-row:last-child {
    border-bottom: 0;
}

.nc-client-import-row-number {
    display: grid;
    place-content: center;
    min-height: 62px;
    color: var(--nc-primary);
    text-align: center;
    background: var(--nc-primary-soft);
    border-radius: 15px;
}

.nc-client-import-row-number span {
    font-size: 0.7rem;
    font-weight: 800;
}

.nc-client-import-row-number strong {
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.1;
}

.nc-client-import-sample-person {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.nc-client-import-sample-person > strong {
    overflow-wrap: anywhere;
    color: var(--nc-dark);
    font-size: 0.86rem;
    font-weight: 800;
}

.nc-client-import-row-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
}

.nc-client-import-row-status.is-success {
    color: var(--nc-success);
    background: var(--nc-success-soft);
}

.nc-client-import-row-status.is-warning {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-client-import-row-status.is-danger {
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
}

.nc-client-import-sample-contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 1rem;
    color: var(--nc-muted);
    font-size: 0.8rem;
}

.nc-client-import-sample-contact span {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.nc-client-import-sample-row ul {
    margin: 0.1rem 0 0;
    padding: 0.5rem 0.6rem 0.5rem 1.45rem;
    color: var(--nc-danger);
    background: var(--nc-danger-soft);
    border-radius: 10px;
    font-size: 0.7rem;
}

.nc-client-import-row-note {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0.05rem 0 0;
    color: var(--nc-muted);
    font-size: 0.74rem;
    font-weight: 700;
}

.nc-client-import-row-note i {
    color: var(--nc-warning);
}

.nc-client-import-contact-empty {
    color: var(--nc-muted);
    font-size: 0.75rem;
}

.nc-client-import-sample-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 128px;
    padding: 1rem;
    color: var(--nc-muted);
    text-align: left;
}

.nc-client-import-sample-empty > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: var(--nc-primary);
    background: var(--nc-primary-soft);
    border-radius: 50%;
}

.nc-client-import-sample-group.is-warning .nc-client-import-sample-empty > span {
    color: var(--nc-warning);
    background: var(--nc-warning-soft);
}

.nc-client-import-sample-group.is-danger .nc-client-import-sample-empty > span {
    color: var(--nc-success);
    background: var(--nc-success-soft);
}

.nc-client-import-sample-empty strong {
    display: block;
    color: var(--nc-dark);
    font-size: 0.84rem;
    font-weight: 900;
}

.nc-client-import-sample-empty p {
    margin: 0.15rem 0 0;
    font-size: 0.76rem;
}

.nc-client-import-sample-more {
    margin: 0;
    padding: 0.85rem;
    color: var(--nc-muted);
    font-size: 0.75rem;
}

.nc-client-import-sample-more {
    border-top: 1px solid var(--nc-border);
    text-align: center;
}

.nc-client-import-result-hero {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, var(--nc-success-soft), #fff);
    border: 1px solid rgba(47, 158, 103, 0.2);
    border-radius: 17px;
}

.nc-client-import-result-hero > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    color: #fff;
    background: var(--nc-success);
    border-radius: 50%;
    font-size: 1.2rem;
    box-shadow: 0 8px 20px rgba(47, 158, 103, 0.2);
}

.nc-client-import-result-hero .nc-section-kicker {
    color: var(--nc-success);
}

.nc-client-import-result-hero + .nc-client-import-summary {
    margin-bottom: 1rem;
}

#ncClientesImportacionResultadoErrores .nc-btn {
    margin-top: 0.7rem;
}

.nc-client-import-footer {
    justify-content: flex-end;
}

.nc-client-import-footer-secondary {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .nc-client-import-sample-list {
        max-height: 330px;
    }
}

@media (max-width: 767.98px) {
    .nc-client-import-progress {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nc-client-import-progress-marker {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .nc-client-import-progress-copy strong {
        font-size: 0.72rem;
    }

    .nc-client-import-progress-copy small {
        display: block;
        font-size: 0.64rem;
        white-space: normal;
    }

    .nc-client-import-progress-step:not(:last-of-type)::after {
        top: 18px;
        left: calc(50% + 19px);
        width: calc(100% - 38px);
    }

    .nc-client-import-platform-grid,
    .nc-client-import-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nc-client-import-preview-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-client-import-preview-note {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .nc-client-import-preview-note p {
        flex-basis: calc(100% - 2rem);
    }

    .nc-client-import-preview-toolbar .nc-btn {
        width: 100%;
    }

    .nc-client-import-footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-client-import-footer-secondary {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin-right: 0;
    }

    .nc-client-import-footer .nc-btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .nc-client-import-platform-grid,
    .nc-client-import-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .nc-client-import-file-heading,
    .nc-client-import-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .nc-client-import-dropzone {
        flex-direction: column;
        min-height: 190px;
        text-align: center;
    }

    .nc-client-import-file-copy {
        justify-items: center;
        width: 100%;
    }

    .nc-client-import-file-copy strong {
        max-width: 78vw;
    }

    .nc-client-import-dropzone.has-file {
        min-height: 150px;
    }

    .nc-client-import-sample-row {
        grid-template-columns: 58px minmax(0, 1fr);
        align-items: start;
        gap: 0.75rem;
        padding: 0.8rem;
    }

    .nc-client-import-row-number {
        min-height: 56px;
    }

    .nc-client-import-row-status {
        grid-column: 2;
        justify-self: start;
    }

    .nc-client-import-footer-secondary {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media print {
    .nc-important-announcements {
        display: none !important;
    }

    body,
    .nc-card,
    .nc-stat-card,
    .nc-empty-state,
    .nc-dashboard-metric-card,
    .nc-module-guide-item,
    .nc-variable-cost-item,
    .nc-module-related-link,
    .nc-watermark-help-card,
    .nc-public-help-card,
    .nc-modal {
        background: #fff !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}