/* _content/BeautyCrm.Host.Web/Components/Layout/AppBar.razor.rz.scp.css */

/* =============================================
   APPBAR
   ============================================= */

.its-appbar[b-xs56m8t8bz] {
    height: var(--its-appbar-h);
    background: var(--its-surface);
    border-bottom: 1px solid var(--its-border);
    display: flex;
    align-items: center;
    flex-shrink: 0;
    z-index: 200;
    box-shadow: 0 1px 4px var(--its-shadow);
    position: sticky;
    top: 0;
}

/* ── Brand (allineato con il sidenav) ── */

.its-appbar__brand[b-xs56m8t8bz] {
    width: var(--its-nav-w);
    min-width: var(--its-nav-w);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border-right: 1px solid var(--its-border);
    height: 100%;
    flex-shrink: 0;
    transition: width .25s ease, min-width .25s ease;
}

.its-appbar__logo-img[b-xs56m8t8bz] {
    height: 36px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    flex-shrink: 0;
}

/* ── Hamburger ── */

.its-appbar__hamburger[b-xs56m8t8bz] {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    color: var(--its-text-dim);
    margin: 0 4px;
    flex-shrink: 0;
    transition: background .15s;
    flex-direction: column;
    gap: 4px;
    padding: 0;
}

    .its-appbar__hamburger:hover[b-xs56m8t8bz] {
        background: var(--its-surface2);
    }

.ham-line[b-xs56m8t8bz] {
    display: block;
    width: 18px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform .25s ease, opacity .2s ease;
    transform-origin: center;
}

/* Hamburger → X quando nav è aperto */
.its-appbar__hamburger--open .ham-line:nth-child(1)[b-xs56m8t8bz] {
    transform: translateY(6px) rotate(45deg);
}

.its-appbar__hamburger--open .ham-line:nth-child(2)[b-xs56m8t8bz] {
    opacity: 0;
}

.its-appbar__hamburger--open .ham-line:nth-child(3)[b-xs56m8t8bz] {
    transform: translateY(-6px) rotate(-45deg);
}

/* ── Breadcrumb ── */

.its-appbar__section[b-xs56m8t8bz] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px;
    flex: 1;
    min-width: 0;
}

.its-appbar__crumb[b-xs56m8t8bz] {
    font-size: 13px;
    color: var(--its-text-muted);
}

.its-appbar__crumb-sep[b-xs56m8t8bz] {
    color: var(--its-border);
    font-size: 16px;
}

.its-appbar__crumb--active[b-xs56m8t8bz] {
    font-size: 13px;
    font-weight: 600;
    color: var(--its-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Azioni destra ── */

.its-appbar__actions[b-xs56m8t8bz] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 12px;
    flex-shrink: 0;
}

.its-appbar__badge-wrap[b-xs56m8t8bz]  .mud-badge-root {
    display: flex;
    align-items: center;
}

.its-appbar__icon-btn[b-xs56m8t8bz]  .mud-icon-button {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    color: var(--its-text-dim);
    transition: background .15s, color .15s;
}

    .its-appbar__icon-btn[b-xs56m8t8bz]  .mud-icon-button:hover {
        background: var(--its-surface2);
        color: var(--its-text);
    }

.its-appbar__divider[b-xs56m8t8bz] {
    width: 1px;
    height: 22px;
    background: var(--its-border);
    margin: 0 4px;
}

/* ── Avatar utente ── */

.its-appbar__user-menu[b-xs56m8t8bz]  .mud-menu-activator {
    display: flex;
    align-items: center;
}

.its-appbar__user[b-xs56m8t8bz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .15s;
    user-select: none;
}

    .its-appbar__user:hover[b-xs56m8t8bz] {
        background: var(--its-surface2);
    }

.its-appbar__avatar[b-xs56m8t8bz] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--its-gold-soft);
    color: var(--its-gold-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--its-serif);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.its-appbar__user-info[b-xs56m8t8bz] {
    display: flex;
    flex-direction: column;
}

.its-appbar__user-name[b-xs56m8t8bz] {
    font-size: 12px;
    font-weight: 600;
    color: var(--its-text);
    line-height: 1.2;
    white-space: nowrap;
}

.its-appbar__user-role[b-xs56m8t8bz] {
    font-size: 10px;
    color: var(--its-text-muted);
    line-height: 1.2;
    white-space: nowrap;
}

/* =============================================
   RESPONSIVE
   ============================================= */

/* Tablet: hamburger visibile, brand senza border-right */
@media (max-width: 1024px) {
    .its-appbar__brand[b-xs56m8t8bz] {
        width: auto;
        min-width: auto;
        border-right: none;
        padding: 0 12px;
    }

    .its-appbar__hamburger[b-xs56m8t8bz] {
        display: flex;
    }
}

/* Mobile medio: nascondi testo utente e breadcrumb radice */
@media (max-width: 860px) {
    .its-appbar__user-info[b-xs56m8t8bz] {
        display: none;
    }

    .its-appbar__crumb[b-xs56m8t8bz],
    .its-appbar__crumb-sep[b-xs56m8t8bz] {
        display: none;
    }
}

/* Mobile piccolo: nascondi icona notifiche */
@media (max-width: 400px) {
    .its-appbar__badge-wrap[b-xs56m8t8bz] {
        display: none;
    }

    .its-appbar__divider[b-xs56m8t8bz] {
        display: none;
    }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Catalog/Calendario.razor.rz.scp.css */
/* ========================================================================
   Calendario corsi — scoped styles
   Design importato da Claude Design (handoff Crm Compagnia), adattato
   alle variabili del design system BeautyCrm (its-*).
   ======================================================================== */

/* ── Toolbar ──────────────────────────────────────────────────────────── */

.cal-toolbar[b-uqyy1p8brj] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 18px;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 12px;
}

.cal-toolbar .cal-title[b-uqyy1p8brj] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 26px;
    letter-spacing: -.005em;
    line-height: 1.1;
    margin: 0;
    flex: 1;
    min-width: 220px;
    color: var(--its-text);
}

.cal-toolbar .cal-title em[b-uqyy1p8brj] {
    font-style: italic;
    color: var(--its-gold-deep);
    font-weight: 400;
    margin-right: 6px;
}

.cal-toolbar .cal-nav[b-uqyy1p8brj] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--its-border-strong);
    border-radius: 6px;
    overflow: hidden;
    background: var(--its-surface);
    height: 34px;
}

.cal-toolbar .cal-nav button[b-uqyy1p8brj] {
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0 12px;
    font-size: 13px;
    color: var(--its-text-2);
    cursor: pointer;
    border-right: 1px solid var(--its-border);
    font-family: inherit;
}

.cal-toolbar .cal-nav button:last-child[b-uqyy1p8brj] {
    border-right: 0;
}

.cal-toolbar .cal-nav button:hover[b-uqyy1p8brj] {
    background: var(--its-surface2);
}

.cal-toolbar .cal-nav .today[b-uqyy1p8brj] {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--its-text);
}

.cal-viewseg[b-uqyy1p8brj] {
    display: inline-flex;
    border: 1px solid var(--its-border-strong);
    border-radius: 6px;
    overflow: hidden;
    height: 34px;
    background: var(--its-surface);
}

.cal-viewseg button[b-uqyy1p8brj] {
    height: 100%;
    padding: 0 16px;
    background: transparent;
    border: 0;
    border-right: 1px solid var(--its-border);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .04em;
    color: var(--its-text-dim);
    cursor: pointer;
    font-family: inherit;
}

.cal-viewseg button:last-child[b-uqyy1p8brj] {
    border-right: 0;
}

.cal-viewseg button:hover[b-uqyy1p8brj] {
    background: var(--its-surface2);
    color: var(--its-text);
}

.cal-viewseg button.is-active[b-uqyy1p8brj] {
    background: var(--its-text);
    color: var(--its-gold);
}

/* ── Legend ───────────────────────────────────────────────────────────── */

.cal-legend[b-uqyy1p8brj] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
    padding: 4px 18px 8px;
    font-size: 11.5px;
    color: var(--its-text-dim);
}

.cal-legend-item[b-uqyy1p8brj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cal-legend-swatch[b-uqyy1p8brj] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: var(--cc, var(--its-gold));
    flex: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

/* ── Week view ────────────────────────────────────────────────────────── */

.cal-week[b-uqyy1p8brj] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 64px repeat(7, minmax(0, 1fr));
}

.cal-week-corner[b-uqyy1p8brj],
.cal-week-dayhead[b-uqyy1p8brj] {
    background: var(--its-surface);
    border-bottom: 1px solid var(--its-border);
    border-right: 1px solid var(--its-border);
    padding: 12px 12px 10px;
}

.cal-week-corner[b-uqyy1p8brj] {
    padding: 0;
}

.cal-week-dayhead:last-of-type[b-uqyy1p8brj] {
    border-right: 0;
}

.cal-week-dayhead .dow[b-uqyy1p8brj] {
    font-size: 9.5px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
}

.cal-week-dayhead .day[b-uqyy1p8brj] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-top: 4px;
    letter-spacing: -.005em;
    color: var(--its-text);
}

.cal-week-dayhead.today .day[b-uqyy1p8brj] {
    color: var(--its-gold-deep);
}

.cal-week-dayhead.today[b-uqyy1p8brj] {
    background: linear-gradient(180deg, var(--its-gold-soft), var(--its-surface));
}

.cal-week-dayhead.muted .day[b-uqyy1p8brj],
.cal-week-dayhead.muted .dow[b-uqyy1p8brj] {
    color: var(--its-text-muted);
}

.cal-week-time[b-uqyy1p8brj] {
    border-right: 1px solid var(--its-border);
    border-bottom: 1px solid var(--its-border);
    text-align: right;
    padding: 4px 8px 0 0;
    font-size: 10px;
    color: var(--its-text-muted);
    font-variant-numeric: tabular-nums;
    height: 56px;
}

.cal-week-cell[b-uqyy1p8brj] {
    border-right: 1px solid var(--its-border);
    border-bottom: 1px solid var(--its-border);
    height: 56px;
    position: relative;
    background: var(--its-surface);
}

.cal-week-cell:nth-child(8n)[b-uqyy1p8brj] {
    border-right: 0;
}

.cal-week-cell.is-today[b-uqyy1p8brj] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--its-gold-soft) 35%, var(--its-surface)), var(--its-surface));
}

.cal-week-cell.weekend[b-uqyy1p8brj] {
    background: var(--its-surface2);
}

.cal-event[b-uqyy1p8brj] {
    position: absolute;
    left: 4px;
    right: 4px;
    border-radius: 6px;
    padding: 7px 9px;
    font-size: 11px;
    line-height: 1.25;
    background: color-mix(in srgb, var(--cc, var(--its-gold)) 14%, var(--its-surface));
    color: var(--its-text);
    border-left: 3px solid var(--cc, var(--its-gold));
    box-shadow: 0 1px 2px rgba(26, 34, 56, .05);
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
}

.cal-event:hover[b-uqyy1p8brj] {
    z-index: 3;
    box-shadow: 0 6px 18px -6px rgba(26, 34, 56, .25);
}

.cal-event .ce-title[b-uqyy1p8brj] {
    font-weight: 550;
    font-size: 11.5px;
    color: var(--its-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal-event .ce-meta[b-uqyy1p8brj] {
    font-size: 10px;
    color: var(--its-text-dim);
    margin-top: 3px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.cal-event .ce-meta b[b-uqyy1p8brj] {
    font-weight: 600;
    color: var(--its-text-2);
    font-variant-numeric: tabular-nums;
}

/* ── Month view ───────────────────────────────────────────────────────── */

.cal-month[b-uqyy1p8brj] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 12px;
    overflow: hidden;
}

.cal-month-head[b-uqyy1p8brj] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background: var(--its-surface);
    border-bottom: 1px solid var(--its-border);
}

.cal-month-head > div[b-uqyy1p8brj] {
    padding: 12px 14px;
    font-size: 9.5px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
    border-right: 1px solid var(--its-border);
}

.cal-month-head > div:last-child[b-uqyy1p8brj] {
    border-right: 0;
}

.cal-month-grid[b-uqyy1p8brj] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.cal-month-cell[b-uqyy1p8brj] {
    min-height: 132px;
    padding: 8px 10px 10px;
    border-right: 1px solid var(--its-border);
    border-bottom: 1px solid var(--its-border);
    background: var(--its-surface);
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}

.cal-month-cell:nth-child(7n)[b-uqyy1p8brj] {
    border-right: 0;
}

.cal-month-grid > .cal-month-cell:nth-last-child(-n+7)[b-uqyy1p8brj] {
    border-bottom: 0;
}

.cal-month-cell.weekend[b-uqyy1p8brj] {
    background: var(--its-surface2);
}

.cal-month-cell.other[b-uqyy1p8brj] {
    background: var(--its-bg);
}

.cal-month-cell.other .cmc-num[b-uqyy1p8brj] {
    color: var(--its-text-muted);
}

.cal-month-cell.is-today[b-uqyy1p8brj] {
    background: linear-gradient(180deg, var(--its-gold-soft) 0%, var(--its-surface) 60%);
}

.cmc-head[b-uqyy1p8brj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 2px;
}

.cmc-num[b-uqyy1p8brj] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: var(--its-text);
    letter-spacing: -.01em;
}

.cal-month-cell.is-today .cmc-num[b-uqyy1p8brj] {
    width: 26px;
    height: 26px;
    background: var(--its-text);
    color: var(--its-gold);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 14px;
}

.cmc-dow-mini[b-uqyy1p8brj] {
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
    display: none;
}

.cmc-pill[b-uqyy1p8brj] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 7px 4px 6px;
    background: color-mix(in srgb, var(--cc, var(--its-gold)) 14%, var(--its-surface));
    border-left: 2px solid var(--cc, var(--its-gold));
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.2;
    color: var(--its-text);
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cmc-pill:hover[b-uqyy1p8brj] {
    box-shadow: 0 4px 12px -4px rgba(26, 34, 56, .2);
}

.cmc-pill .pill-time[b-uqyy1p8brj] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: 10px;
    color: var(--its-text-2);
    flex: none;
}

.cmc-pill .pill-name[b-uqyy1p8brj] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.cmc-more[b-uqyy1p8brj] {
    margin-top: auto;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--its-gold-deep);
    padding: 2px 4px;
    cursor: default;
}

@media (max-width: 900px) {
    .cal-month-cell[b-uqyy1p8brj] {
        min-height: 92px;
        padding: 6px 8px;
    }

    .cmc-num[b-uqyy1p8brj] {
        font-size: 15px;
    }

    .cmc-pill[b-uqyy1p8brj] {
        font-size: 10px;
        padding: 3px 5px;
    }

    .cmc-pill .pill-time[b-uqyy1p8brj] {
        display: none;
    }

    .cal-week[b-uqyy1p8brj] {
        grid-template-columns: 48px repeat(7, minmax(60px, 1fr));
        overflow-x: auto;
    }
}

/* ── List view ────────────────────────────────────────────────────────── */

.cal-list[b-uqyy1p8brj] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cal-list-empty[b-uqyy1p8brj] {
    text-align: center;
    padding: 48px 20px;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 12px;
}

.cal-list-empty-title[b-uqyy1p8brj] {
    font-family: var(--its-serif);
    font-size: 22px;
    color: var(--its-text-2);
    margin-bottom: 6px;
}

.cal-list-empty-sub[b-uqyy1p8brj] {
    font-size: 12.5px;
    color: var(--its-text-muted);
}

.cal-list-month[b-uqyy1p8brj] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 12px;
    overflow: hidden;
}

.cal-list-month-h[b-uqyy1p8brj] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 16px 22px;
    background: var(--its-surface);
    border-bottom: 1px solid var(--its-border);
}

.cal-list-month-h h3[b-uqyy1p8brj] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -.005em;
    margin: 0;
    color: var(--its-text);
}

.cal-list-month-h h3 em[b-uqyy1p8brj] {
    font-style: italic;
    color: var(--its-gold-deep);
    margin-right: 6px;
    font-weight: 400;
}

.cal-list-month-h .meta[b-uqyy1p8brj] {
    font-size: 10.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
}

.cal-list-row[b-uqyy1p8brj] {
    display: grid;
    grid-template-columns: 76px 4px 1fr auto auto;
    gap: 18px;
    align-items: center;
    padding: 14px 22px;
    border-top: 1px solid var(--its-border);
}

.cal-list-row:first-of-type[b-uqyy1p8brj] {
    border-top: 0;
}

.cal-list-row:hover[b-uqyy1p8brj] {
    background: var(--its-surface2);
}

.cal-list-row.is-past[b-uqyy1p8brj] {
    opacity: .55;
}

.clr-date[b-uqyy1p8brj] {
    text-align: center;
    border: 1px solid var(--its-border);
    border-radius: 6px;
    background: var(--its-surface);
    padding: 8px 0 9px;
    line-height: 1;
}

.clr-date .dow[b-uqyy1p8brj] {
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
}

.clr-date .num[b-uqyy1p8brj] {
    font-family: var(--its-serif);
    font-size: 26px;
    font-weight: 400;
    margin-top: 4px;
    letter-spacing: -.01em;
    color: var(--its-text);
}

.clr-date .mon[b-uqyy1p8brj] {
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-dim);
    margin-top: 3px;
    font-weight: 600;
}

.cal-list-row.is-today .clr-date[b-uqyy1p8brj] {
    background: var(--its-text);
    border-color: var(--its-text);
}

.cal-list-row.is-today .clr-date .dow[b-uqyy1p8brj],
.cal-list-row.is-today .clr-date .mon[b-uqyy1p8brj] {
    color: rgba(255, 255, 255, .55);
}

.cal-list-row.is-today .clr-date .num[b-uqyy1p8brj] {
    color: var(--its-gold);
}

.clr-stripe[b-uqyy1p8brj] {
    align-self: stretch;
    background: var(--cc, var(--its-gold));
    border-radius: 2px;
}

.clr-body[b-uqyy1p8brj] {
    min-width: 0;
}

.clr-title[b-uqyy1p8brj] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.clr-title .name[b-uqyy1p8brj] {
    font-weight: 550;
    font-size: 13.5px;
    color: var(--its-text);
}

.clr-title .cat-chip[b-uqyy1p8brj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 9px 2px 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cc, var(--its-gold)) 14%, var(--its-surface));
    border: 1px solid color-mix(in srgb, var(--cc, var(--its-gold)) 35%, transparent);
    color: var(--its-text-2);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.clr-title .cat-dot[b-uqyy1p8brj] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--cc, var(--its-gold));
}

.clr-title .tag[b-uqyy1p8brj] {
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 999px;
}

.clr-title .tag-gold[b-uqyy1p8brj] {
    background: var(--its-gold-soft);
    color: var(--its-gold-deep);
}

.clr-meta[b-uqyy1p8brj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 5px;
    font-size: 11.5px;
    color: var(--its-text-dim);
    font-variant-numeric: tabular-nums;
}

.clr-meta .sep[b-uqyy1p8brj] {
    color: var(--its-text-muted);
}

.clr-meta b[b-uqyy1p8brj] {
    font-weight: 550;
    color: var(--its-text-2);
}

.clr-cap[b-uqyy1p8brj] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    min-width: 110px;
}

.clr-cap-num[b-uqyy1p8brj] {
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    color: var(--its-text-dim);
    letter-spacing: .02em;
}

.clr-cap-num b[b-uqyy1p8brj] {
    color: var(--its-text);
    font-weight: 600;
}

.clr-actions[b-uqyy1p8brj] {
    display: flex;
    gap: 8px;
}

@media (max-width: 720px) {
    .cal-list-row[b-uqyy1p8brj] {
        grid-template-columns: 64px 4px 1fr;
        row-gap: 10px;
        padding: 14px 16px;
    }

    .cal-list-month-h[b-uqyy1p8brj] {
        padding: 14px 16px;
    }

    .clr-cap[b-uqyy1p8brj],
    .clr-actions[b-uqyy1p8brj] {
        grid-column: 1 / -1;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
    }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Catalog/Corsi/CorsoDetail.razor.rz.scp.css */

/* ─── Tabs wrap ───────────────────────────────── */
.cd-tabs-wrap[b-96r52skyrr] {
    margin: 0 40px;
}

/* ─── Tab body ────────────────────────────────── */
.cd-tab-body[b-96r52skyrr] {
    padding: 22px 40px 52px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ─── Splits ──────────────────────────────────── */
.cd-split[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

.cd-split.cd-split--anagrafica[b-96r52skyrr] {
    grid-template-columns: 2fr 1fr;
}

.cd-right-stack[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ─── KV helpers ──────────────────────────────── */
.cd-kv-strong[b-96r52skyrr] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.cd-mono[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 12.5px;
    letter-spacing: .04em;
    color: var(--its-text-dim);
}

/* ─── Course hero (view mode) ─────────────────── */
.cd-course-hero[b-96r52skyrr] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 28px;
    align-items: center;
    padding: 26px 30px;
    background: var(--its-surface);
    margin: 20px 40px;
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    position: relative;
    overflow: hidden;
}

.cd-course-hero-mark[b-96r52skyrr] {
    width: 116px;
    height: 116px;
    border-radius: var(--its-radius);
    background: var(--its-mark-gradient);
    display: grid;
    place-items: center;
    flex: none;
    z-index: 1;
    overflow: hidden;
}

.cd-course-hero-mark-inner[b-96r52skyrr] {
    text-align: center;
    color: var(--its-gold);
}

.cd-course-hero-mark-cat[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 10.5px;
    letter-spacing: .14em;
    opacity: .7;
}

.cd-course-hero-mark-hours[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    margin-top: 6px;
    letter-spacing: .01em;
}

.cd-hero-body[b-96r52skyrr] {
    min-width: 0;
    z-index: 1;
}

.cd-hero-tags[b-96r52skyrr] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.cd-hero-name[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -.005em;
    margin: 0 0 6px;
    color: var(--its-text);
    line-height: 1.1;
}

.cd-hero-desc[b-96r52skyrr] {
    font-size: 13px;
    color: var(--its-text-2);
    max-width: 60ch;
    margin: 0 0 10px;
    line-height: 1.5;
}

.cd-hero-meta[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 18px;
    margin-top: 6px;
}

.cd-hero-meta-label[b-96r52skyrr] {
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    margin-bottom: 4px;
}

.cd-hero-meta-value[b-96r52skyrr] {
    font-size: 13px;
    font-weight: 500;
    color: var(--its-text);
}

.cd-hero-meta-mono[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 12.5px;
    color: var(--its-text);
}

.cd-hero-meta-sub[b-96r52skyrr] {
    font-size: 11px;
    color: var(--its-text-muted);
    margin-top: 2px;
}

.cd-course-hero-prices[b-96r52skyrr] {
    display: flex;
    gap: 22px;
    align-items: center;
    flex: none;
    padding-left: 6px;
    z-index: 1;
}

.cd-hero-price-label[b-96r52skyrr] {
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--its-text-muted);
}

.cd-hero-price-value[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    margin-top: 4px;
    color: var(--its-text);
}

.cd-hero-price-value--muted[b-96r52skyrr] {
    font-size: 22px;
    color: var(--its-text-dim);
}

.cd-hero-price-divider[b-96r52skyrr] {
    border-left: 1px solid var(--its-border);
    padding-left: 22px;
}

/* ─── KPI strip ───────────────────────────────── */
.cd-kpi-strip[b-96r52skyrr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 28px 40px 24px;
}

.cd-kpi[b-96r52skyrr] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    padding: 18px 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    overflow: hidden;
}

.cd-kpi[b-96r52skyrr]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--its-gold);
    opacity: 0;
    transition: opacity .18s ease;
}

.cd-kpi:hover[b-96r52skyrr]::before { opacity: 1; }

.cd-kpi__label[b-96r52skyrr] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
}

.cd-kpi__value[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 26px;
    font-weight: 400;
    color: var(--its-text);
    line-height: 1;
    letter-spacing: -.015em;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.cd-kpi__value--muted[b-96r52skyrr] {
    color: var(--its-text-dim);
}

/* ─── Listini & sconti table ──────────────────── */
.cd-listini-table-wrap[b-96r52skyrr] {
    overflow-x: auto;
    margin: 0 -8px;
}

.cd-listini-table[b-96r52skyrr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

.cd-listini-table thead th[b-96r52skyrr] {
    text-align: left;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    padding: 12px 14px;
    border-bottom: 1px solid var(--its-border);
    background: var(--its-bg);
    white-space: nowrap;
}

.cd-listini-table tbody td[b-96r52skyrr] {
    padding: 13px 14px;
    border-bottom: 1px solid var(--its-border);
    vertical-align: middle;
    color: var(--its-text);
}

.cd-listini-table tbody tr:last-child td[b-96r52skyrr] {
    border-bottom: 0;
}

.cd-listini-table tbody tr:hover td[b-96r52skyrr] {
    background: var(--its-surface2);
}

.cd-listini-table .cd-num[b-96r52skyrr] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cd-listini-table .cd-strong[b-96r52skyrr] {
    font-weight: 550;
}

.cd-listini-table .cd-muted[b-96r52skyrr] {
    color: var(--its-text-dim);
}

.cd-listini-table .cd-discount[b-96r52skyrr] {
    color: var(--its-gold-deep);
    font-weight: 600;
}

.cd-listini-table .cd-actions[b-96r52skyrr] {
    width: 40px;
    text-align: right;
}

.cd-listini-table .cd-row--inactive td[b-96r52skyrr] {
    opacity: .55;
}

/* ─── Promo form (add new pricing) ────────────── */
.cd-promo-form[b-96r52skyrr] {
    background: var(--its-surface2);
    border: 1px solid var(--its-border);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
}

.cd-promo-form-actions[b-96r52skyrr] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

/* ─── Coming-soon placeholders ────────────────── */
.cd-coming-soon[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 24px 12px 8px;
    text-align: center;
}

.cd-coming-soon__msg[b-96r52skyrr] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-gold-deep);
}

.cd-coming-soon__hint[b-96r52skyrr] {
    font-size: 12.5px;
    color: var(--its-text-muted);
    max-width: 42ch;
    line-height: 1.5;
}

.cd-faint-list[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    opacity: .35;
}

.cd-faint-list span[b-96r52skyrr] {
    height: 12px;
    background: var(--its-border);
    border-radius: 2px;
}

.cd-faint-list span:nth-child(1)[b-96r52skyrr] { width: 78%; }
.cd-faint-list span:nth-child(2)[b-96r52skyrr] { width: 62%; }
.cd-faint-list span:nth-child(3)[b-96r52skyrr] { width: 50%; }
.cd-faint-list span:nth-child(4)[b-96r52skyrr] { width: 38%; }

/* ─── Vendite (live, Tab 5) ─────────────────── */
.cd-split.cd-split--vendite[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 18px;
}

.cd-vendite-kpi[b-96r52skyrr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 4px 0 16px;
    border-bottom: 1px solid var(--its-border);
    margin-bottom: 14px;
}

.cd-vendite-kpi__item[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cd-vendite-kpi__label[b-96r52skyrr] {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 600;
    color: var(--its-text-muted);
}

.cd-vendite-kpi__value[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.015em;
    color: var(--its-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.cd-vendite-list[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
}

.cd-vendite-list__head[b-96r52skyrr],
.cd-vendite-list__row[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 90px 1fr 110px 130px;
    gap: 10px;
    align-items: center;
    padding: 10px 4px;
    font-size: 12.5px;
}

.cd-vendite-list__head[b-96r52skyrr] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    border-bottom: 1px solid var(--its-border);
}

.cd-vendite-list__row[b-96r52skyrr] {
    border-bottom: 1px solid var(--its-border);
    cursor: pointer;
    transition: background .12s ease;
}

.cd-vendite-list__row:hover[b-96r52skyrr] {
    background: var(--its-surface);
}

.cd-vendite-list__row:last-child[b-96r52skyrr] {
    border-bottom: 0;
}

.cd-vendite-list__more[b-96r52skyrr] {
    text-align: center;
    font-size: 11.5px;
    color: var(--its-text-muted);
    padding: 10px 0 4px;
}

/* ── Tab "Sessioni & partecipanti": riepilogo partecipazione ── */
/* Totale hero (con barra capienza) + due letture affiancate del medesimo totale (provenienza / stato). */
.cd-part-summary[b-96r52skyrr] {
    display: grid;
    grid-template-columns: minmax(150px, 210px) 1fr;
    gap: 30px;
    padding: 6px 0 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--its-border);
}

.cd-part-hero[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 30px;
    border-right: 1px solid var(--its-border);
}

.cd-part-hero__eyebrow[b-96r52skyrr] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-muted);
}

.cd-part-hero__total[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 58px;
    line-height: .92;
    color: var(--its-text);
    font-variant-numeric: tabular-nums lining-nums;
}

.cd-part-hero__cap[b-96r52skyrr] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cd-part-hero__cap-bar[b-96r52skyrr] {
    height: 5px;
    border-radius: 3px;
    background: var(--its-surface2);
    overflow: hidden;
}

.cd-part-hero__cap-bar > span[b-96r52skyrr] {
    display: block;
    height: 100%;
    min-width: 3px;
    border-radius: 3px;
    background: var(--its-gold);
    transition: width .5s ease;
}

.cd-part-hero__cap-bar.is-full > span[b-96r52skyrr] { background: var(--its-gold-deep); }

.cd-part-hero__cap-label[b-96r52skyrr] {
    font-size: 11px;
    color: var(--its-text-muted);
    font-variant-numeric: tabular-nums;
}

.cd-part-groups[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-content: start;
}

.cd-part-group__title[b-96r52skyrr] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--its-gold-deep);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--its-border);
}

.cd-part-line[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 8px 0;
    font-size: 13px;
    border-bottom: 1px solid var(--its-border);
}

.cd-part-line:last-child[b-96r52skyrr] { border-bottom: 0; }

.cd-part-line__label[b-96r52skyrr] { color: var(--its-text-2); }

.cd-part-line__val[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 20px;
    line-height: 1;
    color: var(--its-text);
    font-variant-numeric: tabular-nums lining-nums;
}

.cd-dot[b-96r52skyrr] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--its-border-strong);
}

.cd-dot--navy[b-96r52skyrr]    { background: var(--its-text); }
.cd-dot--gold[b-96r52skyrr]    { background: var(--its-gold); }
.cd-dot--success[b-96r52skyrr] { background: var(--its-success); }
.cd-dot--recall[b-96r52skyrr]  { background: var(--its-gold-deep); }
.cd-dot--rose[b-96r52skyrr]    { background: var(--its-danger); }

@media (max-width: 820px) {
    .cd-course-hero[b-96r52skyrr] { margin-left: 20px; margin-right: 20px; }
    .cd-course-hero-mark[b-96r52skyrr] { width: 88px; height: 88px; }
    .cd-course-hero-mark-hours[b-96r52skyrr] { font-size: 30px; }
    .cd-part-summary[b-96r52skyrr] { grid-template-columns: 1fr; gap: 18px; }
    .cd-part-hero[b-96r52skyrr] {
        padding-right: 0;
        border-right: 0;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--its-border);
    }
}

@media (max-width: 560px) {
    .cd-part-groups[b-96r52skyrr] { grid-template-columns: 1fr; }
}

/* Roster preview a 3 colonne (Salone / Partecipante / Stato) — non cliccabile */
.cd-part-list[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
}

.cd-part-list__head[b-96r52skyrr],
.cd-part-list__row[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 1fr 1fr 130px;
    gap: 10px;
    align-items: center;
    padding: 10px 4px;
    font-size: 12.5px;
    border-bottom: 1px solid var(--its-border);
}

.cd-part-list__head[b-96r52skyrr] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
}

.cd-part-list__row:last-child[b-96r52skyrr] {
    border-bottom: 0;
}


.cd-top-clienti[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cd-top-clienti__row[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 24px 32px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px 6px;
    border-bottom: 1px solid var(--its-border);
}

.cd-top-clienti__row:last-child[b-96r52skyrr] {
    border-bottom: 0;
}

.cd-top-clienti__rank[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 20px;
    color: var(--its-gold);
    text-align: center;
}

.cd-top-clienti__avatar[b-96r52skyrr] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.cd-top-clienti__body[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
}

.cd-top-clienti__name[b-96r52skyrr] {
    font-size: 13px;
    color: var(--its-text);
    font-weight: 500;
}

.cd-top-clienti__meta[b-96r52skyrr] {
    font-size: 11px;
    color: var(--its-text-muted);
}

.cd-top-clienti__amount[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 13px;
    color: var(--its-text);
}

/* ─── Percorsi correlati cards ────────────────── */
.cd-percorsi-grid[b-96r52skyrr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 16px;
}

.cd-path-card-head[b-96r52skyrr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.cd-path-card-code[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 10.5px;
    letter-spacing: .14em;
    color: var(--its-text-muted);
    font-weight: 600;
}

.cd-path-card-name[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin: 4px 0 0;
    letter-spacing: -.005em;
    color: var(--its-text);
}

.cd-path-card-desc[b-96r52skyrr] {
    font-size: 12.5px;
    color: var(--its-text-2);
    margin: 0 0 12px;
    line-height: 1.5;
}

.cd-path-mini-sequence[b-96r52skyrr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
}

.cd-pms-step[b-96r52skyrr] {
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 4px;
    background: var(--its-surface2);
}

.cd-pms-step.is-current[b-96r52skyrr] {
    background: var(--its-gold-soft);
}

.cd-pms-num[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--its-text-muted);
    text-align: center;
}

.cd-pms-step.is-current .cd-pms-num[b-96r52skyrr] {
    color: var(--its-gold-deep);
}

.cd-pms-name[b-96r52skyrr] {
    font-size: 12.5px;
    color: var(--its-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cd-pms-step.is-current .cd-pms-name[b-96r52skyrr] {
    font-weight: 600;
}

.cd-path-card-divider[b-96r52skyrr] {
    border: 0;
    border-top: 1px solid var(--its-border);
    margin: 14px 0;
}

.cd-path-card-row[b-96r52skyrr] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 4px;
}

.cd-path-card-row span:first-child[b-96r52skyrr] {
    color: var(--its-text-muted);
}

.cd-path-card-row strong[b-96r52skyrr] {
    color: var(--its-text);
    font-weight: 600;
}

/* ─── Standalone-only info card ───────────────── */
.cd-info-dashed[b-96r52skyrr] {
    background: var(--its-surface2);
    border: 1px dashed var(--its-border);
    border-radius: 8px;
    padding: 18px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.cd-info-dashed__icon[b-96r52skyrr] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--its-gold-soft);
    color: var(--its-gold-deep);
    display: grid;
    place-items: center;
    flex: none;
    font-family: var(--its-serif);
    font-weight: 600;
    font-size: 15px;
}

.cd-info-dashed__text[b-96r52skyrr] {
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--its-text-2);
}

.cd-percorsi-empty[b-96r52skyrr] {
    padding: 32px;
    text-align: center;
    color: var(--its-text-muted);
    font-size: 13px;
}

/* ─── Responsive ──────────────────────────────── */
@media (max-width: 1100px) {
    .cd-kpi-strip[b-96r52skyrr] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .cd-course-hero[b-96r52skyrr] { grid-template-columns: 1fr; }
    .cd-course-hero-prices[b-96r52skyrr] { padding-left: 0; }
    .cd-split[b-96r52skyrr] { grid-template-columns: 1fr; }
    .cd-split.cd-split--anagrafica[b-96r52skyrr] { grid-template-columns: 1fr; }
    .cd-hero-meta[b-96r52skyrr] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
    .cd-tabs-wrap[b-96r52skyrr] { margin: 0 20px; }
    .cd-tab-body[b-96r52skyrr]  { padding: 16px 20px 36px; }
    .cd-kpi[b-96r52skyrr] { padding: 14px 16px; }
}

@media (max-width: 640px) {
    .cd-kpi-strip[b-96r52skyrr] { grid-template-columns: 1fr; }
    .cd-tab-body[b-96r52skyrr]  { padding: 14px 16px 32px; }
    .cd-tabs-wrap[b-96r52skyrr] { margin: 0 16px; }
    .cd-hero-meta[b-96r52skyrr] { grid-template-columns: 1fr; }
}

/* ─── Giornate del corso (edit) ───────────────────────────────────── */

.cd-giornate-block[b-96r52skyrr] {
    border: 1px solid var(--its-border);
    border-radius: 10px;
    padding: 14px 18px 16px;
    background: var(--its-surface);
}

.cd-giornate-head[b-96r52skyrr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.cd-giornate-title[b-96r52skyrr] {
    font-family: var(--its-serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--its-text);
    line-height: 1.2;
}

.cd-giornate-sub[b-96r52skyrr] {
    font-size: 11.5px;
    letter-spacing: .03em;
    color: var(--its-text-muted);
    margin-top: 2px;
}

.cd-giornate-empty[b-96r52skyrr] {
    padding: 18px;
    text-align: center;
    color: var(--its-text-muted);
    font-size: 12.5px;
    border: 1px dashed var(--its-border);
    border-radius: 8px;
}

.cd-giornate-table[b-96r52skyrr] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.cd-giornate-table thead th[b-96r52skyrr] {
    text-align: left;
    font-size: 10.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
    padding: 6px 10px 10px;
    border-bottom: 1px solid var(--its-border);
}

.cd-giornate-table tbody td[b-96r52skyrr] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--its-border);
    vertical-align: middle;
}

.cd-giornate-table tbody tr:last-child td[b-96r52skyrr] {
    border-bottom: 0;
}

.cd-giornate-col-date[b-96r52skyrr] { width: 200px; }
.cd-giornate-col-time[b-96r52skyrr] { width: 170px; }
.cd-giornate-col-notes[b-96r52skyrr] { width: auto; }
.cd-giornate-col-actions[b-96r52skyrr] { width: 48px; text-align: right; }

.cd-giornate-date-label[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 12.5px;
    color: var(--its-text-2);
    text-transform: capitalize;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 720px) {
    .cd-giornate-table[b-96r52skyrr],
    .cd-giornate-table thead[b-96r52skyrr],
    .cd-giornate-table tbody[b-96r52skyrr],
    .cd-giornate-table tr[b-96r52skyrr],
    .cd-giornate-table td[b-96r52skyrr],
    .cd-giornate-table th[b-96r52skyrr] { display: block; }
    .cd-giornate-table thead[b-96r52skyrr] { display: none; }
    .cd-giornate-table tbody tr[b-96r52skyrr] {
        padding: 10px 0;
        border-bottom: 1px solid var(--its-border);
    }
    .cd-giornate-table tbody td[b-96r52skyrr] { border-bottom: 0; padding: 4px 0; }
    .cd-giornate-col-date[b-96r52skyrr],
    .cd-giornate-col-time[b-96r52skyrr],
    .cd-giornate-col-notes[b-96r52skyrr],
    .cd-giornate-col-actions[b-96r52skyrr] { width: auto; }
}

/* ─── Giornate del corso (view) ───────────────────────────────────── */

.cd-giornate-view-table[b-96r52skyrr] {
    width: 100%;
    border-collapse: collapse;
}

.cd-giornate-view-table thead th[b-96r52skyrr] {
    text-align: left;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
    padding: 4px 12px 8px;
    border-bottom: 1px solid var(--its-border);
}

.cd-giornate-view-table tbody td[b-96r52skyrr] {
    padding: 9px 12px;
    border-bottom: 1px solid var(--its-border);
    font-size: 12.5px;
    color: var(--its-text-2);
    vertical-align: middle;
}

.cd-giornate-view-table tbody tr:last-child td[b-96r52skyrr] { border-bottom: 0; }

.cd-giornate-view-num[b-96r52skyrr] {
    font-family: var(--its-mono);
    font-size: 11px;
    color: var(--its-gold-deep);
    font-weight: 600;
    width: 36px;
}

.cd-giornate-view-time[b-96r52skyrr] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--its-text);
    width: 80px;
}

.cd-giornate-view-notes[b-96r52skyrr] {
    color: var(--its-text-dim);
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Catalog/Corsi/CorsoList.razor.rz.scp.css */
/* ── Stat grid (stile ProductList) ─────────────────── */
.pl-stat-grid[b-bn9l7eofjo] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.pl-stat[b-bn9l7eofjo] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.pl-stat[b-bn9l7eofjo]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--its-gold);
    opacity: 0;
    transition: opacity .18s ease;
}

.pl-stat:hover[b-bn9l7eofjo]::before { opacity: 1; }

.pl-stat__label[b-bn9l7eofjo] {
    font-size: 10.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--its-text-muted);
    margin-bottom: 6px;
}

.pl-stat__value[b-bn9l7eofjo] {
    font-family: var(--its-serif);
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.015em;
    color: var(--its-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.pl-stat__value--muted[b-bn9l7eofjo] {
    color: var(--its-text-dim);
    font-size: 26px;
}

.pl-stat__value sup[b-bn9l7eofjo] {
    font-family: var(--its-sans);
    font-size: .42em;
    color: var(--its-text-dim);
    vertical-align: super;
    margin-left: 2px;
}

/* ── Name cell ──────────────────────────────────────── */
.el-name-cell[b-bn9l7eofjo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.el-avatar[b-bn9l7eofjo] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    font-family: var(--its-mono);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.el-name-body[b-bn9l7eofjo] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.el-fullname[b-bn9l7eofjo] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.el-id[b-bn9l7eofjo] {
    font-size: 11px;
    color: var(--its-text-muted);
    font-family: var(--its-mono);
}

/* ── Misc cells ─────────────────────────────────────── */
.el-date[b-bn9l7eofjo] {
    font-size: 13px;
    color: var(--its-text-muted);
}

.el-empty[b-bn9l7eofjo] {
    color: var(--its-text-muted);
    opacity: .5;
}

.el-price[b-bn9l7eofjo] {
    font-weight: 600;
    font-size: 13.5px;
    font-family: var(--its-mono);
    color: var(--its-text);
}

/* ── Actions ────────────────────────────────────────── */
.el-row-actions[b-bn9l7eofjo] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Bottone "gestione partecipanti" → oro (MudBlazor: forza color + fill sull'SVG) */
[b-bn9l7eofjo] .cl-part-btn { color: var(--its-gold-deep); }
[b-bn9l7eofjo] .cl-part-btn .mud-icon-root { color: var(--its-gold-deep); fill: var(--its-gold-deep); }

/* ── Empty / loading states ─────────────────────────── */
.el-empty-state[b-bn9l7eofjo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px 24px;
    color: var(--its-text-muted);
}

.el-empty-title[b-bn9l7eofjo] {
    font-family: var(--its-serif);
    font-size: 18px;
    color: var(--its-text);
}

.el-empty-sub[b-bn9l7eofjo] {
    font-size: 13px;
}

.el-loading[b-bn9l7eofjo] {
    padding: 32px;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .pl-stat-grid[b-bn9l7eofjo] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Catalog/Percorsi/PercorsoDetail.razor.rz.scp.css */
/* ─── Tabs wrap ─────────────────────────────── */
.ptd-tabs-wrap[b-i9gzl0w427] {
    margin: 0 40px;
}

/* ─── Tab body ──────────────────────────────── */
.ptd-tab-body[b-i9gzl0w427] {
    padding: 22px 40px 52px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ─── Page header divider ───────────────────── */
.sd-ph-divider[b-i9gzl0w427] {
    margin: 0 8px;
    color: var(--its-text-muted);
}

/* ─── Path hero (3-col) ─────────────────────── */
.path-hero[b-i9gzl0w427] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 28px;
    padding: 30px 40px 28px;
    background: var(--its-surface);
    margin: 20px 40px;
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
}

.path-hero-mark[b-i9gzl0w427] {
    position: relative;
    min-width: 220px;
    background: var(--its-mark-gradient);
    color: #fff;
    border-radius: var(--its-radius);
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
}

.path-hero-mark__pips[b-i9gzl0w427] {
    display: flex;
    gap: 4px;
    margin-bottom: 14px;
}

.path-hero-mark__eyebrow[b-i9gzl0w427] {
    font-family: var(--its-mono);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .14em;
    color: rgba(255, 255, 255, 0.55);
}

.path-hero-mark__total[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 56px;
    line-height: 1;
    margin-top: 12px;
    font-weight: 400;
    color: var(--its-gold);
}

.path-hero-mark__total small[b-i9gzl0w427] {
    font-size: 18px;
    opacity: .7;
    margin-left: 4px;
}

.path-hero-mark__cats[b-i9gzl0w427] {
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 12px;
    line-height: 1.4;
}

.path-hero-body[b-i9gzl0w427] {
    min-width: 0;
    z-index: 1;
}

.path-hero-body__tags[b-i9gzl0w427] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.path-hero-body__name[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 8px;
    letter-spacing: -.005em;
    color: var(--its-text);
    line-height: 1.18;
}

.path-hero-body__desc[b-i9gzl0w427] {
    font-size: 13px;
    color: var(--its-text-muted);
    max-width: 60ch;
    margin: 0 0 18px;
    line-height: 1.5;
}

.path-hero-meta[b-i9gzl0w427] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 28px;
    align-items: start;
}

.path-hero-meta > div[b-i9gzl0w427] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.path-hero-meta strong[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 30px;
    font-weight: 500;
    color: var(--its-text);
    line-height: 1;
}

.path-hero-prices[b-i9gzl0w427] {
    min-width: 220px;
    border-left: 1px solid var(--its-border);
    padding-left: 24px;
    z-index: 1;
}

.path-hero-prices__net[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
    margin-top: 4px;
    color: var(--its-text);
}

.path-hero-prices__vat[b-i9gzl0w427] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 6px;
}

.path-hero-prices__saving[b-i9gzl0w427] {
    border-top: 1px solid var(--its-border);
    margin-top: 16px;
    padding-top: 14px;
}

.path-hero-prices__saving-amount[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 22px;
    color: var(--its-gold-deep);
    font-weight: 500;
    margin-top: 4px;
    line-height: 1;
}

.path-hero-prices__saving-pct[b-i9gzl0w427] {
    font-size: 11px;
    color: var(--its-text-muted);
    margin-top: 4px;
}

/* ─── KPI strip ──────────────────────────────── */
.path-kpi-strip[b-i9gzl0w427] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 22px 40px 4px;
}

/* ─── Split layout (2fr + 1fr) ──────────────── */
.ptd-split[b-i9gzl0w427] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: start;
}

.path-savings-split[b-i9gzl0w427] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

/* ─── Right stack ────────────────────────────── */
.ptd-right-stack[b-i9gzl0w427] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ─── KV helpers ─────────────────────────────── */
.ptd-kv-strong[b-i9gzl0w427] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.ptd-mono[b-i9gzl0w427] {
    font-family: var(--its-mono);
    font-size: 12.5px;
    color: var(--its-text-dim);
}

.ptd-cat-name[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 22px;
    font-weight: 400;
    color: var(--its-text);
    line-height: 1.2;
}

.ptd-cat-name--empty[b-i9gzl0w427] {
    color: var(--its-text-muted);
    font-style: italic;
    font-size: 14px;
}

.ptd-price-block[b-i9gzl0w427] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
}

.ptd-price-block__amount[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    color: var(--its-text);
}

.ptd-price-block__vat[b-i9gzl0w427] {
    text-align: right;
}

.ptd-price-block__vat-amount[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 18px;
    color: var(--its-text-muted);
    margin-top: 2px;
}

/* ─── Add course form / pending courses ──────── */
.ptd-add-course-form[b-i9gzl0w427] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--its-bg-sunk);
    border: 1px solid var(--its-border);
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.ptd-course-list[b-i9gzl0w427] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ptd-course-row[b-i9gzl0w427] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--its-border);
}

.ptd-course-order[b-i9gzl0w427] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--its-bg-sunk);
    border: 1px solid var(--its-border);
    font-size: 11px;
    font-weight: 700;
    font-family: var(--its-mono);
    color: var(--its-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ptd-course-info[b-i9gzl0w427] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ptd-course-name[b-i9gzl0w427] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ptd-course-code[b-i9gzl0w427] {
    font-family: var(--its-mono);
    font-size: 11px;
    color: var(--its-text-muted);
}

.ptd-course-actions[b-i9gzl0w427] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
}

/* ─── Course picker (cards selezionabili) ──── */
.path-picker[b-i9gzl0w427] {
    background: var(--its-bg-sunk);
    border: 1px solid var(--its-border);
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.path-picker__head[b-i9gzl0w427] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.path-picker__title[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--its-text);
    margin-top: 2px;
}

.path-picker__search[b-i9gzl0w427] {
    max-width: 360px;
}

.path-picker__empty[b-i9gzl0w427] {
    padding: 18px;
    text-align: center;
    color: var(--its-text-muted);
    font-size: 13px;
    background: var(--its-surface);
    border: 1px dashed var(--its-border);
    border-radius: 8px;
}

.path-picker__grid[b-i9gzl0w427] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}

.path-picker__card[b-i9gzl0w427] {
    text-align: left;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 10px;
    padding: 14px 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: inherit;
    color: inherit;
    transition: border-color .15s, box-shadow .15s, transform .12s;
    position: relative;
    overflow: hidden;
}

.path-picker__card[b-i9gzl0w427]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--cc, var(--its-gold));
    opacity: .8;
}

.path-picker__card:hover:not(:disabled)[b-i9gzl0w427] {
    border-color: var(--its-gold);
    box-shadow: 0 4px 18px -10px rgba(26, 34, 56, 0.18);
    transform: translateY(-1px);
}

.path-picker__card:disabled[b-i9gzl0w427] {
    cursor: progress;
    opacity: .6;
}

.path-picker__card--pending[b-i9gzl0w427] {
    border-color: var(--its-gold);
}

.path-picker__card-h[b-i9gzl0w427] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.path-picker__card-name[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--its-text);
    letter-spacing: -.005em;
}

.path-picker__card-meta[b-i9gzl0w427] {
    font-size: 11.5px;
    color: var(--its-text-muted);
}

.path-picker__card-foot[b-i9gzl0w427] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--its-border);
    margin-top: 4px;
}

.path-picker__price[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 20px;
    font-weight: 400;
    color: var(--its-text);
}

.path-picker__add[b-i9gzl0w427] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--its-gold-deep);
    text-transform: uppercase;
}

/* ─── Roadmap (sequenza corsi) ──────────────── */
.path-roadmap[b-i9gzl0w427] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.roadmap-step[b-i9gzl0w427] {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 14px;
    align-items: stretch;
}

.roadmap-rail[b-i9gzl0w427] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 14px;
}

.roadmap-num[b-i9gzl0w427] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--cc, var(--its-gold));
    color: #fff;
    font-family: var(--its-mono);
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.roadmap-line[b-i9gzl0w427] {
    flex: 1;
    width: 1px;
    background: var(--its-border);
    margin-top: 4px;
    margin-bottom: 4px;
}

.roadmap-card[b-i9gzl0w427] {
    position: relative;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 10px;
    padding: 16px 18px 14px;
    margin-bottom: 14px;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}

.roadmap-card:hover[b-i9gzl0w427] {
    border-color: var(--its-gold);
    box-shadow: 0 4px 18px -10px rgba(26, 34, 56, 0.18);
}

.roadmap-card__head[b-i9gzl0w427] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.roadmap-card__head-left[b-i9gzl0w427] {
    flex: 1;
    min-width: 0;
}

.roadmap-card__chips[b-i9gzl0w427] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.roadmap-card__name[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    color: var(--its-text);
    letter-spacing: -.005em;
}

.roadmap-card__price[b-i9gzl0w427] {
    text-align: right;
    flex-shrink: 0;
    font-family: var(--its-serif);
    font-size: 22px;
    font-weight: 400;
    color: var(--its-text);
}

.roadmap-card__price > div[b-i9gzl0w427] {
    line-height: 1;
    margin-top: 2px;
}

.roadmap-meta[b-i9gzl0w427] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding-top: 10px;
    border-top: 1px solid var(--its-border);
}

.roadmap-meta > div[b-i9gzl0w427] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.roadmap-meta strong[b-i9gzl0w427] {
    font-size: 13px;
    font-weight: 600;
    color: var(--its-text);
}

.roadmap-card__actions[b-i9gzl0w427] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 2px;
    background: var(--its-surface);
    border-radius: 6px;
    opacity: 0;
    transition: opacity .15s;
}

.roadmap-card:hover .roadmap-card__actions[b-i9gzl0w427] {
    opacity: 1;
}

/* ─── Confronto prezzi (Tab Listino) ─────────── */
.path-compare-table[b-i9gzl0w427] {
    width: 100%;
    border-collapse: collapse;
}

.path-compare-table th[b-i9gzl0w427],
.path-compare-table td[b-i9gzl0w427] {
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid var(--its-border);
    font-size: 13px;
    color: var(--its-text);
}

.path-compare-table th[b-i9gzl0w427] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    background: var(--its-bg);
}

.path-compare-table__num[b-i9gzl0w427] { text-align: right; }

.path-compare-table__name[b-i9gzl0w427] {
    font-weight: 600;
}

.path-compare-table__sub[b-i9gzl0w427] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 2px;
}

.path-compare-table__sum-row[b-i9gzl0w427] {
    background: var(--its-bg);
}

.path-compare-table__saving-row[b-i9gzl0w427] {
    color: var(--its-gold-deep);
}

/* ─── Listino netto block ────────────────────── */
.path-net-block[b-i9gzl0w427] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
}

.path-net-block__amount[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 44px;
    font-weight: 400;
    line-height: 1;
    color: var(--its-text);
}

.path-net-block__vat[b-i9gzl0w427] {
    text-align: right;
}

.path-net-block__vat-amount[b-i9gzl0w427] {
    font-family: var(--its-serif);
    font-size: 22px;
    color: var(--its-text-muted);
    margin-top: 4px;
}

/* ─── Composition per category ───────────────── */
.path-comp[b-i9gzl0w427] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.path-comp__row-h[b-i9gzl0w427] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-bottom: 6px;
}

.path-comp__row-h strong[b-i9gzl0w427] {
    color: var(--its-text);
    font-weight: 600;
}

.path-comp__bar[b-i9gzl0w427] {
    height: 6px;
    border-radius: 3px;
    background: var(--its-bg-sunk);
    overflow: hidden;
}

.path-comp__bar > span[b-i9gzl0w427] {
    display: block;
    height: 100%;
    background: var(--cc, var(--its-gold));
    transition: width .3s;
}

/* ─── Listini & promozioni table ─────────────── */
.path-listini-table[b-i9gzl0w427] {
    width: 100%;
    border-collapse: collapse;
}

.path-listini-table th[b-i9gzl0w427],
.path-listini-table td[b-i9gzl0w427] {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid var(--its-border);
    font-size: 13px;
    color: var(--its-text);
}

.path-listini-table th[b-i9gzl0w427] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    background: var(--its-bg);
}

.path-listini-table__num[b-i9gzl0w427] { text-align: right; }

.path-listini-table__sub[b-i9gzl0w427] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 2px;
}

.path-listini-table__row--inactive[b-i9gzl0w427] {
    opacity: .55;
}

.el-loading[b-i9gzl0w427] {
    padding: 32px;
    display: flex;
    justify-content: center;
}

/* ─── Promozioni form ────────────────────────── */
.ptd-promo-form[b-i9gzl0w427] {
    background: var(--its-bg-sunk);
    border: 1px solid var(--its-border);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
}

.ptd-promo-form-actions[b-i9gzl0w427] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

/* ─── Responsive ─────────────────────────────── */
@media (max-width: 1100px) {
    .path-hero[b-i9gzl0w427] {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .path-hero-prices[b-i9gzl0w427] {
        border-left: none;
        border-top: 1px solid var(--its-border);
        padding-left: 0;
        padding-top: 18px;
    }
    .path-hero-mark[b-i9gzl0w427] { min-width: 0; }
    .path-kpi-strip[b-i9gzl0w427] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
    .ptd-split[b-i9gzl0w427] { grid-template-columns: 1fr; }
    .path-savings-split[b-i9gzl0w427] { grid-template-columns: 1fr; }
    .roadmap-meta[b-i9gzl0w427] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
    .ptd-tabs-wrap[b-i9gzl0w427] { margin: 0 20px; }
    .ptd-tab-body[b-i9gzl0w427]  { padding: 16px 20px 36px; }
    .path-hero[b-i9gzl0w427] { padding: 20px 20px 22px; }
    .path-kpi-strip[b-i9gzl0w427] { padding: 16px 20px 0; }
    .path-hero-meta[b-i9gzl0w427] { grid-template-columns: 1fr 1fr; gap: 16px; }
}

@media (max-width: 640px) {
    .ptd-tab-body[b-i9gzl0w427]  { padding: 14px 16px 32px; }
    .ptd-tabs-wrap[b-i9gzl0w427] { margin: 0 16px; }
    .path-kpi-strip[b-i9gzl0w427] { grid-template-columns: 1fr; padding: 14px 16px 0; }
    .roadmap-step[b-i9gzl0w427] { grid-template-columns: 36px 1fr; }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Catalog/Percorsi/PercorsoList.razor.rz.scp.css */
/* ── Filterbar segmented + view toggle ──────────────── */
.pl-segmented[b-65d45x4ija] {
    display: inline-flex;
    border: 1px solid var(--its-border);
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.pl-segmented__btn[b-65d45x4ija] {
    background: var(--its-surface);
    border: none;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 500;
    color: var(--its-text-muted);
    cursor: pointer;
    transition: background-color .15s, color .15s;
    border-right: 1px solid var(--its-border);
    white-space: nowrap;
}

.pl-segmented__btn:last-child[b-65d45x4ija] { border-right: none; }
.pl-segmented__btn:hover[b-65d45x4ija] { color: var(--its-text); }

.pl-segmented__btn--active[b-65d45x4ija] {
    background: var(--its-text);
    color: var(--its-gold);
}

.pl-segmented__btn--active:hover[b-65d45x4ija] { color: var(--its-bg); }

.pl-counter[b-65d45x4ija] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    flex-shrink: 0;
    white-space: nowrap;
}

.pl-vw-toggle[b-65d45x4ija] {
    display: inline-flex;
    border: 1px solid var(--its-border);
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.pl-vw-toggle__btn[b-65d45x4ija] {
    background: var(--its-surface);
    border: none;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    color: var(--its-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-right: 1px solid var(--its-border);
    white-space: nowrap;
}

.pl-vw-toggle__btn:last-child[b-65d45x4ija] { border-right: none; }
.pl-vw-toggle__btn:hover[b-65d45x4ija] { color: var(--its-text); }

.pl-vw-toggle__btn--active[b-65d45x4ija] {
    background: var(--its-text);
    color: var(--its-gold);
}

.pl-vw-toggle__btn--active:hover[b-65d45x4ija] { color: var(--its-bg); }

/* ── Path cards grid ───────────────────────────────── */
.path-card-grid[b-65d45x4ija] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    gap: 18px;
    padding: 18px 20px 24px;
}

.path-card[b-65d45x4ija] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.path-card:hover[b-65d45x4ija] {
    border-color: var(--its-gold);
    box-shadow: 0 6px 24px -12px rgba(26, 34, 56, 0.18);
    transform: translateY(-1px);
}

.path-card__head[b-65d45x4ija] {
    position: relative;
    padding: 22px 22px 18px;
    border-bottom: 1px solid var(--its-border);
}

.path-card__pips[b-65d45x4ija] {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
}

.path-card__code[b-65d45x4ija] {
    font-family: var(--its-mono);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-text-muted);
}

.path-card__name[b-65d45x4ija] {
    font-family: var(--its-serif);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.18;
    margin: 6px 0 4px;
    letter-spacing: -.005em;
    color: var(--its-text);
}

.path-card__desc[b-65d45x4ija] {
    font-size: 12.5px;
    color: var(--its-text-muted);
    line-height: 1.45;
}

.path-card__status[b-65d45x4ija] {
    position: absolute;
    top: 18px;
    right: 18px;
}

.path-card__body[b-65d45x4ija] {
    padding: 18px 22px 16px;
    flex: 1;
}

.path-steps-eyebrow[b-65d45x4ija] {
    font-size: 10.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
    margin-bottom: 12px;
}

.path-card__empty[b-65d45x4ija] {
    font-size: 12.5px;
    color: var(--its-text-muted);
    font-style: italic;
}

.path-steps[b-65d45x4ija] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.path-step[b-65d45x4ija] {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding-left: 0;
}

.path-step-num[b-65d45x4ija] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--cc, var(--its-gold));
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--its-mono);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.path-step-line[b-65d45x4ija] {
    position: absolute;
    left: 11.5px;
    top: 24px;
    bottom: -8px;
    width: 1px;
    background: var(--its-border);
}

.path-step-body[b-65d45x4ija] {
    min-width: 0;
    flex: 1;
    padding-top: 2px;
}

.path-step__name[b-65d45x4ija] {
    font-weight: 500;
    font-size: 13px;
    color: var(--its-text);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.path-step__cat[b-65d45x4ija] {
    font-size: 11px;
    color: var(--its-text-muted);
    margin-top: 1px;
}

.path-card__foot[b-65d45x4ija] {
    padding: 14px 22px 18px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    border-top: 1px solid var(--its-border);
    background: var(--its-bg);
}

.path-card__price[b-65d45x4ija] {
    font-family: var(--its-serif);
    font-size: 28px;
    line-height: 1;
    margin-top: 4px;
    color: var(--its-text);
}

.path-card__counts[b-65d45x4ija] {
    text-align: right;
    font-size: 11.5px;
    color: var(--its-text-muted);
    font-weight: 500;
}

/* ── Name cell (used by Table view) ─────────────────── */
.el-name-cell[b-65d45x4ija] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.el-avatar[b-65d45x4ija] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    font-family: var(--its-mono);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.el-name-body[b-65d45x4ija] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.el-fullname[b-65d45x4ija] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.el-id[b-65d45x4ija] {
    font-size: 11px;
    color: var(--its-text-muted);
    font-family: var(--its-mono);
}

.el-date[b-65d45x4ija] { font-size: 13px; color: var(--its-text-muted); }
.el-empty[b-65d45x4ija] { color: var(--its-text-muted); opacity: .5; }

.el-price[b-65d45x4ija] {
    font-weight: 600;
    font-size: 13.5px;
    font-family: var(--its-mono);
    color: var(--its-text);
}

.el-row-actions[b-65d45x4ija] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.el-empty-state[b-65d45x4ija] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px 24px;
    color: var(--its-text-muted);
}

.el-empty-title[b-65d45x4ija] {
    font-family: var(--its-serif);
    font-size: 18px;
    color: var(--its-text);
}

.el-empty-sub[b-65d45x4ija] { font-size: 13px; }

.el-loading[b-65d45x4ija] {
    padding: 32px;
    display: flex;
    justify-content: center;
}

@media (max-width: 1100px) {
    .path-card-grid[b-65d45x4ija] { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .pl-counter[b-65d45x4ija] { display: none; }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Catalog/Prodotti/ProdottoDetail.razor.rz.scp.css */
/* ── Loading ── */
.pd-loading[b-wnyh8s75vz] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px;
}

/* ── Tabs wrap ── */
.pd-tabs-wrap[b-wnyh8s75vz] {
    margin: 0 40px;
}

/* ── Tab body ── */
.pd-tab-body[b-wnyh8s75vz] {
    padding: 22px 40px 52px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── SKU label in subtitle ── */
.pd-sku-label[b-wnyh8s75vz] {
    font-family: var(--its-mono);
    font-size: 12px;
    letter-spacing: .08em;
    color: var(--its-text-muted);
}

.pd-sku-badge[b-wnyh8s75vz] {
    font-family: var(--its-mono);
    font-size: 11px;
    letter-spacing: .06em;
}

/* ── Brand mark (avatar) ── */
.pd-brand-mark[b-wnyh8s75vz] {
    display: grid;
    place-items: center;
}

.pd-brand-mark span[b-wnyh8s75vz] {
    font-family: var(--its-serif);
    font-size: 26px;
    font-weight: 500;
    color: var(--its-gold);
    letter-spacing: .02em;
}

/* ── Price display (view mode) ── */
.pd-price-display[b-wnyh8s75vz] {
    display: flex;
    gap: 28px;
    align-items: flex-end;
    padding: 16px 0;
}

.pd-price-label[b-wnyh8s75vz] {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    color: var(--its-text-muted);
    margin-bottom: 4px;
}

.pd-price-value[b-wnyh8s75vz] {
    font-family: var(--its-serif);
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    color: var(--its-text);
}

.pd-price-value--muted[b-wnyh8s75vz] {
    font-size: 24px;
    color: var(--its-text-muted);
}

.pd-price-divider[b-wnyh8s75vz] {
    border-left: 1px solid var(--its-border);
    padding-left: 28px;
}

/* ── Mono labels ── */
.pd-mono[b-wnyh8s75vz] {
    font-family: var(--its-mono);
    font-size: 12.5px;
    letter-spacing: .04em;
}

/* ── Description block ── */
.pd-description-block[b-wnyh8s75vz] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--its-border);
}

.pd-description-label[b-wnyh8s75vz] {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    color: var(--its-text-muted);
    margin-bottom: 6px;
}

.pd-description-text[b-wnyh8s75vz] {
    font-size: 13.5px;
    color: var(--its-text);
    line-height: 1.6;
    margin: 0;
}

/* ── Split layout (tab view) ── */
.pd-split[b-wnyh8s75vz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* ── Images empty / promo empty ── */
.pd-images-empty[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 40px;
    color: var(--its-text-muted);
    font-size: 13.5px;
}

/* ── Promozioni ── */
.pd-promo-form[b-wnyh8s75vz] {
    background: var(--its-surface2);
    border: 1px solid var(--its-border);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
}

.pd-promo-form-actions[b-wnyh8s75vz] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.pd-promo-list[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.pd-promo-item[b-wnyh8s75vz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--its-border);
}

.pd-promo-item--inactive[b-wnyh8s75vz] {
    opacity: .6;
}

.pd-promo-item__left[b-wnyh8s75vz] {
    flex: 1;
    min-width: 0;
}

.pd-promo-item__name[b-wnyh8s75vz] {
    font-weight: 500;
    font-size: 13.5px;
    color: var(--its-text);
}

.pd-promo-item__desc[b-wnyh8s75vz] {
    font-size: 12px;
    color: var(--its-text-muted);
    margin-top: 2px;
}

.pd-promo-item__dates[b-wnyh8s75vz] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 4px;
}

.pd-promo-item__right[b-wnyh8s75vz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.pd-promo-item__discount[b-wnyh8s75vz] {
    font-weight: 700;
    font-size: 14px;
    color: var(--its-gold-deep);
}

.pd-promo-item__price[b-wnyh8s75vz] {
    font-family: var(--its-mono);
    font-size: 13px;
    color: var(--its-text);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .pd-split[b-wnyh8s75vz] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .pd-tabs-wrap[b-wnyh8s75vz] { margin: 0 20px; }
    .pd-tab-body[b-wnyh8s75vz]  { padding: 16px 20px 36px; }
    .pd-product-hero[b-wnyh8s75vz] { margin: 16px 20px; padding: 20px; }
    .pd-product-hero .sd-avatar-xl[b-wnyh8s75vz],
    .pd-product-hero .sd-avatar-xl--photo[b-wnyh8s75vz] { width: 88px; height: 88px; }
    .pd-product-hero .pd-brand-mark span[b-wnyh8s75vz] { font-size: 32px; }
}

@media (max-width: 640px) {
    .pd-tab-body[b-wnyh8s75vz]  { padding: 14px 16px 32px; }
    .pd-tabs-wrap[b-wnyh8s75vz] { margin: 0 16px; }
}

/* ── Hero (view mode) ── */
.pd-product-hero[b-wnyh8s75vz] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 28px;
    align-items: center;
    padding: 26px 30px;
    background: var(--its-surface);
    margin: 20px 40px;
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    position: relative;
    overflow: hidden;
}

/* Prodotto = "cosa" → mark quadrato 116px con gradient uniforme */
.pd-product-hero .sd-avatar-xl[b-wnyh8s75vz] {
    flex: none;
    z-index: 1;
    width: 116px;
    height: 116px;
    border-radius: var(--its-radius);
    background: var(--its-mark-gradient);
}

.pd-product-hero .sd-avatar-xl--photo[b-wnyh8s75vz] {
    width: 116px;
    height: 116px;
    border-radius: var(--its-radius);
}

.pd-product-hero .pd-brand-mark span[b-wnyh8s75vz] { font-size: 40px; }

.pd-hero-body[b-wnyh8s75vz] {
    min-width: 0;
}

.pd-hero-tags[b-wnyh8s75vz] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.pd-hero-name[b-wnyh8s75vz] {
    font-family: var(--its-serif);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -.005em;
    margin: 0 0 6px;
    color: var(--its-text);
    line-height: 1.1;
}

.pd-hero-desc[b-wnyh8s75vz] {
    font-size: 13px;
    color: var(--its-text-2);
    max-width: 60ch;
    margin: 0;
    line-height: 1.5;
}

.pd-product-hero-prices[b-wnyh8s75vz] {
    display: flex;
    gap: 22px;
    align-items: center;
    flex: none;
    padding-left: 6px;
}

.pd-hero-price-label[b-wnyh8s75vz] {
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--its-text-muted);
}

.pd-hero-price-value[b-wnyh8s75vz] {
    font-family: var(--its-serif);
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    margin-top: 4px;
    color: var(--its-text);
}

.pd-hero-price-value--muted[b-wnyh8s75vz] {
    font-size: 22px;
    color: var(--its-text-dim);
}

.pd-hero-price-divider[b-wnyh8s75vz] {
    border-left: 1px solid var(--its-border);
    padding-left: 22px;
}

@media (max-width: 900px) {
    .pd-product-hero[b-wnyh8s75vz] { grid-template-columns: 1fr; }
    .pd-product-hero-prices[b-wnyh8s75vz] { padding-left: 0; }
}

/* ── Split variant for Panoramica (2fr 1fr) ── */
.pd-split.pd-split--anagrafica[b-wnyh8s75vz] {
    grid-template-columns: 2fr 1fr;
}

@media (max-width: 900px) {
    .pd-split.pd-split--anagrafica[b-wnyh8s75vz] { grid-template-columns: 1fr; }
}

/* ── Coming soon placeholder ── */
.pd-coming-soon[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 24px 12px 8px;
    text-align: center;
}

.pd-coming-soon__msg[b-wnyh8s75vz] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--its-gold-deep);
}

.pd-coming-soon__hint[b-wnyh8s75vz] {
    font-size: 12.5px;
    color: var(--its-text-muted);
    max-width: 36ch;
    line-height: 1.5;
}

/* faint bars (decorative) */
.pd-faint-bars[b-wnyh8s75vz] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: end;
    gap: 8px;
    width: 100%;
    height: 90px;
    opacity: .35;
}

.pd-faint-bars span[b-wnyh8s75vz] {
    background: linear-gradient(180deg, var(--its-gold-soft), var(--its-border));
    border-radius: 3px 3px 0 0;
}

/* faint list (decorative) */
.pd-faint-list[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    opacity: .35;
}

.pd-faint-list span[b-wnyh8s75vz] {
    height: 12px;
    background: var(--its-border);
    border-radius: 2px;
}

.pd-faint-list span:nth-child(1)[b-wnyh8s75vz] { width: 78%; }
.pd-faint-list span:nth-child(2)[b-wnyh8s75vz] { width: 62%; }
.pd-faint-list span:nth-child(3)[b-wnyh8s75vz] { width: 50%; }
.pd-faint-list span:nth-child(4)[b-wnyh8s75vz] { width: 38%; }

/* ─── Vendite (live) ─────────────────────────── */
.pd-vendite-kpi[b-wnyh8s75vz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 4px 0 16px;
    border-bottom: 1px solid var(--its-border);
    margin-bottom: 14px;
}

.pd-vendite-kpi__item[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pd-vendite-kpi__label[b-wnyh8s75vz] {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 600;
    color: var(--its-text-muted);
}

.pd-vendite-kpi__value[b-wnyh8s75vz] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.015em;
    color: var(--its-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.pd-vendite-list[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
}

.pd-vendite-list__head[b-wnyh8s75vz],
.pd-vendite-list__row[b-wnyh8s75vz] {
    display: grid;
    grid-template-columns: 90px 1fr 110px 130px;
    gap: 10px;
    align-items: center;
    padding: 10px 4px;
    font-size: 12.5px;
}

.pd-vendite-list__head[b-wnyh8s75vz] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    border-bottom: 1px solid var(--its-border);
}

.pd-vendite-list__row[b-wnyh8s75vz] {
    border-bottom: 1px solid var(--its-border);
    cursor: pointer;
    transition: background .12s ease;
}

.pd-vendite-list__row:hover[b-wnyh8s75vz] {
    background: var(--its-surface);
}

.pd-vendite-list__row:last-child[b-wnyh8s75vz] {
    border-bottom: 0;
}

.pd-vendite-list__more[b-wnyh8s75vz] {
    text-align: center;
    font-size: 11.5px;
    color: var(--its-text-muted);
    padding: 10px 0 4px;
}

.ta-right[b-wnyh8s75vz] { text-align: right; }

/* Top clienti */
.pd-top-clienti[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pd-top-clienti__row[b-wnyh8s75vz] {
    display: grid;
    grid-template-columns: 24px 32px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px 6px;
    border-bottom: 1px solid var(--its-border);
}

.pd-top-clienti__row:last-child[b-wnyh8s75vz] {
    border-bottom: 0;
}

.pd-top-clienti__rank[b-wnyh8s75vz] {
    font-family: var(--its-serif);
    font-size: 20px;
    color: var(--its-gold);
    text-align: center;
}

.pd-top-clienti__avatar[b-wnyh8s75vz] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.pd-top-clienti__body[b-wnyh8s75vz] {
    display: flex;
    flex-direction: column;
}

.pd-top-clienti__name[b-wnyh8s75vz] {
    font-size: 13px;
    color: var(--its-text);
    font-weight: 500;
}

.pd-top-clienti__meta[b-wnyh8s75vz] {
    font-size: 11px;
    color: var(--its-text-muted);
}

.pd-top-clienti__amount[b-wnyh8s75vz] {
    font-family: var(--its-mono);
    font-size: 13px;
    color: var(--its-text);
}

/* ── Listini & sconti table ── */
.pd-listini-table-wrap[b-wnyh8s75vz] {
    overflow-x: auto;
    margin: 0 -8px;
}

.pd-listini-table[b-wnyh8s75vz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}

.pd-listini-table thead th[b-wnyh8s75vz] {
    text-align: left;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    padding: 12px 14px;
    border-bottom: 1px solid var(--its-border);
    background: var(--its-bg);
    white-space: nowrap;
}

.pd-listini-table tbody td[b-wnyh8s75vz] {
    padding: 13px 14px;
    border-bottom: 1px solid var(--its-border);
    vertical-align: middle;
    color: var(--its-text);
}

.pd-listini-table tbody tr:last-child td[b-wnyh8s75vz] {
    border-bottom: 0;
}

.pd-listini-table tbody tr:hover td[b-wnyh8s75vz] {
    background: var(--its-surface2);
}

.pd-listini-table .pd-num[b-wnyh8s75vz] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.pd-listini-table .pd-strong[b-wnyh8s75vz] {
    font-weight: 550;
}

.pd-listini-table .pd-muted[b-wnyh8s75vz] {
    color: var(--its-text-dim);
}

.pd-listini-table .pd-discount[b-wnyh8s75vz] {
    color: var(--its-gold-deep);
    font-weight: 600;
}

.pd-listini-table .pd-actions[b-wnyh8s75vz] {
    width: 40px;
    text-align: right;
}

.pd-listini-table .pd-row--inactive td[b-wnyh8s75vz] {
    opacity: .55;
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Catalog/Prodotti/ProdottoList.razor.rz.scp.css */
/* ── Stat grid ── */
.pl-stat-grid[b-nipt391dwt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.pl-stat[b-nipt391dwt] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.pl-stat[b-nipt391dwt]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--its-gold);
    opacity: 0;
    transition: opacity .18s ease;
}

.pl-stat:hover[b-nipt391dwt]::before { opacity: 1; }

.pl-stat__label[b-nipt391dwt] {
    font-size: 10.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--its-text-muted);
    margin-bottom: 6px;
}

.pl-stat__value[b-nipt391dwt] {
    font-family: var(--its-serif);
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.015em;
    color: var(--its-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.pl-stat__value sup[b-nipt391dwt] {
    font-family: var(--its-sans);
    font-size: .42em;
    color: var(--its-text-dim);
    vertical-align: super;
    margin-left: 2px;
}

/* ── SKU cell ── */
.pl-sku-cell[b-nipt391dwt] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pl-product-mark[b-nipt391dwt] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--its-text);
    display: grid;
    place-items: center;
    flex-shrink: 0;
    overflow: hidden;
}

.pl-avatar-img[b-nipt391dwt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pl-product-mark__initials[b-nipt391dwt] {
    font-family: var(--its-serif);
    font-size: 13px;
    font-weight: 500;
    color: var(--its-gold);
    letter-spacing: .02em;
}

.pl-sku-code[b-nipt391dwt] {
    font-family: var(--its-mono);
    font-size: 12px;
    font-weight: 600;
    color: var(--its-text);
    letter-spacing: .06em;
}

/* ── Name cell ── */
.pl-name-cell[b-nipt391dwt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pl-product-name[b-nipt391dwt] {
    font-weight: 500;
    font-size: 13.5px;
    color: var(--its-text);
}

.pl-brand-tag[b-nipt391dwt] {
    font-size: 11px;
    color: var(--its-text-muted);
}

/* ── Description ── */
.pl-description[b-nipt391dwt] {
    font-size: 12.5px;
    color: var(--its-text-muted);
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/* ── Price ── */
.pl-price[b-nipt391dwt] {
    font-weight: 600;
    font-size: 13.5px;
    font-family: var(--its-mono);
    color: var(--its-text);
}

/* ── Empty state ── */
.pl-empty-state[b-nipt391dwt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px 24px;
}

.pl-empty-title[b-nipt391dwt] {
    font-family: var(--its-serif);
    font-size: 18px;
    color: var(--its-text);
}

.pl-empty-sub[b-nipt391dwt] {
    font-size: 13px;
    color: var(--its-text-muted);
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Crm/Clienti/ClienteDetail.razor.rz.scp.css */
.fd-loading[b-gv6q9k5iuv] {
    display: flex;
    justify-content: center;
    padding: 80px;
}

.fd-root[b-gv6q9k5iuv] {
    display: flex;
    flex-direction: column;
}

/* ─── Topnav (breadcrumb + azioni) ──────────── */
.fd-topnav[b-gv6q9k5iuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 36px 12px;
    border-bottom: 1px solid var(--its-border);
    background: var(--its-surface);
}

.fd-topnav__left[b-gv6q9k5iuv] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
}

.fd-back-link[b-gv6q9k5iuv] {
    color: var(--its-gold-deep);
    text-decoration: none;
    font-weight: 500;
    transition: opacity .12s;
}

.fd-back-link:hover[b-gv6q9k5iuv] { opacity: .7; }

.fd-topnav__sep[b-gv6q9k5iuv] { color: var(--its-border-strong); }

.fd-topnav__current[b-gv6q9k5iuv] {
    font-weight: 600;
    color: var(--its-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px;
}

.fd-topnav__actions[b-gv6q9k5iuv] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* ─── Hero card ──────────────────────────────── */
.fd-hero-card[b-gv6q9k5iuv] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 22px;
    align-items: center;
    padding: 24px 36px;
    background: var(--its-surface);
    margin: 20px 40px;
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
}

.fd-hero-avatar[b-gv6q9k5iuv] {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: var(--its-mark-gradient);
    color: var(--its-gold);
    display: grid;
    place-items: center;
    font-family: var(--its-serif);
    font-weight: 500;
    font-size: 30px;
    flex-shrink: 0;
    overflow: hidden;
}

.fd-hero-name[b-gv6q9k5iuv] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -.01em;
    margin: 0 0 8px;
    color: var(--its-text);
}

.fd-hero-tags[b-gv6q9k5iuv] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.fd-hero-meta[b-gv6q9k5iuv] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: var(--its-text-dim);
    line-height: 1.4;
}

.fd-hero-meta b[b-gv6q9k5iuv] {
    color: var(--its-text);
    font-weight: 500;
}

/* ─── Tab wrap ───────────────────────────────── */
.fd-tabs-wrap[b-gv6q9k5iuv] {
    margin: 0 36px;
}

/* ─── Tab body ───────────────────────────────── */
.fd-tab-body[b-gv6q9k5iuv] {
    padding: 22px 36px 52px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ─── Split layout (view mode tab 0) ─────────── */
.fd-split[b-gv6q9k5iuv] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 20px;
    align-items: start;
}

.fd-split__aside[b-gv6q9k5iuv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ─── KV grid (uso its-kv del design system) ─── */
.fd-kv-strong[b-gv6q9k5iuv] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.fd-mono[b-gv6q9k5iuv] {
    font-family: var(--its-mono);
    font-size: 12.5px;
    color: var(--its-text-dim);
}

/* ─── Subsection label ───────────────────────── */
.fd-subsection[b-gv6q9k5iuv] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .10em;
    color: var(--its-text-muted);
    margin: 8px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--its-border);
}

/* ─── Action bar ─────────────────────────────── */
.fd-actions[b-gv6q9k5iuv] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 4px;
    border-top: 1px solid var(--its-border);
}

/* ─── Validation banner ──────────────────────── */
.fd-validation-banner[b-gv6q9k5iuv] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(181,72,72,.06);
    border: 1px solid rgba(181,72,72,.25);
    border-left: 3px solid var(--its-danger);
    border-radius: var(--its-radius-sm);
    padding: 11px 14px;
    animation: fd-shake-b-gv6q9k5iuv 0.35s ease-in-out;
}

@keyframes fd-shake-b-gv6q9k5iuv {
    0%, 100% { transform: translateX(0); }
    20%       { transform: translateX(-4px); }
    60%       { transform: translateX(3px); }
    80%       { transform: translateX(-2px); }
}

.fd-validation-content[b-gv6q9k5iuv] { display: flex; flex-direction: column; gap: 4px; }

.fd-validation-title[b-gv6q9k5iuv] {
    font-size: 13px;
    font-weight: 600;
    color: var(--its-danger);
}

.fd-validation-tabs[b-gv6q9k5iuv] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.fd-validation-tabs span[b-gv6q9k5iuv] {
    font-size: 11px;
    font-weight: 500;
    color: var(--its-danger);
    background: rgba(181,72,72,.10);
    border-radius: 4px;
    padding: 1px 8px;
}

/* ─── Divisore sottile dentro card ──────────── */
.fd-divider[b-gv6q9k5iuv] {
    height: 1px;
    background: var(--its-border);
    border: none;
    margin: 14px 0;
}

/* ─── Bottone piccolo "Modifica" ─────────────── */
.fd-btn-sm[b-gv6q9k5iuv] {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: var(--its-radius-sm);
    border: 1px solid var(--its-border-strong);
    background: transparent;
    color: var(--its-text-2);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--its-sans);
    cursor: pointer;
    transition: background .12s, color .12s;
}

.fd-btn-sm:hover[b-gv6q9k5iuv] {
    background: var(--its-surface2);
    color: var(--its-text);
}

/* ─── Lista saloni nella card ────────────────── */
.fd-salon-list[b-gv6q9k5iuv] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.fd-salon-row[b-gv6q9k5iuv] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--its-border);
    cursor: pointer;
    transition: background .1s;
}

.fd-salon-row:last-child[b-gv6q9k5iuv] {
    border-bottom: none;
}

.fd-salon-row:hover[b-gv6q9k5iuv] {
    background: var(--its-surface2);
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.fd-salon-avatar[b-gv6q9k5iuv] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    display: grid;
    place-items: center;
    font-family: var(--its-serif);
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

.fd-salon-info[b-gv6q9k5iuv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.fd-salon-name[b-gv6q9k5iuv] {
    font-size: 13px;
    font-weight: 550;
    color: var(--its-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fd-salon-street[b-gv6q9k5iuv] {
    font-size: 11.5px;
    color: var(--its-text-dim);
    display: block;
    margin-top: 1px;
}

.fd-salon-city[b-gv6q9k5iuv] {
    font-size: 11px;
    color: var(--its-text-muted);
    display: block;
    margin-top: 1px;
}

.fd-salon-flags[b-gv6q9k5iuv] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

/* ─── Note vuoto ─────────────────────────────── */
.fd-empty-note[b-gv6q9k5iuv] {
    font-size: 13px;
    color: var(--its-text-muted);
    margin: 0;
    padding: 4px 0;
}

/* ─── Opportunità commerciali placeholder ─────── */
.fd-opp-empty[b-gv6q9k5iuv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 32px 16px;
    text-align: center;
}

.fd-opp-empty__title[b-gv6q9k5iuv] {
    font-family: var(--its-serif);
    font-size: 18px;
    font-weight: 400;
    color: var(--its-text-dim);
    margin-top: 6px;
}

.fd-opp-empty__sub[b-gv6q9k5iuv] {
    font-size: 12.5px;
    color: var(--its-text-muted);
    max-width: 44ch;
    line-height: 1.5;
}

/* ─── Opportunità commerciali (sezione live) ───── */
.fd-opp-header[b-gv6q9k5iuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.fd-opp-header__title[b-gv6q9k5iuv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fd-opp-kpi[b-gv6q9k5iuv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    padding: 6px 0 18px;
    border-bottom: 1px solid var(--its-border);
    margin-bottom: 14px;
}

.fd-opp-kpi__item[b-gv6q9k5iuv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 6px;
}

.fd-opp-kpi__label[b-gv6q9k5iuv] {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 600;
    color: var(--its-text-muted);
}

.fd-opp-kpi__value[b-gv6q9k5iuv] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.015em;
    color: var(--its-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

@media (max-width: 720px) {
    .fd-opp-kpi[b-gv6q9k5iuv] { grid-template-columns: repeat(2, 1fr); }
}

/* ─── Responsive ─────────────────────────────── */
@media (max-width: 900px) {
    .fd-split[b-gv6q9k5iuv] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .fd-topnav[b-gv6q9k5iuv]    { padding: 10px 14px; }
    .fd-hero-card[b-gv6q9k5iuv] { padding: 16px 14px; grid-template-columns: auto 1fr; gap: 14px; margin: 16px; }
    .fd-hero-name[b-gv6q9k5iuv] { font-size: 22px; }
    .fd-hero-avatar[b-gv6q9k5iuv] { width: 52px; height: 52px; font-size: 20px; }
    .fd-hero-meta[b-gv6q9k5iuv] { gap: 10px; font-size: 12px; }
    .fd-tabs-wrap[b-gv6q9k5iuv] { margin: 0 14px; }
    .fd-tab-body[b-gv6q9k5iuv]  { padding: 16px 14px 36px; }
    .fd-actions[b-gv6q9k5iuv]   { flex-direction: column; }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Crm/Clienti/ClienteList.razor.rz.scp.css */
/* ─── Cella Cliente: avatar + nome + email ─── */
.fl-name-cell[b-3rrltscf3n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fl-avatar[b-3rrltscf3n] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--its-gold-soft);
    color: var(--its-gold-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--its-serif);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.fl-legal-name[b-3rrltscf3n] {
    display: block;
    font-weight: 550;
    font-size: 13px;
    color: var(--its-text);
}

.fl-sub[b-3rrltscf3n] {
    display: block;
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

/* ─── Zona su due righe ─────────────────────── */
.fl-zone[b-3rrltscf3n] {
    display: block;
    font-size: 13px;
    color: var(--its-text-2);
}

.fl-subzone[b-3rrltscf3n] {
    display: block;
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 1px;
}

/* ─── Mono (P.IVA, telefono) ────────────────── */
.fl-mono[b-3rrltscf3n] {
    font-family: var(--its-mono);
    font-size: 12px;
    color: var(--its-text-dim);
}

/* ─── Agente / commerciale ──────────────────── */
.fl-agent[b-3rrltscf3n] {
    font-size: 13px;
    color: var(--its-text-2);
}

/* ─── Conteggio saloni ───────────────────────── */
.fl-salon-count[b-3rrltscf3n] {
    font-size: 13px;
    font-weight: 600;
    color: var(--its-text);
}

.fl-salon-count--zero[b-3rrltscf3n] {
    font-size: 13px;
    color: var(--its-border-strong);
}

/* ─── Data acquisizione ─────────────────────── */
.fl-date[b-3rrltscf3n] {
    font-size: 12.5px;
    color: var(--its-text-dim);
    font-variant-numeric: tabular-nums;
}

/* ─── Vuoto / placeholder ───────────────────── */
.fl-empty-val[b-3rrltscf3n] { color: var(--its-border-strong); }

/* ─── Azioni riga ───────────────────────────── */
.fl-row-actions[b-3rrltscf3n] {
    display: flex;
    justify-content: flex-end;
}

/* ─── Stato vuoto tabella ───────────────────── */
.fl-empty[b-3rrltscf3n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 24px;
    gap: 6px;
}

.fl-empty-title[b-3rrltscf3n] {
    font-family: var(--its-serif);
    font-size: 18px;
    font-weight: 400;
    color: var(--its-text-dim);
    margin-top: 8px;
}

.fl-empty-sub[b-3rrltscf3n] { font-size: 13px; color: var(--its-text-muted); }

.fl-loading[b-3rrltscf3n] {
    display: flex;
    justify-content: center;
    padding: 40px;
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Crm/Dipendenti/DipendenteDetail.razor.rz.scp.css */
/* ─── Loading / root ─────────────────────────── */
.ed-loading[b-hu7fdbcqwz] {
    display: flex;
    justify-content: center;
    padding: 60px;
}

.ed-root[b-hu7fdbcqwz] {
    --ed-col-ratio: 2fr 1fr;
}

/* ─── Split layout ───────────────────────────── */
.ed-split[b-hu7fdbcqwz] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    align-items: start;
}

.ed-col-left[b-hu7fdbcqwz],
.ed-col-right[b-hu7fdbcqwz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ─── Edit wrap ──────────────────────────────── */
.ed-edit-wrap[b-hu7fdbcqwz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 800px;
}

.ed-action-bar[b-hu7fdbcqwz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
}

/* ─── Hero extras ────────────────────────────── */
.ed-mono[b-hu7fdbcqwz] {
    font-family: var(--its-font-mono);
    font-size: 12.5px;
}

.ed-stat-placeholder[b-hu7fdbcqwz] {
    color: var(--its-text-muted) !important;
    font-size: 22px !important;
}

.ed-salon-link[b-hu7fdbcqwz] {
    cursor: pointer;
}

    .ed-salon-link:hover[b-hu7fdbcqwz] {
        opacity: .8;
    }

/* ─── Salon card ─────────────────────────────── */
.ed-salon-card[b-hu7fdbcqwz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.ed-salon-avatar[b-hu7fdbcqwz] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ed-salon-name[b-hu7fdbcqwz] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.ed-salon-addr[b-hu7fdbcqwz] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 2px;
}

.ed-salon-footer[b-hu7fdbcqwz] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--its-border);
}

/* ─── Formative summary ──────────────────────── */
.ed-formative-grid[b-hu7fdbcqwz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.ed-formative-kpi[b-hu7fdbcqwz] {
    padding: 14px;
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    text-align: center;
}

.ed-formative-val[b-hu7fdbcqwz] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    letter-spacing: -.015em;
    color: var(--its-text-dim);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.ed-formative-lbl[b-hu7fdbcqwz] {
    font-size: 10.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
    margin-top: 4px;
}

.ed-formative-note[b-hu7fdbcqwz] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    margin-top: 12px;
    text-align: center;
}

/* ─── Table ──────────────────────────────────── */
.ed-table[b-hu7fdbcqwz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .ed-table th[b-hu7fdbcqwz] {
        padding: 10px 16px;
        text-align: left;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--its-text-muted);
        border-bottom: 1px solid var(--its-border);
    }

    .ed-table td[b-hu7fdbcqwz] {
        padding: 14px 16px;
        border-bottom: 1px solid var(--its-border);
        vertical-align: middle;
    }

.ed-table-empty[b-hu7fdbcqwz] {
    text-align: center;
    color: var(--its-text-muted);
    padding: 32px !important;
}

/* ─── Misc ───────────────────────────────────── */
.ed-muted[b-hu7fdbcqwz] {
    color: var(--its-text-muted);
    opacity: .5;
}

.ed-link[b-hu7fdbcqwz] {
    color: var(--its-gold-deep);
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

    .ed-link:hover[b-hu7fdbcqwz] {
        text-decoration: underline;
    }

/* ─── Placeholder empty state ────────────────── */
.ed-placeholder-empty[b-hu7fdbcqwz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px;
    color: var(--its-text-muted);
}

.ed-placeholder-text[b-hu7fdbcqwz] {
    font-size: 13px;
}


@media (max-width: 900px) {
    .ed-split[b-hu7fdbcqwz] {
        grid-template-columns: 1fr;
    }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Crm/Dipendenti/DipendenteList.razor.rz.scp.css */
/* ─── Stat grid ─────────────────────────────── */
.el-stat-grid[b-d2lvgnosvu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.el-stat[b-d2lvgnosvu] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.el-stat[b-d2lvgnosvu]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--its-gold);
    opacity: 0;
    transition: opacity .18s ease;
}

.el-stat:hover[b-d2lvgnosvu]::before { opacity: 1; }

.el-stat__label[b-d2lvgnosvu] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    margin-bottom: 6px;
}

.el-stat__value[b-d2lvgnosvu] {
    font-family: var(--its-serif);
    font-weight: 400;
    font-size: 34px;
    color: var(--its-text);
    line-height: 1;
    letter-spacing: -.015em;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.el-stat__value--muted[b-d2lvgnosvu] {
    color: var(--its-text-dim);
    font-size: 26px;
}

/* ─── Name cell ──────────────────────────────── */
.el-name-cell[b-d2lvgnosvu] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.el-avatar[b-d2lvgnosvu] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.el-name-body[b-d2lvgnosvu] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.el-fullname[b-d2lvgnosvu] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.el-id[b-d2lvgnosvu] {
    font-size: 11px;
    color: var(--its-text-muted);
    font-family: var(--its-font-mono);
}

/* ─── Misc cells ─────────────────────────────── */
.el-mono[b-d2lvgnosvu] {
    font-family: var(--its-font-mono);
    font-size: 12.5px;
    color: var(--its-text);
}

.el-date[b-d2lvgnosvu] {
    font-size: 13px;
    color: var(--its-text-muted);
}

.el-empty[b-d2lvgnosvu] {
    color: var(--its-text-muted);
    opacity: .5;
}

.el-salon[b-d2lvgnosvu] {
    font-size: 13px;
    font-weight: 500;
    color: var(--its-gold-deep);
    cursor: pointer;
    text-decoration: none;
}

    .el-salon:hover[b-d2lvgnosvu] {
        text-decoration: underline;
    }

/* ─── Actions ────────────────────────────────── */
.el-row-actions[b-d2lvgnosvu] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ─── Empty / loading states ─────────────────── */
.el-empty-state[b-d2lvgnosvu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px 24px;
    color: var(--its-text-muted);
}

.el-empty-title[b-d2lvgnosvu] {
    font-family: var(--its-font-serif);
    font-size: 18px;
    color: var(--its-text);
}

.el-empty-sub[b-d2lvgnosvu] {
    font-size: 13px;
}

.el-loading[b-d2lvgnosvu] {
    padding: 32px;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .el-stat-grid[b-d2lvgnosvu] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Crm/Saloni/SaloneDetail.razor.rz.scp.css */
/* ─── Tabs wrap ─────────────────────────────── */
.sd-tabs-wrap[b-i26f1cv69u] {
    margin: 0 40px;
}

/* ─── Tab body ──────────────────────────────── */
.sd-tab-body[b-i26f1cv69u] {
    padding: 22px 40px 52px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ─── Split layout ──────────────────────────── */
.sd-split[b-i26f1cv69u] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: start;
}

/* ─── KV values ─────────────────────────────── */
.sd-kv-strong[b-i26f1cv69u] {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--its-text);
}

.sd-mono[b-i26f1cv69u] {
    font-family: var(--its-mono);
    font-size: 12.5px;
    color: var(--its-text-dim);
}

.sd-link[b-i26f1cv69u] {
    color: var(--its-gold-deep);
    text-decoration: none;
    font-size: 13px;
    word-break: break-all;
}

.sd-link:hover[b-i26f1cv69u] { text-decoration: underline; }

/* ─── Right stack (colonna destra del split) ── */
.sd-right-stack[b-i26f1cv69u] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ─── Rappresentante legale ─────────────────── */
.sd-rep-inner[b-i26f1cv69u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 0;
}

.sd-rep-divider[b-i26f1cv69u] {
    height: 1px;
    background: var(--its-border);
    border: none;
    margin: 16px 0 12px;
}

.sd-rep-note[b-i26f1cv69u] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    line-height: 1.5;
}

/* ─── Validation banner ─────────────────────── */
.sd-validation-banner[b-i26f1cv69u] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(181,72,72,.06);
    border: 1px solid rgba(181,72,72,.25);
    border-left: 3px solid var(--its-danger);
    border-radius: var(--its-radius-sm);
    padding: 11px 14px;
    animation: sd-shake-b-i26f1cv69u 0.35s ease-in-out;
}

@keyframes sd-shake-b-i26f1cv69u {
    0%, 100% { transform: translateX(0); }
    20%       { transform: translateX(-4px); }
    60%       { transform: translateX(3px); }
    80%       { transform: translateX(-2px); }
}

.sd-validation-title[b-i26f1cv69u] {
    font-size: 13px;
    font-weight: 600;
    color: var(--its-danger);
}

/* ─── Responsive (SalonDetail-specific) ─────── */
@media (max-width: 900px) {
    .sd-split[b-i26f1cv69u] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .sd-tabs-wrap[b-i26f1cv69u] { margin: 0 20px; }
    .sd-tab-body[b-i26f1cv69u]  { padding: 16px 20px 36px; }
}

@media (max-width: 640px) {
    .sd-tab-body[b-i26f1cv69u] { padding: 14px 16px 32px; }
    .sd-tabs-wrap[b-i26f1cv69u] { margin: 0 16px; }
}

/* ══════════════════════════════════════════════
   GALLERY / CAROSELLO
══════════════════════════════════════════════ */

.sd-gallery[b-i26f1cv69u] {
    position: relative;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    overflow: hidden;
}

.sd-gallery-stage[b-i26f1cv69u] {
    position: relative;
    width: 100%;
    height: 300px;
    background: var(--its-surface2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 1px solid var(--its-border);
}

.sd-gallery-placeholder[b-i26f1cv69u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    pointer-events: none;
    text-align: center;
}

.sd-gallery-placeholder-title[b-i26f1cv69u] {
    font-size: 13px;
    font-weight: 500;
    color: var(--its-border-strong);
    margin-top: 4px;
}

.sd-gallery-placeholder-hint[b-i26f1cv69u] {
    font-size: 11px;
    color: var(--its-border-strong);
}

.sd-gallery-img[b-i26f1cv69u] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 16px;
    opacity: 0;
    transition: opacity 0.32s ease;
    pointer-events: none;
}

.sd-gallery-img--active[b-i26f1cv69u] {
    opacity: 1;
    pointer-events: auto;
}

.sd-gallery-avatar-badge[b-i26f1cv69u] {
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 11px;
    font-weight: 700;
    color: var(--its-gold-deep);
    background: var(--its-gold-soft);
    border: 1px solid var(--its-gold);
    padding: 2px 9px;
    border-radius: 999px;
    letter-spacing: 0.03em;
    z-index: 2;
}

.sd-gallery-nav[b-i26f1cv69u] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--its-border);
    box-shadow: var(--its-shadow);
    color: var(--its-text-dim);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.15s, background 0.15s, color 0.15s;
    z-index: 2;
    padding: 0;
}

.sd-gallery-nav:hover[b-i26f1cv69u] {
    background: var(--its-surface);
    box-shadow: var(--its-shadow-md);
    color: var(--its-text);
}

.sd-gallery-nav--prev[b-i26f1cv69u] { left: 10px; }
.sd-gallery-nav--next[b-i26f1cv69u] { right: 10px; }

.sd-gallery-counter[b-i26f1cv69u] {
    position: absolute;
    bottom: 10px;
    right: 12px;
    font-size: 11px;
    color: var(--its-text-muted);
    font-family: var(--its-mono);
    background: rgba(255,255,255,0.88);
    border: 1px solid var(--its-border);
    padding: 2px 8px;
    border-radius: 999px;
    z-index: 2;
    letter-spacing: 0.04em;
}

.sd-gallery-thumbs[b-i26f1cv69u] {
    display: flex;
    gap: 6px;
    padding: 8px 12px;
    background: var(--its-surface2);
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--its-border) transparent;
    border-bottom: 1px solid var(--its-border);
}

.sd-gallery-thumb[b-i26f1cv69u] {
    flex-shrink: 0;
    width: 58px;
    height: 44px;
    border-radius: var(--its-radius-sm);
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 2px solid transparent;
    transition: border-color 0.15s, opacity 0.15s;
    opacity: 0.55;
    padding: 0;
    background: var(--its-border);
}

.sd-gallery-thumb img[b-i26f1cv69u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sd-gallery-thumb:hover[b-i26f1cv69u] { opacity: 0.82; }

.sd-gallery-thumb--active[b-i26f1cv69u] {
    border-color: var(--its-text);
    opacity: 1;
}

.sd-gallery-thumb--avatar[b-i26f1cv69u] {
    border-color: var(--its-gold);
    opacity: 1;
}

.sd-thumb-star[b-i26f1cv69u] {
    position: absolute;
    top: 1px;
    right: 3px;
    font-size: 9px;
    color: var(--its-gold-deep);
    text-shadow: 0 0 3px rgba(255,255,255,0.9);
    line-height: 1;
}

.sd-gallery-actions[b-i26f1cv69u] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-top: 1px solid var(--its-border);
    background: var(--its-surface);
    flex-wrap: wrap;
}

.sd-avatar-chip[b-i26f1cv69u] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    color: var(--its-gold-deep);
    background: var(--its-gold-soft);
    border: 1px solid var(--its-gold);
    padding: 3px 9px;
    border-radius: 999px;
    letter-spacing: 0.03em;
}

.sd-gallery-upload-strip[b-i26f1cv69u] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    background: var(--its-surface);
    border-top: 1.5px dashed var(--its-border-strong);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    border-radius: 0 0 var(--its-radius) var(--its-radius);
}

.sd-gallery-upload-strip:hover[b-i26f1cv69u] {
    background: var(--its-surface2);
    border-color: var(--its-text);
}

.sd-gallery-upload-strip:hover .sd-upload-strip-title[b-i26f1cv69u] {
    color: var(--its-text);
}

.sd-gallery-upload-strip--loading[b-i26f1cv69u] {
    pointer-events: none;
    opacity: 0.72;
}

.sd-upload-strip-text[b-i26f1cv69u] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.sd-upload-strip-title[b-i26f1cv69u] {
    font-size: 12px;
    font-weight: 600;
    color: var(--its-text-dim);
    transition: color 0.15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd-upload-strip-sub[b-i26f1cv69u] {
    font-size: 11px;
    color: var(--its-text-muted);
}

/* ─── Tab Dipendenti ─────────────────────────── */
.sd-employees-tab[b-i26f1cv69u] {
    padding: 0;
}

.sd-employees-header[b-i26f1cv69u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--its-border);
    background: var(--its-surface);
    border-radius: 8px 8px 0 0;
}

.sd-employees-title[b-i26f1cv69u] {
    font-family: var(--its-font-serif);
    font-size: 22px;
    color: var(--its-text);
}

.sd-employees-sub[b-i26f1cv69u] {
    font-size: 12px;
    color: var(--its-text-muted);
    margin-top: 2px;
}

.sd-employees-loading[b-i26f1cv69u],
.sd-employees-empty[b-i26f1cv69u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px;
    color: var(--its-text-muted);
    font-size: 13px;
    background: var(--its-surface);
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--its-border);
    border-top: none;
}

.sd-emp-table[b-i26f1cv69u] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.sd-emp-table th[b-i26f1cv69u] {
    padding: 10px 16px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    border-bottom: 1px solid var(--its-border);
    background: var(--its-bg);
}

.sd-emp-table td[b-i26f1cv69u] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--its-border);
    vertical-align: middle;
}

.sd-emp-row[b-i26f1cv69u] {
    cursor: pointer;
    transition: background .12s;
}

.sd-emp-row:hover[b-i26f1cv69u] {
    background: var(--its-bg);
}

.sd-emp-cell[b-i26f1cv69u] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sd-emp-avatar[b-i26f1cv69u] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
}

.sd-emp-name[b-i26f1cv69u] {
    font-weight: 600;
    font-size: 13px;
    color: var(--its-text);
}

.sd-emp-mono[b-i26f1cv69u] {
    font-family: var(--its-font-mono);
    font-size: 12px;
}

.sd-emp-date[b-i26f1cv69u] {
    color: var(--its-text-muted);
}

.sd-emp-empty[b-i26f1cv69u] {
    color: var(--its-text-muted);
    opacity: .5;
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Crm/Saloni/SaloneList.razor.rz.scp.css */
/* ─── Map placeholder ──────────────────────── */
.sl-map[b-ohx3bgszhm] {
    height: 240px;
    background:
        radial-gradient(circle at 30% 40%, var(--its-gold-soft) 0, transparent 40%),
        radial-gradient(circle at 70% 60%, rgba(176,138,130,.18) 0, transparent 50%),
        var(--its-surface2);
    border-radius: var(--its-radius);
    border: 1px solid var(--its-border);
    position: relative;
    overflow: hidden;
}

.sl-map[b-ohx3bgszhm]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(26,34,56,.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(26,34,56,.04) 1px, transparent 1px);
    background-size: 36px 36px;
}

.sl-map__pin[b-ohx3bgszhm] {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--its-gold);
    border: 2.5px solid var(--its-text);
    z-index: 2;
    box-shadow: 0 2px 6px rgba(26,34,56,.25);
    transform: translate(-50%, -50%);
}

.sl-map__label[b-ohx3bgszhm] {
    position: absolute;
    bottom: 14px;
    left: 18px;
    font-family: var(--its-mono);
    font-size: 10px;
    color: var(--its-text-muted);
    letter-spacing: .08em;
    text-transform: uppercase;
    z-index: 2;
}

/* ─── Cella Salone ─────────────────────────── */
.sl-name-cell[b-ohx3bgszhm] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sl-avatar-img[b-ohx3bgszhm] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.sl-avatar-initials[b-ohx3bgszhm] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--its-text);
    color: var(--its-gold);
    display: grid;
    place-items: center;
    font-family: var(--its-serif);
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.sl-name-body[b-ohx3bgszhm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sl-name[b-ohx3bgszhm] {
    font-weight: 550;
    font-size: 13px;
    color: var(--its-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sl-brand[b-ohx3bgszhm] {
    font-size: 11.5px;
    color: var(--its-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sl-address[b-ohx3bgszhm] {
    font-size: 11px;
    color: var(--its-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

/* ─── Franchisee ────────────────────────────── */
.sl-franchisee[b-ohx3bgszhm] {
    font-size: 13px;
    color: var(--its-text-2);
    font-weight: 500;
}

/* ─── Numero (dipendenti) ───────────────────── */
.sl-number[b-ohx3bgszhm] {
    font-size: 13px;
    font-weight: 600;
    color: var(--its-text);
}

/* ─── Dimensioni Mq / Vetrine ───────────────── */
.sl-dims[b-ohx3bgszhm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sl-dim-val[b-ohx3bgszhm] {
    font-size: 12px;
    color: var(--its-text-dim);
    font-variant-numeric: tabular-nums;
}

/* ─── Codici identificativi ─────────────────── */
.sl-codes[b-ohx3bgszhm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sl-code[b-ohx3bgszhm] {
    font-family: var(--its-mono);
    font-size: 11px;
    color: var(--its-text-dim);
    line-height: 1.4;
}

.sl-code-lbl[b-ohx3bgszhm] {
    font-weight: 600;
    color: var(--its-text-muted);
    font-style: normal;
    min-width: 28px;
    display: inline-block;
}

/* ─── Flag FIL / WIN ────────────────────────── */
.sl-flags[b-ohx3bgszhm] {
    display: flex;
    gap: 4px;
}

/* Badge off (flag inattivo) */
.sl-badge-off[b-ohx3bgszhm] {
    opacity: .35;
}

/* ─── Mono (telefono hidden) ────────────────── */
.sl-mono[b-ohx3bgszhm] {
    font-family: var(--its-mono);
    font-size: 12px;
    color: var(--its-text-dim);
}

/* ─── Placeholder vuoto ─────────────────────── */
.sl-empty[b-ohx3bgszhm] {
    color: var(--its-border-strong);
    font-size: 13px;
}

/* ─── Stato vuoto tabella ───────────────────── */
.sl-empty-state[b-ohx3bgszhm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 24px;
    gap: 6px;
}

.sl-empty-title[b-ohx3bgszhm] {
    font-family: var(--its-serif);
    font-size: 18px;
    font-weight: 400;
    color: var(--its-text-dim);
    margin-top: 8px;
}

.sl-empty-sub[b-ohx3bgszhm] { font-size: 13px; color: var(--its-text-muted); }

/* ─── Azioni ────────────────────────────────── */
.sl-row-actions[b-ohx3bgszhm] {
    display: flex;
    justify-content: flex-end;
}

/* ─── Loading ───────────────────────────────── */
.sl-loading[b-ohx3bgszhm] {
    display: flex;
    justify-content: center;
    padding: 40px;
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Sistema/Users/Components/PermissionMatrix.razor.rz.scp.css */
.pm-root[b-xk7zkbdbz3] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.pm-empty[b-xk7zkbdbz3] {
    text-align: center;
    padding: 40px 0;
    color: var(--its-text);
    opacity: 0.55;
}

.pm-legend[b-xk7zkbdbz3] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 10px 14px;
    background: var(--its-surface2);
    border: 1px solid var(--its-border);
    border-radius: 6px;
    font-size: 11.5px;
    color: var(--its-text);
    opacity: 0.85;
}

.pm-legend-item[b-xk7zkbdbz3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pm-swatch[b-xk7zkbdbz3] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid var(--its-border);
    display: inline-block;
}

.pm-swatch--inherited[b-xk7zkbdbz3] { background: var(--its-text); border-color: var(--its-text); }
.pm-swatch--add[b-xk7zkbdbz3] { background: rgba(107, 142, 107, 0.20); border-color: var(--its-success); }
.pm-swatch--revoke[b-xk7zkbdbz3] { background: rgba(181, 72, 72, 0.20); border-color: var(--its-danger); }
.pm-swatch--off[b-xk7zkbdbz3] { background: var(--its-bg); }

.pm-module[b-xk7zkbdbz3] {
    border: 1px solid var(--its-border);
    border-radius: 8px;
    overflow: hidden;
}

.pm-module-head[b-xk7zkbdbz3] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 10px 16px;
    background: var(--its-surface2);
    border-bottom: 1px solid var(--its-border);
}

.pm-module-title[b-xk7zkbdbz3] {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    font-weight: 500;
    color: var(--its-text);
    margin: 0;
}

.pm-module-count[b-xk7zkbdbz3] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--its-text);
    opacity: 0.55;
}

.pm-res-list[b-xk7zkbdbz3] {
    display: flex;
    flex-direction: column;
}

.pm-res-row[b-xk7zkbdbz3] {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 16px;
    align-items: start;
    padding: 14px 16px;
}

.pm-res-row + .pm-res-row[b-xk7zkbdbz3] { border-top: 1px solid var(--its-border); }

.pm-res-name[b-xk7zkbdbz3] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--its-text);
}

.pm-res-count[b-xk7zkbdbz3] {
    font-size: 11px;
    opacity: 0.55;
    font-variant-numeric: tabular-nums;
}

.pm-actions[b-xk7zkbdbz3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 720px) {
    .pm-res-row[b-xk7zkbdbz3] { grid-template-columns: 1fr; gap: 8px; }
    .pm-res-name[b-xk7zkbdbz3] { padding-top: 0; }
}

.pm-chip[b-xk7zkbdbz3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--its-border);
    border-radius: 4px;
    background: var(--its-bg);
    color: var(--its-text);
    cursor: pointer;
    font-size: 12px;
    transition: border-color 100ms, background 100ms;
    justify-content: flex-start;
}

.pm-chip:hover:not(:disabled)[b-xk7zkbdbz3] {
    border-color: var(--its-gold);
}

.pm-chip:disabled[b-xk7zkbdbz3] { cursor: not-allowed; opacity: 0.6; }

.pm-chip.is-inherited[b-xk7zkbdbz3] {
    background: var(--its-text);
    color: var(--its-bg);
    border-color: var(--its-text);
}

.pm-chip.is-override-add[b-xk7zkbdbz3] {
    background: rgba(107, 142, 107, 0.16);
    border-color: var(--its-success);
    color: var(--its-success);
    font-weight: 600;
}

.pm-chip.is-override-revoke[b-xk7zkbdbz3] {
    background: rgba(181, 72, 72, 0.10);
    border-color: var(--its-danger);
    color: var(--its-danger);
    text-decoration: line-through;
    font-weight: 600;
}

.pm-chip.is-off[b-xk7zkbdbz3] {
    background: var(--its-bg);
    color: var(--its-text);
    opacity: 0.45;
}

.pm-tick[b-xk7zkbdbz3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

.pm-label[b-xk7zkbdbz3] {
    line-height: 1;
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Sistema/Users/Dialogs/InviteLinkDialog.razor.rz.scp.css */
.ild-body[b-gtqjsd7gdn] {
    padding: 8px 0 4px;
    min-width: 480px;
}

.ild-link-box[b-gtqjsd7gdn] {
    background: var(--its-surface2);
    border: 1px solid var(--its-border);
    border-radius: 6px;
    padding: 14px 16px;
    max-height: 140px;
    overflow: auto;
}

.ild-link[b-gtqjsd7gdn] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11.5px;
    color: var(--its-gold-deep);
    word-break: break-all;
    white-space: pre-wrap;
    line-height: 1.6;
}

.ild-note[b-gtqjsd7gdn] {
    font-size: 11.5px;
    color: var(--its-text);
    opacity: 0.6;
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 700px) {
    .ild-body[b-gtqjsd7gdn] { min-width: unset; }
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Sistema/Users/UserDetail.razor.rz.scp.css */
.ud-hero[b-nqmatr4zqa] { margin-bottom: 0; }

.ud-tabs-wrap[b-nqmatr4zqa] { margin: 8px 40px 0; }

/* Replica di sd-split (scoped a SaloneDetail) per il layout 2-colonne */
.sd-split[b-nqmatr4zqa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

@media (max-width: 1100px) {
    .sd-split[b-nqmatr4zqa] { grid-template-columns: 1fr; }
}

.ud-tab-body[b-nqmatr4zqa] {
    padding: 22px 40px 52px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ud-mono[b-nqmatr4zqa] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--its-text);
    opacity: 0.72;
}

.ud-divider[b-nqmatr4zqa] {
    border: 0;
    border-top: 1px solid var(--its-border);
    margin: 14px 0;
}

.ud-form-grid[b-nqmatr4zqa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.ud-form-grid__full[b-nqmatr4zqa] { grid-column: 1 / -1; }

.ud-action-stack[b-nqmatr4zqa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ud-profilo-split[b-nqmatr4zqa] { grid-template-columns: 1.4fr 0.9fr; }

.ud-ruolo-split[b-nqmatr4zqa] { grid-template-columns: 1.2fr 0.8fr; }

.ud-role-picker[b-nqmatr4zqa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ud-role-option[b-nqmatr4zqa] {
    display: grid;
    grid-template-columns: 22px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--its-border);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 120ms, background 120ms;
}

.ud-role-option:hover[b-nqmatr4zqa] { border-color: var(--its-gold); }

.ud-role-option.is-on[b-nqmatr4zqa] {
    background: var(--its-gold-soft);
    border-color: var(--its-gold-deep);
    box-shadow: 0 0 0 1px var(--its-gold-deep) inset;
}

.ud-role-option input[type="radio"][b-nqmatr4zqa] { accent-color: var(--its-gold-deep); }

.ud-role-option__radio[b-nqmatr4zqa] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--its-border-strong);
    background: var(--its-bg);
    flex-shrink: 0;
    position: relative;
    transition: border-color 100ms, background 100ms;
}

.ud-role-option__radio.is-on[b-nqmatr4zqa] {
    border-color: var(--its-gold-deep);
}

.ud-role-option__radio.is-on[b-nqmatr4zqa]::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: var(--its-gold-deep);
}

.ud-role-option__head[b-nqmatr4zqa] { margin-bottom: 4px; }

.ud-role-option__desc[b-nqmatr4zqa] {
    font-size: 12.5px;
    color: var(--its-text);
    opacity: 0.7;
    line-height: 1.45;
}

.ud-role-option__meta[b-nqmatr4zqa] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--its-text);
    opacity: 0.5;
    white-space: nowrap;
}

.ud-clienti-header[b-nqmatr4zqa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin: 18px 0 10px;
}

.ud-clienti-tools[b-nqmatr4zqa] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ud-clienti-search[b-nqmatr4zqa] {
    width: 260px;
    max-width: 100%;
}

.ud-clienti-pager[b-nqmatr4zqa] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

/* Accento oro sull'item attivo del pager, coerente con palette editoriale */
.ud-clienti-pager[b-nqmatr4zqa]  .mud-pagination-item.mud-pagination-item-selected .mud-button-root {
    background-color: var(--its-gold-deep);
    color: #fff;
    border-color: var(--its-gold-deep);
}

.ud-section-title[b-nqmatr4zqa] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
    color: var(--its-text);
    opacity: 0.72;
}

.ud-clienti-list[b-nqmatr4zqa] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ud-cliente-row[b-nqmatr4zqa] {
    display: grid;
    grid-template-columns: 22px 1fr;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--its-border);
    border-radius: 6px;
    background: var(--its-surface);
}

.ud-cliente-row input[type="checkbox"][b-nqmatr4zqa] { accent-color: var(--its-gold-deep); }

.ud-cliente-name[b-nqmatr4zqa] {
    font-weight: 500;
    color: var(--its-text);
    text-decoration: none;
}

.ud-cliente-name:hover[b-nqmatr4zqa] { color: var(--its-gold-deep); text-decoration: underline; }

.ud-cliente-meta[b-nqmatr4zqa] {
    font-size: 11.5px;
    color: var(--its-text);
    opacity: 0.6;
    display: flex;
    gap: 6px;
    margin-top: 2px;
}

.ud-cliente-meta .ud-mono[b-nqmatr4zqa] { font-size: 11.5px; }

.ud-empty[b-nqmatr4zqa] {
    text-align: center;
    padding: 30px 0;
    color: var(--its-text);
    opacity: 0.55;
    font-size: 13px;
}

.ud-coming[b-nqmatr4zqa] {
    text-align: center;
    padding: 40px 0;
    color: var(--its-text);
    opacity: 0.75;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.ud-coming p[b-nqmatr4zqa] { margin: 0; max-width: 480px; line-height: 1.5; }

.ud-perm-head[b-nqmatr4zqa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.ud-perm-actions[b-nqmatr4zqa] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ud-perm-note[b-nqmatr4zqa] {
    background: var(--its-surface2);
    border: 1px solid var(--its-border);
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 12.5px;
    color: var(--its-text);
    opacity: 0.85;
    line-height: 1.5;
    margin-bottom: 16px;
}

.ud-perm-note b[b-nqmatr4zqa] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--its-gold-deep);
}

.ud-sec-split[b-nqmatr4zqa] { grid-template-columns: 1fr 1fr; }

.ud-sec-row[b-nqmatr4zqa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--its-border);
}

.ud-sec-row:last-of-type[b-nqmatr4zqa] { border-bottom: none; }

.ud-sec-t[b-nqmatr4zqa] {
    font-weight: 500;
    color: var(--its-text);
    font-size: 13.5px;
    margin-bottom: 2px;
}

.ud-sec-d[b-nqmatr4zqa] {
    font-size: 12px;
    color: var(--its-text);
    opacity: 0.65;
    line-height: 1.4;
}

.ud-sec-actions[b-nqmatr4zqa] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ud-sessions[b-nqmatr4zqa] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ud-session-row[b-nqmatr4zqa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--its-border);
    border-radius: 6px;
    background: var(--its-surface);
}

.ud-session-t[b-nqmatr4zqa] {
    font-weight: 500;
    color: var(--its-text);
    font-size: 13px;
    margin-bottom: 2px;
}

.ud-session-d[b-nqmatr4zqa] {
    font-size: 11.5px;
    color: var(--its-text);
    opacity: 0.6;
    display: flex;
    gap: 6px;
    align-items: center;
}

.ud-audit-action[b-nqmatr4zqa] {
    font-weight: 500;
    color: var(--its-text);
    font-size: 13px;
}

.ud-audit-meta[b-nqmatr4zqa] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--its-text);
    opacity: 0.7;
    word-break: break-all;
    line-height: 1.4;
}

.ud-role-save-bar[b-nqmatr4zqa] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 10px;
    padding: 14px 18px;
    background: var(--its-gold-soft);
    border: 1px solid var(--its-gold-deep);
    border-radius: 8px;
    box-shadow: 0 -4px 16px rgba(26, 34, 56, 0.08);
}

.ud-role-save-bar__msg[b-nqmatr4zqa] {
    font-size: 13px;
    color: var(--its-text);
    font-weight: 500;
}

.ud-role-save-bar__actions[b-nqmatr4zqa] {
    display: flex;
    gap: 8px;
}

.ud-protected-note[b-nqmatr4zqa] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--its-gold-soft);
    border: 1px solid var(--its-gold-deep);
    border-radius: 6px;
    padding: 12px 14px;
    font-size: 12.5px;
    color: var(--its-text);
    line-height: 1.5;
    margin-top: 16px;
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Sistema/Users/UserNew.razor.rz.scp.css */
.un-body[b-uzrmljexfk] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 24px;
    padding: 22px 40px 52px;
}

@media (max-width: 1100px) {
    .un-body[b-uzrmljexfk] { grid-template-columns: 1fr; }
}

.un-form[b-uzrmljexfk] { display: flex; flex-direction: column; gap: 18px; }

.un-preview[b-uzrmljexfk] { position: sticky; top: 16px; align-self: start; display: flex; flex-direction: column; gap: 18px; }

.un-stepper[b-uzrmljexfk] {
    display: flex;
    gap: 6px;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 8px;
    padding: 8px;
}

.un-step[b-uzrmljexfk] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background 100ms, border-color 100ms;
}

.un-step:hover[b-uzrmljexfk] { background: var(--its-bg); }

.un-step.is-active[b-uzrmljexfk] {
    background: var(--its-gold-soft);
    border-color: var(--its-gold-deep);
}

.un-step.is-done .un-step__num[b-uzrmljexfk] {
    background: var(--its-success);
    color: white;
}

.un-step__num[b-uzrmljexfk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--its-border);
    color: var(--its-text);
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    font-weight: 600;
    font-variant-numeric: lining-nums;
    flex-shrink: 0;
}

.un-step.is-active .un-step__num[b-uzrmljexfk] {
    background: var(--its-gold-deep);
    color: white;
}

.un-step__label[b-uzrmljexfk] {
    font-size: 12.5px;
    color: var(--its-text);
    opacity: 0.85;
    font-weight: 500;
}

.un-form-grid[b-uzrmljexfk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.un-form-grid__full[b-uzrmljexfk] { grid-column: 1 / -1; }

.un-spacer[b-uzrmljexfk] { display: none; }

@media (max-width: 800px) {
    .un-form-grid[b-uzrmljexfk] { grid-template-columns: 1fr; }
}

.un-pick-list[b-uzrmljexfk] { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }

.un-pick[b-uzrmljexfk] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--its-border);
    border-radius: 6px;
    cursor: pointer;
}

.un-pick.is-on[b-uzrmljexfk] {
    background: var(--its-gold-soft);
    border-color: var(--its-gold-deep);
}

.un-pick input[type="checkbox"][b-uzrmljexfk] {
    margin-top: 2px;
    accent-color: var(--its-gold-deep);
}

.un-pick__t[b-uzrmljexfk] {
    font-weight: 500;
    color: var(--its-text);
    font-size: 13px;
    margin-bottom: 2px;
}

.un-pick__d[b-uzrmljexfk] {
    font-size: 12px;
    color: var(--its-text);
    opacity: 0.7;
    line-height: 1.4;
}

.un-expires[b-uzrmljexfk] { max-width: 240px; margin-bottom: 12px; }

.un-preview-user[b-uzrmljexfk] {
    display: flex;
    gap: 14px;
    align-items: center;
}

.un-preview-name[b-uzrmljexfk] {
    font-family: 'Cormorant Garamond', serif;
    font-size: 22px;
    color: var(--its-text);
    font-weight: 500;
    line-height: 1.1;
}

.un-preview-email[b-uzrmljexfk] {
    font-size: 12.5px;
    color: var(--its-text);
    opacity: 0.7;
    margin-top: 2px;
}

/* ─── Classi `ud-*` riusate da UserDetail (scoped CSS isolation: vanno
       duplicate qui per essere applicate anche in UserNew) ─────────────────── */

.ud-divider[b-uzrmljexfk] {
    border: 0;
    border-top: 1px solid var(--its-border);
    margin: 14px 0;
}

.ud-mono[b-uzrmljexfk] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--its-text);
    opacity: 0.72;
}

.ud-perm-note[b-uzrmljexfk] {
    background: var(--its-surface2);
    border: 1px solid var(--its-border);
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 12.5px;
    color: var(--its-text);
    opacity: 0.85;
    line-height: 1.5;
    margin-bottom: 16px;
}

.ud-role-picker[b-uzrmljexfk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ud-role-option[b-uzrmljexfk] {
    display: grid;
    grid-template-columns: 22px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--its-border);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 120ms, background 120ms;
    user-select: none;
}

.ud-role-option:hover[b-uzrmljexfk] { border-color: var(--its-gold); }

.ud-role-option.is-on[b-uzrmljexfk] {
    background: var(--its-gold-soft);
    border-color: var(--its-gold-deep);
    box-shadow: 0 0 0 1px var(--its-gold-deep) inset;
}

.ud-role-option__radio[b-uzrmljexfk] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--its-border-strong);
    background: var(--its-bg);
    flex-shrink: 0;
    position: relative;
    transition: border-color 100ms, background 100ms;
}

.ud-role-option__radio.is-on[b-uzrmljexfk] { border-color: var(--its-gold-deep); }

.ud-role-option__radio.is-on[b-uzrmljexfk]::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: var(--its-gold-deep);
}

.ud-role-option__head[b-uzrmljexfk] { margin-bottom: 4px; }

.ud-role-option__desc[b-uzrmljexfk] {
    font-size: 12.5px;
    color: var(--its-text);
    opacity: 0.7;
    line-height: 1.45;
}

.ud-role-option__meta[b-uzrmljexfk] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--its-text);
    opacity: 0.5;
    white-space: nowrap;
}

.sd-actions[b-uzrmljexfk] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

/* ─── Card di conferma post-creazione utente ────────────────────────────── */

.un-success-wrap[b-uzrmljexfk] {
    display: flex;
    justify-content: center;
    padding: 32px 40px 52px;
}

.un-success-card[b-uzrmljexfk] {
    width: 100%;
    max-width: 720px;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 12px;
    padding: 36px 40px;
    text-align: center;
    box-shadow: 0 4px 18px rgba(26, 34, 56, 0.05);
}

.un-success-icon[b-uzrmljexfk] { margin-bottom: 12px; }

.un-success-eyebrow[b-uzrmljexfk] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--its-text);
    opacity: 0.55;
    font-weight: 500;
    margin-bottom: 6px;
}

.un-success-title[b-uzrmljexfk] {
    font-family: 'Cormorant Garamond', serif;
    font-size: 32px;
    color: var(--its-text);
    font-weight: 500;
    line-height: 1.15;
    margin: 0 0 12px;
}

.un-success-title em[b-uzrmljexfk] {
    color: var(--its-gold-deep);
    font-style: italic;
}

.un-success-sub[b-uzrmljexfk] {
    font-size: 13.5px;
    color: var(--its-text);
    opacity: 0.75;
    line-height: 1.55;
    max-width: 560px;
    margin: 0 auto 22px;
}

.un-link-box[b-uzrmljexfk] {
    background: var(--its-surface2);
    border: 1px solid var(--its-border);
    border-radius: 6px;
    padding: 14px 16px;
    text-align: left;
    margin-bottom: 18px;
    max-height: 140px;
    overflow: auto;
}

.un-link[b-uzrmljexfk] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11.5px;
    color: var(--its-gold-deep);
    word-break: break-all;
    white-space: pre-wrap;
    line-height: 1.6;
}

.un-success-actions[b-uzrmljexfk] {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.un-success-note[b-uzrmljexfk] {
    font-size: 11.5px;
    color: var(--its-text);
    opacity: 0.55;
}
/* _content/BeautyCrm.Host.Web/Components/Pages/Sistema/Users/UsersList.razor.rz.scp.css */
/* ─── Stats grid ─────────────────────────────────────────────────────────── */

.ul-stat-grid[b-j0tvg8hmic] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.ul-stat[b-j0tvg8hmic] {
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: var(--its-radius);
    padding: 18px 22px;
    position: relative;
    overflow: hidden;
}

.ul-stat[b-j0tvg8hmic]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--its-gold);
    opacity: 0;
    transition: opacity .18s ease;
}

.ul-stat:hover[b-j0tvg8hmic]::before { opacity: 1; }

.ul-stat__label[b-j0tvg8hmic] {
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--its-text-muted);
    font-weight: 600;
    margin-bottom: 8px;
}

.ul-stat__value[b-j0tvg8hmic] {
    font-family: var(--its-serif);
    font-size: 34px;
    line-height: 1;
    color: var(--its-text);
    font-weight: 400;
    letter-spacing: -.015em;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.ul-stat__value sup[b-j0tvg8hmic] {
    font-family: var(--its-sans);
    font-size: .42em;
    color: var(--its-text-dim);
    font-weight: 400;
    margin-left: 2px;
    vertical-align: super;
    font-variant-numeric: lining-nums tabular-nums;
}

@media (max-width: 1100px) {
    .ul-stat-grid[b-j0tvg8hmic] { grid-template-columns: repeat(2, 1fr); }
}

/* ─── Roles ribbon ───────────────────────────────────────────────────────── */

.ul-roles-ribbon[b-j0tvg8hmic] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.ul-role-chip[b-j0tvg8hmic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
    background: var(--its-surface);
    border: 1px solid var(--its-border);
    border-radius: 8px;
    padding: 10px 14px;
    cursor: pointer;
    transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.ul-role-chip:hover[b-j0tvg8hmic] {
    border-color: var(--its-gold);
}

.ul-role-chip.is-active[b-j0tvg8hmic] {
    background: var(--its-gold-soft);
    border-color: var(--its-gold-deep);
    box-shadow: 0 0 0 1px var(--its-gold-deep) inset;
}

.ul-role-chip__count[b-j0tvg8hmic] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    color: var(--its-text);
    opacity: 0.65;
    font-variant-numeric: lining-nums tabular-nums;
}

/* ─── MFA pill ───────────────────────────────────────────────────────────── */

.ul-mfa-pill[b-j0tvg8hmic] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 12px;
    background: var(--its-surface2);
    color: var(--its-text);
    border: 1px solid var(--its-border);
}

.ul-mfa-pill.on[b-j0tvg8hmic] {
    background: rgba(107, 142, 107, 0.12);
    border-color: var(--its-success);
    color: var(--its-success);
}

.ul-mfa-pill.off[b-j0tvg8hmic] {
    background: rgba(181, 72, 72, 0.08);
    border-color: var(--its-danger);
    color: var(--its-danger);
}

.ul-mfa-pill__dot[b-j0tvg8hmic] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

/* ─── IP sub-line ────────────────────────────────────────────────────────── */

.ul-ip-sub[b-j0tvg8hmic] {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    color: var(--its-text);
    opacity: 0.5;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

/* ─── Cell helpers (replica delle classi fl-* di ClienteList: la CSS isolation
       Blazor non condivide gli stili scoped tra componenti diversi) ──────────── */

.fl-name-cell[b-j0tvg8hmic] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fl-avatar[b-j0tvg8hmic] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--its-gold-soft);
    color: var(--its-gold-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.fl-legal-name[b-j0tvg8hmic] {
    display: block;
    font-weight: 550;
    font-size: 13px;
    color: var(--its-text);
}

.fl-sub[b-j0tvg8hmic] {
    display: block;
    font-size: 11.5px;
    color: var(--its-text);
    opacity: 0.6;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.fl-zone[b-j0tvg8hmic] {
    display: block;
    font-size: 13px;
    color: var(--its-text);
    opacity: 0.85;
}

.fl-date[b-j0tvg8hmic] {
    font-size: 12.5px;
    color: var(--its-text);
    opacity: 0.7;
    font-variant-numeric: tabular-nums;
}

.fl-empty-val[b-j0tvg8hmic] { color: var(--its-border-strong); }

.fl-empty[b-j0tvg8hmic] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 24px;
    gap: 6px;
}

.fl-empty-title[b-j0tvg8hmic] {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--its-text);
    opacity: 0.7;
    margin-top: 8px;
}

.fl-empty-sub[b-j0tvg8hmic] {
    font-size: 13px;
    color: var(--its-text);
    opacity: 0.55;
}

.fl-loading[b-j0tvg8hmic] {
    display: flex;
    justify-content: center;
    padding: 40px;
}

.sd-loading[b-j0tvg8hmic] {
    display: flex;
    justify-content: center;
}
/* _content/BeautyCrm.Host.Web/Components/Shared/ChangeLogTimeline.razor.rz.scp.css */
.cl-loading[b-yr85pyalp0] {
    padding: 32px;
    display: flex;
    justify-content: center;
}

.cl-empty[b-yr85pyalp0] {
    color: var(--its-text-muted);
    font-size: 13px;
    padding: 8px 0;
    margin: 0;
}

.cl-timeline[b-yr85pyalp0] {
    display: flex;
    flex-direction: column;
    padding: 4px 0;
}

.cl-item[b-yr85pyalp0] {
    display: grid;
    grid-template-columns: 110px 24px 1fr;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--its-border);
}

.cl-item:last-child[b-yr85pyalp0] {
    border-bottom: none;
}

.cl-when[b-yr85pyalp0] {
    display: flex;
    flex-direction: column;
    text-align: right;
    padding-top: 2px;
    font-size: 11.5px;
    color: var(--its-text-muted);
    line-height: 1.3;
}

.cl-when b[b-yr85pyalp0] {
    font-family: var(--its-serif);
    font-size: 16px;
    font-weight: 500;
    color: var(--its-text);
    letter-spacing: -.005em;
    margin-bottom: 2px;
}

.cl-dot[b-yr85pyalp0] {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--its-gold);
    margin: 8px auto 0;
    box-shadow: 0 0 0 4px var(--its-bg);
}

.cl-dot[b-yr85pyalp0]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 14px;
    bottom: -22px;
    width: 1px;
    background: var(--its-border);
    transform: translateX(-50%);
}

.cl-item:last-child .cl-dot[b-yr85pyalp0]::before {
    display: none;
}

.cl-what[b-yr85pyalp0] {
    min-width: 0;
    padding-top: 2px;
}

.cl-what > strong[b-yr85pyalp0] {
    font-family: var(--its-serif);
    font-size: 17px;
    font-weight: 500;
    color: var(--its-text);
    display: block;
    margin-bottom: 6px;
    letter-spacing: -.005em;
}

.cl-changes[b-yr85pyalp0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cl-changes li[b-yr85pyalp0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: var(--its-text-muted);
}

.cl-field[b-yr85pyalp0] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--its-gold-deep);
    min-width: 120px;
}

.cl-old[b-yr85pyalp0] {
    color: var(--its-text-muted);
    text-decoration: line-through;
    font-family: var(--its-mono);
    font-size: 12px;
    word-break: break-word;
}

.cl-arrow[b-yr85pyalp0]  .mud-icon-root {
    font-size: 14px !important;
    color: var(--its-text-muted) !important;
}

.cl-new[b-yr85pyalp0] {
    color: var(--its-text);
    font-weight: 600;
    font-family: var(--its-mono);
    font-size: 12px;
    word-break: break-word;
}

@media (max-width: 720px) {
    .cl-item[b-yr85pyalp0] {
        grid-template-columns: 80px 18px 1fr;
        gap: 10px;
    }

    .cl-when b[b-yr85pyalp0] { font-size: 14px; }
    .cl-field[b-yr85pyalp0] { min-width: auto; }
}
/* _content/BeautyCrm.Host.Web/Components/Shared/ConfirmDeactivateDialog.razor.rz.scp.css */
.cdd-body[b-a0ivoa5eg8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Card cliente con bordo rosso sinistro (coerente con validation banner) */
.cdd-target[b-a0ivoa5eg8] {
    display: flex;
    align-items: center;
    gap: 9px;
    background: #fff5f5;
    border: 1px solid #fca5a5;
    border-left: 3px solid #e53935;
    border-radius: 8px;
    padding: 10px 14px;
}

.cdd-name[b-a0ivoa5eg8] {
    font-size: 14px;
    font-weight: 600;
    color: #1a1d2e;
    word-break: break-word;
    line-height: 1.3;
}

.cdd-text[b-a0ivoa5eg8] {
    font-size: 13px;
    color: #4a5278;
    line-height: 1.6;
    margin: 0;
}
/* _content/BeautyCrm.Host.Web/Components/Shared/CrmCard.razor.rz.scp.css */
.crm-card[b-l8ynxmntz2] {
    background: #ffffff;
    border: 1px solid #e0e3ed;
    border-radius: 10px;
    overflow: hidden;
}

.crm-card__header[b-l8ynxmntz2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 18px;
    background: #f8f9fc;
    border-bottom: 1px solid #e0e3ed;
}

.crm-card__title[b-l8ynxmntz2] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5a6282;
}

.crm-card__body[b-l8ynxmntz2] {
    padding: 20px 18px;
}

/* Variante senza padding interno (utile per griglie/tabelle) */
.crm-card__body--flush[b-l8ynxmntz2] {
    padding: 0;
}

/* Header con filtri: padding più generoso e layout flex */
.crm-card__header--filters[b-l8ynxmntz2] {
    padding: 12px 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    background: #ffffff;
}

@media (max-width: 600px) {
    .crm-card__header--filters[b-l8ynxmntz2] {
        flex-direction: column;
        align-items: stretch;
    }
}