/*
|--------------------------------------------------------------------------
| STUDIO FINDER — PWA SOCIAL UI
| Build: 2026.09.30.6
|--------------------------------------------------------------------------
| Layer mobile/PWA only. Desktop and normal mobile web remain untouched.
|--------------------------------------------------------------------------
*/

html.sf-mode-pwa.sf-iphone-app-v2 {
    --sf-social-bg: #f6f6f6;
    --sf-social-surface: #ffffff;
    --sf-social-ink: #000000;
    --sf-social-muted: #6b7280;
    --sf-social-border: rgba(15, 23, 42, .085);
    --sf-social-blue: #056384;
    --sf-social-turquoise: #01abaf;
    --sf-social-radius: 18px;
    --sf-social-shadow: 0 8px 26px rgba(15,23,42,.05);
    background: var(--sf-social-bg) !important;
}

html.sf-mode-pwa.sf-iphone-app-v2 body {
    background: var(--sf-social-bg) !important;
}

html.sf-mode-pwa.sf-iphone-app-v2 main.content {
    max-width: 760px !important;
    margin-inline: auto !important;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-section-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 17px 1px 9px;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-section-title strong {
    color: var(--sf-social-ink);
    font-size: 17px;
    font-weight: 850;
    letter-spacing: -.025em;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-section-title span {
    color: var(--sf-social-muted);
    font-size: 11px;
    font-weight: 700;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-chip-strip {
    display: flex;
    gap: 8px;
    margin: -2px -14px 11px;
    padding: 3px 14px 6px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-chip-strip::-webkit-scrollbar {
    display: none;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-chip {
    flex: 0 0 auto;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    border: 1px solid #e1e6eb;
    border-radius: 999px;
    color: #374151;
    background: rgba(255,255,255,.94);
    text-decoration: none;
    font-size: 11.5px;
    font-weight: 800;
    scroll-snap-align: start;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-chip.is-active {
    color: #fff;
    border-color: var(--sf-social-blue);
    background: var(--sf-social-blue);
}

/* -----------------------------------------------------------------------
   HOME — da dashboard a feed operativo/social
   ----------------------------------------------------------------------- */
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home main.content > .topbar {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sf-social-home-tabs {
    margin-top: 0;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .artist-hero {
    margin: 0 0 10px !important;
    padding: 14px !important;
    border: 1px solid var(--sf-social-border) !important;
    border-radius: 20px !important;
    color: var(--sf-social-ink) !important;
    background: var(--sf-social-surface) !important;
    box-shadow: var(--sf-social-shadow) !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-copy h2 {
    max-width: none !important;
    margin: 0 0 5px !important;
    color: var(--sf-social-ink) !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    letter-spacing: -.028em !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-copy > p {
    margin: 0 !important;
    color: var(--sf-social-muted) !important;
    font-size: 11.5px !important;
    line-height: 1.42 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 11px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-actions a {
    min-height: 38px !important;
    flex: 1 1 0 !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: 11.5px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-focus {
    margin-top: 1px !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #056384, #01abaf) !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-focus * {
    color: inherit !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-focus-label {
    opacity: .82;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .06em;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-focus-value {
    margin-top: 3px !important;
    font-size: 15px !important;
    font-weight: 850 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .hero-focus-meta {
    margin-top: 2px !important;
    opacity: .9;
    font-size: 10.5px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .activity-hub,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-hub {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .activity-columns,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-columns {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .activity-column,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-column {
    overflow: hidden;
    padding: 13px !important;
    border: 1px solid var(--sf-social-border) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--sf-social-shadow) !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .activity-column-head,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-column-head {
    margin-bottom: 8px !important;
    padding: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .activity-column-copy,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-column-copy {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .activity-column-icon,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-column-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .activity-column-title,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-column-title {
    font-size: 14px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sessions-scroll-box {
    max-height: 212px !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sessions-scroll-box table,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sessions-scroll-box tbody {
    display: block !important;
    width: 100% !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sessions-scroll-box thead {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sessions-scroll-box tr {
    display: grid !important;
    grid-template-columns: 72px 56px minmax(0,1fr) !important;
    gap: 7px !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sessions-scroll-box tr:last-child {
    border-bottom: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .sessions-scroll-box td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.28 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .task-form {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 7px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .task-form select {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .task-form input {
    min-height: 39px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .task-form button {
    min-height: 39px !important;
    padding-inline: 12px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .task-item {
    min-height: 44px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-list {
    display: grid !important;
    gap: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-news-row,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-opportunity-row {
    min-height: 82px !important;
    padding: 9px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-list > :last-child {
    border-bottom: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-thumb {
    width: 62px !important;
    height: 62px !important;
    flex-basis: 62px !important;
    border-radius: 14px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-row-title {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-home .discover-row-text {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: var(--sf-social-muted) !important;
    font-size: 10.5px !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* -----------------------------------------------------------------------
   CERCA / SCOPRI — discovery finita, non lista infinita
   ----------------------------------------------------------------------- */
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-cerca-studio .sf-search-page-intro,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-cerca-studio .vertical-stats-box {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-cerca-studio .sf-minimal-search-shell {
    position: sticky !important;
    z-index: 45 !important;
    top: calc(var(--sf-iphone-topbar-height) + var(--sf-pwa-safe-top)) !important;
    margin: -3px -4px 10px !important;
    padding: 7px 4px 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(246,246,246,.94) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-discovery-mode .featured-top-section,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-discovery-mode .results-section,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-discovery-mode .popular-studios-section {
    display: none !important;
}

.sf-social-discovery {
    margin: 0 !important;
}

.sf-social-discovery-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 2px 1px 10px;
}

.sf-social-discovery-head span {
    display: block;
    color: var(--sf-social-muted);
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.sf-social-discovery-head h2 {
    margin: 2px 0 0 !important;
    color: #000 !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
}

.sf-social-discovery-counter {
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid #e1e6ea;
    border-radius: 999px;
    color: #4b5563;
    background: #fff;
    font-size: 10.5px;
    font-weight: 800;
}

.sf-social-discovery-track {
    height: min(650px, calc(100dvh - var(--sf-iphone-topbar-height) - var(--sf-iphone-tabbar-height) - var(--sf-pwa-safe-top) - var(--sf-pwa-safe-bottom) - 128px));
    min-height: 460px;
    display: block;
    overflow-y: auto;
    /*
     * Quando l'ultimo studio e' raggiunto, il gesto continua sul body.
     * `contain` bloccava intenzionalmente lo scroll chaining e faceva
     * sembrare la pagina "intrappolata" dentro il deck consigliati.
     */
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
}

.sf-social-discovery-track::-webkit-scrollbar {
    display: none;
}

.sf-social-discovery-track .studio-card,
.sf-social-discovery-end-card {
    min-height: 100%;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--sf-social-border) !important;
    border-radius: 23px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15,23,42,.065) !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.sf-social-discovery-track .studio-card .studio-image {
    min-height: 46% !important;
    height: 46% !important;
    border-radius: 0 !important;
}

.sf-social-discovery-track .studio-card .studio-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.sf-social-discovery-track .studio-card-body {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 15px !important;
}

.sf-social-discovery-track .studio-title {
    margin: 0 0 3px !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
}

.sf-social-discovery-track .studio-location {
    overflow: hidden !important;
    color: #6b7280 !important;
    font-size: 10.5px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sf-social-discovery-track .studio-meta-row {
    margin: 9px 0 6px !important;
}

.sf-social-discovery-track .studio-description {
    display: -webkit-box !important;
    margin: 4px 0 7px !important;
    overflow: hidden !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-social-discovery-track .social-row {
    display: none !important;
}

.sf-social-discovery-track .studio-actions {
    margin-top: auto !important;
    padding-top: 8px !important;
}

.sf-social-discovery-end-card {
    align-items: center;
    justify-content: center;
    padding: 28px 20px !important;
    text-align: center;
}

.sf-social-discovery-end-card .sf-social-end-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #056384, #01abaf);
    font-size: 23px;
    font-weight: 900;
}

.sf-social-discovery-end-card h3 {
    margin: 0 0 6px;
    font-size: 20px;
    letter-spacing: -.025em;
}

.sf-social-discovery-end-card p {
    max-width: 270px;
    margin: 0 0 16px;
    color: var(--sf-social-muted);
    font-size: 12px;
    line-height: 1.45;
}

.sf-social-discovery-end-card .sf-social-end-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.sf-social-discovery-end-card a,
.sf-social-discovery-end-card button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe4e8;
    border-radius: 13px;
    color: #111827;
    background: #fff;
    text-decoration: none;
    font-size: 11.5px;
    font-weight: 850;
}

.sf-social-discovery-end-card .is-primary {
    color: #fff;
    border-color: var(--sf-social-blue);
    background: var(--sf-social-blue);
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode .featured-top-section,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode .popular-studios-section {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode .results-section {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode .results-title-row {
    margin: 5px 0 8px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-card {
    min-height: 94px !important;
    display: grid !important;
    grid-template-columns: 92px minmax(0,1fr) !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e8ecef !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-image {
    width: 92px !important;
    height: 92px !important;
    min-height: 92px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-card-body {
    min-width: 0 !important;
    padding: 2px 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-title {
    margin: 0 0 2px !important;
    font-size: 14px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-location {
    max-width: 100%;
    overflow: hidden;
    font-size: 10px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-meta-row {
    margin: 5px 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-meta-pill {
    padding: 3px 6px !important;
    font-size: 8.5px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .tag-row,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-description,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .social-row,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .sf-recommendation-summary,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-match-reasons {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-actions {
    display: flex !important;
    gap: 6px !important;
    margin-top: 3px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-actions a,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-search-results-mode #searchResultsTrack .studio-actions .studio-booking-unavailable {
    min-height: 29px !important;
    padding: 5px 8px !important;
    border-radius: 9px !important;
    font-size: 9px !important;
}

.sf-social-result-hidden {
    display: none !important;
}

.sf-social-load-more {
    width: 100%;
    min-height: 44px;
    margin: 12px 0 4px;
    border: 1px solid #dce4e8;
    border-radius: 14px;
    color: #111827;
    background: #fff;
    font-size: 11.5px;
    font-weight: 850;
}

/* -----------------------------------------------------------------------
   SESSIONI — compatte e stabili
   ----------------------------------------------------------------------- */
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni main.content > .topbar,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .summary-strip,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .card-box > .card-head,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-toolbar {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .card-box {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sf-social-session-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    width: 100%;
    height: 44px;
    margin: 4px 0 12px;
    padding: 3px;
    border: 1px solid #e2e8ec;
    border-radius: 14px;
    background: #edf1f3;
}

.sf-social-session-tab {
    width: 100%;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    color: #64748b !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 36px !important;
}

.sf-social-session-tab.is-active {
    color: #111827 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.08) !important;
}

.sf-social-session-label {
    margin: 0 0 5px;
    color: #6b7280;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .07em;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-list {
    display: grid !important;
    gap: 0 !important;
    padding: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-card {
    position: relative;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 11px 24px 11px 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid #e6eaed !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-card::after {
    content: '›';
    position: absolute;
    right: 2px;
    top: 50%;
    color: #a7aeb8;
    font-size: 22px;
    transform: translateY(-50%);
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-card.sf-next-session {
    min-height: 72px !important;
    padding-left: 10px !important;
    border-left: 3px solid #056384 !important;
    background: linear-gradient(90deg, rgba(5,99,132,.055), rgba(5,99,132,0)) !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-main {
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) auto !important;
    grid-template-areas: 'date studio state' !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-studio { grid-area: studio; min-width: 0 !important; }
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-date-wrap { grid-area: date; margin:0!important; padding:0!important; text-align:left!important; }
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-state { grid-area: state; display:flex!important; justify-content:flex-end!important; }

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-studio-name {
    margin:0!important; overflow:hidden; font-size:13px!important; font-weight:900!important; text-overflow:ellipsis; white-space:nowrap;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-services-preview {
    margin:3px 0 0!important; overflow:hidden; color:#6b7280!important; font-size:10px!important; text-overflow:ellipsis; white-space:nowrap;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-date {
    margin:0!important; font-size:10.5px!important; font-weight:900!important; line-height:1.2!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-time {
    margin:3px 0 0!important; color:#7b8492!important; font-size:9px!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-state .status-pill {
    max-width:86px!important; margin:0!important; padding:4px 6px!important; font-size:7.5px!important; line-height:1.1!important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-amount-wrap,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-details {
    display:none!important;
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-sheet .booking-details,
html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-sheet .booking-details.sf-session-sheet-mode {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-sheet .booking-details > summary { display:none!important; }
html.sf-mode-pwa.sf-iphone-app-v2 .sf-social-sheet .booking-details-grid {
    display:grid!important; grid-template-columns:1fr!important; gap:8px!important; padding:0!important;
}

/* -----------------------------------------------------------------------
   BRANI — libreria compatta + mini player
   ----------------------------------------------------------------------- */
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani main.content > .topbar,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-summary {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-toolbar {
    position: sticky;
    z-index: 44;
    top: calc(var(--sf-iphone-topbar-height) + var(--sf-pwa-safe-top));
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 7px !important;
    margin: -3px -4px 10px !important;
    padding: 7px 4px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(246,246,246,.95) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-search {
    min-width: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-search input {
    min-height: 39px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter {
    width: 42px !important;
    min-width: 42px !important;
    overflow: hidden;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter select {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    color: transparent !important;
    border-radius: 12px !important;
    background: #fff !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter::after {
    content: '☰';
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #374151;
    pointer-events: none;
    font-size: 14px;
    font-weight: 900;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter {
    position: relative;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filters {
    grid-column: 1 / -1;
    display: flex !important;
    gap: 6px !important;
    margin: 0 -4px !important;
    padding: 0 4px 2px !important;
    overflow-x: auto !important;
    scrollbar-width: none;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filters::-webkit-scrollbar {
    display: none;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filter {
    flex: 0 0 auto !important;
    min-height: 31px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .card-box[data-section] {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .card-box[data-section] > .card-head {
    min-height: 34px !important;
    padding: 7px 0 4px !important;
    border: 0 !important;
    background: transparent !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .card-box[data-section] > .card-head h2 {
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .07em;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .section-chevron,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .section-count {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .card-box[data-section] > .card-body {
    padding: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .tracks-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card {
    position: relative;
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) 34px !important;
    gap: 9px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e7ebee !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.is-new-file {
    background: linear-gradient(90deg, rgba(1,171,175,.07), transparent 45%) !important;
    box-shadow: inset 3px 0 0 #01abaf !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .sf-track-play-button,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .sf-track-more-button {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(--sf-social-blue);
    font-size: 13px;
    font-weight: 900;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .sf-track-more-button {
    width: 32px;
    height: 32px;
    color: #4b5563;
    background: transparent;
    font-size: 20px;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .sf-track-play-button:disabled {
    color: #a3aab3;
    background: #eceff1;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-main {
    min-width: 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-top {
    display: block !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-top > div:last-child {
    position: absolute;
    top: 7px;
    right: 34px;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-title {
    max-width: calc(100% - 54px);
    margin: 0 0 3px !important;
    overflow: hidden;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-subtitle {
    max-width: 100%;
    overflow: hidden;
    color: #6b7280 !important;
    font-size: 9.8px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .status-pill,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .new-file-badge {
    padding: 3px 5px !important;
    font-size: 7.5px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-info-line,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-player,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .artist-feedback-box,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-actions {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode {
    display: block !important;
    padding: 0 0 10px !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .sf-track-play-button,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .sf-track-more-button {
    display: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-top > div:last-child {
    position: static !important;
    margin-top: 8px;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-title {
    max-width: 100%;
    font-size: 21px !important;
    white-space: normal;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-subtitle {
    font-size: 11px !important;
    white-space: normal;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-info-line,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-player,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .artist-feedback-box,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-actions {
    display: flex !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-info-line {
    flex-wrap: wrap !important;
    margin: 11px 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-player {
    display: block !important;
    margin: 13px 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .artist-feedback-box,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card.sf-track-sheet-mode .track-actions {
    flex-direction: column !important;
    margin-top: 12px !important;
}

/* MINI PLAYER */
.sf-social-mini-player {
    position: fixed;
    z-index: 10015;
    right: 8px;
    bottom: calc(var(--sf-iphone-tabbar-height) + var(--sf-pwa-safe-bottom) + 7px);
    left: 8px;
    min-height: 58px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) 34px;
    gap: 9px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 16px;
    color: #fff;
    background: rgba(8,18,28,.94);
    box-shadow: 0 14px 36px rgba(2,6,23,.25);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.sf-social-mini-player[hidden] {
    display: none !important;
}

.sf-social-mini-player button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.12);
    font-size: 13px;
    font-weight: 900;
}

.sf-social-mini-copy {
    min-width: 0;
}

.sf-social-mini-copy strong,
.sf-social-mini-copy span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sf-social-mini-copy strong {
    font-size: 11.5px;
}

.sf-social-mini-copy span {
    margin-top: 2px;
    color: rgba(255,255,255,.67);
    font-size: 9.5px;
}

.sf-social-mini-progress {
    position: absolute;
    right: 10px;
    bottom: 4px;
    left: 56px;
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.15);
}

.sf-social-mini-progress > span {
    display: block;
    width: 0;
    height: 100%;
    background: #01abaf;
}

html.sf-social-player-visible main.content {
    padding-bottom: calc(var(--sf-iphone-tabbar-height) + var(--sf-pwa-safe-bottom) + 94px) !important;
}

/* -----------------------------------------------------------------------
   SHEET GENERICO SOCIAL
   ----------------------------------------------------------------------- */
.sf-social-sheet-backdrop {
    position: fixed;
    z-index: 10070;
    inset: 0;
    background: rgba(2,6,23,.32);
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
}

.sf-social-sheet-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
}

.sf-social-sheet {
    position: fixed;
    z-index: 10071;
    right: 7px;
    bottom: 7px;
    left: 7px;
    max-height: calc(88dvh - var(--sf-pwa-safe-top));
    overflow-y: auto;
    padding: 7px 14px calc(16px + var(--sf-pwa-safe-bottom));
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 25px;
    background: rgba(255,255,255,.985);
    box-shadow: 0 28px 90px rgba(2,6,23,.34);
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 22px));
    transition: opacity .18s ease, transform .22s ease;
}

.sf-social-sheet.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.sf-social-sheet-handle {
    width: 36px;
    height: 4px;
    margin: 2px auto 9px;
    border-radius: 999px;
    background: #d3d8de;
}

.sf-social-sheet-head {
    position: sticky;
    z-index: 3;
    top: -7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: -7px -1px 8px;
    padding: 10px 1px 9px;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.sf-social-sheet-head strong {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sf-social-sheet-close {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border: 0;
    border-radius: 50%;
    color: #374151;
    background: #eef1f3;
    font-size: 21px;
}

.sf-social-sheet .booking-details {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sf-social-sheet .booking-details > summary {
    display: none !important;
}

.sf-social-sheet .booking-details-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

.sf-social-sheet .detail-box {
    padding: 11px !important;
    border-radius: 13px !important;
}

.sf-social-sheet .booking-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

.sf-social-sheet .booking-actions > * {
    width: 100% !important;
}

@media (max-height: 720px) {
    .sf-social-discovery-track {
        min-height: 410px;
    }

    .sf-social-discovery-track .studio-card .studio-image {
        min-height: 41% !important;
        height: 41% !important;
    }
}

html.sf-mode-pwa.sf-iphone-app-v2 .sf-iphone-more-version {
    padding: 8px 4px 2px;
    color: #8a929c;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .02em;
}


/* SOCIAL V1.2 — BRANI */
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .sf-audio-info-message {
    display:none!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter {
    position:relative!important; width:42px!important; min-width:42px!important; height:39px!important;
    overflow:hidden!important; border:1px solid #dbe3e8!important; border-radius:12px!important; background:#fff!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter label { display:none!important; }
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter select {
    position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
    margin:0!important; padding:0!important; opacity:0!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-studio-filter::after {
    content:'⌄'!important; position:absolute!important; inset:0!important; display:grid!important; place-items:center!important;
    color:#475569!important; font-size:17px!important; font-weight:900!important; pointer-events:none!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-search input {
    width:100%!important; min-width:0!important; height:39px!important; min-height:39px!important;
    padding:0 12px!important; border:1px solid #dbe3e8!important; border-radius:12px!important; background:#fff!important;
    font-size:12px!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-small-library.sf-iphone-page-i-tuoi-brani .library-toolbar {
    grid-template-columns:1fr!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-small-library.sf-iphone-page-i-tuoi-brani .library-search,
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-small-library.sf-iphone-page-i-tuoi-brani .library-studio-filter {
    display:none!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-small-library.sf-iphone-page-i-tuoi-brani .library-filters {
    grid-column:1!important; margin:0!important; padding-left:0!important; padding-right:0!important;
}
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card {
    min-height:64px!important; padding-top:9px!important; padding-bottom:9px!important;
}


/* =======================================================================
   SOCIAL V1.3 — SESSIONI / BRANI
   ======================================================================= */

/* SESSIONI — tab leggere, niente grossa pill */
.sf-social-session-tabs {
    display: flex !important;
    align-items: flex-end !important;
    gap: 24px !important;
    width: auto !important;
    height: 37px !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e6eaed !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.sf-social-session-tab {
    position: relative !important;
    width: auto !important;
    height: 37px !important;
    min-height: 37px !important;
    padding: 0 1px 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #8a94a3 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

.sf-social-session-tab::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
}

.sf-social-session-tab.is-active {
    color: #111827 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sf-social-session-tab.is-active::after {
    background: #056384 !important;
}

.sf-social-session-label {
    margin: 0 0 4px !important;
    font-size: 9px !important;
    letter-spacing: .08em !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-card,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-card.sf-next-session {
    min-height: 67px !important;
    padding: 10px 22px 10px 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #e7ebee !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-card.sf-next-session::before {
    content: '' !important;
    position: absolute !important;
    top: 13px !important;
    bottom: 13px !important;
    left: -9px !important;
    width: 3px !important;
    border-radius: 999px !important;
    background: #056384 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-main {
    grid-template-columns: 58px minmax(0,1fr) auto !important;
    gap: 12px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-date {
    font-size: 10.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-time {
    margin-top: 4px !important;
    color: #8a94a3 !important;
    font-size: 9.5px !important;
    font-weight: 650 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-studio-name {
    font-size: 14px !important;
    font-weight: 900 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-services-preview {
    margin-top: 4px !important;
    font-size: 10px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-storico-prenotazioni .booking-state .status-pill {
    max-width: 74px !important;
    padding: 4px 7px !important;
    font-size: 7px !important;
    font-weight: 900 !important;
}

/* BRANI — una sola libreria */
html.sf-mode-pwa.sf-iphone-app-v2.sf-social-track-unified.sf-iphone-page-i-tuoi-brani .card-box[data-section] {
    display: none !important;
}

.sf-social-track-library {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    margin-top: 5px;
    border-top: 1px solid #e7ebee;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-toolbar {
    position: static !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filters {
    grid-column: 1 / -1 !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e6eaed !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filter {
    position: relative !important;
    min-height: 36px !important;
    padding: 0 0 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #8a94a3 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filter::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filter.active {
    color: #056384 !important;
    background: transparent !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .library-filter.active::after {
    background: #056384 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-social-small-library.sf-iphone-page-i-tuoi-brani .library-toolbar {
    display: block !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-card {
    min-height: 62px !important;
    grid-template-columns: 40px minmax(0,1fr) 28px !important;
    gap: 10px !important;
    padding: 8px 0 !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .sf-track-play-button {
    width: 38px !important;
    height: 38px !important;
    font-size: 12px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .sf-track-more-button {
    width: 28px !important;
    height: 28px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-top > div:last-child {
    top: 8px !important;
    right: 29px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-title {
    max-width: calc(100% - 72px) !important;
    margin-bottom: 3px !important;
    font-size: 13.5px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .track-subtitle {
    font-size: 10px !important;
}

html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .status-pill,
html.sf-mode-pwa.sf-iphone-app-v2.sf-iphone-page-i-tuoi-brani .new-file-badge {
    padding: 3px 5px !important;
    font-size: 6.8px !important;
}