/* /Components/Admin/AdminNavigation.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - NAVEGACIÓN ÚNICA DEL SUPER ADMINISTRADOR
   Fuente única de estilos del menú lateral y menú hamburguesa.
   ============================================================================ */

*[b-6ornobg85t] {
    box-sizing: border-box;
}

.admin-mobile-topbar[b-6ornobg85t],
.admin-mobile-menu-backdrop[b-6ornobg85t],
.admin-mobile-sidebar-head[b-6ornobg85t] {
    display: none;
}

.admin-navigation-sidebar[b-6ornobg85t] {
    position: sticky;
    top: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    width: 250px;
    height: 100vh;
    min-height: 100vh;
    padding: 18px 12px 16px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #1c2d3c;
    background: linear-gradient(180deg, #07111e 0%, #030a12 100%);
    color: #fff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.admin-brand[b-6ornobg85t] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 5px 10px 18px;
    color: #fff;
    text-decoration: none;
}


.admin-brand-logo[b-6ornobg85t] {
    display: block;
    width: 156px;
    max-height: 54px;
    object-fit: contain;
    object-position: left center;
}

.admin-mobile-brand-logo[b-6ornobg85t] {
    display: block;
    width: 128px;
    max-height: 38px;
    object-fit: contain;
    object-position: left center;
}

.admin-brand-mark[b-6ornobg85t] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    font-size: 25px;
    font-style: italic;
    font-weight: 900;
}

.admin-brand-mark b[b-6ornobg85t] {
    position: absolute;
    top: 0;
    left: 4px;
    color: #fff;
}

.admin-brand-mark em[b-6ornobg85t] {
    position: absolute;
    right: 4px;
    bottom: 0;
    color: #ffc400;
    font-size: 24px;
    font-weight: 900;
}

.admin-brand > span:last-child > strong[b-6ornobg85t],
.admin-brand > span:last-child > small[b-6ornobg85t] {
    display: block;
}

.admin-brand > span:last-child > strong[b-6ornobg85t] {
    font-size: 17px;
}

.admin-brand > span:last-child > strong b[b-6ornobg85t],
.admin-mobile-brand b[b-6ornobg85t] {
    color: #ffc400;
}

.admin-brand > span:last-child > small[b-6ornobg85t] {
    margin-top: 3px;
    color: #93a4b7;
    font-size: 10px;
}

.admin-navigation-menu[b-6ornobg85t] {
    display: grid;
    gap: 3px;
}

.admin-navigation-menu a[b-6ornobg85t] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 39px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #dbe4ec;
    text-decoration: none;
    font-size: 12px;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.admin-navigation-menu a:hover[b-6ornobg85t] {
    background: #101d2a;
    color: #fff;
}

.admin-navigation-menu a.active[b-6ornobg85t] {
    border-color: rgba(255, 196, 0, .22);
    background: linear-gradient(90deg, rgba(126, 94, 0, .48), rgba(71, 56, 0, .28));
    color: #fff;
}

.admin-navigation-menu i[b-6ornobg85t] {
    width: 18px;
    flex: 0 0 18px;
    color: #e3ebf2;
    text-align: center;
    font-style: normal;
}

.admin-navigation-menu a.active i[b-6ornobg85t] {
    color: #ffc400;
}

.admin-profile-card[b-6ornobg85t] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    margin-top: auto;
    padding: 11px;
    border: 1px solid #263748;
    border-radius: 10px;
    background: #0b1521;
}

.admin-profile-avatar[b-6ornobg85t] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid #3c4958;
    border-radius: 50%;
    background: linear-gradient(145deg, #323e4b, #111923);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.admin-profile-card strong[b-6ornobg85t],
.admin-profile-card small[b-6ornobg85t] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-profile-card strong[b-6ornobg85t] {
    color: #fff;
    font-size: 12px;
}

.admin-profile-card small[b-6ornobg85t] {
    margin-top: 3px;
    color: #8192a5;
    font-size: 10px;
}

.admin-logout-button[b-6ornobg85t] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 39px;
    margin-top: 8px;
    padding: 0 11px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #d9e3ed;
    text-align: left;
    cursor: pointer;
}

.admin-logout-button:hover[b-6ornobg85t] {
    background: #101c28;
}

.admin-logout-button span[b-6ornobg85t] {
    color: #ef5467;
}

.admin-logout-button:disabled[b-6ornobg85t] {
    opacity: .6;
    cursor: wait;
}

@media (max-width: 900px) {
    .admin-mobile-topbar[b-6ornobg85t] {
        position: sticky;
        top: 0;
        z-index: 950;
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 58px;
        padding: 8px 12px;
        border-bottom: 1px solid #243442;
        background: #030a11;
        color: #fff;
    }

    .admin-hamburger-button[b-6ornobg85t] {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        padding: 0;
        border: 1px solid #344554;
        border-radius: 9px;
        background: #09141e;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .admin-mobile-brand[b-6ornobg85t] {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: 800;
    }

    .admin-mobile-brand-mark[b-6ornobg85t] {
        display: grid;
        place-items: center;
        width: 31px;
        height: 31px;
        border-radius: 8px;
        background: #e8edf3;
        color: #07111e;
        font-size: 15px;
        font-style: italic;
        font-weight: 900;
    }

    .admin-mobile-menu-backdrop[b-6ornobg85t] {
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: block;
        border: 0;
        background: rgba(0, 0, 0, .68);
    }

    .admin-navigation-sidebar[b-6ornobg85t] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 1001;
        width: min(86vw, 310px);
        height: 100dvh;
        min-height: 0;
        padding: 14px;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 18px 0 45px rgba(0, 0, 0, .6);
    }

    .admin-navigation-sidebar.is-open[b-6ornobg85t] {
        transform: translateX(0);
    }

    .admin-mobile-sidebar-head[b-6ornobg85t] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 42px;
        margin-bottom: 5px;
    }

    .admin-mobile-sidebar-head strong[b-6ornobg85t] {
        font-size: 13px;
    }

    .admin-mobile-sidebar-head button[b-6ornobg85t] {
        width: 38px;
        height: 38px;
        border: 1px solid #344554;
        border-radius: 8px;
        background: #09141e;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .admin-navigation-menu a[b-6ornobg85t] {
        min-height: 42px;
    }
}
/* /Components/Affiliate/AffiliateNavigation.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - NAVEGACIÓN ÚNICA DEL AFILIADO
   Fuente única de estilos del menú lateral y hamburguesa.
   ============================================================================ */

*[b-2s9ihm0w1h] {
    box-sizing: border-box;
}

.mobile-topbar[b-2s9ihm0w1h],
.mobile-menu-backdrop[b-2s9ihm0w1h],
.mobile-sidebar-head[b-2s9ihm0w1h] {
    display: none;
}

.sidebar[b-2s9ihm0w1h] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    width: 232px;
    height: 100vh;
    padding: 18px 14px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid rgba(148, 163, 184, .14);
    background: linear-gradient(180deg, #07111e 0%, #050c16 100%);
    color: #fff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.brand[b-2s9ihm0w1h] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 18px;
    color: #fff;
    text-decoration: none;
}


.brand-logo[b-2s9ihm0w1h] {
    display: block;
    width: 158px;
    max-height: 54px;
    object-fit: contain;
    object-position: left center;
}

.mobile-brand-logo[b-2s9ihm0w1h] {
    display: block;
    width: 126px;
    max-height: 38px;
    object-fit: contain;
    object-position: left center;
}

.brand-mark[b-2s9ihm0w1h],
.mobile-brand-mark[b-2s9ihm0w1h] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f8fafc, #cbd5e1);
    color: #07111e;
    font-size: 22px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-2s9ihm0w1h] {
    display: block;
    font-size: 18px;
}

.brand b[b-2s9ihm0w1h],
.mobile-brand b[b-2s9ihm0w1h] {
    color: #fbbf24;
}

.brand small[b-2s9ihm0w1h] {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 10px;
}

.profile-card[b-2s9ihm0w1h] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    margin: 0 0 14px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    background: rgba(15, 23, 42, .62);
}

.avatar[b-2s9ihm0w1h] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7c2d12, #f59e0b);
    color: #fff;
    font-weight: 900;
}

.profile-card strong[b-2s9ihm0w1h],
.profile-card small[b-2s9ihm0w1h],
.profile-card span[b-2s9ihm0w1h] {
    display: block;
}

.profile-card strong[b-2s9ihm0w1h] {
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-card small[b-2s9ihm0w1h] {
    margin-top: 2px;
    color: #cbd5e1;
    font-size: 11px;
}

.level-chip[b-2s9ihm0w1h] {
    width: fit-content;
    margin-top: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(245, 158, 11, .15);
    color: #fbbf24;
    font-size: 10px;
    font-weight: 800;
}

nav[b-2s9ihm0w1h] {
    display: grid;
    gap: 3px;
}

nav a[b-2s9ihm0w1h] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 8px;
    color: #dbeafe;
    text-decoration: none;
    font-size: 12px;
    transition: background .18s ease, color .18s ease;
}

nav a:hover[b-2s9ihm0w1h],
nav a.active[b-2s9ihm0w1h] {
    background: linear-gradient(90deg, rgba(109, 40, 217, .95), rgba(124, 58, 237, .78));
    color: #fff;
}

nav i[b-2s9ihm0w1h] {
    width: 18px;
    text-align: center;
    font-style: normal;
}

.share-card[b-2s9ihm0w1h] {
    display: grid;
    gap: 7px;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(139, 92, 246, .35);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(76, 29, 149, .70), rgba(30, 64, 175, .30));
}

.gift[b-2s9ihm0w1h] {
    font-size: 30px;
}

.share-card strong[b-2s9ihm0w1h] {
    font-size: 14px;
}

.share-card small[b-2s9ihm0w1h] {
    color: #ddd6fe;
    font-size: 11px;
    line-height: 1.45;
}

.share-card button[b-2s9ihm0w1h],
.logout-button[b-2s9ihm0w1h] {
    min-height: 36px;
    border-radius: 8px;
    cursor: pointer;
}

.share-card button[b-2s9ihm0w1h] {
    margin-top: 5px;
    border: 0;
    background: #fff;
    color: #6d28d9;
    font-size: 11px;
    font-weight: 800;
}

.logout-button[b-2s9ihm0w1h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 12px;
    border: 1px solid rgba(148, 163, 184, .24);
    background: transparent;
    color: #fff;
    font-size: 12px;
}

.logout-button:disabled[b-2s9ihm0w1h] {
    opacity: .6;
    cursor: wait;
}

@media (max-width: 900px) {
    .mobile-topbar[b-2s9ihm0w1h] {
        position: sticky;
        top: 0;
        z-index: 50;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(148, 163, 184, .15);
        background: #07111e;
    }

    .hamburger-button[b-2s9ihm0w1h] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
        cursor: pointer;
    }

    .mobile-brand[b-2s9ihm0w1h] {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: 800;
    }

    .mobile-brand-mark[b-2s9ihm0w1h] {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 8px;
        font-size: 16px;
    }

    .mobile-menu-backdrop[b-2s9ihm0w1h] {
        position: fixed;
        inset: 0;
        z-index: 55;
        display: block;
        border: 0;
        background: rgba(2, 6, 23, .68);
    }

    .sidebar[b-2s9ihm0w1h] {
        width: min(280px, 86vw);
        height: 100dvh;
        padding: 12px 14px 14px;
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .sidebar.is-open[b-2s9ihm0w1h] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-2s9ihm0w1h] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
        color: #fff;
    }

    .mobile-sidebar-head button[b-2s9ihm0w1h] {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }
}
/* /Components/Home/CategoryCard.razor.rz.scp.css */
.ty-category-card[b-xjx6uya35a] {
    --accent: #2b78ff;
    --accent-rgb: 43,120,255;
    --secondary: #0b2c73;
    position: relative;
    isolation: isolate;
    min-width: 0;
    height: clamp(390px,34vw,585px);
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid rgba(var(--accent-rgb),.78);
    background: #07111f;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}


.ty-category-card:hover[b-xjx6uya35a] {
    transform: translateY(-3px) scale(1.006);
    box-shadow: 0 16px 34px rgba(0,0,0,.32), 0 0 22px rgba(var(--accent-rgb),.11);
    filter: brightness(1.035);
}

/* La fotografía ocupa toda la tarjeta. Los recursos HD ya vienen recortados
   en formato vertical para evitar la franja borrosa de las imágenes anteriores. */
.ty-category-photo[b-xjx6uya35a] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: -3;
}

/* Capa de lectura: color de marca arriba y transparencia progresiva hacia abajo.
   La foto conserva detalle y protagonismo en la mitad inferior. */
.ty-category-shade[b-xjx6uya35a] {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(180deg,
            rgba(var(--accent-rgb),.92) 0%,
            rgba(var(--accent-rgb),.82) 23%,
            rgba(var(--accent-rgb),.56) 42%,
            rgba(3,9,17,.20) 62%,
            rgba(3,9,17,.08) 78%,
            rgba(3,9,17,.28) 100%),
        linear-gradient(90deg,
            rgba(3,9,17,.24) 0%,
            rgba(3,9,17,.05) 72%,
            color-mix(in srgb, var(--secondary) 34%, transparent) 100%);
    pointer-events: none;
}

.ty-category-content[b-xjx6uya35a] {
    height: 100%;
    padding: 18px 17px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,.48);
}

.ty-category-icon[b-xjx6uya35a] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    background: rgba(var(--accent-rgb),.96);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 8px 18px rgba(0,0,0,.25);
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.ty-category-card h3[b-xjx6uya35a] {
    margin: 0 0 10px;
    font-size: clamp(20px,1.45vw,27px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.45px;
}

.ty-category-card p[b-xjx6uya35a] {
    margin: 0;
    max-width: 94%;
    font-size: clamp(13px,.92vw,16px);
    line-height: 1.4;
    color: #fff;
    font-weight: 500;
}

.ty-category-card button[b-xjx6uya35a],
.ty-category-card .ty-category-explore[b-xjx6uya35a] {
    margin-top: 20px;
    border: 1px solid rgba(255,255,255,.30);
    border-radius: 10px;
    background: rgba(3,12,26,.54);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    color: #fff;
    min-height: 46px;
    padding: 0 17px;
    font-size: 14px;
    font-weight: 750;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    box-shadow: 0 7px 16px rgba(0,0,0,.17);
    transition: background .18s ease, transform .18s ease, border-color .18s ease;
}

.ty-category-card button span[b-xjx6uya35a],
.ty-category-card .ty-category-explore span[b-xjx6uya35a] { font-size:20px; line-height:1; }
.ty-category-card button:hover[b-xjx6uya35a],
.ty-category-card .ty-category-explore:hover[b-xjx6uya35a] { background:rgba(var(--accent-rgb),.58); transform:translateY(-1px); border-color:rgba(255,255,255,.72); }
.ty-category-card button:focus-visible[b-xjx6uya35a],
.ty-category-card .ty-category-explore:focus-visible[b-xjx6uya35a] { outline:2px solid #fff; outline-offset:3px; }

@media (max-width:1200px) {
    .ty-category-card[b-xjx6uya35a] { height:470px; }
    .ty-category-content[b-xjx6uya35a] { padding:20px; }
    .ty-category-card p[b-xjx6uya35a] { max-width:82%; }
}

@media (max-width:720px) {
    .ty-category-card[b-xjx6uya35a] { height:430px; }
    .ty-category-icon[b-xjx6uya35a] { width:44px; height:44px; flex-basis:44px; }
    .ty-category-card p[b-xjx6uya35a] { max-width:92%; }
}

@media (max-width:430px) {
    .ty-category-card[b-xjx6uya35a] { height:455px; }
    .ty-category-card p[b-xjx6uya35a] { max-width:75%; }
}

@media (prefers-reduced-motion:reduce) {
    .ty-category-card[b-xjx6uya35a], .ty-category-card button[b-xjx6uya35a],
.ty-category-card .ty-category-explore[b-xjx6uya35a] { transition:none; }
    .ty-category-card:hover[b-xjx6uya35a] { transform:none; }
}

.ty-category-explore[b-xjx6uya35a]{text-decoration:none;display:inline-flex;align-items:center;gap:12px;width:max-content}
/* /Components/Home/CategorySection.razor.rz.scp.css */
.ty-categories[b-hkaxen7nh6] { padding-top: 24px; }
.ty-categories h2[b-hkaxen7nh6] { margin: 0 0 16px; color: #fff; font-size: clamp(24px,2vw,34px); line-height:1.08; font-weight:800; letter-spacing:-.6px; }
.ty-category-grid[b-hkaxen7nh6] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; align-items:stretch; }
@media (max-width:1200px){ .ty-category-grid[b-hkaxen7nh6]{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:720px){ .ty-category-grid[b-hkaxen7nh6]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} }
@media (max-width:430px){ .ty-category-grid[b-hkaxen7nh6]{grid-template-columns:1fr;} }


.ty-category-loading[b-hkaxen7nh6] {
    min-height: 180px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    color: #9baabe;
    background: rgba(8, 17, 28, .55);
}
/* /Components/Home/PioneerCampaignBanner.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - NEGOCIOS PIONEROS
   Desktop: pieza gráfica horizontal aprobada + overlays dinámicos.
   Móvil: composición nativa vertical, legible y táctil, sin scroll horizontal.
   ============================================================================ */

.ty-pioneer-wrap[b-tahg7a6r4p] {
    padding: 10px 18px 14px;
}

/* ============================================================================
   DESKTOP / TABLET
   ============================================================================ */
.ty-pioneer-image-banner[b-tahg7a6r4p] {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
    line-height: 0;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .34);
}

.ty-pioneer-background[b-tahg7a6r4p] {
    display: block;
    width: 100%;
    height: auto;
    user-select: none;
    pointer-events: none;
}

.ty-pioneer-progress-overlay[b-tahg7a6r4p] {
    position: absolute;
    left: 34.05%;
    /* Ajuste visual: bloque de inscritos/cupos desplazado hacia abajo. */
    top: 79.0%;
    width: 28.85%;
    height: 14.8%;
    display: flex;
    align-items: center;
}

.ty-pioneer-progress[b-tahg7a6r4p] {
    position: relative;
    width: 100%;
    height: 86%;
    min-height: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(32, 80, 126, .80), rgba(21, 63, 105, .86));
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .28), 0 0 10px rgba(0, 195, 255, .10);
    line-height: normal;
}

.ty-pioneer-progress i[b-tahg7a6r4p] {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 1;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffd72f 0%, #ffc319 82%, #ffd62f 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 3px 0 12px rgba(255,195,25,.18);
    transition: width .4s ease;
}

/*
   Indicadores dinámicos de cupos.
   Los números se renderizan desde _campaign y se centran visualmente
   en cada mitad de la zona de progreso.
*/
.ty-pioneer-progress-stat[b-tahg7a6r4p] {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
    gap: clamp(4px, .38vw, 8px);
    transform: translateY(-42%);
    white-space: nowrap;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
}

.ty-pioneer-progress-stat-left[b-tahg7a6r4p] {
    left: 0;
    color: #09152f;
}

.ty-pioneer-progress-stat-right[b-tahg7a6r4p] {
    right: 0;
    color: #fff;
}

.ty-pioneer-progress-stat b[b-tahg7a6r4p] {
    display: inline-block;
    font-size: clamp(14px, 1.22vw, 25px);
    line-height: .95;
    font-weight: 1000;
    letter-spacing: -.4px;
}

.ty-pioneer-progress-stat small[b-tahg7a6r4p] {
    display: inline-block;
    font-size: clamp(7px, .58vw, 12px);
    line-height: 1;
    font-weight: 900;
}

.ty-pioneer-cta-overlay[b-tahg7a6r4p] {
    position: absolute;
    left: 67.25%;
    top: 74.0%;
    width: 18.45%;
    height: 15.8%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ty-pioneer-cta[b-tahg7a6r4p] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 68%;
    min-height: 24px;
    padding: 0 8%;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #111827;
    font-family: inherit;
    font-size: clamp(7px, .68vw, 14px);
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
    transition: transform .18s ease, filter .18s ease;
}

.ty-pioneer-cta:hover:not(:disabled)[b-tahg7a6r4p] {
    transform: translateY(-1px) scale(1.01);
    filter: brightness(1.04);
}

.ty-pioneer-cta:focus-visible[b-tahg7a6r4p] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.ty-pioneer-cta:disabled[b-tahg7a6r4p] {
    opacity: .58;
    cursor: not-allowed;
}

.ty-pioneer-cta strong[b-tahg7a6r4p] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 76%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ty-pioneer-cta-spark[b-tahg7a6r4p] {
    position: absolute;
    left: 4.5%;
    top: 50%;
    transform: translateY(-50%);
    color: #ff9b00;
    font-size: clamp(9px, 1vw, 20px);
}

.ty-pioneer-cta-arrow[b-tahg7a6r4p] {
    position: absolute;
    right: 4.5%;
    top: 50%;
    transform: translateY(-50%);
    color: #111827;
    font-size: clamp(12px, 1.35vw, 27px);
    line-height: 1;
}

/* ============================================================================
   MÓVIL - OCULTO EN DESKTOP
   ============================================================================ */
.ty-pioneer-mobile[b-tahg7a6r4p] {
    display: none;
}

/* ============================================================================
   RESPONSIVE MÓVIL
   ============================================================================ */
@media (max-width: 760px) {
    .ty-pioneer-wrap[b-tahg7a6r4p] {
        padding: 8px 10px 14px;
        overflow: visible;
    }

    .ty-pioneer-desktop[b-tahg7a6r4p] {
        display: none;
    }

    .ty-pioneer-mobile[b-tahg7a6r4p] {
        position: relative;
        display: block;
        overflow: hidden;
        border: 1px solid rgba(0, 216, 255, .72);
        border-radius: 18px;
        padding: 18px 16px 16px;
        color: #fff;
        line-height: 1.2;
        background:
            radial-gradient(circle at 8% 4%, rgba(255, 196, 0, .22), transparent 24%),
            radial-gradient(circle at 92% 8%, rgba(0, 211, 255, .18), transparent 30%),
            linear-gradient(145deg, #071546 0%, #0a1f5c 48%, #06183f 100%);
        box-shadow: 0 14px 30px rgba(0, 0, 0, .34), inset 0 0 24px rgba(0, 198, 255, .09);
    }

    .ty-pioneer-mobile[b-tahg7a6r4p]::before,
    .ty-pioneer-mobile[b-tahg7a6r4p]::after {
        content: "";
        position: absolute;
        pointer-events: none;
        border-radius: 999px;
        filter: blur(1px);
    }

    .ty-pioneer-mobile[b-tahg7a6r4p]::before {
        width: 160px;
        height: 160px;
        left: -100px;
        top: -70px;
        background: rgba(255, 194, 0, .12);
    }

    .ty-pioneer-mobile[b-tahg7a6r4p]::after {
        width: 180px;
        height: 180px;
        right: -115px;
        bottom: -110px;
        background: rgba(0, 205, 255, .11);
    }

    .ty-pioneer-mobile-glow[b-tahg7a6r4p] {
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, rgba(0, 216, 255, .05), transparent);
    }

    .ty-pioneer-mobile-header[b-tahg7a6r4p],
    .ty-pioneer-mobile-benefits[b-tahg7a6r4p],
    .ty-pioneer-mobile-opportunity[b-tahg7a6r4p],
    .ty-pioneer-mobile-progress-block[b-tahg7a6r4p],
    .ty-pioneer-mobile-cta[b-tahg7a6r4p] {
        position: relative;
        z-index: 1;
    }

    .ty-pioneer-mobile-header[b-tahg7a6r4p] {
        text-align: center;
    }

    .ty-pioneer-mobile-badge[b-tahg7a6r4p] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        padding: 5px 13px;
        border: 1px solid rgba(115, 226, 255, .65);
        border-radius: 999px;
        background: rgba(11, 36, 94, .8);
        box-shadow: 0 0 14px rgba(0, 208, 255, .16);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .35px;
    }

    .ty-pioneer-mobile-title-row[b-tahg7a6r4p] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 12px;
    }

    .ty-pioneer-mobile-megaphone[b-tahg7a6r4p] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        flex: 0 0 58px;
        border-radius: 18px;
        font-size: 34px;
        background: linear-gradient(145deg, rgba(255, 206, 45, .2), rgba(255, 147, 0, .07));
        box-shadow: inset 0 0 0 1px rgba(255, 213, 44, .18);
    }

    .ty-pioneer-mobile-title-row h2[b-tahg7a6r4p] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        text-align: left;
        line-height: .93;
    }

    .ty-pioneer-mobile-title-row h2 > strong[b-tahg7a6r4p] {
        color: #ffc928;
        font-size: clamp(52px, 16vw, 72px);
        font-weight: 1000;
        letter-spacing: -3px;
        text-shadow: 0 3px 18px rgba(255, 191, 0, .24);
    }

    .ty-pioneer-mobile-title-row h2 > span[b-tahg7a6r4p] {
        color: #fff;
        font-size: clamp(23px, 7vw, 31px);
        font-weight: 1000;
        letter-spacing: -1px;
    }

    .ty-pioneer-mobile-brush[b-tahg7a6r4p] {
        display: inline-block;
        margin-top: 10px;
        padding: 8px 18px;
        transform: rotate(-1deg);
        border-radius: 4px 10px 4px 10px;
        color: #071944;
        background: linear-gradient(90deg, #ffe33b, #ffc518 75%, #ffdb2f);
        font-size: 18px;
        font-style: italic;
        font-weight: 950;
        box-shadow: 0 7px 14px rgba(0, 0, 0, .14);
    }

    .ty-pioneer-mobile-benefits[b-tahg7a6r4p] {
        display: grid;
        gap: 9px;
        margin-top: 16px;
    }

    .ty-pioneer-mobile-benefit[b-tahg7a6r4p] {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-height: 62px;
        padding: 9px 11px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 13px;
        background: rgba(8, 29, 75, .64);
    }

    .ty-pioneer-mobile-icon[b-tahg7a6r4p] {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 20px;
        font-weight: 950;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 7px 14px rgba(0,0,0,.16);
    }

    .ty-icon-pink[b-tahg7a6r4p] { background: linear-gradient(145deg, #ff4b9b, #ce2471); }
    .ty-icon-purple[b-tahg7a6r4p] { background: linear-gradient(145deg, #9a5cff, #6d2ed0); }
    .ty-icon-green[b-tahg7a6r4p] { background: linear-gradient(145deg, #18d99b, #0ea878); }

    .ty-pioneer-mobile-benefit strong[b-tahg7a6r4p],
    .ty-pioneer-mobile-benefit small[b-tahg7a6r4p] {
        display: block;
    }

    .ty-pioneer-mobile-benefit strong[b-tahg7a6r4p] {
        font-size: 13px;
        line-height: 1.25;
        font-weight: 900;
    }

    .ty-pioneer-mobile-benefit small[b-tahg7a6r4p] {
        margin-top: 3px;
        color: #c7d5ef;
        font-size: 11px;
        line-height: 1.25;
    }

    .ty-pioneer-mobile-opportunity[b-tahg7a6r4p] {
        margin-top: 14px;
        padding: 12px 12px 13px;
        border: 1px solid rgba(63, 177, 255, .34);
        border-radius: 14px;
        text-align: center;
        background: rgba(5, 30, 72, .78);
        box-shadow: inset 0 0 18px rgba(0, 209, 255, .06);
    }

    .ty-pioneer-mobile-opportunity span[b-tahg7a6r4p] {
        display: block;
        color: #fff;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .25px;
    }

    .ty-pioneer-mobile-opportunity strong[b-tahg7a6r4p] {
        display: block;
        margin-top: 5px;
        color: #ffc92c;
        font-size: 21px;
        font-weight: 1000;
        letter-spacing: -.2px;
    }

    .ty-pioneer-mobile-progress-block[b-tahg7a6r4p] {
        margin-top: 13px;
    }

    .ty-pioneer-mobile-progress-labels[b-tahg7a6r4p] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 7px;
        font-size: 11px;
        font-weight: 850;
    }

    .ty-pioneer-mobile-progress-labels strong[b-tahg7a6r4p] {
        color: #fff;
        text-align: right;
    }

    .ty-pioneer-mobile-progress[b-tahg7a6r4p] {
        position: relative;
        height: 13px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 999px;
        background: #17396c;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.28);
    }

    .ty-pioneer-mobile-progress i[b-tahg7a6r4p] {
        position: absolute;
        inset: 0 auto 0 0;
        display: block;
        border-radius: inherit;
        background: linear-gradient(90deg, #ffe43a, #ffc018);
        box-shadow: 3px 0 12px rgba(255, 196, 0, .18);
        transition: width .4s ease;
    }

    .ty-pioneer-mobile-cta[b-tahg7a6r4p] {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr) 24px;
        align-items: center;
        width: 100%;
        min-height: 52px;
        margin-top: 14px;
        padding: 0 14px;
        border: 0;
        border-radius: 999px;
        color: #111827;
        background: linear-gradient(180deg, #ffda3d 0%, #ffbf1f 100%);
        box-shadow: 0 9px 18px rgba(255, 193, 26, .18), inset 0 1px 0 rgba(255,255,255,.55);
        font-family: inherit;
        cursor: pointer;
    }

    .ty-pioneer-mobile-cta strong[b-tahg7a6r4p] {
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 950;
    }

    .ty-pioneer-mobile-cta > span[b-tahg7a6r4p] {
        color: #ff9600;
        font-size: 18px;
    }

    .ty-pioneer-mobile-cta > b[b-tahg7a6r4p] {
        font-size: 28px;
        font-weight: 900;
        line-height: 1;
    }

    .ty-pioneer-mobile-cta:active:not(:disabled)[b-tahg7a6r4p] {
        transform: scale(.99);
    }

    .ty-pioneer-mobile-cta:disabled[b-tahg7a6r4p] {
        opacity: .58;
        cursor: not-allowed;
    }
}

@media (max-width: 390px) {
    .ty-pioneer-mobile[b-tahg7a6r4p] {
        padding: 16px 13px 14px;
    }

    .ty-pioneer-mobile-title-row[b-tahg7a6r4p] {
        gap: 7px;
    }

    .ty-pioneer-mobile-megaphone[b-tahg7a6r4p] {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        font-size: 29px;
    }

    .ty-pioneer-mobile-title-row h2 > span[b-tahg7a6r4p] {
        font-size: 21px;
    }

    .ty-pioneer-mobile-brush[b-tahg7a6r4p] {
        font-size: 16px;
        padding-inline: 14px;
    }

    .ty-pioneer-mobile-opportunity strong[b-tahg7a6r4p] {
        font-size: 18px;
    }

    .ty-pioneer-mobile-cta strong[b-tahg7a6r4p] {
        font-size: 13px;
    }
}
/* /Components/Home/SearchBookingBar.razor.rz.scp.css */
.ty-search-wrapper[b-rlqwstrdg3]{
    position:relative;
    z-index:12;
}

/* =========================================================
   MODAL DE UBICACIÓN
   ========================================================= */
.ty-location-modal[b-rlqwstrdg3]{
    position:fixed;
    inset:0;
    z-index:5000;
    display:grid;
    place-items:center;
    padding:24px;
}

.ty-location-backdrop[b-rlqwstrdg3]{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.ty-location-picker[b-rlqwstrdg3]{
    position:relative;
    z-index:1;
    width:min(520px,calc(100vw - 40px));
    max-height:min(720px,calc(100vh - 48px));
    overflow:auto;
    padding:24px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(18,22,27,.99),rgba(10,13,17,.99));
    box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 0 1px rgba(242,181,31,.05);
    color:#fff;
}

.ty-location-picker-head[b-rlqwstrdg3]{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.ty-location-picker-head strong[b-rlqwstrdg3]{
    display:block;
    font-size:19px;
    line-height:1.2;
    color:#fff;
}

.ty-location-picker-head small[b-rlqwstrdg3]{
    display:block;
    margin-top:6px;
    color:#fff;
    opacity:.9;
}

.ty-location-close[b-rlqwstrdg3]{
    flex:0 0 auto;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    background:#11151a;
    color:#fff;
    font-size:22px;
    line-height:1;
    cursor:pointer;
    transition:.18s ease;
}

.ty-location-close:hover[b-rlqwstrdg3]{
    border-color:rgba(242,181,31,.65);
    color:#f2b51f;
    transform:rotate(4deg);
}

.ty-location-picker label[b-rlqwstrdg3]{
    display:grid;
    gap:8px;
    margin-top:14px;
}

.ty-location-picker label span[b-rlqwstrdg3]{
    font-size:13px;
    font-weight:700;
    color:#fff;
}

.ty-location-picker select[b-rlqwstrdg3]{
    width:100%;
    height:48px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:12px;
    background:#0b0f13;
    color:#fff;
    outline:none;
    cursor:pointer;
}

.ty-location-picker select:focus[b-rlqwstrdg3]{
    border-color:#f2b51f;
    box-shadow:0 0 0 3px rgba(242,181,31,.12);
}

.ty-location-picker select:disabled[b-rlqwstrdg3]{
    opacity:.5;
    cursor:not-allowed;
}

.ty-location-actions[b-rlqwstrdg3]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:22px;
}

.ty-location-actions button[b-rlqwstrdg3]{
    min-height:46px;
    padding:0 14px;
    border-radius:11px;
    font-weight:700;
    cursor:pointer;
}

.ty-location-current[b-rlqwstrdg3]{
    border:1px solid rgba(255,255,255,.16);
    background:#11151a;
    color:#fff;
}

.ty-location-apply[b-rlqwstrdg3]{
    border:0;
    background:linear-gradient(135deg,#f6c64e,#edae25);
    color:#111;
    box-shadow:0 8px 24px rgba(237,174,37,.18);
}

.ty-location-actions button:disabled[b-rlqwstrdg3]{
    opacity:.45;
    cursor:not-allowed;
}

.ty-location-loading[b-rlqwstrdg3]{
    padding:28px 0;
    text-align:center;
    color:#fff;
}

@media(max-width:700px){
    .ty-location-modal[b-rlqwstrdg3]{
        align-items:end;
        padding:12px;
    }

    .ty-location-picker[b-rlqwstrdg3]{
        width:100%;
        max-height:82vh;
        border-radius:18px;
        padding:20px;
    }

    .ty-location-actions[b-rlqwstrdg3]{
        grid-template-columns:1fr;
    }
}
/* /Components/Legal/PrivacyPolicyContent.razor.rz.scp.css */
.privacy-document[b-y0lwstv7so]{color:#dbe4eb;font-size:14px;line-height:1.65}.privacy-intro[b-y0lwstv7so]{padding:14px 16px;border:1px solid #354653;border-radius:10px;background:#08141d;margin-bottom:18px}.privacy-document section[b-y0lwstv7so]{margin-bottom:20px}.privacy-document h3[b-y0lwstv7so]{margin:0 0 8px;color:#fff;font-size:16px}.privacy-document p[b-y0lwstv7so]{margin:0 0 9px}.privacy-document strong[b-y0lwstv7so]{color:#fff}.privacy-final[b-y0lwstv7so]{border-top:1px solid #2b3b47;padding-top:18px}
/* /Components/Legal/PrivacyPolicyModal.razor.rz.scp.css */
.privacy-modal-backdrop[b-98nvzzdfa5]{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}.privacy-modal[b-98nvzzdfa5]{width:min(920px,96vw);height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #384a57;border-radius:18px;background:linear-gradient(160deg,#0b1720,#050c12);box-shadow:0 30px 100px rgba(0,0,0,.75);color:#fff}.privacy-modal-header[b-98nvzzdfa5]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #263743;background:#07121a}.privacy-kicker[b-98nvzzdfa5]{display:block;margin-bottom:5px;color:#ffc400;font-size:10px;font-weight:800;letter-spacing:.12em}.privacy-modal-header h2[b-98nvzzdfa5]{margin:0;font-size:22px}.privacy-modal-header p[b-98nvzzdfa5]{margin:5px 0 0;color:#aebbc5;font-size:12px}.privacy-close[b-98nvzzdfa5]{flex:0 0 38px;width:38px;height:38px;border:1px solid #40515d;border-radius:9px;background:#0d1922;color:#fff;font-size:27px;line-height:1;cursor:pointer}.privacy-close:hover[b-98nvzzdfa5]{border-color:#ffc400;color:#ffc400}.privacy-modal-body[b-98nvzzdfa5]{padding:22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#8d7100 #101b23}.privacy-modal-body[b-98nvzzdfa5]::-webkit-scrollbar{width:9px}.privacy-modal-body[b-98nvzzdfa5]::-webkit-scrollbar-track{background:#101b23}.privacy-modal-body[b-98nvzzdfa5]::-webkit-scrollbar-thumb{border-radius:10px;background:#8d7100}@media(max-width:640px){.privacy-modal-backdrop[b-98nvzzdfa5]{padding:8px}.privacy-modal[b-98nvzzdfa5]{width:100%;height:96vh;border-radius:13px}.privacy-modal-header[b-98nvzzdfa5]{padding:16px}.privacy-modal-header h2[b-98nvzzdfa5]{font-size:18px}.privacy-modal-body[b-98nvzzdfa5]{padding:16px}}
/* /Components/Owner/OwnerNavigation.razor.rz.scp.css */
.owner-shared-navigation[b-iuv3zabr1j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.owner-shared-navigation a[b-iuv3zabr1j] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #f7f9fc;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.owner-shared-navigation a:hover:not(.subscription-locked)[b-iuv3zabr1j] {
    background: rgba(255, 255, 255, .055);
}

.owner-shared-navigation a.active[b-iuv3zabr1j] {
    color: #ffffff;
    background: rgba(255, 196, 0, .14);
    border-color: #ffc400;
}

.owner-nav-icon[b-iuv3zabr1j] {
    width: 18px;
    flex: 0 0 18px;
    text-align: center;
    color: #f7f9fc;
}

.owner-nav-label[b-iuv3zabr1j] {
    min-width: 0;
    flex: 1 1 auto;
}

.owner-shared-navigation .subscription-locked[b-iuv3zabr1j] {
    cursor: not-allowed;
    opacity: .72;
}

.owner-shared-navigation .menu-lock[b-iuv3zabr1j] {
    margin-left: auto;
    color: #ffc400;
    font-size: 11px;
    line-height: 1;
}
/* /Components/Profile/OwnerBranchesPanel.razor.rz.scp.css */
:host[b-30ff8cmysb]{display:block}.branches-panel-card[b-30ff8cmysb]{border:1px solid #263746;border-radius:12px;background:linear-gradient(180deg,#07131d,#051018);overflow:hidden;color:#fff}.business-subtabs[b-30ff8cmysb]{display:flex;gap:24px;align-items:center;padding:0 18px;border-bottom:1px solid #263746;overflow-x:auto}.business-subtabs button[b-30ff8cmysb]{height:48px;border:0;border-bottom:2px solid transparent;background:transparent;color:#d8e0e7;white-space:nowrap;cursor:default}.business-subtabs button.active[b-30ff8cmysb]{color:#fff;border-bottom-color:#f0b900}.branches-toolbar[b-30ff8cmysb]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.branches-toolbar h2[b-30ff8cmysb]{margin:0;font-size:20px}.branches-toolbar p[b-30ff8cmysb]{margin:4px 0 0;color:#b9c4cd;font-size:12px}.branches-toolbar-actions[b-30ff8cmysb]{display:flex;gap:10px;flex-wrap:wrap}.primary-action[b-30ff8cmysb],.secondary-action[b-30ff8cmysb]{min-height:40px;border-radius:8px;padding:0 14px;font-weight:700}.primary-action[b-30ff8cmysb]{border:1px solid #f0b900;background:linear-gradient(180deg,#ffc928,#e6a800);color:#111}.secondary-action[b-30ff8cmysb]{border:1px solid #3a4b58;background:#08141d;color:#fff}.branches-success[b-30ff8cmysb]{margin:0 18px 14px;padding:10px 12px;border:1px solid #236b43;border-radius:8px;background:#08261a;color:#8ff0ac;font-size:12px}.branches-workspace[b-30ff8cmysb]{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);border-top:1px solid #263746}.branches-list[b-30ff8cmysb]{padding:10px;border-right:1px solid #263746}.branch-list-item[b-30ff8cmysb]{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#fff;padding:12px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;cursor:pointer}.branch-list-item:hover[b-30ff8cmysb]{background:#0a1721}.branch-list-item.selected[b-30ff8cmysb]{border-color:#927100;background:linear-gradient(135deg,#211a05,#12170e)}.branch-icon[b-30ff8cmysb]{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#25220d;color:#ffc400}.branch-copy[b-30ff8cmysb]{min-width:0}.branch-title-row[b-30ff8cmysb]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.branch-copy strong[b-30ff8cmysb],.branch-copy small[b-30ff8cmysb]{display:block}.branch-copy small[b-30ff8cmysb]{margin-top:3px;color:#bac5cd;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-pill[b-30ff8cmysb],.status-pill[b-30ff8cmysb]{font-style:normal;font-size:8px;padding:3px 6px;border-radius:5px}.main-pill[b-30ff8cmysb]{background:#0d6536;color:#aaf2c0}.status-pill.on[b-30ff8cmysb]{background:#0d6536;color:#aaf2c0}.status-pill.off[b-30ff8cmysb]{background:#3b444b;color:#d7dce0}.branch-chevron[b-30ff8cmysb]{margin-left:auto}.branches-count[b-30ff8cmysb]{padding:12px;color:#b6c0c8;font-size:10px}.branch-empty[b-30ff8cmysb],.branch-detail-empty[b-30ff8cmysb]{padding:24px;text-align:center;color:#bcc6ce}.branch-detail[b-30ff8cmysb]{padding:16px;min-width:0}.branch-detail-header[b-30ff8cmysb]{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #263746;padding-bottom:14px}.branch-detail-title[b-30ff8cmysb]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-detail-title h3[b-30ff8cmysb]{margin:0;font-size:20px}.branch-detail-header p[b-30ff8cmysb]{margin:4px 0 0;color:#b7c1ca;font-size:11px}.branch-detail-actions[b-30ff8cmysb]{display:flex;gap:8px;flex-wrap:wrap}.branch-detail-grid[b-30ff8cmysb]{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:18px;padding-top:16px}.branch-contact[b-30ff8cmysb]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.branch-contact div[b-30ff8cmysb]{border-bottom:1px solid #24343f;padding:0 0 10px}.branch-contact small[b-30ff8cmysb],.branch-contact strong[b-30ff8cmysb]{display:block}.branch-contact small[b-30ff8cmysb]{color:#9facb6;font-size:9px}.branch-contact strong[b-30ff8cmysb]{margin-top:4px;font-size:12px}.branch-location-card[b-30ff8cmysb]{border-left:1px solid #263746;padding-left:18px}.location-head[b-30ff8cmysb]{display:flex;justify-content:space-between;gap:8px;align-items:center}.location-ok[b-30ff8cmysb],.location-pending[b-30ff8cmysb]{font-size:8px;padding:4px 7px;border-radius:5px}.location-ok[b-30ff8cmysb]{background:#0d6536;color:#aaf2c0}.location-pending[b-30ff8cmysb]{background:#5a4705;color:#ffe383}.coords[b-30ff8cmysb]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.coords small[b-30ff8cmysb],.coords strong[b-30ff8cmysb]{display:block}.coords small[b-30ff8cmysb]{color:#aab6bf;font-size:9px}.coords strong[b-30ff8cmysb]{margin-top:3px;font-size:12px}.map-placeholder[b-30ff8cmysb]{min-height:150px;border:1px solid #31414d;border-radius:10px;background:repeating-linear-gradient(30deg,#0b1b27 0,#0b1b27 18px,#0f2431 18px,#0f2431 20px);display:grid;place-content:center;text-align:center;padding:16px}.map-pin[b-30ff8cmysb]{font-size:34px;color:#ffc400}.map-pin.pending[b-30ff8cmysb]{color:#8fa0ad}.map-placeholder strong[b-30ff8cmysb],.map-placeholder small[b-30ff8cmysb]{display:block}.map-placeholder small[b-30ff8cmysb]{margin-top:5px;color:#c0cad2;font-size:9px}.branches-note[b-30ff8cmysb]{display:flex;gap:10px;margin:16px;border:1px solid #25527a;border-radius:8px;background:#06192a;padding:10px 12px;color:#acd6ff;font-size:10px}.branches-note p[b-30ff8cmysb]{margin:0}.branches-panel-loading[b-30ff8cmysb]{display:grid;gap:10px;padding:18px}.branch-skeleton[b-30ff8cmysb]{height:72px;border-radius:10px;background:linear-gradient(90deg,#0b1721,#142431,#0b1721);background-size:200% 100%;animation:branch-shimmer-b-30ff8cmysb 1.2s infinite}.branches-error[b-30ff8cmysb]{padding:24px;text-align:center}.branches-error button[b-30ff8cmysb]{height:36px;border:0;border-radius:7px;background:#6f2d9d;color:#fff;padding:0 14px}@keyframes branch-shimmer-b-30ff8cmysb{to{background-position:-200% 0}}.branch-modal-layer[b-30ff8cmysb]{position:fixed;inset:0;z-index:3000;background:#000b;display:grid;place-items:center;padding:18px}.branch-modal[b-30ff8cmysb]{width:min(850px,96vw);max-height:92vh;overflow:auto;border:1px solid #344653;border-radius:14px;background:#07131d;color:#fff;box-shadow:0 22px 70px #000c}.branch-modal>header[b-30ff8cmysb]{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #263746}.branch-modal>header h2[b-30ff8cmysb]{margin:0}.branch-modal>header p[b-30ff8cmysb]{margin:4px 0 0;color:#b9c4cd;font-size:11px}.branch-modal>header button[b-30ff8cmysb]{width:36px;height:36px;border:1px solid #344653;border-radius:7px;background:#0b1720;color:#fff;font-size:20px}.modal-body[b-30ff8cmysb]{padding:18px}.modal-error[b-30ff8cmysb]{margin-bottom:12px;padding:9px 11px;border:1px solid #7a2e2e;border-radius:7px;background:#2a0d0d;color:#ffb0b0}.form-grid[b-30ff8cmysb]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label span[b-30ff8cmysb]{display:block;margin-bottom:5px;font-size:10px;color:#c8d0d7}.form-grid input[b-30ff8cmysb],.form-grid select[b-30ff8cmysb]{width:100%;height:42px;box-sizing:border-box;border:1px solid #344653;border-radius:8px;background:#09151e;color:#fff;padding:0 10px}.form-grid .full[b-30ff8cmysb],.location-capture.full[b-30ff8cmysb]{grid-column:1/-1}.location-capture[b-30ff8cmysb]{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #5e521a;border-radius:9px;background:#201a05;padding:12px}.location-capture strong[b-30ff8cmysb],.location-capture small[b-30ff8cmysb]{display:block}.location-capture small[b-30ff8cmysb]{margin-top:4px;color:#d6c875;font-size:9px}.switch-row[b-30ff8cmysb]{display:flex;gap:20px;flex-wrap:wrap;padding-top:14px}.branch-modal>footer[b-30ff8cmysb]{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #263746}@media(max-width:900px){.business-subtabs[b-30ff8cmysb]{gap:14px}.branches-toolbar[b-30ff8cmysb]{align-items:stretch;flex-direction:column}.branches-toolbar-actions[b-30ff8cmysb]{display:grid;grid-template-columns:1fr}.branches-workspace[b-30ff8cmysb]{grid-template-columns:1fr}.branches-list[b-30ff8cmysb]{border-right:0;border-bottom:1px solid #263746}.branch-detail-grid[b-30ff8cmysb]{grid-template-columns:1fr}.branch-location-card[b-30ff8cmysb]{border-left:0;border-top:1px solid #263746;padding:16px 0 0}.branch-detail-header[b-30ff8cmysb]{flex-direction:column}.branch-detail-actions[b-30ff8cmysb]{width:100%}.branch-detail-actions .secondary-action[b-30ff8cmysb]{flex:1}.form-grid[b-30ff8cmysb]{grid-template-columns:1fr}.form-grid .full[b-30ff8cmysb],.location-capture.full[b-30ff8cmysb]{grid-column:auto}.location-capture[b-30ff8cmysb]{align-items:stretch;flex-direction:column}}@media(max-width:520px){.branch-contact[b-30ff8cmysb]{grid-template-columns:1fr}.coords[b-30ff8cmysb]{grid-template-columns:1fr}.business-subtabs[b-30ff8cmysb]{padding:0 10px}.branch-modal-layer[b-30ff8cmysb]{padding:6px}.branch-modal[b-30ff8cmysb]{width:100%;max-height:96vh}.branches-toolbar[b-30ff8cmysb]{padding:14px}.branch-detail[b-30ff8cmysb]{padding:12px}}
.branches-plan-warning[b-30ff8cmysb]{margin:0 18px 14px;padding:11px 12px;border:1px solid #8b6c00;border-radius:8px;background:#231b03;color:#ffe38a;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}
.branches-plan-warning div[b-30ff8cmysb]{display:grid;gap:3px}
.branches-plan-warning strong[b-30ff8cmysb]{color:#ffd13b}
.branches-plan-warning a[b-30ff8cmysb]{color:#ffd13b;text-decoration:none;font-weight:700;white-space:nowrap}
.primary-action:disabled[b-30ff8cmysb],.secondary-action:disabled[b-30ff8cmysb]{opacity:.48;cursor:not-allowed;filter:saturate(.45)}
@media(max-width:700px){.branches-plan-warning[b-30ff8cmysb]{align-items:flex-start;flex-direction:column}.branches-plan-warning a[b-30ff8cmysb]{white-space:normal}}
.branch-thumb[b-30ff8cmysb]{width:44px;height:44px;border-radius:8px;overflow:hidden;border:1px solid #3b4650;display:block}.branch-thumb img[b-30ff8cmysb]{width:100%;height:100%;object-fit:cover}.branch-images-section[b-30ff8cmysb]{padding:14px 0 16px;border-bottom:1px solid #263746}.branch-images-heading[b-30ff8cmysb]{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.branch-images-heading strong[b-30ff8cmysb],.branch-images-heading small[b-30ff8cmysb]{display:block}.branch-images-heading small[b-30ff8cmysb]{margin-top:3px;color:#9facb6;font-size:9px}.image-uploading[b-30ff8cmysb]{font-size:9px;color:#ffd85b}.branch-images-grid[b-30ff8cmysb]{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(190px,.8fr);gap:18px}.branch-image-box[b-30ff8cmysb]{min-width:0}.image-label strong[b-30ff8cmysb],.image-label small[b-30ff8cmysb]{display:block}.image-label strong[b-30ff8cmysb]{font-size:11px}.image-label small[b-30ff8cmysb]{margin:4px 0 8px;color:#aeb9c2;font-size:8px}.image-preview[b-30ff8cmysb]{border:1px solid #344653;border-radius:9px;background:#09151e;overflow:hidden;display:grid;place-items:center;color:#ffc400}.image-preview.cover[b-30ff8cmysb]{height:150px}.image-preview.logo[b-30ff8cmysb]{height:150px;max-width:180px}.image-preview img[b-30ff8cmysb]{width:100%;height:100%;object-fit:cover}.image-preview.logo img[b-30ff8cmysb]{object-fit:contain}.image-preview span[b-30ff8cmysb]{font-size:26px;font-weight:800}.image-preview small[b-30ff8cmysb]{color:#8998a3}.image-actions[b-30ff8cmysb]{display:flex;gap:8px;margin-top:8px}.image-button[b-30ff8cmysb],.image-delete[b-30ff8cmysb]{height:34px;border:1px solid #3a4b58;border-radius:7px;background:#08141d;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:9px;font-weight:700;cursor:pointer}.image-button input[b-30ff8cmysb]{display:none}.image-delete[b-30ff8cmysb]{width:36px;padding:0;border-color:#7b2b2b;color:#ff6d6d}.image-button:hover[b-30ff8cmysb]{border-color:#8b5cf6;background:#17112b}@media(max-width:900px){.branch-images-grid[b-30ff8cmysb]{grid-template-columns:1fr}.image-preview.logo[b-30ff8cmysb]{max-width:none}}
.demo-pill[b-30ff8cmysb]{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.05em;padding:3px 7px;border-radius:999px;background:#ffc400;color:#17120a;box-shadow:0 2px 8px #0004}.demo-switch[b-30ff8cmysb]{border:1px solid #6f5910;border-radius:8px;background:#211a04;padding:8px 10px}.demo-switch strong[b-30ff8cmysb]{display:inline-flex;margin-right:5px;padding:2px 6px;border-radius:999px;background:#ffc400;color:#17120a;font-size:8px}
/* /Layout/MainLayout.razor.rz.scp.css */
:host[b-bth2e3no8o] { display:block; }
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-pxgmeplp86] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-pxgmeplp86] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-pxgmeplp86] {
    font-size: 1.1rem;
}

.bi[b-pxgmeplp86] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-pxgmeplp86] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-pxgmeplp86] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-pxgmeplp86] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-pxgmeplp86] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-pxgmeplp86] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-pxgmeplp86] {
        padding-bottom: 1rem;
    }

    .nav-item[b-pxgmeplp86]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-pxgmeplp86]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-pxgmeplp86]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-pxgmeplp86] {
        display: none;
    }

    .collapse[b-pxgmeplp86] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-pxgmeplp86] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Admin/AffiliateLevels.razor.rz.scp.css */
/* ============================================================
   TURNO YA - SUPER ADMIN / NIVELES DE AFILIADOS
   ============================================================ */

:host[b-4vbubxpnhw] {
    display: block;
    min-height: 100vh;
}

*[b-4vbubxpnhw] {
    box-sizing: border-box;
}

.affiliate-admin-shell[b-4vbubxpnhw] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 56% 0%, rgba(37, 99, 235, .09), transparent 34%),
        #06111d;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", sans-serif;
}

.admin-sidebar[b-4vbubxpnhw] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    width: 240px;
    padding: 18px 14px;
    border-right: 1px solid rgba(148,163,184,.15);
    background: #07111e;
}

.brand[b-4vbubxpnhw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 20px;
}

.brand-mark[b-4vbubxpnhw] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #fff;
    color: #07111e;
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-4vbubxpnhw],
.brand small[b-4vbubxpnhw] {
    display: block;
}

.brand strong b[b-4vbubxpnhw] {
    color: #fbbf24;
}

.brand small[b-4vbubxpnhw] {
    margin-top: 2px;
    color: #94a3b8;
    font-size: 10px;
}

.admin-sidebar nav[b-4vbubxpnhw] {
    display: grid;
    gap: 4px;
}

.admin-sidebar nav a[b-4vbubxpnhw] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 8px;
    color: #dbeafe;
    text-decoration: none;
    font-size: 12px;
}

.admin-sidebar nav a:hover[b-4vbubxpnhw],
.admin-sidebar nav a.active[b-4vbubxpnhw] {
    background: linear-gradient(90deg, rgba(109,40,217,.94), rgba(37,99,235,.70));
    color: #fff;
}

.admin-sidebar nav i[b-4vbubxpnhw] {
    width: 18px;
    text-align: center;
    font-style: normal;
}

.sidebar-note[b-4vbubxpnhw] {
    display: grid;
    gap: 6px;
    margin-top: 20px;
    padding: 13px;
    border: 1px solid rgba(139,92,246,.30);
    border-radius: 10px;
    background: rgba(76,29,149,.20);
}

.sidebar-note strong[b-4vbubxpnhw] {
    font-size: 11px;
}

.sidebar-note span[b-4vbubxpnhw] {
    color: #c4b5fd;
    font-size: 9px;
    line-height: 1.5;
}

.back-link[b-4vbubxpnhw] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    display: block;
    padding: 10px;
    color: #cbd5e1;
    text-decoration: none;
    font-size: 10px;
}

.admin-main[b-4vbubxpnhw] {
    margin-left: 240px;
    padding: 24px;
}

.page-header[b-4vbubxpnhw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.eyebrow[b-4vbubxpnhw] {
    color: #a78bfa;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .10em;
}

.page-header h1[b-4vbubxpnhw] {
    margin: 4px 0 3px;
    font-size: 28px;
}

.page-header p[b-4vbubxpnhw] {
    margin: 0;
    color: #a7b4c4;
    font-size: 12px;
}

.primary-button[b-4vbubxpnhw],
.secondary-button[b-4vbubxpnhw] {
    min-height: 40px;
    padding: 0 15px;
    border-radius: 8px;
    font-weight: 900;
    cursor: pointer;
}

.primary-button[b-4vbubxpnhw] {
    border: 0;
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    color: #111827;
}

.secondary-button[b-4vbubxpnhw] {
    border: 1px solid rgba(148,163,184,.22);
    background: transparent;
    color: #fff;
}

.kpi-grid[b-4vbubxpnhw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.kpi-grid article[b-4vbubxpnhw] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 108px;
    padding: 16px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 12px;
    background: rgba(10,23,38,.92);
}

.kpi-icon[b-4vbubxpnhw] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 18px;
}

.kpi-icon.purple[b-4vbubxpnhw] { background: rgba(124,58,237,.22); color: #a78bfa; }
.kpi-icon.green[b-4vbubxpnhw] { background: rgba(34,197,94,.18); color: #4ade80; }
.kpi-icon.gold[b-4vbubxpnhw] { background: rgba(245,158,11,.18); color: #fbbf24; }

.kpi-grid small[b-4vbubxpnhw],
.kpi-grid strong[b-4vbubxpnhw],
.kpi-grid em[b-4vbubxpnhw] {
    display: block;
}

.kpi-grid small[b-4vbubxpnhw] {
    color: #a7b4c4;
    font-size: 10px;
}

.kpi-grid strong[b-4vbubxpnhw] {
    margin: 4px 0;
    font-size: 23px;
}

.kpi-grid em[b-4vbubxpnhw] {
    color: #86efac;
    font-size: 10px;
    font-style: normal;
}

.info-banner[b-4vbubxpnhw] {
    display: flex;
    gap: 12px;
    margin: 14px 0;
    padding: 13px 15px;
    border: 1px solid rgba(59,130,246,.25);
    border-radius: 10px;
    background: rgba(30,64,175,.11);
}

.info-banner > span[b-4vbubxpnhw] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(59,130,246,.25);
    color: #93c5fd;
    font-weight: 900;
}

.info-banner strong[b-4vbubxpnhw] {
    font-size: 11px;
}

.info-banner p[b-4vbubxpnhw] {
    margin: 3px 0 0;
    color: #bfdbfe;
    font-size: 10px;
}

.levels-grid[b-4vbubxpnhw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.level-card[b-4vbubxpnhw] {
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 12px;
    background: rgba(10,23,38,.94);
}

.level-card > header[b-4vbubxpnhw] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid rgba(148,163,184,.10);
}

.medal[b-4vbubxpnhw] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 900;
}

.level-card.bronze .medal[b-4vbubxpnhw] { background: linear-gradient(145deg, #92400e, #f59e0b); }
.level-card.silver .medal[b-4vbubxpnhw] { background: linear-gradient(145deg, #64748b, #e2e8f0); color: #334155; }
.level-card.gold .medal[b-4vbubxpnhw] { background: linear-gradient(145deg, #ca8a04, #facc15); color: #713f12; }
.level-card.diamond .medal[b-4vbubxpnhw] { background: linear-gradient(145deg, #0284c7, #7dd3fc); color: #082f49; }
.level-card.default .medal[b-4vbubxpnhw] { background: linear-gradient(145deg, #475569, #94a3b8); }

.level-card header span[b-4vbubxpnhw] {
    color: #94a3b8;
    font-size: 8px;
    font-weight: 900;
}

.level-card h2[b-4vbubxpnhw] {
    margin: 2px 0 0;
    font-size: 16px;
}

.status[b-4vbubxpnhw],
.table-status[b-4vbubxpnhw] {
    display: inline-flex;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 8px;
}

.status.active[b-4vbubxpnhw],
.table-status.active[b-4vbubxpnhw] {
    background: rgba(34,197,94,.15);
    color: #4ade80;
}

.status.inactive[b-4vbubxpnhw],
.table-status.inactive[b-4vbubxpnhw] {
    background: rgba(100,116,139,.15);
    color: #94a3b8;
}

.level-summary[b-4vbubxpnhw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 14px;
}

.level-summary > div[b-4vbubxpnhw] {
    padding: 10px;
    border-radius: 8px;
    background: rgba(15,23,42,.60);
}

.level-summary small[b-4vbubxpnhw],
.level-summary strong[b-4vbubxpnhw] {
    display: block;
}

.level-summary small[b-4vbubxpnhw] {
    color: #94a3b8;
    font-size: 8px;
}

.level-summary strong[b-4vbubxpnhw] {
    margin-top: 3px;
    font-size: 13px;
}

.threshold[b-4vbubxpnhw] {
    display: grid;
    gap: 2px;
    margin: 0 14px 14px;
    padding: 11px;
    border: 1px dashed rgba(148,163,184,.18);
    border-radius: 8px;
}

.threshold span[b-4vbubxpnhw],
.threshold small[b-4vbubxpnhw] {
    color: #94a3b8;
    font-size: 8px;
}

.threshold strong[b-4vbubxpnhw] {
    color: #fbbf24;
    font-size: 14px;
}

.level-card > footer[b-4vbubxpnhw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid rgba(148,163,184,.10);
}

.level-card footer span[b-4vbubxpnhw] {
    color: #94a3b8;
    font-size: 8px;
}

.level-card footer button[b-4vbubxpnhw] {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid rgba(139,92,246,.28);
    border-radius: 7px;
    background: rgba(109,40,217,.13);
    color: #c4b5fd;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
}

.rules-table[b-4vbubxpnhw] {
    margin-top: 14px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 12px;
    background: rgba(10,23,38,.94);
}

.table-header[b-4vbubxpnhw] {
    padding: 15px;
    border-bottom: 1px solid rgba(148,163,184,.10);
}

.table-header h2[b-4vbubxpnhw] {
    margin: 0;
    font-size: 15px;
}

.table-header p[b-4vbubxpnhw] {
    margin: 3px 0 0;
    color: #94a3b8;
    font-size: 9px;
}

.table-scroll[b-4vbubxpnhw] {
    overflow-x: auto;
}

table[b-4vbubxpnhw] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-4vbubxpnhw],
td[b-4vbubxpnhw] {
    padding: 12px 15px;
    border-bottom: 1px solid rgba(148,163,184,.08);
    text-align: left;
    font-size: 10px;
}

th[b-4vbubxpnhw] {
    color: #94a3b8;
}

td strong[b-4vbubxpnhw],
td small[b-4vbubxpnhw] {
    display: block;
}

td small[b-4vbubxpnhw] {
    margin-top: 2px;
    color: #64748b;
}

.modal-backdrop[b-4vbubxpnhw] {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(2,6,23,.76);
    backdrop-filter: blur(4px);
}

.editor-modal[b-4vbubxpnhw] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 91;
    width: min(680px, calc(100vw - 30px));
    max-height: calc(100vh - 30px);
    overflow-y: auto;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 14px;
    background: #0a1726;
    color: #fff;
    box-shadow: 0 35px 90px rgba(0,0,0,.56);
}

.editor-modal > header[b-4vbubxpnhw],
.editor-modal > footer[b-4vbubxpnhw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.editor-modal h2[b-4vbubxpnhw] {
    margin: 4px 0 0;
}

.close-button[b-4vbubxpnhw] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: #111f30;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.form-grid[b-4vbubxpnhw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    margin-top: 18px;
}

.form-grid label[b-4vbubxpnhw] {
    display: grid;
    gap: 6px;
}

.form-grid label > span[b-4vbubxpnhw] {
    font-size: 10px;
    font-weight: 800;
}

.form-grid input[type="text"][b-4vbubxpnhw],
.form-grid input[type="number"][b-4vbubxpnhw],
.form-grid input:not([type])[b-4vbubxpnhw] {
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 8px;
    background: #07111e;
    color: #fff;
}

.form-grid .full[b-4vbubxpnhw] {
    grid-column: 1 / -1;
}

.form-grid small[b-4vbubxpnhw] {
    color: #94a3b8;
    font-size: 8px;
    line-height: 1.45;
}

.switch-row[b-4vbubxpnhw] {
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    padding: 12px;
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 8px;
}

.switch-row input[b-4vbubxpnhw] {
    width: 18px;
    height: 18px;
}

.switch-row strong[b-4vbubxpnhw],
.switch-row small[b-4vbubxpnhw] {
    display: block;
}

.editor-modal > footer[b-4vbubxpnhw] {
    justify-content: flex-end;
    margin-top: 18px;
}

.form-error[b-4vbubxpnhw] {
    margin-top: 14px;
    padding: 10px;
    border: 1px solid rgba(239,68,68,.32);
    border-radius: 8px;
    background: rgba(127,29,29,.22);
    color: #fecaca;
    font-size: 9px;
}

.state-card[b-4vbubxpnhw] {
    display: grid;
    place-items: center;
    min-height: 260px;
    gap: 10px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 12px;
    background: rgba(10,23,38,.92);
    text-align: center;
}

.state-card span[b-4vbubxpnhw] {
    color: #94a3b8;
}

.state-card button[b-4vbubxpnhw] {
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: #fbbf24;
    font-weight: 800;
}

.spinner[b-4vbubxpnhw] {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(148,163,184,.18);
    border-top-color: #fbbf24;
    border-radius: 50%;
    animation: spin-b-4vbubxpnhw .8s linear infinite;
}

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

.mobile-topbar[b-4vbubxpnhw],
.mobile-menu-backdrop[b-4vbubxpnhw] {
    display: none;
}

@media (max-width: 1180px) {
    .levels-grid[b-4vbubxpnhw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .admin-sidebar[b-4vbubxpnhw] {
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .mobile-menu-open .admin-sidebar[b-4vbubxpnhw] {
        transform: translateX(0);
    }

    .mobile-topbar[b-4vbubxpnhw] {
        position: sticky;
        top: 0;
        z-index: 25;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        background: #07111e;
        border-bottom: 1px solid rgba(148,163,184,.15);
    }

    .hamburger-button[b-4vbubxpnhw] {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
    }

    .mobile-menu-backdrop[b-4vbubxpnhw] {
        position: fixed;
        inset: 0;
        z-index: 29;
        border: 0;
        background: rgba(2,6,23,.66);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-4vbubxpnhw] {
        display: block;
    }

    .admin-main[b-4vbubxpnhw] {
        margin-left: 0;
        padding: 14px;
    }

    .kpi-grid[b-4vbubxpnhw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .page-header[b-4vbubxpnhw] {
        flex-direction: column;
    }

    .page-header .primary-button[b-4vbubxpnhw] {
        width: 100%;
    }

    .levels-grid[b-4vbubxpnhw],
    .form-grid[b-4vbubxpnhw] {
        grid-template-columns: 1fr;
    }

    .form-grid .full[b-4vbubxpnhw] {
        grid-column: auto;
    }
}

/* ============================================================================
   NAVEGACIÓN ÚNICA SUPER ADMIN - COMPATIBILIDAD DE LAYOUT
   ============================================================================ */
.affiliate-admin-shell[b-4vbubxpnhw] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
}
.admin-main[b-4vbubxpnhw] {
    margin-left: 0;
}
@media (max-width: 900px) {
    .affiliate-admin-shell[b-4vbubxpnhw] {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
    .admin-main[b-4vbubxpnhw] {
        margin-left: 0 !important;
    }
}
/* /Pages/Admin/Audit.razor.rz.scp.css */
:host[b-9go4230xlo] {
    display: block;
}

*[b-9go4230xlo] {
    box-sizing: border-box;
}

/* =========================================================
   ESTRUCTURA GENERAL
   ========================================================= */

.audit-shell[b-9go4230xlo] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    background: #06111c;
    color: #f5f7fb;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.audit-sidebar[b-9go4230xlo] {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 720px;
    padding: 18px 12px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #030b14;
    border-right: 1px solid #20303f;
}

.brand[b-9go4230xlo] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    padding: 4px 10px 12px;
}

.brand-mark[b-9go4230xlo] {
    width: 32px;
    height: 32px;
    position: relative;
    display: inline-grid;
    place-items: center;
    font-size: 28px;
    font-style: italic;
    font-weight: 900;
}

.brand-mark b[b-9go4230xlo] {
    color: #fff;
}

.brand-mark em[b-9go4230xlo] {
    position: absolute;
    right: -2px;
    bottom: -2px;
    color: #ffbe00;
    font-size: 16px;
    font-weight: 900;
}

.brand strong[b-9go4230xlo] {
    display: block;
    font-size: 20px;
}

.brand strong b[b-9go4230xlo] {
    color: #ffbe00;
}

.brand small[b-9go4230xlo] {
    display: block;
    color: #8fa0b2;
    font-size: 11px;
    margin-top: 2px;
}

.admin-nav[b-9go4230xlo] {
    display: grid;
    gap: 4px;
}

.admin-nav a[b-9go4230xlo] {
    min-height: 40px;
    padding: 0 12px;
    border-radius: 9px;
    color: #d4dee8;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 13px;
}

.admin-nav a:hover[b-9go4230xlo] {
    background: #101d2a;
    color: #fff;
}

.admin-nav a.active[b-9go4230xlo] {
    background: linear-gradient(90deg, rgba(255, 190, 0, .25), rgba(255, 190, 0, .07));
    border: 1px solid rgba(255, 190, 0, .25);
    color: #fff;
}

.admin-nav a span[b-9go4230xlo] {
    width: 20px;
    text-align: center;
}

.admin-nav a.active span[b-9go4230xlo] {
    color: #ffbe00;
}

.admin-profile[b-9go4230xlo] {
    margin-top: auto;
    border: 1px solid #263748;
    border-radius: 12px;
    padding: 11px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #0b1521;
}

.profile-avatar[b-9go4230xlo] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 800;
    background: linear-gradient(145deg, #323e4b, #111923);
    border: 1px solid #3c4958;
}

.admin-profile strong[b-9go4230xlo] {
    font-size: 12px;
}

.admin-profile small[b-9go4230xlo] {
    display: block;
    color: #8192a5;
    font-size: 10px;
    margin-top: 3px;
}

.logout-button[b-9go4230xlo] {
    border: 0;
    background: transparent;
    color: #d9e3ed;
    text-align: left;
    padding: 9px 12px;
    cursor: pointer;
    border-radius: 8px;
}

.logout-button:hover[b-9go4230xlo] {
    background: #101c28;
}

.logout-button span[b-9go4230xlo] {
    margin-right: 10px;
    color: #ef5467;
}

.audit-main[b-9go4230xlo] {
    min-width: 0;
    padding: 20px 24px 28px;
}

.audit-header[b-9go4230xlo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #172636;
}

.title-block[b-9go4230xlo] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.title-icon[b-9go4230xlo] {
    font-size: 30px;
    color: #ff4964;
}

.title-block h1[b-9go4230xlo] {
    margin: 0;
    font-size: 30px;
    line-height: 1.08;
}

.title-block p[b-9go4230xlo] {
    margin: 5px 0 0;
    color: #8fa0b3;
    font-size: 13px;
}

.date-actions[b-9go4230xlo] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.date-filter[b-9go4230xlo] {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #293747;
    border-radius: 10px;
    background: #08131f;
    padding: 7px 10px;
}

.date-filter input[b-9go4230xlo] {
    background: transparent;
    border: 0;
    color: #eaf0f6;
    outline: none;
    color-scheme: dark;
    min-width: 124px;
}

.date-filter b[b-9go4230xlo] {
    color: #64778a;
}

.quick-ranges[b-9go4230xlo] {
    display: flex;
    border: 1px solid #233547;
    border-radius: 10px;
    overflow: hidden;
    background: #0a1724;
}

.quick-ranges button[b-9go4230xlo] {
    border: 0;
    border-right: 1px solid #233547;
    background: transparent;
    color: #aebccc;
    padding: 0 15px;
    min-height: 42px;
    cursor: pointer;
    font-weight: 600;
}

.quick-ranges button:last-child[b-9go4230xlo] {
    border-right: 0;
}

.quick-ranges button:hover[b-9go4230xlo],
.quick-ranges button.active[b-9go4230xlo] {
    color: #fff;
    background: linear-gradient(180deg, rgba(139, 92, 246, .42), rgba(88, 42, 151, .36));
}

.quick-ranges button.active[b-9go4230xlo] {
    box-shadow: inset 0 0 0 1px #8b5cf6;
}

.audit-tabs[b-9go4230xlo] {
    min-height: 50px;
    display: flex;
    align-items: flex-end;
    gap: 6px;
    border-bottom: 1px solid #1a2b3c;
}

.audit-tabs span[b-9go4230xlo] {
    padding: 14px 14px 12px;
    font-size: 13px;
}

.tab-muted[b-9go4230xlo] {
    color: #8497aa;
}

.tab-active[b-9go4230xlo] {
    color: #ff667c;
    border-bottom: 2px solid #ff4964;
    background: linear-gradient(180deg, rgba(255, 73, 100, .06), rgba(255, 73, 100, .13));
}

/* =========================================================
   TARJETAS Y PANELES
   ========================================================= */

.kpi-grid[b-9go4230xlo] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.kpi-card[b-9go4230xlo],
.panel[b-9go4230xlo],
.state-panel[b-9go4230xlo] {
    border: 1px solid #213243;
    background: linear-gradient(145deg, rgba(15, 27, 40, .99), rgba(8, 18, 29, .99));
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .015);
}

.kpi-card[b-9go4230xlo] {
    min-height: 116px;
    padding: 15px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 74px;
    gap: 13px;
    align-items: start;
    overflow: hidden;
    position: relative;
}

.kpi-icon[b-9go4230xlo] {
    width: 46px;
    height: 46px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 900;
}

.kpi-copy[b-9go4230xlo] {
    min-width: 0;
}

.kpi-copy small[b-9go4230xlo] {
    display: block;
    color: #c7d2de;
    font-size: 12px;
}

.kpi-copy strong[b-9go4230xlo] {
    display: block;
    margin-top: 2px;
    font-size: 29px;
    letter-spacing: -.02em;
}

.kpi-copy em[b-9go4230xlo] {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    font-style: normal;
    white-space: nowrap;
}

.red .kpi-icon[b-9go4230xlo] {
    color: #fff;
    background: linear-gradient(145deg, #a51d3e, #64152d);
}

.blue .kpi-icon[b-9go4230xlo] {
    color: #fff;
    background: linear-gradient(145deg, #06639c, #08436c);
}

.cyan .kpi-icon[b-9go4230xlo] {
    color: #fff;
    background: linear-gradient(145deg, #087f8c, #07545d);
}

.pink .kpi-icon[b-9go4230xlo] {
    color: #fff;
    background: linear-gradient(145deg, #9c1a72, #5b174e);
}

.spark[b-9go4230xlo] {
    width: 72px;
    height: 46px;
    align-self: center;
    opacity: .78;
    clip-path: polygon(0 82%, 15% 64%, 31% 35%, 47% 46%, 64% 14%, 80% 31%, 100% 4%, 100% 100%, 0 100%);
}

.spark-red[b-9go4230xlo] {
    background: linear-gradient(180deg, #ff4964, rgba(255, 73, 100, .05));
}

.spark-blue[b-9go4230xlo] {
    background: linear-gradient(180deg, #10b9ff, rgba(16, 185, 255, .04));
}

.spark-cyan[b-9go4230xlo] {
    background: linear-gradient(180deg, #22d3ee, rgba(34, 211, 238, .04));
}

.spark-pink[b-9go4230xlo] {
    background: linear-gradient(180deg, #ff4fa3, rgba(255, 79, 163, .04));
}

.positive[b-9go4230xlo] {
    color: #42da77 !important;
}

.negative[b-9go4230xlo] {
    color: #ff5d6f !important;
}

.neutral[b-9go4230xlo] {
    color: #7f93a6 !important;
}

.primary-grid[b-9go4230xlo] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(340px, .82fr);
    gap: 12px;
    margin-top: 12px;
}

.secondary-grid[b-9go4230xlo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.panel[b-9go4230xlo] {
    min-width: 0;
    padding: 15px;
}

.panel-title[b-9go4230xlo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.panel-title h2[b-9go4230xlo] {
    margin: 0;
    font-size: 17px;
}

.panel-title p[b-9go4230xlo] {
    margin: 4px 0 0;
    color: #7f93a7;
    font-size: 11px;
}

.panel-chip[b-9go4230xlo] {
    border: 1px solid #2c4154;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 11px;
    color: #d6e0ea;
}

/* =========================================================
   GRÁFICA
   ========================================================= */

.chart-area[b-9go4230xlo] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.chart-y-axis[b-9go4230xlo] {
    height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #7f93a7;
    font-size: 10px;
    padding: 2px 0 18px;
    text-align: right;
}

.chart-canvas[b-9go4230xlo] {
    min-width: 0;
}

.chart-canvas svg[b-9go4230xlo] {
    width: 100%;
    height: 210px;
    display: block;
    overflow: visible;
}

.grid-line[b-9go4230xlo] {
    stroke: #253748;
    stroke-width: 1;
}

.error-area[b-9go4230xlo] {
    fill: url(#errorFill);
}

.error-line[b-9go4230xlo] {
    fill: none;
    stroke: #ff4964;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.error-point[b-9go4230xlo] {
    fill: #07131f;
    stroke: #ff6178;
    stroke-width: 3;
}

.chart-labels[b-9go4230xlo] {
    display: flex;
    justify-content: space-between;
    color: #8193a6;
    font-size: 10px;
    margin-top: 5px;
}

.chart-legend[b-9go4230xlo] {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    color: #d6dfe8;
    font-size: 11px;
}

.chart-legend span[b-9go4230xlo] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.chart-legend i[b-9go4230xlo] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4964;
}

/* =========================================================
   DONUT
   ========================================================= */

.donut-layout[b-9go4230xlo] {
    min-height: 235px;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 10px 4px 2px;
}

.donut[b-9go4230xlo] {
    width: 155px;
    height: 155px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    position: relative;
}

.donut[b-9go4230xlo]::after {
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #091522;
    box-shadow: inset 0 0 0 1px #1c3041;
}

.donut > div[b-9go4230xlo] {
    position: relative;
    z-index: 1;
    display: grid;
    text-align: center;
}

.donut strong[b-9go4230xlo] {
    font-size: 28px;
}

.donut small[b-9go4230xlo] {
    margin-top: 2px;
    color: #8193a6;
}

.donut-legend[b-9go4230xlo] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.legend-row[b-9go4230xlo] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) 44px 28px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 11px;
}

.legend-color[b-9go4230xlo] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.legend-label[b-9go4230xlo] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.legend-row small[b-9go4230xlo] {
    color: #7f93a6;
    text-align: right;
}

/* =========================================================
   RANKINGS
   ========================================================= */

.ranking-list[b-9go4230xlo] {
    display: grid;
    gap: 11px;
    margin-top: 13px;
}

.ranking-row[b-9go4230xlo] {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(90px, 1.1fr) minmax(100px, 1fr) 35px;
    align-items: center;
    gap: 9px;
    font-size: 11px;
}

.browser-row[b-9go4230xlo] {
    grid-template-columns: 30px minmax(86px, 1fr) minmax(90px, 1fr) 45px 26px;
}

.rank[b-9go4230xlo],
.software-icon[b-9go4230xlo] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #152536;
    color: #d6e0eb;
    font-weight: 800;
}

.software-icon[b-9go4230xlo] {
    font-size: 18px;
    color: #f2f7fb;
}

.ranking-label[b-9go4230xlo] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bar[b-9go4230xlo] {
    height: 8px;
    background: #1a3041;
    border-radius: 999px;
    overflow: hidden;
}

.bar i[b-9go4230xlo] {
    display: block;
    height: 100%;
    min-width: 2px;
    border-radius: inherit;
    background: linear-gradient(90deg, #ff4964, #ff6178);
}

.ranking-row small[b-9go4230xlo] {
    color: #7f93a6;
    text-align: right;
}

/* =========================================================
   TABLA
   ========================================================= */

.recent-panel[b-9go4230xlo] {
    margin-top: 12px;
    padding: 0;
    overflow: hidden;
}

.recent-title[b-9go4230xlo] {
    padding: 15px;
}

.export-button[b-9go4230xlo] {
    border: 1px solid #2b4053;
    background: #0b1825;
    color: #dfe7ef;
    text-decoration: none;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
}

.export-button:hover[b-9go4230xlo] {
    border-color: #ff4964;
    color: #fff;
}

.desktop-table-wrap[b-9go4230xlo] {
    width: 100%;
    overflow-x: auto;
}

.errors-table[b-9go4230xlo] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1120px;
}

.errors-table th[b-9go4230xlo] {
    color: #b9c6d2;
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    padding: 10px 12px;
    background: #102132;
    border-top: 1px solid #1e3142;
    border-bottom: 1px solid #1e3142;
}

.errors-table td[b-9go4230xlo] {
    color: #dce5ee;
    font-size: 10px;
    padding: 9px 12px;
    border-bottom: 1px solid #182b3b;
    vertical-align: top;
}

.errors-table td small[b-9go4230xlo] {
    display: block;
    color: #7f93a6;
    margin-top: 3px;
}

.path-text[b-9go4230xlo],
.message-text[b-9go4230xlo] {
    display: block;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.severity-badge[b-9go4230xlo],
.status-badge[b-9go4230xlo] {
    display: inline-flex;
    align-items: center;
    max-width: 180px;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.severity-error[b-9go4230xlo] {
    color: #ff8190;
    background: rgba(255, 73, 100, .13);
    border: 1px solid rgba(255, 73, 100, .23);
}

.severity-critical[b-9go4230xlo] {
    color: #fff;
    background: #b51e39;
}

.severity-warning[b-9go4230xlo] {
    color: #ffd267;
    background: rgba(255, 190, 0, .13);
    border: 1px solid rgba(255, 190, 0, .25);
}

.severity-info[b-9go4230xlo] {
    color: #62baff;
    background: rgba(45, 156, 255, .13);
    border: 1px solid rgba(45, 156, 255, .25);
}

.status-open[b-9go4230xlo] {
    color: #ff8090;
    background: rgba(255, 73, 100, .12);
}

.status-resolved[b-9go4230xlo] {
    color: #55dd88;
    background: rgba(39, 199, 103, .12);
}

.status-ignored[b-9go4230xlo] {
    color: #a8b7c5;
    background: #172536;
}

.detail-button[b-9go4230xlo],
.state-panel button[b-9go4230xlo],
.resolution-actions button[b-9go4230xlo] {
    border: 1px solid #2c4153;
    border-radius: 7px;
    min-height: 32px;
    padding: 0 10px;
    background: #112232;
    color: #e5edf5;
    cursor: pointer;
    font-weight: 700;
}

.detail-button:hover[b-9go4230xlo] {
    border-color: #ff4964;
}

.pagination[b-9go4230xlo] {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    color: #8497aa;
    font-size: 10px;
}

.pagination > div[b-9go4230xlo] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.pagination button[b-9go4230xlo],
.pagination strong[b-9go4230xlo] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: grid;
    place-items: center;
}

.pagination button[b-9go4230xlo] {
    border: 1px solid #2b4052;
    background: #0c1a27;
    color: #dfe7ef;
    cursor: pointer;
}

.pagination button:disabled[b-9go4230xlo] {
    opacity: .35;
    cursor: not-allowed;
}

.pagination strong[b-9go4230xlo] {
    background: #5e2bbf;
    color: #fff;
}

.mobile-error-list[b-9go4230xlo] {
    display: none;
}

/* =========================================================
   ESTADOS
   ========================================================= */

.state-panel[b-9go4230xlo] {
    margin-top: 16px;
    min-height: 240px;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    padding: 30px;
}

.state-panel h2[b-9go4230xlo] {
    margin: 10px 0 4px;
}

.state-panel p[b-9go4230xlo] {
    color: #8295a8;
    max-width: 560px;
}

.empty-state[b-9go4230xlo] {
    min-height: 185px;
    display: grid;
    place-items: center;
    text-align: center;
    color: #7f93a6;
    font-size: 12px;
}

.empty-state.compact[b-9go4230xlo] {
    min-height: 130px;
}

.spinner[b-9go4230xlo] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 3px solid #243747;
    border-top-color: #ff4964;
    animation: spin-b-9go4230xlo .8s linear infinite;
}

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

/* =========================================================
   MODAL DE DETALLE
   ========================================================= */

.modal-backdrop[b-9go4230xlo] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(0, 5, 11, .78);
    backdrop-filter: blur(5px);
}

.detail-modal[b-9go4230xlo] {
    width: min(920px, 96vw);
    max-height: 92vh;
    overflow: auto;
    border: 1px solid #304457;
    border-radius: 16px;
    background: #07131f;
    color: #f4f7fb;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .55);
}

.detail-modal > header[b-9go4230xlo] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    background: rgba(7, 19, 31, .97);
    border-bottom: 1px solid #223445;
}

.detail-modal header span[b-9go4230xlo] {
    color: #ff657a;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.detail-modal header h2[b-9go4230xlo] {
    margin: 3px 0 0;
    font-size: 22px;
}

.detail-modal header button[b-9go4230xlo] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #2f4354;
    background: #10202e;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.detail-status-row[b-9go4230xlo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    padding: 15px 18px 0;
    color: #90a2b3;
    font-size: 11px;
}

.detail-grid[b-9go4230xlo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 15px 18px;
}

.detail-grid > div[b-9go4230xlo],
.technical-section[b-9go4230xlo],
.resolution-section[b-9go4230xlo] {
    border: 1px solid #213547;
    border-radius: 10px;
    background: #0b1926;
    padding: 11px 12px;
    min-width: 0;
}

.detail-grid small[b-9go4230xlo],
.technical-section small[b-9go4230xlo] {
    display: block;
    color: #7f93a6;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.detail-grid strong[b-9go4230xlo] {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.detail-grid span[b-9go4230xlo] {
    display: block;
    margin-top: 3px;
    color: #8799ab;
    font-size: 10px;
    overflow-wrap: anywhere;
}

.technical-section[b-9go4230xlo] {
    margin: 0 18px 10px;
}

.technical-section strong[b-9go4230xlo] {
    display: block;
    margin-top: 5px;
}

.technical-section pre[b-9go4230xlo] {
    margin: 6px 0 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: #dbe5ee;
    font: 11px/1.55 "Cascadia Code", Consolas, monospace;
    max-height: 220px;
    overflow: auto;
}

.resolution-section[b-9go4230xlo] {
    margin: 14px 18px 18px;
}

.resolution-section label[b-9go4230xlo] {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 700;
}

.resolution-section textarea[b-9go4230xlo] {
    width: 100%;
    resize: vertical;
    border: 1px solid #2b4053;
    border-radius: 9px;
    background: #07131f;
    color: #edf4fa;
    padding: 10px;
    outline: none;
}

.resolution-section textarea:focus[b-9go4230xlo] {
    border-color: #8b5cf6;
}

.resolution-actions[b-9go4230xlo] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 11px;
}

.resolve-action[b-9go4230xlo] {
    background: #12783f !important;
    border-color: #1c9a55 !important;
}

.ignore-action[b-9go4230xlo] {
    background: #433b23 !important;
    border-color: #705f27 !important;
}

.outline-action[b-9go4230xlo] {
    background: #132537 !important;
}

.modal-state[b-9go4230xlo] {
    min-height: 240px;
    display: grid;
    place-items: center;
    align-content: center;
    padding: 30px;
}

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

.mobile-topbar[b-9go4230xlo],
.mobile-sidebar-head[b-9go4230xlo],
.mobile-menu-backdrop[b-9go4230xlo] {
    display: none;
}

@media (max-width: 1280px) {
    .kpi-grid[b-9go4230xlo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .secondary-grid[b-9go4230xlo] {
        grid-template-columns: 1fr 1fr;
    }

    .secondary-grid > :last-child[b-9go4230xlo] {
        grid-column: 1 / -1;
    }

    .primary-grid[b-9go4230xlo] {
        grid-template-columns: 1.4fr .9fr;
    }

    .date-actions[b-9go4230xlo] {
        max-width: 620px;
    }
}

@media (max-width: 980px) {
    .audit-shell[b-9go4230xlo] {
        grid-template-columns: 1fr;
        padding-top: 58px;
    }

    .mobile-topbar[b-9go4230xlo] {
        position: fixed;
        inset: 0 0 auto 0;
        z-index: 910;
        min-height: 58px;
        padding: 9px 14px;
        display: flex;
        align-items: center;
        gap: 12px;
        background: #030b14;
        border-bottom: 1px solid #20303f;
    }

    .mobile-topbar strong[b-9go4230xlo] {
        font-size: 18px;
    }

    .mobile-topbar b[b-9go4230xlo] {
        color: #ffbe00;
    }

    .hamburger-button[b-9go4230xlo] {
        width: 40px;
        height: 40px;
        border: 1px solid #304355;
        border-radius: 9px;
        background: #0d1b28;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .audit-sidebar[b-9go4230xlo] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 950;
        width: min(330px, 88vw);
        height: 100%;
        min-height: 0;
        transform: translateX(-103%);
        transition: transform .22s ease;
        overflow-y: auto;
    }

    .mobile-menu-open .audit-sidebar[b-9go4230xlo] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-9go4230xlo] {
        position: fixed;
        inset: 0;
        z-index: 940;
        border: 0;
        background: rgba(0, 0, 0, .55);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-9go4230xlo] {
        display: block;
    }

    .mobile-sidebar-head[b-9go4230xlo] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 6px 4px;
    }

    .mobile-sidebar-head button[b-9go4230xlo] {
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 8px;
        background: #12202d;
        color: #fff;
        font-size: 22px;
    }

    .audit-main[b-9go4230xlo] {
        padding: 16px;
    }

    .audit-header[b-9go4230xlo] {
        flex-direction: column;
    }

    .date-actions[b-9go4230xlo] {
        width: 100%;
        justify-content: flex-start;
    }

    .primary-grid[b-9go4230xlo] {
        grid-template-columns: 1fr;
    }

    .error-types-panel[b-9go4230xlo] {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .audit-main[b-9go4230xlo] {
        padding: 12px;
    }

    .title-block[b-9go4230xlo] {
        align-items: flex-start;
    }

    .title-icon[b-9go4230xlo] {
        font-size: 24px;
    }

    .title-block h1[b-9go4230xlo] {
        font-size: 24px;
    }

    .title-block p[b-9go4230xlo] {
        font-size: 12px;
    }

    .date-actions[b-9go4230xlo],
    .date-filter[b-9go4230xlo],
    .quick-ranges[b-9go4230xlo] {
        width: 100%;
    }

    .date-filter[b-9go4230xlo] {
        justify-content: space-between;
    }

    .date-filter input[b-9go4230xlo] {
        width: calc(50% - 24px);
        min-width: 0;
    }

    .quick-ranges button[b-9go4230xlo] {
        flex: 1 1 0;
        min-width: 0;
        padding: 0 5px;
        font-size: 10px;
    }

    .audit-tabs[b-9go4230xlo] {
        overflow-x: auto;
    }

    .audit-tabs span[b-9go4230xlo] {
        white-space: nowrap;
    }

    .kpi-grid[b-9go4230xlo],
    .secondary-grid[b-9go4230xlo] {
        grid-template-columns: 1fr;
    }

    .secondary-grid > :last-child[b-9go4230xlo] {
        grid-column: auto;
    }

    .kpi-card[b-9go4230xlo] {
        grid-template-columns: 46px minmax(0, 1fr) 65px;
    }

    .kpi-copy strong[b-9go4230xlo] {
        font-size: 25px;
    }

    .donut-layout[b-9go4230xlo] {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .donut-legend[b-9go4230xlo] {
        width: 100%;
    }

    .chart-area[b-9go4230xlo] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .chart-labels[b-9go4230xlo] {
        gap: 8px;
        overflow-x: hidden;
    }

    .chart-labels span[b-9go4230xlo] {
        font-size: 9px;
    }

    .ranking-row[b-9go4230xlo] {
        grid-template-columns: 28px minmax(80px, 1fr) minmax(70px, 1fr) 30px;
        gap: 6px;
    }

    .browser-row[b-9go4230xlo] {
        grid-template-columns: 28px minmax(80px, 1fr) minmax(65px, 1fr) 42px 22px;
    }

    .desktop-table-wrap[b-9go4230xlo] {
        display: none;
    }

    .mobile-error-list[b-9go4230xlo] {
        display: grid;
        gap: 10px;
        padding: 0 12px 12px;
    }

    .error-mobile-card[b-9go4230xlo] {
        border: 1px solid #213547;
        border-radius: 12px;
        background: #0b1926;
        padding: 12px;
    }

    .mobile-card-head[b-9go4230xlo] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
    }

    .mobile-card-head small[b-9go4230xlo],
    .mobile-user small[b-9go4230xlo] {
        display: block;
        margin-top: 3px;
        color: #8497aa;
        font-size: 10px;
        overflow-wrap: anywhere;
    }

    .mobile-user[b-9go4230xlo] {
        margin-top: 10px;
    }

    .error-mobile-card p[b-9go4230xlo] {
        color: #dfe7ef;
        font-size: 11px;
        line-height: 1.45;
        margin: 10px 0;
    }

    .mobile-meta[b-9go4230xlo] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 10px;
    }

    .mobile-meta span[b-9go4230xlo] {
        border: 1px solid #263a4b;
        border-radius: 999px;
        padding: 4px 7px;
        color: #9aacbd;
        font-size: 9px;
    }

    .error-mobile-card .detail-button[b-9go4230xlo] {
        width: 100%;
        min-height: 38px;
    }

    .pagination[b-9go4230xlo] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .detail-grid[b-9go4230xlo] {
        grid-template-columns: 1fr;
    }

    .detail-modal[b-9go4230xlo] {
        width: 100%;
        max-height: 94vh;
    }

    .resolution-actions button[b-9go4230xlo] {
        flex: 1 1 100%;
        min-height: 40px;
    }
}
/* /Pages/Admin/Blog.razor.rz.scp.css */
/* =========================================================
   TURNO YA - BLOG SUPER ADMINISTRADOR
   ========================================================= */

.admin-blog-shell[b-8q1hp7fb8t] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 250px 1fr;
    background: #02090f;
    color: #ffffff;
}

/* =========================================================
   MENÚ LATERAL
   ========================================================= */

.admin-blog-shell aside[b-8q1hp7fb8t] {
    border-right: 1px solid #263642;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
}

.brand img[b-8q1hp7fb8t] {
    width: 180px;
}

.admin-blog-shell nav[b-8q1hp7fb8t] {
    display: grid;
    gap: 5px;
    margin-top: 22px;
}

.admin-blog-shell nav a[b-8q1hp7fb8t] {
    padding: 12px 14px;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
}

.admin-blog-shell nav a.active[b-8q1hp7fb8t] {
    background: #4d3900;
}

.logout[b-8q1hp7fb8t] {
    margin-top: auto;
    padding: 12px;
    border: 1px solid #30414c;
    border-radius: 8px;
    background: #07131b;
    color: #ffffff;
}

/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.admin-blog-shell main[b-8q1hp7fb8t] {
    padding: 28px;
    min-width: 0;
}

.page-head[b-8q1hp7fb8t] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.page-head > div:last-child[b-8q1hp7fb8t] {
    display: flex;
    gap: 8px;
}

.page-head span[b-8q1hp7fb8t] {
    color: #ffc400;
    font-size: 10px;
    font-weight: 900;
}

.page-head h1[b-8q1hp7fb8t] {
    margin: 5px 0;
    font-size: 30px;
}

.page-head p[b-8q1hp7fb8t] {
    color: #aabac4;
}

/* =========================================================
   BOTONES
   ========================================================= */

.primary[b-8q1hp7fb8t],
.secondary[b-8q1hp7fb8t] {
    padding: 11px 15px;
    border-radius: 8px;
    font-weight: 800;
}

.primary[b-8q1hp7fb8t] {
    border: 0;
    background: #6d2fc1;
    color: #ffffff;
}

.secondary[b-8q1hp7fb8t] {
    border: 1px solid #354955;
    background: #07131b;
    color: #ffffff;
}

/* =========================================================
   FILTROS
   ========================================================= */

.toolbar[b-8q1hp7fb8t] {
    display: grid;
    grid-template-columns: 1fr 220px 120px;
    gap: 8px;
    margin: 22px 0;
}

.toolbar input[b-8q1hp7fb8t],
.toolbar select[b-8q1hp7fb8t],
.toolbar button[b-8q1hp7fb8t] {
    min-height: 44px;
    border: 1px solid #2c414d;
    border-radius: 8px;
    background: #07131b;
    color: #ffffff;
    padding: 0 12px;
}

/* =========================================================
   TABLA
   ========================================================= */

.posts[b-8q1hp7fb8t] {
    border: 1px solid #263a46;
    border-radius: 12px;
    overflow: hidden;
}

.table-row[b-8q1hp7fb8t] {
    display: grid;
    grid-template-columns:
        2fr
        1fr
        0.8fr
        1fr
        0.5fr
        0.7fr;
    gap: 10px;
    align-items: center;
    padding: 13px;
    border-bottom: 1px solid #1d303b;
}

.table-row.head[b-8q1hp7fb8t] {
    background: #0b1720;
    font-size: 11px;
    font-weight: 800;
}

.table-row > div:first-child[b-8q1hp7fb8t] {
    min-width: 0;
}

.table-row strong[b-8q1hp7fb8t],
.table-row small[b-8q1hp7fb8t] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-row small[b-8q1hp7fb8t] {
    color: #879ba7;
}

/* =========================================================
   ESTADOS
   ========================================================= */

.status[b-8q1hp7fb8t] {
    font-size: 10px;
    font-weight: 800;
}

.status.published[b-8q1hp7fb8t] {
    color: #5ee9a2;
}

.status.draft[b-8q1hp7fb8t] {
    color: #ffc400;
}

.status.archived[b-8q1hp7fb8t] {
    color: #9caab3;
}

/* =========================================================
   ACCIONES
   ========================================================= */

.actions[b-8q1hp7fb8t] {
    display: flex;
    gap: 6px;
}

.actions button[b-8q1hp7fb8t] {
    width: 34px;
    height: 34px;
    border: 1px solid #354a56;
    border-radius: 7px;
    background: #08151e;
    color: #ffffff;
}

/* =========================================================
   PAGINACIÓN
   ========================================================= */

.pager[b-8q1hp7fb8t] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.pager button[b-8q1hp7fb8t] {
    width: 36px;
    height: 36px;
    background: #07131b;
    border: 1px solid #344954;
    color: #ffffff;
    border-radius: 7px;
}

/* =========================================================
   MENSAJES
   ========================================================= */

.message[b-8q1hp7fb8t] {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #17633e;
    background: #08261b;
    color: #80efb6;
    border-radius: 8px;
}

.state[b-8q1hp7fb8t] {
    min-height: 300px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
}

/* =========================================================
   MODALES
   ========================================================= */

.modal[b-8q1hp7fb8t] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: #000b;
}

.modal > section[b-8q1hp7fb8t] {
    width: min(100%, 920px);
    max-height: 92vh;
    overflow: auto;
    border: 1px solid #344955;
    border-radius: 14px;
    background: #07131b;
    padding: 20px;
}

.modal.small > section[b-8q1hp7fb8t] {
    width: min(100%, 520px);
}

.modal header[b-8q1hp7fb8t],
.modal footer[b-8q1hp7fb8t] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.modal header button[b-8q1hp7fb8t] {
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 24px;
}

/* =========================================================
   FORMULARIOS
   ========================================================= */

.form[b-8q1hp7fb8t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 18px 0;
}

.form.one[b-8q1hp7fb8t] {
    grid-template-columns: 1fr;
}

.form label[b-8q1hp7fb8t] {
    display: grid;
    gap: 5px;
    font-size: 11px;
}

.form input[b-8q1hp7fb8t],
.form select[b-8q1hp7fb8t],
.form textarea[b-8q1hp7fb8t] {
    border: 1px solid #314651;
    border-radius: 7px;
    background: #030b10;
    color: #ffffff;
    padding: 10px;
}

.form textarea[b-8q1hp7fb8t] {
    min-height: 80px;
}

.form .wide[b-8q1hp7fb8t] {
    grid-column: 1 / -1;
}

.content-editor[b-8q1hp7fb8t] {
    min-height: 260px !important;
    font-family:
        Consolas,
        monospace;
}

.check[b-8q1hp7fb8t] {
    display: flex !important;
    align-items: center;
    grid-auto-flow: column;
    justify-content: start;
}

/* =========================================================
   MÓVIL
   ========================================================= */

.mobilebar[b-8q1hp7fb8t],
.backdrop[b-8q1hp7fb8t] {
    display: none;
}

@media (max-width: 850px) {
    .admin-blog-shell[b-8q1hp7fb8t] {
        display: block;
        padding-top: 56px;
    }

    .mobilebar[b-8q1hp7fb8t] {
        display: flex;
        position: fixed;
        inset: 0 0 auto;
        z-index: 900;
        height: 56px;
        background: #030b11;
        border-bottom: 1px solid #263a46;
        align-items: center;
        gap: 12px;
        padding: 8px;
    }

    .mobilebar button[b-8q1hp7fb8t] {
        width: 40px;
        height: 40px;
        background: #07131b;
        border: 1px solid #304651;
        color: #ffffff;
        border-radius: 7px;
    }

    .admin-blog-shell aside[b-8q1hp7fb8t] {
        position: fixed;
        z-index: 1001;
        left: 0;
        top: 0;
        bottom: 0;
        width: 290px;
        background: #030b11;
        transform: translateX(-105%);
        transition: 0.2s;
    }

    .menu-open aside[b-8q1hp7fb8t] {
        transform: translateX(0);
    }

    .menu-open .backdrop[b-8q1hp7fb8t] {
        display: block;
        position: fixed;
        z-index: 1000;
        inset: 0;
        background: #000a;
        border: 0;
    }

    .admin-blog-shell main[b-8q1hp7fb8t] {
        padding: 18px 12px;
    }

    .page-head[b-8q1hp7fb8t] {
        flex-direction: column;
    }

    .toolbar[b-8q1hp7fb8t] {
        grid-template-columns: 1fr;
    }

    .table-row.head[b-8q1hp7fb8t] {
        display: none;
    }

    .table-row[b-8q1hp7fb8t] {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .table-row > div:first-child[b-8q1hp7fb8t] {
        grid-column: 1 / -1;
    }

    .form[b-8q1hp7fb8t] {
        grid-template-columns: 1fr;
    }

    .form .wide[b-8q1hp7fb8t] {
        grid-column: auto;
    }
}

/* ============================================================================
   NAVEGACIÓN ÚNICA SUPER ADMIN - COMPATIBILIDAD DE LAYOUT
   ============================================================================ */
@media (max-width: 900px) {
    .admin-blog-shell[b-8q1hp7fb8t] {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/Admin/Businesses.razor.rz.scp.css */
.businesses-shell[b-fgwtf62ozi]{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#07121f;color:#eef5ff;font-family:Inter,"Segoe UI",sans-serif}.businesses-main[b-fgwtf62ozi]{min-width:0;padding:26px 30px 50px}.page-head[b-fgwtf62ozi]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-head h1[b-fgwtf62ozi]{margin:0;font-size:30px}.page-head p[b-fgwtf62ozi]{margin:6px 0 0;color:#9fb0c5}.primary[b-fgwtf62ozi],.secondary[b-fgwtf62ozi]{min-height:42px;border-radius:8px;padding:0 18px;font-weight:800;cursor:pointer}.primary[b-fgwtf62ozi]{border:0;background:#ffc400;color:#111}.secondary[b-fgwtf62ozi]{border:1px solid #30445c;background:#102033;color:#eaf3ff}.summary-grid[b-fgwtf62ozi]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi[b-fgwtf62ozi]{display:flex;align-items:center;gap:14px;min-height:92px;padding:16px;border:1px solid #243b55;border-radius:10px;background:#0b1a2a}.kpi i[b-fgwtf62ozi]{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;font-style:normal;font-size:22px;background:#132b47}.kpi strong[b-fgwtf62ozi]{display:block;font-size:25px}.kpi span[b-fgwtf62ozi]{color:#c3d0df;font-size:13px}.blue i[b-fgwtf62ozi]{color:#2f8cff}.green i[b-fgwtf62ozi]{color:#23ce88}.purple i[b-fgwtf62ozi]{color:#a35bff}.gold i[b-fgwtf62ozi]{color:#ffc400}.red i[b-fgwtf62ozi]{color:#ff4b5c}.filters[b-fgwtf62ozi]{display:grid;grid-template-columns:2fr repeat(4,1fr) auto auto;align-items:end;gap:10px;padding:14px;margin-bottom:16px;border:1px solid #233a53;border-radius:10px;background:#0a1928}.filters label span[b-fgwtf62ozi]{display:block;margin-bottom:7px;font-size:12px}.filters input[b-fgwtf62ozi],.filters select[b-fgwtf62ozi],.pager select[b-fgwtf62ozi]{width:100%;min-height:38px;border:1px solid #30445c;border-radius:7px;background:#0d1e30;color:#eaf3ff;padding:0 10px}.content-grid[b-fgwtf62ozi]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.list-card[b-fgwtf62ozi],.distribution[b-fgwtf62ozi],.state-card[b-fgwtf62ozi]{border:1px solid #243b55;border-radius:10px;background:#091827}.list-card>header[b-fgwtf62ozi]{padding:15px;border-bottom:1px solid #243b55}.list-card h2[b-fgwtf62ozi],.distribution h3[b-fgwtf62ozi]{margin:0;font-size:16px}.list-card small[b-fgwtf62ozi]{color:#8fa4bb}.row[b-fgwtf62ozi]{display:grid;grid-template-columns:1.55fr 1.25fr .8fr .9fr .7fr .8fr .8fr .45fr;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #1b3046;font-size:12px}.table-head[b-fgwtf62ozi]{background:#102238;color:#cbd8e6;font-weight:800}.row small[b-fgwtf62ozi]{display:block;margin-top:3px}.business-cell[b-fgwtf62ozi]{display:flex;align-items:center;gap:9px}.business-cell img[b-fgwtf62ozi],.business-cell>b[b-fgwtf62ozi]{width:38px;height:38px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:#172c44}.plan[b-fgwtf62ozi],.status[b-fgwtf62ozi]{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-weight:800}.plan[b-fgwtf62ozi]{border:1px solid #277ee8;color:#83baff}.status.active[b-fgwtf62ozi]{background:#0b503d;color:#51e4a5}.status.trial[b-fgwtf62ozi]{background:#684d08;color:#ffd86b}.status.suspended[b-fgwtf62ozi]{background:#5b1d28;color:#ff7b89}.actions button[b-fgwtf62ozi]{border:1px solid #31475f;border-radius:6px;background:#102136;color:#fff;width:34px;height:34px}.pager[b-fgwtf62ozi]{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.pager div[b-fgwtf62ozi]{display:flex;align-items:center;gap:8px}.pager button[b-fgwtf62ozi]{width:34px;height:34px;border:1px solid #30445c;border-radius:6px;background:#0d1e30;color:#fff}.pager b[b-fgwtf62ozi]{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#ffc400;color:#111}.pager select[b-fgwtf62ozi]{width:70px}.insights[b-fgwtf62ozi]{display:grid;gap:14px;align-content:start}.distribution[b-fgwtf62ozi]{padding:15px}.dist-row[b-fgwtf62ozi]{display:grid;grid-template-columns:85px 1fr 24px 38px;gap:8px;align-items:center;margin-top:13px;font-size:11px}.dist-row>div[b-fgwtf62ozi]{height:8px;border-radius:10px;background:#162a40;overflow:hidden}.dist-row i[b-fgwtf62ozi]{display:block;height:100%;border-radius:10px;background:#2f8cff}.dist-row small[b-fgwtf62ozi]{color:#8fa4bb}.message[b-fgwtf62ozi]{padding:10px 14px;margin-bottom:12px;border:1px solid #176e50;border-radius:8px;background:#0c382c;color:#72e6b5}.state-card[b-fgwtf62ozi]{padding:30px}.state-card.error[b-fgwtf62ozi]{display:grid;gap:10px;color:#ff8994}.empty[b-fgwtf62ozi]{padding:50px;text-align:center;color:#8fa4bb}.mobile-list[b-fgwtf62ozi]{display:none}
@media(max-width:1200px){.summary-grid[b-fgwtf62ozi]{grid-template-columns:repeat(3,1fr)}.filters[b-fgwtf62ozi]{grid-template-columns:repeat(3,1fr)}.content-grid[b-fgwtf62ozi]{grid-template-columns:1fr}.insights[b-fgwtf62ozi]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.businesses-shell[b-fgwtf62ozi]{display:block}.businesses-main[b-fgwtf62ozi]{padding:82px 16px 30px}.summary-grid[b-fgwtf62ozi]{grid-template-columns:repeat(2,1fr)}.filters[b-fgwtf62ozi]{grid-template-columns:1fr 1fr}.desktop-table[b-fgwtf62ozi]{display:none}.mobile-list[b-fgwtf62ozi]{display:grid;gap:10px;padding:12px}.mobile-list article[b-fgwtf62ozi]{padding:14px;border:1px solid #243b55;border-radius:9px;background:#0c1c2c}.mobile-title[b-fgwtf62ozi]{display:flex;justify-content:space-between;gap:10px}.mobile-list p[b-fgwtf62ozi]{color:#9fb0c5}.mobile-list button[b-fgwtf62ozi]{min-height:38px;border:1px solid #30445c;border-radius:7px;background:#102136;color:#fff}.insights[b-fgwtf62ozi]{grid-template-columns:1fr}.pager[b-fgwtf62ozi]{gap:12px;flex-wrap:wrap}}
@media(max-width:560px){.page-head[b-fgwtf62ozi]{align-items:flex-start;flex-direction:column}.page-head .primary[b-fgwtf62ozi]{width:100%}.summary-grid[b-fgwtf62ozi],.filters[b-fgwtf62ozi]{grid-template-columns:1fr}.businesses-main[b-fgwtf62ozi]{padding-left:10px;padding-right:10px}.pager[b-fgwtf62ozi]{font-size:12px}}
/* /Pages/Admin/Dashboard.razor.rz.scp.css */
:host[b-26qgzfzl0f] {
    display: block;
    min-height: 100vh;
    color: #f8fafc;
    background: #06111f;
}

.superadmin-shell[b-26qgzfzl0f] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    background:
        radial-gradient(circle at 78% 8%, rgba(56, 31, 112, .14), transparent 26%),
        linear-gradient(135deg, #050c16 0%, #07121f 48%, #081522 100%);
}

.superadmin-sidebar[b-26qgzfzl0f] {
    min-height: 100vh;
    padding: 22px 14px;
    border-right: 1px solid #1b2a3a;
    background: rgba(3, 10, 18, .94);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.brand[b-26qgzfzl0f] {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 10px 14px;
}

.brand-mark[b-26qgzfzl0f] {
    width: 48px;
    height: 48px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
}

.brand-mark b[b-26qgzfzl0f] { color: #fff; position: absolute; left: 6px; top: 1px; }
.brand-mark em[b-26qgzfzl0f] { color: #ffbe00; position: absolute; right: 6px; bottom: 0; font-size: 28px; font-weight: 900; }
.brand strong[b-26qgzfzl0f] { display: block; font-size: 20px; }
.brand strong b[b-26qgzfzl0f] { color: #ffbe00; }
.brand small[b-26qgzfzl0f] { color: #93a4b7; font-size: 11px; }

.admin-nav[b-26qgzfzl0f] { display: grid; gap: 4px; }
.admin-nav a[b-26qgzfzl0f] {
    min-height: 40px;
    padding: 0 13px;
    border-radius: 9px;
    color: #d8e0e9;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    transition: .18s ease;
}
.admin-nav a:hover[b-26qgzfzl0f] { background: #101d2a; color: #fff; }
.admin-nav a.active[b-26qgzfzl0f] {
    color: #fff;
    background: linear-gradient(90deg, rgba(255, 190, 0, .24), rgba(255, 190, 0, .08));
    border: 1px solid rgba(255, 190, 0, .14);
}
.admin-nav a span[b-26qgzfzl0f] { width: 20px; color: #d9e4ef; text-align: center; }
.admin-nav a.active span[b-26qgzfzl0f] { color: #ffbe00; }

.admin-profile[b-26qgzfzl0f] {
    margin-top: auto;
    border: 1px solid #263748;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #0b1521;
}
.profile-avatar[b-26qgzfzl0f],
.business-avatar[b-26qgzfzl0f] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(145deg, #323e4b, #111923);
    border: 1px solid #3c4958;
}
.admin-profile strong[b-26qgzfzl0f] { display: block; font-size: 13px; }
.admin-profile small[b-26qgzfzl0f] { display: block; color: #8192a5; margin-top: 3px; font-size: 11px; }
.logout-button[b-26qgzfzl0f] {
    border: 0;
    background: transparent;
    color: #d9e3ed;
    text-align: left;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 8px;
}
.logout-button:hover[b-26qgzfzl0f] { background: #101c28; }
.logout-button span[b-26qgzfzl0f] { margin-right: 10px; color: #ef5467; }

.superadmin-main[b-26qgzfzl0f] { min-width: 0; padding: 20px 24px 28px; }
.admin-header[b-26qgzfzl0f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #152332;
}
.admin-header h1[b-26qgzfzl0f] { margin: 0; font-size: 22px; }
.admin-header p[b-26qgzfzl0f] { margin: 5px 0 0; color: #8fa0b3; font-size: 13px; }
.header-actions[b-26qgzfzl0f] { display: flex; align-items: center; gap: 10px; }
.search-box[b-26qgzfzl0f] {
    height: 40px;
    min-width: 270px;
    border: 1px solid #293747;
    border-radius: 9px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    background: #08131f;
    color: #8190a1;
}
.search-box input[b-26qgzfzl0f] { width: 100%; background: transparent; border: 0; outline: 0; color: #eef4f9; }
.notification-button[b-26qgzfzl0f] {
    width: 40px;
    height: 40px;
    position: relative;
    border: 1px solid #293747;
    border-radius: 50%;
    background: #08131f;
    color: #f5f7fa;
}
.notification-button b[b-26qgzfzl0f] {
    position: absolute;
    right: -1px;
    top: -4px;
    min-width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ffbe00;
    color: #111;
    font-size: 0;
}
.header-actions select[b-26qgzfzl0f] {
    height: 40px;
    min-width: 160px;
    border: 1px solid #293747;
    border-radius: 9px;
    background: #08131f;
    color: #f1f5f9;
    padding: 0 12px;
}

.kpi-grid[b-26qgzfzl0f] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}
.kpi-card[b-26qgzfzl0f],
.panel[b-26qgzfzl0f],
.summary-strip[b-26qgzfzl0f],
.state-panel[b-26qgzfzl0f] {
    border: 1px solid #203141;
    background: linear-gradient(145deg, rgba(15, 27, 40, .94), rgba(8, 18, 29, .94));
    border-radius: 12px;
    box-shadow: 0 16px 35px rgba(0, 0, 0, .16);
}
.kpi-card[b-26qgzfzl0f] {
    min-height: 118px;
    padding: 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.kpi-icon[b-26qgzfzl0f],
.summary-icon[b-26qgzfzl0f],
.activity-icon[b-26qgzfzl0f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 800;
}
.kpi-icon[b-26qgzfzl0f] { width: 42px; height: 42px; flex: 0 0 42px; }
.kpi-card small[b-26qgzfzl0f] { display: block; color: #c8d3de; font-size: 12px; }
.kpi-card strong[b-26qgzfzl0f] { display: block; margin-top: 5px; font-size: 22px; white-space: nowrap; }
.kpi-card em[b-26qgzfzl0f] { display: block; margin-top: 8px; font-style: normal; font-size: 11px; }
.blue .kpi-icon[b-26qgzfzl0f], .summary-icon.blue[b-26qgzfzl0f], .activity-icon.blue[b-26qgzfzl0f] { color: #4aa2ff; background: rgba(38, 125, 255, .14); }
.purple .kpi-icon[b-26qgzfzl0f], .summary-icon.purple[b-26qgzfzl0f], .activity-icon.purple[b-26qgzfzl0f] { color: #a76cff; background: rgba(139, 92, 246, .17); }
.green .kpi-icon[b-26qgzfzl0f], .summary-icon.green[b-26qgzfzl0f], .activity-icon.green[b-26qgzfzl0f] { color: #51d37b; background: rgba(47, 196, 105, .16); }
.gold .kpi-icon[b-26qgzfzl0f], .summary-icon.gold[b-26qgzfzl0f], .activity-icon.gold[b-26qgzfzl0f] { color: #ffbe00; background: rgba(255, 190, 0, .15); }
.cyan .kpi-icon[b-26qgzfzl0f], .summary-icon.cyan[b-26qgzfzl0f], .activity-icon.cyan[b-26qgzfzl0f] { color: #27c9de; background: rgba(39, 201, 222, .15); }
.summary-icon.red[b-26qgzfzl0f] { color: #ff6271; background: rgba(255, 73, 91, .14); }
.positive[b-26qgzfzl0f] { color: #49d878 !important; }
.negative[b-26qgzfzl0f] { color: #ff5a68 !important; }

.primary-grid[b-26qgzfzl0f] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .95fr) minmax(280px, .86fr);
    gap: 12px;
}
.secondary-grid[b-26qgzfzl0f] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(300px, 1fr);
    gap: 12px;
}
.panel[b-26qgzfzl0f] { padding: 15px; min-width: 0; }
.panel-title[b-26qgzfzl0f] { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.panel-title h2[b-26qgzfzl0f] { margin: 0; font-size: 15px; }
.panel-title p[b-26qgzfzl0f] { margin: 4px 0 0; color: #8091a4; font-size: 11px; }
.legend[b-26qgzfzl0f] { display: flex; gap: 14px; color: #9aaabd; font-size: 11px; }
.legend span[b-26qgzfzl0f]::before { content: ""; display: inline-block; width: 16px; height: 3px; margin-right: 6px; vertical-align: middle; border-radius: 4px; }
.legend-revenue[b-26qgzfzl0f]::before { background: #ffbe00; }
.legend-commission[b-26qgzfzl0f]::before { background: #8b5cf6; }

.chart-area[b-26qgzfzl0f] { min-height: 250px; display: flex; flex-direction: column; }
.chart-area svg[b-26qgzfzl0f] { width: 100%; height: 220px; overflow: visible; }
.grid-line[b-26qgzfzl0f] { stroke: #203143; stroke-width: 1; }
.line[b-26qgzfzl0f] { fill: none; stroke-width: 4; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.revenue-line[b-26qgzfzl0f] { stroke: #ffbe00; }
.commission-line[b-26qgzfzl0f] { stroke: #8b5cf6; }
.chart-labels[b-26qgzfzl0f] { display: flex; justify-content: space-between; color: #8292a4; font-size: 10px; }

.donut-layout[b-26qgzfzl0f] { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 18px; align-items: center; }
.donut[b-26qgzfzl0f] {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    position: relative;
    display: grid;
    place-items: center;
}
.donut[b-26qgzfzl0f]::after { content: ""; position: absolute; inset: 24px; border-radius: 50%; background: #0b1724; border: 1px solid #253547; }
.donut > div[b-26qgzfzl0f] { position: relative; z-index: 1; text-align: center; }
.donut strong[b-26qgzfzl0f] { display: block; font-size: 20px; }
.donut small[b-26qgzfzl0f] { color: #8da0b3; font-size: 10px; }
.distribution-list[b-26qgzfzl0f] { display: grid; gap: 10px; }
.distribution-list > div[b-26qgzfzl0f] { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; font-size: 11px; }
.distribution-list span[b-26qgzfzl0f] { color: #cad5df; }
.distribution-list em[b-26qgzfzl0f] { color: #8292a5; font-style: normal; }
.dot[b-26qgzfzl0f] { width: 8px; height: 8px; border-radius: 2px; }
.c-1[b-26qgzfzl0f] { background: #2d7df6; }.c-2[b-26qgzfzl0f] { background: #8b5cf6; }.c-3[b-26qgzfzl0f] { background: #35c46b; }.c-4[b-26qgzfzl0f] { background: #f8b400; }.c-5[b-26qgzfzl0f] { background: #18b6c9; }

.business-list[b-26qgzfzl0f],
.activity-list[b-26qgzfzl0f],
.ranking-list[b-26qgzfzl0f] { display: grid; gap: 7px; }
.business-row[b-26qgzfzl0f],
.activity-row[b-26qgzfzl0f],
.ranking-row[b-26qgzfzl0f] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid #172737;
}
.business-row:last-child[b-26qgzfzl0f],
.activity-row:last-child[b-26qgzfzl0f],
.ranking-row:last-child[b-26qgzfzl0f] { border-bottom: 0; }
.business-row > div[b-26qgzfzl0f],
.activity-row > div[b-26qgzfzl0f],
.ranking-row > div[b-26qgzfzl0f] { min-width: 0; flex: 1; }
.business-row strong[b-26qgzfzl0f],
.activity-row strong[b-26qgzfzl0f],
.ranking-row strong[b-26qgzfzl0f] { display: block; font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.business-row small[b-26qgzfzl0f],
.activity-row small[b-26qgzfzl0f],
.ranking-row small[b-26qgzfzl0f] { display: block; margin-top: 3px; color: #8192a5; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.business-row time[b-26qgzfzl0f],
.activity-row time[b-26qgzfzl0f] { color: #8192a5; font-size: 9px; white-space: nowrap; }
.business-avatar[b-26qgzfzl0f] { width: 34px; height: 34px; flex-basis: 34px; font-size: 10px; }
.activity-icon[b-26qgzfzl0f] { width: 32px; height: 32px; flex: 0 0 32px; }
.ranking-row > b[b-26qgzfzl0f] { color: #a8b6c4; font-size: 11px; width: 14px; }
.ranking-row > i[b-26qgzfzl0f] { width: 65px; height: 5px; background: #263646; border-radius: 10px; overflow: hidden; }
.ranking-row > i > span[b-26qgzfzl0f] { display: block; height: 100%; background: #ffbe00; border-radius: inherit; }
.ranking-row > em[b-26qgzfzl0f] { width: 88px; text-align: right; font-size: 10px; font-style: normal; color: #fff; }

.summary-strip[b-26qgzfzl0f] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 14px 16px;
}
.summary-strip > div[b-26qgzfzl0f] { min-width: 0; padding: 0 12px; border-right: 1px solid #213142; display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; }
.summary-strip > div:last-child[b-26qgzfzl0f] { border-right: 0; }
.summary-icon[b-26qgzfzl0f] { width: 38px; height: 38px; grid-row: 1 / span 2; }
.summary-strip small[b-26qgzfzl0f] { color: #a2afbd; font-size: 10px; }
.summary-strip strong[b-26qgzfzl0f] { font-size: 18px; }

.state-panel[b-26qgzfzl0f] { margin-top: 18px; min-height: 360px; display: grid; place-items: center; align-content: center; text-align: center; padding: 40px; }
.state-panel h2[b-26qgzfzl0f] { margin: 15px 0 6px; }
.state-panel p[b-26qgzfzl0f] { color: #8fa0b3; }
.state-panel button[b-26qgzfzl0f] { border: 0; border-radius: 8px; padding: 10px 18px; background: #8b5cf6; color: #fff; cursor: pointer; }
.spinner[b-26qgzfzl0f] { width: 38px; height: 38px; border: 3px solid #253548; border-top-color: #8b5cf6; border-radius: 50%; animation: spin-b-26qgzfzl0f .85s linear infinite; }
@keyframes spin-b-26qgzfzl0f { to { transform: rotate(360deg); } }
.empty-state[b-26qgzfzl0f] { min-height: 150px; display: grid; place-items: center; text-align: center; color: #77899c; font-size: 12px; }

.admin-footer[b-26qgzfzl0f] { display: flex; justify-content: space-between; align-items: center; color: #75879a; font-size: 11px; padding: 20px 6px 0; }
.admin-footer b[b-26qgzfzl0f] { color: #ffbe00; }

@media (max-width: 1400px) {
    .kpi-grid[b-26qgzfzl0f] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .primary-grid[b-26qgzfzl0f] { grid-template-columns: minmax(0, 1.45fr) minmax(290px, 1fr); }
    .new-businesses-panel[b-26qgzfzl0f] { grid-column: 1 / -1; }
    .secondary-grid[b-26qgzfzl0f] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .roles-panel[b-26qgzfzl0f] { grid-column: 1 / -1; }
    .summary-strip[b-26qgzfzl0f] { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; }
    .summary-strip > div:nth-child(3)[b-26qgzfzl0f] { border-right: 0; }
}

@media (max-width: 1050px) {
    .superadmin-shell[b-26qgzfzl0f] { grid-template-columns: 84px minmax(0, 1fr); }
    .brand > span:last-child[b-26qgzfzl0f],
    .admin-nav a:not(.active)[b-26qgzfzl0f] { font-size: 0; }
    .admin-nav a[b-26qgzfzl0f] { justify-content: center; }
    .admin-nav a span[b-26qgzfzl0f] { font-size: 17px; }
    .admin-profile > div:last-child[b-26qgzfzl0f],
    .logout-button[b-26qgzfzl0f] { font-size: 0; }
    .logout-button span[b-26qgzfzl0f] { font-size: 18px; }
    .admin-header[b-26qgzfzl0f] { align-items: flex-start; flex-direction: column; }
    .header-actions[b-26qgzfzl0f] { width: 100%; flex-wrap: wrap; }
    .search-box[b-26qgzfzl0f] { flex: 1; min-width: 220px; }
}

@media (max-width: 760px) {
    .superadmin-shell[b-26qgzfzl0f] { display: block; }
    .superadmin-sidebar[b-26qgzfzl0f] { position: static; height: auto; min-height: 0; padding: 10px; }
    .brand[b-26qgzfzl0f] { justify-content: center; }
    .admin-nav[b-26qgzfzl0f] { display: flex; overflow-x: auto; padding-bottom: 4px; }
    .admin-nav a[b-26qgzfzl0f] { min-width: 44px; padding: 0 12px; }
    .admin-profile[b-26qgzfzl0f], .logout-button[b-26qgzfzl0f] { display: none; }
    .superadmin-main[b-26qgzfzl0f] { padding: 14px; }
    .kpi-grid[b-26qgzfzl0f], .primary-grid[b-26qgzfzl0f], .secondary-grid[b-26qgzfzl0f], .summary-strip[b-26qgzfzl0f] { grid-template-columns: 1fr; }
    .new-businesses-panel[b-26qgzfzl0f], .roles-panel[b-26qgzfzl0f] { grid-column: auto; }
    .summary-strip > div[b-26qgzfzl0f] { border-right: 0; border-bottom: 1px solid #213142; padding: 10px 0; }
    .summary-strip > div:last-child[b-26qgzfzl0f] { border-bottom: 0; }
    .donut-layout[b-26qgzfzl0f] { grid-template-columns: 1fr; justify-items: center; }
    .distribution-list[b-26qgzfzl0f] { width: 100%; }
    .header-actions select[b-26qgzfzl0f] { flex: 1; }
    .admin-footer[b-26qgzfzl0f] { flex-direction: column; gap: 6px; }
}

/* =========================================================
   MENÚ HAMBURGUESA RESPONSIVE - SUPER ADMINISTRADOR
   ========================================================= */
.mobile-topbar[b-26qgzfzl0f],.mobile-sidebar-head[b-26qgzfzl0f],.mobile-menu-backdrop[b-26qgzfzl0f]{display:none}
@media(max-width:900px){
 .superadmin-shell[b-26qgzfzl0f]{display:block!important;width:100%;max-width:100vw;overflow-x:hidden}
 .mobile-topbar[b-26qgzfzl0f]{display:flex!important;position:sticky;top:0;z-index:900;height:58px;align-items:center;gap:12px;padding:8px 12px;background:#030a11;border-bottom:1px solid #243442;color:#fff}
 .mobile-topbar strong[b-26qgzfzl0f]{font-size:18px}.mobile-topbar b[b-26qgzfzl0f]{color:#ffc400}
 .hamburger-button[b-26qgzfzl0f],.mobile-sidebar-head button[b-26qgzfzl0f]{width:42px;height:42px;border:1px solid #344554;border-radius:9px;background:#09141e;color:#fff;font-size:22px;cursor:pointer}
 .mobile-menu-open .mobile-menu-backdrop[b-26qgzfzl0f]{display:block!important;position:fixed;inset:0;z-index:1000;border:0;background:rgba(0,0,0,.68)}
 .superadmin-sidebar[b-26qgzfzl0f]{display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:1001!important;width:min(86vw,310px)!important;height:100dvh!important;min-height:0!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;background:#030a11!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px #0009}
 .mobile-menu-open .superadmin-sidebar[b-26qgzfzl0f]{transform:translateX(0)}
 .mobile-sidebar-head[b-26qgzfzl0f]{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:8px}
 .superadmin-sidebar .brand[b-26qgzfzl0f]{justify-content:flex-start!important}
 .brand>span:last-child[b-26qgzfzl0f]{display:block!important;font-size:inherit!important}
 .admin-nav[b-26qgzfzl0f]{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:4px!important}
 .admin-nav a[b-26qgzfzl0f],.admin-nav a:not(.active)[b-26qgzfzl0f]{display:flex!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;font-size:14px!important;padding:10px 12px!important}
 .admin-profile[b-26qgzfzl0f]{display:flex!important;margin-top:auto!important}
 .logout-button[b-26qgzfzl0f]{display:flex!important;font-size:14px!important;margin-top:10px!important}
 .superadmin-main[b-26qgzfzl0f]{width:100%;max-width:100vw;overflow-x:hidden;padding:12px!important}
 .header-actions[b-26qgzfzl0f]{min-width:0}.search-box[b-26qgzfzl0f]{min-width:0!important;width:100%}
}

/* ============================================================================
   NAVEGACIÓN ÚNICA SUPER ADMIN - COMPATIBILIDAD DE LAYOUT
   ============================================================================ */
@media (max-width: 900px) {
    .superadmin-shell[b-26qgzfzl0f] {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/Admin/MarketplaceCategories.razor.rz.scp.css */
.categories-admin-shell[b-pef8b0jsk3] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    background:
        radial-gradient(circle at 92% 4%, rgba(31, 118, 255, .09), transparent 28%),
        #07121f;
    color: #eef5ff;
    font-family: Inter, "Segoe UI", sans-serif;
}

.categories-admin-main[b-pef8b0jsk3] {
    min-width: 0;
    padding: 30px 34px 60px;
}

.page-header[b-pef8b0jsk3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.eyebrow[b-pef8b0jsk3],
.modal-eyebrow[b-pef8b0jsk3] {
    display: inline-block;
    margin-bottom: 8px;
    color: #3990ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .13em;
}

.page-header h1[b-pef8b0jsk3] {
    margin: 0;
    font-size: clamp(25px, 2.1vw, 34px);
    line-height: 1.12;
}

.page-header p[b-pef8b0jsk3] {
    max-width: 720px;
    margin: 8px 0 0;
    color: #9fb0c5;
    line-height: 1.55;
}

.primary-action[b-pef8b0jsk3],
.save-button[b-pef8b0jsk3] {
    min-height: 44px;
    border: 1px solid #378fff;
    border-radius: 9px;
    background: linear-gradient(180deg, #2384ff, #0870ef);
    color: #fff;
    padding: 0 18px;
    font-weight: 800;
    cursor: pointer;
}

.primary-action[b-pef8b0jsk3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.primary-action span[b-pef8b0jsk3] {
    font-size: 23px;
    font-weight: 400;
}

.success-message[b-pef8b0jsk3] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(32, 202, 107, .32);
    border-radius: 10px;
    background: rgba(16, 153, 80, .11);
    color: #78e8a8;
}

.kpi-grid[b-pef8b0jsk3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.kpi-grid article[b-pef8b0jsk3] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 17px;
    border: 1px solid #21364b;
    border-radius: 13px;
    background: linear-gradient(145deg, #102235, #0b1b2b);
}

.kpi-icon[b-pef8b0jsk3] {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 21px;
    font-weight: 900;
}

.kpi-icon.total[b-pef8b0jsk3] {
    background: #1d75ff;
}

.kpi-icon.active[b-pef8b0jsk3] {
    background: #15b75d;
}

.kpi-icon.inactive[b-pef8b0jsk3] {
    background: #dd3654;
}

.kpi-grid small[b-pef8b0jsk3] {
    display: block;
    color: #9aadc2;
}

.kpi-grid strong[b-pef8b0jsk3] {
    display: block;
    margin-top: 2px;
    font-size: 25px;
}

.categories-panel[b-pef8b0jsk3] {
    overflow: hidden;
    border: 1px solid #243a50;
    border-radius: 14px;
    background: #0c1b2a;
}

.categories-panel > header[b-pef8b0jsk3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 18px;
    border-bottom: 1px solid #243a50;
}

.categories-panel h2[b-pef8b0jsk3] {
    margin: 0;
    font-size: 18px;
}

.categories-panel header p[b-pef8b0jsk3] {
    margin: 5px 0 0;
    color: #8fa2b8;
    font-size: 12px;
}

.search-box[b-pef8b0jsk3] {
    min-width: min(330px, 100%);
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #2d455d;
    border-radius: 9px;
    background: #0a1724;
}

.search-box span[b-pef8b0jsk3] {
    color: #89a0b8;
    font-size: 20px;
}

.search-box input[b-pef8b0jsk3] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #f6f9fd;
    font-size: 14px;
}

.category-table-wrap[b-pef8b0jsk3] {
    width: 100%;
    overflow-x: auto;
}

.category-table[b-pef8b0jsk3] {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
}

.category-table th[b-pef8b0jsk3],
.category-table td[b-pef8b0jsk3] {
    padding: 12px 14px;
    border-bottom: 1px solid #1d3246;
    text-align: left;
    vertical-align: middle;
}

.category-table th[b-pef8b0jsk3] {
    background: #0a1724;
    color: #b8c7d8;
    font-size: 12px;
    font-weight: 800;
}

.category-table td[b-pef8b0jsk3] {
    color: #e9f0f8;
    font-size: 13px;
}

.table-preview[b-pef8b0jsk3] {
    --category-primary: #2F73FF;
    --category-secondary: #0B2C73;
    position: relative;
    width: 108px;
    height: 62px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--category-primary) 70%, white 10%);
    border-radius: 8px;
    background: linear-gradient(135deg, var(--category-primary), var(--category-secondary));
}

.table-preview[b-pef8b0jsk3]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, color-mix(in srgb, var(--category-primary) 72%, transparent), rgba(1, 8, 16, .17));
}

.table-preview img[b-pef8b0jsk3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.table-preview-icon[b-pef8b0jsk3] {
    position: absolute;
    z-index: 2;
    left: 8px;
    top: 8px;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--category-primary) 80%, #081321 20%);
    color: #fff;
    font-size: 16px;
}

.category-name[b-pef8b0jsk3],
.category-code[b-pef8b0jsk3] {
    display: block;
}

.category-code[b-pef8b0jsk3] {
    margin-top: 3px;
    color: #748da5;
    font-size: 10px;
}

.tagline[b-pef8b0jsk3] {
    color: #b8c6d6;
}

.sort-order[b-pef8b0jsk3] {
    display: inline-grid;
    place-items: center;
    min-width: 30px;
    height: 30px;
    border: 1px solid #2c4257;
    border-radius: 8px;
    background: #112538;
}

.status-switch[b-pef8b0jsk3],
.state-toggle[b-pef8b0jsk3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.status-switch input[b-pef8b0jsk3],
.state-toggle input[b-pef8b0jsk3] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.status-switch > span[b-pef8b0jsk3],
.state-toggle i[b-pef8b0jsk3] {
    position: relative;
    width: 38px;
    height: 21px;
    border-radius: 999px;
    background: #435267;
    transition: background .18s ease;
}

.status-switch > span[b-pef8b0jsk3]::after,
.state-toggle i[b-pef8b0jsk3]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    transition: transform .18s ease;
}

.status-switch input:checked + span[b-pef8b0jsk3],
.state-toggle input:checked + i[b-pef8b0jsk3] {
    background: #19b85b;
}

.status-switch input:checked + span[b-pef8b0jsk3]::after,
.state-toggle input:checked + i[b-pef8b0jsk3]::after {
    transform: translateX(17px);
}

.status-switch b[b-pef8b0jsk3],
.state-toggle b[b-pef8b0jsk3] {
    font-size: 12px;
}

.row-actions[b-pef8b0jsk3] {
    display: flex;
    gap: 8px;
}

.row-actions button[b-pef8b0jsk3] {
    width: 37px;
    height: 37px;
    border-radius: 8px;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
}

.row-actions .edit[b-pef8b0jsk3] {
    border: 1px solid #2168be;
    background: #0e4f9c;
}

.row-actions .delete[b-pef8b0jsk3] {
    border: 1px solid #9f3346;
    background: #7e2536;
}

.empty-result[b-pef8b0jsk3] {
    padding: 30px 16px;
    text-align: center;
    color: #8fa2b7;
}

.state-panel[b-pef8b0jsk3] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    border: 1px solid #22394e;
    border-radius: 14px;
    background: #0b1b2a;
    text-align: center;
}

.state-panel h2[b-pef8b0jsk3],
.state-panel p[b-pef8b0jsk3] {
    margin: 0;
}

.state-panel p[b-pef8b0jsk3] {
    color: #8da1b8;
}

.state-panel.error[b-pef8b0jsk3] {
    color: #ffadb9;
}

.state-panel button[b-pef8b0jsk3] {
    margin-top: 12px;
    min-height: 40px;
    border: 1px solid #3d83d5;
    border-radius: 8px;
    background: #12375e;
    color: #fff;
    padding: 0 14px;
    cursor: pointer;
}

.spinner[b-pef8b0jsk3] {
    width: 31px;
    height: 31px;
    border: 3px solid #254058;
    border-top-color: #3190ff;
    border-radius: 50%;
    animation: categories-spin-b-pef8b0jsk3 .8s linear infinite;
}

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

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

.modal-backdrop[b-pef8b0jsk3] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    background: rgba(0, 7, 15, .72);
    backdrop-filter: blur(4px);
}

.category-modal[b-pef8b0jsk3] {
    position: fixed;
    z-index: 1210;
    top: 18px;
    right: 18px;
    bottom: 18px;
    width: min(560px, calc(100% - 36px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #31475d;
    border-radius: 14px;
    background: #102131;
    color: #f4f8fd;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .42);
}

.modal-header[b-pef8b0jsk3] {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 18px 13px;
    border-bottom: 1px solid rgba(49, 71, 93, .35);
    background: #102131;
}

.modal-header h2[b-pef8b0jsk3] {
    margin: 0;
    font-size: 21px;
}

.modal-close[b-pef8b0jsk3] {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #d7e3ef;
    font-size: 27px;
    cursor: pointer;
}

.modal-tabs[b-pef8b0jsk3] {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    padding: 10px 18px 12px;
    overflow: hidden;
    background: #102131;
}

.modal-tabs[b-pef8b0jsk3]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 10px 18px 12px;
    border: 1px solid #32495e;
    border-radius: 8px;
}

.modal-tabs span[b-pef8b0jsk3] {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.modal-tabs span:first-child[b-pef8b0jsk3] {
    border-radius: 7px 0 0 7px;
}

.modal-tabs span:last-child[b-pef8b0jsk3] {
    border-radius: 0 7px 7px 0;
}

.modal-tabs span[b-pef8b0jsk3] {
    padding: 9px 6px;
    color: #a9b9c9;
    text-align: center;
    font-size: 12px;
}

.modal-tabs span.active[b-pef8b0jsk3] {
    background: #1777ef;
    color: #fff;
}

.modal-scroll[b-pef8b0jsk3] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 0 18px 18px;
}

.form-section[b-pef8b0jsk3] {
    padding: 16px 0;
    border-top: 1px solid #263d52;
}

.form-section:first-child[b-pef8b0jsk3] {
    border-top: 0;
}

.form-section h3[b-pef8b0jsk3] {
    margin: 0 0 13px;
    font-size: 14px;
}

.form-grid[b-pef8b0jsk3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}

.form-grid label[b-pef8b0jsk3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-grid label.full[b-pef8b0jsk3] {
    grid-column: 1 / -1;
}

.form-grid label > span[b-pef8b0jsk3] {
    color: #d9e3ed;
    font-size: 12px;
    font-weight: 700;
}

.form-grid input:not([type="color"]):not([type="checkbox"])[b-pef8b0jsk3],
.form-grid textarea[b-pef8b0jsk3],
.form-grid select[b-pef8b0jsk3] {
    width: 100%;
    box-sizing: border-box;
    min-height: 41px;
    border: 1px solid #385067;
    border-radius: 8px;
    outline: 0;
    background: #0c1b2a;
    color: #f3f7fb;
    padding: 9px 11px;
    font: inherit;
}

.form-grid textarea[b-pef8b0jsk3] {
    resize: vertical;
}

.form-grid label > small[b-pef8b0jsk3] {
    align-self: flex-end;
    color: #71879d;
    font-size: 10px;
}

.toggle-field[b-pef8b0jsk3] {
    justify-content: flex-end;
}

.color-field[b-pef8b0jsk3] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 7px;
}

.color-field input[type="color"][b-pef8b0jsk3] {
    width: 44px;
    height: 41px;
    border: 1px solid #385067;
    border-radius: 8px;
    background: #0c1b2a;
    padding: 3px;
    cursor: pointer;
}

.upload-box[b-pef8b0jsk3] {
    position: relative;
    min-height: 108px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 1px dashed #56728d;
    border-radius: 10px;
    background: #0b1927;
    text-align: center;
    padding: 14px;
}

.upload-box input[type="file"][b-pef8b0jsk3] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-box strong[b-pef8b0jsk3] {
    font-size: 12px;
}

.upload-box small[b-pef8b0jsk3] {
    color: #8095aa;
    font-size: 10px;
}

.upload-box em[b-pef8b0jsk3] {
    max-width: 100%;
    overflow: hidden;
    color: #58a7ff;
    font-size: 11px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-section[b-pef8b0jsk3] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(220px, 1.2fr);
    gap: 16px;
    align-items: start;
    padding: 16px 0 4px;
    border-top: 1px solid #263d52;
}

.preview-section > div > span[b-pef8b0jsk3] {
    color: #55a7ff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
}

.preview-section > div > p[b-pef8b0jsk3] {
    margin: 6px 0 0;
    color: #879bae;
    font-size: 11px;
    line-height: 1.45;
}

.home-preview-card[b-pef8b0jsk3] {
    --category-primary: #2F73FF;
    --category-secondary: #0B2C73;
    position: relative;
    isolation: isolate;
    min-height: 250px;
    overflow: hidden;
    border: 1px solid var(--category-primary);
    border-radius: 12px;
    background: linear-gradient(160deg, var(--category-primary), var(--category-secondary));
}

.home-preview-card > img[b-pef8b0jsk3] {
    position: absolute;
    z-index: -3;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-preview-shade[b-pef8b0jsk3] {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--category-primary) 82%, transparent),
            color-mix(in srgb, var(--category-secondary) 38%, transparent) 62%,
            rgba(3, 9, 17, .34));
}

.home-preview-content[b-pef8b0jsk3] {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    text-shadow: 0 2px 7px rgba(0, 0, 0, .42);
}

.home-preview-icon[b-pef8b0jsk3] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    background: var(--category-primary);
    font-size: 20px;
}

.home-preview-card h4[b-pef8b0jsk3] {
    margin: 15px 0 6px;
    font-size: 22px;
}

.home-preview-card p[b-pef8b0jsk3] {
    margin: 0;
    color: #fff;
    font-size: 12px;
}

.home-preview-card button[b-pef8b0jsk3] {
    margin-top: 18px;
    min-height: 38px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 8px;
    background: rgba(4, 12, 22, .52);
    color: #fff;
    padding: 0 13px;
    font-weight: 800;
}

.form-error[b-pef8b0jsk3] {
    margin-top: 13px;
    padding: 10px 12px;
    border: 1px solid rgba(227, 72, 96, .35);
    border-radius: 8px;
    background: rgba(150, 28, 50, .16);
    color: #ffacb8;
    font-size: 12px;
}

.modal-footer[b-pef8b0jsk3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 13px 18px;
    border-top: 1px solid #2c4358;
    background: #0d1d2c;
}

.secondary-button[b-pef8b0jsk3] {
    min-height: 44px;
    border: 1px solid #3b5269;
    border-radius: 8px;
    background: #14283a;
    color: #e5eef7;
    font-weight: 700;
    cursor: pointer;
}

.category-modal button:disabled[b-pef8b0jsk3] {
    opacity: .58;
    cursor: not-allowed;
}

/* ============================================================================
   CONFIRMACIÓN DE ELIMINACIÓN
   ============================================================================ */

.delete-backdrop[b-pef8b0jsk3] {
    z-index: 1300;
}

.confirm-modal[b-pef8b0jsk3] {
    position: fixed;
    z-index: 1310;
    top: 50%;
    left: 50%;
    width: min(420px, calc(100vw - 28px));
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: 1px solid #4d3440;
    border-radius: 14px;
    background: #14212e;
    color: #f8fbff;
    padding: 22px;
    text-align: center;
    box-shadow: 0 24px 65px rgba(0, 0, 0, .45);
}

.danger-icon[b-pef8b0jsk3] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #a92940;
    font-size: 24px;
    font-weight: 900;
}

.confirm-modal h2[b-pef8b0jsk3] {
    margin: 0;
}

.confirm-modal p[b-pef8b0jsk3] {
    color: #aebdca;
    font-size: 13px;
    line-height: 1.55;
}

.confirm-modal footer[b-pef8b0jsk3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 18px;
}

.confirm-modal footer button[b-pef8b0jsk3] {
    min-height: 42px;
    border: 1px solid #40566a;
    border-radius: 8px;
    background: #1a3042;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.confirm-modal footer .danger-button[b-pef8b0jsk3] {
    border-color: #bd3a51;
    background: #a92840;
}

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

@media (max-width: 900px) {
    .categories-admin-shell[b-pef8b0jsk3] {
        display: block;
    }

    .categories-admin-main[b-pef8b0jsk3] {
        padding: 72px 16px 42px;
    }

    .page-header[b-pef8b0jsk3] {
        flex-direction: column;
    }

    .primary-action[b-pef8b0jsk3] {
        width: 100%;
        justify-content: center;
    }

    .categories-panel > header[b-pef8b0jsk3] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-box[b-pef8b0jsk3] {
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .category-modal[b-pef8b0jsk3] {
        top: 14px;
        right: 14px;
        bottom: 14px;
        left: 14px;
        width: auto;
    }
}

@media (max-width: 640px) {
    .kpi-grid[b-pef8b0jsk3] {
        grid-template-columns: 1fr;
    }

    .form-grid[b-pef8b0jsk3] {
        grid-template-columns: 1fr;
    }

    .form-grid label.full[b-pef8b0jsk3] {
        grid-column: auto;
    }

    .preview-section[b-pef8b0jsk3] {
        grid-template-columns: 1fr;
    }

    .home-preview-card[b-pef8b0jsk3] {
        min-height: 300px;
    }

    .modal-tabs span[b-pef8b0jsk3] {
        font-size: 11px;
    }

    .modal-footer[b-pef8b0jsk3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .categories-admin-main[b-pef8b0jsk3] {
        padding-inline: 11px;
    }

    .category-modal[b-pef8b0jsk3] {
        top: 8px;
        right: 8px;
        bottom: 8px;
        left: 8px;
        border-radius: 11px;
    }

    .modal-header[b-pef8b0jsk3],
    .modal-scroll[b-pef8b0jsk3],
    .modal-footer[b-pef8b0jsk3] {
        padding-left: 13px;
        padding-right: 13px;
    }

    .modal-tabs[b-pef8b0jsk3] {
        padding-left: 13px;
        padding-right: 13px;
    }

    .modal-tabs[b-pef8b0jsk3]::before {
        left: 13px;
        right: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .spinner[b-pef8b0jsk3] {
        animation: none;
    }

    .status-switch > span[b-pef8b0jsk3],
    .status-switch > span[b-pef8b0jsk3]::after,
    .state-toggle i[b-pef8b0jsk3],
    .state-toggle i[b-pef8b0jsk3]::after {
        transition: none;
    }
}
/* /Pages/Admin/PaymentGateways.razor.rz.scp.css */
.superadmin-shell[b-s6kzsrw46x]{min-height:100vh;background:#071421;color:#f8fafc;display:grid;grid-template-columns:220px 1fr;font-family:Inter,Segoe UI,Arial,sans-serif}.superadmin-sidebar[b-s6kzsrw46x]{background:#06111c;border-right:1px solid #1c2d3c;padding:22px 14px;display:flex;flex-direction:column;min-height:100vh}.brand[b-s6kzsrw46x]{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:4px 6px 22px;border-bottom:1px solid #1b2b39}.brand-mark[b-s6kzsrw46x]{font-size:27px;font-weight:900}.brand-mark em[b-s6kzsrw46x],.brand strong b[b-s6kzsrw46x]{color:#ffc400;font-style:normal}.brand strong[b-s6kzsrw46x]{display:block;font-size:17px}.brand small[b-s6kzsrw46x],.admin-profile small[b-s6kzsrw46x]{display:block;color:#8092a4;font-size:10px;margin-top:3px}.admin-nav[b-s6kzsrw46x]{padding:20px 0;display:grid;gap:5px}.admin-nav a[b-s6kzsrw46x]{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:8px;color:#dbe6ee;text-decoration:none;font-size:13px}.admin-nav a:hover[b-s6kzsrw46x],.admin-nav a.active[b-s6kzsrw46x]{background:rgba(255,196,0,.13);color:#ffc400}.admin-profile[b-s6kzsrw46x]{margin-top:auto;border:1px solid #243748;border-radius:10px;padding:12px;display:flex;gap:9px;align-items:center}.profile-avatar[b-s6kzsrw46x]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#243648;font-weight:800}.logout-button[b-s6kzsrw46x]{margin-top:12px;background:transparent;border:1px solid #2a3d4c;color:#fff;border-radius:8px;padding:10px;cursor:pointer}.superadmin-main[b-s6kzsrw46x]{padding:28px 34px;min-width:0}.admin-header[b-s6kzsrw46x]{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-header h1[b-s6kzsrw46x]{font-size:29px;margin:7px 0}.admin-header p[b-s6kzsrw46x]{color:#93a6b7;margin:0}.back-link[b-s6kzsrw46x]{color:#ffc400;text-decoration:none;font-size:13px;font-weight:700}.provider-banner[b-s6kzsrw46x]{border:1px solid #263a4b;background:linear-gradient(135deg,#0b1b2a,#0a1723);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:15px;margin-bottom:18px}.provider-logo[b-s6kzsrw46x]{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,#291c7a,#e93669);display:grid;place-items:center;font-size:28px;font-weight:900}.provider-banner h2[b-s6kzsrw46x]{margin:2px 0 4px}.provider-banner p[b-s6kzsrw46x],.provider-banner small[b-s6kzsrw46x]{color:#91a4b5;margin:0}.provider-code[b-s6kzsrw46x]{margin-left:auto;border:1px solid #34495c;border-radius:8px;padding:7px 10px;color:#c8d4de}.environment-tabs[b-s6kzsrw46x]{display:flex;gap:8px;margin-bottom:18px}.environment-tabs button[b-s6kzsrw46x]{border:1px solid #2b4052;background:#0a1926;color:#b9c7d2;padding:11px 17px;border-radius:9px;cursor:pointer;font-weight:700}.environment-tabs button.active[b-s6kzsrw46x]{border-color:#ffc400;color:#fff;background:rgba(255,196,0,.1)}.status-dot[b-s6kzsrw46x]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.status-dot.test[b-s6kzsrw46x]{background:#22c55e}.status-dot.production[b-s6kzsrw46x]{background:#ef4444}.gateway-grid[b-s6kzsrw46x]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.panel[b-s6kzsrw46x]{background:#0a1926;border:1px solid #263a4b;border-radius:14px}.credentials-panel[b-s6kzsrw46x]{padding:22px}.panel-heading[b-s6kzsrw46x]{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #203241;padding-bottom:18px}.panel-heading h2[b-s6kzsrw46x]{margin:0 0 5px}.panel-heading p[b-s6kzsrw46x]{margin:0;color:#8fa2b3}.current-badge[b-s6kzsrw46x]{background:rgba(34,197,94,.15);color:#65e38c;border:1px solid rgba(34,197,94,.3);padding:6px 9px;border-radius:999px;font-size:12px}.current-values[b-s6kzsrw46x]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.current-values div[b-s6kzsrw46x]{background:#07141f;border:1px solid #213545;border-radius:10px;padding:14px}.current-values small[b-s6kzsrw46x]{display:block;color:#8195a7;margin-bottom:7px}.current-values strong[b-s6kzsrw46x]{font-family:Consolas,monospace;letter-spacing:.5px}.form-grid[b-s6kzsrw46x]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label>span[b-s6kzsrw46x]{display:block;font-weight:700;margin-bottom:7px}.form-grid input[b-s6kzsrw46x]{box-sizing:border-box;width:100%;background:#06131e;border:1px solid #2a4052;color:#fff;border-radius:9px;padding:12px 13px;outline:none}.form-grid input:focus[b-s6kzsrw46x]{border-color:#ffc400;box-shadow:0 0 0 2px rgba(255,196,0,.12)}.form-grid small[b-s6kzsrw46x]{display:block;color:#72889a;margin-top:6px}.switch-row[b-s6kzsrw46x]{display:flex;gap:24px;padding:19px 0}.switch-row label[b-s6kzsrw46x]{display:flex;align-items:center;gap:8px;color:#d7e1e8}.switch-row input[b-s6kzsrw46x]{accent-color:#ffc400}.actions[b-s6kzsrw46x]{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.actions button[b-s6kzsrw46x],.state-panel button[b-s6kzsrw46x]{border-radius:9px;padding:11px 16px;font-weight:800;cursor:pointer}.actions .primary[b-s6kzsrw46x]{background:#ffc400;border:1px solid #ffc400;color:#111827}.actions .secondary[b-s6kzsrw46x]{background:#0d2030;border:1px solid #31485b;color:#fff}.side-column[b-s6kzsrw46x]{display:grid;gap:18px;align-content:start}.security-panel[b-s6kzsrw46x],.status-panel[b-s6kzsrw46x]{padding:19px}.shield[b-s6kzsrw46x]{width:46px;height:46px;border-radius:12px;background:rgba(139,92,246,.17);display:grid;place-items:center;font-size:24px}.security-panel h3[b-s6kzsrw46x],.status-panel h3[b-s6kzsrw46x]{margin:12px 0}.security-panel ul[b-s6kzsrw46x]{padding-left:19px;color:#9badbc;line-height:1.8;font-size:13px}.status-line[b-s6kzsrw46x]{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #20303e;font-size:13px}.status-line span[b-s6kzsrw46x]{color:#8fa2b3}.status-line strong[b-s6kzsrw46x]{text-align:right}.status-line .ok[b-s6kzsrw46x]{color:#4ade80}.status-line .bad[b-s6kzsrw46x]{color:#f87171}.state-panel[b-s6kzsrw46x]{border:1px solid #263a4b;border-radius:14px;padding:50px;text-align:center;background:#0a1926}.state-panel.error[b-s6kzsrw46x]{border-color:#5a2730}.spinner[b-s6kzsrw46x]{width:34px;height:34px;border:3px solid #26384a;border-top-color:#ffc400;border-radius:50%;margin:0 auto 14px;animation:spin-b-s6kzsrw46x 1s linear infinite}.toast-message[b-s6kzsrw46x]{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#72e79a;padding:11px 14px;border-radius:9px;margin-bottom:15px}.inline-error[b-s6kzsrw46x]{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:10px 12px;border-radius:8px}.error p[b-s6kzsrw46x]{color:#fca5a5}@keyframes spin-b-s6kzsrw46x{to{transform:rotate(360deg)}}@media(max-width:1100px){.gateway-grid[b-s6kzsrw46x]{grid-template-columns:1fr}.side-column[b-s6kzsrw46x]{grid-template-columns:1fr 1fr}}@media(max-width:780px){.superadmin-shell[b-s6kzsrw46x]{grid-template-columns:1fr}.superadmin-sidebar[b-s6kzsrw46x]{display:none}.superadmin-main[b-s6kzsrw46x]{padding:20px}.current-values[b-s6kzsrw46x],.form-grid[b-s6kzsrw46x],.side-column[b-s6kzsrw46x]{grid-template-columns:1fr}.switch-row[b-s6kzsrw46x]{flex-direction:column;gap:10px}}

/* ============================================================================
   NAVEGACIÓN ÚNICA SUPER ADMIN - COMPATIBILIDAD DE LAYOUT
   ============================================================================ */
.superadmin-shell[b-s6kzsrw46x] {
    grid-template-columns: 250px minmax(0, 1fr);
}
@media (max-width: 900px) {
    .superadmin-shell[b-s6kzsrw46x] {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/Admin/PioneerCampaign.razor.rz.scp.css */
.pioneer-admin-shell[b-ldkdqkfggp]{min-height:100vh;background:#f5f7fb;color:#152033;font-family:Inter,Segoe UI,sans-serif}.pioneer-sidebar[b-ldkdqkfggp]{position:fixed;inset:0 auto 0 0;width:245px;padding:24px 16px;background:#09101c;color:#eaf0fb;display:flex;flex-direction:column}.brand[b-ldkdqkfggp]{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;margin:0 8px 28px}.brand>b[b-ldkdqkfggp]{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffbf19;color:#111;font-size:22px}.brand span[b-ldkdqkfggp]{display:flex;flex-direction:column}.brand strong[b-ldkdqkfggp]{font-size:18px}.brand em[b-ldkdqkfggp]{color:#ffc21c;font-style:normal}.brand small[b-ldkdqkfggp]{color:#8391a8;font-size:11px}.pioneer-sidebar nav[b-ldkdqkfggp]{display:flex;flex-direction:column;gap:4px}.pioneer-sidebar nav a[b-ldkdqkfggp]{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:10px;color:#9eacc0;text-decoration:none;font-size:13px}.pioneer-sidebar nav a:hover[b-ldkdqkfggp],.pioneer-sidebar nav a.active[b-ldkdqkfggp]{background:#1a2435;color:#fff}.pioneer-sidebar nav a.active[b-ldkdqkfggp]{box-shadow:inset 3px 0 #ffc21c}.logout[b-ldkdqkfggp]{margin-top:auto;border:1px solid #2b374a;border-radius:10px;background:transparent;color:#aebbd0;padding:11px;cursor:pointer}.pioneer-admin-main[b-ldkdqkfggp]{margin-left:245px;padding:30px 34px 60px}.page-head[b-ldkdqkfggp]{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.eyebrow[b-ldkdqkfggp]{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff3cb;color:#8a6200;font-size:10px;font-weight:900;letter-spacing:.08em}.page-head h1[b-ldkdqkfggp]{margin:8px 0 5px;font-size:28px}.page-head p[b-ldkdqkfggp]{margin:0;color:#68758a}.campaign-code[b-ldkdqkfggp]{padding:12px 16px;border-radius:12px;background:#fff;border:1px solid #e3e8f0}.campaign-code small[b-ldkdqkfggp]{display:block;color:#7b8798}.campaign-code strong[b-ldkdqkfggp]{font-size:12px}.kpi-grid[b-ldkdqkfggp]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi-grid article[b-ldkdqkfggp]{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(16,24,40,.04)}.kpi-grid i[b-ldkdqkfggp]{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff4ce;font-style:normal}.kpi-grid small[b-ldkdqkfggp]{display:block;color:#7a8798}.kpi-grid strong[b-ldkdqkfggp]{display:block;margin-top:2px;font-size:24px}.panel[b-ldkdqkfggp]{background:#fff;border:1px solid #e0e6ef;border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.campaign-grid[b-ldkdqkfggp]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}.configuration[b-ldkdqkfggp]{padding:20px}.configuration>header[b-ldkdqkfggp],.businesses-panel>header[b-ldkdqkfggp]{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.configuration h2[b-ldkdqkfggp],.businesses-panel h2[b-ldkdqkfggp]{margin:0 0 4px;font-size:18px}.configuration p[b-ldkdqkfggp],.businesses-panel p[b-ldkdqkfggp]{margin:0;color:#778499;font-size:13px}.status[b-ldkdqkfggp]{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status.on[b-ldkdqkfggp]{background:#e9f9ef;color:#15803d}.status.off[b-ldkdqkfggp]{background:#f1f3f6;color:#68758a}.form-grid[b-ldkdqkfggp]{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label[b-ldkdqkfggp]{display:flex;flex-direction:column;gap:6px}.form-grid label.wide[b-ldkdqkfggp]{grid-column:1/-1}.form-grid label>span[b-ldkdqkfggp]{font-size:12px;font-weight:700;color:#38465a}.form-grid input[b-ldkdqkfggp],.form-grid textarea[b-ldkdqkfggp]{width:100%;box-sizing:border-box;border:1px solid #d5dde8;border-radius:9px;padding:10px 11px;background:#fbfcfe;color:#172234}.switches[b-ldkdqkfggp]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.switches label[b-ldkdqkfggp]{display:flex;gap:10px;padding:12px;border:1px solid #e3e8ef;border-radius:10px}.switches b[b-ldkdqkfggp],.switches small[b-ldkdqkfggp]{display:block}.switches small[b-ldkdqkfggp]{margin-top:3px;color:#7c8899;font-size:11px}.configuration footer[b-ldkdqkfggp]{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #edf0f4}.configuration footer small[b-ldkdqkfggp]{color:#8490a1}.configuration footer button[b-ldkdqkfggp],.mark[b-ldkdqkfggp]{border:0;border-radius:9px;background:#ffc21c;color:#161616;padding:10px 15px;font-weight:800;cursor:pointer}.inline-error[b-ldkdqkfggp],.message[b-ldkdqkfggp]{margin:12px 0;padding:10px 12px;border-radius:9px}.inline-error[b-ldkdqkfggp]{background:#fff1f1;color:#b42318}.message[b-ldkdqkfggp]{background:#ecf9f0;color:#18783d}.preview[b-ldkdqkfggp]{padding:20px;background:radial-gradient(circle at 16% 8%,rgba(255,198,40,.2),transparent 25%),linear-gradient(145deg,#071632,#121a4a);color:#fff}.preview>small[b-ldkdqkfggp]{color:#9eb0ce;font-weight:800}.preview-badge[b-ldkdqkfggp]{display:inline-block;margin-top:22px;padding:5px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:10px}.preview h2[b-ldkdqkfggp]{font-size:30px;line-height:1;margin:10px 0}.preview h2 b[b-ldkdqkfggp]{color:#ffc62b;font-size:44px}.preview p[b-ldkdqkfggp]{min-height:54px;color:#b9c7df}.preview-progress[b-ldkdqkfggp]{height:13px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.preview-progress i[b-ldkdqkfggp]{display:block;height:100%;background:#ffc62b}.preview-count[b-ldkdqkfggp]{display:flex;justify-content:space-between;margin:6px 0 18px;font-size:11px}.preview button[b-ldkdqkfggp]{width:100%;border:0;border-radius:999px;padding:12px;background:#ffc62b;font-weight:900}.businesses-panel[b-ldkdqkfggp]{padding:20px}.search[b-ldkdqkfggp]{display:flex;align-items:center;gap:7px;min-width:280px;border:1px solid #dce3ed;border-radius:9px;padding:8px 10px}.search input[b-ldkdqkfggp]{width:100%;border:0;outline:0}.business-table[b-ldkdqkfggp]{overflow:auto;border:1px solid #e7ebf1;border-radius:11px}.tr[b-ldkdqkfggp]{display:grid;grid-template-columns:1.35fr 1.1fr .7fr 1fr .7fr;gap:12px;align-items:center;min-width:900px;padding:12px 14px;border-top:1px solid #edf0f4;font-size:12px}.tr.th[b-ldkdqkfggp]{border-top:0;background:#f7f9fc;color:#718096;font-weight:800}.tr strong[b-ldkdqkfggp],.tr small[b-ldkdqkfggp],.tr span[b-ldkdqkfggp]{display:block}.tr small[b-ldkdqkfggp]{margin-top:3px;color:#8994a5;font-size:10px;word-break:break-all}.pioneer-badge[b-ldkdqkfggp],.normal-badge[b-ldkdqkfggp]{display:inline-block!important;width:max-content;padding:5px 8px;border-radius:999px;font-weight:800}.pioneer-badge[b-ldkdqkfggp]{background:#fff3cb;color:#8a6200}.normal-badge[b-ldkdqkfggp]{background:#eff2f5;color:#667085}.marked[b-ldkdqkfggp]{border:0;border-radius:8px;padding:8px 11px;background:#edf7ef;color:#208044}.state[b-ldkdqkfggp]{display:grid;place-items:center;min-height:260px;background:#fff;border-radius:16px}.state.error[b-ldkdqkfggp]{color:#a32620}.state button[b-ldkdqkfggp]{padding:9px 14px}.spinner[b-ldkdqkfggp]{width:28px;height:28px;border:3px solid #e5e9ef;border-top-color:#ffc21c;border-radius:50%;animation:spin-b-ldkdqkfggp .8s linear infinite}@keyframes spin-b-ldkdqkfggp{to{transform:rotate(360deg)}}@media(max-width:1100px){.kpi-grid[b-ldkdqkfggp]{grid-template-columns:repeat(2,1fr)}.campaign-grid[b-ldkdqkfggp]{grid-template-columns:1fr}.pioneer-sidebar[b-ldkdqkfggp]{width:210px}.pioneer-admin-main[b-ldkdqkfggp]{margin-left:210px}}@media(max-width:780px){.pioneer-sidebar[b-ldkdqkfggp]{position:static;width:auto}.pioneer-admin-shell[b-ldkdqkfggp]{display:block}.pioneer-admin-main[b-ldkdqkfggp]{margin-left:0;padding:20px 14px}.page-head[b-ldkdqkfggp],.configuration>header[b-ldkdqkfggp],.businesses-panel>header[b-ldkdqkfggp]{flex-direction:column}.kpi-grid[b-ldkdqkfggp]{grid-template-columns:1fr 1fr}.form-grid[b-ldkdqkfggp],.switches[b-ldkdqkfggp]{grid-template-columns:1fr}.form-grid label.wide[b-ldkdqkfggp]{grid-column:auto}.search[b-ldkdqkfggp]{min-width:0;width:100%}}@media(max-width:480px){.kpi-grid[b-ldkdqkfggp]{grid-template-columns:1fr}}

/* ============================================================================
   NAVEGACIÓN ÚNICA SUPER ADMIN - COMPATIBILIDAD DE LAYOUT
   ============================================================================ */
.pioneer-admin-shell[b-ldkdqkfggp] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
}
.pioneer-admin-main[b-ldkdqkfggp] {
    margin-left: 0;
}
@media (max-width: 900px) {
    .pioneer-admin-shell[b-ldkdqkfggp] {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
    .pioneer-admin-main[b-ldkdqkfggp] {
        margin-left: 0 !important;
    }
}
/* /Pages/Admin/PlansSubscriptions.razor.rz.scp.css */
:host[b-dvyjhjg5qf] {
    display: block;
    min-height: 100vh;
    color: #f8fafc;
    background: #06111f;
}

.superadmin-shell[b-dvyjhjg5qf] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    background:
        radial-gradient(circle at 78% 8%, rgba(56, 31, 112, .14), transparent 26%),
        linear-gradient(135deg, #050c16 0%, #07121f 48%, #081522 100%);
}

.superadmin-sidebar[b-dvyjhjg5qf] {
    min-height: 100vh;
    padding: 22px 14px;
    border-right: 1px solid #1b2a3a;
    background: rgba(3, 10, 18, .94);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.brand[b-dvyjhjg5qf] {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 10px 14px;
}

.brand-mark[b-dvyjhjg5qf] {
    width: 48px;
    height: 48px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
}

.brand-mark b[b-dvyjhjg5qf] { color: #fff; position: absolute; left: 6px; top: 1px; }
.brand-mark em[b-dvyjhjg5qf] { color: #ffbe00; position: absolute; right: 6px; bottom: 0; font-size: 28px; font-weight: 900; }
.brand strong[b-dvyjhjg5qf] { display: block; font-size: 20px; }
.brand strong b[b-dvyjhjg5qf] { color: #ffbe00; }
.brand small[b-dvyjhjg5qf] { color: #93a4b7; font-size: 11px; }

.admin-nav[b-dvyjhjg5qf] { display: grid; gap: 4px; }
.admin-nav a[b-dvyjhjg5qf] {
    min-height: 40px;
    padding: 0 13px;
    border-radius: 9px;
    color: #d8e0e9;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    transition: .18s ease;
}
.admin-nav a:hover[b-dvyjhjg5qf] { background: #101d2a; color: #fff; }
.admin-nav a.active[b-dvyjhjg5qf] {
    color: #fff;
    background: linear-gradient(90deg, rgba(255, 190, 0, .24), rgba(255, 190, 0, .08));
    border: 1px solid rgba(255, 190, 0, .14);
}
.admin-nav a span[b-dvyjhjg5qf] { width: 20px; color: #d9e4ef; text-align: center; }
.admin-nav a.active span[b-dvyjhjg5qf] { color: #ffbe00; }

.admin-profile[b-dvyjhjg5qf] {
    margin-top: auto;
    border: 1px solid #263748;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #0b1521;
}
.profile-avatar[b-dvyjhjg5qf],
.business-avatar[b-dvyjhjg5qf] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(145deg, #323e4b, #111923);
    border: 1px solid #3c4958;
}
.admin-profile strong[b-dvyjhjg5qf] { display: block; font-size: 13px; }
.admin-profile small[b-dvyjhjg5qf] { display: block; color: #8192a5; margin-top: 3px; font-size: 11px; }
.logout-button[b-dvyjhjg5qf] {
    border: 0;
    background: transparent;
    color: #d9e3ed;
    text-align: left;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 8px;
}
.logout-button:hover[b-dvyjhjg5qf] { background: #101c28; }
.logout-button span[b-dvyjhjg5qf] { margin-right: 10px; color: #ef5467; }

.superadmin-main[b-dvyjhjg5qf] { min-width: 0; padding: 20px 24px 28px; }
.admin-header[b-dvyjhjg5qf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #152332;
}
.admin-header h1[b-dvyjhjg5qf] { margin: 0; font-size: 22px; }
.admin-header p[b-dvyjhjg5qf] { margin: 5px 0 0; color: #8fa0b3; font-size: 13px; }
.header-actions[b-dvyjhjg5qf] { display: flex; align-items: center; gap: 10px; }
.search-box[b-dvyjhjg5qf] {
    height: 40px;
    min-width: 270px;
    border: 1px solid #293747;
    border-radius: 9px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    background: #08131f;
    color: #8190a1;
}
.search-box input[b-dvyjhjg5qf] { width: 100%; background: transparent; border: 0; outline: 0; color: #eef4f9; }
.notification-button[b-dvyjhjg5qf] {
    width: 40px;
    height: 40px;
    position: relative;
    border: 1px solid #293747;
    border-radius: 50%;
    background: #08131f;
    color: #f5f7fa;
}
.notification-button b[b-dvyjhjg5qf] {
    position: absolute;
    right: -1px;
    top: -4px;
    min-width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ffbe00;
    color: #111;
    font-size: 0;
}
.header-actions select[b-dvyjhjg5qf] {
    height: 40px;
    min-width: 160px;
    border: 1px solid #293747;
    border-radius: 9px;
    background: #08131f;
    color: #f1f5f9;
    padding: 0 12px;
}

.kpi-grid[b-dvyjhjg5qf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}
.kpi-card[b-dvyjhjg5qf],
.panel[b-dvyjhjg5qf],
.summary-strip[b-dvyjhjg5qf],
.state-panel[b-dvyjhjg5qf] {
    border: 1px solid #203141;
    background: linear-gradient(145deg, rgba(15, 27, 40, .94), rgba(8, 18, 29, .94));
    border-radius: 12px;
    box-shadow: 0 16px 35px rgba(0, 0, 0, .16);
}
.kpi-card[b-dvyjhjg5qf] {
    min-height: 118px;
    padding: 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.kpi-icon[b-dvyjhjg5qf],
.summary-icon[b-dvyjhjg5qf],
.activity-icon[b-dvyjhjg5qf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 800;
}
.kpi-icon[b-dvyjhjg5qf] { width: 42px; height: 42px; flex: 0 0 42px; }
.kpi-card small[b-dvyjhjg5qf] { display: block; color: #c8d3de; font-size: 12px; }
.kpi-card strong[b-dvyjhjg5qf] { display: block; margin-top: 5px; font-size: 22px; white-space: nowrap; }
.kpi-card em[b-dvyjhjg5qf] { display: block; margin-top: 8px; font-style: normal; font-size: 11px; }
.blue .kpi-icon[b-dvyjhjg5qf], .summary-icon.blue[b-dvyjhjg5qf], .activity-icon.blue[b-dvyjhjg5qf] { color: #4aa2ff; background: rgba(38, 125, 255, .14); }
.purple .kpi-icon[b-dvyjhjg5qf], .summary-icon.purple[b-dvyjhjg5qf], .activity-icon.purple[b-dvyjhjg5qf] { color: #a76cff; background: rgba(139, 92, 246, .17); }
.green .kpi-icon[b-dvyjhjg5qf], .summary-icon.green[b-dvyjhjg5qf], .activity-icon.green[b-dvyjhjg5qf] { color: #51d37b; background: rgba(47, 196, 105, .16); }
.gold .kpi-icon[b-dvyjhjg5qf], .summary-icon.gold[b-dvyjhjg5qf], .activity-icon.gold[b-dvyjhjg5qf] { color: #ffbe00; background: rgba(255, 190, 0, .15); }
.cyan .kpi-icon[b-dvyjhjg5qf], .summary-icon.cyan[b-dvyjhjg5qf], .activity-icon.cyan[b-dvyjhjg5qf] { color: #27c9de; background: rgba(39, 201, 222, .15); }
.summary-icon.red[b-dvyjhjg5qf] { color: #ff6271; background: rgba(255, 73, 91, .14); }
.positive[b-dvyjhjg5qf] { color: #49d878 !important; }
.negative[b-dvyjhjg5qf] { color: #ff5a68 !important; }

.primary-grid[b-dvyjhjg5qf] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .95fr) minmax(280px, .86fr);
    gap: 12px;
}
.secondary-grid[b-dvyjhjg5qf] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(300px, 1fr);
    gap: 12px;
}
.panel[b-dvyjhjg5qf] { padding: 15px; min-width: 0; }
.panel-title[b-dvyjhjg5qf] { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.panel-title h2[b-dvyjhjg5qf] { margin: 0; font-size: 15px; }
.panel-title p[b-dvyjhjg5qf] { margin: 4px 0 0; color: #8091a4; font-size: 11px; }
.legend[b-dvyjhjg5qf] { display: flex; gap: 14px; color: #9aaabd; font-size: 11px; }
.legend span[b-dvyjhjg5qf]::before { content: ""; display: inline-block; width: 16px; height: 3px; margin-right: 6px; vertical-align: middle; border-radius: 4px; }
.legend-revenue[b-dvyjhjg5qf]::before { background: #ffbe00; }
.legend-commission[b-dvyjhjg5qf]::before { background: #8b5cf6; }

.chart-area[b-dvyjhjg5qf] { min-height: 250px; display: flex; flex-direction: column; }
.chart-area svg[b-dvyjhjg5qf] { width: 100%; height: 220px; overflow: visible; }
.grid-line[b-dvyjhjg5qf] { stroke: #203143; stroke-width: 1; }
.line[b-dvyjhjg5qf] { fill: none; stroke-width: 4; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.revenue-line[b-dvyjhjg5qf] { stroke: #ffbe00; }
.commission-line[b-dvyjhjg5qf] { stroke: #8b5cf6; }
.chart-labels[b-dvyjhjg5qf] { display: flex; justify-content: space-between; color: #8292a4; font-size: 10px; }

.donut-layout[b-dvyjhjg5qf] { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 18px; align-items: center; }
.donut[b-dvyjhjg5qf] {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    position: relative;
    display: grid;
    place-items: center;
}
.donut[b-dvyjhjg5qf]::after { content: ""; position: absolute; inset: 24px; border-radius: 50%; background: #0b1724; border: 1px solid #253547; }
.donut > div[b-dvyjhjg5qf] { position: relative; z-index: 1; text-align: center; }
.donut strong[b-dvyjhjg5qf] { display: block; font-size: 20px; }
.donut small[b-dvyjhjg5qf] { color: #8da0b3; font-size: 10px; }
.distribution-list[b-dvyjhjg5qf] { display: grid; gap: 10px; }
.distribution-list > div[b-dvyjhjg5qf] { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; font-size: 11px; }
.distribution-list span[b-dvyjhjg5qf] { color: #cad5df; }
.distribution-list em[b-dvyjhjg5qf] { color: #8292a5; font-style: normal; }
.dot[b-dvyjhjg5qf] { width: 8px; height: 8px; border-radius: 2px; }
.c-1[b-dvyjhjg5qf] { background: #2d7df6; }.c-2[b-dvyjhjg5qf] { background: #8b5cf6; }.c-3[b-dvyjhjg5qf] { background: #35c46b; }.c-4[b-dvyjhjg5qf] { background: #f8b400; }.c-5[b-dvyjhjg5qf] { background: #18b6c9; }

.business-list[b-dvyjhjg5qf],
.activity-list[b-dvyjhjg5qf],
.ranking-list[b-dvyjhjg5qf] { display: grid; gap: 7px; }
.business-row[b-dvyjhjg5qf],
.activity-row[b-dvyjhjg5qf],
.ranking-row[b-dvyjhjg5qf] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid #172737;
}
.business-row:last-child[b-dvyjhjg5qf],
.activity-row:last-child[b-dvyjhjg5qf],
.ranking-row:last-child[b-dvyjhjg5qf] { border-bottom: 0; }
.business-row > div[b-dvyjhjg5qf],
.activity-row > div[b-dvyjhjg5qf],
.ranking-row > div[b-dvyjhjg5qf] { min-width: 0; flex: 1; }
.business-row strong[b-dvyjhjg5qf],
.activity-row strong[b-dvyjhjg5qf],
.ranking-row strong[b-dvyjhjg5qf] { display: block; font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.business-row small[b-dvyjhjg5qf],
.activity-row small[b-dvyjhjg5qf],
.ranking-row small[b-dvyjhjg5qf] { display: block; margin-top: 3px; color: #8192a5; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.business-row time[b-dvyjhjg5qf],
.activity-row time[b-dvyjhjg5qf] { color: #8192a5; font-size: 9px; white-space: nowrap; }
.business-avatar[b-dvyjhjg5qf] { width: 34px; height: 34px; flex-basis: 34px; font-size: 10px; }
.activity-icon[b-dvyjhjg5qf] { width: 32px; height: 32px; flex: 0 0 32px; }
.ranking-row > b[b-dvyjhjg5qf] { color: #a8b6c4; font-size: 11px; width: 14px; }
.ranking-row > i[b-dvyjhjg5qf] { width: 65px; height: 5px; background: #263646; border-radius: 10px; overflow: hidden; }
.ranking-row > i > span[b-dvyjhjg5qf] { display: block; height: 100%; background: #ffbe00; border-radius: inherit; }
.ranking-row > em[b-dvyjhjg5qf] { width: 88px; text-align: right; font-size: 10px; font-style: normal; color: #fff; }

.summary-strip[b-dvyjhjg5qf] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 14px 16px;
}
.summary-strip > div[b-dvyjhjg5qf] { min-width: 0; padding: 0 12px; border-right: 1px solid #213142; display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; }
.summary-strip > div:last-child[b-dvyjhjg5qf] { border-right: 0; }
.summary-icon[b-dvyjhjg5qf] { width: 38px; height: 38px; grid-row: 1 / span 2; }
.summary-strip small[b-dvyjhjg5qf] { color: #a2afbd; font-size: 10px; }
.summary-strip strong[b-dvyjhjg5qf] { font-size: 18px; }

.state-panel[b-dvyjhjg5qf] { margin-top: 18px; min-height: 360px; display: grid; place-items: center; align-content: center; text-align: center; padding: 40px; }
.state-panel h2[b-dvyjhjg5qf] { margin: 15px 0 6px; }
.state-panel p[b-dvyjhjg5qf] { color: #8fa0b3; }
.state-panel button[b-dvyjhjg5qf] { border: 0; border-radius: 8px; padding: 10px 18px; background: #8b5cf6; color: #fff; cursor: pointer; }
.spinner[b-dvyjhjg5qf] { width: 38px; height: 38px; border: 3px solid #253548; border-top-color: #8b5cf6; border-radius: 50%; animation: spin-b-dvyjhjg5qf .85s linear infinite; }
@keyframes spin-b-dvyjhjg5qf { to { transform: rotate(360deg); } }
.empty-state[b-dvyjhjg5qf] { min-height: 150px; display: grid; place-items: center; text-align: center; color: #77899c; font-size: 12px; }

.admin-footer[b-dvyjhjg5qf] { display: flex; justify-content: space-between; align-items: center; color: #75879a; font-size: 11px; padding: 20px 6px 0; }
.admin-footer b[b-dvyjhjg5qf] { color: #ffbe00; }

@media (max-width: 1400px) {
    .kpi-grid[b-dvyjhjg5qf] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .primary-grid[b-dvyjhjg5qf] { grid-template-columns: minmax(0, 1.45fr) minmax(290px, 1fr); }
    .new-businesses-panel[b-dvyjhjg5qf] { grid-column: 1 / -1; }
    .secondary-grid[b-dvyjhjg5qf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .roles-panel[b-dvyjhjg5qf] { grid-column: 1 / -1; }
    .summary-strip[b-dvyjhjg5qf] { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; }
    .summary-strip > div:nth-child(3)[b-dvyjhjg5qf] { border-right: 0; }
}

@media (max-width: 1050px) {
    .superadmin-shell[b-dvyjhjg5qf] { grid-template-columns: 84px minmax(0, 1fr); }
    .brand > span:last-child[b-dvyjhjg5qf],
    .admin-nav a:not(.active)[b-dvyjhjg5qf] { font-size: 0; }
    .admin-nav a[b-dvyjhjg5qf] { justify-content: center; }
    .admin-nav a span[b-dvyjhjg5qf] { font-size: 17px; }
    .admin-profile > div:last-child[b-dvyjhjg5qf],
    .logout-button[b-dvyjhjg5qf] { font-size: 0; }
    .logout-button span[b-dvyjhjg5qf] { font-size: 18px; }
    .admin-header[b-dvyjhjg5qf] { align-items: flex-start; flex-direction: column; }
    .header-actions[b-dvyjhjg5qf] { width: 100%; flex-wrap: wrap; }
    .search-box[b-dvyjhjg5qf] { flex: 1; min-width: 220px; }
}

@media (max-width: 760px) {
    .superadmin-shell[b-dvyjhjg5qf] { display: block; }
    .superadmin-sidebar[b-dvyjhjg5qf] { position: static; height: auto; min-height: 0; padding: 10px; }
    .brand[b-dvyjhjg5qf] { justify-content: center; }
    .admin-nav[b-dvyjhjg5qf] { display: flex; overflow-x: auto; padding-bottom: 4px; }
    .admin-nav a[b-dvyjhjg5qf] { min-width: 44px; padding: 0 12px; }
    .admin-profile[b-dvyjhjg5qf], .logout-button[b-dvyjhjg5qf] { display: none; }
    .superadmin-main[b-dvyjhjg5qf] { padding: 14px; }
    .kpi-grid[b-dvyjhjg5qf], .primary-grid[b-dvyjhjg5qf], .secondary-grid[b-dvyjhjg5qf], .summary-strip[b-dvyjhjg5qf] { grid-template-columns: 1fr; }
    .new-businesses-panel[b-dvyjhjg5qf], .roles-panel[b-dvyjhjg5qf] { grid-column: auto; }
    .summary-strip > div[b-dvyjhjg5qf] { border-right: 0; border-bottom: 1px solid #213142; padding: 10px 0; }
    .summary-strip > div:last-child[b-dvyjhjg5qf] { border-bottom: 0; }
    .donut-layout[b-dvyjhjg5qf] { grid-template-columns: 1fr; justify-items: center; }
    .distribution-list[b-dvyjhjg5qf] { width: 100%; }
    .header-actions select[b-dvyjhjg5qf] { flex: 1; }
    .admin-footer[b-dvyjhjg5qf] { flex-direction: column; gap: 6px; }
}

/* =========================================================
   MÓDULO PLANES Y SUSCRIPCIONES
   ========================================================= */
.info-dot[b-dvyjhjg5qf]{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #66788a;border-radius:50%;font-size:11px;color:#a9bacb;vertical-align:middle}
.primary-action[b-dvyjhjg5qf],.secondary-action[b-dvyjhjg5qf]{height:40px;border-radius:9px;padding:0 16px;font-weight:700;cursor:pointer}.primary-action[b-dvyjhjg5qf]{background:#ffbe00;color:#15100a;border:1px solid #ffcf3d}.primary-action:hover[b-dvyjhjg5qf]{filter:brightness(1.06)}.secondary-action[b-dvyjhjg5qf]{background:#0a1622;color:#eff5fb;border:1px solid #304255}.secondary-action:hover[b-dvyjhjg5qf]{background:#101f2d}
.plans-kpi-grid[b-dvyjhjg5qf]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.plans-layout[b-dvyjhjg5qf]{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;margin-top:12px}.right-column[b-dvyjhjg5qf]{display:grid;gap:12px;align-content:start}.row-title[b-dvyjhjg5qf]{align-items:center}.switch-label[b-dvyjhjg5qf]{display:flex;align-items:center;gap:8px;color:#a8b7c7;font-size:11px}.switch-label input[b-dvyjhjg5qf]{accent-color:#ffbe00}
.plan-cards[b-dvyjhjg5qf]{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px}.plan-card[b-dvyjhjg5qf]{min-height:410px;border:1px solid #2b3d4f;border-radius:12px;padding:16px;background:linear-gradient(150deg,#0d1925,#08131f);display:flex;flex-direction:column}.plan-card.emprende[b-dvyjhjg5qf]{border-color:rgba(53,196,107,.45)}.plan-card.popular[b-dvyjhjg5qf]{border-color:#ffbe00;box-shadow:0 0 0 1px rgba(255,190,0,.18),0 15px 30px rgba(0,0,0,.2)}.plan-card.pro[b-dvyjhjg5qf]{border-color:rgba(139,92,246,.5)}.plan-card.enterprise[b-dvyjhjg5qf]{border-color:rgba(45,125,246,.5)}.plan-card-head[b-dvyjhjg5qf]{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.plan-card h3[b-dvyjhjg5qf]{margin:0;font-size:18px}.plan-card.emprende h3[b-dvyjhjg5qf]{color:#4bd97e}.plan-card.popular h3[b-dvyjhjg5qf]{color:#ffbe00}.plan-card.pro h3[b-dvyjhjg5qf]{color:#aa77ff}.plan-card.enterprise h3[b-dvyjhjg5qf]{color:#54a7ff}.plan-card-head small[b-dvyjhjg5qf]{color:#75879a}.popular-badge[b-dvyjhjg5qf]{font-size:9px;font-weight:800;background:#ffbe00;color:#201700;border-radius:999px;padding:5px 7px;white-space:nowrap}.price[b-dvyjhjg5qf]{font-size:28px;font-weight:800;margin-top:16px}.price span[b-dvyjhjg5qf]{font-size:11px;font-weight:500;color:#a5b4c4;margin-left:4px}.annual-price[b-dvyjhjg5qf]{color:#61d786;font-size:11px;margin-top:3px}.feature-list[b-dvyjhjg5qf]{display:grid;gap:9px;margin:18px 0;min-height:180px}.feature-list>div[b-dvyjhjg5qf]{display:grid;grid-template-columns:18px 1fr;gap:7px;font-size:11px}.feature-list span[b-dvyjhjg5qf]{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:rgba(53,196,107,.18);color:#55d982;font-size:10px}.feature-list p[b-dvyjhjg5qf]{margin:0;color:#dce6ef}.plan-status[b-dvyjhjg5qf]{margin-top:auto;border-radius:7px;text-align:center;padding:7px;font-size:10px}.plan-status.active[b-dvyjhjg5qf]{background:rgba(53,196,107,.11);color:#50d77c}.plan-status.inactive[b-dvyjhjg5qf]{background:rgba(255,91,105,.1);color:#ff6b78}.plan-actions[b-dvyjhjg5qf]{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.plan-actions button[b-dvyjhjg5qf]{height:34px;border:1px solid #3a4c5f;border-radius:7px;background:#0b1723;color:#e8eef5;cursor:pointer}.plan-actions .dots[b-dvyjhjg5qf]{padding:0 10px}.distribution-panel .donut-layout[b-dvyjhjg5qf]{grid-template-columns:125px 1fr}.distribution-panel .donut[b-dvyjhjg5qf]{width:120px;height:120px}.dot[b-dvyjhjg5qf]{width:8px;height:8px;border-radius:2px}.renewal-row[b-dvyjhjg5qf]{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #1d2e3e}.renewal-row:last-child[b-dvyjhjg5qf]{border-bottom:0}.renewal-row strong[b-dvyjhjg5qf],.renewal-row small[b-dvyjhjg5qf]{display:block}.renewal-row strong[b-dvyjhjg5qf]{font-size:12px}.renewal-row small[b-dvyjhjg5qf]{font-size:10px;color:#8294a7;margin-top:3px}.renewal-row>div:last-child[b-dvyjhjg5qf]{text-align:right}.renewal-row b[b-dvyjhjg5qf]{color:#59dd83;font-size:11px}.empty-inline[b-dvyjhjg5qf]{color:#7f91a4;font-size:11px}
.subscriptions-panel[b-dvyjhjg5qf]{margin-top:12px}.table-actions[b-dvyjhjg5qf]{display:flex;gap:8px}.table-search[b-dvyjhjg5qf],.table-actions select[b-dvyjhjg5qf]{height:36px;border:1px solid #2b3c4d;border-radius:8px;background:#08131f;color:#eaf1f8;padding:0 10px}.table-search[b-dvyjhjg5qf]{min-width:260px}.table-wrap[b-dvyjhjg5qf]{overflow:auto;border:1px solid #1e3041;border-radius:10px}table[b-dvyjhjg5qf]{width:100%;border-collapse:collapse;min-width:980px}th[b-dvyjhjg5qf],td[b-dvyjhjg5qf]{text-align:left;padding:11px 12px;border-bottom:1px solid #1b2b3a;font-size:11px}th[b-dvyjhjg5qf]{color:#a9bac9;background:#0a1622;font-weight:600}td[b-dvyjhjg5qf]{color:#dce5ee}td strong[b-dvyjhjg5qf],td small[b-dvyjhjg5qf]{display:block}td small[b-dvyjhjg5qf]{color:#7f91a4;margin-top:3px}.plan-pill[b-dvyjhjg5qf],.status-pill[b-dvyjhjg5qf]{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px}.plan-pill[b-dvyjhjg5qf]{color:#ffca38;background:rgba(255,190,0,.11);border:1px solid rgba(255,190,0,.26)}.status-pill.active[b-dvyjhjg5qf]{color:#50d77c;background:rgba(53,196,107,.1)}.status-pill.trial[b-dvyjhjg5qf]{color:#6baeff;background:rgba(45,125,246,.12)}.status-pill.past[b-dvyjhjg5qf],.status-pill.cancelled[b-dvyjhjg5qf]{color:#ff7380;background:rgba(255,91,105,.1)}.status-pill.suspended[b-dvyjhjg5qf]{color:#ffca38;background:rgba(255,190,0,.1)}.table-footer[b-dvyjhjg5qf]{padding:10px 2px 0;color:#8192a4;font-size:10px}
.toast-message[b-dvyjhjg5qf]{margin-top:14px;padding:10px 13px;border-radius:8px;border:1px solid rgba(53,196,107,.3);background:rgba(53,196,107,.1);color:#6ae18f;font-size:12px}.modal-backdrop[b-dvyjhjg5qf]{position:fixed;inset:0;z-index:1000;background:rgba(0,5,11,.78);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px}.plan-modal[b-dvyjhjg5qf]{width:min(880px,96vw);max-height:92vh;overflow:auto;border:1px solid #2b3d50;border-radius:15px;background:#091520;box-shadow:0 25px 80px rgba(0,0,0,.55);color:#f5f8fb}.plan-modal>header[b-dvyjhjg5qf]{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #1d2e3d}.plan-modal h2[b-dvyjhjg5qf],.plan-modal h3[b-dvyjhjg5qf]{margin:0}.plan-modal header p[b-dvyjhjg5qf],.feature-editor-title p[b-dvyjhjg5qf]{margin:5px 0 0;color:#8799ab;font-size:11px}.plan-modal header button[b-dvyjhjg5qf]{width:34px;height:34px;border-radius:50%;border:1px solid #334557;background:#0e1b28;color:#fff;font-size:22px}.form-grid[b-dvyjhjg5qf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px}.form-grid label[b-dvyjhjg5qf]{display:grid;gap:6px;color:#b9c7d4;font-size:11px}.form-grid input[b-dvyjhjg5qf],.form-grid select[b-dvyjhjg5qf],.feature-row input[type=number][b-dvyjhjg5qf]{height:38px;border:1px solid #304253;border-radius:8px;background:#07121d;color:#fff;padding:0 10px}.active-check[b-dvyjhjg5qf]{padding:0 20px 16px;color:#c3d0dc;font-size:12px}.active-check input[b-dvyjhjg5qf]{accent-color:#ffbe00}.feature-editor[b-dvyjhjg5qf]{margin:0 20px 18px;border:1px solid #26384a;border-radius:10px;overflow:hidden}.feature-editor-title[b-dvyjhjg5qf]{padding:13px 14px;background:#0d1a27}.feature-row[b-dvyjhjg5qf]{display:grid;grid-template-columns:28px minmax(0,1fr) 150px;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #1f3040}.feature-row>input[type=checkbox][b-dvyjhjg5qf]{accent-color:#ffbe00}.feature-row strong[b-dvyjhjg5qf],.feature-row small[b-dvyjhjg5qf]{display:block}.feature-row strong[b-dvyjhjg5qf]{font-size:11px}.feature-row small[b-dvyjhjg5qf]{color:#75889a;font-size:9px;margin-top:3px}.editor-error[b-dvyjhjg5qf]{margin:0 20px 14px;padding:10px;border-radius:8px;background:rgba(255,91,105,.1);border:1px solid rgba(255,91,105,.28);color:#ff7985;font-size:11px}.plan-modal>footer[b-dvyjhjg5qf]{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #1d2e3d}
@media(max-width:1500px){.plan-cards[b-dvyjhjg5qf]{grid-template-columns:repeat(2,minmax(220px,1fr))}.plans-layout[b-dvyjhjg5qf]{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1100px){.plans-layout[b-dvyjhjg5qf]{grid-template-columns:1fr}.right-column[b-dvyjhjg5qf]{grid-template-columns:1fr 1fr}.plans-kpi-grid[b-dvyjhjg5qf]{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.plans-kpi-grid[b-dvyjhjg5qf],.plan-cards[b-dvyjhjg5qf],.right-column[b-dvyjhjg5qf],.form-grid[b-dvyjhjg5qf]{grid-template-columns:1fr}.table-actions[b-dvyjhjg5qf]{flex-direction:column}.table-search[b-dvyjhjg5qf]{min-width:0}.header-actions[b-dvyjhjg5qf]{flex-wrap:wrap}.plan-modal[b-dvyjhjg5qf]{width:100%}}

/* ============================================================================
   NAVEGACIÓN ÚNICA SUPER ADMIN - COMPATIBILIDAD DE LAYOUT
   ============================================================================ */
@media (max-width: 900px) {
    .superadmin-shell[b-dvyjhjg5qf] {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/Admin/PlatformSettings.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - CONFIGURACIÓN DE PLATAFORMA
   Ajuste visual para aproximar el módulo al mockup aprobado.
   IMPORTANTE: los controles generados desde RenderFragment requieren ::deep
   para que CSS Isolation aplique correctamente a sus nodos internos.
   ============================================================================ */

*[b-ykaxcx4w72] {
    box-sizing: border-box;
}

.platform-settings-shell[b-ykaxcx4w72] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    background:
        radial-gradient(circle at 82% 0%, rgba(23, 73, 114, .12), transparent 28%),
        #06111d;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

/* El componente AdminNavigation tiene su propio scope. Forzamos su posición
   dentro del grid de esta pantalla mediante ::deep. */
.platform-settings-shell[b-ykaxcx4w72]  .admin-navigation-sidebar {
    grid-column: 1;
    grid-row: 1;
}

.platform-settings-shell[b-ykaxcx4w72]  .admin-mobile-topbar {
    grid-column: 1 / -1;
}

.platform-settings-main[b-ykaxcx4w72] {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    padding: 20px 28px 34px;
}

.settings-header[b-ykaxcx4w72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 16px;
}

.eyebrow[b-ykaxcx4w72] {
    display: inline-block;
    margin-bottom: 6px;
    color: #ffc400;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.settings-header h1[b-ykaxcx4w72] {
    margin: 0 0 4px;
    font-size: clamp(28px, 2.2vw, 38px);
    line-height: 1.05;
    letter-spacing: -.02em;
}

.settings-header p[b-ykaxcx4w72],
.panel header p[b-ykaxcx4w72],
.menu-title p[b-ykaxcx4w72] {
    margin: 0;
    color: #91a8bd;
    font-size: 13px;
}

.brand-message[b-ykaxcx4w72] {
    min-width: 350px;
    max-width: 440px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border: 1px solid rgba(255, 196, 0, .32);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(78, 61, 4, .78), rgba(8, 23, 36, .95));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.025);
}

.brand-message > span[b-ykaxcx4w72] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    background: rgba(255, 196, 0, .13);
    font-size: 26px;
}

.brand-message strong[b-ykaxcx4w72],
.brand-message small[b-ykaxcx4w72] {
    display: block;
}

.brand-message strong[b-ykaxcx4w72] {
    color: #ffd21f;
    font-size: 14px;
    line-height: 1.45;
}

.brand-message small[b-ykaxcx4w72] {
    margin-top: 4px;
    color: #c6d2dd;
    font-size: 11px;
    line-height: 1.4;
}

.settings-tabs[b-ykaxcx4w72] {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
    padding: 5px;
    overflow-x: auto;
    border: 1px solid #1d3446;
    border-radius: 13px;
    background: rgba(7, 21, 34, .96);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.settings-tabs button[b-ykaxcx4w72] {
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #dfe7ee;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: .18s ease;
}

.settings-tabs button:hover:not(:disabled)[b-ykaxcx4w72] {
    background: #0d1c2a;
}

.settings-tabs button.active[b-ykaxcx4w72] {
    border-color: #c69e00;
    background: linear-gradient(180deg, rgba(77, 61, 7, .9), rgba(40, 34, 7, .9));
    color: #fff;
    box-shadow: inset 0 -3px 0 #ffc400, 0 0 0 1px rgba(255,196,0,.1);
}

.settings-tabs button:disabled[b-ykaxcx4w72] {
    opacity: .5;
    cursor: not-allowed;
}

.panel[b-ykaxcx4w72] {
    padding: 16px;
    border: 1px solid #21394b;
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(10, 26, 40, .98), rgba(6, 18, 30, .98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 12px 35px rgba(0,0,0,.12);
}

.panel h2[b-ykaxcx4w72],
.panel h3[b-ykaxcx4w72] {
    margin: 0;
    color: #f8fafc;
}

.panel h2[b-ykaxcx4w72] {
    font-size: 18px;
}

.panel header[b-ykaxcx4w72] {
    margin-bottom: 14px;
}

.branding-grid[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(340px, .85fr);
    gap: 14px;
}

.logo-panel[b-ykaxcx4w72] {
    min-height: 430px;
}

.logo-grid[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, .95fr) minmax(0, .72fr);
    gap: 12px;
}

/* ========================================================================
   CONTROLES GENERADOS DESDE RENDERFRAGMENT
   Sin ::deep estos elementos no reciben estilos con CSS isolation.
   ======================================================================== */
.logo-grid[b-ykaxcx4w72]  .logo-card {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 12px;
    border: 1px solid #263e51;
    border-radius: 12px;
    background: linear-gradient(180deg, #0a1a27, #081622);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.logo-grid[b-ykaxcx4w72]  .logo-card > strong {
    color: #f3f7fb;
    font-size: 12px;
    font-weight: 800;
}

.logo-grid[b-ykaxcx4w72]  .logo-card small {
    min-height: 28px;
    color: #90a5b8;
    font-size: 10px;
    line-height: 1.4;
}

.logo-grid[b-ykaxcx4w72]  .logo-preview {
    height: 150px;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 12px;
    border: 1px dashed #304b60;
    border-radius: 11px;
    background:
        linear-gradient(45deg, rgba(255,255,255,.012) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,.012) 25%, transparent 25%),
        #06111d;
    background-size: 18px 18px;
}

.logo-grid[b-ykaxcx4w72]  .logo-preview img {
    max-width: 94%;
    max-height: 120px;
    object-fit: contain;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
}

.logo-grid[b-ykaxcx4w72]  .logo-preview span {
    color: #617c92;
    font-size: 11px;
}

.logo-grid[b-ykaxcx4w72]  input[type="file"] {
    width: 100%;
    min-height: 38px;
    overflow: hidden;
    border: 1px solid #30495c;
    border-radius: 9px;
    background: #0b1a27;
    color: #aebdca;
    font-size: 10px;
}

.logo-grid[b-ykaxcx4w72]  input[type="file"]::file-selector-button {
    height: 36px;
    margin-right: 10px;
    padding: 0 14px;
    border: 0;
    border-right: 1px solid #30495c;
    background: #102334;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.logo-grid[b-ykaxcx4w72]  input[type="file"]::file-selector-button:hover {
    background: #183149;
}

.brand-form[b-ykaxcx4w72] {
    display: grid;
    align-content: start;
    gap: 11px;
}

.brand-form label[b-ykaxcx4w72] {
    display: grid;
    gap: 6px;
}

.brand-form label > span[b-ykaxcx4w72],
.brand-colors[b-ykaxcx4w72]  .color-field > span,
.color-fields-grid[b-ykaxcx4w72]  .color-field > span {
    color: #cbd7e2;
    font-size: 10px;
    font-weight: 800;
}

.brand-form input[b-ykaxcx4w72],
.brand-colors[b-ykaxcx4w72]  .color-field input[type="text"],
.color-fields-grid[b-ykaxcx4w72]  .color-field input[type="text"] {
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid #30495c;
    border-radius: 8px;
    outline: none;
    background: #0c1d2b;
    color: #fff;
    font-size: 12px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.brand-form input:focus[b-ykaxcx4w72],
.brand-colors[b-ykaxcx4w72]  .color-field input[type="text"]:focus,
.color-fields-grid[b-ykaxcx4w72]  .color-field input[type="text"]:focus {
    border-color: #806c17;
    box-shadow: 0 0 0 3px rgba(255,196,0,.07);
}

.brand-colors[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.brand-colors[b-ykaxcx4w72]  .color-field,
.color-fields-grid[b-ykaxcx4w72]  .color-field {
    display: grid;
    gap: 6px;
}

.brand-colors[b-ykaxcx4w72]  .color-field > div,
.color-fields-grid[b-ykaxcx4w72]  .color-field > div {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 7px;
}

.brand-colors[b-ykaxcx4w72]  .color-field input[type="color"],
.color-fields-grid[b-ykaxcx4w72]  .color-field input[type="color"] {
    width: 44px;
    height: 40px;
    padding: 3px;
    border: 1px solid #30495c;
    border-radius: 8px;
    background: #0c1d2b;
    cursor: pointer;
}

.primary-action[b-ykaxcx4w72],
.secondary-action[b-ykaxcx4w72] {
    border-radius: 9px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
}

.primary-action:hover:not(:disabled)[b-ykaxcx4w72],
.secondary-action:hover:not(:disabled)[b-ykaxcx4w72] {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.primary-action[b-ykaxcx4w72] {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    background: linear-gradient(180deg, #ffd22d, #f0aa00);
    color: #101010;
    box-shadow: 0 8px 22px rgba(255, 183, 0, .12);
}

.secondary-action[b-ykaxcx4w72] {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #344c5e;
    background: #0b1a27;
    color: #fff;
}

.primary-action:disabled[b-ykaxcx4w72],
.secondary-action:disabled[b-ykaxcx4w72] {
    opacity: .6;
    cursor: wait;
}

.menu-panel[b-ykaxcx4w72] {
    padding: 14px;
}

.menu-title[b-ykaxcx4w72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.role-tabs[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin: 12px 0 14px;
}

.role-tabs button[b-ykaxcx4w72] {
    min-height: 52px;
    padding: 0 15px;
    border: 1px solid #2b4355;
    border-radius: 10px;
    background: #091824;
    color: #fff;
    text-align: left;
    font-weight: 900;
    cursor: pointer;
}

.role-tabs button span[b-ykaxcx4w72] {
    margin-right: 9px;
    color: #ffc400;
    font-size: 17px;
}

.role-tabs button.active[b-ykaxcx4w72] {
    border-color: #d2a900;
    background: linear-gradient(180deg, #352d09, #211d07);
    box-shadow: inset 0 -4px 0 #ffc400;
}

.menu-editor-grid[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: 1.15fr .72fr 1fr;
    gap: 12px;
}

.color-editor[b-ykaxcx4w72],
.menu-preview-card[b-ykaxcx4w72],
.role-preview-card[b-ykaxcx4w72] {
    min-width: 0;
    padding: 14px;
    border: 1px solid #253e51;
    border-radius: 12px;
    background: #091825;
}

.color-editor h3[b-ykaxcx4w72],
.menu-preview-card h3[b-ykaxcx4w72],
.role-preview-card h3[b-ykaxcx4w72] {
    margin-bottom: 12px;
    font-size: 13px;
}

.color-fields-grid[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
    margin-bottom: 14px;
}

.menu-preview[b-ykaxcx4w72] {
    min-height: 360px;
    display: grid;
    align-content: start;
    gap: 7px;
    padding: 16px;
    border: 1px solid #294253;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.menu-preview img[b-ykaxcx4w72] {
    width: 145px;
    height: 48px;
    margin-bottom: 9px;
    object-fit: contain;
    object-position: left center;
}

.preview-brand[b-ykaxcx4w72] {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 900;
}

.preview-brand b[b-ykaxcx4w72] {
    color: #ffc400;
}

.menu-preview a[b-ykaxcx4w72] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
}

.menu-preview a i[b-ykaxcx4w72] {
    width: 20px;
    text-align: center;
    font-style: normal;
}

.menu-preview a.active[b-ykaxcx4w72] {
    border-style: solid;
    border-width: 1px;
}

.mini-role-grid[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    align-items: stretch;
}

.mini-menu[b-ykaxcx4w72] {
    min-height: 250px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 14px;
    padding: 10px 7px;
    border: 1px solid;
    border-radius: 12px;
}

.mini-menu strong[b-ykaxcx4w72] {
    font-size: 22px;
}

.mini-menu span[b-ykaxcx4w72],
.mini-menu i[b-ykaxcx4w72] {
    width: 38px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    font-style: normal;
}

.mini-menu small[b-ykaxcx4w72] {
    margin-top: auto;
    font-size: 9px;
    text-align: center;
}

.settings-state[b-ykaxcx4w72] {
    min-height: 360px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    border: 1px solid #253b4d;
    border-radius: 14px;
    background: #091824;
}

.settings-state button[b-ykaxcx4w72] {
    padding: 9px 15px;
    border: 0;
    border-radius: 8px;
    background: #ffc400;
}

.spinner[b-ykaxcx4w72] {
    width: 30px;
    height: 30px;
    border: 3px solid #2a4053;
    border-top-color: #ffc400;
    border-radius: 50%;
    animation: spin-b-ykaxcx4w72 .8s linear infinite;
}

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

.success-message[b-ykaxcx4w72] {
    margin-bottom: 12px;
    padding: 10px 13px;
    border: 1px solid #167e47;
    border-radius: 8px;
    background: #0c3a26;
    color: #8cf0b1;
}

@media (max-width: 1250px) {
    .branding-grid[b-ykaxcx4w72] {
        grid-template-columns: 1fr;
    }

    .menu-editor-grid[b-ykaxcx4w72] {
        grid-template-columns: 1fr 1fr;
    }

    .role-preview-card[b-ykaxcx4w72] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .platform-settings-shell[b-ykaxcx4w72] {
        display: block;
    }

    .platform-settings-main[b-ykaxcx4w72] {
        padding: 14px;
    }

    .settings-header[b-ykaxcx4w72] {
        align-items: flex-start;
        flex-direction: column;
    }

    .brand-message[b-ykaxcx4w72] {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .branding-grid[b-ykaxcx4w72],
    .logo-grid[b-ykaxcx4w72],
    .menu-editor-grid[b-ykaxcx4w72],
    .color-fields-grid[b-ykaxcx4w72] {
        grid-template-columns: 1fr;
    }

    .role-tabs[b-ykaxcx4w72] {
        grid-template-columns: 1fr 1fr;
    }

    .role-preview-card[b-ykaxcx4w72] {
        grid-column: auto;
    }

    .mini-role-grid[b-ykaxcx4w72] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .platform-settings-main[b-ykaxcx4w72] {
        padding: 12px;
    }

    .role-tabs[b-ykaxcx4w72],
    .brand-colors[b-ykaxcx4w72],
    .mini-role-grid[b-ykaxcx4w72] {
        grid-template-columns: 1fr;
    }

    .settings-header h1[b-ykaxcx4w72] {
        font-size: 28px;
    }
}
\n\n/* ============================================================================
   NOTIFICACIONES DE NUEVOS REGISTROS
   ============================================================================ */

.notification-settings-grid[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(360px, .9fr);
    gap: 18px;
    align-items: start;
}

.notification-form-card[b-ykaxcx4w72],
.notification-preview-card[b-ykaxcx4w72] {
    padding: 22px;
}

.notification-card-header[b-ykaxcx4w72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.notification-heading[b-ykaxcx4w72] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.notification-heading h2[b-ykaxcx4w72],
.notification-preview-card h2[b-ykaxcx4w72] {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 20px;
}

.notification-heading p[b-ykaxcx4w72],
.notification-preview-card header p[b-ykaxcx4w72] {
    margin: 0;
    color: #91a8bd;
    font-size: 13px;
}

.notification-icon[b-ykaxcx4w72] {
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 196, 0, .18);
    border-radius: 12px;
    background: rgba(255, 196, 0, .12);
    color: #ffc400;
    font-size: 25px;
    font-weight: 900;
}

.notification-toggle[b-ykaxcx4w72] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.notification-toggle input[b-ykaxcx4w72] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.toggle-track[b-ykaxcx4w72] {
    width: 52px;
    height: 29px;
    padding: 3px;
    display: flex;
    align-items: center;
    border-radius: 999px;
    background: #263746;
    transition: background .18s ease;
}

.toggle-thumb[b-ykaxcx4w72] {
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    transition: transform .18s ease;
}

.notification-toggle input:checked + .toggle-track[b-ykaxcx4w72] {
    background: #ffc400;
}

.notification-toggle input:checked + .toggle-track .toggle-thumb[b-ykaxcx4w72] {
    transform: translateX(23px);
}

.notification-toggle strong[b-ykaxcx4w72] {
    color: #ffffff;
    font-size: 13px;
}

.notification-recipient-section[b-ykaxcx4w72] {
    margin-top: 26px;
}

.notification-recipient-section h3[b-ykaxcx4w72],
.notification-information-card h3[b-ykaxcx4w72] {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 14px;
}

.notification-email-field[b-ykaxcx4w72] {
    position: relative;
    display: flex;
    align-items: center;
}

.notification-email-field .field-icon[b-ykaxcx4w72] {
    position: absolute;
    left: 13px;
    z-index: 1;
    color: #a8bac9;
    font-size: 15px;
}

.notification-email-field input[b-ykaxcx4w72] {
    width: 100%;
    min-height: 44px;
    padding: 11px 14px 11px 42px;
    border: 1px solid #284055;
    border-radius: 8px;
    outline: none;
    background: #07131e;
    color: #ffffff;
    font-size: 13px;
}

.notification-email-field input:focus[b-ykaxcx4w72] {
    border-color: #ffc400;
    box-shadow: 0 0 0 3px rgba(255, 196, 0, .08);
}

.notification-help[b-ykaxcx4w72] {
    display: block;
    margin-top: 8px;
    color: #7e95a9;
    font-size: 11px;
}

.notification-information-card[b-ykaxcx4w72] {
    margin-top: 24px;
    padding: 18px;
    border: 1px solid #1d3244;
    border-radius: 10px;
    background: #081521;
}

.notification-information-grid[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 28px;
}

.notification-information-grid span[b-ykaxcx4w72] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: #d8e2eb;
    font-size: 12px;
}

.notification-information-grid i[b-ykaxcx4w72] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    background: #ffc400;
    color: #06111f;
    font-style: normal;
    font-size: 12px;
    font-weight: 900;
}

.notification-info-message[b-ykaxcx4w72] {
    margin-top: 14px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #204664;
    border-radius: 8px;
    background: #09243a;
    color: #c8d8e6;
}

.notification-info-message span[b-ykaxcx4w72] {
    color: #58b6ff;
    font-size: 18px;
}

.notification-info-message p[b-ykaxcx4w72] {
    margin: 0;
    font-size: 11px;
}

.notification-actions[b-ykaxcx4w72] {
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.notification-preview-card[b-ykaxcx4w72] {
    min-width: 0;
}

.notification-preview-card > header[b-ykaxcx4w72] {
    margin-bottom: 14px;
}

.registration-email-preview[b-ykaxcx4w72] {
    min-height: 520px;
    display: grid;
    grid-template-columns: minmax(145px, .82fr) minmax(225px, 1.18fr);
    overflow: hidden;
    border: 1px solid #42505b;
    border-radius: 13px;
    background: #05090d;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

.registration-email-photo[b-ykaxcx4w72] {
    min-height: 100%;
    background-image: url('/images/email/registration-notification-hero.png');
    background-position: center;
    background-size: cover;
}

.registration-email-content[b-ykaxcx4w72] {
    min-width: 0;
    padding: 20px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: linear-gradient(180deg, #060a0d 0%, #0a1014 100%);
    color: #ffffff;
}

.registration-email-logo[b-ykaxcx4w72] {
    min-height: 62px;
    display: grid;
    place-items: center;
    padding-bottom: 12px;
    border-bottom: 3px solid #ffc400;
}

.registration-email-logo img[b-ykaxcx4w72] {
    display: block;
    max-width: 170px;
    max-height: 52px;
    object-fit: contain;
}

.registration-email-content h3[b-ykaxcx4w72] {
    margin: 20px 0 7px;
    color: #ffffff;
    font-size: clamp(21px, 2vw, 31px);
    line-height: 1.05;
    text-align: center;
}

.registration-email-content h3 em[b-ykaxcx4w72] {
    color: #ffc400;
    font-style: normal;
}

.registration-email-content > p[b-ykaxcx4w72] {
    margin: 0 0 16px;
    color: #c5d0d9;
    font-size: 11px;
    text-align: center;
}

.registration-preview-data[b-ykaxcx4w72] {
    overflow: hidden;
    border: 1px solid #26343f;
    border-radius: 9px;
    background: #0c1318;
}

.registration-preview-data span[b-ykaxcx4w72] {
    display: grid;
    grid-template-columns: 24px minmax(95px, .95fr) minmax(105px, 1.1fr);
    align-items: center;
    gap: 6px;
    padding: 7px 8px;
    border-bottom: 1px solid #202d36;
}

.registration-preview-data span:last-child[b-ykaxcx4w72] {
    border-bottom: 0;
}

.registration-preview-data i[b-ykaxcx4w72] {
    color: #ffc400;
    font-style: normal;
    text-align: center;
}

.registration-preview-data small[b-ykaxcx4w72] {
    color: #aebbc6;
    font-size: 9px;
}

.registration-preview-data b[b-ykaxcx4w72] {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registration-preview-data .account-type[b-ykaxcx4w72] {
    justify-self: start;
    padding: 4px 8px;
    border-radius: 5px;
    background: #0d9488;
    font-weight: 800;
}

.registration-preview-button[b-ykaxcx4w72] {
    margin-top: 14px;
    padding: 11px 12px;
    border-radius: 7px;
    background: #ffc400;
    color: #080b0e;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.registration-preview-button span[b-ykaxcx4w72] {
    margin-left: 12px;
    font-size: 18px;
}

.registration-preview-note[b-ykaxcx4w72] {
    margin-top: 12px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #28343d;
    border-radius: 8px;
    color: #aebbc6;
    font-size: 8px;
    line-height: 1.45;
}

.registration-preview-note i[b-ykaxcx4w72] {
    color: #ffc400;
    font-size: 18px;
    font-style: normal;
}

.registration-preview-footer[b-ykaxcx4w72] {
    margin-top: auto;
    padding-top: 14px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}

.registration-preview-tagline[b-ykaxcx4w72] {
    margin-top: 4px;
    color: #aebbc6;
    font-size: 9px;
    text-align: center;
}

@media (max-width: 1320px) {
    .notification-settings-grid[b-ykaxcx4w72] {
        grid-template-columns: minmax(0, 1.35fr) minmax(340px, .85fr);
    }

    .registration-email-preview[b-ykaxcx4w72] {
        grid-template-columns: 1fr;
    }

    .registration-email-photo[b-ykaxcx4w72] {
        min-height: 230px;
        background-position: center 35%;
    }
}

@media (max-width: 1080px) {
    .notification-settings-grid[b-ykaxcx4w72] {
        grid-template-columns: 1fr;
    }

    .registration-email-preview[b-ykaxcx4w72] {
        grid-template-columns: minmax(190px, .8fr) minmax(300px, 1.2fr);
    }

    .registration-email-photo[b-ykaxcx4w72] {
        min-height: 520px;
    }
}

@media (max-width: 720px) {
    .notification-card-header[b-ykaxcx4w72] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notification-information-grid[b-ykaxcx4w72] {
        grid-template-columns: 1fr;
    }

    .registration-email-preview[b-ykaxcx4w72] {
        grid-template-columns: 1fr;
    }

    .registration-email-photo[b-ykaxcx4w72] {
        min-height: 300px;
    }
}

@media (max-width: 560px) {
    .notification-form-card[b-ykaxcx4w72],
    .notification-preview-card[b-ykaxcx4w72] {
        padding: 15px;
    }

    .notification-heading[b-ykaxcx4w72] {
        align-items: flex-start;
    }

    .notification-icon[b-ykaxcx4w72] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .registration-preview-data span[b-ykaxcx4w72] {
        grid-template-columns: 22px 1fr;
    }

    .registration-preview-data b[b-ykaxcx4w72] {
        grid-column: 2;
        white-space: normal;
    }
}
/* /Pages/Admin/SiteVisits.razor.rz.scp.css */
:host[b-cmhewb5vpv] { display:block; }
*[b-cmhewb5vpv] { box-sizing:border-box; }

/* =========================================================
   ESTRUCTURA GENERAL
   ========================================================= */
.analytics-shell[b-cmhewb5vpv] {
    min-height:100vh;
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    background:#06111c;
    color:#f4f7fb;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.analytics-sidebar[b-cmhewb5vpv] {
    position:sticky;
    top:0;
    height:100vh;
    min-height:720px;
    padding:18px 12px;
    display:flex;
    flex-direction:column;
    gap:14px;
    background:#030b14;
    border-right:1px solid #20303f;
}

.brand[b-cmhewb5vpv] {
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    text-decoration:none;
    padding:4px 10px 12px;
}

.brand-mark[b-cmhewb5vpv] {
    width:32px;
    height:32px;
    position:relative;
    display:inline-grid;
    place-items:center;
    font-size:28px;
    font-style:italic;
    font-weight:900;
}

.brand-mark b[b-cmhewb5vpv] { color:#fff; }
.brand-mark em[b-cmhewb5vpv] {
    position:absolute;
    right:-2px;
    bottom:-2px;
    color:#ffbe00;
    font-size:16px;
    font-weight:900;
}

.brand strong[b-cmhewb5vpv] { display:block; font-size:20px; }
.brand strong b[b-cmhewb5vpv] { color:#ffbe00; }
.brand small[b-cmhewb5vpv] { display:block; color:#8fa0b2; font-size:11px; margin-top:2px; }

.admin-nav[b-cmhewb5vpv] { display:grid; gap:4px; }
.admin-nav a[b-cmhewb5vpv] {
    min-height:40px;
    padding:0 12px;
    border-radius:9px;
    color:#d4dee8;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:11px;
    font-size:13px;
}
.admin-nav a:hover[b-cmhewb5vpv] { background:#101d2a; color:#fff; }
.admin-nav a.active[b-cmhewb5vpv] {
    background:linear-gradient(90deg,rgba(255,190,0,.25),rgba(255,190,0,.07));
    border:1px solid rgba(255,190,0,.25);
    color:#fff;
}
.admin-nav a span[b-cmhewb5vpv] { width:20px; text-align:center; }
.admin-nav a.active span[b-cmhewb5vpv] { color:#ffbe00; }

.admin-profile[b-cmhewb5vpv] {
    margin-top:auto;
    border:1px solid #263748;
    border-radius:12px;
    padding:11px;
    display:flex;
    align-items:center;
    gap:10px;
    background:#0b1521;
}
.profile-avatar[b-cmhewb5vpv] {
    width:38px;
    height:38px;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-weight:800;
    background:linear-gradient(145deg,#323e4b,#111923);
    border:1px solid #3c4958;
}
.admin-profile strong[b-cmhewb5vpv] { font-size:12px; }
.admin-profile small[b-cmhewb5vpv] { display:block; color:#8192a5; font-size:10px; margin-top:3px; }
.logout-button[b-cmhewb5vpv] {
    border:0;
    background:transparent;
    color:#d9e3ed;
    text-align:left;
    padding:9px 12px;
    cursor:pointer;
    border-radius:8px;
}
.logout-button:hover[b-cmhewb5vpv] { background:#101c28; }
.logout-button span[b-cmhewb5vpv] { margin-right:10px; color:#ef5467; }

.analytics-main[b-cmhewb5vpv] { min-width:0; padding:20px 24px 28px; }
.analytics-header[b-cmhewb5vpv] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding-bottom:18px;
    border-bottom:1px solid #152332;
}
.title-block[b-cmhewb5vpv] { display:flex; align-items:center; gap:14px; }
.title-icon[b-cmhewb5vpv] { font-size:30px; color:#8b5cf6; }
.title-block h1[b-cmhewb5vpv] { margin:0; font-size:30px; line-height:1.08; }
.title-block p[b-cmhewb5vpv] { margin:5px 0 0; color:#8fa0b3; font-size:13px; }

.date-filter[b-cmhewb5vpv] {
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid #293747;
    border-radius:10px;
    background:#08131f;
    padding:8px 11px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.date-filter input[b-cmhewb5vpv] {
    background:transparent;
    border:0;
    color:#eaf0f6;
    outline:none;
    color-scheme:dark;
}
.date-filter b[b-cmhewb5vpv] { color:#64778a; }

/* =========================================================
   KPIs
   ========================================================= */
.kpi-grid[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

.kpi-card[b-cmhewb5vpv],
.panel[b-cmhewb5vpv],
.state-panel[b-cmhewb5vpv] {
    border:1px solid #203141;
    background:linear-gradient(145deg,rgba(15,27,40,.98),rgba(8,18,29,.98));
    border-radius:14px;
    box-shadow:0 16px 35px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.015);
}

.kpi-card[b-cmhewb5vpv] {
    min-height:126px;
    padding:16px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 78px;
    align-items:start;
    gap:13px;
    overflow:hidden;
    position:relative;
}

.kpi-card[b-cmhewb5vpv]::after {
    content:"";
    position:absolute;
    inset:auto -18px -30px auto;
    width:105px;
    height:80px;
    border-radius:50%;
    opacity:.08;
    filter:blur(5px);
}
.purple[b-cmhewb5vpv]::after { background:#8b5cf6; }
.blue[b-cmhewb5vpv]::after { background:#2d9cff; }
.gold[b-cmhewb5vpv]::after { background:#ffbe00; }
.pink[b-cmhewb5vpv]::after { background:#ff4f93; }

.kpi-icon[b-cmhewb5vpv] {
    width:46px;
    height:46px;
    flex:0 0 46px;
    border-radius:11px;
    display:grid;
    place-items:center;
    font-size:20px;
    font-weight:800;
}
.kpi-copy[b-cmhewb5vpv] { min-width:0; }
.kpi-card small[b-cmhewb5vpv] { display:block; color:#c8d3de; font-size:12px; }
.kpi-card strong[b-cmhewb5vpv] { display:block; font-size:29px; margin-top:3px; letter-spacing:-.02em; }
.kpi-card em[b-cmhewb5vpv] { display:block; font-size:11px; font-style:normal; margin-top:8px; white-space:nowrap; }
.purple .kpi-icon[b-cmhewb5vpv] { color:#a76cff; background:rgba(139,92,246,.18); }
.blue .kpi-icon[b-cmhewb5vpv] { color:#4aa2ff; background:rgba(38,125,255,.16); }
.gold .kpi-icon[b-cmhewb5vpv] { color:#ffbe00; background:rgba(255,190,0,.15); }
.pink .kpi-icon[b-cmhewb5vpv] { color:#ff5b93; background:rgba(255,71,132,.15); }
.positive[b-cmhewb5vpv] { color:#49d878!important; }
.negative[b-cmhewb5vpv] { color:#ff5a68!important; }

.kpi-spark[b-cmhewb5vpv] {
    align-self:center;
    width:74px;
    height:42px;
    opacity:.85;
    border-bottom:2px solid currentColor;
    clip-path:polygon(0 80%,14% 62%,26% 68%,42% 45%,54% 52%,67% 24%,79% 31%,100% 10%,100% 100%,0 100%);
}
.spark-purple[b-cmhewb5vpv] { color:#8b5cf6; background:linear-gradient(180deg,rgba(139,92,246,.25),transparent); }
.spark-blue[b-cmhewb5vpv] { color:#2d9cff; background:linear-gradient(180deg,rgba(45,156,255,.23),transparent); }
.spark-gold[b-cmhewb5vpv] { color:#ffbe00; background:linear-gradient(180deg,rgba(255,190,0,.22),transparent); }
.spark-pink[b-cmhewb5vpv] { color:#ff4f93; background:linear-gradient(180deg,rgba(255,79,147,.22),transparent); }

/* =========================================================
   PANELES Y GRÁFICA PRINCIPAL
   ========================================================= */
.primary-grid[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);
    gap:12px;
    margin-top:12px;
}
.secondary-grid[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:12px;
}
.panel[b-cmhewb5vpv] { padding:16px; min-width:0; }
.panel-title[b-cmhewb5vpv] {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
}
.panel-title h2[b-cmhewb5vpv] { margin:0; font-size:16px; }
.panel-title p[b-cmhewb5vpv] { margin:4px 0 0; color:#8091a4; font-size:11px; line-height:1.45; }
.panel-chip[b-cmhewb5vpv] {
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border:1px solid #2a3b4d;
    border-radius:8px;
    color:#bda8ff!important;
    background:#0b1724;
    font-size:11px;
    white-space:nowrap;
}

.chart-area[b-cmhewb5vpv] {
    min-height:318px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:8px;
    align-items:stretch;
}
.chart-y-axis[b-cmhewb5vpv] {
    height:268px;
    padding:10px 0 18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-end;
    color:#73879a;
    font-size:10px;
}
.chart-canvas[b-cmhewb5vpv] { min-width:0; }
.chart-canvas[b-cmhewb5vpv] { position:relative; }
.chart-canvas svg[b-cmhewb5vpv] { width:100%; height:268px; overflow:visible; display:block; }
.grid-line[b-cmhewb5vpv] { stroke:#213549; stroke-width:1; vector-effect:non-scaling-stroke; opacity:.82; }
.grid-line-vertical[b-cmhewb5vpv] { opacity:.34; }
.visit-area[b-cmhewb5vpv] { fill:url(#visitFill); stroke:none; }
.unique-area[b-cmhewb5vpv] { fill:url(#uniqueFill); stroke:none; }
.visit-line[b-cmhewb5vpv] {
    fill:none;
    stroke:#8b5cf6;
    stroke-width:3.2;
    stroke-linejoin:round;
    stroke-linecap:round;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 5px rgba(139,92,246,.25));
}
.visit-point[b-cmhewb5vpv] {
    fill:#0d1926;
    stroke:#b18aff;
    stroke-width:3;
    vector-effect:non-scaling-stroke;
    cursor:default;
    transition:r .15s ease;
}
.visit-point:hover[b-cmhewb5vpv] { r:6; }
.unique-line[b-cmhewb5vpv] {
    fill:none;
    stroke:#2d9cff;
    stroke-width:2.8;
    stroke-linejoin:round;
    stroke-linecap:round;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 5px rgba(45,156,255,.20));
}
.unique-point[b-cmhewb5vpv] {
    fill:#0d1926;
    stroke:#46aaff;
    stroke-width:2.6;
    vector-effect:non-scaling-stroke;
    cursor:default;
    transition:r .15s ease;
}
.unique-point:hover[b-cmhewb5vpv] { r:5.5; }
.chart-labels[b-cmhewb5vpv] {
    display:flex;
    justify-content:space-between;
    gap:6px;
    color:#8292a4;
    font-size:10px;
    padding-top:3px;
}
.chart-legend[b-cmhewb5vpv] {
    margin:8px 0 0 50px;
    padding-top:10px;
    border-top:1px solid #182939;
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    color:#8fa0b3;
    font-size:11px;
}
.chart-series-legend[b-cmhewb5vpv] { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.chart-legend span[b-cmhewb5vpv] { display:flex; align-items:center; gap:7px; }
.chart-legend strong[b-cmhewb5vpv] { color:#dbe5ef; font-size:11px; font-weight:600; }
.legend-dot[b-cmhewb5vpv] { width:8px; height:8px; border-radius:50%; display:inline-block; }
.purple-dot[b-cmhewb5vpv] { background:#8b5cf6; box-shadow:0 0 10px rgba(139,92,246,.5); }
.blue-dot[b-cmhewb5vpv] { background:#2d9cff; box-shadow:0 0 10px rgba(45,156,255,.45); }
.empty-state[b-cmhewb5vpv] { min-height:220px; display:grid; place-items:center; color:#77899c; font-size:12px; text-align:center; }

/* =========================================================
   DISPOSITIVOS
   ========================================================= */
.donut-layout[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:160px minmax(0,1fr);
    align-items:center;
    gap:24px;
    min-height:245px;
}
.donut[b-cmhewb5vpv] {
    width:154px;
    height:154px;
    border-radius:50%;
    display:grid;
    place-items:center;
    position:relative;
    box-shadow:0 0 30px rgba(139,92,246,.10);
}
.donut[b-cmhewb5vpv]::after {
    content:"";
    position:absolute;
    inset:29px;
    border-radius:50%;
    background:#0b1724;
    border:1px solid #253547;
    box-shadow:inset 0 0 22px rgba(0,0,0,.24);
}
.donut>div[b-cmhewb5vpv] { position:relative; z-index:1; text-align:center; }
.donut strong[b-cmhewb5vpv] { display:block; font-size:27px; }
.donut small[b-cmhewb5vpv] { color:#8da0b3; font-size:10px; }
.distribution-list[b-cmhewb5vpv] { display:grid; gap:14px; }
.distribution-list>div[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:10px minmax(0,1fr) auto;
    grid-template-areas:"dot label percent" ". value value";
    align-items:center;
    gap:3px 9px;
    font-size:12px;
}
.distribution-list .dot[b-cmhewb5vpv] { grid-area:dot; }
.distribution-list span[b-cmhewb5vpv] { grid-area:label; }
.distribution-list strong[b-cmhewb5vpv] { grid-area:percent; color:#fff; }
.distribution-list small[b-cmhewb5vpv] { grid-area:value; color:#718497; text-align:right; font-size:10px; }
.dot[b-cmhewb5vpv] { width:8px; height:8px; border-radius:50%; }
.d-1[b-cmhewb5vpv] { background:#8b5cf6; }
.d-2[b-cmhewb5vpv] { background:#2d9cff; }
.d-3[b-cmhewb5vpv] { background:#ffbe00; }
.d-4[b-cmhewb5vpv] { background:#35c46b; }

/* =========================================================
   INSIGHTS SECUNDARIOS
   ========================================================= */
.insight-panel[b-cmhewb5vpv] { min-height:262px; }
.bar-list[b-cmhewb5vpv],
.page-ranking[b-cmhewb5vpv] { display:grid; gap:11px; }

.bar-row[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:minmax(120px,1fr) minmax(100px,1.2fr) 46px 42px;
    align-items:center;
    gap:9px;
    font-size:12px;
}
.bar-label[b-cmhewb5vpv] {
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.bar-label i[b-cmhewb5vpv] { font-style:normal; width:20px; text-align:center; }
.bar-track[b-cmhewb5vpv] {
    height:8px;
    background:#1d2d3d;
    border-radius:10px;
    overflow:hidden;
}
.bar-track b[b-cmhewb5vpv] {
    display:block;
    height:100%;
    background:linear-gradient(90deg,#8b5cf6,#a66bff);
    border-radius:inherit;
}
.bar-row em[b-cmhewb5vpv] { font-style:normal; text-align:right; color:#d4dde7; }
.bar-row small[b-cmhewb5vpv] { color:#72869a; text-align:right; font-size:10px; }

.page-ranking[b-cmhewb5vpv] { gap:0; }
.page-rank-row[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:28px minmax(110px,1fr) minmax(90px,1fr) 44px;
    align-items:center;
    gap:9px;
    min-height:42px;
    border-bottom:1px solid #172737;
    font-size:12px;
}
.page-rank-row:last-child[b-cmhewb5vpv] { border-bottom:0; }
.page-rank-row>b[b-cmhewb5vpv] {
    width:24px;
    height:24px;
    border-radius:7px;
    background:#1d2a3a;
    display:grid;
    place-items:center;
    color:#b9c7d4;
}
.page-rank-row>span[b-cmhewb5vpv] {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#edf3f8;
}
.page-rank-row>i[b-cmhewb5vpv] {
    height:8px;
    background:#1d2d3d;
    border-radius:10px;
    overflow:hidden;
}
.page-rank-row>i u[b-cmhewb5vpv] {
    display:block;
    height:100%;
    text-decoration:none;
    background:linear-gradient(90deg,#8b5cf6,#a66bff);
    border-radius:inherit;
}
.page-rank-row>em[b-cmhewb5vpv] { font-style:normal; text-align:right; color:#cbd6df; }
.referral-bars .bar-label i[b-cmhewb5vpv] { color:#a78bfa; }

/* =========================================================
   ÚLTIMAS VISITAS
   ========================================================= */
.recent-panel[b-cmhewb5vpv] { margin-top:12px; }
.recent-title[b-cmhewb5vpv] { align-items:flex-start; }
.table-scroll[b-cmhewb5vpv] { overflow-x:auto; }
.table-scroll table[b-cmhewb5vpv] { width:100%; border-collapse:collapse; min-width:1150px; }
.table-scroll th[b-cmhewb5vpv] {
    padding:10px 12px;
    text-align:left;
    background:#111f30;
    color:#aebdcb;
    font-size:11px;
    font-weight:600;
}
.table-scroll td[b-cmhewb5vpv] {
    padding:10px 12px;
    border-bottom:1px solid #172737;
    color:#dce5ed;
    font-size:11px;
    vertical-align:middle;
}
.table-scroll tbody tr:hover[b-cmhewb5vpv] { background:#0d1a27; }
.table-scroll td strong[b-cmhewb5vpv] { display:block; color:#fff; font-size:11px; }
.table-scroll td small[b-cmhewb5vpv] { display:block; color:#8292a4; margin-top:2px; }
.anonymous[b-cmhewb5vpv] { color:#8394a6; }
.mono[b-cmhewb5vpv] { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.path-cell[b-cmhewb5vpv] { color:#bba1ff!important; }
.device-cell[b-cmhewb5vpv] { white-space:nowrap; }

/* =========================================================
   ESTADOS
   ========================================================= */
.state-panel[b-cmhewb5vpv] {
    margin-top:18px;
    min-height:360px;
    display:grid;
    place-items:center;
    align-content:center;
    text-align:center;
    padding:40px;
}
.state-panel h2[b-cmhewb5vpv] { margin:15px 0 6px; }
.state-panel p[b-cmhewb5vpv] { color:#8fa0b3; }
.state-panel button[b-cmhewb5vpv] {
    border:0;
    border-radius:8px;
    padding:10px 18px;
    background:#8b5cf6;
    color:#fff;
    cursor:pointer;
}
.spinner[b-cmhewb5vpv] {
    width:38px;
    height:38px;
    border:3px solid #253548;
    border-top-color:#8b5cf6;
    border-radius:50%;
    animation:spin-b-cmhewb5vpv .85s linear infinite;
}
@keyframes spin-b-cmhewb5vpv { to { transform:rotate(360deg); } }

/* =========================================================
   RESPONSIVE / MENÚ HAMBURGUESA EXISTENTE
   ========================================================= */
.mobile-topbar[b-cmhewb5vpv],
.mobile-sidebar-head[b-cmhewb5vpv],
.mobile-menu-backdrop[b-cmhewb5vpv] { display:none; }

@media(max-width:1380px) {
    .kpi-grid[b-cmhewb5vpv] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .primary-grid[b-cmhewb5vpv] { grid-template-columns:1fr; }
    .secondary-grid[b-cmhewb5vpv] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .secondary-grid>.panel:last-child[b-cmhewb5vpv] { grid-column:1/-1; }
}

@media(max-width:1050px) {
    .kpi-card[b-cmhewb5vpv] { grid-template-columns:46px minmax(0,1fr); }
    .kpi-spark[b-cmhewb5vpv] { display:none; }
    .bar-row[b-cmhewb5vpv] { grid-template-columns:minmax(120px,1fr) minmax(90px,1fr) 42px; }
    .bar-row small[b-cmhewb5vpv] { display:none; }
}

@media(max-width:900px) {
    .analytics-shell[b-cmhewb5vpv] {
        display:block;
        width:100%;
        max-width:100vw;
        overflow-x:hidden;
    }

    .mobile-topbar[b-cmhewb5vpv] {
        display:flex;
        position:sticky;
        top:0;
        z-index:900;
        height:58px;
        align-items:center;
        gap:12px;
        padding:8px 12px;
        background:#030a11;
        border-bottom:1px solid #243442;
    }
    .mobile-topbar strong[b-cmhewb5vpv] { font-size:18px; }
    .mobile-topbar b[b-cmhewb5vpv] { color:#ffc400; }

    .hamburger-button[b-cmhewb5vpv],
    .mobile-sidebar-head button[b-cmhewb5vpv] {
        width:42px;
        height:42px;
        border:1px solid #344554;
        border-radius:9px;
        background:#09141e;
        color:#fff;
        font-size:22px;
        cursor:pointer;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-cmhewb5vpv] {
        display:block;
        position:fixed;
        inset:0;
        z-index:1000;
        border:0;
        background:rgba(0,0,0,.68);
    }

    .analytics-sidebar[b-cmhewb5vpv] {
        position:fixed;
        left:0;
        top:0;
        bottom:0;
        z-index:1001;
        width:min(86vw,310px);
        height:100dvh;
        min-height:0;
        padding:14px;
        overflow-y:auto;
        transform:translateX(-105%);
        transition:transform .22s ease;
        box-shadow:18px 0 45px #0009;
    }
    .mobile-menu-open .analytics-sidebar[b-cmhewb5vpv] { transform:translateX(0); }
    .mobile-sidebar-head[b-cmhewb5vpv] { display:flex; align-items:center; justify-content:space-between; }

    .analytics-main[b-cmhewb5vpv] { padding:12px; }
    .analytics-header[b-cmhewb5vpv] { align-items:flex-start; flex-direction:column; }
    .date-filter[b-cmhewb5vpv] { width:100%; flex-wrap:wrap; }
    .date-filter input[b-cmhewb5vpv] { flex:1; min-width:130px; }
    .secondary-grid[b-cmhewb5vpv] { grid-template-columns:1fr; }
    .secondary-grid>.panel:last-child[b-cmhewb5vpv] { grid-column:auto; }
}

@media(max-width:650px) {
    .kpi-grid[b-cmhewb5vpv] { grid-template-columns:1fr; }
    .title-block h1[b-cmhewb5vpv] { font-size:23px; }
    .title-block p[b-cmhewb5vpv] { font-size:12px; }
    .panel[b-cmhewb5vpv] { padding:14px; }

    .donut-layout[b-cmhewb5vpv] {
        grid-template-columns:1fr;
        justify-items:center;
        gap:16px;
    }
    .distribution-list[b-cmhewb5vpv] { width:100%; }
    .kpi-card strong[b-cmhewb5vpv] { font-size:25px; }

    .chart-area[b-cmhewb5vpv] {
        grid-template-columns:34px minmax(0,1fr);
        gap:5px;
        min-height:244px;
    }
    .chart-y-axis[b-cmhewb5vpv] { height:205px; font-size:9px; }
    .chart-canvas svg[b-cmhewb5vpv] { height:205px; }
    .chart-labels[b-cmhewb5vpv] { font-size:9px; overflow:hidden; }
    .chart-labels span:nth-child(even)[b-cmhewb5vpv] { display:none; }
    .chart-legend[b-cmhewb5vpv] { margin-left:39px; }

    .bar-row[b-cmhewb5vpv] {
        grid-template-columns:minmax(100px,1fr) minmax(70px,1fr) 42px;
        gap:7px;
    }

    .page-rank-row[b-cmhewb5vpv] {
        grid-template-columns:26px minmax(95px,1fr) 58px 36px;
        gap:6px;
    }

    .date-filter b[b-cmhewb5vpv] { display:none; }
    .date-filter input[b-cmhewb5vpv] { width:100%; min-width:0; }
}


/* =========================================================
   AJUSTE VISUAL ANALÍTICA - GRÁFICA PRINCIPAL
   ========================================================= */
.chart-panel[b-cmhewb5vpv] {
    background:radial-gradient(circle at 38% 18%, rgba(77,46,130,.10), transparent 30%),
               linear-gradient(145deg, rgba(15,27,40,.99), rgba(7,17,28,.99));
}
.chart-panel .panel-title[b-cmhewb5vpv] { margin-bottom:8px; }
.chart-panel .panel-title h2[b-cmhewb5vpv] { font-size:18px; }
.chart-panel .panel-title p[b-cmhewb5vpv] { font-size:12px; }
.chart-canvas[b-cmhewb5vpv] {
    border-radius:10px;
    background:linear-gradient(180deg, rgba(255,255,255,.008), rgba(0,0,0,.015));
    padding:4px 4px 0;
}
.chart-y-axis span[b-cmhewb5vpv] { transform:translateY(-1px); }
@media(max-width:700px) {
    .chart-area[b-cmhewb5vpv] { grid-template-columns:32px minmax(0,1fr); min-height:260px; gap:6px; }
    .chart-y-axis[b-cmhewb5vpv] { height:220px; font-size:9px; }
    .chart-canvas svg[b-cmhewb5vpv] { height:220px; }
    .chart-labels[b-cmhewb5vpv] { font-size:9px; overflow:hidden; }
    .chart-labels span:nth-child(even)[b-cmhewb5vpv] { display:none; }
    .chart-legend[b-cmhewb5vpv] { margin-left:38px; }
    .chart-series-legend[b-cmhewb5vpv] { gap:10px; }
}


/* =========================================================
   PAÍSES - MAPA Y BANDERAS REALES
   ========================================================= */
.country-insight-layout[b-cmhewb5vpv] {
    display:grid;
    grid-template-columns:minmax(150px,.88fr) minmax(210px,1.12fr);
    gap:16px;
    align-items:center;
}
.world-map-wrap[b-cmhewb5vpv] {
    min-height:165px;
    border:1px solid #1c3042;
    border-radius:12px;
    background:radial-gradient(circle at 35% 45%,rgba(139,92,246,.09),transparent 44%),#091522;
    padding:10px;
    overflow:hidden;
}
.world-map-svg[b-cmhewb5vpv] { width:100%; height:132px; display:block; }
.world-map-shape[b-cmhewb5vpv] {
    fill:#23384b;
    stroke:#2d465c;
    stroke-width:1.2;
    vector-effect:non-scaling-stroke;
}
.country-map-halo[b-cmhewb5vpv] { fill:rgba(139,92,246,.20); stroke:rgba(139,92,246,.26); stroke-width:1; }
.country-map-marker[b-cmhewb5vpv] {
    fill:#8b5cf6;
    stroke:#c7a8ff;
    stroke-width:2.3;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 7px rgba(139,92,246,.75));
}
.map-scale[b-cmhewb5vpv] { display:flex; align-items:center; gap:7px; color:#7890a5; font-size:10px; margin-top:2px; }
.map-scale span[b-cmhewb5vpv] { width:42px; height:4px; border-radius:999px; background:linear-gradient(90deg,#8b5cf6,#2d9cff); }
.country-bars[b-cmhewb5vpv] { align-content:center; }
.country-label[b-cmhewb5vpv] { overflow:visible; }
.country-label>span:last-child[b-cmhewb5vpv] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.country-flag[b-cmhewb5vpv] {
    width:24px;
    height:16px;
    object-fit:cover;
    border-radius:3px;
    border:1px solid rgba(255,255,255,.20);
    box-shadow:0 1px 3px rgba(0,0,0,.34);
    flex:0 0 auto;
}
.country-flag-table[b-cmhewb5vpv] { width:22px; height:15px; }
.country-flag-fallback[b-cmhewb5vpv] { width:24px; text-align:center; flex:0 0 24px; }
.visit-location[b-cmhewb5vpv] { display:inline-flex; align-items:center; gap:7px; }

/* =========================================================
   REFERENCIAS - IDENTIDAD VISUAL DE CANALES
   ========================================================= */
.traffic-label[b-cmhewb5vpv] { gap:10px; overflow:visible; }
.traffic-label>span:last-child[b-cmhewb5vpv] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.traffic-brand[b-cmhewb5vpv] {
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:inline-grid;
    place-items:center;
    border-radius:8px;
    font-style:normal;
    font-size:15px;
    font-weight:800;
    line-height:1;
    color:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,.22);
}
.traffic-instagram[b-cmhewb5vpv] {
    background:radial-gradient(circle at 31% 107%,#fdf497 0 6%,#fdf497 7%,#fd5949 42%,#d6249f 64%,#285aeb 100%);
    border:1px solid rgba(255,255,255,.13);
}
.traffic-facebook[b-cmhewb5vpv] { background:#1877f2; font-family:Arial,sans-serif; font-size:19px; }
.traffic-google[b-cmhewb5vpv] {
    background:#fff;
    color:#4285f4;
    border:1px solid rgba(255,255,255,.35);
    font-family:Arial,sans-serif;
}
.traffic-direct[b-cmhewb5vpv] { background:#35245c; color:#b99cff; }
.traffic-turnoya[b-cmhewb5vpv] { background:#2b2304; color:#ffc400; border:1px solid rgba(255,196,0,.22); }
.traffic-other[b-cmhewb5vpv] { background:#1c2b3a; color:#b8c6d3; }
.referral-bars .bar-label i[b-cmhewb5vpv] { color:inherit; }

@media(max-width:1380px) {
    .country-insight-layout[b-cmhewb5vpv] { grid-template-columns:1fr; }
    .world-map-wrap[b-cmhewb5vpv] { min-height:145px; }
    .world-map-svg[b-cmhewb5vpv] { height:116px; }
}
@media(max-width:650px) {
    .country-insight-layout[b-cmhewb5vpv] { grid-template-columns:1fr; gap:12px; }
    .world-map-wrap[b-cmhewb5vpv] { min-height:142px; }
    .world-map-svg[b-cmhewb5vpv] { height:112px; }
    .traffic-brand[b-cmhewb5vpv] { width:26px; height:26px; flex-basis:26px; }
}
/* /Pages/Admin/Users.razor.rz.scp.css */
:host[b-ctb6dspyu9]{display:block;min-height:100vh}.users-shell[b-ctb6dspyu9]{--bg:#030d16;--panel:#081822;--line:#263844;--muted:#aeb9c4;--gold:#f9bb00;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#030d16,#020a12);color:#fff}.admin-sidebar[b-ctb6dspyu9]{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 12px;border-right:1px solid var(--line);background:#04111b;overflow:auto}.brand[b-ctb6dspyu9]{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:4px 10px 18px}.brand>b[b-ctb6dspyu9]{font-size:30px;font-style:italic}.brand span strong[b-ctb6dspyu9],.brand span small[b-ctb6dspyu9]{display:block}.brand em[b-ctb6dspyu9]{color:var(--gold);font-style:normal}.brand small[b-ctb6dspyu9]{font-size:9px;color:#bec9d2}.admin-sidebar nav[b-ctb6dspyu9]{display:grid;gap:4px}.admin-sidebar nav a[b-ctb6dspyu9]{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:8px;color:#fff;text-decoration:none;font-size:13px}.admin-sidebar nav a.active[b-ctb6dspyu9]{background:linear-gradient(90deg,#624a00,#3d3100);color:#fff}.admin-sidebar nav span[b-ctb6dspyu9]{width:18px;color:#fff}.quick-links[b-ctb6dspyu9]{margin-top:18px;padding:14px;border:1px solid #513679;border-radius:10px;background:linear-gradient(160deg,#1b1838,#11152a);display:grid;gap:9px}.quick-links strong[b-ctb6dspyu9]{font-size:12px}.quick-links a[b-ctb6dspyu9]{font-size:10px;color:#fff;text-decoration:none}.logout[b-ctb6dspyu9]{margin-top:auto;min-height:42px;border:1px solid #7d2a2a;border-radius:8px;background:#281010;color:#fff;text-align:left;padding:0 14px}.users-main[b-ctb6dspyu9]{min-width:0;padding:22px clamp(12px,1.5vw,24px)}.page-head[b-ctb6dspyu9]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-head h1[b-ctb6dspyu9]{margin:0;font-size:26px}.page-head p[b-ctb6dspyu9]{margin:5px 0 0;color:#fff;font-size:12px}.head-actions[b-ctb6dspyu9]{display:flex;gap:8px;align-items:center}.head-actions button[b-ctb6dspyu9],.head-actions span[b-ctb6dspyu9]{height:38px;border:1px solid var(--line);border-radius:8px;background:#06131e;color:#fff;display:grid;place-items:center;padding:0 12px}.summary-grid[b-ctb6dspyu9]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.summary[b-ctb6dspyu9]{min-height:110px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,#091a26,#06131d);display:flex;align-items:center;gap:16px;padding:18px}.summary i[b-ctb6dspyu9]{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-style:normal}.summary.blue i[b-ctb6dspyu9]{background:#103c8a}.summary.purple i[b-ctb6dspyu9]{background:#512a8b}.summary.green i[b-ctb6dspyu9]{background:#0f6336}.summary.gold i[b-ctb6dspyu9]{background:#6d5000}.summary small[b-ctb6dspyu9],.summary strong[b-ctb6dspyu9],.summary em[b-ctb6dspyu9]{display:block}.summary small[b-ctb6dspyu9]{font-size:10px}.summary strong[b-ctb6dspyu9]{margin-top:4px;font-size:23px}.summary em[b-ctb6dspyu9]{margin-top:5px;font-size:9px;color:#b8c3cc;font-style:normal}.toolbar[b-ctb6dspyu9]{display:grid;grid-template-columns:minmax(260px,1.5fr) 160px 160px auto auto;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #1f303d}.search[b-ctb6dspyu9]{height:42px;border:1px solid var(--line);border-radius:8px;background:#07151f;display:flex;align-items:center;padding:0 12px;gap:8px}.search input[b-ctb6dspyu9]{width:100%;border:0;outline:0;background:transparent;color:#fff}.toolbar select[b-ctb6dspyu9],.filter-btn[b-ctb6dspyu9],.new-user[b-ctb6dspyu9]{height:42px;border:1px solid var(--line);border-radius:8px;background:#07151f;color:#fff;padding:0 12px}.new-user[b-ctb6dspyu9]{background:linear-gradient(180deg,#ffc824,#f4ae00);color:#1e1600;border-color:#ffc824;font-weight:800}.filter-btn[b-ctb6dspyu9]{cursor:pointer}.action-message[b-ctb6dspyu9]{margin-top:12px;padding:10px 12px;border:1px solid #256e43;border-radius:8px;background:#0a2b1a;color:#85f0a8;font-size:11px}.users-table-card[b-ctb6dspyu9]{margin-top:16px;border:1px solid var(--line);border-radius:10px;background:#06141e;overflow:hidden}.table-row[b-ctb6dspyu9]{display:grid;grid-template-columns:1.35fr 1.35fr .8fr .75fr .85fr 100px;align-items:center;gap:12px;min-height:72px;padding:0 16px;border-bottom:1px solid #1e303d;font-size:10px}.table-row.header[b-ctb6dspyu9]{min-height:48px;background:#081925;font-weight:700}.user-cell[b-ctb6dspyu9]{display:flex;align-items:center;gap:10px}.avatar[b-ctb6dspyu9]{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#916037,#233c4b);font-weight:800}.user-cell strong[b-ctb6dspyu9],.user-cell small[b-ctb6dspyu9],.contact-cell span[b-ctb6dspyu9],.contact-cell small[b-ctb6dspyu9]{display:block}.user-cell small[b-ctb6dspyu9],.contact-cell small[b-ctb6dspyu9]{margin-top:4px;color:#b7c2cc}.roles[b-ctb6dspyu9]{display:flex;gap:4px;flex-wrap:wrap}.role[b-ctb6dspyu9],.status[b-ctb6dspyu9]{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;font-size:8px}.role.owner[b-ctb6dspyu9]{background:#5f4700;color:#ffd743}.role.professional[b-ctb6dspyu9]{background:#412264;color:#d7a4ff}.role.client[b-ctb6dspyu9]{background:#063d75;color:#6fbbff}.role.affiliate[b-ctb6dspyu9]{background:#0b4b31;color:#6ee899}.role.superadmin[b-ctb6dspyu9]{background:#5b2600;color:#ffba72}.status.active[b-ctb6dspyu9]{background:#0a3b26;color:#55e891}.status.invited[b-ctb6dspyu9]{background:#503b00;color:#ffc938}.status.suspended[b-ctb6dspyu9]{background:#4b1717;color:#ff7373}.actions[b-ctb6dspyu9]{display:flex;gap:6px}.actions button[b-ctb6dspyu9]{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#07151f;color:#fff;cursor:pointer}.pager[b-ctb6dspyu9]{min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 16px;font-size:9px}.pager>div[b-ctb6dspyu9]{display:flex;align-items:center;gap:8px}.pager button[b-ctb6dspyu9],.pager b[b-ctb6dspyu9]{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#07151f;color:#fff;display:grid;place-items:center}.pager b[b-ctb6dspyu9]{background:#3c3000;color:#ffd02c}.pager select[b-ctb6dspyu9]{background:#07151f;color:#fff;border:1px solid var(--line);border-radius:6px;padding:5px}.mobile-bar[b-ctb6dspyu9],.backdrop[b-ctb6dspyu9],.mobile-sidebar-head[b-ctb6dspyu9],.mobile-list[b-ctb6dspyu9]{display:none}.loading-state[b-ctb6dspyu9],.error-state[b-ctb6dspyu9]{min-height:300px;display:grid;place-content:center;text-align:center}.spinner[b-ctb6dspyu9]{width:28px;height:28px;border:3px solid #263844;border-top-color:#f9bb00;border-radius:50%;animation:spin-b-ctb6dspyu9 .8s linear infinite;margin:auto}@keyframes spin-b-ctb6dspyu9{to{transform:rotate(360deg)}}
@media(max-width:1150px){.summary-grid[b-ctb6dspyu9]{grid-template-columns:repeat(2,1fr)}.toolbar[b-ctb6dspyu9]{grid-template-columns:1fr 1fr 1fr}.search[b-ctb6dspyu9]{grid-column:1/-1}.desktop-table[b-ctb6dspyu9]{overflow-x:auto}.table-row[b-ctb6dspyu9]{min-width:900px}}
@media(max-width:760px){.users-shell[b-ctb6dspyu9]{display:block;overflow-x:hidden}.users-main[b-ctb6dspyu9]{padding:10px 10px 20px}.mobile-bar[b-ctb6dspyu9]{position:sticky;top:0;z-index:900;display:flex;align-items:center;justify-content:space-between;height:54px;background:#030d16;border-bottom:1px solid var(--line);padding:0 4px}.hamburger[b-ctb6dspyu9]{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#07151f;color:#fff;font-size:22px}.mobile-brand span[b-ctb6dspyu9]{color:var(--gold)}.admin-sidebar[b-ctb6dspyu9]{position:fixed;z-index:1002;left:0;top:0;bottom:0;width:min(86vw,310px);height:100dvh;transform:translateX(-105%);transition:.2s;box-shadow:18px 0 40px #000;}.menu-open .admin-sidebar[b-ctb6dspyu9]{transform:translateX(0)}.mobile-sidebar-head[b-ctb6dspyu9]{display:flex;justify-content:space-between;align-items:center}.mobile-sidebar-head button[b-ctb6dspyu9]{width:38px;height:38px;background:#07151f;border:1px solid var(--line);border-radius:8px;color:#fff;font-size:22px}.menu-open .backdrop[b-ctb6dspyu9]{display:block;position:fixed;z-index:1001;inset:0;border:0;background:rgba(0,0,0,.68)}.page-head[b-ctb6dspyu9]{margin-top:10px}.head-actions[b-ctb6dspyu9]{display:none}.summary-grid[b-ctb6dspyu9]{grid-template-columns:1fr;gap:8px}.summary[b-ctb6dspyu9]{min-height:86px;padding:13px}.toolbar[b-ctb6dspyu9]{grid-template-columns:1fr 1fr}.search[b-ctb6dspyu9],.new-user[b-ctb6dspyu9]{grid-column:1/-1}.desktop-table[b-ctb6dspyu9]{display:none}.mobile-list[b-ctb6dspyu9]{display:grid}.mobile-user[b-ctb6dspyu9]{padding:14px;border-bottom:1px solid #1e303d}.mobile-user-head[b-ctb6dspyu9]{display:flex;gap:10px;align-items:center}.mobile-user-head>div[b-ctb6dspyu9]{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:1}.mobile-meta[b-ctb6dspyu9]{display:grid;gap:5px;margin:10px 0;color:#c1cbd4;font-size:10px}.mobile-actions[b-ctb6dspyu9]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mobile-actions button[b-ctb6dspyu9]{min-height:38px;border:1px solid var(--line);border-radius:7px;background:#0a1b27;color:#fff}.pager[b-ctb6dspyu9]{flex-wrap:wrap;padding:10px}.pager label[b-ctb6dspyu9]{width:100%}}

/* ============================================================================
   NAVEGACIÓN ÚNICA SUPER ADMIN - COMPATIBILIDAD DE LAYOUT
   ============================================================================ */
.users-shell[b-ctb6dspyu9] {
    grid-template-columns: 250px minmax(0, 1fr);
}
@media (max-width: 900px) {
    .users-shell[b-ctb6dspyu9] {
        display: block !important;
        grid-template-columns: 1fr !important;
        overflow-x: hidden;
    }
}
/* /Pages/Affiliate/AffiliateNotifications.razor.rz.scp.css */
/* =========================================================
   TURNO YA - NOTIFICACIONES CLIENTE
   MENÚ IDÉNTICO AL DASHBOARD DEL CLIENTE
   ========================================================= */

*[b-io31tdlrqt] {
    box-sizing: border-box;
}

.notifications-shell[b-io31tdlrqt] {
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 55% 0,
            #07121c,
            #02080d 48%,
            #010508
        );
    color: #f6f7f9;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}

/* =========================================================
   SIDEBAR DEL DASHBOARD CLIENTE
   ========================================================= */

.sidebar[b-io31tdlrqt] {
    border-right: 1px solid #24303a;
    padding: 24px 14px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.brand[b-io31tdlrqt] {
    min-height: 88px;
    padding: 4px 8px 14px;
    display: flex;
    align-items: center;
}

.brand > img[b-io31tdlrqt] {
    display: block;
    width: min(210px, 100%);
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.sidebar nav[b-io31tdlrqt] {
    display: grid;
    gap: 5px;
}

.sidebar nav a[b-io31tdlrqt],
.sidebar nav a:link[b-io31tdlrqt],
.sidebar nav a:visited[b-io31tdlrqt],
.sidebar nav a:hover[b-io31tdlrqt],
.sidebar nav a:active[b-io31tdlrqt],
.sidebar nav a:focus[b-io31tdlrqt] {
    color: #ffffff;
    text-decoration: none;
}

.sidebar nav a[b-io31tdlrqt] {
    width: 100%;
    min-height: 48px;
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 16px;
    display: flex;
    gap: 15px;
    align-items: center;
    cursor: pointer;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease;
}

.sidebar nav a span[b-io31tdlrqt] {
    flex: 1;
    color: inherit;
    text-decoration: none;
}

.sidebar nav a:hover[b-io31tdlrqt] {
    background: rgba(255, 255, 255, 0.055);
}

.sidebar nav a.active[b-io31tdlrqt],
.sidebar nav a.active:hover[b-io31tdlrqt] {
    background:
        linear-gradient(
            90deg,
            #4b3900,
            #2d2402
        );
    color: #ffffff;
}

.sidebar nav a:focus-visible[b-io31tdlrqt] {
    outline: 2px solid #ffc400;
    outline-offset: 2px;
}

.menu-badge[b-io31tdlrqt] {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #6c35d5;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-size: 10px;
}

.logout-button[b-io31tdlrqt] {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px;
    border: 1px solid #303c46;
    border-radius: 10px;
    background: #081219;
    color: #f5f7fa;
    cursor: pointer;
    font: inherit;
    font-size: 15px;
    text-align: left;
}

.logout-button:hover[b-io31tdlrqt] {
    border-color: #ffc400;
    background: #151a18;
}

.logout-button span[b-io31tdlrqt] {
    color: #ffc400;
    font-size: 19px;
}

.profile[b-io31tdlrqt] {
    margin-top: 0;
    border: 1px solid #2b3740;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile > span[b-io31tdlrqt] {
    margin-left: auto;
}

.avatar[b-io31tdlrqt] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    background: #25303a;
    display: grid;
    place-items: center;
}

.profile b[b-io31tdlrqt],
.profile small[b-io31tdlrqt] {
    display: block;
}

.profile small[b-io31tdlrqt] {
    color: #ffffff;
}

/* =========================================================
   HEADER MÓVIL DEL DASHBOARD CLIENTE
   ========================================================= */

.mobile-topbar[b-io31tdlrqt],
.mobile-sidebar-head[b-io31tdlrqt],
.mobile-menu-backdrop[b-io31tdlrqt] {
    display: none;
}

.mobile-brand-logo[b-io31tdlrqt] {
    width: 126px;
    height: 42px;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.notifications-main[b-io31tdlrqt] {
    min-width: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0;
    padding: 22px 24px 34px;
}

.notifications-header[b-io31tdlrqt] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
}

.breadcrumb[b-io31tdlrqt] {
    display: flex;
    gap: 9px;
    align-items: center;
    color: #b5c3ce;
    font-size: 11px;
    margin-bottom: 20px;
}

.title-row[b-io31tdlrqt] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.title-icon[b-io31tdlrqt] {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background:
        linear-gradient(
            145deg,
            #6a35dc,
            #3b1498
        );
    font-size: 25px;
}

.title-row h1[b-io31tdlrqt] {
    margin: 0;
    font-size: 28px;
}

.title-row p[b-io31tdlrqt] {
    margin: 5px 0 0;
    color: #bdc9d2;
    font-size: 13px;
}

/* =========================================================
   KPIS
   ========================================================= */

.kpi-grid[b-io31tdlrqt] {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(105px, 1fr));
    gap: 10px;
}

.kpi-grid article[b-io31tdlrqt] {
    min-width: 105px;
    padding: 11px 13px;
    border: 1px solid #25384a;
    border-radius: 11px;
    background: #091722;
    display: grid;
    grid-template-columns: 36px 1fr;
    grid-template-rows: auto auto;
    column-gap: 9px;
    align-items: center;
}

.kpi-icon[b-io31tdlrqt] {
    grid-row: 1 / 3;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #271655;
    color: #cbb4ff;
}

.kpi-icon.read[b-io31tdlrqt] {
    background: #0a352d;
    color: #81e4c3;
}

.kpi-grid strong[b-io31tdlrqt] {
    font-size: 18px;
}

.kpi-grid small[b-io31tdlrqt] {
    color: #b3c0ca;
    font-size: 9px;
}

/* =========================================================
   FILTROS
   ========================================================= */

.filter-row[b-io31tdlrqt] {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.filter-buttons[b-io31tdlrqt] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.filter-buttons button[b-io31tdlrqt],
.mark-all-button[b-io31tdlrqt] {
    border: 1px solid #273d4c;
    border-radius: 9px;
    background: #091722;
    color: #ffffff;
    min-height: 38px;
    padding: 0 16px;
    cursor: pointer;
}

.filter-buttons button:hover[b-io31tdlrqt],
.filter-buttons button.active[b-io31tdlrqt] {
    border-color: #6533d5;
    background:
        linear-gradient(
            135deg,
            #6d34d7,
            #4620a1
        );
}

.mark-all-button[b-io31tdlrqt] {
    border-color: transparent;
    background: transparent;
    color: #aa73ff;
    white-space: nowrap;
}

.mark-all-button:disabled[b-io31tdlrqt] {
    opacity: 0.45;
    cursor: default;
}

/* =========================================================
   LISTADO + DETALLE
   ========================================================= */

.notifications-content[b-io31tdlrqt] {
    margin-top: 14px;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(320px, 390px);
    gap: 18px;
    align-items: start;
}

.notifications-list[b-io31tdlrqt] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #213747;
    border-radius: 13px;
    background: #06131d;
}

.notification-item[b-io31tdlrqt] {
    width: 100%;
    min-height: 106px;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #1d3341;
    background: transparent;
    color: #ffffff;
    text-align: left;
    display: grid;
    grid-template-columns: 10px 54px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 13px;
    padding: 15px 18px;
    cursor: pointer;
}

.notification-item:last-child[b-io31tdlrqt] {
    border-bottom: 0;
}

.notification-item:hover[b-io31tdlrqt] {
    background: #0a1b27;
}

.notification-item.unread[b-io31tdlrqt] {
    background:
        linear-gradient(
            90deg,
            rgba(84, 39, 183, 0.08),
            transparent 38%
        );
}

.unread-dot[b-io31tdlrqt] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
}

.notification-item.unread .unread-dot[b-io31tdlrqt] {
    background: #7d3bed;
}

.notification-icon[b-io31tdlrqt],
.detail-category-icon[b-io31tdlrqt] {
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.notification-icon[b-io31tdlrqt] {
    width: 50px;
    height: 50px;
    font-size: 20px;
}

.notification-icon.booking[b-io31tdlrqt],
.detail-category-icon.booking[b-io31tdlrqt] {
    background: #38208b;
    color: #dccfff;
}

.notification-icon.promotion[b-io31tdlrqt],
.detail-category-icon.promotion[b-io31tdlrqt] {
    background: #07563a;
    color: #9df0c4;
}

.notification-icon.payment[b-io31tdlrqt],
.detail-category-icon.payment[b-io31tdlrqt] {
    background: #173f84;
    color: #aad0ff;
}

.notification-icon.system[b-io31tdlrqt],
.detail-category-icon.system[b-io31tdlrqt] {
    background: #6b3606;
    color: #ffd293;
}

.notification-copy[b-io31tdlrqt] {
    min-width: 0;
    display: block;
}

.notification-copy > strong[b-io31tdlrqt] {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.notification-body[b-io31tdlrqt] {
    display: block;
    color: #c2ced6;
    font-size: 11px;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-meta[b-io31tdlrqt] {
    margin-top: 8px;
    display: flex;
    gap: 7px;
    align-items: center;
    color: #a5b4bf;
    font-size: 10px;
}

.notification-meta b[b-io31tdlrqt] {
    padding: 3px 8px;
    border-radius: 999px;
    background: #2b1766;
    color: #d9c7ff;
    font-weight: 600;
}

.notification-meta i[b-io31tdlrqt] {
    font-style: normal;
}

.notification-arrow[b-io31tdlrqt] {
    font-size: 28px;
    color: #aebac2;
}

/* =========================================================
   DETALLE
   ========================================================= */

.notification-detail[b-io31tdlrqt] {
    position: sticky;
    top: 18px;
    min-height: 520px;
    box-sizing: border-box;
    border: 1px solid #253b4b;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            #081923,
            #05121c
        );
    padding: 20px;
}

.notification-detail.empty[b-io31tdlrqt] {
    display: grid;
    place-items: center;
}

.detail-empty[b-io31tdlrqt] {
    text-align: center;
    color: #aebdc7;
}

.detail-empty > span[b-io31tdlrqt] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto 14px;
    background: #24114f;
    color: #ae83ff;
    font-size: 26px;
}

.detail-empty strong[b-io31tdlrqt] {
    display: block;
    color: #ffffff;
}

.detail-empty p[b-io31tdlrqt] {
    margin: 6px 0 0;
    font-size: 11px;
}

.detail-close[b-io31tdlrqt] {
    position: absolute;
    top: 12px;
    right: 14px;
    border: 0;
    background: transparent;
    color: #ac69ff;
    font-size: 26px;
    cursor: pointer;
}

.detail-category-icon[b-io31tdlrqt] {
    width: 76px;
    height: 76px;
    margin: 34px auto 20px;
    font-size: 31px;
}

.notification-detail h2[b-io31tdlrqt] {
    text-align: center;
    font-size: 20px;
    margin: 0;
}

.detail-meta[b-io31tdlrqt] {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 8px;
    color: #aebcc6;
    font-size: 10px;
}

.detail-meta span[b-io31tdlrqt] {
    padding: 3px 9px;
    border-radius: 999px;
    background: #321772;
    color: #e0d2ff;
}

.detail-meta i[b-io31tdlrqt] {
    font-style: normal;
}

.detail-divider[b-io31tdlrqt] {
    height: 1px;
    background: #223847;
    margin: 20px 0;
}

.detail-body[b-io31tdlrqt] {
    color: #d4dce2;
    font-size: 12px;
    line-height: 1.65;
    white-space: pre-line;
}

.primary-action[b-io31tdlrqt],
.secondary-action[b-io31tdlrqt] {
    width: 100%;
    min-height: 42px;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
}

.primary-action[b-io31tdlrqt] {
    margin-top: 18px;
    border: 0;
    background:
        linear-gradient(
            135deg,
            #7a35dd,
            #5120b8
        );
    color: #ffffff;
}

.secondary-action[b-io31tdlrqt] {
    margin-top: 9px;
    border: 1px solid #2d4657;
    background: transparent;
    color: #ffffff;
}

/* =========================================================
   ESTADOS
   ========================================================= */

.state-card[b-io31tdlrqt] {
    min-height: 340px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: 30px;
    text-align: center;
    color: #b7c5ce;
}

.state-card strong[b-io31tdlrqt] {
    color: #ffffff;
}

.state-card p[b-io31tdlrqt] {
    margin: 0;
    font-size: 11px;
}

.state-card button[b-io31tdlrqt] {
    margin-top: 7px;
    border: 0;
    border-radius: 8px;
    background: #6c32cf;
    color: #ffffff;
    padding: 10px 15px;
    cursor: pointer;
}

.empty-icon[b-io31tdlrqt] {
    font-size: 38px;
    color: #8c5aec;
}

.loader[b-io31tdlrqt] {
    width: 34px;
    height: 34px;
    border: 3px solid #233b4b;
    border-top-color: #7d3bea;
    border-radius: 50%;
    animation: spin-b-io31tdlrqt 0.8s linear infinite;
}

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

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    .notifications-shell[b-io31tdlrqt] {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .notifications-main[b-io31tdlrqt] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .notifications-header[b-io31tdlrqt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .kpi-grid[b-io31tdlrqt] {
        width: 100%;
    }

    .notifications-content[b-io31tdlrqt] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notification-detail[b-io31tdlrqt] {
        position: static;
        min-height: auto;
    }
}

/* =========================================================
   RESPONSIVE - MISMO COMPORTAMIENTO DEL DASHBOARD CLIENTE
   ========================================================= */

@media (max-width: 1050px) {
    .notifications-shell[b-io31tdlrqt] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .notifications-main[b-io31tdlrqt] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .notifications-header[b-io31tdlrqt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .kpi-grid[b-io31tdlrqt] {
        width: 100%;
    }

    .notifications-content[b-io31tdlrqt] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notification-detail[b-io31tdlrqt] {
        position: static;
        min-height: auto;
    }
}

@media (max-width: 900px) {
    .notifications-shell[b-io31tdlrqt] {
        display: block;
        padding-top: 58px;
    }

    .mobile-topbar[b-io31tdlrqt] {
        display: flex !important;
        position: fixed;
        inset: 0 0 auto;
        z-index: 900;
        height: 58px;
        align-items: center;
        gap: 12px;
        padding: 8px 12px;
        background: #030a11;
        border-bottom: 1px solid #243442;
        color: #ffffff;
    }

    .hamburger-button[b-io31tdlrqt],
    .mobile-sidebar-head button[b-io31tdlrqt] {
        width: 42px;
        height: 42px;
        border: 1px solid #344554;
        border-radius: 9px;
        background: #09141e;
        color: #ffffff;
        font-size: 22px;
        cursor: pointer;
    }

    .mobile-notification-count[b-io31tdlrqt] {
        margin-left: auto;
        min-width: 30px;
        height: 30px;
        border: 0;
        border-radius: 999px;
        background: #6d33d5;
        color: #ffffff;
        font-weight: 800;
    }

    .mobile-menu-backdrop[b-io31tdlrqt] {
        display: none;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-io31tdlrqt] {
        display: block !important;
        position: fixed;
        inset: 0;
        z-index: 1000;
        border: 0;
        background: rgba(0, 0, 0, 0.68);
    }

    .sidebar[b-io31tdlrqt] {
        position: fixed !important;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1001;
        width: min(86vw, 310px) !important;
        height: 100dvh !important;
        min-height: 0 !important;
        padding: 14px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #030a11 !important;
        border-right: 1px solid #2b3b49 !important;
        transform: translateX(-105%);
        transition: transform 0.22s ease;
        box-shadow: 18px 0 45px #0009;
    }

    .mobile-menu-open .sidebar[b-io31tdlrqt] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-io31tdlrqt] {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .sidebar nav[b-io31tdlrqt] {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .sidebar nav a[b-io31tdlrqt] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .logout-button[b-io31tdlrqt] {
        display: flex !important;
        margin-top: 14px !important;
    }

    .profile[b-io31tdlrqt] {
        margin-top: 14px !important;
    }

    .notifications-main[b-io31tdlrqt] {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        padding: 15px 11px 28px;
    }

    .breadcrumb[b-io31tdlrqt] {
        margin-bottom: 13px;
    }

    .title-row[b-io31tdlrqt] {
        gap: 11px;
    }

    .title-icon[b-io31tdlrqt] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .title-row h1[b-io31tdlrqt] {
        font-size: 23px;
    }

    .title-row p[b-io31tdlrqt] {
        font-size: 11px;
    }

    .kpi-grid[b-io31tdlrqt] {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .kpi-grid article[b-io31tdlrqt] {
        min-width: 0;
        padding: 9px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        text-align: center;
    }

    .kpi-icon[b-io31tdlrqt] {
        grid-row: auto;
        margin: 0 auto 5px;
    }

    .filter-row[b-io31tdlrqt] {
        margin-top: 18px;
        align-items: stretch;
        flex-direction: column;
    }

    .filter-buttons[b-io31tdlrqt] {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .filter-buttons button[b-io31tdlrqt] {
        padding: 0 8px;
    }

    .mark-all-button[b-io31tdlrqt] {
        text-align: left;
        padding-left: 2px;
    }

    .notifications-content[b-io31tdlrqt] {
        margin-top: 8px;
    }

    .notification-item[b-io31tdlrqt] {
        min-height: 92px;
        grid-template-columns: 7px 42px minmax(0, 1fr) 16px;
        gap: 9px;
        padding: 12px 10px;
    }

    .notification-icon[b-io31tdlrqt] {
        width: 42px;
        height: 42px;
    }

    .notification-copy > strong[b-io31tdlrqt] {
        font-size: 12px;
    }

    .notification-body[b-io31tdlrqt] {
        font-size: 10px;
    }

    .notification-meta[b-io31tdlrqt] {
        flex-wrap: wrap;
        font-size: 9px;
    }

    .notification-arrow[b-io31tdlrqt] {
        font-size: 22px;
    }

    .notification-detail[b-io31tdlrqt] {
        border-radius: 12px;
        padding: 16px;
    }
}

@media (max-width: 410px) {
    .notifications-main[b-io31tdlrqt] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .kpi-grid article[b-io31tdlrqt] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .kpi-grid strong[b-io31tdlrqt] {
        font-size: 16px;
    }

    .notification-item[b-io31tdlrqt] {
        grid-template-columns: 6px 38px minmax(0, 1fr);
    }

    .notification-arrow[b-io31tdlrqt] {
        display: none;
    }

    .notification-icon[b-io31tdlrqt] {
        width: 38px;
        height: 38px;
    }
}

/* ============================================================
   AFILIADO - INTEGRACIÓN CON NAVEGACIÓN ÚNICA
   ============================================================ */
.affiliate-notifications-shell[b-io31tdlrqt] {
    min-height: 100vh;
    background: #06111d;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", sans-serif;
    overflow-x: hidden;
}

.affiliate-notifications-shell .notifications-main[b-io31tdlrqt] {
    min-width: 0;
    width: auto;
    margin-left: 232px;
    padding: 28px 30px 40px;
}

@media (max-width: 1100px) {
    .affiliate-notifications-shell .notifications-main[b-io31tdlrqt] {
        padding: 24px 20px 36px;
    }

    .affiliate-notifications-shell .notifications-content[b-io31tdlrqt] {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-notifications-shell .notification-detail[b-io31tdlrqt] {
        min-height: 280px;
    }
}

@media (max-width: 760px) {
    .affiliate-notifications-shell[b-io31tdlrqt] {
        padding-top: 64px;
    }

    .affiliate-notifications-shell .notifications-main[b-io31tdlrqt] {
        width: 100%;
        margin-left: 0;
        padding: 16px 14px 28px;
        overflow-x: hidden;
    }

    .affiliate-notifications-shell .notifications-header[b-io31tdlrqt],
    .affiliate-notifications-shell .filter-row[b-io31tdlrqt],
    .affiliate-notifications-shell .notifications-content[b-io31tdlrqt],
    .affiliate-notifications-shell .kpi-grid[b-io31tdlrqt] {
        width: 100%;
        min-width: 0;
    }

    .affiliate-notifications-shell .notifications-header[b-io31tdlrqt] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .affiliate-notifications-shell .kpi-grid[b-io31tdlrqt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .affiliate-notifications-shell .filter-row[b-io31tdlrqt] {
        align-items: stretch;
    }

    .affiliate-notifications-shell .filter-buttons[b-io31tdlrqt] {
        display: flex;
        max-width: 100%;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .affiliate-notifications-shell .filter-buttons button[b-io31tdlrqt] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .affiliate-notifications-shell .mark-all-button[b-io31tdlrqt] {
        width: 100%;
    }

    .affiliate-notifications-shell .notification-item[b-io31tdlrqt] {
        grid-template-columns: 8px 42px minmax(0, 1fr) 18px;
        width: 100%;
        min-width: 0;
    }

    .affiliate-notifications-shell .notification-copy[b-io31tdlrqt],
    .affiliate-notifications-shell .notification-body[b-io31tdlrqt] {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 480px) {
    .affiliate-notifications-shell .notifications-main[b-io31tdlrqt] {
        padding-inline: 12px;
    }

    .affiliate-notifications-shell .kpi-grid[b-io31tdlrqt] {
        grid-template-columns: 1fr;
    }

    .affiliate-notifications-shell .title-row h1[b-io31tdlrqt] {
        font-size: clamp(26px, 8vw, 34px);
    }
}
/* /Pages/Affiliate/AffiliateReports.razor.rz.scp.css */
:host[b-1s4bn5f8xg] {
    display: block;
    min-height: 100vh;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

*[b-1s4bn5f8xg] {
    box-sizing: border-box;
}

button[b-1s4bn5f8xg],
input[b-1s4bn5f8xg],
select[b-1s4bn5f8xg],
a[b-1s4bn5f8xg] {
    font: inherit;
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */
.reports-shell[b-1s4bn5f8xg] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 70% 5%, rgba(59, 130, 246, .06), transparent 28%),
        #06111d;
}

.sidebar[b-1s4bn5f8xg] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    width: 204px;
    padding: 18px 12px;
    border-right: 1px solid rgba(148, 163, 184, .14);
    background: linear-gradient(180deg, #07111e 0%, #050c16 100%);
}

.brand[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-1s4bn5f8xg] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 16px;
    font-weight: 900;
}

.brand div[b-1s4bn5f8xg] {
    display: grid;
}

.brand strong[b-1s4bn5f8xg] {
    font-size: 14px;
}

.brand strong b[b-1s4bn5f8xg] {
    color: #facc15;
}

.brand small[b-1s4bn5f8xg] {
    color: #94a3b8;
    font-size: 7px;
}

.profile-card[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 12px;
    padding: 12px;
    border: 1px solid #18354b;
    border-radius: 11px;
    background: #081827;
}

.avatar[b-1s4bn5f8xg] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(145deg, #f59e0b, #b45309);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.profile-card > div:last-child[b-1s4bn5f8xg] {
    display: grid;
    gap: 2px;
}

.profile-card strong[b-1s4bn5f8xg] {
    font-size: 10px;
}

.profile-card small[b-1s4bn5f8xg] {
    color: #cbd5e1;
    font-size: 8px;
}

.level-chip[b-1s4bn5f8xg] {
    color: #fbbf24;
    font-size: 8px;
    font-weight: 800;
}

.sidebar nav[b-1s4bn5f8xg] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 39px;
    padding: 0 10px;
    border-radius: 8px;
    color: #e2e8f0;
    font-size: 9px;
    text-decoration: none;
}

.sidebar nav a:hover[b-1s4bn5f8xg] {
    background: rgba(124, 58, 237, .10);
}

.sidebar nav a.active[b-1s4bn5f8xg] {
    background: linear-gradient(90deg, #6d28d9, #9333ea);
    color: #fff;
    box-shadow: 0 8px 22px rgba(91, 33, 182, .24);
}

.share-card[b-1s4bn5f8xg] {
    display: grid;
    gap: 7px;
    margin-top: auto;
    padding: 13px;
    border: 1px solid rgba(139, 92, 246, .42);
    border-radius: 11px;
    background: linear-gradient(145deg, #25105c, #43218a);
}

.share-card .gift[b-1s4bn5f8xg] {
    font-size: 27px;
}

.share-card strong[b-1s4bn5f8xg] {
    font-size: 14px;
}

.share-card small[b-1s4bn5f8xg] {
    color: #ddd6fe;
    font-size: 8px;
    line-height: 1.45;
}

.share-card button[b-1s4bn5f8xg] {
    min-height: 38px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #6d28d9;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.logout[b-1s4bn5f8xg] {
    min-height: 38px;
    margin-top: 10px;
    border: 1px solid #27455b;
    border-radius: 8px;
    background: transparent;
    color: #e2e8f0;
    font-size: 9px;
    text-align: left;
    cursor: pointer;
}

.reports-main[b-1s4bn5f8xg] {
    min-height: 100vh;
    margin-left: 232px;
    padding: 20px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.page-header[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.page-header h1[b-1s4bn5f8xg] {
    margin: 0;
    font-size: 28px;
}

.page-header h1 span[b-1s4bn5f8xg] {
    color: #8b5cf6;
}

.page-header p[b-1s4bn5f8xg] {
    margin: 4px 0 0;
    color: #cbd5e1;
    font-size: 11px;
}

.current-level[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #233d55;
    border-radius: 10px;
    background: #0a1a2a;
    font-size: 10px;
}

.current-level span[b-1s4bn5f8xg] {
    color: #fbbf24;
    font-size: 18px;
}

/* ==========================================================================
   LAYOUT INTERNO
   ========================================================================== */
.reports-layout[b-1s4bn5f8xg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 255px;
    gap: 14px;
}

.reports-content[b-1s4bn5f8xg] {
    display: grid;
    align-content: start;
    gap: 14px;
}

.reports-side[b-1s4bn5f8xg] {
    display: grid;
    align-content: start;
    gap: 14px;
}

/* ==========================================================================
   HERO
   ========================================================================== */
.reports-hero[b-1s4bn5f8xg] {
    position: relative;
    min-height: 182px;
    overflow: hidden;
    padding: 28px;
    border: 1px solid rgba(124, 58, 237, .52);
    border-radius: 14px;
    background:
        radial-gradient(circle at 76% 42%, rgba(67, 56, 202, .36), transparent 30%),
        linear-gradient(105deg, #2b105d 0%, #37127d 46%, #23156c 72%, #171b5a 100%);
    box-shadow: 0 14px 32px rgba(10, 5, 40, .20);
}

.reports-hero > div[b-1s4bn5f8xg] {
    position: relative;
    z-index: 2;
    max-width: 58%;
}

.reports-hero small[b-1s4bn5f8xg] {
    color: #d8b4fe;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.reports-hero h2[b-1s4bn5f8xg] {
    margin: 12px 0;
    font-size: clamp(22px, 2vw, 31px);
    line-height: 1.08;
}

.reports-hero p[b-1s4bn5f8xg] {
    margin: 0;
    max-width: 520px;
    color: #e2e8f0;
    font-size: 11px;
    line-height: 1.55;
}

.reports-hero img[b-1s4bn5f8xg] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 47%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    pointer-events: none;
}

/* ==========================================================================
   KPIS
   ========================================================================== */
.kpi-grid[b-1s4bn5f8xg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.kpi-card[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 112px;
    padding: 14px;
    border: 1px solid #1e4058;
    border-radius: 11px;
    background: linear-gradient(180deg, #081b2c, #071625);
}

.kpi-card.amber[b-1s4bn5f8xg] {
    border-color: rgba(245, 158, 11, .34);
    background:
        radial-gradient(circle at 20% 35%, rgba(245, 158, 11, .13), transparent 30%),
        linear-gradient(180deg, #151c20, #071625);
}

.kpi-icon[b-1s4bn5f8xg] {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 0 20px rgba(59, 130, 246, .22);
}

.blue .kpi-icon[b-1s4bn5f8xg] {
    background: linear-gradient(145deg, #1d4ed8, #2563eb);
}

.cyan .kpi-icon[b-1s4bn5f8xg] {
    background: linear-gradient(145deg, #0284c7, #38bdf8);
}

.amber .kpi-icon[b-1s4bn5f8xg] {
    background: linear-gradient(145deg, #d97706, #f59e0b);
}

.purple .kpi-icon[b-1s4bn5f8xg] {
    background: linear-gradient(145deg, #6d28d9, #9333ea);
}

.kpi-card > div[b-1s4bn5f8xg] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.kpi-card small[b-1s4bn5f8xg] {
    color: #cbd5e1;
    font-size: 9px;
}

.kpi-card strong[b-1s4bn5f8xg] {
    overflow: hidden;
    font-size: clamp(18px, 1.6vw, 24px);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-card em[b-1s4bn5f8xg] {
    width: max-content;
    max-width: 100%;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
}

.kpi-card em.positive[b-1s4bn5f8xg] {
    background: rgba(16, 185, 129, .16);
    color: #34d399;
}

.kpi-card em.negative[b-1s4bn5f8xg] {
    background: rgba(239, 68, 68, .14);
    color: #f87171;
}

.kpi-card em.neutral[b-1s4bn5f8xg] {
    background: rgba(148, 163, 184, .12);
    color: #94a3b8;
}

/* ==========================================================================
   CHARTS
   ========================================================================== */
.charts-grid[b-1s4bn5f8xg] {
    display: grid;
    grid-template-columns: 1fr 1.15fr .95fr;
    gap: 10px;
}

.chart-card[b-1s4bn5f8xg] {
    min-height: 278px;
    padding: 14px;
    border: 1px solid #1e3c53;
    border-radius: 11px;
    background: #071827;
}

.chart-card header[b-1s4bn5f8xg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.chart-card h3[b-1s4bn5f8xg] {
    margin: 0;
    font-size: 13px;
}

.chart-card header small[b-1s4bn5f8xg] {
    display: block;
    margin-top: 3px;
    color: #94a3b8;
    font-size: 8px;
}

.bar-chart[b-1s4bn5f8xg] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    gap: 8px;
    height: 210px;
    padding-top: 12px;
}

.bar-column[b-1s4bn5f8xg] {
    display: grid;
    grid-template-rows: 24px 1fr 18px;
    align-items: end;
    gap: 4px;
    height: 100%;
    text-align: center;
}

.bar-value[b-1s4bn5f8xg] {
    color: #dbeafe;
    font-size: 8px;
    font-weight: 800;
}

.bar-track[b-1s4bn5f8xg] {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-bottom: 1px solid #28445b;
    background:
        repeating-linear-gradient(
            to top,
            rgba(30, 64, 85, .20) 0,
            rgba(30, 64, 85, .20) 1px,
            transparent 1px,
            transparent 34px);
}

.bar-track i[b-1s4bn5f8xg] {
    position: absolute;
    right: 18%;
    bottom: 0;
    left: 18%;
    min-height: 4px;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(180deg, #8b5cf6, #6d28d9);
    box-shadow: 0 0 16px rgba(124, 58, 237, .20);
}

.bar-column small[b-1s4bn5f8xg] {
    color: #a8b8c5;
    font-size: 8px;
}

.line-chart[b-1s4bn5f8xg] {
    position: relative;
    height: 220px;
}

.line-chart svg[b-1s4bn5f8xg] {
    width: 100%;
    height: 185px;
    overflow: visible;
    border-bottom: 1px solid #28445b;
    background:
        repeating-linear-gradient(
            to top,
            rgba(30, 64, 85, .20) 0,
            rgba(30, 64, 85, .20) 1px,
            transparent 1px,
            transparent 36px);
}

.line-labels[b-1s4bn5f8xg] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 7px;
    color: #a8b8c5;
    font-size: 8px;
    text-align: center;
}

.distribution-content[b-1s4bn5f8xg] {
    display: grid;
    grid-template-columns: 135px 1fr;
    align-items: center;
    gap: 14px;
    min-height: 210px;
}

.donut[b-1s4bn5f8xg] {
    position: relative;
    display: grid;
    place-items: center;
    width: 132px;
    height: 132px;
    border-radius: 50%;
}

.donut[b-1s4bn5f8xg]::after {
    content: "";
    position: absolute;
    inset: 25px;
    border-radius: 50%;
    background: #071827;
}

.donut > div[b-1s4bn5f8xg] {
    position: relative;
    z-index: 2;
    display: grid;
    text-align: center;
}

.donut strong[b-1s4bn5f8xg] {
    font-size: 25px;
}

.donut span[b-1s4bn5f8xg] {
    color: #cbd5e1;
    font-size: 8px;
}

.distribution-content ul[b-1s4bn5f8xg] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.distribution-content li[b-1s4bn5f8xg] {
    display: grid;
    grid-template-columns: 9px 1fr auto;
    align-items: center;
    gap: 7px;
    color: #cbd5e1;
    font-size: 9px;
}

.dot[b-1s4bn5f8xg] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.dot.active[b-1s4bn5f8xg] {
    background: #10b981;
}

.dot.pending[b-1s4bn5f8xg] {
    background: #f59e0b;
}

.dot.cancelled[b-1s4bn5f8xg] {
    background: #ef4444;
}

.dot.other[b-1s4bn5f8xg] {
    background: #64748b;
}

/* ==========================================================================
   ACTIVIDAD
   ========================================================================== */
.activity-panel[b-1s4bn5f8xg] {
    overflow: hidden;
    border: 1px solid #1e3b51;
    border-radius: 11px;
    background: #071827;
}

.activity-panel > header[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid #19354a;
}

.activity-panel h3[b-1s4bn5f8xg] {
    margin: 0;
    font-size: 13px;
}

.activity-panel h3 span[b-1s4bn5f8xg] {
    color: #a78bfa;
}

.activity-panel header p[b-1s4bn5f8xg] {
    margin: 3px 0 0;
    color: #94a3b8;
    font-size: 8px;
}

.activity-panel header a[b-1s4bn5f8xg] {
    padding: 8px 10px;
    border-radius: 7px;
    background: #0a263a;
    color: #e2e8f0;
    font-size: 8px;
    text-decoration: none;
}

.activity-table-wrap[b-1s4bn5f8xg] {
    overflow-x: auto;
}

.activity-table-wrap table[b-1s4bn5f8xg] {
    width: 100%;
    min-width: 790px;
    border-collapse: collapse;
}

.activity-table-wrap th[b-1s4bn5f8xg],
.activity-table-wrap td[b-1s4bn5f8xg] {
    padding: 10px 12px;
    border-bottom: 1px solid #133148;
    font-size: 8px;
    text-align: left;
}

.activity-table-wrap th[b-1s4bn5f8xg] {
    background: #082035;
    color: #cbd5e1;
    font-weight: 800;
    text-transform: uppercase;
}

.type-chip[b-1s4bn5f8xg] {
    color: #c4b5fd;
    font-weight: 800;
}

.status-chip[b-1s4bn5f8xg] {
    display: inline-flex;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 800;
}

.status-chip.active[b-1s4bn5f8xg] {
    background: rgba(16, 185, 129, .18);
    color: #34d399;
}

.status-chip.pending[b-1s4bn5f8xg] {
    background: rgba(245, 158, 11, .17);
    color: #fbbf24;
}

.status-chip.cancelled[b-1s4bn5f8xg] {
    background: rgba(239, 68, 68, .16);
    color: #f87171;
}

.status-chip.other[b-1s4bn5f8xg] {
    background: rgba(100, 116, 139, .16);
    color: #cbd5e1;
}

.detail-link[b-1s4bn5f8xg] {
    display: inline-flex;
    min-width: 64px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    border: 1px solid #2a5069;
    border-radius: 6px;
    color: #e2e8f0;
    text-decoration: none;
}

.empty-state[b-1s4bn5f8xg] {
    padding: 30px;
    color: #94a3b8;
    text-align: center;
}

/* ==========================================================================
   COLUMNA DERECHA
   ========================================================================== */
.side-card[b-1s4bn5f8xg] {
    padding: 14px;
    border: 1px solid #1d3c53;
    border-radius: 11px;
    background: linear-gradient(180deg, #081a2b, #071625);
}

.side-title[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
}

.side-title > span[b-1s4bn5f8xg] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: linear-gradient(145deg, #6d28d9, #9333ea);
    font-size: 15px;
}

.side-title h3[b-1s4bn5f8xg] {
    margin: 0;
    font-size: 12px;
}

.filters-card label[b-1s4bn5f8xg] {
    display: grid;
    gap: 5px;
    margin-bottom: 10px;
}

.filters-card label > span[b-1s4bn5f8xg] {
    color: #cbd5e1;
    font-size: 8px;
}

.filters-card input[b-1s4bn5f8xg],
.filters-card select[b-1s4bn5f8xg] {
    width: 100%;
    min-height: 39px;
    padding: 0 10px;
    border: 1px solid #274860;
    border-radius: 7px;
    outline: 0;
    background: #061827;
    color: #fff;
    font-size: 9px;
}

.filters-card > button[b-1s4bn5f8xg] {
    width: 100%;
    min-height: 40px;
    margin-top: 2px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(90deg, #6d28d9, #9333ea);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

.filters-card > button.clear-button[b-1s4bn5f8xg] {
    margin-top: 7px;
    border: 1px solid #274860;
    background: transparent;
    color: #cbd5e1;
}

.summary-card dl[b-1s4bn5f8xg] {
    margin: 0;
}

.summary-card dl > div[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 34px;
    border-bottom: 1px solid #17354a;
}

.summary-card dt[b-1s4bn5f8xg],
.summary-card dd[b-1s4bn5f8xg] {
    margin: 0;
    font-size: 8px;
}

.summary-card dt[b-1s4bn5f8xg] {
    color: #cbd5e1;
}

.summary-card dd[b-1s4bn5f8xg] {
    color: #fff;
    font-weight: 900;
    text-align: right;
}

.export-card p[b-1s4bn5f8xg],
.tip-card p[b-1s4bn5f8xg] {
    margin: 0 0 11px;
    color: #cbd5e1;
    font-size: 8px;
    line-height: 1.5;
}

.pdf-button[b-1s4bn5f8xg],
.excel-button[b-1s4bn5f8xg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 38px;
    margin-top: 7px;
    border: 1px solid #284b63;
    border-radius: 7px;
    background: #081a2a;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.tip-card[b-1s4bn5f8xg] {
    border-color: rgba(139, 92, 246, .42);
    background: linear-gradient(145deg, #25105c, #431c83);
}

/* ==========================================================================
   ESTADOS
   ========================================================================== */
.loading-state[b-1s4bn5f8xg],
.error-state[b-1s4bn5f8xg] {
    padding: 16px;
    border: 1px solid #1e3c52;
    border-radius: 11px;
    background: #071827;
}

.error-state button[b-1s4bn5f8xg] {
    min-height: 38px;
    padding: 0 13px;
    border: 0;
    border-radius: 7px;
    background: #7c3aed;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.skeleton[b-1s4bn5f8xg] {
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        #0d2032 25%,
        #183047 37%,
        #0d2032 63%);
    background-size: 400% 100%;
    animation: shimmer-b-1s4bn5f8xg 1.3s infinite;
}

.skeleton.hero[b-1s4bn5f8xg] {
    height: 180px;
    margin-bottom: 12px;
}

.skeleton.cards[b-1s4bn5f8xg] {
    height: 430px;
}

@keyframes shimmer-b-1s4bn5f8xg {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.toast-message[b-1s4bn5f8xg] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 90;
    padding: 10px 13px;
    border: 1px solid rgba(16, 185, 129, .35);
    border-radius: 8px;
    background: #064e3b;
    color: #d1fae5;
    font-size: 9px;
}

/* ==========================================================================
   RESPONSIVE - MISMO PATRÓN DE RESUMEN
   ========================================================================== */
.mobile-topbar[b-1s4bn5f8xg],
.mobile-menu-backdrop[b-1s4bn5f8xg],
.mobile-sidebar-head[b-1s4bn5f8xg] {
    display: none;
}

@media (max-width: 1320px) {
    .reports-layout[b-1s4bn5f8xg] {
        grid-template-columns: 1fr;
    }

    .reports-side[b-1s4bn5f8xg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filters-card[b-1s4bn5f8xg] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .kpi-grid[b-1s4bn5f8xg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .charts-grid[b-1s4bn5f8xg] {
        grid-template-columns: 1fr 1fr;
    }

    .distribution-card[b-1s4bn5f8xg] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .mobile-topbar[b-1s4bn5f8xg] {
        position: sticky;
        top: 0;
        z-index: 25;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(148, 163, 184, .15);
        background: #07111e;
    }

    .mobile-topbar strong[b-1s4bn5f8xg] {
        color: #fff;
        font-size: 14px;
    }

    .mobile-topbar strong b[b-1s4bn5f8xg] {
        color: #facc15;
    }

    .hamburger-button[b-1s4bn5f8xg] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
        cursor: pointer;
    }

    .sidebar[b-1s4bn5f8xg] {
        width: min(280px, 86vw);
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .mobile-menu-open .sidebar[b-1s4bn5f8xg] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-1s4bn5f8xg] {
        position: fixed;
        inset: 0;
        z-index: 29;
        border: 0;
        background: rgba(2, 6, 23, .66);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-1s4bn5f8xg] {
        display: block;
    }

    .mobile-sidebar-head[b-1s4bn5f8xg] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .mobile-sidebar-head button[b-1s4bn5f8xg] {
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .reports-main[b-1s4bn5f8xg] {
        margin-left: 0;
        padding: 12px;
    }

    .page-header[b-1s4bn5f8xg] {
        align-items: flex-start;
        flex-direction: column;
    }

    .current-level[b-1s4bn5f8xg] {
        width: 100%;
        justify-content: center;
    }

    .reports-side[b-1s4bn5f8xg] {
        grid-template-columns: 1fr;
    }

    .filters-card[b-1s4bn5f8xg] {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .reports-hero[b-1s4bn5f8xg] {
        min-height: 240px;
        padding: 22px;
    }

    .reports-hero > div[b-1s4bn5f8xg] {
        max-width: 100%;
    }

    .reports-hero img[b-1s4bn5f8xg] {
        width: 75%;
        opacity: .28;
    }

    .kpi-grid[b-1s4bn5f8xg],
    .charts-grid[b-1s4bn5f8xg] {
        grid-template-columns: 1fr;
    }

    .distribution-card[b-1s4bn5f8xg] {
        grid-column: auto;
    }

    .distribution-content[b-1s4bn5f8xg] {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

@media print {
    .sidebar[b-1s4bn5f8xg],
    .mobile-topbar[b-1s4bn5f8xg],
    .reports-side[b-1s4bn5f8xg],
    .share-card[b-1s4bn5f8xg],
    .logout[b-1s4bn5f8xg] {
        display: none !important;
    }

    .reports-main[b-1s4bn5f8xg] {
        margin: 0 !important;
        padding: 0 !important;
    }

    .reports-shell[b-1s4bn5f8xg] {
        background: #fff !important;
        color: #000 !important;
    }

    .reports-content[b-1s4bn5f8xg],
    .chart-card[b-1s4bn5f8xg],
    .activity-panel[b-1s4bn5f8xg],
    .kpi-card[b-1s4bn5f8xg] {
        break-inside: avoid;
    }
}


/* Navegación afiliado centralizada: el main libera el espacio en móvil. */
@media (max-width: 900px) {
    .reports-main[b-1s4bn5f8xg] {
        margin-left: 0;
    }
}
/* /Pages/Affiliate/Commissions.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - MÓDULO COMISIONES DEL AFILIADO
   Diseño oscuro consistente con el Dashboard y Mis referidos.
   ============================================================================ */

:host[b-phb3dz3i95] {
    display: block;
    min-height: 100vh;
    background: #020f1a;
    color: #f8fafc;
}

*[b-phb3dz3i95] {
    box-sizing: border-box;
}

button[b-phb3dz3i95],
select[b-phb3dz3i95] {
    font: inherit;
}

.affiliate-shell[b-phb3dz3i95] {
    min-height: 100vh;
    background: #020f1a;
    color: #f8fafc;
}

/* ============================================================================
   SIDEBAR
   ============================================================================ */

.sidebar[b-phb3dz3i95] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    width: 232px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px 10px;
    border-right: 1px solid #173247;
    background: #03111d;
    overflow-y: auto;
    overflow-x: hidden;
}

.brand[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 3px 2px 8px;
}

.brand-mark[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #e7eef5;
    color: #102031;
    font-size: 19px;
    font-weight: 900;
}

.brand > div[b-phb3dz3i95] {
    display: grid;
    gap: 1px;
}

.brand strong[b-phb3dz3i95] {
    font-size: 14px;
}

.brand strong b[b-phb3dz3i95] {
    color: #facc15;
}

.brand small[b-phb3dz3i95] {
    color: #8098ab;
    font-size: 7px;
}

.profile-mini[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #1c3b51;
    border-radius: 11px;
    background: #071725;
}

.avatar[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: linear-gradient(145deg, #f59e0b, #b45309);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.profile-mini > div[b-phb3dz3i95] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.profile-mini strong[b-phb3dz3i95] {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-mini small[b-phb3dz3i95] {
    color: #aabac7;
    font-size: 8px;
}

.profile-mini em[b-phb3dz3i95] {
    color: #facc15;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
}

.sidebar nav[b-phb3dz3i95] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 37px;
    padding: 0 10px;
    border-radius: 8px;
    color: #d7e3ec;
    font-size: 10px;
    text-decoration: none;
}

.sidebar nav a:hover[b-phb3dz3i95] {
    background: #0b2030;
}

.sidebar nav a.active[b-phb3dz3i95] {
    background: linear-gradient(135deg, #7134df, #8c36ef);
    color: #fff;
    box-shadow: 0 8px 20px rgba(91, 33, 182, .22);
}

.share-card[b-phb3dz3i95] {
    margin-top: auto;
    display: grid;
    gap: 7px;
    padding: 13px;
    border: 1px solid rgba(124, 58, 237, .42);
    border-radius: 10px;
    background: linear-gradient(145deg, #3b1b76, #23124f);
}

.share-card > span[b-phb3dz3i95] {
    font-size: 26px;
}

.share-card strong[b-phb3dz3i95] {
    font-size: 12px;
}

.share-card p[b-phb3dz3i95] {
    margin: 0;
    color: #d8d0f2;
    font-size: 8px;
    line-height: 1.45;
}

.share-card button[b-phb3dz3i95] {
    min-height: 34px;
    border: 0;
    border-radius: 7px;
    background: #f8fafc;
    color: #6d28d9;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

/* ============================================================================
   MAIN
   ============================================================================ */

.affiliate-main[b-phb3dz3i95] {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 232px;
    padding: 22px 24px 30px;
}

.page-header[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.page-header h1[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 25px;
}

.page-header h1 span[b-phb3dz3i95] {
    color: #c4b5fd;
    font-size: 34px;
}

.page-header p[b-phb3dz3i95] {
    margin: 4px 0 0;
    color: #b0c0cd;
    font-size: 10px;
}

.header-actions[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.header-actions > span[b-phb3dz3i95] {
    color: #8ea2b1;
    font-size: 8px;
    line-height: 1.4;
}

.header-actions > span b[b-phb3dz3i95] {
    color: #fff;
}

.header-actions select[b-phb3dz3i95] {
    min-width: 190px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #284861;
    border-radius: 8px;
    background: #071927;
    color: #fff;
    outline: none;
}

.loading-card[b-phb3dz3i95],
.error-card[b-phb3dz3i95] {
    min-height: 180px;
    display: grid;
    place-items: center;
    padding: 30px;
    border: 1px solid #204158;
    border-radius: 12px;
    background: #071927;
    text-align: center;
}

.error-card p[b-phb3dz3i95] {
    color: #a9b9c5;
}

.error-card button[b-phb3dz3i95] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: #7c3aed;
    color: #fff;
    cursor: pointer;
}

/* ============================================================================
   KPIS
   ============================================================================ */

.kpi-grid[b-phb3dz3i95] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.kpi-card[b-phb3dz3i95] {
    min-height: 106px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid #203f55;
    border-radius: 11px;
    background: linear-gradient(180deg, #081b2b, #071725);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .12);
}

.kpi-card i[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-style: normal;
}

.kpi-card.total i[b-phb3dz3i95] {
    background: #7c3aed;
    box-shadow: 0 0 24px rgba(124, 58, 237, .55);
}

.kpi-card.approved i[b-phb3dz3i95] {
    background: #059669;
    box-shadow: 0 0 24px rgba(5, 150, 105, .50);
}

.kpi-card.pending i[b-phb3dz3i95] {
    background: #d97706;
    box-shadow: 0 0 24px rgba(217, 119, 6, .48);
}

.kpi-card.rejected i[b-phb3dz3i95] {
    background: #dc2626;
    box-shadow: 0 0 24px rgba(220, 38, 38, .46);
}

.kpi-card > div[b-phb3dz3i95] {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.kpi-card span[b-phb3dz3i95] {
    color: #dce6ee;
    font-size: 10px;
}

.kpi-card strong[b-phb3dz3i95] {
    overflow: hidden;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-card small[b-phb3dz3i95] {
    color: #8ea4b4;
    font-size: 8px;
}

/* ============================================================================
   LAYOUT
   ============================================================================ */

.content-layout[b-phb3dz3i95] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 12px;
}

.primary-column[b-phb3dz3i95] {
    min-width: 0;
    display: grid;
    gap: 12px;
}

.panel[b-phb3dz3i95],
.side-card[b-phb3dz3i95],
.balance-card[b-phb3dz3i95],
.help-card[b-phb3dz3i95] {
    border: 1px solid #203f55;
    border-radius: 11px;
    background: #071927;
}

.panel[b-phb3dz3i95] {
    overflow: hidden;
}

.panel-header[b-phb3dz3i95] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 16px;
    border-bottom: 1px solid #17364b;
}

.panel-title[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-icon[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(124, 58, 237, .18);
    color: #a78bfa;
    font-size: 17px;
}

.panel-title h2[b-phb3dz3i95] {
    margin: 0;
    font-size: 15px;
}

.panel-title p[b-phb3dz3i95] {
    margin: 3px 0 0;
    color: #8ea4b4;
    font-size: 8px;
}

.period-chip[b-phb3dz3i95],
.date-range[b-phb3dz3i95] {
    padding: 8px 10px;
    border: 1px solid #2a4a61;
    border-radius: 8px;
    background: #081d2e;
    color: #dce6ee;
    font-size: 9px;
}

/* ============================================================================
   CHART
   ============================================================================ */

.chart-panel[b-phb3dz3i95] {
    min-height: 248px;
}

.commission-chart[b-phb3dz3i95] {
    height: 180px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
    align-items: end;
    padding: 20px 22px 18px;
    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 39px,
            rgba(49, 75, 94, .28) 40px
        );
}

.chart-column[b-phb3dz3i95] {
    height: 100%;
    display: grid;
    grid-template-rows: 18px 1fr 20px;
    align-items: end;
    text-align: center;
}

.chart-column > strong[b-phb3dz3i95] {
    color: #eef2ff;
    font-size: 9px;
}

.bar-track[b-phb3dz3i95] {
    height: 112px;
    display: flex;
    align-items: end;
    justify-content: center;
}

.bar-track i[b-phb3dz3i95] {
    width: min(68px, 78%);
    min-height: 4px;
    border-radius: 7px 7px 2px 2px;
    background: linear-gradient(180deg, #8b5cf6, #5b21b6);
    box-shadow: 0 0 18px rgba(124, 58, 237, .26);
    transition: height .3s ease;
}

.chart-column > span[b-phb3dz3i95] {
    color: #9cb0bf;
    font-size: 8px;
}

/* ============================================================================
   HISTORIAL Y FILTROS
   ============================================================================ */

.filter-tabs[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 11px 16px;
    border-bottom: 1px solid #17364b;
}

.filter-tabs[b-phb3dz3i95]  button {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #2a4b62;
    border-radius: 8px;
    background: #0a2234;
    color: #c7d5df;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
}

.filter-tabs[b-phb3dz3i95]  button:hover {
    border-color: rgba(139, 92, 246, .58);
}

.filter-tabs[b-phb3dz3i95]  button.active {
    border-color: #8b5cf6;
    background: linear-gradient(135deg, #7c3aed, #9333ea);
    color: #fff;
    box-shadow: 0 6px 16px rgba(91, 33, 182, .22);
}

.table-wrap[b-phb3dz3i95] {
    overflow-x: auto;
}

.table-wrap table[b-phb3dz3i95] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.table-wrap th[b-phb3dz3i95] {
    padding: 10px 12px;
    border-bottom: 1px solid #17364b;
    background: #061623;
    color: #8da4b5;
    font-size: 8px;
    text-align: left;
    text-transform: uppercase;
}

.table-wrap td[b-phb3dz3i95] {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(23, 54, 75, .74);
    color: #d7e2ea;
    font-size: 9px;
}

.table-wrap tbody tr:hover[b-phb3dz3i95] {
    background: rgba(15, 42, 61, .36);
}

.referral-cell[b-phb3dz3i95] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.referral-cell > span[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #2563eb;
    color: #fff;
    font-size: 7px;
    font-weight: 900;
}

.status[b-phb3dz3i95] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 8px;
    font-weight: 900;
}

.status.approved[b-phb3dz3i95] {
    background: rgba(5, 150, 105, .20);
    color: #34d399;
}

.status.pending[b-phb3dz3i95] {
    background: rgba(217, 119, 6, .20);
    color: #fbbf24;
}

.status.rejected[b-phb3dz3i95] {
    background: rgba(220, 38, 38, .20);
    color: #f87171;
}

.view-button[b-phb3dz3i95] {
    min-width: 45px;
    min-height: 28px;
    border: 1px solid #315169;
    border-radius: 7px;
    background: #0a2133;
    color: #fff;
    font-size: 8px;
    cursor: pointer;
}

.view-button:hover[b-phb3dz3i95] {
    border-color: #7c3aed;
}

.empty-cell[b-phb3dz3i95] {
    padding: 0 !important;
}

.empty-state[b-phb3dz3i95] {
    min-height: 170px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    text-align: center;
}

.empty-state > span[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(124, 58, 237, .12);
    color: #a78bfa;
    font-size: 20px;
}

.empty-state p[b-phb3dz3i95] {
    margin: 0;
    color: #8499a8;
    font-size: 8px;
}

.pager[b-phb3dz3i95] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    color: #8fa4b4;
    font-size: 8px;
}

.pager > div[b-phb3dz3i95] {
    display: flex;
    gap: 6px;
}

.pager button[b-phb3dz3i95],
.pager b[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
}

.pager button[b-phb3dz3i95] {
    border: 1px solid #294a61;
    background: #081c2c;
    color: #fff;
    cursor: pointer;
}

.pager button:disabled[b-phb3dz3i95] {
    opacity: .35;
    cursor: default;
}

.pager b[b-phb3dz3i95] {
    background: #7c3aed;
    color: #fff;
}

/* ============================================================================
   RIGHT COLUMN
   ============================================================================ */

.right-column[b-phb3dz3i95] {
    display: grid;
    align-content: start;
    gap: 10px;
}

.balance-card[b-phb3dz3i95] {
    overflow: hidden;
    padding: 18px;
    background:
        radial-gradient(circle at 20% 0%, rgba(124, 58, 237, .36), transparent 35%),
        linear-gradient(160deg, #351776, #171747 72%, #071927);
}

.balance-icon[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: #7c3aed;
    font-size: 17px;
}

.balance-card small[b-phb3dz3i95] {
    display: block;
    color: #e1d9ff;
    font-size: 9px;
}

.balance-card > strong[b-phb3dz3i95] {
    display: block;
    margin: 6px 0 15px;
    font-size: 21px;
}

.balance-card button[b-phb3dz3i95] {
    width: 100%;
    min-height: 39px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(135deg, #7c3aed, #9333ea);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.balance-card button:disabled[b-phb3dz3i95] {
    opacity: .45;
    cursor: not-allowed;
}

.balance-card p[b-phb3dz3i95] {
    margin: 10px 0 0;
    color: #c9bee9;
    font-size: 8px;
}

.side-card[b-phb3dz3i95] {
    display: flex;
    gap: 10px;
    padding: 14px;
}

.side-card > i[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #7c3aed;
    color: #fff;
    font-size: 16px;
    font-style: normal;
}

.side-card > div[b-phb3dz3i95] {
    min-width: 0;
}

.side-card small[b-phb3dz3i95] {
    color: #cbd5e1;
    font-size: 8px;
}

.side-card strong[b-phb3dz3i95] {
    display: block;
    margin-top: 3px;
    font-size: 13px;
}

.side-card p[b-phb3dz3i95] {
    margin: 6px 0 0;
    color: #8fa4b4;
    font-size: 8px;
    line-height: 1.5;
}

.percentage-card > i[b-phb3dz3i95] {
    background: #7c3aed;
}

.percentage-card strong[b-phb3dz3i95] {
    font-size: 24px;
}

.levels-card[b-phb3dz3i95] {
    display: block;
}

.levels-card h3[b-phb3dz3i95] {
    margin: 0 0 8px;
    font-size: 13px;
}

.level-row[b-phb3dz3i95] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: 7px;
    min-height: 43px;
    border-bottom: 1px solid #17364b;
}

.level-row:last-child[b-phb3dz3i95] {
    border-bottom: 0;
}

.level-row > span[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #d97706;
    color: #fff;
}

.level-row.current[b-phb3dz3i95] {
    color: #facc15;
}

.level-row strong[b-phb3dz3i95] {
    margin: 0;
    font-size: 9px;
}

.level-row small[b-phb3dz3i95] {
    color: #b4c2cc;
    font-size: 7px;
}

.help-card[b-phb3dz3i95] {
    display: flex;
    gap: 10px;
    padding: 14px;
    border-color: rgba(124, 58, 237, .42);
    background: linear-gradient(145deg, #2e155f, #1b1242);
}

.help-card > span[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #e9e7f4;
    color: #37215f;
    font-size: 20px;
    font-weight: 900;
}

.help-card h3[b-phb3dz3i95] {
    margin: 0;
    font-size: 13px;
}

.help-card p[b-phb3dz3i95] {
    margin: 5px 0 10px;
    color: #c9c2e1;
    font-size: 8px;
    line-height: 1.5;
}

.help-card a[b-phb3dz3i95] {
    display: grid;
    place-items: center;
    min-height: 34px;
    border-radius: 7px;
    background: rgba(124, 58, 237, .55);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    text-decoration: none;
}

/* ============================================================================
   MODAL
   ============================================================================ */

.modal-backdrop[b-phb3dz3i95] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(0, 7, 14, .78);
}

.detail-modal[b-phb3dz3i95] {
    position: relative;
    width: min(480px, 100%);
    padding: 22px;
    border: 1px solid #2b4d65;
    border-radius: 12px;
    background: #071927;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .45);
}

.detail-modal h2[b-phb3dz3i95] {
    margin: 0 0 16px;
}

.modal-close[b-phb3dz3i95] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    border: 1px solid #2d4d64;
    border-radius: 8px;
    background: #0a2031;
    color: #fff;
    cursor: pointer;
}

.detail-modal dl[b-phb3dz3i95] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 9px 12px;
    margin: 0;
}

.detail-modal dt[b-phb3dz3i95] {
    color: #8fa4b4;
    font-size: 9px;
}

.detail-modal dd[b-phb3dz3i95] {
    margin: 0;
    font-size: 10px;
}

/* ============================================================================
   RESPONSIVE - MISMO SHELL Y BREAKPOINT DE RESUMEN
   ============================================================================ */

.mobile-topbar[b-phb3dz3i95],
.mobile-menu-backdrop[b-phb3dz3i95],
.mobile-sidebar-head[b-phb3dz3i95] {
    display: none;
}

@media (min-width: 1221px) {
    .sidebar[b-phb3dz3i95] {
        width: 232px;
    }

    .affiliate-main[b-phb3dz3i95] {
        margin-left: 232px;
    }

    .kpi-grid[b-phb3dz3i95] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .content-layout[b-phb3dz3i95] {
        grid-template-columns: minmax(0, 1fr) 236px;
    }
}

@media (min-width: 901px) and (max-width: 1220px) {
    .sidebar[b-phb3dz3i95] {
        width: 210px;
        padding-inline: 11px;
    }

    .affiliate-main[b-phb3dz3i95] {
        margin-left: 210px;
        padding-inline: 18px;
    }

    .kpi-grid[b-phb3dz3i95] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .content-layout[b-phb3dz3i95] {
        grid-template-columns: minmax(0, 1fr);
    }

    .right-column[b-phb3dz3i95] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .levels-card[b-phb3dz3i95],
    .help-card[b-phb3dz3i95] {
        min-height: 100%;
    }
}

@media (max-width: 900px) {
    .mobile-topbar[b-phb3dz3i95] {
        position: sticky;
        top: 0;
        z-index: 25;
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(148, 163, 184, .15);
        background: #07111e;
    }

    .hamburger-button[b-phb3dz3i95] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
        cursor: pointer;
    }

    .sidebar[b-phb3dz3i95] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 60;
        width: min(280px, 86vw);
        height: 100dvh;
        padding: 12px 14px 14px;
        overflow-y: auto;
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .mobile-menu-open .sidebar[b-phb3dz3i95] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-phb3dz3i95] {
        position: fixed;
        inset: 0;
        z-index: 50;
        border: 0;
        background: rgba(2, 6, 23, .66);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-phb3dz3i95] {
        display: block;
    }

    .mobile-sidebar-head[b-phb3dz3i95] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .affiliate-main[b-phb3dz3i95] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-left: 0;
        padding: 14px;
    }

    .page-header[b-phb3dz3i95] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions[b-phb3dz3i95] {
        width: 100%;
        justify-content: space-between;
    }

    .kpi-grid[b-phb3dz3i95],
    .right-column[b-phb3dz3i95] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .content-layout[b-phb3dz3i95] {
        grid-template-columns: minmax(0, 1fr);
    }

    .commission-chart[b-phb3dz3i95] {
        min-width: 620px;
    }

    .chart-scroll[b-phb3dz3i95],
    .history-table-wrap[b-phb3dz3i95] {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .history-header[b-phb3dz3i95] {
        align-items: flex-start;
        flex-direction: column;
    }

    .filter-tabs[b-phb3dz3i95] {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .filter-tabs[b-phb3dz3i95]  button {
        flex: 0 0 auto;
    }
}

@media (max-width: 600px) {
    .affiliate-main[b-phb3dz3i95] {
        padding-inline: 12px;
    }

    .kpi-grid[b-phb3dz3i95],
    .right-column[b-phb3dz3i95] {
        grid-template-columns: minmax(0, 1fr);
    }

    .header-actions[b-phb3dz3i95] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions select[b-phb3dz3i95] {
        width: 100%;
        min-width: 0;
    }

    .mobile-page-title[b-phb3dz3i95] {
        display: none;
    }

    .detail-modal dl[b-phb3dz3i95] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Affiliate/Dashboard.razor.rz.scp.css */
/* ============================================================
   TURNO YA - DASHBOARD AFILIADO
   Diseño inspirado en la jerarquía visual aprobada para StockSuite,
   adaptado a la identidad oscura de Turno Ya.
   ============================================================ */

:host[b-ydy435658m] {
    display: block;
    min-height: 100vh;
}

*[b-ydy435658m] {
    box-sizing: border-box;
}

.affiliate-shell[b-ydy435658m] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 48% 0%, rgba(29, 78, 216, .10), transparent 34%),
        #06111d;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", sans-serif;
}

.sidebar[b-ydy435658m] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    width: 232px;
    padding: 18px 14px;
    border-right: 1px solid rgba(148, 163, 184, .14);
    background: linear-gradient(180deg, #07111e 0%, #050c16 100%);
    overflow-y: auto;
}

.brand[b-ydy435658m] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 18px;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-ydy435658m] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f8fafc, #cbd5e1);
    color: #07111e;
    font-size: 22px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-ydy435658m] {
    display: block;
    font-size: 18px;
}

.brand strong b[b-ydy435658m] {
    color: #fbbf24;
}

.brand small[b-ydy435658m] {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 10px;
}

.profile-card[b-ydy435658m] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    margin: 0 0 14px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    background: rgba(15, 23, 42, .62);
}

.avatar[b-ydy435658m] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7c2d12, #f59e0b);
    font-weight: 900;
}

.profile-card strong[b-ydy435658m],
.profile-card small[b-ydy435658m],
.profile-card span[b-ydy435658m] {
    display: block;
}

.profile-card strong[b-ydy435658m] {
    font-size: 13px;
}

.profile-card small[b-ydy435658m] {
    margin-top: 2px;
    color: #cbd5e1;
    font-size: 11px;
}

.level-chip[b-ydy435658m] {
    width: fit-content;
    margin-top: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(245, 158, 11, .15);
    color: #fbbf24;
    font-size: 10px;
    font-weight: 800;
}

.sidebar nav[b-ydy435658m] {
    display: grid;
    gap: 3px;
}

.sidebar nav a[b-ydy435658m] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 8px;
    color: #dbeafe;
    text-decoration: none;
    font-size: 12px;
    transition: .18s ease;
}

.sidebar nav a:hover[b-ydy435658m],
.sidebar nav a.active[b-ydy435658m] {
    background: linear-gradient(90deg, rgba(109, 40, 217, .95), rgba(124, 58, 237, .78));
    color: #fff;
}

.sidebar nav i[b-ydy435658m] {
    width: 18px;
    text-align: center;
    font-style: normal;
}

.share-card[b-ydy435658m] {
    display: grid;
    gap: 7px;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid rgba(139, 92, 246, .35);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(76, 29, 149, .70), rgba(30, 64, 175, .30));
}

.share-card .gift[b-ydy435658m] {
    font-size: 30px;
}

.share-card strong[b-ydy435658m] {
    font-size: 14px;
}

.share-card small[b-ydy435658m] {
    color: #ddd6fe;
    font-size: 11px;
    line-height: 1.45;
}

.share-card button[b-ydy435658m] {
    min-height: 34px;
    margin-top: 5px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #6d28d9;
    font-weight: 800;
    cursor: pointer;
}

.logout-button[b-ydy435658m] {
    width: 100%;
    min-height: 40px;
    margin-top: 14px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 8px;
    background: rgba(15, 23, 42, .45);
    color: #fff;
    cursor: pointer;
}

.affiliate-main[b-ydy435658m] {
    margin-left: 232px;
    padding: 22px;
}

.topbar[b-ydy435658m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.topbar h1[b-ydy435658m] {
    margin: 0;
    font-size: clamp(24px, 2vw, 30px);
}

.topbar p[b-ydy435658m] {
    margin: 4px 0 0;
    color: #b6c2d2;
    font-size: 13px;
}

.top-actions[b-ydy435658m] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.notification-button[b-ydy435658m],
.top-actions select[b-ydy435658m] {
    min-height: 40px;
    border: 1px solid rgba(148, 163, 184, .20);
    border-radius: 9px;
    background: #0a1726;
    color: #fff;
}

.notification-button[b-ydy435658m] {
    width: 42px;
    cursor: pointer;
}

.top-actions select[b-ydy435658m] {
    padding: 0 14px;
}

.last-update[b-ydy435658m] {
    display: grid;
    gap: 2px;
    min-width: 126px;
}

.last-update small[b-ydy435658m] {
    color: #94a3b8;
    font-size: 10px;
}

.last-update strong[b-ydy435658m] {
    font-size: 12px;
}

.level-hero[b-ydy435658m] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 150px minmax(250px, 1fr) 1px minmax(320px, 1.35fr) 100px;
    align-items: center;
    gap: 22px;
    min-height: 204px;
    overflow: hidden;
    padding: 24px 28px;
    border: 1px solid rgba(251, 191, 36, .72);
    border-radius: 18px;
    background:
        radial-gradient(circle at 9% 50%, rgba(245, 158, 11, .28), transparent 22%),
        radial-gradient(circle at 82% 18%, rgba(59, 130, 246, .08), transparent 25%),
        linear-gradient(120deg, #111827 0%, #091727 48%, #071421 100%);
    box-shadow:
        0 0 0 1px rgba(245, 158, 11, .08),
        0 18px 45px rgba(0, 0, 0, .28),
        inset 0 0 48px rgba(245, 158, 11, .035);
}

.level-hero[b-ydy435658m]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -70px;
    left: -60px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 191, 36, .20), rgba(245, 158, 11, .06) 42%, transparent 70%);
    filter: blur(3px);
    pointer-events: none;
}

.level-hero[b-ydy435658m]::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 22px;
    bottom: -90px;
    width: 230px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(96, 165, 250, .10), transparent 68%);
    pointer-events: none;
}

.level-medal-wrap[b-ydy435658m] {
    position: relative;
    display: grid;
    place-items: center;
    width: 138px;
    height: 150px;
    filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .28));
}

.level-medal[b-ydy435658m] {
    position: relative;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 116px;
    height: 116px;
    border: 8px solid rgba(255, 214, 102, .92);
    border-radius: 50%;
    box-shadow:
        inset 0 0 0 5px rgba(255,255,255,.16),
        inset 0 -12px 22px rgba(120, 53, 15, .22),
        0 0 0 4px rgba(245, 158, 11, .18),
        0 0 34px rgba(245, 158, 11, .72);
    font-size: 48px;
    animation: affiliate-medal-pulse-b-ydy435658m 3.2s ease-in-out infinite;
}

.level-medal > span[b-ydy435658m] {
    filter: drop-shadow(0 3px 3px rgba(120, 53, 15, .38));
}

.level-medal-wrap[b-ydy435658m]::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 191, 36, .32), transparent 68%);
    animation: affiliate-halo-b-ydy435658m 3.2s ease-in-out infinite;
}

.medal-ribbon[b-ydy435658m] {
    position: absolute;
    z-index: 0;
    bottom: 3px;
    width: 38px;
    height: 72px;
    border-radius: 8px 8px 4px 4px;
    background: linear-gradient(180deg, #f59e0b, #fbbf24 55%, #d97706);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.14);
}

.ribbon-left[b-ydy435658m] {
    left: 34px;
    transform: rotate(14deg);
    clip-path: polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
}

.ribbon-right[b-ydy435658m] {
    right: 34px;
    transform: rotate(-14deg);
    clip-path: polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
}

.medal-spark[b-ydy435658m] {
    position: absolute;
    z-index: 5;
    color: #fde68a;
    text-shadow: 0 0 12px #f59e0b;
    animation: affiliate-spark-b-ydy435658m 2.4s ease-in-out infinite;
}

.spark-one[b-ydy435658m] {
    top: 10px;
    right: 4px;
    font-size: 18px;
}

.spark-two[b-ydy435658m] {
    left: 0;
    top: 42px;
    font-size: 14px;
    animation-delay: .8s;
}

.level-medal.bronze[b-ydy435658m],
.benefit-medal.bronze[b-ydy435658m] {
    background: linear-gradient(145deg, #92400e 0%, #d97706 45%, #f59e0b 100%);
    color: #fff7ed;
}

.level-medal.silver[b-ydy435658m],
.benefit-medal.silver[b-ydy435658m] {
    background: linear-gradient(145deg, #64748b, #e2e8f0);
    color: #334155;
}

.level-medal.gold[b-ydy435658m],
.benefit-medal.gold[b-ydy435658m] {
    background: linear-gradient(145deg, #ca8a04, #facc15);
    color: #713f12;
}

.level-medal.diamond[b-ydy435658m],
.benefit-medal.diamond[b-ydy435658m] {
    background: linear-gradient(145deg, #0284c7, #7dd3fc);
    color: #082f49;
}

.level-copy h2[b-ydy435658m] {
    background: linear-gradient(90deg, #ffffff 0%, #fde68a 52%, #f59e0b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 8px 26px rgba(245, 158, 11, .10);
}

.commission-pill[b-ydy435658m] {
    box-shadow: 0 0 22px rgba(234, 88, 12, .22);
}

.progress-track > span[b-ydy435658m] {
    box-shadow: 0 0 16px rgba(251, 191, 36, .58);
}

.trophy[b-ydy435658m] {
    font-size: 52px;
    filter: drop-shadow(0 0 15px rgba(96, 165, 250, .28));
    animation: affiliate-trophy-float-b-ydy435658m 3.4s ease-in-out infinite;
}

@keyframes affiliate-medal-pulse-b-ydy435658m {
    0%, 100% { transform: scale(1); box-shadow: inset 0 0 0 5px rgba(255,255,255,.16), inset 0 -12px 22px rgba(120,53,15,.22), 0 0 0 4px rgba(245,158,11,.18), 0 0 28px rgba(245,158,11,.55); }
    50% { transform: scale(1.025); box-shadow: inset 0 0 0 5px rgba(255,255,255,.20), inset 0 -12px 22px rgba(120,53,15,.22), 0 0 0 6px rgba(245,158,11,.12), 0 0 44px rgba(245,158,11,.82); }
}

@keyframes affiliate-halo-b-ydy435658m {
    0%, 100% { transform: scale(.94); opacity: .68; }
    50% { transform: scale(1.10); opacity: 1; }
}

@keyframes affiliate-spark-b-ydy435658m {
    0%, 100% { transform: scale(.75) rotate(0deg); opacity: .35; }
    50% { transform: scale(1.25) rotate(18deg); opacity: 1; }
}

@keyframes affiliate-trophy-float-b-ydy435658m {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@media (prefers-reduced-motion: reduce) {
    .level-medal[b-ydy435658m],
    .level-medal-wrap[b-ydy435658m]::before,
    .medal-spark[b-ydy435658m],
    .trophy[b-ydy435658m] {
        animation: none;
    }
}

.level-copy small[b-ydy435658m],
.level-progress-box small[b-ydy435658m] {
    color: #a7b4c4;
    font-size: 11px;
}

.level-copy h2[b-ydy435658m] {
    margin: 5px 0 10px;
    font-size: 25px;
}

.commission-pill[b-ydy435658m] {
    display: inline-flex;
    padding: 7px 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #b45309, #ea580c);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.level-copy p[b-ydy435658m],
.level-progress-box p[b-ydy435658m] {
    margin: 10px 0 0;
    color: #cbd5e1;
    font-size: 12px;
}

.hero-divider[b-ydy435658m] {
    width: 1px;
    height: 110px;
    background: rgba(148, 163, 184, .22);
}

.level-progress-box > strong[b-ydy435658m] {
    display: block;
    margin: 8px 0 12px;
    font-size: 18px;
}

.progress-track[b-ydy435658m],
.withdraw-progress i[b-ydy435658m] {
    display: block;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #1e293b;
}

.progress-track span[b-ydy435658m],
.withdraw-progress i b[b-ydy435658m] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
}

.trophy[b-ydy435658m] {
    font-size: 58px;
    text-align: center;
}

.desktop-side-column[b-ydy435658m] {
    display: none;
}

/* ============================================================
   COLUMNA LATERAL DE INFORMACIÓN
   Aprovecha el espacio derecho en pantallas grandes sin duplicar
   navegación ni introducir funcionalidades nuevas.
   ============================================================ */
@media (min-width: 1500px) {
    .affiliate-main[b-ydy435658m] {
        padding-right: 338px;
    }

    .desktop-side-column[b-ydy435658m] {
        position: fixed;
        top: 96px;
        right: 22px;
        bottom: 22px;
        z-index: 10;
        display: grid;
        grid-template-rows: auto auto auto minmax(170px, 1fr);
        gap: 12px;
        width: 296px;
        overflow-y: auto;
        padding-right: 2px;
        scrollbar-width: thin;
        scrollbar-color: rgba(148, 163, 184, .25) transparent;
    }

    .side-card[b-ydy435658m] {
        border: 1px solid rgba(148, 163, 184, .17);
        border-radius: 12px;
        background:
            linear-gradient(180deg, rgba(10, 23, 38, .98), rgba(8, 19, 32, .98));
        box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
    }

    .how-it-works[b-ydy435658m] {
        padding: 18px;
    }

    .how-it-works h2[b-ydy435658m],
    .quick-actions-card h2[b-ydy435658m] {
        margin: 0 0 12px;
        font-size: 15px;
    }

    .how-it-works ol[b-ydy435658m] {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .how-it-works li[b-ydy435658m] {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #dbeafe;
        font-size: 11px;
    }

    .how-it-works li b[b-ydy435658m] {
        display: grid;
        place-items: center;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: linear-gradient(145deg, #8b5cf6, #6d28d9);
        color: #fff;
        font-size: 11px;
    }

    .side-progress-card[b-ydy435658m],
    .quick-actions-card[b-ydy435658m],
    .side-withdrawal-card[b-ydy435658m] {
        padding: 16px;
    }

    .side-card-title[b-ydy435658m] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 8px;
    }

    .side-card-title > span[b-ydy435658m] {
        color: #e2e8f0;
        font-size: 12px;
        font-weight: 800;
    }

    .side-card-title > b[b-ydy435658m] {
        font-size: 18px;
    }

    .side-level-name[b-ydy435658m] {
        display: block;
        margin: 3px 0 8px;
        color: #fff;
        font-size: 18px;
    }

    .side-level-meta[b-ydy435658m] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 13px;
    }

    .side-level-meta span[b-ydy435658m] {
        padding: 4px 7px;
        border-radius: 999px;
        background: rgba(124, 58, 237, .14);
        color: #c4b5fd;
        font-size: 9px;
        font-weight: 700;
    }

    .side-progress-row[b-ydy435658m] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 6px;
        color: #cbd5e1;
        font-size: 9px;
    }

    .side-progress-row strong[b-ydy435658m] {
        color: #fff;
        font-size: 10px;
    }

    .side-progress-row.compact[b-ydy435658m] {
        margin-top: 12px;
    }

    .side-progress-track[b-ydy435658m] {
        height: 7px;
        overflow: hidden;
        border-radius: 999px;
        background: #1e293b;
    }

    .side-progress-track > span[b-ydy435658m] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #fbbf24, #f59e0b);
    }

    .side-progress-track.compact[b-ydy435658m] {
        height: 6px;
        margin-bottom: 8px;
    }

    .side-progress-card > small[b-ydy435658m],
    .side-withdrawal-card > small[b-ydy435658m] {
        display: block;
        margin-top: 9px;
        color: #94a3b8;
        font-size: 9px;
        line-height: 1.45;
    }

    .quick-actions-grid[b-ydy435658m] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .quick-actions-grid a[b-ydy435658m] {
        display: grid;
        place-items: center;
        min-height: 66px;
        padding: 8px;
        border: 1px solid rgba(148, 163, 184, .14);
        border-radius: 9px;
        background: rgba(15, 23, 42, .58);
        color: #e2e8f0;
        text-align: center;
        text-decoration: none;
        transition: .18s ease;
    }

    .quick-actions-grid a:hover[b-ydy435658m] {
        transform: translateY(-1px);
        border-color: rgba(139, 92, 246, .42);
        background: rgba(76, 29, 149, .18);
    }

    .quick-actions-grid b[b-ydy435658m] {
        margin-bottom: 4px;
        font-size: 18px;
    }

    .quick-actions-grid span[b-ydy435658m] {
        font-size: 9px;
        font-weight: 700;
    }

    .side-withdrawal-card[b-ydy435658m] {
        display: flex;
        flex-direction: column;
        min-height: 190px;
        background:
            linear-gradient(160deg, rgba(55, 20, 120, .42), rgba(10, 23, 38, .98));
    }

    .side-balance[b-ydy435658m] {
        display: block;
        margin: 5px 0 14px;
        color: #fff;
        font-size: 24px;
    }

    .side-withdrawal-line[b-ydy435658m] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 9px 0;
        border-top: 1px solid rgba(255,255,255,.08);
        border-bottom: 1px solid rgba(255,255,255,.08);
        color: #cbd5e1;
        font-size: 9px;
    }

    .side-withdrawal-line strong[b-ydy435658m] {
        color: #fff;
        white-space: nowrap;
    }

    .side-status[b-ydy435658m] {
        margin-top: 12px;
        padding: 8px 9px;
        border-radius: 7px;
        font-size: 9px;
        font-weight: 700;
    }

    .side-status.warning[b-ydy435658m] {
        background: rgba(245, 158, 11, .14);
        color: #fde68a;
    }

    .side-status.ready[b-ydy435658m] {
        background: rgba(34, 197, 94, .14);
        color: #86efac;
    }

    .side-withdraw-link[b-ydy435658m] {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        margin-top: auto;
        padding-top: 12px;
        color: #c4b5fd;
        font-size: 9px;
        font-weight: 800;
        text-decoration: none;
    }

    .side-withdraw-link:hover[b-ydy435658m] {
        color: #fff;
    }
}

.kpi-grid[b-ydy435658m] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0;
}

.kpi-card[b-ydy435658m] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    background: rgba(10, 23, 38, .92);
}

.kpi-card > i[b-ydy435658m] {
    display: grid;
    place-items: center;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-style: normal;
    font-size: 20px;
    box-shadow: 0 0 22px currentColor;
}

.kpi-card i.purple[b-ydy435658m] { background: rgba(124,58,237,.85); color: #a78bfa; }
.kpi-card i.green[b-ydy435658m] { background: rgba(22,163,74,.82); color: #4ade80; }
.kpi-card i.gold[b-ydy435658m] { background: rgba(217,119,6,.82); color: #fbbf24; }
.kpi-card i.blue[b-ydy435658m] { background: rgba(37,99,235,.82); color: #60a5fa; }

.kpi-card span[b-ydy435658m],
.kpi-card strong[b-ydy435658m],
.kpi-card small[b-ydy435658m] {
    display: block;
}

.kpi-card span[b-ydy435658m] {
    color: #cbd5e1;
    font-size: 11px;
}

.kpi-card strong[b-ydy435658m] {
    margin: 5px 0 3px;
    font-size: 22px;
}

.kpi-card small[b-ydy435658m] {
    color: #9fb0c3;
    font-size: 10px;
}

.dashboard-grid[b-ydy435658m] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, .9fr) minmax(300px, .85fr);
    gap: 12px;
}

.panel[b-ydy435658m],
.benefits-panel[b-ydy435658m] {
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    background: rgba(10, 23, 38, .94);
}

.panel[b-ydy435658m] {
    min-height: 350px;
    padding: 16px;
}

.panel-title[b-ydy435658m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.panel-title h2[b-ydy435658m] {
    margin: 0;
    font-size: 15px;
}

.panel-title p[b-ydy435658m] {
    margin: 3px 0 0;
    color: #94a3b8;
    font-size: 10px;
}

.panel-title a[b-ydy435658m] {
    color: #a78bfa;
    font-size: 11px;
    text-decoration: none;
}

.referral-table[b-ydy435658m] {
    overflow-x: auto;
}

.table-row[b-ydy435658m] {
    display: grid;
    grid-template-columns: 1.6fr .8fr .8fr .9fr .8fr;
    gap: 12px;
    align-items: center;
    min-width: 760px;
    padding: 12px 4px;
    border-bottom: 1px solid rgba(148, 163, 184, .10);
    font-size: 11px;
}

.table-row.header[b-ydy435658m] {
    color: #9fb0c3;
    font-size: 10px;
    font-weight: 700;
}

.table-row > span:first-child[b-ydy435658m] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mini-avatar[b-ydy435658m] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #172554;
    color: #bfdbfe;
    font-style: normal;
    font-weight: 800;
}

.status[b-ydy435658m] {
    display: inline-flex;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 10px;
}

.status.ok[b-ydy435658m] { background: rgba(34,197,94,.15); color: #4ade80; }
.status.pending[b-ydy435658m] { background: rgba(245,158,11,.15); color: #fbbf24; }
.status.cancelled[b-ydy435658m] { background: rgba(239,68,68,.15); color: #f87171; }
.status.info[b-ydy435658m] { background: rgba(59,130,246,.15); color: #60a5fa; }

.commission-cell[b-ydy435658m] {
    font-weight: 800;
}

.donut-layout[b-ydy435658m] {
    display: grid;
    place-items: center;
    gap: 18px;
}

.donut[b-ydy435658m] {
    display: grid;
    place-items: center;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    position: relative;
}

.donut[b-ydy435658m]::after {
    content: "";
    position: absolute;
    inset: 25px;
    border-radius: 50%;
    background: #0a1726;
}

.donut > div[b-ydy435658m] {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    text-align: center;
}

.donut small[b-ydy435658m],
.donut span[b-ydy435658m] {
    color: #94a3b8;
    font-size: 10px;
}

.donut strong[b-ydy435658m] {
    margin: 3px 0;
    font-size: 20px;
}

.plan-legend[b-ydy435658m] {
    display: grid;
    gap: 8px;
    width: 100%;
}

.plan-legend > div[b-ydy435658m] {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    gap: 8px;
    align-items: center;
    font-size: 10px;
}

.plan-legend span strong[b-ydy435658m],
.plan-legend span small[b-ydy435658m] {
    display: block;
}

.plan-legend span small[b-ydy435658m] {
    margin-top: 2px;
    color: #94a3b8;
}

.dot[b-ydy435658m] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.dot.c-1[b-ydy435658m] { background: #7c3aed; }
.dot.c-2[b-ydy435658m] { background: #f59e0b; }
.dot.c-3[b-ydy435658m] { background: #2563eb; }
.dot.c-4[b-ydy435658m] { background: #22c55e; }

.earnings-panel[b-ydy435658m] {
    background: linear-gradient(160deg, rgba(55, 20, 120, .72), rgba(31, 41, 95, .82));
}

.eye[b-ydy435658m] {
    color: #a78bfa;
}

.earnings-total[b-ydy435658m] {
    display: inline-block;
    margin-top: 10px;
    font-size: 31px;
}

.currency[b-ydy435658m] {
    margin-left: 5px;
    color: #ddd6fe;
    font-size: 13px;
}

.earnings-lines[b-ydy435658m] {
    display: grid;
    gap: 8px;
    margin: 20px 0;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,.14);
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.earnings-lines > div[b-ydy435658m],
.withdraw-progress > div[b-ydy435658m] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
}

.withdraw-progress[b-ydy435658m] {
    display: grid;
    gap: 8px;
    margin-bottom: 15px;
}

.withdraw-progress i[b-ydy435658m] {
    height: 8px;
}

.withdraw-progress small[b-ydy435658m] {
    color: #ddd6fe;
    font-size: 10px;
}

.withdraw-warning[b-ydy435658m],
.withdraw-ready[b-ydy435658m] {
    margin-bottom: 14px;
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 10px;
}

.withdraw-warning[b-ydy435658m] {
    background: rgba(245,158,11,.16);
    color: #fde68a;
}

.withdraw-ready[b-ydy435658m] {
    background: rgba(34,197,94,.16);
    color: #86efac;
}

.withdraw-button[b-ydy435658m] {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    color: #111827;
    font-weight: 900;
    cursor: pointer;
}

.withdraw-button:disabled[b-ydy435658m] {
    cursor: not-allowed;
    opacity: .38;
}

.benefits-panel[b-ydy435658m] {
    margin-top: 12px;
    padding: 16px;
}

.benefit-levels[b-ydy435658m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.benefit-levels article[b-ydy435658m] {
    display: flex;
    gap: 12px;
    padding: 13px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 10px;
    background: rgba(15, 23, 42, .55);
}

.benefit-levels article.current[b-ydy435658m] {
    border-color: rgba(251, 191, 36, .55);
    box-shadow: inset 0 0 0 1px rgba(251,191,36,.12);
}

.benefit-medal[b-ydy435658m] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 18px;
}

.benefit-levels span[b-ydy435658m],
.benefit-levels strong[b-ydy435658m],
.benefit-levels small[b-ydy435658m] {
    display: block;
}

.benefit-levels span[b-ydy435658m] {
    color: #f8fafc;
    font-size: 11px;
    font-weight: 800;
}

.benefit-levels strong[b-ydy435658m] {
    margin: 3px 0;
    color: #fbbf24;
    font-size: 12px;
}

.benefit-levels small[b-ydy435658m] {
    color: #94a3b8;
    font-size: 9px;
    line-height: 1.45;
}

.share-banner[b-ydy435658m] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding: 18px;
    border-radius: 10px;
    background: linear-gradient(90deg, #6d28d9, #1d4ed8);
}

.share-banner > span[b-ydy435658m] {
    font-size: 32px;
}

.share-banner h2[b-ydy435658m] {
    margin: 0;
    font-size: 19px;
}

.share-banner p[b-ydy435658m] {
    margin: 4px 0 0;
    font-size: 11px;
}

.share-banner button[b-ydy435658m] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 8px;
    background: rgba(30, 27, 75, .75);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.empty[b-ydy435658m] {
    display: grid;
    place-items: center;
    min-height: 230px;
    color: #94a3b8;
    font-size: 12px;
    text-align: center;
}

footer[b-ydy435658m] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 4px 2px;
    color: #94a3b8;
    font-size: 9px;
}

footer b[b-ydy435658m] {
    color: #fbbf24;
}

.toast-message[b-ydy435658m] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 80;
    max-width: 360px;
    padding: 12px 15px;
    border: 1px solid rgba(34,197,94,.35);
    border-radius: 9px;
    background: #052e20;
    color: #bbf7d0;
    font-size: 11px;
}

.modal-backdrop[b-ydy435658m] {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(2, 6, 23, .76);
    backdrop-filter: blur(4px);
}

.withdraw-modal[b-ydy435658m] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 91;
    width: min(520px, calc(100vw - 28px));
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 14px;
    background: #0a1726;
    color: #fff;
    box-shadow: 0 30px 80px rgba(0,0,0,.55);
}

.withdraw-modal header[b-ydy435658m],
.withdraw-modal footer[b-ydy435658m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.withdraw-modal header span[b-ydy435658m] {
    color: #a78bfa;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}

.withdraw-modal h2[b-ydy435658m] {
    margin: 4px 0 0;
}

.withdraw-modal header button[b-ydy435658m] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: #111f30;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.withdraw-balance[b-ydy435658m] {
    display: grid;
    gap: 3px;
    margin: 18px 0;
    padding: 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(109,40,217,.24), rgba(37,99,235,.17));
}

.withdraw-balance small[b-ydy435658m],
.withdraw-balance span[b-ydy435658m] {
    color: #c4b5fd;
    font-size: 10px;
}

.withdraw-balance strong[b-ydy435658m] {
    font-size: 26px;
}

.withdraw-modal label[b-ydy435658m] {
    display: grid;
    gap: 7px;
}

.withdraw-modal label > span[b-ydy435658m] {
    font-size: 11px;
    font-weight: 800;
}

.withdraw-modal label input[b-ydy435658m] {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid rgba(148,163,184,.25);
    border-radius: 8px;
    background: #07111e;
    color: #fff;
    font-size: 16px;
}

.withdraw-modal label small[b-ydy435658m] {
    color: #94a3b8;
    font-size: 9px;
}

.withdraw-modal footer[b-ydy435658m] {
    justify-content: flex-end;
    margin-top: 18px;
    padding: 0;
}

.primary-button[b-ydy435658m],
.secondary-button[b-ydy435658m] {
    min-height: 40px;
    padding: 0 15px;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
}

.primary-button[b-ydy435658m] {
    border: 0;
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    color: #111827;
}

.secondary-button[b-ydy435658m] {
    margin-right: 8px;
    border: 1px solid rgba(148,163,184,.22);
    background: transparent;
    color: #fff;
}

.form-error[b-ydy435658m] {
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid rgba(239,68,68,.35);
    border-radius: 8px;
    background: rgba(127,29,29,.22);
    color: #fecaca;
    font-size: 10px;
}

.mobile-topbar[b-ydy435658m],
.mobile-menu-backdrop[b-ydy435658m],
.mobile-sidebar-head[b-ydy435658m] {
    display: none;
}

.error-state[b-ydy435658m] {
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 30px;
    background: #06111d;
    color: #fff;
    text-align: center;
}

.error-state button[b-ydy435658m] {
    min-height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: #fbbf24;
    font-weight: 800;
}

.state-icon[b-ydy435658m] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(239,68,68,.16);
    color: #f87171;
    font-size: 26px;
}

.skeleton[b-ydy435658m] {
    border-radius: 12px;
    background: linear-gradient(90deg, #0f1f30 25%, #17283a 37%, #0f1f30 63%);
    background-size: 400% 100%;
    animation: shimmer-b-ydy435658m 1.4s infinite;
}

.loading-shell .affiliate-main[b-ydy435658m] {
    margin-left: 0;
}

.skeleton.hero[b-ydy435658m] {
    height: 190px;
    margin-bottom: 14px;
}

.skeleton.kpi[b-ydy435658m] {
    height: 110px;
}

.skeleton.body[b-ydy435658m] {
    height: 420px;
    margin-top: 14px;
}

@keyframes shimmer-b-ydy435658m {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

@media (max-width: 1220px) {
    .kpi-grid[b-ydy435658m] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-grid[b-ydy435658m] {
        grid-template-columns: 1fr 1fr;
    }

    .referrals-panel[b-ydy435658m] {
        grid-column: 1 / -1;
    }

    .level-hero[b-ydy435658m] {
        grid-template-columns: 100px 1fr 1px 1.2fr;
    }

    .trophy[b-ydy435658m] {
        display: none;
    }

    .benefit-levels[b-ydy435658m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .mobile-topbar[b-ydy435658m] {
        position: sticky;
        top: 0;
        z-index: 25;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(148,163,184,.15);
        background: #07111e;
    }

    .hamburger-button[b-ydy435658m] {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
    }

    .sidebar[b-ydy435658m] {
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .mobile-menu-open .sidebar[b-ydy435658m] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-ydy435658m] {
        position: fixed;
        inset: 0;
        z-index: 29;
        border: 0;
        background: rgba(2,6,23,.66);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-ydy435658m] {
        display: block;
    }

    .mobile-sidebar-head[b-ydy435658m] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .mobile-sidebar-head button[b-ydy435658m] {
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 22px;
    }

    .affiliate-main[b-ydy435658m] {
        margin-left: 0;
        padding: 14px;
    }

    .topbar[b-ydy435658m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .top-actions[b-ydy435658m] {
        width: 100%;
        flex-wrap: wrap;
    }

    .level-hero[b-ydy435658m] {
        grid-template-columns: 86px 1fr;
    }

    .hero-divider[b-ydy435658m],
    .trophy[b-ydy435658m] {
        display: none;
    }

    .level-progress-box[b-ydy435658m] {
        grid-column: 1 / -1;
    }

    .level-medal[b-ydy435658m] {
        width: 78px;
        height: 78px;
        border-width: 6px;
        font-size: 30px;
    }

    .kpi-grid[b-ydy435658m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-grid[b-ydy435658m] {
        grid-template-columns: 1fr;
    }

    .referrals-panel[b-ydy435658m] {
        grid-column: auto;
    }

    .benefit-levels[b-ydy435658m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .kpi-grid[b-ydy435658m] {
        grid-template-columns: 1fr;
    }

    .top-actions select[b-ydy435658m] {
        flex: 1 1 180px;
    }

    .last-update[b-ydy435658m] {
        display: none;
    }

    .level-hero[b-ydy435658m] {
        padding: 16px;
    }

    .level-copy h2[b-ydy435658m] {
        font-size: 18px;
    }

    .share-banner[b-ydy435658m] {
        grid-template-columns: auto 1fr;
    }

    .share-banner button[b-ydy435658m] {
        grid-column: 1 / -1;
        width: 100%;
    }

    footer[b-ydy435658m] {
        flex-direction: column;
    }
}

/* ==========================================================================
   CABECERA DIAMANTE - NIVEL MÁXIMO
   Visual exclusivo para el nivel más alto.
   ========================================================================== */
.diamond-hero[b-ydy435658m] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(310px, .9fr) 1px minmax(430px, 1.5fr) 1px minmax(260px, .8fr);
    align-items: center;
    gap: 28px;
    min-height: 200px;
    overflow: hidden;
    padding: 24px 30px;
    border: 1px solid rgba(124, 58, 237, .72);
    border-radius: 18px;
    background:
        radial-gradient(circle at 9% 48%, rgba(124, 58, 237, .34), transparent 24%),
        radial-gradient(circle at 62% 20%, rgba(37, 99, 235, .18), transparent 30%),
        linear-gradient(115deg, #31106f 0%, #24105c 24%, #111850 58%, #071332 100%);
    box-shadow:
        0 0 0 1px rgba(96, 165, 250, .08),
        0 18px 48px rgba(24, 10, 70, .34),
        inset 0 0 50px rgba(139, 92, 246, .08);
}

.diamond-hero[b-ydy435658m]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(105deg, rgba(255,255,255,.03), transparent 22%),
        radial-gradient(circle at 42% 120%, rgba(236, 72, 153, .12), transparent 32%);
    pointer-events: none;
}

.diamond-level-block[b-ydy435658m] {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
}

.diamond-orbit[b-ydy435658m] {
    position: relative;
    display: grid;
    place-items: center;
    width: 108px;
    height: 108px;
}

.diamond-orbit-ring[b-ydy435658m] {
    position: absolute;
    inset: 4px;
    border: 3px solid rgba(96, 165, 250, .78);
    border-top-color: #a78bfa;
    border-right-color: #22d3ee;
    border-radius: 50%;
    box-shadow:
        0 0 18px rgba(96, 165, 250, .42),
        inset 0 0 20px rgba(124, 58, 237, .20);
    animation: diamond-ring-spin-b-ydy435658m 5.6s linear infinite;
}

.diamond-gem[b-ydy435658m] {
    position: relative;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255,255,255,.48);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(125, 211, 252, .30), rgba(124, 58, 237, .46));
    box-shadow:
        0 0 18px rgba(34, 211, 238, .48),
        0 0 32px rgba(124, 58, 237, .40),
        inset 0 0 18px rgba(255,255,255,.14);
    transform: scale(.68);
    animation: diamond-gem-increment-b-ydy435658m 2.4s ease-in-out infinite;
}

.diamond-gem > span[b-ydy435658m] {
    color: #e0f2fe;
    font-size: 30px;
    line-height: 1;
    text-shadow:
        0 0 7px #ffffff,
        0 0 15px #38bdf8,
        0 0 25px #8b5cf6;
    animation: diamond-gem-shine-b-ydy435658m 1.9s ease-in-out infinite;
}

.diamond-particle[b-ydy435658m] {
    position: absolute;
    z-index: 4;
    color: #c4b5fd;
    text-shadow: 0 0 12px #8b5cf6;
    opacity: .4;
    animation: diamond-particle-pulse-b-ydy435658m 2s ease-in-out infinite;
}

.particle-a[b-ydy435658m] {
    top: 3px;
    right: 10px;
}

.particle-b[b-ydy435658m] {
    bottom: 8px;
    left: 1px;
    animation-delay: .6s;
}

.particle-c[b-ydy435658m] {
    top: 43px;
    left: 5px;
    font-size: 9px;
    animation-delay: 1.1s;
}

.diamond-level-copy small[b-ydy435658m] {
    display: block;
    margin-bottom: 5px;
    color: #c4b5fd;
    font-size: 10px;
}

.diamond-level-copy h2[b-ydy435658m] {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(25px, 2.3vw, 38px);
    letter-spacing: .5px;
    text-shadow: 0 0 20px rgba(196, 181, 253, .24);
}

.diamond-commission[b-ydy435658m] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #8b5cf6, #6d28d9);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 8px 24px rgba(109, 40, 217, .30);
}

.diamond-level-copy p[b-ydy435658m] {
    margin: 10px 0 0;
    color: #cbd5e1;
    font-size: 9px;
}

.diamond-level-copy p strong[b-ydy435658m] {
    color: #fff;
}

.diamond-divider[b-ydy435658m] {
    width: 1px;
    height: 115px;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(167, 139, 250, .58) 20%,
        rgba(96, 165, 250, .42) 80%,
        transparent
    );
}

.diamond-growth-block[b-ydy435658m] {
    min-width: 0;
}

.diamond-growth-title[b-ydy435658m] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px;
}

.diamond-growth-title strong[b-ydy435658m] {
    color: #fff;
    font-size: 18px;
}

.diamond-people-icon[b-ydy435658m] {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #dbeafe;
    font-size: 15px;
}

.diamond-growth-subtitle[b-ydy435658m] {
    margin-bottom: 15px;
    color: #c4b5fd;
    font-size: 10px;
}

.diamond-progress-track[b-ydy435658m] {
    position: relative;
    height: 14px;
    overflow: visible;
    border-radius: 999px;
    background: rgba(2, 6, 23, .60);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}

.diamond-progress-track > span[b-ydy435658m] {
    position: absolute;
    inset: 0;
    width: 100%;
    border-radius: inherit;
    transform-origin: left center;
    background: linear-gradient(
        90deg,
        #facc15 0%,
        #fb923c 22%,
        #ec4899 45%,
        #8b5cf6 68%,
        #3b82f6 88%,
        #38bdf8 100%
    );
    box-shadow: 0 0 16px rgba(139, 92, 246, .42);
    animation: diamond-progress-grow-b-ydy435658m 1.25s cubic-bezier(.22,.75,.21,1) both;
}

.diamond-progress-track > i[b-ydy435658m] {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -2px;
    width: 18px;
    height: 18px;
    border: 3px solid #dbeafe;
    border-radius: 50%;
    background: #7dd3fc;
    box-shadow:
        0 0 14px #38bdf8,
        0 0 24px rgba(139, 92, 246, .40);
    transform: translateY(-50%) scale(0);
    animation: diamond-progress-dot-b-ydy435658m 1.25s .95s cubic-bezier(.22,.75,.21,1) forwards;
}

.diamond-growth-metrics[b-ydy435658m] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 13px;
}

.diamond-growth-metrics > div[b-ydy435658m] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.diamond-counter[b-ydy435658m] {
    min-width: 1.3ch;
    color: #fff;
    font-size: 19px;
    font-variant-numeric: tabular-nums;
}

.diamond-growth-metrics span[b-ydy435658m] {
    color: #cbd5e1;
    font-size: 10px;
}

.diamond-max-label[b-ydy435658m] {
    text-align: right;
}

.diamond-max-label strong[b-ydy435658m] {
    color: #67e8f9;
}

.diamond-congrats[b-ydy435658m] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
}

.diamond-crown[b-ydy435658m] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(250, 204, 21, .12);
    color: #fde047;
    font-size: 26px;
    text-shadow: 0 0 15px rgba(250, 204, 21, .48);
    animation: diamond-crown-float-b-ydy435658m 2.8s ease-in-out infinite;
}

.diamond-congrats h3[b-ydy435658m] {
    margin: 0 0 7px;
    color: #fff;
    font-size: 18px;
}

.diamond-congrats p[b-ydy435658m] {
    margin: 0 0 12px;
    color: #dbeafe;
    font-size: 10px;
    line-height: 1.5;
}

.diamond-congrats span[b-ydy435658m] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(79, 70, 229, .46);
    color: #eef2ff;
    font-size: 9px;
    font-weight: 800;
}

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

@keyframes diamond-gem-increment-b-ydy435658m {
    0%, 100% {
        transform: scale(.68) translateY(0);
        filter: brightness(.88);
    }

    45% {
        transform: scale(.90) translateY(-2px);
        filter: brightness(1.16);
    }

    70% {
        transform: scale(.80) translateY(-1px);
        filter: brightness(1.03);
    }
}

@keyframes diamond-gem-shine-b-ydy435658m {
    0%, 100% {
        opacity: .82;
        transform: rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: rotate(4deg);
    }
}

@keyframes diamond-particle-pulse-b-ydy435658m {
    0%, 100% {
        transform: scale(.65) rotate(0deg);
        opacity: .28;
    }

    50% {
        transform: scale(1.25) rotate(20deg);
        opacity: 1;
    }
}

@keyframes diamond-progress-grow-b-ydy435658m {
    from {
        transform: scaleX(0);
        filter: saturate(.8);
    }

    to {
        transform: scaleX(1);
        filter: saturate(1.15);
    }
}

@keyframes diamond-progress-dot-b-ydy435658m {
    from {
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }

    to {
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
}

@keyframes diamond-crown-float-b-ydy435658m {
    0%, 100% {
        transform: translateY(0) rotate(-2deg);
    }

    50% {
        transform: translateY(-5px) rotate(2deg);
    }
}

@media (max-width: 1180px) {
    .diamond-hero[b-ydy435658m] {
        grid-template-columns: minmax(280px, .9fr) 1px minmax(360px, 1.3fr);
    }

    .diamond-congrats[b-ydy435658m] {
        grid-column: 1 / -1;
        padding-top: 4px;
    }

    .diamond-divider:last-of-type[b-ydy435658m] {
        display: none;
    }
}

@media (max-width: 760px) {
    .diamond-hero[b-ydy435658m] {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .diamond-divider[b-ydy435658m] {
        width: 100%;
        height: 1px;
    }

    .diamond-level-block[b-ydy435658m] {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .diamond-orbit[b-ydy435658m] {
        width: 88px;
        height: 88px;
    }

    .diamond-gem[b-ydy435658m] {
        width: 44px;
        height: 44px;
    }

    .diamond-gem > span[b-ydy435658m] {
        font-size: 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .diamond-orbit-ring[b-ydy435658m],
    .diamond-gem[b-ydy435658m],
    .diamond-gem > span[b-ydy435658m],
    .diamond-particle[b-ydy435658m],
    .diamond-progress-track > span[b-ydy435658m],
    .diamond-progress-track > i[b-ydy435658m],
    .diamond-crown[b-ydy435658m] {
        animation: none !important;
    }

    .diamond-progress-track > span[b-ydy435658m] {
        transform: scaleX(1);
    }

    .diamond-progress-track > i[b-ydy435658m] {
        transform: translateY(-50%) scale(1);
    }
}

/* /Pages/Affiliate/LevelsBenefits.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - NIVELES Y BENEFICIOS DEL AFILIADO
   Diseño separado del código de presentación.
   ============================================================================ */

*[b-cwcqebv1rc] {
    box-sizing: border-box;
}

.levels-shell[b-cwcqebv1rc] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 55% 0, #071522 0, #03101a 45%, #02080e 100%);
    color: #f8fafc;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

/* ============================================================================
   SIDEBAR - MISMO LENGUAJE VISUAL DEL DASHBOARD
   ============================================================================ */
.sidebar[b-cwcqebv1rc] {
    min-height: 100vh;
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-right: 1px solid #203244;
    background: #040d16;
}

.brand[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 8px 8px;
}

.brand-mark[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #eff3f7;
    color: #101923;
    font-size: 20px;
    font-weight: 900;
}

.brand strong[b-cwcqebv1rc] {
    font-size: 18px;
}

.brand strong b[b-cwcqebv1rc],
.brand b[b-cwcqebv1rc] {
    color: #ffc400;
}

.brand small[b-cwcqebv1rc],
.profile-mini small[b-cwcqebv1rc] {
    display: block;
    color: #8ea0b1;
    font-size: 10px;
}

.profile-mini[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #263c4e;
    border-radius: 11px;
    background: #071521;
}

.avatar[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    background: linear-gradient(145deg, #d97706, #9a3412);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.profile-mini div[b-cwcqebv1rc] {
    min-width: 0;
}

.profile-mini strong[b-cwcqebv1rc] {
    display: block;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-mini em[b-cwcqebv1rc] {
    display: inline-flex;
    margin-top: 3px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #3a2b00;
    color: #ffd32b;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
}

.sidebar nav[b-cwcqebv1rc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sidebar nav a[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #f1f5f9;
    font-size: 12px;
    text-decoration: none;
    transition: .16s ease;
}

.sidebar nav a:hover[b-cwcqebv1rc] {
    background: #0b1a27;
}

.sidebar nav a.active[b-cwcqebv1rc] {
    background: linear-gradient(90deg, #6d28d9, #9333ea);
    box-shadow: 0 10px 22px rgba(109, 40, 217, .22);
}

.share-card[b-cwcqebv1rc] {
    margin-top: auto;
    padding: 14px;
    border: 1px solid #5934a4;
    border-radius: 11px;
    background: linear-gradient(145deg, #2b1468, #15145a);
}

.share-card > span[b-cwcqebv1rc] {
    font-size: 25px;
}

.share-card strong[b-cwcqebv1rc] {
    display: block;
    margin: 8px 0 5px;
}

.share-card p[b-cwcqebv1rc] {
    margin: 0 0 10px;
    color: #d7ccff;
    font-size: 10px;
    line-height: 1.45;
}

.share-card button[b-cwcqebv1rc] {
    width: 100%;
    min-height: 36px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #6427d8;
    font-weight: 800;
    cursor: pointer;
}

/* ============================================================================
   MAIN
   ============================================================================ */
.levels-main[b-cwcqebv1rc] {
    min-width: 0;
    margin-left: 232px;
    padding: 20px 22px 28px;
}

.page-header[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.page-header h1[b-cwcqebv1rc] {
    margin: 0;
    font-size: clamp(24px, 2vw, 34px);
}

.page-header h1 span[b-cwcqebv1rc] {
    color: #8b5cf6;
}

.page-header p[b-cwcqebv1rc] {
    margin: 5px 0 0;
    color: #b7c3cf;
    font-size: 12px;
}

.current-level-chip[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 46px;
    padding: 0 15px;
    border: 1px solid #2e4355;
    border-radius: 10px;
    background: #0b1a27;
    font-size: 11px;
}

.current-level-chip span[b-cwcqebv1rc] {
    font-size: 18px;
}

.current-level-chip.bronze span[b-cwcqebv1rc] { color: #f59e0b; }
.current-level-chip.silver span[b-cwcqebv1rc] { color: #cbd5e1; }
.current-level-chip.gold span[b-cwcqebv1rc] { color: #facc15; }
.current-level-chip.diamond span[b-cwcqebv1rc] { color: #38bdf8; }

.levels-layout[b-cwcqebv1rc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 292px;
    gap: 14px;
}

.levels-content[b-cwcqebv1rc] {
    min-width: 0;
}

/* ============================================================================
   HERO
   ============================================================================ */
.benefits-hero[b-cwcqebv1rc] {
    position: relative;
    isolation: isolate;
    min-height: 190px;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    overflow: hidden;
    padding: 26px 30px;
    border: 1px solid rgba(124, 58, 237, .48);
    border-radius: 14px;
    background:
        radial-gradient(circle at 73% 36%, rgba(99, 102, 241, .30), transparent 31%),
        linear-gradient(120deg, #25104f 0%, #171242 46%, #071b33 100%);
    box-shadow: 0 18px 44px rgba(0,0,0,.16);
}

.benefits-hero[b-cwcqebv1rc]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(110deg, rgba(255,255,255,.025), transparent 33%);
}

.hero-copy small[b-cwcqebv1rc] {
    color: #b59cff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hero-copy h2[b-cwcqebv1rc] {
    margin: 9px 0 12px;
    max-width: 620px;
    font-size: clamp(22px, 2.2vw, 32px);
    line-height: 1.12;
}

.hero-copy p[b-cwcqebv1rc] {
    max-width: 590px;
    margin: 0;
    color: #cdd3e3;
    font-size: 11px;
    line-height: 1.55;
}

.hero-levels[b-cwcqebv1rc] {
    position: relative;
    align-self: end;
    min-height: 150px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
}

.hero-pillar[b-cwcqebv1rc] {
    width: 58px;
    height: calc(36px + var(--order) * 25px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 12px;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px rgba(255,255,255,.18), 0 0 20px rgba(0,0,0,.25);
}

.hero-pillar span[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 22px;
    box-shadow: 0 0 18px currentColor;
}

.hero-pillar.bronze[b-cwcqebv1rc] { background: linear-gradient(#6b3419, #2d170e); color: #ff9f55; }
.hero-pillar.silver[b-cwcqebv1rc] { background: linear-gradient(#4e5b72, #202939); color: #dbeafe; }
.hero-pillar.gold[b-cwcqebv1rc] { background: linear-gradient(#8b6a10, #3c2d06); color: #ffd54a; }
.hero-pillar.diamond[b-cwcqebv1rc] { background: linear-gradient(#1636aa, #101d68); color: #4dd8ff; }

.growth-arrow[b-cwcqebv1rc] {
    position: absolute;
    top: 1px;
    right: 12%;
    color: #9c6cff;
    font-size: 44px;
    font-style: normal;
    text-shadow: 0 0 20px #8b5cf6;
}

/* ============================================================================
   LEVEL CARDS
   ============================================================================ */
.level-card-grid[b-cwcqebv1rc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.level-card[b-cwcqebv1rc] {
    min-width: 0;
    min-height: 322px;
    display: flex;
    flex-direction: column;
    padding: 17px;
    border: 1px solid #2d4050;
    border-radius: 12px;
    background: linear-gradient(145deg, #0d1b28, #07131d);
    box-shadow: 0 12px 28px rgba(0,0,0,.13);
}

.level-card.bronze[b-cwcqebv1rc] { border-color: rgba(217,119,6,.52); background: linear-gradient(145deg,#20160f,#0c151d); }
.level-card.silver[b-cwcqebv1rc] { border-color: rgba(148,163,184,.48); }
.level-card.gold[b-cwcqebv1rc] { border-color: rgba(234,179,8,.48); background: linear-gradient(145deg,#201e0d,#0b171e); }
.level-card.diamond[b-cwcqebv1rc] { border-color: rgba(14,165,233,.62); background: linear-gradient(145deg,#09223a,#071521); }

.level-card.current[b-cwcqebv1rc] {
    box-shadow: 0 0 0 1px currentColor, 0 12px 28px rgba(0,0,0,.18);
}

.level-card-head[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.level-medal[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 50%;
    font-size: 26px;
    background: #172433;
    box-shadow: inset 0 0 0 4px rgba(255,255,255,.05), 0 0 18px currentColor;
}

.bronze .level-medal[b-cwcqebv1rc] { color:#f97316; background:#6c2f10; }
.silver .level-medal[b-cwcqebv1rc] { color:#e2e8f0; background:#475569; }
.gold .level-medal[b-cwcqebv1rc] { color:#fde047; background:#8a6500; }
.diamond .level-medal[b-cwcqebv1rc] { color:#67e8f9; background:#075985; }

.level-card-head h3[b-cwcqebv1rc] {
    margin: 0 0 4px;
    font-size: 15px;
}

.level-card-head p[b-cwcqebv1rc] {
    margin: 0;
    color: #bcc8d2;
    font-size: 9px;
}

.commission-value[b-cwcqebv1rc] {
    margin: 13px 0;
}

.commission-value strong[b-cwcqebv1rc] {
    display: block;
    font-size: 29px;
}

.bronze .commission-value strong[b-cwcqebv1rc] { color:#fdba74; }
.silver .commission-value strong[b-cwcqebv1rc] { color:#e2e8f0; }
.gold .commission-value strong[b-cwcqebv1rc] { color:#fde047; }
.diamond .commission-value strong[b-cwcqebv1rc] { color:#67e8f9; }

.commission-value span[b-cwcqebv1rc] {
    font-size: 10px;
    color: #b9c4cf;
}

.level-card ul[b-cwcqebv1rc] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.level-card li[b-cwcqebv1rc] {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    color: #d9e0e7;
    font-size: 9px;
    line-height: 1.35;
}

.level-card li b[b-cwcqebv1rc] {
    color: #22c55e;
}

.more-benefits[b-cwcqebv1rc] {
    display: block;
    margin-top: 9px;
    color: #8697a7;
    font-size: 8px;
}

.level-card-footer[b-cwcqebv1rc] {
    margin-top: auto;
    padding-top: 13px;
}

.level-card-footer span[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    min-height: 36px;
    border-radius: 8px;
    background: rgba(76, 97, 122, .42);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.level-card.current .level-card-footer span[b-cwcqebv1rc] {
    background: rgba(124, 58, 237, .42);
}

.level-card-footer .achieved[b-cwcqebv1rc] {
    background: rgba(16, 185, 129, .15) !important;
    color: #6ee7b7;
}

/* ============================================================================
   COMPARISON
   ============================================================================ */
.comparison-panel[b-cwcqebv1rc] {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid #2a3f50;
    border-radius: 12px;
    background: #071724;
}

.comparison-panel > header[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid #213749;
}

.comparison-panel > header > span[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #5b21b6;
    color: #fff;
}

.comparison-panel h2[b-cwcqebv1rc] {
    margin: 0;
    font-size: 14px;
}

.comparison-panel p[b-cwcqebv1rc] {
    margin: 3px 0 0;
    color: #92a4b4;
    font-size: 9px;
}

.comparison-scroll[b-cwcqebv1rc] {
    overflow-x: auto;
}

.comparison-panel table[b-cwcqebv1rc] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.comparison-panel th[b-cwcqebv1rc],
.comparison-panel td[b-cwcqebv1rc] {
    height: 30px;
    padding: 6px 10px;
    border-right: 1px solid #173044;
    border-bottom: 1px solid #173044;
    font-size: 9px;
    text-align: center;
}

.comparison-panel th:first-child[b-cwcqebv1rc],
.comparison-panel td:first-child[b-cwcqebv1rc] {
    width: 34%;
    text-align: left;
}

.comparison-panel th[b-cwcqebv1rc] {
    background: #0d2334;
    font-size: 10px;
}

.comparison-panel th.bronze[b-cwcqebv1rc] { background:#63351d; color:#ffd0a4; }
.comparison-panel th.silver[b-cwcqebv1rc] { background:#334155; color:#f1f5f9; }
.comparison-panel th.gold[b-cwcqebv1rc] { background:#5b4a0d; color:#fde68a; }
.comparison-panel th.diamond[b-cwcqebv1rc] { background:#075985; color:#cffafe; }

.included[b-cwcqebv1rc] {
    color: #27e58d;
    font-size: 14px;
    font-weight: 900;
}

.not-included[b-cwcqebv1rc] {
    color: #6b7d8b;
}

/* ============================================================================
   RIGHTBAR
   ============================================================================ */
.levels-rightbar[b-cwcqebv1rc] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.side-card[b-cwcqebv1rc],
.help-card[b-cwcqebv1rc],
.share-level-card[b-cwcqebv1rc] {
    padding: 15px;
    border: 1px solid #2a4051;
    border-radius: 12px;
    background: linear-gradient(145deg, #0b1b29, #07131d);
}

.side-card header[b-cwcqebv1rc] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.side-card header > span[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #5b21b6;
}

.side-card h3[b-cwcqebv1rc],
.help-card h3[b-cwcqebv1rc],
.share-level-card h3[b-cwcqebv1rc] {
    margin: 0;
    font-size: 13px;
}

.progress-number[b-cwcqebv1rc] {
    display: block;
    font-size: 25px;
}

.progress-card > span[b-cwcqebv1rc] {
    display: block;
    margin: 2px 0 11px;
    color: #a9b7c4;
    font-size: 9px;
}

.progress-row[b-cwcqebv1rc] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

.progress-track[b-cwcqebv1rc] {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #182837;
}

.progress-track i[b-cwcqebv1rc] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6d28d9, #a855f7);
}

.progress-row b[b-cwcqebv1rc] {
    font-size: 9px;
}

.progress-message[b-cwcqebv1rc] {
    display: flex;
    gap: 9px;
    margin-top: 14px;
    padding: 10px;
    border-radius: 8px;
    background: #0b2437;
}

.progress-message span[b-cwcqebv1rc] {
    color: #93c5fd;
}

.progress-message p[b-cwcqebv1rc] {
    margin: 0;
    color: #cbd5e1;
    font-size: 9px;
    line-height: 1.45;
}

.progress-message.success[b-cwcqebv1rc] {
    background: rgba(16, 185, 129, .10);
}

.tips-card ol[b-cwcqebv1rc] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tips-card li[b-cwcqebv1rc] {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: 9px;
    line-height: 1.45;
}

.tips-card li b[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 50%;
    background: #6d28d9;
}

.share-level-card[b-cwcqebv1rc] {
    border-color: #7047c7;
    background: linear-gradient(145deg, #3a177c, #21115e);
}

.share-level-card > span[b-cwcqebv1rc] {
    font-size: 22px;
}

.share-level-card h3[b-cwcqebv1rc] {
    margin: 7px 0;
    line-height: 1.35;
}

.share-level-card p[b-cwcqebv1rc],
.help-card p[b-cwcqebv1rc] {
    color: #c7c4dc;
    font-size: 9px;
    line-height: 1.5;
}

.share-level-card button[b-cwcqebv1rc],
.help-card a[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 37px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #5b21b6;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.help-card > span[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #e2e8f0;
    color: #172033;
    font-weight: 900;
}

.help-card h3[b-cwcqebv1rc] {
    margin-top: 8px;
}

.help-card a[b-cwcqebv1rc] {
    background: #241257;
    color: #fff;
}

/* ============================================================================
   STATES
   ============================================================================ */
.loading-card[b-cwcqebv1rc] {
    display: grid;
    gap: 12px;
}

.skeleton[b-cwcqebv1rc] {
    border-radius: 12px;
    background: linear-gradient(90deg, #0d1a25, #14283a, #0d1a25);
    background-size: 220%;
    animation: shimmer-b-cwcqebv1rc 1.2s linear infinite;
}

.skeleton.hero[b-cwcqebv1rc] { height: 190px; }
.skeleton.cards[b-cwcqebv1rc] { height: 320px; }
.skeleton.table[b-cwcqebv1rc] { height: 280px; }

@keyframes shimmer-b-cwcqebv1rc {
    to { background-position: -220% 0; }
}

.error-card[b-cwcqebv1rc] {
    min-height: 360px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 30px;
    border: 1px solid #4b3140;
    border-radius: 12px;
    background: #13121a;
    text-align: center;
}

.error-card > span[b-cwcqebv1rc] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #5c1c2b;
    color: #fecdd3;
    font-weight: 900;
}

.error-card button[b-cwcqebv1rc] {
    min-height: 38px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: #7c3aed;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

/* ============================================================================
   MENÚ HAMBURGUESA - EXACTAMENTE EL PATRÓN DE RESUMEN
   ============================================================================ */
.mobile-topbar[b-cwcqebv1rc],
.mobile-sidebar-head[b-cwcqebv1rc],
.mobile-menu-backdrop[b-cwcqebv1rc] {
    display: none;
}

@media (max-width: 1180px) {
    .levels-layout[b-cwcqebv1rc] {
        grid-template-columns: 1fr;
    }

    .levels-rightbar[b-cwcqebv1rc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .level-card-grid[b-cwcqebv1rc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .levels-shell[b-cwcqebv1rc] {
        display: block;
    }

    .mobile-topbar[b-cwcqebv1rc] {
        display: flex !important;
        position: sticky;
        top: 0;
        z-index: 900;
        height: 58px;
        align-items: center;
        gap: 12px;
        padding: 8px 12px;
        border-bottom: 1px solid #243442;
        background: #030a11;
        color: #fff;
    }

    .mobile-topbar strong[b-cwcqebv1rc] {
        font-size: 18px;
    }

    .mobile-topbar b[b-cwcqebv1rc] {
        color: #ffc400;
    }

    .hamburger-button[b-cwcqebv1rc],
    .mobile-sidebar-head button[b-cwcqebv1rc] {
        width: 42px;
        height: 42px;
        border: 1px solid #344554;
        border-radius: 9px;
        background: #09141e;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .mobile-menu-backdrop[b-cwcqebv1rc] {
        display: none;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-cwcqebv1rc] {
        display: block !important;
        position: fixed;
        inset: 0;
        z-index: 1000;
        border: 0;
        background: rgba(0,0,0,.68);
    }

    .sidebar[b-cwcqebv1rc] {
        position: fixed !important;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1001;
        width: min(86vw, 310px) !important;
        height: 100dvh !important;
        min-height: 0 !important;
        padding: 14px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #030a11 !important;
        border-right: 1px solid #2b3b49 !important;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 18px 0 45px #0009;
    }

    .mobile-menu-open .sidebar[b-cwcqebv1rc] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-cwcqebv1rc] {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .sidebar nav[b-cwcqebv1rc] {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .sidebar nav a[b-cwcqebv1rc] {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .levels-main[b-cwcqebv1rc] {
        padding: 14px 12px 24px;
    }

    .page-header[b-cwcqebv1rc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .benefits-hero[b-cwcqebv1rc] {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 22px;
    }

    .hero-levels[b-cwcqebv1rc] {
        min-height: 125px;
    }
}

@media (max-width: 640px) {
    .level-card-grid[b-cwcqebv1rc],
    .levels-rightbar[b-cwcqebv1rc] {
        grid-template-columns: 1fr;
    }

    .current-level-chip[b-cwcqebv1rc] {
        width: 100%;
    }

    .benefits-hero[b-cwcqebv1rc] {
        padding: 18px;
    }

    .hero-copy h2 br[b-cwcqebv1rc] {
        display: none;
    }

    .hero-pillar[b-cwcqebv1rc] {
        width: 48px;
    }

    .comparison-panel > header[b-cwcqebv1rc] {
        align-items: flex-start;
    }
}


/* ============================================================================
   FIX RESPONSIVE TRANSVERSAL - AFILIADO - 2026-09-06
   Objetivo:
   - Conservar el diseño completo en desktop.
   - Adaptar progresivamente laptop y tablet sin forzar el layout móvil.
   - Reservar el comportamiento de una sola columna / menú hamburguesa para móvil.
   - Evitar compresión, superposición y desbordamientos al cambiar el viewport.
   ============================================================================ */

/* --------------------------------------------------------------------------
   BASE FLUIDA
   -------------------------------------------------------------------------- */
:host[b-cwcqebv1rc] {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

/* --------------------------------------------------------------------------
   LAPTOP / DESKTOP COMPACTO: 1024px - 1399px
   Se conserva la experiencia de escritorio, reduciendo únicamente densidad.
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1399px) {
    .referrals-main[b-cwcqebv1rc],
    .commissions-main[b-cwcqebv1rc],
    .withdrawals-main[b-cwcqebv1rc],
    .levels-main[b-cwcqebv1rc],
    .tools-main[b-cwcqebv1rc],
    .reports-main[b-cwcqebv1rc],
    .reports-page[b-cwcqebv1rc] {
        min-width: 0 !important;
        max-width: none !important;
    }

    .kpi-grid[b-cwcqebv1rc],
    .summary-grid[b-cwcqebv1rc],
    .stats-grid[b-cwcqebv1rc],
    .metrics-grid[b-cwcqebv1rc] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .content-grid[b-cwcqebv1rc],
    .content-layout[b-cwcqebv1rc],
    .levels-layout[b-cwcqebv1rc],
    .reports-layout[b-cwcqebv1rc] {
        min-width: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   TABLET: 768px - 1023px
   No se aplica el layout móvil estrecho. Las tarjetas pasan a dos columnas,
   paneles secundarios bajan y las tablas conservan scroll horizontal propio.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
    .referrals-main[b-cwcqebv1rc],
    .commissions-main[b-cwcqebv1rc],
    .withdrawals-main[b-cwcqebv1rc],
    .levels-main[b-cwcqebv1rc],
    .tools-main[b-cwcqebv1rc],
    .reports-main[b-cwcqebv1rc],
    .reports-page[b-cwcqebv1rc] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .kpi-grid[b-cwcqebv1rc],
    .summary-grid[b-cwcqebv1rc],
    .stats-grid[b-cwcqebv1rc],
    .metrics-grid[b-cwcqebv1rc],
    .level-cards[b-cwcqebv1rc],
    .tool-cards[b-cwcqebv1rc],
    .reports-kpis[b-cwcqebv1rc] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .content-grid[b-cwcqebv1rc],
    .content-layout[b-cwcqebv1rc],
    .levels-layout[b-cwcqebv1rc],
    .reports-layout[b-cwcqebv1rc] {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .right-column[b-cwcqebv1rc],
    .side-column[b-cwcqebv1rc],
    .levels-aside[b-cwcqebv1rc],
    .reports-aside[b-cwcqebv1rc] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .table-wrap[b-cwcqebv1rc],
    .table-container[b-cwcqebv1rc],
    .history-table-wrap[b-cwcqebv1rc] {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL: hasta 767px
   Una sola columna. Nunca se fuerza un ancho de escritorio dentro del viewport.
   El menú hamburguesa existente continúa siendo el responsable de navegación.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .referrals-main[b-cwcqebv1rc],
    .commissions-main[b-cwcqebv1rc],
    .withdrawals-main[b-cwcqebv1rc],
    .levels-main[b-cwcqebv1rc],
    .tools-main[b-cwcqebv1rc],
    .reports-main[b-cwcqebv1rc],
    .reports-page[b-cwcqebv1rc] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .page-header[b-cwcqebv1rc] {
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }

    .kpi-grid[b-cwcqebv1rc],
    .summary-grid[b-cwcqebv1rc],
    .stats-grid[b-cwcqebv1rc],
    .metrics-grid[b-cwcqebv1rc],
    .level-cards[b-cwcqebv1rc],
    .tool-cards[b-cwcqebv1rc],
    .reports-kpis[b-cwcqebv1rc],
    .content-grid[b-cwcqebv1rc],
    .content-layout[b-cwcqebv1rc],
    .levels-layout[b-cwcqebv1rc],
    .reports-layout[b-cwcqebv1rc] {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .table-wrap[b-cwcqebv1rc],
    .table-container[b-cwcqebv1rc],
    .history-table-wrap[b-cwcqebv1rc] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    img[b-cwcqebv1rc],
    svg[b-cwcqebv1rc] {
        max-width: 100%;
    }
}

/* Niveles: cuatro tarjetas en desktop, dos en tablet y una en móvil. */
@media (min-width: 1024px) and (max-width: 1399px) {
    .level-cards[b-cwcqebv1rc] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .levels-shell[b-cwcqebv1rc] { grid-template-columns: 76px minmax(0, 1fr) !important; width: 100% !important; }
    .level-cards[b-cwcqebv1rc] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
    .levels-shell[b-cwcqebv1rc] { display: block !important; width: 100% !important; min-width: 0 !important; }
    .level-cards[b-cwcqebv1rc] { grid-template-columns: minmax(0, 1fr) !important; }
}


/* Navegación afiliado centralizada: el main libera el espacio en móvil. */
@media (max-width: 900px) {
    .levels-main[b-cwcqebv1rc] {
        margin-left: 0;
    }
}
/* /Pages/Affiliate/Referrals.razor.rz.scp.css */
:root[b-q9006w657n] { --bg:#041523; --panel:#071c2c; --line:#17384d; --text:#f7f9ff; --muted:#93a9bc; --purple:#7837ff; --violet:#a03cff; --gold:#ffb400; --green:#13b866; --blue:#2478ff; }
*[b-q9006w657n] { box-sizing:border-box; }
.affiliate-shell[b-q9006w657n] {
    min-height: 100vh;
    background: #03131f;
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.sidebar[b-q9006w657n] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    width: 232px;
    height: 100vh;
    min-height: 100vh;
    padding: 18px 12px;
    border-right: 1px solid #142b3b;
    background: #04121e;
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow-y: auto;
    overflow-x: hidden;
}
.brand[b-q9006w657n],.profile-mini[b-q9006w657n],.level-title[b-q9006w657n],.social-block[b-q9006w657n],.page-header[b-q9006w657n],.header-actions[b-q9006w657n],.copy-field[b-q9006w657n],.kpi-grid article[b-q9006w657n],.panel-head[b-q9006w657n],.pager[b-q9006w657n],.level-row[b-q9006w657n] { display:flex; align-items:center; }
.brand[b-q9006w657n] { gap:10px; }.brand-mark[b-q9006w657n] { width:38px;height:38px;border-radius:11px;background:#e8edf4;color:#0b1c2a;display:grid;place-items:center;font-weight:900;font-size:20px; }.brand strong[b-q9006w657n]{font-size:18px}.brand b[b-q9006w657n]{color:#ffc400}.brand small[b-q9006w657n]{display:block;color:#91a7b8;font-size:9px;margin-top:3px}
.profile-mini[b-q9006w657n] { border:1px solid #193348;border-radius:12px;padding:12px;gap:10px; }.avatar[b-q9006w657n]{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#d46a00,#ffb000);display:grid;place-items:center;font-weight:800}.profile-mini div[b-q9006w657n]{display:grid;gap:2px}.profile-mini small[b-q9006w657n]{color:#b2c0cb}.profile-mini em[b-q9006w657n]{font-style:normal;color:#ffcf28;font-size:10px}
.sidebar nav[b-q9006w657n]{display:grid;gap:5px}.sidebar nav a[b-q9006w657n]{color:#eaf1f7;text-decoration:none;padding:11px 12px;border-radius:8px;display:flex;gap:12px;font-size:13px}.sidebar nav a.active[b-q9006w657n]{background:linear-gradient(90deg,#6930d9,#8d38ff);font-weight:700}.share-card[b-q9006w657n]{margin-top:auto;background:linear-gradient(145deg,#29156a,#4025a0);border:1px solid #5d43bd;border-radius:12px;padding:14px;display:grid;gap:8px}.share-card>span[b-q9006w657n]{font-size:28px}.share-card p[b-q9006w657n]{font-size:11px;color:#d5ccff;margin:0}.share-card button[b-q9006w657n]{border:0;border-radius:7px;padding:10px;background:white;color:#6a30dd;font-weight:800}
.affiliate-main[b-q9006w657n] {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 232px;
    padding: 22px 24px 30px;
}.page-header[b-q9006w657n]{justify-content:space-between;margin-bottom:16px}.page-header h1[b-q9006w657n]{font-size:26px;margin:0 0 4px}.page-header h1 span[b-q9006w657n]{color:#873cff}.page-header p[b-q9006w657n]{color:#a9b9c6;margin:0;font-size:13px}.header-actions[b-q9006w657n]{gap:18px}.header-actions>span[b-q9006w657n]{font-size:10px;color:#8ea4b4}.header-actions button[b-q9006w657n]{border:0;border-radius:8px;padding:12px 18px;background:linear-gradient(90deg,#7432ee,#9342ff);color:white;font-weight:800}
.affiliate-hero[b-q9006w657n]{min-height:215px;border:1px solid #6a38b9;border-radius:14px;background:radial-gradient(circle at 25% 45%,rgba(160,57,255,.48),transparent 28%),linear-gradient(110deg,#42138d,#18186d 58%,#071d4b);display:grid;grid-template-columns:1.05fr .95fr 1.25fr;overflow:hidden;margin-bottom:16px}.affiliate-hero>div[b-q9006w657n]{padding:25px;border-right:1px solid rgba(255,255,255,.16)}.affiliate-hero>div:last-child[b-q9006w657n]{border-right:0}.code-block small[b-q9006w657n],.level-block small[b-q9006w657n]{color:#e0d5ff}.copy-field[b-q9006w657n]{justify-content:space-between;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;margin:8px 0;background:rgba(14,14,70,.25)}.copy-field strong[b-q9006w657n]{font-size:22px}.copy-field button[b-q9006w657n]{background:transparent;border:0;color:white;font-size:18px}.copy-field.link span[b-q9006w657n]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-block p[b-q9006w657n],.social-block p[b-q9006w657n]{font-size:11px;color:#d3c9ee}.social-block[b-q9006w657n]{justify-content:center;gap:16px;text-align:center}.megaphone[b-q9006w657n]{font-size:74px;filter:drop-shadow(0 0 15px #8f48ff)}.social-block strong[b-q9006w657n]{font-size:16px}.level-block[b-q9006w657n]{display:flex;flex-direction:column;justify-content:center}.level-title[b-q9006w657n]{gap:15px}.level-gem[b-q9006w657n]{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:radial-gradient(circle,#865bff,#281275);box-shadow:0 0 25px #6d65ff}.level-title h2[b-q9006w657n]{font-size:25px;margin:4px 0}.level-title b[b-q9006w657n]{display:inline-block;background:#4e31c6;border-radius:20px;padding:7px 13px;font-size:11px}.progress-track[b-q9006w657n]{height:11px;border-radius:20px;background:#142b5e;margin-top:25px;overflow:hidden}.progress-track i[b-q9006w657n]{height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,#ffd000,#ff7a22,#e744d9,#32b7ff);box-shadow:0 0 10px #4ed8ff}.progress-label[b-q9006w657n]{display:flex;justify-content:space-between;margin-top:8px;font-size:11px}.copy-message[b-q9006w657n]{margin:-4px 0 12px;color:#79e5a7;font-size:12px}
.kpi-grid[b-q9006w657n]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi-grid article[b-q9006w657n]{min-height:100px;background:#071c2c;border:1px solid #17384d;border-radius:12px;padding:16px;gap:14px}.kpi-grid i[b-q9006w657n]{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:20px}.kpi-grid i.purple[b-q9006w657n]{background:#5c2bd4;box-shadow:0 0 22px #6f2eff}.kpi-grid i.green[b-q9006w657n]{background:#0d8f52;box-shadow:0 0 22px #13b866}.kpi-grid i.blue[b-q9006w657n]{background:#1761ce;box-shadow:0 0 22px #2478ff}.kpi-grid i.gold[b-q9006w657n]{background:#bd7700;box-shadow:0 0 22px #ffb400}.kpi-grid small[b-q9006w657n]{display:block;color:#b5c4cf}.kpi-grid strong[b-q9006w657n]{font-size:21px;display:block;margin-top:4px}
.content-grid[b-q9006w657n]{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:14px}.referrals-panel[b-q9006w657n],.side-card[b-q9006w657n],.help-card[b-q9006w657n],.loading-card[b-q9006w657n],.error-card[b-q9006w657n]{background:#071c2c;border:1px solid #17384d;border-radius:12px}.referrals-panel[b-q9006w657n]{padding:18px;min-width:0}.panel-head[b-q9006w657n]{justify-content:space-between;gap:20px}.panel-head h2[b-q9006w657n],.side-card h3[b-q9006w657n],.help-card h3[b-q9006w657n]{margin:0}.panel-head p[b-q9006w657n]{color:#8fa7b9;margin:4px 0 0;font-size:11px}.search-box[b-q9006w657n]{display:flex;gap:7px}.search-box input[b-q9006w657n]{width:280px;background:#061827;border:1px solid #28485e;border-radius:8px;padding:10px;color:white}.search-box button[b-q9006w657n],.view-button[b-q9006w657n]{background:#0a2133;border:1px solid #315169;color:#eaf4fa;border-radius:7px;padding:8px 12px}.filter-tabs[b-q9006w657n]{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.filter-tabs button[b-q9006w657n]{background:#0a2235;color:#b9cad7;border:1px solid #163b55;border-radius:7px;padding:8px 13px}.filter-tabs button.active[b-q9006w657n]{background:linear-gradient(90deg,#7131ec,#8c39ff);color:white;border-color:#934cff}.table-wrap[b-q9006w657n]{overflow:auto}table[b-q9006w657n]{width:100%;border-collapse:collapse;min-width:900px}th[b-q9006w657n]{text-align:left;color:#9fb2c1;font-size:10px;padding:10px;border-bottom:1px solid #17364b}td[b-q9006w657n]{padding:11px 10px;border-bottom:1px solid #102f44;font-size:11px}.type[b-q9006w657n],.status[b-q9006w657n]{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 7px}.type.negocio[b-q9006w657n]{color:#5df28e}.type.cliente[b-q9006w657n]{color:#68a7ff}.status.active[b-q9006w657n]{background:#073d2c;color:#54e78d}.status.pending[b-q9006w657n]{background:#4c3605;color:#ffd15c}.status.cancelled[b-q9006w657n]{background:#4c1720;color:#ff8391}.empty[b-q9006w657n]{text-align:center;color:#8fa8b9;padding:50px!important}.pager[b-q9006w657n]{justify-content:space-between;padding-top:16px;color:#9bb0bf}.pager div[b-q9006w657n]{display:flex;gap:8px;align-items:center}.pager button[b-q9006w657n],.pager b[b-q9006w657n]{width:32px;height:32px;border-radius:7px;border:1px solid #27475d;background:#092033;color:white;display:grid;place-items:center}.pager b[b-q9006w657n]{background:#7135ec}.right-column[b-q9006w657n]{display:grid;gap:12px;align-content:start}.side-card[b-q9006w657n],.help-card[b-q9006w657n]{padding:16px}.side-card ol[b-q9006w657n]{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:13px}.side-card li[b-q9006w657n]{display:flex;align-items:center;gap:9px;font-size:11px}.side-card li b[b-q9006w657n]{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#7535ed}.level-row[b-q9006w657n]{gap:10px;padding:11px 0;border-bottom:1px solid #17364b}.level-row.current[b-q9006w657n]{color:#ffd54d}.level-row>span[b-q9006w657n]{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d78100}.level-row strong[b-q9006w657n]{flex:1}.level-row small[b-q9006w657n]{color:#a9bac6}.help-card[b-q9006w657n]{background:linear-gradient(145deg,#211151,#301273);border-color:#5c3eb0}.help-card p[b-q9006w657n]{color:#d4caef;font-size:11px;line-height:1.5}.help-card a[b-q9006w657n]{display:block;text-align:center;text-decoration:none;color:white;background:#5731c8;border-radius:7px;padding:10px;font-weight:700}.loading-card[b-q9006w657n],.error-card[b-q9006w657n]{padding:50px;text-align:center}.error-card button[b-q9006w657n]{padding:9px 15px;border:0;border-radius:7px;background:#7337ed;color:white}
.modal-backdrop[b-q9006w657n]{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:1000}.detail-modal[b-q9006w657n]{width:min(460px,92vw);background:#081d2d;border:1px solid #36536a;border-radius:14px;padding:24px;position:relative;color:white}.modal-close[b-q9006w657n]{position:absolute;right:14px;top:12px;background:transparent;border:0;color:white;font-size:25px}.detail-modal dl[b-q9006w657n]{display:grid;grid-template-columns:110px 1fr;gap:10px;margin-top:20px}.detail-modal dt[b-q9006w657n]{color:#8fa7b9}.detail-modal dd[b-q9006w657n]{margin:0}
@media(max-width:1100px){.affiliate-shell[b-q9006w657n]{grid-template-columns:76px 1fr}.sidebar .brand div[b-q9006w657n],.profile-mini div[b-q9006w657n],.sidebar nav span[b-q9006w657n],.share-card p[b-q9006w657n],.share-card strong[b-q9006w657n]{display:none}.sidebar nav a[b-q9006w657n]{justify-content:center}.share-card[b-q9006w657n]{padding:8px}.share-card button[b-q9006w657n]{font-size:0}.share-card button[b-q9006w657n]:after{content:'🔗';font-size:18px}.affiliate-hero[b-q9006w657n]{grid-template-columns:1fr 1fr}.social-block[b-q9006w657n]{display:none}.content-grid[b-q9006w657n]{grid-template-columns:1fr}.right-column[b-q9006w657n]{grid-template-columns:repeat(3,1fr)} }
@media(max-width:760px){.affiliate-shell[b-q9006w657n]{display:block}.sidebar[b-q9006w657n]{display:none}.affiliate-main[b-q9006w657n]{padding:12px}.page-header[b-q9006w657n]{align-items:flex-start;gap:12px}.header-actions span[b-q9006w657n]{display:none}.affiliate-hero[b-q9006w657n]{grid-template-columns:1fr}.affiliate-hero>div[b-q9006w657n]{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.kpi-grid[b-q9006w657n]{grid-template-columns:1fr 1fr}.panel-head[b-q9006w657n]{align-items:stretch;flex-direction:column}.search-box input[b-q9006w657n]{width:100%}.right-column[b-q9006w657n]{grid-template-columns:1fr}.page-header h1[b-q9006w657n]{font-size:22px}}


/* ==========================================================================
   MIS REFERIDOS - CABECERA VISUAL AJUSTADA
   Se elimina la dependencia de un enlace público de referido.
   Solo el código de afiliado es dinámico y compartible.
   ========================================================================== */

.affiliate-hero[b-q9006w657n] {
    min-height: 184px;
    grid-template-columns: .95fr .95fr 1.25fr;
    background:
        radial-gradient(circle at 27% 46%, rgba(136, 52, 255, .48), transparent 30%),
        radial-gradient(circle at 63% 42%, rgba(38, 93, 255, .22), transparent 28%),
        linear-gradient(110deg, #4a118f 0%, #25147c 45%, #10196d 70%, #07184c 100%);
    box-shadow:
        inset 0 0 38px rgba(147, 51, 234, .10),
        0 14px 30px rgba(0, 0, 0, .16);
}

.affiliate-hero > div[b-q9006w657n] {
    padding: 18px 20px;
}

.code-block[b-q9006w657n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.code-block > small[b-q9006w657n] {
    color: #f0e9ff;
    font-size: 11px;
    font-weight: 700;
}

.code-block .copy-field[b-q9006w657n] {
    min-height: 48px;
    margin: 7px 0 8px;
    padding: 9px 12px;
    background: rgba(22, 12, 92, .42);
    border-color: rgba(255,255,255,.18);
}

.code-block .copy-field strong[b-q9006w657n] {
    font-size: 20px;
    letter-spacing: .3px;
}

.code-block .copy-field button[b-q9006w657n] {
    cursor: pointer;
}

.code-block > p[b-q9006w657n] {
    max-width: 300px;
    margin: 0 0 12px;
    color: #d8d2f2;
    font-size: 10px;
    line-height: 1.5;
}

.share-code-button[b-q9006w657n] {
    align-self: flex-start;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    background: rgba(16, 19, 90, .44);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}

.share-code-button:hover[b-q9006w657n] {
    transform: translateY(-1px);
    background: rgba(91, 33, 182, .60);
}

.social-block[b-q9006w657n] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    overflow: hidden;
    padding-top: 10px !important;
    text-align: center;
}

.share-visual-wrap[b-q9006w657n] {
    display: grid;
    place-items: center;
    height: 100px;
    overflow: hidden;
}

.share-visual[b-q9006w657n] {
    width: min(100%, 285px);
    height: 115px;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: screen;
    filter:
        saturate(1.10)
        contrast(1.03)
        drop-shadow(0 0 12px rgba(147, 51, 234, .25));
    transform: translateY(4px) scale(1.02);
}

.social-copy[b-q9006w657n] {
    position: relative;
    z-index: 2;
    margin-top: -2px;
}

.social-copy strong[b-q9006w657n] {
    color: #fff;
    font-size: 13px;
}

.social-copy p[b-q9006w657n] {
    max-width: 280px;
    margin: 4px auto 0;
    color: #d6d1f0;
    font-size: 9px;
    line-height: 1.45;
}

.social-copy p b[b-q9006w657n] {
    color: #fff;
}

.level-block[b-q9006w657n] {
    padding-left: 24px !important;
}

.level-title[b-q9006w657n] {
    gap: 14px;
}

.level-gem[b-q9006w657n] {
    width: 62px;
    height: 62px;
    font-size: 32px;
    border: 1px solid rgba(104, 199, 255, .34);
    background:
        radial-gradient(circle at 50% 45%, rgba(122, 92, 255, .95), rgba(31, 29, 104, .88));
    box-shadow:
        0 0 0 7px rgba(66, 63, 180, .10),
        0 0 24px rgba(74, 139, 255, .48);
}

.level-title h2[b-q9006w657n] {
    margin: 3px 0 7px;
    font-size: 23px;
}

.level-title b[b-q9006w657n] {
    padding: 6px 11px;
    background: rgba(77, 49, 198, .92);
}

.level-block .progress-track[b-q9006w657n] {
    height: 9px;
    margin-top: 18px;
    background: rgba(10, 26, 79, .82);
}

.level-block .progress-track i[b-q9006w657n] {
    background: linear-gradient(
        90deg,
        #ffd000 0%,
        #ff8b22 22%,
        #ef55be 48%,
        #7057ef 73%,
        #36c4ff 100%
    );
}

.level-block .progress-label[b-q9006w657n] {
    margin-top: 7px;
    color: #e6ecff;
    font-size: 9px;
}

@media (max-width: 1100px) {
    .affiliate-hero[b-q9006w657n] {
        grid-template-columns: 1fr 1fr;
    }

    .social-block[b-q9006w657n] {
        display: none;
    }
}

@media (max-width: 760px) {
    .affiliate-hero[b-q9006w657n] {
        grid-template-columns: 1fr;
    }

    .level-block[b-q9006w657n] {
        padding-left: 20px !important;
    }
}


/* ==========================================================================
   MEJORA VISUAL - CABECERA SOCIAL
   ========================================================================== */

.social-block[b-q9006w657n] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 18px !important;
}

.share-visual-card[b-q9006w657n] {
    width: 100%;
    min-height: 142px;
    display: grid;
    grid-template-columns: minmax(150px, 1.25fr) minmax(120px, .75fr);
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background:
        radial-gradient(circle at 25% 50%, rgba(139, 92, 246, .22), transparent 38%),
        linear-gradient(135deg, rgba(37, 24, 128, .72), rgba(13, 22, 83, .60));
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 10px 24px rgba(0,0,0,.16);
}

.share-visual-wrap[b-q9006w657n] {
    height: 118px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 12px;
}

.share-visual[b-q9006w657n] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: screen;
    filter:
        saturate(1.06)
        contrast(1.04)
        drop-shadow(0 8px 16px rgba(0,0,0,.20));
}

.social-copy[b-q9006w657n] {
    margin: 0;
    text-align: left;
}

.social-eyebrow[b-q9006w657n] {
    display: inline-flex;
    margin-bottom: 6px;
    padding: 4px 8px;
    border: 1px solid rgba(196,181,253,.18);
    border-radius: 999px;
    background: rgba(124,58,237,.16);
    color: #c4b5fd;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.social-copy strong[b-q9006w657n] {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
}

.social-copy p[b-q9006w657n] {
    max-width: none;
    margin: 0;
    color: #cbd5e1;
    font-size: 9px;
    line-height: 1.5;
}

.social-copy p b[b-q9006w657n] {
    color: #fff;
}

/* ==========================================================================
   MEJORA VISUAL - LISTA DE REFERIDOS
   ========================================================================== */

.referrals-panel[b-q9006w657n] {
    padding: 0;
    overflow: hidden;
    border-color: rgba(51, 80, 101, .72);
    background:
        linear-gradient(180deg, rgba(8, 28, 44, .98), rgba(5, 23, 37, .98));
    box-shadow: 0 14px 32px rgba(0,0,0,.14);
}

.panel-head[b-q9006w657n] {
    min-height: 86px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(33, 58, 76, .72);
    background:
        linear-gradient(180deg, rgba(11, 34, 52, .86), rgba(7, 28, 44, .68));
}

.panel-title-block[b-q9006w657n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.panel-icon[b-q9006w657n] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(139, 92, 246, .35);
    border-radius: 11px;
    background: rgba(124, 58, 237, .14);
    color: #a78bfa;
    font-size: 18px;
    box-shadow: 0 0 18px rgba(124, 58, 237, .12);
}

.panel-title-block h2[b-q9006w657n] {
    margin: 0;
    color: #f8fafc;
    font-size: 20px;
    letter-spacing: -.2px;
}

.panel-title-block p[b-q9006w657n] {
    margin: 4px 0 0;
    color: #8fa7b9;
    font-size: 10px;
}

.search-box[b-q9006w657n] {
    position: relative;
    min-width: 370px;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 8px;
}

.search-icon[b-q9006w657n] {
    position: absolute;
    z-index: 2;
    left: 12px;
    top: 50%;
    color: #7f95a5;
    font-size: 14px;
    transform: translateY(-50%);
    pointer-events: none;
}

.search-box input[b-q9006w657n] {
    width: 100%;
    min-height: 40px;
    padding: 10px 12px 10px 34px;
    border: 1px solid #294a61;
    border-radius: 10px;
    outline: none;
    background: #061827;
    color: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.search-box input:focus[b-q9006w657n] {
    border-color: rgba(124, 58, 237, .72);
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .10);
}

.search-box button[b-q9006w657n] {
    min-width: 72px;
    min-height: 40px;
    border-color: rgba(99, 102, 241, .42);
    background: linear-gradient(135deg, #253653, #17293f);
    font-weight: 800;
    cursor: pointer;
}

.search-box button:hover[b-q9006w657n] {
    border-color: rgba(139, 92, 246, .58);
    background: linear-gradient(135deg, #2c4165, #1a2f49);
}

.filter-tabs[b-q9006w657n] {
    margin: 0;
    padding: 14px 20px;
    gap: 8px;
    border-bottom: 1px solid rgba(26, 52, 70, .68);
    background: rgba(4, 20, 32, .38);
}

.filter-tabs button[b-q9006w657n] {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid #173b55;
    border-radius: 9px;
    background: rgba(10, 34, 53, .72);
    color: #b9cad7;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.filter-tabs button:hover[b-q9006w657n] {
    transform: translateY(-1px);
    border-color: rgba(124, 58, 237, .44);
    background: rgba(22, 42, 68, .92);
}

.filter-tabs button.active[b-q9006w657n] {
    border-color: rgba(167, 139, 250, .72);
    background: linear-gradient(135deg, #6530dc, #8b3ff4);
    color: #fff;
    box-shadow: 0 8px 18px rgba(91, 33, 182, .20);
}

.table-wrap[b-q9006w657n] {
    margin: 0;
    overflow-x: auto;
}

.table-wrap table[b-q9006w657n] {
    min-width: 980px;
}

.table-wrap thead[b-q9006w657n] {
    background: rgba(8, 29, 46, .94);
}

.table-wrap th[b-q9006w657n] {
    height: 42px;
    padding: 0 14px;
    border-bottom: 1px solid #17364b;
    color: #8fa8ba;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .25px;
    text-transform: uppercase;
}

.table-wrap td[b-q9006w657n] {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(16, 47, 68, .78);
    font-size: 10px;
}

.table-wrap tbody tr[b-q9006w657n] {
    transition: background .16s ease;
}

.table-wrap tbody tr:hover[b-q9006w657n] {
    background: rgba(17, 42, 61, .42);
}

.type[b-q9006w657n],
.status[b-q9006w657n] {
    min-height: 27px;
    padding: 0 8px;
    font-size: 9px;
    font-weight: 800;
}

.view-button[b-q9006w657n] {
    min-width: 54px;
    min-height: 30px;
    border-color: #315169;
    background: #0a2133;
    cursor: pointer;
    font-weight: 700;
}

.view-button:hover[b-q9006w657n] {
    border-color: rgba(124, 58, 237, .58);
    background: rgba(76, 29, 149, .18);
}

.empty[b-q9006w657n] {
    padding: 0 !important;
    border-bottom: 0 !important;
}

.empty-state[b-q9006w657n] {
    display: grid;
    place-items: center;
    min-height: 220px;
    padding: 34px;
    text-align: center;
}

.empty-icon[b-q9006w657n] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    border: 1px solid rgba(139, 92, 246, .28);
    border-radius: 14px;
    background: rgba(124, 58, 237, .10);
    color: #a78bfa;
    font-size: 22px;
}

.empty-state strong[b-q9006w657n] {
    margin-bottom: 5px;
    color: #e2e8f0;
    font-size: 13px;
}

.empty-state p[b-q9006w657n] {
    margin: 0;
    color: #8095a5;
    font-size: 10px;
}

.pager[b-q9006w657n] {
    min-height: 58px;
    padding: 12px 20px;
    border-top: 1px solid rgba(23, 54, 75, .72);
    background: rgba(4, 19, 31, .56);
}

.pager > span[b-q9006w657n] {
    font-size: 10px;
}

.pager button[b-q9006w657n],
.pager b[b-q9006w657n] {
    width: 31px;
    height: 31px;
    border-radius: 8px;
}

@media (max-width: 1250px) {
    .panel-head[b-q9006w657n] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-box[b-q9006w657n] {
        min-width: 0;
        width: 100%;
    }

    .share-visual-card[b-q9006w657n] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .social-copy[b-q9006w657n] {
        text-align: center;
    }
}

@media (max-width: 760px) {
    .filter-tabs[b-q9006w657n] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 12px;
    }

    .filter-tabs button[b-q9006w657n] {
        flex: 0 0 auto;
    }

    .search-box[b-q9006w657n] {
        grid-template-columns: 1fr;
    }

    .search-box button[b-q9006w657n] {
        width: 100%;
    }
}


/* ==========================================================================
   FILTROS DE REFERIDOS - PRESENTACIÓN PROFESIONAL
   IMPORTANTE:
   Los botones son generados mediante RenderFragment desde el code-behind.
   Por eso se usa ::deep para atravesar CSS Isolation sin cambiar la lógica.
   ========================================================================== */

.filter-tabs[b-q9006w657n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    min-height: 62px;
    padding: 13px 20px;
    border-bottom: 1px solid rgba(31, 60, 81, .72);
    background:
        linear-gradient(180deg, rgba(5, 24, 39, .76), rgba(4, 19, 31, .50));
}

/* Botón base */
.filter-tabs[b-q9006w657n]  button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid rgba(55, 83, 103, .82);
    border-radius: 9px;
    outline: none;
    background:
        linear-gradient(180deg, rgba(15, 42, 61, .96), rgba(8, 30, 46, .96));
    color: #c7d6e1;
    font-family: inherit;
    font-size: 10px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .05px;
    white-space: nowrap;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .025),
        0 3px 8px rgba(0, 0, 0, .08);
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

/* Indicador circular pequeño */
.filter-tabs[b-q9006w657n]  button::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border: 2px solid #668195;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

/* Hover */
.filter-tabs[b-q9006w657n]  button:hover {
    transform: translateY(-1px);
    border-color: rgba(139, 92, 246, .62);
    background:
        linear-gradient(180deg, rgba(31, 50, 79, .98), rgba(15, 35, 58, .98));
    color: #f4f7fb;
    box-shadow:
        0 7px 16px rgba(0, 0, 0, .16),
        0 0 0 2px rgba(124, 58, 237, .055);
}

.filter-tabs[b-q9006w657n]  button:hover::before {
    border-color: #a78bfa;
}

/* Estado seleccionado */
.filter-tabs[b-q9006w657n]  button.active {
    border-color: rgba(167, 139, 250, .92);
    background:
        linear-gradient(135deg, #6730da 0%, #7c3aed 52%, #9333ea 100%);
    color: #fff;
    box-shadow:
        0 7px 18px rgba(91, 33, 182, .28),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.filter-tabs[b-q9006w657n]  button.active::before {
    border-color: #fff;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .15);
}

/* Personalización sutil por categoría */
.filter-tabs[b-q9006w657n]  button:nth-child(2)::before {
    border-radius: 2px;
}

.filter-tabs[b-q9006w657n]  button:nth-child(3)::before {
    border-color: #60a5fa;
}

.filter-tabs[b-q9006w657n]  button:nth-child(4)::before {
    border-color: #34d399;
}

.filter-tabs[b-q9006w657n]  button:nth-child(5)::before {
    border-color: #fbbf24;
}

.filter-tabs[b-q9006w657n]  button:nth-child(6)::before {
    border-color: #fb7185;
}

/* Cuando una categoría está seleccionada prevalece el indicador blanco */
.filter-tabs[b-q9006w657n]  button.active::before {
    border-color: #fff;
}

/* Responsive: fila desplazable sin romper el diseño */
@media (max-width: 900px) {
    .filter-tabs[b-q9006w657n] {
        flex-wrap: nowrap;
        overflow-x: auto;
        min-height: 58px;
        padding: 11px 14px;
        scrollbar-width: thin;
        scrollbar-color: rgba(124, 58, 237, .55) transparent;
    }

    .filter-tabs[b-q9006w657n]  button {
        flex: 0 0 auto;
        min-height: 35px;
        padding: 0 12px;
    }
}

/* ==========================================================================
   RESPONSIVE - MISMO SHELL Y BREAKPOINT DE RESUMEN
   ========================================================================== */

.mobile-topbar[b-q9006w657n],
.mobile-menu-backdrop[b-q9006w657n],
.mobile-sidebar-head[b-q9006w657n] {
    display: none;
}

@media (min-width: 1221px) {
    .sidebar[b-q9006w657n] {
        width: 232px;
    }

    .affiliate-main[b-q9006w657n] {
        margin-left: 232px;
    }

    .kpi-grid[b-q9006w657n] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 901px) and (max-width: 1220px) {
    .sidebar[b-q9006w657n] {
        width: 210px;
        padding-inline: 11px;
    }

    .affiliate-main[b-q9006w657n] {
        margin-left: 210px;
        padding-inline: 18px;
    }

    .kpi-grid[b-q9006w657n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .content-grid[b-q9006w657n],
    .referrals-layout[b-q9006w657n] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .mobile-topbar[b-q9006w657n] {
        position: sticky;
        top: 0;
        z-index: 25;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(148, 163, 184, .15);
        background: #07111e;
    }

    .mobile-topbar strong[b-q9006w657n] {
        color: #fff;
        font-size: 14px;
    }

    .mobile-topbar strong b[b-q9006w657n] {
        color: #fbbf24;
    }

    .hamburger-button[b-q9006w657n] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        padding: 0;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
        cursor: pointer;
    }

    .sidebar[b-q9006w657n] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 60;
        width: min(280px, 86vw);
        height: 100dvh;
        padding: 12px 14px 14px;
        overflow-y: auto;
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .mobile-menu-open .sidebar[b-q9006w657n] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-q9006w657n] {
        position: fixed;
        inset: 0;
        z-index: 50;
        border: 0;
        background: rgba(2, 6, 23, .66);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-q9006w657n] {
        display: block;
    }

    .mobile-sidebar-head[b-q9006w657n] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .affiliate-main[b-q9006w657n] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-left: 0;
        padding: 14px;
    }

    .page-header[b-q9006w657n] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .header-actions[b-q9006w657n] {
        width: 100%;
        justify-content: space-between;
    }

    .affiliate-hero[b-q9006w657n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kpi-grid[b-q9006w657n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-grid[b-q9006w657n],
    .content-grid[b-q9006w657n],
    .referrals-layout[b-q9006w657n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .table-wrap[b-q9006w657n] {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 600px) {
    .affiliate-main[b-q9006w657n] {
        padding-inline: 12px;
    }

    .kpi-grid[b-q9006w657n] {
        grid-template-columns: minmax(0, 1fr);
    }

    .header-actions[b-q9006w657n] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions button[b-q9006w657n] {
        width: 100%;
    }
}
/* /Pages/Affiliate/Settings.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - CONFIGURACIÓN DEL AFILIADO
   Responsive real: desktop, laptop, tablet y móvil.
   ============================================================================ */

.affiliate-settings-shell[b-qpbnutnrko] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 74% -10%, rgba(79, 70, 229, .12), transparent 31%),
        #04131f;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", sans-serif;
}

.settings-main[b-qpbnutnrko] {
    width: auto;
    min-width: 0;
    margin-left: 232px;
    padding: 26px 28px 34px;
}

.page-header[b-qpbnutnrko] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.page-header h1[b-qpbnutnrko] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 4px 0 5px;
    font-size: 30px;
    line-height: 1.1;
}

.page-header p[b-qpbnutnrko] {
    max-width: 720px;
    margin: 0;
    color: #9fb2c5;
    font-size: 14px;
    line-height: 1.55;
}

.eyebrow[b-qpbnutnrko] {
    color: #8b5cf6;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.title-icon[b-qpbnutnrko] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, #6d28d9, #9333ea);
    box-shadow: 0 8px 24px rgba(124, 58, 237, .25);
    font-size: 19px;
}

.profile-status[b-qpbnutnrko] {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid #244052;
    border-radius: 999px;
    background: #071c2a;
    font-size: 12px;
    font-weight: 800;
}

.profile-status.active[b-qpbnutnrko] {
    border-color: rgba(16, 185, 129, .3);
    color: #6ee7b7;
}

.profile-status.inactive[b-qpbnutnrko] {
    border-color: rgba(239, 68, 68, .3);
    color: #fca5a5;
}

.settings-grid[b-qpbnutnrko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.settings-card[b-qpbnutnrko],
.sessions-panel[b-qpbnutnrko],
.settings-help[b-qpbnutnrko],
.state-card[b-qpbnutnrko] {
    min-width: 0;
    border: 1px solid #183548;
    border-radius: 16px;
    background: linear-gradient(145deg, #071b29, #061722);
    box-shadow: 0 14px 30px rgba(2, 8, 23, .15);
}

.settings-card[b-qpbnutnrko] {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.card-header[b-qpbnutnrko] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.card-header h2[b-qpbnutnrko] {
    margin: 1px 0 4px;
    font-size: 18px;
}

.card-header p[b-qpbnutnrko] {
    margin: 0;
    color: #8fa6b9;
    font-size: 12px;
    line-height: 1.45;
}

.card-icon[b-qpbnutnrko] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
}

.card-icon.purple[b-qpbnutnrko] {
    background: rgba(124, 58, 237, .18);
    color: #a78bfa;
}

.card-icon.blue[b-qpbnutnrko] {
    background: rgba(37, 99, 235, .18);
    color: #60a5fa;
}

.card-icon.green[b-qpbnutnrko] {
    background: rgba(5, 150, 105, .18);
    color: #34d399;
}

.card-icon.amber[b-qpbnutnrko] {
    background: rgba(217, 119, 6, .18);
    color: #fbbf24;
}

.card-icon.cyan[b-qpbnutnrko] {
    background: rgba(8, 145, 178, .18);
    color: #22d3ee;
}

.info-list[b-qpbnutnrko] {
    display: grid;
    gap: 0;
}

.info-row[b-qpbnutnrko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
    padding: 12px 0;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.info-row span[b-qpbnutnrko] {
    color: #8fa6b9;
    font-size: 12px;
}

.info-row strong[b-qpbnutnrko] {
    min-width: 0;
    text-align: right;
    overflow-wrap: anywhere;
    font-size: 13px;
}

.code-value[b-qpbnutnrko] {
    color: #c4b5fd;
    letter-spacing: .03em;
}

.positive[b-qpbnutnrko] {
    color: #6ee7b7;
}

.negative[b-qpbnutnrko] {
    color: #fca5a5;
}

.discount-box[b-qpbnutnrko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid rgba(124, 58, 237, .26);
    border-radius: 12px;
    background: rgba(76, 29, 149, .14);
}

.discount-box div[b-qpbnutnrko] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.discount-box span[b-qpbnutnrko] {
    color: #aebed0;
    font-size: 11px;
}

.discount-box strong[b-qpbnutnrko] {
    font-size: 22px;
    color: #c4b5fd;
}

.small-badge[b-qpbnutnrko],
.trusted-badge[b-qpbnutnrko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.small-badge[b-qpbnutnrko] {
    padding: 6px 9px;
}

.small-badge.enabled[b-qpbnutnrko],
.trusted-badge[b-qpbnutnrko] {
    background: rgba(5, 150, 105, .16);
    color: #6ee7b7;
}

.small-badge.disabled[b-qpbnutnrko] {
    background: rgba(100, 116, 139, .16);
    color: #cbd5e1;
}

.payout-summary[b-qpbnutnrko] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    padding: 14px;
    border: 1px solid #17364a;
    border-radius: 13px;
    background: #06131e;
}

.payout-logo[b-qpbnutnrko] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #fff;
    font-weight: 900;
}

.payout-summary > div:nth-child(2)[b-qpbnutnrko] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3px;
}

.payout-summary strong[b-qpbnutnrko],
.payout-summary span[b-qpbnutnrko],
.payout-summary small[b-qpbnutnrko] {
    overflow-wrap: anywhere;
}

.payout-summary strong[b-qpbnutnrko] {
    font-size: 13px;
}

.payout-summary span[b-qpbnutnrko] {
    color: #c7d5e2;
    font-size: 12px;
}

.payout-summary small[b-qpbnutnrko] {
    color: #8095a8;
    font-size: 10px;
}

.empty-block[b-qpbnutnrko] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 135px;
    padding: 18px;
    border: 1px dashed #294658;
    border-radius: 13px;
    text-align: center;
}

.empty-block > span[b-qpbnutnrko] {
    margin-bottom: 8px;
    color: #60a5fa;
    font-size: 24px;
}

.empty-block strong[b-qpbnutnrko] {
    margin-bottom: 4px;
}

.empty-block p[b-qpbnutnrko] {
    max-width: 330px;
    margin: 0;
    color: #8298aa;
    font-size: 11px;
    line-height: 1.45;
}

.security-feature[b-qpbnutnrko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.security-feature div[b-qpbnutnrko] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
}

.security-feature strong[b-qpbnutnrko] {
    font-size: 12px;
}

.security-feature span[b-qpbnutnrko] {
    color: #8fa6b9;
    font-size: 11px;
    overflow-wrap: anywhere;
}

.secondary-action[b-qpbnutnrko],
.primary-action[b-qpbnutnrko],
.state-card button[b-qpbnutnrko],
.settings-help button[b-qpbnutnrko] {
    min-height: 42px;
    border-radius: 10px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-action[b-qpbnutnrko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: auto;
    padding: 0 13px;
    border: 1px solid #24455b;
    background: #0a2232;
    color: #f8fafc;
}

.secondary-action:hover[b-qpbnutnrko] {
    border-color: #6d28d9;
    background: #0c2739;
}

.primary-action[b-qpbnutnrko] {
    width: 100%;
    margin-top: 16px;
    border: 1px solid #7c3aed;
    background: linear-gradient(135deg, #6d28d9, #8b5cf6);
    color: #fff;
}

.primary-action:disabled[b-qpbnutnrko] {
    opacity: .55;
    cursor: not-allowed;
}

.toggle-list[b-qpbnutnrko] {
    display: grid;
}

.toggle-row[b-qpbnutnrko] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    padding: 12px 0;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    cursor: pointer;
}

.toggle-row > span[b-qpbnutnrko] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3px;
}

.toggle-row strong[b-qpbnutnrko] {
    font-size: 12px;
}

.toggle-row small[b-qpbnutnrko] {
    color: #8298aa;
    font-size: 10px;
    line-height: 1.4;
}

.toggle-row input[b-qpbnutnrko] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.toggle-row i[b-qpbnutnrko] {
    position: relative;
    flex: 0 0 auto;
    width: 42px;
    height: 23px;
    border-radius: 999px;
    background: #263747;
    transition: .18s ease;
}

.toggle-row i[b-qpbnutnrko]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #e2e8f0;
    transition: .18s ease;
}

.toggle-row input:checked + i[b-qpbnutnrko] {
    background: #7c3aed;
}

.toggle-row input:checked + i[b-qpbnutnrko]::after {
    transform: translateX(19px);
    background: #fff;
}

.sessions-panel[b-qpbnutnrko] {
    margin-top: 18px;
    padding: 20px;
}

.session-list[b-qpbnutnrko] {
    display: grid;
    gap: 10px;
}

.session-item[b-qpbnutnrko] {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) minmax(200px, .9fr) auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid #17364a;
    border-radius: 12px;
    background: #061520;
}

.device-icon[b-qpbnutnrko] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(14, 165, 233, .12);
    color: #38bdf8;
}

.session-main[b-qpbnutnrko],
.session-meta[b-qpbnutnrko] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3px;
}

.session-main strong[b-qpbnutnrko] {
    font-size: 12px;
}

.session-main span[b-qpbnutnrko],
.session-meta span[b-qpbnutnrko],
.session-meta small[b-qpbnutnrko] {
    overflow-wrap: anywhere;
}

.session-main span[b-qpbnutnrko],
.session-meta span[b-qpbnutnrko] {
    color: #93a8bb;
    font-size: 10px;
}

.session-meta small[b-qpbnutnrko] {
    color: #718699;
    font-size: 9px;
}

.trusted-badge[b-qpbnutnrko] {
    padding: 6px 9px;
}

.sessions-empty[b-qpbnutnrko] {
    padding: 18px;
    border: 1px dashed #294658;
    border-radius: 12px;
    color: #8ba0b3;
    text-align: center;
    font-size: 12px;
}

.settings-help[b-qpbnutnrko] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding: 18px 20px;
}

.settings-help > span[b-qpbnutnrko] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(124, 58, 237, .16);
    color: #c4b5fd;
    font-size: 20px;
    font-weight: 900;
}

.settings-help strong[b-qpbnutnrko] {
    font-size: 13px;
}

.settings-help p[b-qpbnutnrko] {
    margin: 4px 0 0;
    color: #8298aa;
    font-size: 10px;
}

.settings-help button[b-qpbnutnrko],
.state-card button[b-qpbnutnrko] {
    padding: 0 15px;
    border: 1px solid #6034b9;
    background: #241046;
    color: #fff;
}

.operation-message[b-qpbnutnrko] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.operation-message.success[b-qpbnutnrko] {
    border: 1px solid rgba(16, 185, 129, .32);
    background: rgba(5, 150, 105, .12);
    color: #86efac;
}

.operation-message.error[b-qpbnutnrko] {
    border: 1px solid rgba(239, 68, 68, .32);
    background: rgba(185, 28, 28, .12);
    color: #fecaca;
}

.state-card[b-qpbnutnrko] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
}

.state-card strong[b-qpbnutnrko] {
    display: block;
    margin-bottom: 4px;
}

.state-card p[b-qpbnutnrko] {
    margin: 0 0 10px;
    color: #8ba0b3;
    font-size: 12px;
}

.error-state > span[b-qpbnutnrko] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(239, 68, 68, .15);
    color: #fca5a5;
    font-weight: 900;
}

.spinner[b-qpbnutnrko] {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(148, 163, 184, .2);
    border-top-color: #8b5cf6;
    border-radius: 50%;
    animation: affiliate-settings-spin-b-qpbnutnrko .8s linear infinite;
}

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

/* ============================================================================
   LAPTOP
   ============================================================================ */

@media (min-width: 901px) and (max-width: 1180px) {
    .settings-main[b-qpbnutnrko] {
        margin-left: 232px;
        padding: 22px 18px 30px;
    }

    .settings-grid[b-qpbnutnrko] {
        grid-template-columns: minmax(0, 1fr);
    }

    .session-item[b-qpbnutnrko] {
        grid-template-columns: auto minmax(0, 1fr) minmax(180px, .8fr) auto;
    }
}

/* ============================================================================
   TABLET / MÓVIL
   Mismo breakpoint principal del AffiliateNavigation.
   ============================================================================ */

@media (max-width: 900px) {
    .settings-main[b-qpbnutnrko] {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding: 18px 14px 28px;
        overflow-x: hidden;
    }

    .page-header[b-qpbnutnrko] {
        flex-direction: column;
        gap: 12px;
    }

    .page-header h1[b-qpbnutnrko] {
        font-size: 25px;
    }

    .settings-grid[b-qpbnutnrko] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-card[b-qpbnutnrko],
    .sessions-panel[b-qpbnutnrko] {
        padding: 17px;
    }

    .session-item[b-qpbnutnrko] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .session-meta[b-qpbnutnrko] {
        grid-column: 2 / -1;
    }

    .settings-help[b-qpbnutnrko] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .settings-help button[b-qpbnutnrko] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* ============================================================================
   CELULAR
   ============================================================================ */

@media (max-width: 600px) {
    .settings-main[b-qpbnutnrko] {
        padding: 14px 10px 22px;
    }

    .page-header h1[b-qpbnutnrko] {
        font-size: 23px;
    }

    .title-icon[b-qpbnutnrko] {
        width: 34px;
        height: 34px;
    }

    .settings-card[b-qpbnutnrko],
    .sessions-panel[b-qpbnutnrko] {
        padding: 14px;
        border-radius: 13px;
    }

    .card-header[b-qpbnutnrko] {
        gap: 10px;
    }

    .card-header h2[b-qpbnutnrko] {
        font-size: 16px;
    }

    .info-row[b-qpbnutnrko] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .info-row strong[b-qpbnutnrko] {
        width: 100%;
        text-align: left;
    }

    .discount-box[b-qpbnutnrko],
    .security-feature[b-qpbnutnrko] {
        align-items: flex-start;
        flex-direction: column;
    }

    .payout-summary[b-qpbnutnrko] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .payout-summary .small-badge[b-qpbnutnrko] {
        grid-column: 1 / -1;
    }

    .toggle-row[b-qpbnutnrko] {
        gap: 10px;
    }

    .session-item[b-qpbnutnrko] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .session-meta[b-qpbnutnrko] {
        grid-column: 1 / -1;
        padding-left: 0;
    }

    .trusted-badge[b-qpbnutnrko] {
        grid-column: 1 / -1;
    }

    .settings-help[b-qpbnutnrko] {
        padding: 14px;
    }
}
/* /Pages/Affiliate/Tools.razor.rz.scp.css */
:host[b-u3v2jtxoxh] {
    display: block;
    min-height: 100vh;
    color: #f8fafc;
}

*[b-u3v2jtxoxh] {
    box-sizing: border-box;
}

button[b-u3v2jtxoxh],
input[b-u3v2jtxoxh],
a[b-u3v2jtxoxh] {
    font: inherit;
}

button[b-u3v2jtxoxh],
a[b-u3v2jtxoxh] {
    -webkit-tap-highlight-color: transparent;
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */
.tools-shell[b-u3v2jtxoxh] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 64% 8%, rgba(77, 36, 157, .09), transparent 24%),
        #06111d;
    color: #f8fafc;
}

.sidebar[b-u3v2jtxoxh] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    width: 204px;
    padding: 18px 12px;
    border-right: 1px solid rgba(148, 163, 184, .14);
    background: linear-gradient(180deg, #07111e 0%, #050c16 100%);
}

.brand[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-u3v2jtxoxh] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 16px;
    font-weight: 900;
}

.brand div[b-u3v2jtxoxh] {
    display: grid;
}

.brand strong[b-u3v2jtxoxh] {
    font-size: 14px;
}

.brand strong b[b-u3v2jtxoxh] {
    color: #facc15;
}

.brand small[b-u3v2jtxoxh] {
    color: #94a3b8;
    font-size: 7px;
}

.profile-card[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 12px;
    padding: 12px;
    border: 1px solid #18354b;
    border-radius: 11px;
    background: #081827;
}

.avatar[b-u3v2jtxoxh] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(145deg, #f59e0b, #b45309);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.profile-card > div:last-child[b-u3v2jtxoxh] {
    display: grid;
    gap: 2px;
}

.profile-card strong[b-u3v2jtxoxh] {
    font-size: 10px;
}

.profile-card small[b-u3v2jtxoxh] {
    color: #cbd5e1;
    font-size: 8px;
}

.level-chip[b-u3v2jtxoxh] {
    color: #fbbf24;
    font-size: 8px;
    font-weight: 800;
}

.sidebar nav[b-u3v2jtxoxh] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 39px;
    padding: 0 10px;
    border-radius: 8px;
    color: #e2e8f0;
    font-size: 9px;
    text-decoration: none;
}

.sidebar nav a:hover[b-u3v2jtxoxh] {
    background: rgba(124, 58, 237, .10);
}

.sidebar nav a.active[b-u3v2jtxoxh] {
    background: linear-gradient(90deg, #6d28d9, #9333ea);
    color: #fff;
    box-shadow: 0 8px 22px rgba(91, 33, 182, .24);
}

.share-card[b-u3v2jtxoxh] {
    display: grid;
    gap: 7px;
    margin-top: auto;
    padding: 13px;
    border: 1px solid rgba(139, 92, 246, .42);
    border-radius: 11px;
    background: linear-gradient(145deg, #25105c, #43218a);
}

.share-card .gift[b-u3v2jtxoxh] {
    font-size: 27px;
}

.share-card strong[b-u3v2jtxoxh] {
    font-size: 14px;
}

.share-card small[b-u3v2jtxoxh] {
    color: #ddd6fe;
    font-size: 8px;
    line-height: 1.45;
}

.share-card button[b-u3v2jtxoxh] {
    min-height: 38px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #6d28d9;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.tools-main[b-u3v2jtxoxh] {
    min-height: 100vh;
    margin-left: 232px;
    padding: 20px;
}

.page-header[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.page-header h1[b-u3v2jtxoxh] {
    margin: 0;
    font-size: 28px;
}

.page-header h1 span[b-u3v2jtxoxh] {
    color: #8b5cf6;
}

.page-header p[b-u3v2jtxoxh] {
    margin: 4px 0 0;
    color: #cbd5e1;
    font-size: 11px;
}

.current-level[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #233d55;
    border-radius: 10px;
    background: #0a1a2a;
    font-size: 10px;
}

.current-level span[b-u3v2jtxoxh] {
    color: #fbbf24;
    font-size: 18px;
}

/* ==========================================================================
   GRID PRINCIPAL
   ========================================================================== */
.tools-layout[b-u3v2jtxoxh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 16px;
}

.tools-content[b-u3v2jtxoxh] {
    display: grid;
    gap: 16px;
}

.tools-side[b-u3v2jtxoxh] {
    display: grid;
    align-content: start;
    gap: 14px;
}

/* ==========================================================================
   HERO
   ========================================================================== */
.tools-hero[b-u3v2jtxoxh] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
    align-items: stretch;
    min-height: 214px;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(124, 58, 237, .58);
    border-radius: 15px;
    background:
        radial-gradient(circle at 78% 40%, rgba(59, 130, 246, .34), transparent 36%),
        linear-gradient(110deg, #40117e 0%, #311075 38%, #1d1770 66%, #13236e 100%);
    box-shadow: 0 16px 34px rgba(10, 5, 40, .22);
}

.hero-copy[b-u3v2jtxoxh] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 28px 30px;
}

.hero-copy small[b-u3v2jtxoxh] {
    color: #d8b4fe;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.hero-copy h2[b-u3v2jtxoxh] {
    max-width: 760px;
    margin: 13px 0 12px;
    font-size: clamp(28px, 2.25vw, 38px);
    line-height: 1.08;
    letter-spacing: -.02em;
}

.hero-copy p[b-u3v2jtxoxh] {
    max-width: 700px;
    margin: 0;
    color: #e2e8f0;
    font-size: 13px;
    line-height: 1.5;
}

.tools-hero img[b-u3v2jtxoxh] {
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 214px;
    max-height: none;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

/* ==========================================================================
   TARJETAS PRINCIPALES
   ========================================================================== */
.tool-card-grid[b-u3v2jtxoxh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.tool-card[b-u3v2jtxoxh] {
    display: flex;
    flex-direction: column;
    min-height: 286px;
    padding: 16px;
    border: 1px solid #21405a;
    border-radius: 13px;
    background: linear-gradient(180deg, #091b2d, #071726);
}

.tool-card.referral-code[b-u3v2jtxoxh] {
    border-color: rgba(124, 58, 237, .50);
    background:
        radial-gradient(circle at 17% 10%, rgba(124, 58, 237, .26), transparent 25%),
        linear-gradient(180deg, #10174a, #08182a);
}

.tool-card.whatsapp[b-u3v2jtxoxh] {
    border-color: rgba(16, 185, 129, .42);
}

.tool-card.promotional[b-u3v2jtxoxh] {
    border-color: rgba(59, 130, 246, .44);
}

.tool-card.templates[b-u3v2jtxoxh] {
    border-color: rgba(245, 158, 11, .42);
}

.tool-icon[b-u3v2jtxoxh] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 13px;
    border-radius: 50%;
    background: linear-gradient(145deg, #7c3aed, #9333ea);
    box-shadow: 0 0 22px rgba(124, 58, 237, .34);
    font-size: 21px;
}

.whatsapp .tool-icon[b-u3v2jtxoxh] {
    background: linear-gradient(145deg, #10b981, #059669);
}

.promotional .tool-icon[b-u3v2jtxoxh] {
    background: linear-gradient(145deg, #2563eb, #0284c7);
}

.templates .tool-icon[b-u3v2jtxoxh] {
    background: linear-gradient(145deg, #f59e0b, #ea580c);
}

.tool-card h3[b-u3v2jtxoxh] {
    margin: 0 0 8px;
    font-size: 15px;
}

.tool-card p[b-u3v2jtxoxh] {
    margin: 0 0 12px;
    color: #cbd5e1;
    font-size: 10px;
    line-height: 1.55;
}

.code-box[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin-top: auto;
    padding: 0 9px 0 12px;
    border: 1px solid #23465f;
    border-radius: 8px;
    background: #061729;
}

.code-box strong[b-u3v2jtxoxh] {
    overflow: hidden;
    flex: 1;
    color: #fff;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.code-box button[b-u3v2jtxoxh] {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 7px;
    background: rgba(124, 58, 237, .16);
    color: #c4b5fd;
    cursor: pointer;
}

.primary-action[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    margin-top: 12px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.primary-action.purple[b-u3v2jtxoxh] {
    background: linear-gradient(90deg, #6d28d9, #9333ea);
}

.primary-action.green[b-u3v2jtxoxh] {
    background: linear-gradient(90deg, #059669, #16a34a);
}

.primary-action.blue[b-u3v2jtxoxh] {
    background: linear-gradient(90deg, #0369a1, #2563eb);
}

.primary-action.amber[b-u3v2jtxoxh] {
    background: linear-gradient(90deg, #92400e, #a16207);
}

.whatsapp-preview[b-u3v2jtxoxh] {
    display: grid;
    gap: 4px;
    margin-top: auto;
    padding: 10px;
    border: 1px solid rgba(16, 185, 129, .22);
    border-radius: 8px;
    background: rgba(6, 78, 59, .12);
}

.whatsapp-preview span[b-u3v2jtxoxh] {
    color: #6ee7b7;
    font-size: 8px;
}

.whatsapp-preview strong[b-u3v2jtxoxh] {
    font-size: 11px;
}

.mini-materials[b-u3v2jtxoxh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-top: auto;
}

.mini-materials img[b-u3v2jtxoxh] {
    width: 100%;
    height: 54px;
    border-radius: 6px;
    object-fit: cover;
}

.template-list[b-u3v2jtxoxh] {
    display: grid;
    gap: 4px;
    margin-top: auto;
}

.template-list button[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid #203b52;
    border-radius: 6px;
    background: #081827;
    color: #e2e8f0;
    font-size: 9px;
    cursor: pointer;
}

/* ==========================================================================
   BANNERS
   ========================================================================== */
.materials-panel[b-u3v2jtxoxh] {
    overflow: hidden;
    border: 1px solid #1e3a51;
    border-radius: 13px;
    background: #071827;
}

.materials-panel > header[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px;
    border-bottom: 1px solid #19364b;
}

.materials-panel h2[b-u3v2jtxoxh] {
    margin: 0;
    font-size: 15px;
}

.materials-panel h2 span[b-u3v2jtxoxh] {
    color: #a78bfa;
}

.materials-panel header p[b-u3v2jtxoxh] {
    margin: 3px 0 0;
    color: #94a3b8;
    font-size: 8px;
}

.material-count[b-u3v2jtxoxh] {
    padding: 7px 10px;
    border-radius: 7px;
    background: #0b2439;
    color: #cbd5e1;
    font-size: 8px;
}

.banner-grid[b-u3v2jtxoxh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
}

.banner-grid article[b-u3v2jtxoxh] {
    overflow: hidden;
    border: 1px solid #203c54;
    border-radius: 8px;
    background: #081827;
}

.banner-grid img[b-u3v2jtxoxh] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 6.8;
    object-fit: cover;
}

.banner-grid a[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    color: #e2e8f0;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}

/* ==========================================================================
   HERRAMIENTAS SECUNDARIAS
   ========================================================================== */
.secondary-tools[b-u3v2jtxoxh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.secondary-tools article[b-u3v2jtxoxh] {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 14px;
    border: 1px solid #1d3b52;
    border-radius: 11px;
    background: #071827;
}

.secondary-tools i[b-u3v2jtxoxh] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 9px;
    background: #25155f;
    color: #c4b5fd;
    font-style: normal;
    font-size: 20px;
}

.secondary-tools h3[b-u3v2jtxoxh] {
    margin: 0 0 5px;
    font-size: 13px;
}

.secondary-tools p[b-u3v2jtxoxh] {
    margin: 0;
    color: #94a3b8;
    font-size: 9px;
    line-height: 1.45;
}

.secondary-tools button[b-u3v2jtxoxh] {
    grid-column: 1 / -1;
    min-height: 37px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(90deg, #172554, #312e81);
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
}

/* ==========================================================================
   COLUMNA LATERAL
   ========================================================================== */
.side-card[b-u3v2jtxoxh] {
    padding: 16px;
    border: 1px solid #1c3b53;
    border-radius: 12px;
    background: linear-gradient(180deg, #091a2b, #071725);
}

.side-title[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
}

.side-title > span[b-u3v2jtxoxh] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: linear-gradient(145deg, #6d28d9, #4f46e5);
    font-size: 17px;
}

.side-title h3[b-u3v2jtxoxh] {
    margin: 0;
    font-size: 13px;
}

.impact-number[b-u3v2jtxoxh] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.impact-number strong[b-u3v2jtxoxh] {
    font-size: 38px;
}

.impact-number span[b-u3v2jtxoxh] {
    color: #cbd5e1;
    font-size: 11px;
}

.impact-card em[b-u3v2jtxoxh] {
    display: inline-flex;
    margin: 8px 0;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(5, 150, 105, .22);
    color: #6ee7b7;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
}

.impact-card small[b-u3v2jtxoxh] {
    display: block;
    color: #64748b;
    font-size: 8px;
}

.tips-card ol[b-u3v2jtxoxh] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tips-card li[b-u3v2jtxoxh] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #dbeafe;
    font-size: 9px;
    line-height: 1.45;
}

.tips-card li b[b-u3v2jtxoxh] {
    display: grid;
    place-items: center;
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #7c3aed;
    color: #fff;
    font-size: 8px;
}

.simulator-card[b-u3v2jtxoxh] {
    border-color: rgba(139, 92, 246, .42);
    background: linear-gradient(145deg, #28105c, #3b1885);
}

.simulator-card p[b-u3v2jtxoxh],
.help-card p[b-u3v2jtxoxh] {
    color: #ddd6fe;
    font-size: 9px;
    line-height: 1.55;
}

.simulator-card button[b-u3v2jtxoxh],
.help-card button[b-u3v2jtxoxh] {
    width: 100%;
    min-height: 40px;
    margin-top: 10px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

/* ==========================================================================
   MENSAJES / ESTADOS
   ========================================================================== */
.toast-message[b-u3v2jtxoxh] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 80;
    max-width: 340px;
    padding: 11px 14px;
    border-radius: 9px;
    font-size: 10px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

.toast-message.ok[b-u3v2jtxoxh] {
    border: 1px solid rgba(16, 185, 129, .44);
    background: #064e3b;
    color: #d1fae5;
}

.toast-message.error[b-u3v2jtxoxh] {
    border: 1px solid rgba(239, 68, 68, .44);
    background: #7f1d1d;
    color: #fee2e2;
}

.loading-card[b-u3v2jtxoxh],
.error-card[b-u3v2jtxoxh] {
    padding: 20px;
    border: 1px solid #1f3b50;
    border-radius: 12px;
    background: #081827;
}

.error-card button[b-u3v2jtxoxh] {
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: #7c3aed;
    color: #fff;
    font-weight: 800;
}

.skeleton[b-u3v2jtxoxh] {
    border-radius: 11px;
    background: linear-gradient(90deg, #0e2132 25%, #183047 37%, #0e2132 63%);
    background-size: 400% 100%;
    animation: shimmer-b-u3v2jtxoxh 1.4s infinite;
}

.skeleton.hero[b-u3v2jtxoxh] {
    height: 190px;
    margin-bottom: 12px;
}

.skeleton.cards[b-u3v2jtxoxh] {
    height: 300px;
}

@keyframes shimmer-b-u3v2jtxoxh {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}

/* ==========================================================================
   MODALES
   ========================================================================== */
.modal-backdrop[b-u3v2jtxoxh] {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(2, 6, 23, .72);
}

.tools-modal[b-u3v2jtxoxh] {
    position: fixed;
    z-index: 91;
    top: 50%;
    left: 50%;
    width: min(560px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    overflow-y: auto;
    padding: 18px;
    border: 1px solid #334f68;
    border-radius: 13px;
    background: #071827;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    transform: translate(-50%, -50%);
}

.tools-modal > header[b-u3v2jtxoxh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #1c3a50;
}

.tools-modal header small[b-u3v2jtxoxh] {
    color: #a78bfa;
    font-size: 8px;
    font-weight: 900;
}

.tools-modal h2[b-u3v2jtxoxh] {
    margin: 3px 0 0;
    font-size: 18px;
}

.tools-modal header > button[b-u3v2jtxoxh] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: #10263a;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.template-content[b-u3v2jtxoxh] {
    margin: 16px 0;
    padding: 15px;
    border: 1px solid #1d4058;
    border-radius: 9px;
    background: #061522;
    color: #dbeafe;
    font-size: 11px;
    line-height: 1.65;
}

.tools-modal footer[b-u3v2jtxoxh] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.primary-button[b-u3v2jtxoxh],
.secondary-button[b-u3v2jtxoxh] {
    min-height: 39px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.primary-button[b-u3v2jtxoxh] {
    border: 0;
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    color: #fff;
}

.secondary-button[b-u3v2jtxoxh] {
    border: 1px solid #29465c;
    background: transparent;
    color: #e2e8f0;
}

.simulator-form[b-u3v2jtxoxh] {
    display: grid;
    gap: 12px;
    margin: 16px 0;
}

.simulator-form label[b-u3v2jtxoxh] {
    display: grid;
    gap: 6px;
}

.simulator-form label span[b-u3v2jtxoxh] {
    color: #cbd5e1;
    font-size: 9px;
    font-weight: 800;
}

.simulator-form input[b-u3v2jtxoxh] {
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid #294a62;
    border-radius: 8px;
    outline: 0;
    background: #061522;
    color: #fff;
}

.simulator-result[b-u3v2jtxoxh] {
    display: grid;
    gap: 6px;
    margin-top: 3px;
    padding: 15px;
    border: 1px solid rgba(139, 92, 246, .40);
    border-radius: 10px;
    background: rgba(76, 29, 149, .15);
}

.simulator-result small[b-u3v2jtxoxh] {
    color: #c4b5fd;
    font-size: 8px;
}

.simulator-result strong[b-u3v2jtxoxh] {
    color: #fff;
    font-size: 28px;
}

.simulator-result p[b-u3v2jtxoxh] {
    margin: 0;
    color: #94a3b8;
    font-size: 8px;
}

/* ==========================================================================
   MENÚ MÓVIL - MISMO PATRÓN DE RESUMEN
   ========================================================================== */
.mobile-topbar[b-u3v2jtxoxh],
.mobile-menu-backdrop[b-u3v2jtxoxh],
.mobile-sidebar-head[b-u3v2jtxoxh] {
    display: none;
}

@media (max-width: 1320px) {
    .tools-layout[b-u3v2jtxoxh] {
        grid-template-columns: 1fr;
    }

    .tools-side[b-u3v2jtxoxh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tool-card-grid[b-u3v2jtxoxh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .mobile-topbar[b-u3v2jtxoxh] {
        position: sticky;
        top: 0;
        z-index: 25;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(148, 163, 184, .15);
        background: #07111e;
    }

    .hamburger-button[b-u3v2jtxoxh] {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
        cursor: pointer;
    }

    .sidebar[b-u3v2jtxoxh] {
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .mobile-menu-open .sidebar[b-u3v2jtxoxh] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-u3v2jtxoxh] {
        position: fixed;
        inset: 0;
        z-index: 29;
        border: 0;
        background: rgba(2, 6, 23, .66);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-u3v2jtxoxh] {
        display: block;
    }

    .mobile-sidebar-head[b-u3v2jtxoxh] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .mobile-sidebar-head button[b-u3v2jtxoxh] {
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .tools-main[b-u3v2jtxoxh] {
        margin-left: 0;
        padding: 14px;
    }

    .page-header[b-u3v2jtxoxh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tools-hero[b-u3v2jtxoxh] {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .tools-hero img[b-u3v2jtxoxh] {
        opacity: .30;
        width: 70%;
    }

    .tool-card-grid[b-u3v2jtxoxh],
    .banner-grid[b-u3v2jtxoxh],
    .secondary-tools[b-u3v2jtxoxh],
    .tools-side[b-u3v2jtxoxh] {
        grid-template-columns: 1fr;
    }

    .tool-card[b-u3v2jtxoxh] {
        min-height: auto;
    }
}

@media (max-width: 560px) {
    .tools-main[b-u3v2jtxoxh] {
        padding: 10px;
    }

    .page-header h1[b-u3v2jtxoxh] {
        font-size: 23px;
    }

    .current-level[b-u3v2jtxoxh] {
        width: 100%;
        justify-content: center;
    }

    .hero-copy h2[b-u3v2jtxoxh] {
        font-size: 22px;
    }

    .tools-hero[b-u3v2jtxoxh] {
        min-height: 220px;
    }

    .tools-modal footer[b-u3v2jtxoxh] {
        flex-direction: column-reverse;
    }

    .tools-modal footer button[b-u3v2jtxoxh] {
        width: 100%;
    }
}


/* ============================================================================
   FIX RESPONSIVE TRANSVERSAL - AFILIADO - 2026-09-06
   Objetivo:
   - Conservar el diseño completo en desktop.
   - Adaptar progresivamente laptop y tablet sin forzar el layout móvil.
   - Reservar el comportamiento de una sola columna / menú hamburguesa para móvil.
   - Evitar compresión, superposición y desbordamientos al cambiar el viewport.
   ============================================================================ */

/* --------------------------------------------------------------------------
   BASE FLUIDA
   -------------------------------------------------------------------------- */
:host[b-u3v2jtxoxh] {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

/* --------------------------------------------------------------------------
   LAPTOP / DESKTOP COMPACTO: 1024px - 1399px
   Se conserva la experiencia de escritorio, reduciendo únicamente densidad.
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1399px) {
    .referrals-main[b-u3v2jtxoxh],
    .commissions-main[b-u3v2jtxoxh],
    .withdrawals-main[b-u3v2jtxoxh],
    .levels-main[b-u3v2jtxoxh],
    .tools-main[b-u3v2jtxoxh],
    .reports-main[b-u3v2jtxoxh],
    .reports-page[b-u3v2jtxoxh] {
        min-width: 0 !important;
        max-width: none !important;
    }

    .kpi-grid[b-u3v2jtxoxh],
    .summary-grid[b-u3v2jtxoxh],
    .stats-grid[b-u3v2jtxoxh],
    .metrics-grid[b-u3v2jtxoxh] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .content-grid[b-u3v2jtxoxh],
    .content-layout[b-u3v2jtxoxh],
    .levels-layout[b-u3v2jtxoxh],
    .reports-layout[b-u3v2jtxoxh] {
        min-width: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   TABLET: 768px - 1023px
   No se aplica el layout móvil estrecho. Las tarjetas pasan a dos columnas,
   paneles secundarios bajan y las tablas conservan scroll horizontal propio.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
    .referrals-main[b-u3v2jtxoxh],
    .commissions-main[b-u3v2jtxoxh],
    .withdrawals-main[b-u3v2jtxoxh],
    .levels-main[b-u3v2jtxoxh],
    .tools-main[b-u3v2jtxoxh],
    .reports-main[b-u3v2jtxoxh],
    .reports-page[b-u3v2jtxoxh] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .kpi-grid[b-u3v2jtxoxh],
    .summary-grid[b-u3v2jtxoxh],
    .stats-grid[b-u3v2jtxoxh],
    .metrics-grid[b-u3v2jtxoxh],
    .level-cards[b-u3v2jtxoxh],
    .tool-cards[b-u3v2jtxoxh],
    .reports-kpis[b-u3v2jtxoxh] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .content-grid[b-u3v2jtxoxh],
    .content-layout[b-u3v2jtxoxh],
    .levels-layout[b-u3v2jtxoxh],
    .reports-layout[b-u3v2jtxoxh] {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .right-column[b-u3v2jtxoxh],
    .side-column[b-u3v2jtxoxh],
    .levels-aside[b-u3v2jtxoxh],
    .reports-aside[b-u3v2jtxoxh] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .table-wrap[b-u3v2jtxoxh],
    .table-container[b-u3v2jtxoxh],
    .history-table-wrap[b-u3v2jtxoxh] {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL: hasta 767px
   Una sola columna. Nunca se fuerza un ancho de escritorio dentro del viewport.
   El menú hamburguesa existente continúa siendo el responsable de navegación.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .referrals-main[b-u3v2jtxoxh],
    .commissions-main[b-u3v2jtxoxh],
    .withdrawals-main[b-u3v2jtxoxh],
    .levels-main[b-u3v2jtxoxh],
    .tools-main[b-u3v2jtxoxh],
    .reports-main[b-u3v2jtxoxh],
    .reports-page[b-u3v2jtxoxh] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .page-header[b-u3v2jtxoxh] {
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }

    .kpi-grid[b-u3v2jtxoxh],
    .summary-grid[b-u3v2jtxoxh],
    .stats-grid[b-u3v2jtxoxh],
    .metrics-grid[b-u3v2jtxoxh],
    .level-cards[b-u3v2jtxoxh],
    .tool-cards[b-u3v2jtxoxh],
    .reports-kpis[b-u3v2jtxoxh],
    .content-grid[b-u3v2jtxoxh],
    .content-layout[b-u3v2jtxoxh],
    .levels-layout[b-u3v2jtxoxh],
    .reports-layout[b-u3v2jtxoxh] {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .table-wrap[b-u3v2jtxoxh],
    .table-container[b-u3v2jtxoxh],
    .history-table-wrap[b-u3v2jtxoxh] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    img[b-u3v2jtxoxh],
    svg[b-u3v2jtxoxh] {
        max-width: 100%;
    }
}

/* Herramientas: sidebar fijo sólo donde existe espacio real de escritorio. */
@media (min-width: 768px) and (max-width: 1023px) {
    .sidebar[b-u3v2jtxoxh] { width: 76px !important; }
    .tools-main[b-u3v2jtxoxh] { margin-left: 76px !important; width: calc(100% - 76px) !important; }
    .tool-cards[b-u3v2jtxoxh] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
    .tools-main[b-u3v2jtxoxh] { margin-left: 0 !important; width: 100% !important; }
    .tool-cards[b-u3v2jtxoxh] { grid-template-columns: minmax(0, 1fr) !important; }
}


/* ============================================================================
   FIX VISUAL HERO HERRAMIENTAS
   Evita superposición entre texto e imagen.
   ============================================================================ */

@media (min-width: 1200px) {
    .tools-hero[b-u3v2jtxoxh] {
        grid-template-columns: minmax(0, 1.35fr) minmax(380px, .65fr);
    }

    .tools-hero img[b-u3v2jtxoxh] {
        position: relative;
        width: 100%;
        height: 100%;
        opacity: 1;
        object-fit: cover;
        object-position: center;
    }
}

@media (min-width: 901px) and (max-width: 1199px) {
    .tools-hero[b-u3v2jtxoxh] {
        grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    }

    .hero-copy[b-u3v2jtxoxh] {
        padding: 24px 26px;
    }

    .hero-copy h2[b-u3v2jtxoxh] {
        max-width: 620px;
        font-size: clamp(26px, 3vw, 34px);
    }

    .tools-hero img[b-u3v2jtxoxh] {
        position: relative;
        width: 100%;
        height: 100%;
        opacity: 1;
    }
}

@media (max-width: 900px) {
    .tools-hero[b-u3v2jtxoxh] {
        grid-template-columns: minmax(0, 1fr);
        padding: 0;
    }

    .hero-copy[b-u3v2jtxoxh] {
        padding: 22px 20px 18px;
    }

    .hero-copy h2[b-u3v2jtxoxh] {
        max-width: none;
        font-size: 28px;
    }

    .tools-hero img[b-u3v2jtxoxh] {
        position: relative;
        width: 100%;
        min-height: 170px;
        max-height: 250px;
        opacity: 1;
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 560px) {
    .hero-copy[b-u3v2jtxoxh] {
        padding: 20px 18px 16px;
    }

    .hero-copy h2[b-u3v2jtxoxh] {
        font-size: 24px;
        line-height: 1.12;
    }

    .tools-hero img[b-u3v2jtxoxh] {
        min-height: 150px;
    }
}


/* Navegación afiliado centralizada: el main libera el espacio en móvil. */
@media (max-width: 900px) {
    .tools-main[b-u3v2jtxoxh] {
        margin-left: 0;
    }
}
/* /Pages/Affiliate/Withdrawals.razor.rz.scp.css */
/* ============================================================================
   TURNO YA - PAGOS Y RETIROS DEL AFILIADO
   Visual desktop fiel al mockup + responsive real.

   Breakpoints:
   - Desktop grande: >= 1440px
   - Desktop / laptop: 1200px - 1439px
   - Laptop compacto: 1024px - 1199px
   - Tablet: 768px - 1023px
   - Móvil: <= 767px
   ============================================================================ */

:host[b-m7w1gvhret] {
    display: block;
    min-height: 100vh;
    color: #f8fafc;
    background: #020d17;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

*[b-m7w1gvhret] {
    box-sizing: border-box;
}

button[b-m7w1gvhret],
input[b-m7w1gvhret],
select[b-m7w1gvhret],
a[b-m7w1gvhret] {
    font: inherit;
}

button[b-m7w1gvhret],
a[b-m7w1gvhret] {
    -webkit-tap-highlight-color: transparent;
}

.affiliate-shell[b-m7w1gvhret] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 48% 0%, rgba(29, 78, 216, .10), transparent 34%),
        #06111d;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", sans-serif;
}

/* ============================================================================
   SIDEBAR - mismo lenguaje visual del Dashboard Afiliado
   ============================================================================ */
.sidebar[b-m7w1gvhret] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    width: 232px;
    height: 100vh;
    padding: 18px 14px;
    border-right: 1px solid rgba(148, 163, 184, .14);
    background: linear-gradient(180deg, #07111e 0%, #050c16 100%);
    overflow-y: auto;
    overflow-x: hidden;
}

.brand[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #f1f5f9;
    color: #101827;
    font-size: 20px;
    font-weight: 900;
}

.brand > div[b-m7w1gvhret] {
    display: grid;
    gap: 1px;
}

.brand strong[b-m7w1gvhret] {
    font-size: 15px;
}

.brand strong b[b-m7w1gvhret] {
    color: #fbbf24;
}

.brand small[b-m7w1gvhret] {
    color: #8499a9;
    font-size: 8px;
}

.profile-mini[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid #19384f;
    border-radius: 12px;
    background: #071827;
}

.avatar[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(145deg, #f59e0b, #b45309);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.avatar.small[b-m7w1gvhret] {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    font-size: 10px;
}

.profile-mini > div[b-m7w1gvhret] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.profile-mini strong[b-m7w1gvhret] {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-mini small[b-m7w1gvhret] {
    color: #a9bac6;
    font-size: 8px;
}

.profile-mini em[b-m7w1gvhret] {
    color: #facc15;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
}

.sidebar nav[b-m7w1gvhret] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 8px;
    color: #dce7ef;
    font-size: 11px;
    text-decoration: none;
}

.sidebar nav a:hover[b-m7w1gvhret] {
    background: #0b2030;
}

.sidebar nav a.active[b-m7w1gvhret] {
    background: linear-gradient(90deg, #6d28d9, #9333ea);
    color: #fff;
    box-shadow: 0 8px 20px rgba(91, 33, 182, .24);
}

.share-card[b-m7w1gvhret] {
    display: grid;
    gap: 8px;
    margin-top: auto;
    padding: 14px;
    border: 1px solid rgba(139, 92, 246, .48);
    border-radius: 12px;
    background: linear-gradient(145deg, #25105d, #43218a);
}

.share-card > span[b-m7w1gvhret] {
    font-size: 28px;
}

.share-card strong[b-m7w1gvhret] {
    font-size: 14px;
}

.share-card p[b-m7w1gvhret] {
    margin: 0;
    color: #ddd6fe;
    font-size: 9px;
    line-height: 1.45;
}

.share-card button[b-m7w1gvhret] {
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #6d28d9;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

/* ============================================================================
   MAIN
   ============================================================================ */
.affiliate-main[b-m7w1gvhret] {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 232px;
    padding: 22px;
}

.desktop-contextbar[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 62px;
    margin: 0 -24px 24px;
    padding: 0 24px;
    border-bottom: 1px solid #163047;
    background: rgba(3, 16, 28, .82);
}

.desktop-contextbar > div:first-child[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #8da2b2;
    font-size: 11px;
}

.desktop-contextbar strong[b-m7w1gvhret] {
    color: #eaf2f8;
}

.context-icon[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #1c1555;
    color: #a78bfa;
}

.context-profile[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.context-profile > span:last-child[b-m7w1gvhret] {
    display: grid;
    gap: 2px;
}

.context-profile strong[b-m7w1gvhret] {
    font-size: 10px;
}

.context-profile small[b-m7w1gvhret] {
    color: #8fa4b4;
    font-size: 8px;
}

.page-header[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.page-header h1[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
}

.page-header h1 span[b-m7w1gvhret] {
    color: #8b5cf6;
    font-size: 36px;
}

.page-header p[b-m7w1gvhret] {
    margin: 7px 0 0;
    color: #c3d0da;
    font-size: 12px;
}

.last-update[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #8ca0af;
}

.last-update > span[b-m7w1gvhret] {
    font-size: 19px;
}

.last-update > div[b-m7w1gvhret] {
    display: grid;
    gap: 2px;
}

.last-update small[b-m7w1gvhret] {
    font-size: 8px;
}

.last-update b[b-m7w1gvhret] {
    color: #fff;
    font-size: 10px;
}

/* ============================================================================
   ESTADOS
   ============================================================================ */
.loading-card[b-m7w1gvhret],
.error-card[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    min-height: 240px;
    gap: 12px;
    padding: 30px;
    border: 1px solid #204158;
    border-radius: 12px;
    background: #071927;
    text-align: center;
}

.loading-ring[b-m7w1gvhret] {
    width: 36px;
    height: 36px;
    border: 4px solid rgba(139, 92, 246, .22);
    border-top-color: #8b5cf6;
    border-radius: 50%;
    animation: spin-b-m7w1gvhret .8s linear infinite;
}

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

.error-card p[b-m7w1gvhret] {
    color: #a9b9c5;
}

.error-card button[b-m7w1gvhret] {
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 8px;
    background: #7c3aed;
    color: #fff;
    cursor: pointer;
}

/* ============================================================================
   KPIs - cuatro columnas reales en desktop
   ============================================================================ */
.kpi-grid[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 26px;
}

.kpi-card[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    min-height: 130px;
    padding: 20px;
    border: 1px solid #1d4058;
    border-radius: 12px;
    background: linear-gradient(145deg, #091d2e, #061624);
}

.kpi-card.generated[b-m7w1gvhret] {
    border-color: rgba(124, 58, 237, .46);
}

.kpi-card i[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #fff;
    font-size: 23px;
    font-style: normal;
}

.kpi-card.generated i[b-m7w1gvhret] {
    background: linear-gradient(145deg, #7c3aed, #9333ea);
    box-shadow: 0 0 24px rgba(124, 58, 237, .55);
}

.kpi-card.processing i[b-m7w1gvhret] {
    background: linear-gradient(145deg, #d97706, #f59e0b);
    box-shadow: 0 0 24px rgba(245, 158, 11, .45);
}

.kpi-card.completed i[b-m7w1gvhret] {
    background: linear-gradient(145deg, #059669, #10b981);
    box-shadow: 0 0 24px rgba(16, 185, 129, .42);
}

.kpi-card.available i[b-m7w1gvhret] {
    background: linear-gradient(145deg, #2563eb, #0ea5e9);
    box-shadow: 0 0 24px rgba(59, 130, 246, .42);
}

.kpi-card > div[b-m7w1gvhret] {
    min-width: 0;
}

.kpi-card span[b-m7w1gvhret],
.kpi-card small[b-m7w1gvhret] {
    display: block;
}

.kpi-card span[b-m7w1gvhret] {
    color: #cbd9e3;
    font-size: 11px;
}

.kpi-card strong[b-m7w1gvhret] {
    display: block;
    overflow-wrap: anywhere;
    margin: 7px 0 5px;
    font-size: clamp(18px, 1.45vw, 25px);
    line-height: 1.1;
}

.kpi-card small[b-m7w1gvhret] {
    color: #8fa4b4;
    font-size: 9px;
}

/* ============================================================================
   DESKTOP CONTENT
   ============================================================================ */
.desktop-content-grid[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, .95fr);
    gap: 24px;
    align-items: start;
}

.history-panel[b-m7w1gvhret],
.method-card[b-m7w1gvhret],
.info-card[b-m7w1gvhret],
.help-card[b-m7w1gvhret] {
    min-width: 0;
    border: 1px solid #1e4057;
    border-radius: 12px;
    background: #071927;
}

.history-panel[b-m7w1gvhret] {
    overflow: hidden;
}

.history-heading[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 92px;
    padding: 18px 20px;
    border-bottom: 1px solid #1a3a50;
}

.history-heading > div[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.panel-icon[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 9px;
    background: #241363;
    color: #a78bfa;
    font-size: 20px;
}

.history-heading h2[b-m7w1gvhret] {
    margin: 0;
    font-size: 18px;
}

.history-heading p[b-m7w1gvhret] {
    margin: 4px 0 0;
    color: #8fa4b4;
    font-size: 9px;
}

.history-filter[b-m7w1gvhret] {
    min-width: 165px;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #274c64;
    border-radius: 8px;
    outline: none;
    background: #071827;
    color: #eaf2f8;
    font-size: 10px;
}

.table-wrap[b-m7w1gvhret] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-wrap table[b-m7w1gvhret] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.table-wrap th[b-m7w1gvhret],
.table-wrap td[b-m7w1gvhret] {
    padding: 13px 14px;
    border-bottom: 1px solid #133247;
    font-size: 10px;
    text-align: left;
    white-space: nowrap;
}

.table-wrap th[b-m7w1gvhret] {
    background: #092238;
    color: #c5d5e0;
    font-weight: 800;
}

.table-wrap tbody tr:hover[b-m7w1gvhret] {
    background: rgba(18, 55, 79, .28);
}

.type-chip[b-m7w1gvhret] {
    color: #dbeafe;
}

.status[b-m7w1gvhret] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
}

.status.processing[b-m7w1gvhret] {
    background: rgba(245, 158, 11, .22);
    color: #fbbf24;
}

.status.completed[b-m7w1gvhret] {
    background: rgba(16, 185, 129, .20);
    color: #34d399;
}

.status.rejected[b-m7w1gvhret] {
    background: rgba(239, 68, 68, .20);
    color: #f87171;
}

.view-button[b-m7w1gvhret] {
    min-width: 64px;
    min-height: 32px;
    border: 1px solid #284d65;
    border-radius: 7px;
    background: #0b2639;
    color: #eaf2f8;
    font-size: 9px;
    cursor: pointer;
}

.empty-state[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 260px;
    color: #91a5b4;
    text-align: center;
}

.empty-state span[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #171746;
    color: #a78bfa;
    font-size: 20px;
}

.empty-state strong[b-m7w1gvhret] {
    color: #eaf2f8;
}

.empty-state p[b-m7w1gvhret] {
    margin: 0;
    font-size: 9px;
}

.pager[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 68px;
    padding: 12px 18px;
    color: #8fa4b4;
    font-size: 9px;
}

.pager > div[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.pager button[b-m7w1gvhret],
.pager b[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    min-width: 42px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #23475f;
    border-radius: 7px;
    background: #081c2d;
    color: #cbd9e3;
    font-size: 9px;
}

.pager b[b-m7w1gvhret] {
    min-width: 34px;
    border-color: #8b5cf6;
    background: #7c3aed;
    color: #fff;
}

.pager button:disabled[b-m7w1gvhret] {
    opacity: .42;
    cursor: default;
}

/* ============================================================================
   RIGHT COLUMN
   ============================================================================ */
.right-column[b-m7w1gvhret] {
    display: grid;
    gap: 20px;
    align-content: start;
}

.method-card[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    padding: 20px;
    border-color: rgba(139, 92, 246, .55);
    background: linear-gradient(145deg, #281267, #3b1d7b);
}

.side-icon[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(145deg, #7c3aed, #9333ea);
    font-size: 21px;
}

.method-copy[b-m7w1gvhret] {
    min-width: 0;
}

.method-copy small[b-m7w1gvhret] {
    color: #c4b5fd;
    font-size: 9px;
}

.method-copy strong[b-m7w1gvhret] {
    display: block;
    margin: 4px 0 5px;
    font-size: 17px;
}

.method-copy p[b-m7w1gvhret] {
    margin: 0;
    color: #ddd6fe;
    font-size: 9px;
    line-height: 1.45;
}

.method-actions[b-m7w1gvhret] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.method-actions button[b-m7w1gvhret] {
    min-height: 42px;
    border-radius: 8px;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

.method-actions .primary[b-m7w1gvhret] {
    border: 0;
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    color: #fff;
}

.method-actions .secondary[b-m7w1gvhret] {
    border: 1px solid rgba(255, 255, 255, .20);
    background: rgba(9, 24, 45, .40);
    color: #fff;
}

.method-actions button:disabled[b-m7w1gvhret] {
    opacity: .45;
    cursor: default;
}

.info-card[b-m7w1gvhret] {
    padding: 20px;
}

.info-card h3[b-m7w1gvhret],
.help-card h3[b-m7w1gvhret] {
    margin: 0;
    font-size: 15px;
}

.info-card h3[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.info-card h3 span[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #2563eb;
    color: #fff;
}

.info-card ul[b-m7w1gvhret] {
    display: grid;
    gap: 0;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.info-card li[b-m7w1gvhret] {
    padding: 13px 0;
    border-bottom: 1px solid #17384f;
    color: #d6e2eb;
    font-size: 10px;
    line-height: 1.45;
}

.info-card li:last-child[b-m7w1gvhret] {
    border-bottom: 0;
}

.help-card[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 18px;
}

.help-icon[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #7c3aed;
    border-radius: 10px;
    color: #c4b5fd;
    font-size: 18px;
    font-weight: 900;
}

.help-card p[b-m7w1gvhret] {
    margin: 5px 0 0;
    color: #9fb0bd;
    font-size: 9px;
    line-height: 1.45;
}

.help-card a[b-m7w1gvhret] {
    min-width: 92px;
    min-height: 38px;
    display: grid;
    place-items: center;
    padding: 0 11px;
    border: 1px solid #7c3aed;
    border-radius: 8px;
    color: #d8b4fe;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}

/* ============================================================================
   MODAL ACCIONES Y DETALLE
   ============================================================================ */
.modal-backdrop[b-m7w1gvhret] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 18px;
    overflow-y: auto;
    background: rgba(2, 6, 23, .78);
    backdrop-filter: blur(4px);
}

.action-modal[b-m7w1gvhret],
.detail-modal[b-m7w1gvhret] {
    position: relative;
    width: min(860px, 96vw);
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    border: 1px solid #35556c;
    border-radius: 14px;
    background: #071927;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

.detail-modal[b-m7w1gvhret] {
    width: min(500px, 94vw);
    padding: 24px;
}

.modal-close[b-m7w1gvhret] {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 3;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: #10263a;
    color: #fff;
    font-size: 21px;
    cursor: pointer;
}

.panel-tabs[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 66px;
    padding: 14px 54px 0 16px;
    border-bottom: 1px solid #1a3a50;
}

.panel-tabs button[b-m7w1gvhret] {
    min-width: 155px;
    min-height: 40px;
    border: 1px solid #274960;
    background: #071927;
    color: #c6d5df;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.panel-tabs button:first-child[b-m7w1gvhret] {
    border-radius: 8px 0 0 8px;
}

.panel-tabs button:last-child[b-m7w1gvhret] {
    border-radius: 0 8px 8px 0;
}

.panel-tabs button.active[b-m7w1gvhret] {
    border-color: #8b5cf6;
    background: linear-gradient(135deg, #7131e8, #9438ff);
    color: #fff;
}

.withdraw-form-grid[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 18px;
}

.step-card[b-m7w1gvhret],
.request-action[b-m7w1gvhret] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #21445c;
    border-radius: 10px;
    background: #081c2d;
}

.step-title[b-m7w1gvhret] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
}

.step-title b[b-m7w1gvhret] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #7c3aed;
}

.amount-input[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 11px;
    border: 1px solid #2b4d64;
    border-radius: 8px;
    background: #061625;
}

.amount-input input[b-m7w1gvhret] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
}

.step-card p[b-m7w1gvhret],
.request-action p[b-m7w1gvhret],
.form-intro p[b-m7w1gvhret] {
    color: #9fb0bd;
    font-size: 9px;
    line-height: 1.5;
}

.summary-list[b-m7w1gvhret] {
    margin: 0;
}

.summary-list > div[b-m7w1gvhret] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #17364a;
}

.summary-list dt[b-m7w1gvhret],
.summary-list dd[b-m7w1gvhret] {
    margin: 0;
    font-size: 9px;
}

.summary-list dd[b-m7w1gvhret] {
    font-weight: 800;
}

.summary-list .total dd[b-m7w1gvhret] {
    color: #c084fc;
    font-size: 14px;
}

.request-action[b-m7w1gvhret] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(180px, 260px) 1fr;
    align-items: center;
    gap: 14px;
}

.request-action button[b-m7w1gvhret],
.save-method[b-m7w1gvhret] {
    min-height: 43px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #7c3aed, #9333ea);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.request-action button:disabled[b-m7w1gvhret],
.save-method:disabled[b-m7w1gvhret] {
    opacity: .45;
    cursor: default;
}

.payment-method-form[b-m7w1gvhret] {
    padding: 20px;
}

.form-intro strong[b-m7w1gvhret] {
    font-size: 14px;
}

.form-grid[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 16px 0;
}

.form-grid label[b-m7w1gvhret] {
    display: grid;
    gap: 6px;
}

.form-grid label.full[b-m7w1gvhret] {
    grid-column: 1 / -1;
}

.form-grid label span[b-m7w1gvhret] {
    color: #cbd9e3;
    font-size: 9px;
}

.form-grid input[b-m7w1gvhret],
.form-grid select[b-m7w1gvhret] {
    width: 100%;
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid #284b63;
    border-radius: 8px;
    outline: 0;
    background: #061625;
    color: #fff;
}

.save-method[b-m7w1gvhret] {
    min-width: 190px;
    padding: 0 18px;
}

.operation-message[b-m7w1gvhret] {
    margin: 0 18px 18px;
    padding: 11px 13px;
    border-radius: 8px;
    font-size: 9px;
}

.operation-message.ok[b-m7w1gvhret] {
    border: 1px solid rgba(16, 185, 129, .35);
    background: rgba(6, 78, 59, .45);
    color: #d1fae5;
}

.operation-message.error[b-m7w1gvhret] {
    border: 1px solid rgba(239, 68, 68, .35);
    background: rgba(127, 29, 29, .42);
    color: #fee2e2;
}

.detail-modal h2[b-m7w1gvhret] {
    margin: 0 0 18px;
    font-size: 18px;
}

.detail-modal dl[b-m7w1gvhret] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 11px;
}

.detail-modal dt[b-m7w1gvhret] {
    color: #8fa5b5;
}

.detail-modal dd[b-m7w1gvhret] {
    margin: 0;
}

/* ============================================================================
   RESPONSIVE
   MISMA ARQUITECTURA Y BREAKPOINT PRINCIPAL DE RESUMEN
   ============================================================================ */

.mobile-topbar[b-m7w1gvhret],
.mobile-menu-backdrop[b-m7w1gvhret],
.mobile-sidebar-head[b-m7w1gvhret] {
    display: none;
}

/* --------------------------------------------------------------------------
   DESKTOP / LAPTOP GRANDE
   -------------------------------------------------------------------------- */
@media (min-width: 1221px) {
    .sidebar[b-m7w1gvhret] {
        width: 232px;
    }

    .affiliate-main[b-m7w1gvhret] {
        margin-left: 232px;
        padding: 22px;
    }

    .kpi-grid[b-m7w1gvhret] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .desktop-content-grid[b-m7w1gvhret] {
        grid-template-columns: minmax(0, 1.65fr) minmax(320px, .95fr);
    }

    .right-column[b-m7w1gvhret] {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------------------
   LAPTOP COMPACTO 901 - 1220
   -------------------------------------------------------------------------- */
@media (min-width: 901px) and (max-width: 1220px) {
    .sidebar[b-m7w1gvhret] {
        width: 210px;
        padding-inline: 11px;
    }

    .affiliate-main[b-m7w1gvhret] {
        margin-left: 210px;
        padding: 18px;
    }

    .desktop-contextbar[b-m7w1gvhret] {
        margin-inline: -18px;
        padding-inline: 18px;
    }

    .kpi-grid[b-m7w1gvhret] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .desktop-content-grid[b-m7w1gvhret] {
        grid-template-columns: minmax(0, 1fr);
    }

    .right-column[b-m7w1gvhret] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .help-card[b-m7w1gvhret] {
        grid-column: 1 / -1;
    }
}

/* --------------------------------------------------------------------------
   TABLET / MÓVIL <= 900
   MISMO PUNTO DE QUIEBRE DE RESUMEN
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
    .mobile-topbar[b-m7w1gvhret] {
        position: sticky;
        top: 0;
        z-index: 25;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 58px;
        padding: 0 14px;
        border-bottom: 1px solid rgba(148, 163, 184, .15);
        background: #07111e;
    }

    .hamburger-button[b-m7w1gvhret] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 8px;
        background: #111f30;
        color: #fff;
        cursor: pointer;
    }

    .mobile-brand[b-m7w1gvhret] {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #fff;
        text-decoration: none;
    }

    .mobile-brand b[b-m7w1gvhret] {
        color: #fbbf24;
    }

    .sidebar[b-m7w1gvhret] {
        transform: translateX(-102%);
        transition: transform .22s ease;
    }

    .mobile-menu-open .sidebar[b-m7w1gvhret] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-m7w1gvhret] {
        position: fixed;
        inset: 0;
        z-index: 29;
        border: 0;
        background: rgba(2, 6, 23, .66);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-m7w1gvhret] {
        display: block;
    }

    .mobile-sidebar-head[b-m7w1gvhret] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .mobile-sidebar-head button[b-m7w1gvhret] {
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }

    .affiliate-main[b-m7w1gvhret] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-left: 0;
        padding: 14px;
    }

    .desktop-contextbar[b-m7w1gvhret] {
        display: none;
    }

    .page-header[b-m7w1gvhret] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .last-update[b-m7w1gvhret] {
        display: none;
    }

    .kpi-grid[b-m7w1gvhret] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .kpi-card[b-m7w1gvhret] {
        min-width: 0;
    }

    .kpi-card strong[b-m7w1gvhret] {
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
    }

    .desktop-content-grid[b-m7w1gvhret],
    .right-column[b-m7w1gvhret] {
        grid-template-columns: minmax(0, 1fr);
    }

    .history-heading[b-m7w1gvhret] {
        align-items: stretch;
        flex-direction: column;
    }

    .history-filter[b-m7w1gvhret] {
        width: 100%;
    }

    .table-wrap[b-m7w1gvhret] {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* --------------------------------------------------------------------------
   MÓVIL ESTRECHO
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
    .mobile-page-title[b-m7w1gvhret] {
        margin-left: auto;
        font-size: 12px;
    }

    .affiliate-main[b-m7w1gvhret] {
        padding-inline: 12px;
    }

    .page-header h1[b-m7w1gvhret] {
        font-size: 24px;
    }

    .kpi-grid[b-m7w1gvhret] {
        grid-template-columns: minmax(0, 1fr);
    }

    .method-actions[b-m7w1gvhret],
    .withdraw-form-grid[b-m7w1gvhret],
    .form-grid[b-m7w1gvhret],
    .request-action[b-m7w1gvhret] {
        grid-template-columns: minmax(0, 1fr);
    }

    .request-action[b-m7w1gvhret] {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .mobile-page-title[b-m7w1gvhret] {
        display: none;
    }

    .detail-modal dl[b-m7w1gvhret] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.ty-login-legal[b-m88wheraep]{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 2px;color:#84929c;font-size:11px}.ty-login-legal button[b-m88wheraep],.ty-login-legal a[b-m88wheraep]{border:0;background:transparent;padding:0;color:#aebbc5;font:inherit;text-decoration:none;cursor:pointer}.ty-login-legal button:hover[b-m88wheraep],.ty-login-legal a:hover[b-m88wheraep]{color:#ffc400;text-decoration:underline}
/* /Pages/Auth/Register.razor.rz.scp.css */
.ty-register-page[b-d9xazrspgu] {
    min-height: 100vh;
    padding: 24px;
    background: #070b0e;
    color: #fff;
}

.ty-register-page-topbar[b-d9xazrspgu] {
    width: min(1480px, 100%);
    margin: 0 auto 16px;
}

.ty-register-back[b-d9xazrspgu] {
    color: #f6bd2f;
    font-weight: 700;
    text-decoration: none;
}

.ty-register-back:hover[b-d9xazrspgu] {
    text-decoration: underline;
}

.ty-register-success[b-d9xazrspgu] {
    width: min(560px, 100%);
    margin: 10vh auto 0;
    padding: 40px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 20px;
    background: #0c141b;
    text-align: center;
}

.ty-register-success-icon[b-d9xazrspgu] {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(35, 176, 94, .18);
    color: #47d178;
    font-size: 32px;
    font-weight: 800;
}

.ty-register-success h1[b-d9xazrspgu] {
    margin: 0 0 12px;
}

.ty-register-success p[b-d9xazrspgu] {
    margin: 0 auto 24px;
    max-width: 440px;
    color: #d7dce1;
    line-height: 1.55;
}

.ty-register-success button[b-d9xazrspgu] {
    min-height: 46px;
    padding: 0 24px;
    border: 0;
    border-radius: 10px;
    background: #f6bd2f;
    color: #080b0d;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 720px) {
    .ty-register-page[b-d9xazrspgu] {
        padding: 14px;
    }

    .ty-register-success[b-d9xazrspgu] {
        margin-top: 5vh;
        padding: 28px 20px;
    }
}
/* /Pages/Auth/SelectProfile.razor.rz.scp.css */
:global(body)[b-zc0f6cowgy]{margin:0;background:#02070d;color:#fff}.role-select-page[b-zc0f6cowgy]{min-height:100vh;display:grid;grid-template-columns:310px 1fr;background:linear-gradient(90deg,rgba(2,8,14,.98) 0 310px,rgba(2,7,12,.76) 310px 100%),linear-gradient(rgba(1,7,12,.72),rgba(1,7,12,.86)),url('/images/auth/login-hero.webp') center/cover fixed;font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff}.role-sidebar[b-zc0f6cowgy]{padding:28px 20px;border-right:1px solid #27313b;background:rgba(2,9,15,.88);backdrop-filter:blur(16px)}.brand[b-zc0f6cowgy]{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin:0 8px 42px}.brand-mark[b-zc0f6cowgy]{position:relative;width:58px;height:66px}.brand-mark b[b-zc0f6cowgy]{font-size:55px;line-height:1;font-style:italic}.brand-mark em[b-zc0f6cowgy]{position:absolute;color:#ffc400;font-size:54px;font-weight:900;left:28px;top:15px}.brand strong[b-zc0f6cowgy]{font-size:27px}.brand strong b[b-zc0f6cowgy]{color:#ffc400}.brand small[b-zc0f6cowgy]{display:block;font-size:11px;color:#fff;margin-top:3px}.session-card[b-zc0f6cowgy],.quick-card[b-zc0f6cowgy],.affiliate-card[b-zc0f6cowgy]{border:1px solid #26313b;border-radius:13px;background:rgba(8,16,24,.78);padding:18px;margin-bottom:20px}.user-line[b-zc0f6cowgy]{display:flex;gap:13px;align-items:center}.avatar[b-zc0f6cowgy]{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#36495a,#111a23);font-weight:800}.user-line strong[b-zc0f6cowgy]{display:block;font-size:18px}.user-line small[b-zc0f6cowgy]{display:block;color:#fff;margin-top:5px}.session-ok[b-zc0f6cowgy]{border-top:1px solid #24313b;margin-top:20px;padding-top:16px;display:flex;gap:11px;align-items:flex-start}.session-ok>span[b-zc0f6cowgy]{width:26px;height:26px;border-radius:50%;background:#245c34;display:grid;place-items:center}.session-ok strong[b-zc0f6cowgy],.session-ok small[b-zc0f6cowgy]{display:block}.session-ok small[b-zc0f6cowgy]{font-size:11px;color:#fff;margin-top:4px}.quick-card h3[b-zc0f6cowgy]{margin:0 0 18px;font-size:16px}.quick-card a[b-zc0f6cowgy],.service-status[b-zc0f6cowgy]{min-height:48px;display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;border-bottom:1px solid #1d2832}.quick-card a b[b-zc0f6cowgy]{margin-left:auto}.service-status i[b-zc0f6cowgy]{width:8px;height:8px;background:#49bb64;border-radius:50%;margin-left:auto}.logout[b-zc0f6cowgy]{border:0;background:transparent;color:#ff4b4b;padding:16px 2px 0;font:inherit;cursor:pointer}.affiliate-card[b-zc0f6cowgy]{background:linear-gradient(140deg,rgba(38,20,83,.55),rgba(7,14,24,.9))}.affiliate-title[b-zc0f6cowgy]{display:flex;gap:12px;align-items:center}.affiliate-title>span[b-zc0f6cowgy]{font-size:25px;color:#ffc400}.affiliate-title strong[b-zc0f6cowgy],.affiliate-title small[b-zc0f6cowgy]{display:block}.affiliate-title small[b-zc0f6cowgy]{color:#fff;margin-top:4px}.affiliate-card button[b-zc0f6cowgy]{width:100%;margin-top:18px;border:1px solid #3d315d;border-radius:10px;background:rgba(25,15,54,.55);color:#fff;padding:13px 15px;text-align:left}.affiliate-card button span[b-zc0f6cowgy]{float:right}.role-main[b-zc0f6cowgy]{position:relative;padding:44px 28px 36px;min-width:0}.top-help[b-zc0f6cowgy]{display:flex;justify-content:flex-end}.top-help a[b-zc0f6cowgy]{display:flex;gap:12px;align-items:center;padding:14px 20px;border:1px solid #34404a;border-radius:10px;color:#fff;text-decoration:none;background:rgba(6,14,22,.65)}.top-help b[b-zc0f6cowgy]{margin-left:36px}.role-header[b-zc0f6cowgy]{text-align:center;max-width:900px;margin:24px auto 30px}.profile-icon[b-zc0f6cowgy]{width:70px;height:70px;border:1px solid #806200;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:#ffc400;font-size:32px;background:rgba(255,196,0,.04)}.role-header h1[b-zc0f6cowgy]{font-size:34px;margin:0;font-weight:700}.role-header h1 span[b-zc0f6cowgy]{color:#ffc400}.role-header p[b-zc0f6cowgy]{margin:12px 0 0;color:#fff;font-size:17px}.role-grid[b-zc0f6cowgy]{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:18px;max-width:1160px;margin:0 auto}.role-card[b-zc0f6cowgy]{position:relative;min-height:455px;border-radius:16px;padding:34px 20px 20px;background:linear-gradient(160deg,rgba(18,27,37,.92),rgba(7,13,20,.94));border:1px solid #394550;display:flex;flex-direction:column;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.24)}.role-card.owner[b-zc0f6cowgy]{border-color:#826800}.role-card.professional[b-zc0f6cowgy]{border-color:#245e91}.role-card.customer[b-zc0f6cowgy]{border-color:#603982}.role-card.affiliate[b-zc0f6cowgy]{border-color:#3f7548}.role-card.inactive-role[b-zc0f6cowgy]{opacity:.84}.current-badge[b-zc0f6cowgy]{position:absolute;right:10px;top:10px;background:#6a5200;border:1px solid #947400;color:#ffd73d;border-radius:7px;padding:7px 9px;font-size:11px}.current-badge.inactive[b-zc0f6cowgy]{background:#17202a;border-color:#384755;color:#fff}.role-icon[b-zc0f6cowgy]{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;font-size:46px;border:1px solid currentColor;background:rgba(255,255,255,.025)}.owner .role-icon[b-zc0f6cowgy],.owner h2[b-zc0f6cowgy]{color:#ffc400}.professional .role-icon[b-zc0f6cowgy],.professional h2[b-zc0f6cowgy]{color:#4098f0}.customer .role-icon[b-zc0f6cowgy],.customer h2[b-zc0f6cowgy]{color:#b46bf2}.affiliate .role-icon[b-zc0f6cowgy],.affiliate h2[b-zc0f6cowgy]{color:#62ce70}.role-card h2[b-zc0f6cowgy]{font-size:24px;margin:0 0 12px}.role-description[b-zc0f6cowgy]{color:#fff;line-height:1.5;min-height:66px;margin:0 0 16px}.role-details[b-zc0f6cowgy]{display:grid;gap:12px;text-align:left;margin:4px 8px 22px}.role-details div[b-zc0f6cowgy]{display:flex;gap:10px;align-items:center}.role-details span[b-zc0f6cowgy]{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#2d6a32;font-size:11px}.role-details strong[b-zc0f6cowgy]{font-size:14px;font-weight:500;color:#fff}.role-button[b-zc0f6cowgy]{margin-top:auto;border-radius:11px;padding:15px 16px;color:#fff;border:1px solid currentColor;background:#142133;font:inherit;cursor:pointer}.role-button span[b-zc0f6cowgy]{float:right;font-size:24px;line-height:17px}.owner .role-button[b-zc0f6cowgy]{background:linear-gradient(90deg,#423300,#6b5200);color:#ffd84a}.professional .role-button[b-zc0f6cowgy]{background:linear-gradient(90deg,#123a70,#1f4f8e)}.customer .role-button[b-zc0f6cowgy]{background:linear-gradient(90deg,#402064,#622c85)}.affiliate .role-button[b-zc0f6cowgy]{background:linear-gradient(90deg,#173e22,#275e30)}.role-button:disabled[b-zc0f6cowgy]{opacity:.55;cursor:wait}.role-footer-note[b-zc0f6cowgy]{max-width:900px;margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #303c46;background:rgba(9,17,24,.82);padding:17px 20px;border-radius:12px;color:#fff}.role-footer-note div[b-zc0f6cowgy],.role-footer-note a[b-zc0f6cowgy]{display:flex;gap:10px;align-items:center}.role-footer-note a[b-zc0f6cowgy]{color:#4ca6ff;text-decoration:none}.role-footer-note span[b-zc0f6cowgy]{width:24px;height:24px;border-radius:6px;background:#16212b;display:grid;place-items:center}.notice[b-zc0f6cowgy]{max-width:1160px;margin:0 auto 16px;border-radius:10px;padding:13px 16px}.notice.success[b-zc0f6cowgy]{background:#0d3a23;border:1px solid #1f7b4b}.notice.danger[b-zc0f6cowgy]{background:#48151b;border:1px solid #a63d48}.state-card[b-zc0f6cowgy]{max-width:560px;margin:160px auto 0;text-align:center;border:1px solid #2e3a44;background:rgba(8,16,23,.9);padding:35px;border-radius:16px}.state-card p[b-zc0f6cowgy]{color:#fff}.state-card button[b-zc0f6cowgy]{padding:12px 20px;border:0;border-radius:9px;background:#ffc400;color:#161000;font-weight:700}.spinner[b-zc0f6cowgy]{width:38px;height:38px;border:3px solid #30404e;border-top-color:#ffc400;border-radius:50%;margin:0 auto 18px;animation:spin-b-zc0f6cowgy 1s linear infinite}@keyframes spin-b-zc0f6cowgy{to{transform:rotate(360deg)}}@media(max-width:1280px){.role-select-page[b-zc0f6cowgy]{grid-template-columns:260px 1fr}.role-grid[b-zc0f6cowgy]{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:760px}.role-card[b-zc0f6cowgy]{min-height:430px}}@media(max-width:900px){.role-select-page[b-zc0f6cowgy]{display:block;background:linear-gradient(rgba(1,7,12,.88),rgba(1,7,12,.95)),url('/images/auth/login-hero.webp') center/cover fixed}.role-sidebar[b-zc0f6cowgy]{border-right:0;border-bottom:1px solid #26313b}.quick-card[b-zc0f6cowgy],.affiliate-card[b-zc0f6cowgy]{display:none}.brand[b-zc0f6cowgy]{margin-bottom:24px}.role-main[b-zc0f6cowgy]{padding:24px 18px}.top-help[b-zc0f6cowgy]{display:none}.role-grid[b-zc0f6cowgy]{grid-template-columns:1fr;max-width:520px}.role-card[b-zc0f6cowgy]{min-height:auto}.role-header h1[b-zc0f6cowgy]{font-size:28px}.role-footer-note[b-zc0f6cowgy]{flex-direction:column;align-items:flex-start}}
/* /Pages/Client/Appointments.razor.rz.scp.css */
:host[b-iqxj58ukzo]{display:block;min-height:100vh}.appointments-shell[b-iqxj58ukzo]{--bg:#030a10;--panel:#07131d;--panel2:#0b1924;--line:#2a3742;--muted:#c2cbd3;--purple:#8a3bc0;--purple2:#5d2692;--green:#20ad63;--yellow:#eaa700;--red:#e3403d;min-height:100vh;background:radial-gradient(circle at 58% 0,#07131e,#02070b 50%,#010407);color:#fff;display:grid;grid-template-columns:260px minmax(0,1fr);font-family:Inter,Segoe UI,Arial,sans-serif}.appointments-sidebar[b-iqxj58ukzo]{position:sticky;top:0;height:100vh;border-right:1px solid #26323c;padding:26px 16px 18px;display:flex;flex-direction:column;overflow-y:auto;background:#02080d}.brand[b-iqxj58ukzo]{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.brand-mark[b-iqxj58ukzo]{font-size:42px;font-weight:900;font-style:italic;letter-spacing:-4px}.brand strong[b-iqxj58ukzo]{font-size:22px}.brand em[b-iqxj58ukzo]{color:#ffc400;font-style:normal}.brand small[b-iqxj58ukzo]{display:block;font-size:9px;margin-top:3px}.appointments-sidebar nav[b-iqxj58ukzo]{display:grid;gap:4px}.appointments-sidebar nav a[b-iqxj58ukzo]{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:8px;color:#fff;text-decoration:none;font-size:13px}.appointments-sidebar nav a.active[b-iqxj58ukzo]{background:linear-gradient(90deg,#423300,#2a2202);color:#fff}.invite-box[b-iqxj58ukzo]{margin-top:auto;border:1px solid #32275d;border-radius:10px;background:linear-gradient(135deg,#221341,#121832);padding:14px}.invite-box strong[b-iqxj58ukzo]{font-size:16px}.invite-box p[b-iqxj58ukzo]{font-size:11px;line-height:1.5}.invite-box button[b-iqxj58ukzo]{width:100%;height:34px;border:1px solid #7c45b2;border-radius:6px;background:transparent;color:#fff}.logout-button[b-iqxj58ukzo]{margin-top:12px;width:100%;height:44px;border:1px solid #8e2929;border-radius:8px;background:#120708;color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px}.logout-button span[b-iqxj58ukzo]{color:#ff4545}.appointments-main[b-iqxj58ukzo]{min-width:0;padding:24px clamp(14px,1.8vw,30px) 18px}.page-header[b-iqxj58ukzo]{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.page-header>div:first-child[b-iqxj58ukzo]{display:flex;gap:16px;align-items:center}.desktop-menu-button[b-iqxj58ukzo]{width:38px;height:38px;border:1px solid #31404b;border-radius:7px;background:#07121b;color:#fff;font-size:19px}.page-header h1[b-iqxj58ukzo]{margin:0;font-size:28px}.page-header p[b-iqxj58ukzo]{margin:4px 0 0;color:#d6dde4;font-size:13px}.header-actions[b-iqxj58ukzo]{display:flex;gap:10px;align-items:center}.notification-button[b-iqxj58ukzo]{position:relative;width:46px;height:46px;border:1px solid #31404b;border-radius:9px;background:#07121b;color:#fff}.notification-button b[b-iqxj58ukzo]{position:absolute;right:-4px;top:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#6d2ab0;font-size:9px}.user-chip[b-iqxj58ukzo]{min-width:260px;border:1px solid #31404b;border-radius:9px;background:#07121b;padding:7px 10px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.user-chip .avatar[b-iqxj58ukzo]{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#28323b;font-weight:800}.user-chip strong[b-iqxj58ukzo],.user-chip small[b-iqxj58ukzo]{display:block}.user-chip small[b-iqxj58ukzo]{color:#c5cdd4;font-size:10px}.tabs[b-iqxj58ukzo]{height:46px;border:1px solid #293640;border-radius:8px;background:#061019;display:flex;padding:0 12px;margin-bottom:14px}.tabs button[b-iqxj58ukzo]{min-width:135px;border:0;border-bottom:2px solid transparent;background:transparent;color:#fff;font-size:12px}.tabs button.active[b-iqxj58ukzo]{color:#d98cff;border-bottom-color:#aa47df}.summary-grid[b-iqxj58ukzo]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-grid article[b-iqxj58ukzo]{min-height:104px;border:1px solid #2c3943;border-radius:10px;background:linear-gradient(135deg,#0a1620,#071018);display:flex;align-items:center;gap:12px;padding:15px}.summary-grid i[b-iqxj58ukzo]{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px}.summary-grid .purple[b-iqxj58ukzo]{background:#5a2490}.summary-grid .green[b-iqxj58ukzo]{background:#117f48}.summary-grid .yellow[b-iqxj58ukzo]{background:#8f6500}.summary-grid .red[b-iqxj58ukzo]{background:#8d2727}.summary-grid small[b-iqxj58ukzo],.summary-grid strong[b-iqxj58ukzo],.summary-grid span[b-iqxj58ukzo]{display:block}.summary-grid small[b-iqxj58ukzo]{font-size:10px}.summary-grid strong[b-iqxj58ukzo]{font-size:23px;margin:3px 0}.summary-grid span[b-iqxj58ukzo]{font-size:9px;color:#d0d7dd}.filters[b-iqxj58ukzo]{margin:14px 0;display:grid;grid-template-columns:minmax(280px,1fr) 190px 210px 130px;gap:9px}.filters input[b-iqxj58ukzo],.filters select[b-iqxj58ukzo],.filters button[b-iqxj58ukzo]{height:42px;border:1px solid #31404b;border-radius:8px;background:#07121b;color:#fff}.search-box[b-iqxj58ukzo]{height:42px;border:1px solid #31404b;border-radius:8px;background:#07121b;display:flex;align-items:center;gap:8px;padding:0 12px}.search-box input[b-iqxj58ukzo]{width:100%;border:0;background:transparent;outline:0}.filters select[b-iqxj58ukzo]{padding:0 10px}.more-filters[b-iqxj58ukzo]{background:#4c206c!important;border-color:#7c3aa5!important}.booking-list[b-iqxj58ukzo]{display:grid;gap:10px}.booking-card[b-iqxj58ukzo]{position:relative;border:1px solid #2d3a44;border-radius:10px;background:linear-gradient(135deg,#07131d,#050d14);display:grid;grid-template-columns:180px minmax(220px,1.4fr) 110px 145px 145px;min-height:160px;overflow:hidden}.business-media[b-iqxj58ukzo]{position:relative;min-height:160px;background:#0b151c}.business-media>img:first-child[b-iqxj58ukzo]{width:100%;height:100%;object-fit:cover;display:block}.media-fallback[b-iqxj58ukzo]{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#5a341b,#10151a);font-size:32px;font-weight:900}.business-logo[b-iqxj58ukzo]{position:absolute!important;left:14px;bottom:14px!important;width:58px!important;height:58px!important;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#fff}.booking-info[b-iqxj58ukzo],.booking-date[b-iqxj58ukzo],.booking-time[b-iqxj58ukzo],.booking-actions[b-iqxj58ukzo]{padding:18px}.booking-info[b-iqxj58ukzo]{border-right:1px solid #26323b}.category-badge[b-iqxj58ukzo]{display:inline-block;padding:4px 7px;border-radius:5px;background:#391758;color:#d997ff;font-size:8px}.booking-info h2[b-iqxj58ukzo]{font-size:16px;margin:8px 0 5px}.booking-info p[b-iqxj58ukzo]{font-size:11px;color:#c8d0d6;margin:0 0 9px}.booking-info small[b-iqxj58ukzo]{display:block;margin-top:5px;font-size:10px}.booking-date[b-iqxj58ukzo]{border-right:1px solid #26323b;text-align:center;display:flex;flex-direction:column;justify-content:center}.booking-date small[b-iqxj58ukzo]{font-size:10px;text-transform:capitalize}.booking-date strong[b-iqxj58ukzo]{font-size:28px;margin:2px 0}.booking-date span[b-iqxj58ukzo]{font-size:9px;color:#c7d0d7}.booking-time[b-iqxj58ukzo]{border-right:1px solid #26323b;display:flex;flex-direction:column;justify-content:center}.booking-time>strong[b-iqxj58ukzo]{font-size:16px}.booking-time>small[b-iqxj58ukzo]{font-size:10px;color:#c7d0d7;margin:8px 0}.status-pill[b-iqxj58ukzo]{width:max-content;padding:5px 8px;border-radius:5px;font-size:9px}.status-pill.confirmed[b-iqxj58ukzo],.status-pill.completed[b-iqxj58ukzo]{background:#063b28;color:#66e99b}.status-pill.cancelled[b-iqxj58ukzo],.status-pill.no-show[b-iqxj58ukzo]{background:#431515;color:#ff7e7e}.booking-actions[b-iqxj58ukzo]{display:flex;flex-direction:column;justify-content:center;gap:8px}.booking-actions button[b-iqxj58ukzo]{height:38px;border-radius:6px;background:transparent}.detail-button[b-iqxj58ukzo]{border:1px solid #7d3daf;color:#d77fff}.cancel-button[b-iqxj58ukzo]{border:1px solid #863333;color:#ff5b5b}.details-panel[b-iqxj58ukzo],.cancel-panel[b-iqxj58ukzo]{grid-column:1/-1;border-top:1px solid #2b3740;background:#061018;padding:14px 18px}.details-panel[b-iqxj58ukzo]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.details-panel small[b-iqxj58ukzo],.details-panel strong[b-iqxj58ukzo]{display:block}.details-panel small[b-iqxj58ukzo]{font-size:8px;color:#aeb8c0}.details-panel strong[b-iqxj58ukzo]{margin-top:3px;font-size:10px}.cancel-panel[b-iqxj58ukzo]{display:grid;grid-template-columns:1fr minmax(250px,1fr) auto;gap:12px;align-items:center}.cancel-panel strong[b-iqxj58ukzo]{font-size:12px}.cancel-panel p[b-iqxj58ukzo]{font-size:9px;color:#c4ccd3}.cancel-panel input[b-iqxj58ukzo]{height:38px;border:1px solid #34424c;border-radius:7px;background:#09151e;color:#fff;padding:0 10px}.cancel-panel>div:last-child[b-iqxj58ukzo]{display:flex;gap:7px}.cancel-panel button[b-iqxj58ukzo]{height:36px;border-radius:6px;padding:0 12px}.secondary-button[b-iqxj58ukzo]{border:1px solid #34424c;background:#0b1720;color:#fff}.danger-button[b-iqxj58ukzo]{border:1px solid #8b2e2e;background:#3b1111;color:#ffb0b0}.policy-card[b-iqxj58ukzo]{margin-top:14px;border:1px solid #2c3943;border-radius:9px;background:#08131c;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.policy-card>div:first-child[b-iqxj58ukzo]{display:flex;align-items:center;gap:12px}.policy-card i[b-iqxj58ukzo]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#4c226c;color:#d98cff;font-style:normal}.policy-card strong[b-iqxj58ukzo]{color:#d98cff}.policy-card p[b-iqxj58ukzo]{margin:3px 0 0;font-size:10px}.policy-card button[b-iqxj58ukzo]{height:36px;border:1px solid #34424c;border-radius:7px;background:#09151e;color:#fff;padding:0 16px}.policy-detail[b-iqxj58ukzo]{width:100%;padding-top:10px;border-top:1px solid #2b3740;font-size:10px;color:#cbd3da}.appointments-main footer[b-iqxj58ukzo]{display:flex;justify-content:space-between;padding:14px 2px 0;color:#c2cbd3;font-size:9px}.appointments-main footer b[b-iqxj58ukzo]{color:#ffc400}.empty-state[b-iqxj58ukzo],.appointments-state[b-iqxj58ukzo]{min-height:360px;display:grid;place-content:center;text-align:center}.empty-state[b-iqxj58ukzo]{border:1px dashed #34424c;border-radius:10px}.empty-state>div[b-iqxj58ukzo],.state-icon[b-iqxj58ukzo]{font-size:40px;color:#8a3bc0}.empty-state button[b-iqxj58ukzo],.appointments-state button[b-iqxj58ukzo]{margin:10px auto 0;height:36px;border:0;border-radius:6px;background:#6f2d9d;color:#fff;padding:0 14px}.loading-spinner[b-iqxj58ukzo]{width:34px;height:34px;margin:auto;border:3px solid #2b3740;border-top-color:#a044d8;border-radius:50%;animation:spin-b-iqxj58ukzo .7s linear infinite}@keyframes spin-b-iqxj58ukzo{to{transform:rotate(360deg)}}.mobile-topbar[b-iqxj58ukzo],.mobile-sidebar-head[b-iqxj58ukzo],.mobile-menu-backdrop[b-iqxj58ukzo],.mobile-bottom-nav[b-iqxj58ukzo]{display:none}@media(max-width:1250px){.appointments-shell[b-iqxj58ukzo]{grid-template-columns:210px minmax(0,1fr)}.booking-card[b-iqxj58ukzo]{grid-template-columns:150px minmax(190px,1fr) 95px 125px 125px}.filters[b-iqxj58ukzo]{grid-template-columns:1fr 170px 180px 120px}.summary-grid[b-iqxj58ukzo]{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.appointments-shell[b-iqxj58ukzo]{display:block;padding-bottom:68px}.appointments-main[b-iqxj58ukzo]{padding:14px 10px 18px;overflow-x:hidden}.mobile-topbar[b-iqxj58ukzo]{display:flex;position:sticky;top:0;z-index:900;height:56px;align-items:center;justify-content:space-between;padding:6px 10px;background:#02080d;border-bottom:1px solid #26323c}.hamburger-button[b-iqxj58ukzo],.mobile-alert[b-iqxj58ukzo],.mobile-sidebar-head button[b-iqxj58ukzo]{width:40px;height:40px;border:1px solid #34424c;border-radius:8px;background:#08131c;color:#fff;font-size:21px}.mobile-topbar b[b-iqxj58ukzo]{color:#ffc400}.appointments-sidebar[b-iqxj58ukzo]{position:fixed!important;left:0;top:0;bottom:0;z-index:1002;width:min(86vw,310px);height:100dvh;padding:14px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px #000a}.mobile-menu-open .appointments-sidebar[b-iqxj58ukzo]{transform:translateX(0)}.mobile-menu-open .mobile-menu-backdrop[b-iqxj58ukzo]{display:block;position:fixed;inset:0;z-index:1001;border:0;background:#000a}.mobile-sidebar-head[b-iqxj58ukzo]{display:flex;justify-content:space-between;align-items:center}.invite-box[b-iqxj58ukzo]{display:none}.page-header[b-iqxj58ukzo]{margin-top:4px}.desktop-menu-button[b-iqxj58ukzo]{display:none}.header-actions[b-iqxj58ukzo]{display:none}.tabs[b-iqxj58ukzo]{overflow-x:auto;padding:0}.tabs button[b-iqxj58ukzo]{min-width:105px}.summary-grid[b-iqxj58ukzo]{grid-template-columns:repeat(2,1fr)}.filters[b-iqxj58ukzo]{grid-template-columns:1fr 48px}.filters select[b-iqxj58ukzo]{display:none}.more-filters[b-iqxj58ukzo]{font-size:0}.more-filters[b-iqxj58ukzo]::after{content:"⌄";font-size:18px}.booking-card[b-iqxj58ukzo]{grid-template-columns:100px minmax(0,1fr);min-height:128px}.business-media[b-iqxj58ukzo]{min-height:128px}.business-logo[b-iqxj58ukzo]{width:44px!important;height:44px!important;left:8px!important;bottom:8px!important}.booking-info[b-iqxj58ukzo]{border-right:0;padding:12px}.booking-info h2[b-iqxj58ukzo]{font-size:13px}.booking-date[b-iqxj58ukzo],.booking-time[b-iqxj58ukzo],.booking-actions[b-iqxj58ukzo]{grid-column:2;padding:0 12px 10px;border:0;text-align:left}.booking-date[b-iqxj58ukzo]{display:block}.booking-date small[b-iqxj58ukzo],.booking-date strong[b-iqxj58ukzo],.booking-date span[b-iqxj58ukzo]{display:inline;font-size:9px;margin-right:4px}.booking-time>strong[b-iqxj58ukzo]{font-size:10px}.booking-time>small[b-iqxj58ukzo]{display:none}.booking-actions[b-iqxj58ukzo]{display:none}.details-panel[b-iqxj58ukzo],.cancel-panel[b-iqxj58ukzo]{grid-column:1/-1}.details-panel[b-iqxj58ukzo]{grid-template-columns:1fr 1fr}.cancel-panel[b-iqxj58ukzo]{grid-template-columns:1fr}.mobile-bottom-nav[b-iqxj58ukzo]{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:880;height:62px;grid-template-columns:repeat(5,1fr);background:#03090e;border-top:1px solid #26323c}.mobile-bottom-nav a[b-iqxj58ukzo]{display:grid;place-content:center;text-align:center;gap:2px;color:#fff;text-decoration:none;font-size:17px}.mobile-bottom-nav a span[b-iqxj58ukzo]{font-size:8px}.mobile-bottom-nav a.active[b-iqxj58ukzo]{color:#ce72ff}.policy-card[b-iqxj58ukzo]{display:block}.policy-card button[b-iqxj58ukzo]{width:100%;margin-top:10px}.appointments-main footer[b-iqxj58ukzo]{display:none}}@media(max-width:520px){.appointments-main[b-iqxj58ukzo]{padding-left:8px;padding-right:8px}.page-header h1[b-iqxj58ukzo]{font-size:24px}.page-header p[b-iqxj58ukzo]{font-size:11px}.summary-grid article[b-iqxj58ukzo]{min-height:82px;padding:10px}.summary-grid i[b-iqxj58ukzo]{width:38px;height:38px;flex-basis:38px;font-size:17px}.summary-grid strong[b-iqxj58ukzo]{font-size:19px}.booking-card[b-iqxj58ukzo]{grid-template-columns:96px minmax(0,1fr)}.business-media[b-iqxj58ukzo]{min-height:120px}.details-panel[b-iqxj58ukzo]{grid-template-columns:1fr}.tabs button[b-iqxj58ukzo]{min-width:92px;font-size:10px}}

/* =========================================================
   MENÚ CLIENTE UNIFICADO - DASHBOARD / MIS TURNOS
   ========================================================= */
.appointments-sidebar[b-iqxj58ukzo] {
    gap: 20px;
}

.appointments-sidebar .brand[b-iqxj58ukzo] {
    min-height: 88px;
    padding: 4px 8px 14px;
    display: flex;
    align-items: center;
}

.appointments-sidebar .brand > img[b-iqxj58ukzo] {
    display: block;
    width: min(210px, 100%);
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.appointments-sidebar nav[b-iqxj58ukzo] {
    display: grid;
    gap: 5px;
}

.appointments-sidebar nav a[b-iqxj58ukzo] {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.appointments-sidebar nav a.active[b-iqxj58ukzo] {
    background: linear-gradient(90deg,#423300,#2a2202);
    color: #fff;
}

.appointments-sidebar .logout-button[b-iqxj58ukzo] {
    margin-top: auto;
    width: 100%;
    min-height: 49px;
    border: 1px solid #303c46;
    border-radius: 10px;
    background: #081219;
    color: #fff;
    font-size: 15px;
}

.sidebar-profile[b-iqxj58ukzo] {
    margin-top: 0;
    border: 1px solid #2b3740;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #07121b;
}

.sidebar-avatar[b-iqxj58ukzo] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #25303a;
    font-weight: 800;
    font-size: 12px;
}

.sidebar-profile > div:nth-child(2)[b-iqxj58ukzo] {
    min-width: 0;
}

.sidebar-profile strong[b-iqxj58ukzo],
.sidebar-profile small[b-iqxj58ukzo] {
    display: block;
}

.sidebar-profile strong[b-iqxj58ukzo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-profile small[b-iqxj58ukzo] {
    margin-top: 2px;
    color: #fff;
}

.sidebar-profile > span[b-iqxj58ukzo] {
    margin-left: auto;
}

.mobile-brand-logo[b-iqxj58ukzo] {
    width: 126px;
    height: 42px;
    object-fit: contain;
    object-position: center;
}

@media(max-width:900px) {
    .appointments-sidebar nav a[b-iqxj58ukzo] {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .sidebar-profile[b-iqxj58ukzo] {
        margin-top: 12px;
    }
}

/* =========================================================
   AJUSTE 2026-08-26 - SIDEBAR CLIENTE ÚNICO
   Mantiene el mismo menú visual al navegar Inicio <-> Mis turnos.
   ========================================================= */
@media (min-width:901px) {
    .appointments-sidebar[b-iqxj58ukzo] {
        padding:24px 14px;
        gap:20px;
        background:transparent;
        border-right:1px solid #24303a;
    }

    .appointments-sidebar .brand[b-iqxj58ukzo] {
        min-height:0;
        padding:5px 15px 16px;
    }

    .appointments-sidebar .brand > img[b-iqxj58ukzo] {
        width:100%;
        max-width:210px;
        height:auto;
    }

    .appointments-sidebar nav[b-iqxj58ukzo] {
        gap:5px;
    }

    .appointments-sidebar nav a[b-iqxj58ukzo] {
        min-height:0;
        padding:14px 18px;
        border-radius:10px;
        font-size:16px;
        gap:15px;
    }

    .appointments-sidebar .logout-button[b-iqxj58ukzo] {
        min-height:0;
        height:auto;
        margin-top:auto;
        padding:13px 18px;
        border:1px solid #303c46;
        border-radius:10px;
        background:#081219;
    }
}


/* =========================================================
   AJUSTE VISUAL 2026-09-02 - ACCIONES DE MIS TURNOS
   Botones más limpios, compactos y consistentes.
   ========================================================= */

.booking-actions[b-iqxj58ukzo] {
    padding: 16px 14px;
    gap: 10px;
    align-items: stretch;
}

.booking-action-button[b-iqxj58ukzo] {
    width: 100%;
    min-height: 42px;
    height: auto !important;
    padding: 0 14px;
    border-radius: 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.15;
    cursor: pointer;
    white-space: nowrap;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        color .16s ease;
}

.booking-action-button:hover[b-iqxj58ukzo] {
    transform: translateY(-1px);
}

.booking-action-button:active[b-iqxj58ukzo] {
    transform: translateY(0);
}

.booking-action-icon[b-iqxj58ukzo] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 900;
}

.detail-button[b-iqxj58ukzo] {
    border: 1px solid rgba(174, 93, 255, .56) !important;
    background: linear-gradient(180deg, rgba(107, 44, 153, .18), rgba(75, 28, 111, .11)) !important;
    color: #e8c7ff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}

.detail-button .booking-action-icon[b-iqxj58ukzo] {
    background: rgba(152, 73, 211, .20);
    color: #d995ff;
}

.detail-button:hover[b-iqxj58ukzo] {
    border-color: #b35cff !important;
    background: linear-gradient(180deg, rgba(125, 48, 181, .29), rgba(81, 29, 119, .20)) !important;
    box-shadow: 0 8px 22px rgba(103, 40, 151, .16);
    color: #fff !important;
}

.cancel-button[b-iqxj58ukzo] {
    border: 1px solid rgba(237, 77, 82, .45) !important;
    background: rgba(116, 28, 31, .10) !important;
    color: #ff9da1 !important;
}

.cancel-button .booking-action-icon[b-iqxj58ukzo] {
    background: rgba(211, 57, 62, .15);
    color: #ff7479;
}

.cancel-button:hover[b-iqxj58ukzo] {
    border-color: rgba(255, 91, 96, .82) !important;
    background: rgba(145, 34, 38, .19) !important;
    color: #ffc3c5 !important;
    box-shadow: 0 8px 22px rgba(133, 28, 32, .13);
}

.policy-button[b-iqxj58ukzo] {
    min-width: 142px;
    height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid #40505c !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #0b1822, #08131b) !important;
    color: #f5f7f9 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 700;
    cursor: pointer;
    transition:
        border-color .16s ease,
        background .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}

.policy-button:hover[b-iqxj58ukzo] {
    transform: translateY(-1px);
    border-color: #6d7d89 !important;
    background: linear-gradient(180deg, #10202c, #0a1821) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
}

.policy-button-icon[b-iqxj58ukzo] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: rgba(145, 62, 190, .18);
    color: #d68dff;
    font-size: 13px;
}

/* Más espacio para que las acciones no se vean comprimidas. */
@media (min-width: 1251px) {
    .booking-card[b-iqxj58ukzo] {
        grid-template-columns: 180px minmax(270px, 1.4fr) 110px 145px 178px;
    }
}

@media (min-width: 901px) and (max-width: 1250px) {
    .booking-card[b-iqxj58ukzo] {
        grid-template-columns: 150px minmax(210px, 1fr) 95px 125px 160px;
    }

    .booking-action-button[b-iqxj58ukzo] {
        font-size: 11px;
        padding-inline: 10px;
    }
}

@media (max-width: 900px) {
    .policy-button[b-iqxj58ukzo] {
        width: 100%;
        margin-top: 10px;
    }
}


/* =========================================================
   CALIFICAR SERVICIO - CLIENTE
   ========================================================= */
.review-button[b-iqxj58ukzo] {
    border: 1px solid rgba(245, 182, 54, .58) !important;
    background: linear-gradient(180deg, rgba(130, 89, 15, .20), rgba(80, 53, 8, .10)) !important;
    color: #ffd56f !important;
}

.review-button .booking-action-icon[b-iqxj58ukzo] {
    background: rgba(244, 177, 38, .17);
    color: #ffc94f;
}

.review-button:hover[b-iqxj58ukzo] {
    border-color: #ffc94f !important;
    background: linear-gradient(180deg, rgba(146, 96, 13, .30), rgba(96, 63, 9, .17)) !important;
    color: #fff4ca !important;
    box-shadow: 0 8px 22px rgba(159, 107, 16, .16);
}

.reviewed-button[b-iqxj58ukzo] {
    border: 1px solid rgba(38, 182, 112, .38) !important;
    background: rgba(20, 111, 70, .12) !important;
    color: #8be2b7 !important;
    cursor: default !important;
    opacity: 1 !important;
}

.reviewed-button .booking-action-icon[b-iqxj58ukzo] {
    background: rgba(33, 168, 100, .15);
    color: #78dfa9;
}

.review-detail[b-iqxj58ukzo] {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255,255,255,.06);
    padding-top: 12px;
}

.review-stars[b-iqxj58ukzo] {
    display: flex;
    gap: 3px;
    color: #44515b;
    font-size: 18px;
    margin-top: 4px;
}

.review-stars .filled[b-iqxj58ukzo] {
    color: #ffc94f;
}

.review-detail p[b-iqxj58ukzo] {
    margin: 8px 0 0;
    color: #adbbc5;
    line-height: 1.55;
}

.review-modal-backdrop[b-iqxj58ukzo] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(0, 6, 10, .78);
    backdrop-filter: blur(7px);
}

.review-modal[b-iqxj58ukzo] {
    position: relative;
    width: min(560px, 94vw);
    border: 1px solid #314452;
    border-radius: 20px;
    padding: 30px;
    background:
        radial-gradient(circle at 90% 0%, rgba(113, 52, 176, .17), transparent 34%),
        linear-gradient(180deg, #0b1c27 0%, #081620 100%);
    box-shadow: 0 28px 75px rgba(0,0,0,.48);
    color: #f8fbfd;
}

.review-modal-close[b-iqxj58ukzo] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: 1px solid #3b4f5d;
    border-radius: 10px;
    background: #0a1922;
    color: #dbe5ea;
    font-size: 22px;
    cursor: pointer;
}

.review-modal-icon[b-iqxj58ukzo] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    border-radius: 16px;
    background: linear-gradient(145deg, #6d34a4, #47216e);
    color: #ffd35f;
    font-size: 26px;
    box-shadow: 0 12px 28px rgba(80, 31, 125, .24);
}

.review-eyebrow[b-iqxj58ukzo] {
    display: block;
    margin-bottom: 6px;
    color: #bb77ed;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.review-modal h2[b-iqxj58ukzo] {
    margin: 0;
    font-size: 27px;
    line-height: 1.1;
}

.review-subtitle[b-iqxj58ukzo] {
    margin: 10px 0 18px;
    color: #aebcc6;
    line-height: 1.55;
}

.review-subtitle strong[b-iqxj58ukzo] {
    color: #fff;
}

.review-service-summary[b-iqxj58ukzo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 22px;
}

.review-service-summary > div[b-iqxj58ukzo] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #293d4a;
    border-radius: 12px;
    background: rgba(4, 17, 24, .56);
}

.review-service-summary small[b-iqxj58ukzo] {
    display: block;
    margin-bottom: 5px;
    color: #718896;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.review-service-summary strong[b-iqxj58ukzo] {
    display: block;
    overflow: hidden;
    color: #eef5f8;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.review-rating-block[b-iqxj58ukzo] {
    margin-bottom: 20px;
    text-align: center;
}

.review-rating-block > label[b-iqxj58ukzo] {
    display: block;
    margin-bottom: 9px;
    font-weight: 800;
}

.review-stars-selector[b-iqxj58ukzo] {
    display: flex;
    justify-content: center;
    gap: 9px;
    margin-bottom: 6px;
}

.review-stars-selector button[b-iqxj58ukzo] {
    width: 48px;
    height: 48px;
    border: 1px solid #344956;
    border-radius: 13px;
    background: #0a1821;
    color: #43525c;
    font-size: 25px;
    cursor: pointer;
    transition: transform .14s ease, color .14s ease, border-color .14s ease, background .14s ease;
}

.review-stars-selector button:hover[b-iqxj58ukzo],
.review-stars-selector button.selected[b-iqxj58ukzo] {
    transform: translateY(-2px);
    border-color: #d99b25;
    background: rgba(125, 85, 14, .18);
    color: #ffc94f;
}

.review-rating-block > small[b-iqxj58ukzo] {
    color: #9db0bb;
}

.review-comment-field[b-iqxj58ukzo] {
    display: block;
    margin-bottom: 14px;
}

.review-comment-field > span[b-iqxj58ukzo] {
    display: block;
    margin-bottom: 7px;
    font-weight: 800;
}

.review-comment-field > span small[b-iqxj58ukzo] {
    color: #768b98;
    font-weight: 500;
}

.review-comment-field textarea[b-iqxj58ukzo] {
    width: 100%;
    min-height: 110px;
    resize: vertical;
    box-sizing: border-box;
    border: 1px solid #314652;
    border-radius: 12px;
    padding: 12px 14px;
    outline: none;
    background: #081821;
    color: #eaf1f4;
    font: inherit;
}

.review-comment-field textarea:focus[b-iqxj58ukzo] {
    border-color: #9950d0;
    box-shadow: 0 0 0 3px rgba(153, 80, 208, .10);
}

.review-comment-field > small[b-iqxj58ukzo] {
    display: block;
    margin-top: 5px;
    color: #647985;
    text-align: right;
}

.review-error[b-iqxj58ukzo] {
    margin-bottom: 14px;
    border: 1px solid rgba(225, 72, 78, .45);
    border-radius: 10px;
    padding: 10px 12px;
    background: rgba(136, 31, 36, .12);
    color: #ffb4b7;
    font-size: 12px;
}

.review-modal-actions[b-iqxj58ukzo] {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 10px;
}

.review-modal-actions button[b-iqxj58ukzo] {
    min-height: 44px;
    border-radius: 11px;
    font-weight: 800;
    cursor: pointer;
}

.review-submit-button[b-iqxj58ukzo] {
    border: 1px solid #8d48c0;
    background: linear-gradient(135deg, #7632a8, #9a4ed0);
    color: #fff;
    box-shadow: 0 10px 25px rgba(99, 42, 142, .23);
}

.review-submit-button:disabled[b-iqxj58ukzo] {
    cursor: not-allowed;
    opacity: .45;
    box-shadow: none;
}

.review-privacy[b-iqxj58ukzo] {
    margin: 13px 0 0;
    color: #6f8490;
    font-size: 10px;
    text-align: center;
}

@media (max-width: 640px) {
    .review-modal[b-iqxj58ukzo] {
        padding: 24px 18px 20px;
        border-radius: 16px;
    }

    .review-service-summary[b-iqxj58ukzo] {
        grid-template-columns: 1fr;
    }

    .review-stars-selector[b-iqxj58ukzo] {
        gap: 5px;
    }

    .review-stars-selector button[b-iqxj58ukzo] {
        width: 42px;
        height: 42px;
        font-size: 22px;
    }

    .review-modal-actions[b-iqxj58ukzo] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Client/Dashboard.razor.rz.scp.css */
*[b-0qd4rftiab]{box-sizing:border-box}.client-shell[b-0qd4rftiab]{min-height:100vh;background:radial-gradient(circle at 55% 0,#07121c,#02080d 48%,#010508);color:#f6f7f9;display:grid;grid-template-columns:260px minmax(600px,1fr) 350px;font-family:Inter,Segoe UI,Arial,sans-serif}.sidebar[b-0qd4rftiab]{border-right:1px solid #24303a;padding:24px 14px;display:flex;flex-direction:column;gap:20px}.brand[b-0qd4rftiab]{display:flex;align-items:center;gap:12px;padding:5px 15px 16px}.brand>b[b-0qd4rftiab]{font-size:48px;color:#ffc400}.brand strong[b-0qd4rftiab]{font-size:24px}.brand em[b-0qd4rftiab],.promo em[b-0qd4rftiab],footer b[b-0qd4rftiab]{color:#ffc400;font-style:normal}.brand small[b-0qd4rftiab],.profile small[b-0qd4rftiab],.kpis small[b-0qd4rftiab],.booking-list small[b-0qd4rftiab],.activity small[b-0qd4rftiab],.promo small[b-0qd4rftiab]{display:block;color:#aab4be}.sidebar nav[b-0qd4rftiab]{display:grid;gap:5px}.sidebar nav a[b-0qd4rftiab]{padding:14px 18px;border-radius:10px;font-size:16px;display:flex;gap:15px;align-items:center}.sidebar nav a.active[b-0qd4rftiab]{background:linear-gradient(90deg,#423300,#2a2202);color:white}.profile[b-0qd4rftiab]{margin-top:auto;border:1px solid #2b3740;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.profile>span[b-0qd4rftiab]{margin-left:auto}.avatar[b-0qd4rftiab]{width:44px;height:44px;border-radius:50%;background:#25303a;display:grid;place-items:center}.client-page[b-0qd4rftiab]{padding:25px 24px}.client-page header h1[b-0qd4rftiab]{font-size:32px;margin:0}.client-page header p[b-0qd4rftiab]{font-size:18px;margin:4px 0 22px;color:#d3d8dd}.kpis[b-0qd4rftiab]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article[b-0qd4rftiab],.panel[b-0qd4rftiab]{border:1px solid #2b3740;background:linear-gradient(135deg,#101920,#081118);border-radius:13px}.kpis article[b-0qd4rftiab]{padding:18px;display:flex;align-items:center;gap:13px;min-height:115px}.kpis i[b-0qd4rftiab]{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:24px}.purple[b-0qd4rftiab]{background:#5631a8}.green[b-0qd4rftiab]{background:#119958}.blue[b-0qd4rftiab]{background:#1667bb}.pink[b-0qd4rftiab]{background:#c64d80}.kpis article>b[b-0qd4rftiab]{font-size:30px}.kpis span[b-0qd4rftiab]{font-size:14px}.panel[b-0qd4rftiab]{margin-top:16px;padding:18px}.panel h2[b-0qd4rftiab]{margin:0 0 6px}.panel p[b-0qd4rftiab]{color:#c4cbd1;margin:3px 0}.booking-list[b-0qd4rftiab]{margin-top:14px;border:1px solid #29353e;border-radius:12px;overflow:hidden}.booking-list article[b-0qd4rftiab]{display:grid;grid-template-columns:64px 100px 1fr auto;align-items:center;gap:16px;padding:13px;border-bottom:1px solid #29353e}.booking-list article:last-child[b-0qd4rftiab]{border:0}.booking-list time[b-0qd4rftiab]{border-right:1px solid #3a4650;text-align:center}.booking-list time b[b-0qd4rftiab]{font-size:22px;display:block}.status[b-0qd4rftiab]{padding:7px 12px;background:#063c29;color:#68f5a7;border-radius:8px;font-size:12px}.quick>div[b-0qd4rftiab]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:12px}.quick button[b-0qd4rftiab]{background:#0c151c;border:1px solid #303c46;color:white;border-radius:10px;padding:16px 10px;min-height:68px}.promo[b-0qd4rftiab]{display:flex;justify-content:space-between;align-items:center}.promo>div[b-0qd4rftiab]{display:flex;gap:14px;align-items:center}.promo>div>b[b-0qd4rftiab]{font-size:30px}.promo-list span[b-0qd4rftiab]{padding:8px 16px;border-left:1px solid #34404a}.promo-list strong[b-0qd4rftiab]{display:block;font-size:20px}.client-page footer[b-0qd4rftiab]{padding:18px;color:#aab4be;display:flex;justify-content:space-between}.rightbar[b-0qd4rftiab]{padding:16px 20px 20px 0}.rightbar .panel[b-0qd4rftiab]{margin-top:0;margin-bottom:16px}.next-grid[b-0qd4rftiab]{display:grid;grid-template-columns:92px 1fr;gap:18px;margin-top:18px}.next-grid time[b-0qd4rftiab]{background:#081017;border-radius:12px;text-align:center;padding:14px}.next-grid time b[b-0qd4rftiab]{font-size:42px;display:block}.next-grid h2[b-0qd4rftiab]{display:inline-block;margin-right:8px}.next-grid h3[b-0qd4rftiab]{margin:18px 0 4px}.actions p[b-0qd4rftiab]{padding:14px 0;border-bottom:1px solid #26323b;color:white}.actions p b[b-0qd4rftiab]{float:right}.activity article[b-0qd4rftiab]{display:flex;gap:12px;padding:12px 0}.activity i[b-0qd4rftiab]{width:40px;height:40px;border-radius:50%;background:#0b8750;display:grid;place-items:center;font-style:normal}.empty[b-0qd4rftiab]{padding:22px;color:#aeb7bf}.state[b-0qd4rftiab]{max-width:650px;margin:15vh auto;text-align:center}.state button[b-0qd4rftiab]{background:#ffc400;border:0;border-radius:8px;padding:10px 18px}.skeleton[b-0qd4rftiab]{background:linear-gradient(90deg,#101820,#17232c,#101820);border-radius:12px}.skeleton.hero[b-0qd4rftiab]{height:70px}.skeleton.card[b-0qd4rftiab]{height:115px}.skeleton.content[b-0qd4rftiab]{height:430px;margin-top:18px}@media(max-width:1250px){.client-shell[b-0qd4rftiab]{grid-template-columns:220px 1fr}.rightbar[b-0qd4rftiab]{grid-column:2;padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rightbar .panel[b-0qd4rftiab]{margin:0}.quick>div[b-0qd4rftiab]{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.client-shell[b-0qd4rftiab]{display:block}.sidebar[b-0qd4rftiab]{position:static;border-right:0}.sidebar nav[b-0qd4rftiab]{grid-template-columns:repeat(3,1fr)}.profile[b-0qd4rftiab]{margin-top:0}.kpis[b-0qd4rftiab]{grid-template-columns:repeat(2,1fr)}.rightbar[b-0qd4rftiab]{display:block;padding:0 24px 24px}.rightbar .panel[b-0qd4rftiab]{margin-bottom:14px}.quick>div[b-0qd4rftiab]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.client-page[b-0qd4rftiab]{padding:18px 12px}.sidebar nav[b-0qd4rftiab]{grid-template-columns:repeat(2,1fr)}.kpis[b-0qd4rftiab]{grid-template-columns:1fr}.booking-list article[b-0qd4rftiab]{grid-template-columns:52px 1fr}.booking-list article>div[b-0qd4rftiab]{grid-column:2}.booking-list .status[b-0qd4rftiab]{grid-column:2;width:max-content}.promo[b-0qd4rftiab],.client-page footer[b-0qd4rftiab]{display:block}.promo-list[b-0qd4rftiab]{margin-top:12px}}
.logout-button[b-0qd4rftiab]{margin-top:auto;width:100%;display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid #303c46;border-radius:10px;background:#081219;color:#f5f7fa;cursor:pointer;font:inherit;font-size:15px;text-align:left}.logout-button:hover[b-0qd4rftiab]{border-color:#ffc400;background:#151a18}.logout-button span[b-0qd4rftiab]{color:#ffc400;font-size:19px}.logout-button:disabled[b-0qd4rftiab]{opacity:.65;cursor:wait}.profile[b-0qd4rftiab]{margin-top:0}

/* =========================================================
   LEGIBILIDAD - TEXTO PRINCIPAL BLANCO
   Evita textos grises en el dashboard del Cliente.
   ========================================================= */
.client-shell p[b-0qd4rftiab],.client-shell small[b-0qd4rftiab],.client-shell time[b-0qd4rftiab],.client-shell footer[b-0qd4rftiab],.client-shell .brand small[b-0qd4rftiab],.client-shell .profile small[b-0qd4rftiab],.client-shell .kpis small[b-0qd4rftiab],.client-shell .booking-list small[b-0qd4rftiab],.client-shell .activity small[b-0qd4rftiab],.client-shell .promo small[b-0qd4rftiab],.client-shell .empty[b-0qd4rftiab]{color:#fff}

/* =========================================================
   ESTÁNDAR VISUAL TURNO YA - TEXTOS BLANCOS
   ========================================================= */
.client-shell[b-0qd4rftiab],
.client-shell h1[b-0qd4rftiab],.client-shell h2[b-0qd4rftiab],.client-shell h3[b-0qd4rftiab],.client-shell h4[b-0qd4rftiab],
.client-shell p[b-0qd4rftiab],.client-shell small[b-0qd4rftiab],.client-shell time[b-0qd4rftiab],.client-shell label[b-0qd4rftiab],
.client-shell .panel[b-0qd4rftiab],.client-shell .profile[b-0qd4rftiab],.client-shell .kpis[b-0qd4rftiab],
.client-shell .booking-list[b-0qd4rftiab],.client-shell .activity[b-0qd4rftiab],.client-shell footer[b-0qd4rftiab] {
    color:#fff !important;
}
.client-shell .brand small[b-0qd4rftiab],
.client-shell .profile small[b-0qd4rftiab],
.client-shell .kpis small[b-0qd4rftiab],
.client-shell .booking-list small[b-0qd4rftiab],
.client-shell .activity small[b-0qd4rftiab],
.client-shell .promo small[b-0qd4rftiab],
.client-shell .empty[b-0qd4rftiab] {
    color:#fff !important;
}
.client-shell .positive[b-0qd4rftiab]{color:#68f5a7 !important;}
.client-shell .brand em[b-0qd4rftiab],.client-shell .promo em[b-0qd4rftiab],.client-shell footer b[b-0qd4rftiab]{color:#ffc400 !important;}

/* =========================================================
   MENÚ HAMBURGUESA RESPONSIVE - TURNO YA
   ========================================================= */
.mobile-topbar[b-0qd4rftiab],.mobile-sidebar-head[b-0qd4rftiab],.mobile-menu-backdrop[b-0qd4rftiab]{display:none}
@media(max-width:900px){
  .mobile-topbar[b-0qd4rftiab]{display:flex!important;position:sticky;top:0;z-index:900;height:58px;align-items:center;gap:12px;padding:8px 12px;background:#030a11;border-bottom:1px solid #243442;color:#fff}
  .mobile-topbar strong[b-0qd4rftiab]{font-size:18px}.mobile-topbar b[b-0qd4rftiab]{color:#ffc400}
  .hamburger-button[b-0qd4rftiab],.mobile-sidebar-head button[b-0qd4rftiab]{width:42px;height:42px;border:1px solid #344554;border-radius:9px;background:#09141e;color:#fff;font-size:22px;cursor:pointer}
  .mobile-menu-backdrop[b-0qd4rftiab]{display:none}
  .mobile-menu-open .mobile-menu-backdrop[b-0qd4rftiab]{display:block!important;position:fixed;inset:0;z-index:1000;border:0;background:rgba(0,0,0,.68)}
  .sidebar[b-0qd4rftiab]{position:fixed!important;left:0;top:0;bottom:0;z-index:1001;width:min(86vw,310px)!important;height:100dvh!important;min-height:0!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#030a11!important;border-right:1px solid #2b3b49!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px #0009}
  .mobile-menu-open .sidebar[b-0qd4rftiab]{transform:translateX(0)}
  .mobile-sidebar-head[b-0qd4rftiab]{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:8px}
  .sidebar nav[b-0qd4rftiab]{display:flex!important;flex-direction:column!important;gap:4px!important}
  .sidebar nav a[b-0qd4rftiab]{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .logout-button[b-0qd4rftiab]{display:flex!important;font-size:inherit!important;margin-top:14px!important}
  .profile-card[b-0qd4rftiab],.profile[b-0qd4rftiab]{margin-top:14px!important}
}
@media(max-width:600px){
  .pro-main[b-0qd4rftiab],.client-page[b-0qd4rftiab],.affiliate-main[b-0qd4rftiab]{width:100%;max-width:100vw;overflow-x:hidden;padding-left:10px!important;padding-right:10px!important}
}


/* =========================================================
   MARCA TURNO YA - MENÚ CLIENTE
   El mismo recurso se usa en Dashboard y Mis turnos.
   ========================================================= */
.client-shell .brand[b-0qd4rftiab] {
    min-height: 88px;
    padding: 4px 8px 14px;
    display: flex;
    align-items: center;
}
.client-shell .brand > img[b-0qd4rftiab] {
    display: block;
    width: min(210px, 100%);
    height: auto;
    object-fit: contain;
    object-position: left center;
}
.client-shell .mobile-brand-logo[b-0qd4rftiab] {
    width: 126px;
    height: 42px;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   MENÚ CLIENTE - APARIENCIA DE NAVEGACIÓN TURNO YA
   Conserva los href funcionales sin apariencia de link web.
   ========================================================= */
.client-shell .sidebar nav a[b-0qd4rftiab],
.client-shell .sidebar nav a:link[b-0qd4rftiab],
.client-shell .sidebar nav a:visited[b-0qd4rftiab],
.client-shell .sidebar nav a:hover[b-0qd4rftiab],
.client-shell .sidebar nav a:active[b-0qd4rftiab],
.client-shell .sidebar nav a:focus[b-0qd4rftiab] {
    color: #fff !important;
    text-decoration: none !important;
}

.client-shell .sidebar nav a[b-0qd4rftiab] {
    width: 100%;
    min-height: 48px;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.client-shell .sidebar nav a span[b-0qd4rftiab] {
    color: inherit !important;
    text-decoration: none !important;
}

.client-shell .sidebar nav a:hover[b-0qd4rftiab] {
    background: rgba(255,255,255,.055);
}

.client-shell .sidebar nav a.active[b-0qd4rftiab],
.client-shell .sidebar nav a.active:hover[b-0qd4rftiab] {
    background: linear-gradient(90deg,#4b3900,#2d2402);
    color: #fff !important;
}

.client-shell .sidebar nav a:focus-visible[b-0qd4rftiab] {
    outline: 2px solid #ffc400;
    outline-offset: 2px;
}


/* =========================================================
   RESEÑA PENDIENTE - DASHBOARD CLIENTE
   ========================================================= */
.review-pending-card[b-0qd4rftiab] {
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr) minmax(190px, .65fr) auto;
    align-items: center;
    gap: 18px;
    margin-top: 12px;
    border: 1px solid rgba(183, 111, 238, .42);
    border-radius: 15px;
    padding: 17px 18px;
    background:
        radial-gradient(circle at 90% 20%, rgba(121, 48, 174, .16), transparent 34%),
        linear-gradient(135deg, rgba(59, 25, 84, .20), rgba(7, 24, 34, .95));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}

.review-pending-icon[b-0qd4rftiab] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #7132a9, #4d2078);
    color: #ffd05a;
    font-size: 23px;
    box-shadow: 0 10px 25px rgba(75, 26, 111, .24);
}

.review-pending-copy[b-0qd4rftiab] {
    min-width: 0;
}

.review-pending-eyebrow[b-0qd4rftiab] {
    display: block;
    margin-bottom: 4px;
    color: #c37df3;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .12em;
}

.review-pending-copy h2[b-0qd4rftiab] {
    margin: 0 0 4px;
    font-size: 17px;
    line-height: 1.2;
    color: #fff;
}

.review-pending-copy p[b-0qd4rftiab] {
    margin: 0;
    color: #9eafb9;
    line-height: 1.45;
}

.review-pending-copy strong[b-0qd4rftiab] {
    color: #f3e8fb;
}

.review-pending-service[b-0qd4rftiab] {
    min-width: 0;
    border-left: 1px solid rgba(255,255,255,.08);
    padding-left: 18px;
}

.review-pending-service small[b-0qd4rftiab],
.review-pending-service span[b-0qd4rftiab] {
    display: block;
    color: #738894;
    font-size: 10px;
}

.review-pending-service strong[b-0qd4rftiab] {
    display: block;
    margin: 4px 0;
    overflow: hidden;
    color: #f2f6f8;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.review-pending-button[b-0qd4rftiab] {
    min-height: 42px;
    border: 1px solid #9652c8;
    border-radius: 11px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #7133a2, #9149c5);
    color: white;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(86, 32, 124, .22);
    transition: transform .15s ease, filter .15s ease;
}

.review-pending-button:hover[b-0qd4rftiab] {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.review-pending-button > span[b-0qd4rftiab] {
    color: #ffd25d;
}

@media (max-width: 1050px) {
    .review-pending-card[b-0qd4rftiab] {
        grid-template-columns: auto 1fr auto;
    }

    .review-pending-service[b-0qd4rftiab] {
        display: none;
    }
}

@media (max-width: 680px) {
    .review-pending-card[b-0qd4rftiab] {
        grid-template-columns: auto 1fr;
    }

    .review-pending-button[b-0qd4rftiab] {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Pages/Client/Favorites.razor.rz.scp.css */
*[b-5hyxwb5zog]{box-sizing:border-box}.favorites-shell[b-5hyxwb5zog]{min-height:100vh;background:#02090f;color:#fff;display:grid;grid-template-columns:205px minmax(0,1fr);font-family:Inter,"Segoe UI",Arial,sans-serif}.client-sidebar[b-5hyxwb5zog]{position:sticky;top:0;height:100vh;border-right:1px solid #21313d;padding:20px 11px 12px;display:flex;flex-direction:column;background:#030b11}.brand[b-5hyxwb5zog]{padding:4px 14px 24px}.brand img[b-5hyxwb5zog]{width:128px;max-width:100%}.client-sidebar nav[b-5hyxwb5zog]{display:flex;flex-direction:column;gap:4px}.client-sidebar nav a[b-5hyxwb5zog]{color:#fff;text-decoration:none;padding:11px 13px;border-radius:7px;font-size:13px;display:flex;gap:12px;align-items:center}.client-sidebar nav a.active[b-5hyxwb5zog]{background:linear-gradient(90deg,#40206f,#58269b)}.client-sidebar nav a:hover[b-5hyxwb5zog]{background:#101b23}.logout[b-5hyxwb5zog]{margin-top:auto;border:1px solid #2b3d49;background:#07121a;color:#fff;border-radius:8px;padding:12px;text-align:left}.profile[b-5hyxwb5zog]{margin-top:10px;border:1px solid #263945;border-radius:9px;padding:10px;display:flex;align-items:center;gap:9px}.profile div[b-5hyxwb5zog]{min-width:0;flex:1}.profile strong[b-5hyxwb5zog],.profile small[b-5hyxwb5zog]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small[b-5hyxwb5zog]{font-size:10px}.avatar[b-5hyxwb5zog]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6730b8;font-weight:800}.content[b-5hyxwb5zog]{padding:18px 22px 40px;min-width:0}.page-head[b-5hyxwb5zog]{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.page-head h1[b-5hyxwb5zog]{margin:0;font-size:26px}.page-head p[b-5hyxwb5zog]{margin:4px 0 0;color:#d1dbe1;font-size:12px}.explore[b-5hyxwb5zog]{min-height:42px;border:1px solid #7d40cb;border-radius:8px;background:linear-gradient(135deg,#6b2dc1,#4e1f9d);color:#fff;padding:0 15px;font-weight:800;cursor:pointer}.favorites-summary[b-5hyxwb5zog]{display:flex;align-items:center;gap:10px;margin-bottom:13px}.favorites-summary strong[b-5hyxwb5zog]{font-size:14px}.favorites-summary span[b-5hyxwb5zog]{color:#93a5b0;font-size:10px}.cards[b-5hyxwb5zog]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pro-card[b-5hyxwb5zog]{border:1px solid #263a46;border-radius:10px;background:linear-gradient(160deg,#0b171f,#061018);overflow:hidden;min-width:0}.photo[b-5hyxwb5zog]{height:220px;position:relative;background:#101a20;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo img[b-5hyxwb5zog]{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;background:#101a20}.photo-fallback[b-5hyxwb5zog]{width:100%;height:100%;display:grid;place-items:center;font-size:42px;font-weight:900;background:linear-gradient(135deg,#1a2933,#4a286a)}.demo-badge[b-5hyxwb5zog]{position:absolute;top:9px;left:9px;z-index:4;padding:4px 9px;border-radius:999px;background:#ffc400;color:#17120a;font-size:9px;font-weight:900;letter-spacing:.08em}.status[b-5hyxwb5zog]{position:absolute;left:9px;bottom:8px;background:#075d39;color:#7effb7;padding:4px 7px;border-radius:5px;font-size:10px}.heart[b-5hyxwb5zog]{position:absolute;right:8px;top:8px;background:#31142d;border:1px solid #b34f96;color:#ff73c7;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:18px;cursor:pointer}.heart:disabled[b-5hyxwb5zog]{opacity:.5;cursor:wait}.card-body[b-5hyxwb5zog]{padding:11px}.card-body h3[b-5hyxwb5zog]{margin:0 0 5px;font-size:16px}.verified[b-5hyxwb5zog]{color:#8b4cff}.rating[b-5hyxwb5zog]{font-size:12px;color:#ffc83d;margin-bottom:7px}.rating span[b-5hyxwb5zog]{color:#fff}.card-body p[b-5hyxwb5zog]{font-size:11px;margin:4px 0;color:#e9eef2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.specialty[b-5hyxwb5zog]{font-weight:700}.distance[b-5hyxwb5zog]{color:#aebdc7!important}.price[b-5hyxwb5zog]{font-size:13px;font-weight:700;margin:10px 0}.card-body>button[b-5hyxwb5zog]{width:100%;border:0;border-radius:6px;padding:9px;background:linear-gradient(135deg,#6b2dc1,#4e1f9d);color:#fff;font-weight:700;cursor:pointer}.empty-state[b-5hyxwb5zog],.state[b-5hyxwb5zog]{min-height:470px;border:1px dashed #2b3d49;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.heart-empty[b-5hyxwb5zog]{font-size:54px;color:#b26bf1}.empty-state h2[b-5hyxwb5zog]{margin:0}.empty-state p[b-5hyxwb5zog],.state p[b-5hyxwb5zog]{max-width:500px;margin:0;color:#9db0bb}.empty-state button[b-5hyxwb5zog],.state button[b-5hyxwb5zog]{border:0;border-radius:8px;background:#6a2dbb;color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}.spinner[b-5hyxwb5zog]{width:34px;height:34px;border:3px solid #2b3d49;border-top-color:#8a45dc;border-radius:50%;animation:spin-b-5hyxwb5zog .8s linear infinite}@keyframes spin-b-5hyxwb5zog{to{transform:rotate(360deg)}}.pager[b-5hyxwb5zog]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px}.pager button[b-5hyxwb5zog]{width:38px;height:38px;border:1px solid #293d49;background:#07131b;color:#fff;border-radius:7px}.pager span[b-5hyxwb5zog]{font-size:11px;color:#aebcc5}.mobile-topbar[b-5hyxwb5zog],.mobile-backdrop[b-5hyxwb5zog]{display:none}@media(max-width:1200px){.cards[b-5hyxwb5zog]{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.favorites-shell[b-5hyxwb5zog]{grid-template-columns:1fr}.mobile-topbar[b-5hyxwb5zog]{display:flex;position:sticky;top:0;z-index:35;height:58px;background:#030c13;border-bottom:1px solid #20313d;align-items:center;gap:12px;padding:8px 12px}.mobile-topbar button[b-5hyxwb5zog]{width:38px;height:38px;border:1px solid #30414c;border-radius:8px;background:#07131b;color:#fff}.mobile-topbar img[b-5hyxwb5zog]{height:40px;max-width:145px}.client-sidebar[b-5hyxwb5zog]{position:fixed;left:-280px;top:0;width:270px;z-index:50;transition:left .2s}.mobile-menu-open .client-sidebar[b-5hyxwb5zog]{left:0}.mobile-backdrop[b-5hyxwb5zog]{display:none;position:fixed;inset:0;background:#0009;border:0;z-index:45}.mobile-menu-open .mobile-backdrop[b-5hyxwb5zog]{display:block}.cards[b-5hyxwb5zog]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.content[b-5hyxwb5zog]{padding:14px}.page-head[b-5hyxwb5zog]{align-items:flex-start;flex-direction:column}.cards[b-5hyxwb5zog]{grid-template-columns:1fr}.photo[b-5hyxwb5zog]{height:300px}}


/* =========================================================
   FAVORITOS - PROFESIONALES + SEDES
   ========================================================= */
.favorite-tabs[b-5hyxwb5zog]{display:flex;gap:8px;margin:-4px 0 18px;border-bottom:1px solid #22333e;padding-bottom:10px}.favorite-tabs button[b-5hyxwb5zog]{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid #2a3d49;border-radius:8px;background:#07131b;color:#fff;font-weight:800;cursor:pointer}.favorite-tabs button span[b-5hyxwb5zog]{min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#15242d;color:#b7c8d2;font-size:10px}.favorite-tabs button.active[b-5hyxwb5zog]{background:linear-gradient(135deg,#6427b1,#45207f);border-color:#8a50d2}.favorite-tabs button.active span[b-5hyxwb5zog]{background:#ffc400;color:#17120a}.branch-cards[b-5hyxwb5zog]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.branch-card[b-5hyxwb5zog]{border:1px solid #263a46;border-radius:10px;background:linear-gradient(160deg,#0b171f,#061018);overflow:hidden;min-width:0}.branch-cover[b-5hyxwb5zog]{height:210px;position:relative;background:#101a20;display:flex;align-items:center;justify-content:center;overflow:hidden}.branch-cover>img[b-5hyxwb5zog]{width:100%;height:100%;object-fit:contain;object-position:center;background:#101a20}.branch-cover .status.closed[b-5hyxwb5zog]{background:#74311c;color:#ffd6c7}.branch-body[b-5hyxwb5zog]{padding:12px}.branch-title[b-5hyxwb5zog]{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:10px;align-items:center}.branch-title h3[b-5hyxwb5zog]{margin:0;font-size:16px}.branch-title strong[b-5hyxwb5zog]{display:block;margin-top:3px;font-size:11px;color:#b7c8d2}.branch-title img[b-5hyxwb5zog]{width:54px;height:54px;border-radius:8px;object-fit:contain;background:#101a20;border:1px solid #2a3d49}.branch-body p[b-5hyxwb5zog]{font-size:11px;margin:5px 0;color:#e9eef2}.branch-services[b-5hyxwb5zog]{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.branch-services span[b-5hyxwb5zog]{font-size:9px;padding:4px 7px;border-radius:999px;background:#12222c;border:1px solid #283c49;color:#d4e0e7}.branch-body>button[b-5hyxwb5zog]{width:100%;border:0;border-radius:6px;padding:9px;background:linear-gradient(135deg,#6b2dc1,#4e1f9d);color:#fff;font-weight:700;cursor:pointer}
@media(max-width:1200px){.branch-cards[b-5hyxwb5zog]{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.favorite-tabs[b-5hyxwb5zog]{overflow:auto}.branch-cards[b-5hyxwb5zog]{grid-template-columns:1fr}.branch-cover[b-5hyxwb5zog]{height:280px}}
/* /Pages/Client/Notifications.razor.rz.scp.css */
/* =========================================================
   TURNO YA - NOTIFICACIONES CLIENTE
   MENÚ IDÉNTICO AL DASHBOARD DEL CLIENTE
   ========================================================= */

*[b-1aguvq07bp] {
    box-sizing: border-box;
}

.notifications-shell[b-1aguvq07bp] {
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 55% 0,
            #07121c,
            #02080d 48%,
            #010508
        );
    color: #f6f7f9;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}

/* =========================================================
   SIDEBAR DEL DASHBOARD CLIENTE
   ========================================================= */

.sidebar[b-1aguvq07bp] {
    border-right: 1px solid #24303a;
    padding: 24px 14px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.brand[b-1aguvq07bp] {
    min-height: 88px;
    padding: 4px 8px 14px;
    display: flex;
    align-items: center;
}

.brand > img[b-1aguvq07bp] {
    display: block;
    width: min(210px, 100%);
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.sidebar nav[b-1aguvq07bp] {
    display: grid;
    gap: 5px;
}

.sidebar nav a[b-1aguvq07bp],
.sidebar nav a:link[b-1aguvq07bp],
.sidebar nav a:visited[b-1aguvq07bp],
.sidebar nav a:hover[b-1aguvq07bp],
.sidebar nav a:active[b-1aguvq07bp],
.sidebar nav a:focus[b-1aguvq07bp] {
    color: #ffffff;
    text-decoration: none;
}

.sidebar nav a[b-1aguvq07bp] {
    width: 100%;
    min-height: 48px;
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 16px;
    display: flex;
    gap: 15px;
    align-items: center;
    cursor: pointer;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease;
}

.sidebar nav a span[b-1aguvq07bp] {
    flex: 1;
    color: inherit;
    text-decoration: none;
}

.sidebar nav a:hover[b-1aguvq07bp] {
    background: rgba(255, 255, 255, 0.055);
}

.sidebar nav a.active[b-1aguvq07bp],
.sidebar nav a.active:hover[b-1aguvq07bp] {
    background:
        linear-gradient(
            90deg,
            #4b3900,
            #2d2402
        );
    color: #ffffff;
}

.sidebar nav a:focus-visible[b-1aguvq07bp] {
    outline: 2px solid #ffc400;
    outline-offset: 2px;
}

.menu-badge[b-1aguvq07bp] {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #6c35d5;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-size: 10px;
}

.logout-button[b-1aguvq07bp] {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px;
    border: 1px solid #303c46;
    border-radius: 10px;
    background: #081219;
    color: #f5f7fa;
    cursor: pointer;
    font: inherit;
    font-size: 15px;
    text-align: left;
}

.logout-button:hover[b-1aguvq07bp] {
    border-color: #ffc400;
    background: #151a18;
}

.logout-button span[b-1aguvq07bp] {
    color: #ffc400;
    font-size: 19px;
}

.profile[b-1aguvq07bp] {
    margin-top: 0;
    border: 1px solid #2b3740;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile > span[b-1aguvq07bp] {
    margin-left: auto;
}

.avatar[b-1aguvq07bp] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    background: #25303a;
    display: grid;
    place-items: center;
}

.profile b[b-1aguvq07bp],
.profile small[b-1aguvq07bp] {
    display: block;
}

.profile small[b-1aguvq07bp] {
    color: #ffffff;
}

/* =========================================================
   HEADER MÓVIL DEL DASHBOARD CLIENTE
   ========================================================= */

.mobile-topbar[b-1aguvq07bp],
.mobile-sidebar-head[b-1aguvq07bp],
.mobile-menu-backdrop[b-1aguvq07bp] {
    display: none;
}

.mobile-brand-logo[b-1aguvq07bp] {
    width: 126px;
    height: 42px;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.notifications-main[b-1aguvq07bp] {
    min-width: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0;
    padding: 22px 24px 34px;
}

.notifications-header[b-1aguvq07bp] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
}

.breadcrumb[b-1aguvq07bp] {
    display: flex;
    gap: 9px;
    align-items: center;
    color: #b5c3ce;
    font-size: 11px;
    margin-bottom: 20px;
}

.title-row[b-1aguvq07bp] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.title-icon[b-1aguvq07bp] {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background:
        linear-gradient(
            145deg,
            #6a35dc,
            #3b1498
        );
    font-size: 25px;
}

.title-row h1[b-1aguvq07bp] {
    margin: 0;
    font-size: 28px;
}

.title-row p[b-1aguvq07bp] {
    margin: 5px 0 0;
    color: #bdc9d2;
    font-size: 13px;
}

/* =========================================================
   KPIS
   ========================================================= */

.kpi-grid[b-1aguvq07bp] {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(105px, 1fr));
    gap: 10px;
}

.kpi-grid article[b-1aguvq07bp] {
    min-width: 105px;
    padding: 11px 13px;
    border: 1px solid #25384a;
    border-radius: 11px;
    background: #091722;
    display: grid;
    grid-template-columns: 36px 1fr;
    grid-template-rows: auto auto;
    column-gap: 9px;
    align-items: center;
}

.kpi-icon[b-1aguvq07bp] {
    grid-row: 1 / 3;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #271655;
    color: #cbb4ff;
}

.kpi-icon.read[b-1aguvq07bp] {
    background: #0a352d;
    color: #81e4c3;
}

.kpi-grid strong[b-1aguvq07bp] {
    font-size: 18px;
}

.kpi-grid small[b-1aguvq07bp] {
    color: #b3c0ca;
    font-size: 9px;
}

/* =========================================================
   FILTROS
   ========================================================= */

.filter-row[b-1aguvq07bp] {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.filter-buttons[b-1aguvq07bp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.filter-buttons button[b-1aguvq07bp],
.mark-all-button[b-1aguvq07bp] {
    border: 1px solid #273d4c;
    border-radius: 9px;
    background: #091722;
    color: #ffffff;
    min-height: 38px;
    padding: 0 16px;
    cursor: pointer;
}

.filter-buttons button:hover[b-1aguvq07bp],
.filter-buttons button.active[b-1aguvq07bp] {
    border-color: #6533d5;
    background:
        linear-gradient(
            135deg,
            #6d34d7,
            #4620a1
        );
}

.mark-all-button[b-1aguvq07bp] {
    border-color: transparent;
    background: transparent;
    color: #aa73ff;
    white-space: nowrap;
}

.mark-all-button:disabled[b-1aguvq07bp] {
    opacity: 0.45;
    cursor: default;
}

/* =========================================================
   LISTADO + DETALLE
   ========================================================= */

.notifications-content[b-1aguvq07bp] {
    margin-top: 14px;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(320px, 390px);
    gap: 18px;
    align-items: start;
}

.notifications-list[b-1aguvq07bp] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #213747;
    border-radius: 13px;
    background: #06131d;
}

.notification-item[b-1aguvq07bp] {
    width: 100%;
    min-height: 106px;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #1d3341;
    background: transparent;
    color: #ffffff;
    text-align: left;
    display: grid;
    grid-template-columns: 10px 54px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 13px;
    padding: 15px 18px;
    cursor: pointer;
}

.notification-item:last-child[b-1aguvq07bp] {
    border-bottom: 0;
}

.notification-item:hover[b-1aguvq07bp] {
    background: #0a1b27;
}

.notification-item.unread[b-1aguvq07bp] {
    background:
        linear-gradient(
            90deg,
            rgba(84, 39, 183, 0.08),
            transparent 38%
        );
}

.unread-dot[b-1aguvq07bp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
}

.notification-item.unread .unread-dot[b-1aguvq07bp] {
    background: #7d3bed;
}

.notification-icon[b-1aguvq07bp],
.detail-category-icon[b-1aguvq07bp] {
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.notification-icon[b-1aguvq07bp] {
    width: 50px;
    height: 50px;
    font-size: 20px;
}

.notification-icon.booking[b-1aguvq07bp],
.detail-category-icon.booking[b-1aguvq07bp] {
    background: #38208b;
    color: #dccfff;
}

.notification-icon.promotion[b-1aguvq07bp],
.detail-category-icon.promotion[b-1aguvq07bp] {
    background: #07563a;
    color: #9df0c4;
}

.notification-icon.payment[b-1aguvq07bp],
.detail-category-icon.payment[b-1aguvq07bp] {
    background: #173f84;
    color: #aad0ff;
}

.notification-icon.system[b-1aguvq07bp],
.detail-category-icon.system[b-1aguvq07bp] {
    background: #6b3606;
    color: #ffd293;
}

.notification-copy[b-1aguvq07bp] {
    min-width: 0;
    display: block;
}

.notification-copy > strong[b-1aguvq07bp] {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.notification-body[b-1aguvq07bp] {
    display: block;
    color: #c2ced6;
    font-size: 11px;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-meta[b-1aguvq07bp] {
    margin-top: 8px;
    display: flex;
    gap: 7px;
    align-items: center;
    color: #a5b4bf;
    font-size: 10px;
}

.notification-meta b[b-1aguvq07bp] {
    padding: 3px 8px;
    border-radius: 999px;
    background: #2b1766;
    color: #d9c7ff;
    font-weight: 600;
}

.notification-meta i[b-1aguvq07bp] {
    font-style: normal;
}

.notification-arrow[b-1aguvq07bp] {
    font-size: 28px;
    color: #aebac2;
}

/* =========================================================
   DETALLE
   ========================================================= */

.notification-detail[b-1aguvq07bp] {
    position: sticky;
    top: 18px;
    min-height: 520px;
    box-sizing: border-box;
    border: 1px solid #253b4b;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            #081923,
            #05121c
        );
    padding: 20px;
}

.notification-detail.empty[b-1aguvq07bp] {
    display: grid;
    place-items: center;
}

.detail-empty[b-1aguvq07bp] {
    text-align: center;
    color: #aebdc7;
}

.detail-empty > span[b-1aguvq07bp] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto 14px;
    background: #24114f;
    color: #ae83ff;
    font-size: 26px;
}

.detail-empty strong[b-1aguvq07bp] {
    display: block;
    color: #ffffff;
}

.detail-empty p[b-1aguvq07bp] {
    margin: 6px 0 0;
    font-size: 11px;
}

.detail-close[b-1aguvq07bp] {
    position: absolute;
    top: 12px;
    right: 14px;
    border: 0;
    background: transparent;
    color: #ac69ff;
    font-size: 26px;
    cursor: pointer;
}

.detail-category-icon[b-1aguvq07bp] {
    width: 76px;
    height: 76px;
    margin: 34px auto 20px;
    font-size: 31px;
}

.notification-detail h2[b-1aguvq07bp] {
    text-align: center;
    font-size: 20px;
    margin: 0;
}

.detail-meta[b-1aguvq07bp] {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 8px;
    color: #aebcc6;
    font-size: 10px;
}

.detail-meta span[b-1aguvq07bp] {
    padding: 3px 9px;
    border-radius: 999px;
    background: #321772;
    color: #e0d2ff;
}

.detail-meta i[b-1aguvq07bp] {
    font-style: normal;
}

.detail-divider[b-1aguvq07bp] {
    height: 1px;
    background: #223847;
    margin: 20px 0;
}

.detail-body[b-1aguvq07bp] {
    color: #d4dce2;
    font-size: 12px;
    line-height: 1.65;
    white-space: pre-line;
}

.primary-action[b-1aguvq07bp],
.secondary-action[b-1aguvq07bp] {
    width: 100%;
    min-height: 42px;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
}

.primary-action[b-1aguvq07bp] {
    margin-top: 18px;
    border: 0;
    background:
        linear-gradient(
            135deg,
            #7a35dd,
            #5120b8
        );
    color: #ffffff;
}

.secondary-action[b-1aguvq07bp] {
    margin-top: 9px;
    border: 1px solid #2d4657;
    background: transparent;
    color: #ffffff;
}

/* =========================================================
   ESTADOS
   ========================================================= */

.state-card[b-1aguvq07bp] {
    min-height: 340px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: 30px;
    text-align: center;
    color: #b7c5ce;
}

.state-card strong[b-1aguvq07bp] {
    color: #ffffff;
}

.state-card p[b-1aguvq07bp] {
    margin: 0;
    font-size: 11px;
}

.state-card button[b-1aguvq07bp] {
    margin-top: 7px;
    border: 0;
    border-radius: 8px;
    background: #6c32cf;
    color: #ffffff;
    padding: 10px 15px;
    cursor: pointer;
}

.empty-icon[b-1aguvq07bp] {
    font-size: 38px;
    color: #8c5aec;
}

.loader[b-1aguvq07bp] {
    width: 34px;
    height: 34px;
    border: 3px solid #233b4b;
    border-top-color: #7d3bea;
    border-radius: 50%;
    animation: spin-b-1aguvq07bp 0.8s linear infinite;
}

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

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    .notifications-shell[b-1aguvq07bp] {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .notifications-main[b-1aguvq07bp] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .notifications-header[b-1aguvq07bp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .kpi-grid[b-1aguvq07bp] {
        width: 100%;
    }

    .notifications-content[b-1aguvq07bp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notification-detail[b-1aguvq07bp] {
        position: static;
        min-height: auto;
    }
}

/* =========================================================
   RESPONSIVE - MISMO COMPORTAMIENTO DEL DASHBOARD CLIENTE
   ========================================================= */

@media (max-width: 1050px) {
    .notifications-shell[b-1aguvq07bp] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .notifications-main[b-1aguvq07bp] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .notifications-header[b-1aguvq07bp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .kpi-grid[b-1aguvq07bp] {
        width: 100%;
    }

    .notifications-content[b-1aguvq07bp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notification-detail[b-1aguvq07bp] {
        position: static;
        min-height: auto;
    }
}

@media (max-width: 900px) {
    .notifications-shell[b-1aguvq07bp] {
        display: block;
        padding-top: 58px;
    }

    .mobile-topbar[b-1aguvq07bp] {
        display: flex !important;
        position: fixed;
        inset: 0 0 auto;
        z-index: 900;
        height: 58px;
        align-items: center;
        gap: 12px;
        padding: 8px 12px;
        background: #030a11;
        border-bottom: 1px solid #243442;
        color: #ffffff;
    }

    .hamburger-button[b-1aguvq07bp],
    .mobile-sidebar-head button[b-1aguvq07bp] {
        width: 42px;
        height: 42px;
        border: 1px solid #344554;
        border-radius: 9px;
        background: #09141e;
        color: #ffffff;
        font-size: 22px;
        cursor: pointer;
    }

    .mobile-notification-count[b-1aguvq07bp] {
        margin-left: auto;
        min-width: 30px;
        height: 30px;
        border: 0;
        border-radius: 999px;
        background: #6d33d5;
        color: #ffffff;
        font-weight: 800;
    }

    .mobile-menu-backdrop[b-1aguvq07bp] {
        display: none;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-1aguvq07bp] {
        display: block !important;
        position: fixed;
        inset: 0;
        z-index: 1000;
        border: 0;
        background: rgba(0, 0, 0, 0.68);
    }

    .sidebar[b-1aguvq07bp] {
        position: fixed !important;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1001;
        width: min(86vw, 310px) !important;
        height: 100dvh !important;
        min-height: 0 !important;
        padding: 14px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #030a11 !important;
        border-right: 1px solid #2b3b49 !important;
        transform: translateX(-105%);
        transition: transform 0.22s ease;
        box-shadow: 18px 0 45px #0009;
    }

    .mobile-menu-open .sidebar[b-1aguvq07bp] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-1aguvq07bp] {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .sidebar nav[b-1aguvq07bp] {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .sidebar nav a[b-1aguvq07bp] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .logout-button[b-1aguvq07bp] {
        display: flex !important;
        margin-top: 14px !important;
    }

    .profile[b-1aguvq07bp] {
        margin-top: 14px !important;
    }

    .notifications-main[b-1aguvq07bp] {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        padding: 15px 11px 28px;
    }

    .breadcrumb[b-1aguvq07bp] {
        margin-bottom: 13px;
    }

    .title-row[b-1aguvq07bp] {
        gap: 11px;
    }

    .title-icon[b-1aguvq07bp] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .title-row h1[b-1aguvq07bp] {
        font-size: 23px;
    }

    .title-row p[b-1aguvq07bp] {
        font-size: 11px;
    }

    .kpi-grid[b-1aguvq07bp] {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .kpi-grid article[b-1aguvq07bp] {
        min-width: 0;
        padding: 9px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        text-align: center;
    }

    .kpi-icon[b-1aguvq07bp] {
        grid-row: auto;
        margin: 0 auto 5px;
    }

    .filter-row[b-1aguvq07bp] {
        margin-top: 18px;
        align-items: stretch;
        flex-direction: column;
    }

    .filter-buttons[b-1aguvq07bp] {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .filter-buttons button[b-1aguvq07bp] {
        padding: 0 8px;
    }

    .mark-all-button[b-1aguvq07bp] {
        text-align: left;
        padding-left: 2px;
    }

    .notifications-content[b-1aguvq07bp] {
        margin-top: 8px;
    }

    .notification-item[b-1aguvq07bp] {
        min-height: 92px;
        grid-template-columns: 7px 42px minmax(0, 1fr) 16px;
        gap: 9px;
        padding: 12px 10px;
    }

    .notification-icon[b-1aguvq07bp] {
        width: 42px;
        height: 42px;
    }

    .notification-copy > strong[b-1aguvq07bp] {
        font-size: 12px;
    }

    .notification-body[b-1aguvq07bp] {
        font-size: 10px;
    }

    .notification-meta[b-1aguvq07bp] {
        flex-wrap: wrap;
        font-size: 9px;
    }

    .notification-arrow[b-1aguvq07bp] {
        font-size: 22px;
    }

    .notification-detail[b-1aguvq07bp] {
        border-radius: 12px;
        padding: 16px;
    }
}

@media (max-width: 410px) {
    .notifications-main[b-1aguvq07bp] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .kpi-grid article[b-1aguvq07bp] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .kpi-grid strong[b-1aguvq07bp] {
        font-size: 16px;
    }

    .notification-item[b-1aguvq07bp] {
        grid-template-columns: 6px 38px minmax(0, 1fr);
    }

    .notification-arrow[b-1aguvq07bp] {
        display: none;
    }

    .notification-icon[b-1aguvq07bp] {
        width: 38px;
        height: 38px;
    }
}
/* /Pages/Client/ProfessionalProfile.razor.rz.scp.css */
*[b-6wcjnai2nh]{box-sizing:border-box}.profile-shell[b-6wcjnai2nh]{min-height:100vh;background:#020a10;color:#fff;display:grid;grid-template-columns:205px minmax(0,1fr);font-family:Inter,"Segoe UI",Arial,sans-serif}.client-sidebar[b-6wcjnai2nh]{position:sticky;top:0;height:100vh;background:#030c13;border-right:1px solid #1d2d38;padding:24px 12px 12px;display:flex;flex-direction:column;z-index:20}.brand img[b-6wcjnai2nh]{width:145px;max-height:70px;object-fit:contain;object-position:left center}.client-sidebar nav[b-6wcjnai2nh]{display:flex;flex-direction:column;gap:5px;margin-top:20px}.client-sidebar nav a[b-6wcjnai2nh]{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 13px;border-radius:8px;color:#fff;text-decoration:none;font-size:12px}.client-sidebar nav a:hover[b-6wcjnai2nh]{background:#0d1b24}.client-sidebar nav a.active[b-6wcjnai2nh]{background:linear-gradient(90deg,#4a1c76,#6b29b7)}.logout[b-6wcjnai2nh]{margin-top:auto;min-height:42px;border:1px solid #30414c;border-radius:8px;background:#07131b;color:#fff;text-align:left;padding:0 14px;cursor:pointer}.profile-mini[b-6wcjnai2nh]{margin-top:12px;border:1px solid #2b3a45;border-radius:9px;padding:10px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.avatar[b-6wcjnai2nh]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6d2cca;color:#fff;font-size:11px;font-weight:800}.profile-mini div[b-6wcjnai2nh]{min-width:0;display:flex;flex-direction:column}.profile-mini strong[b-6wcjnai2nh]{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-mini small[b-6wcjnai2nh]{font-size:9px;color:#aebcc5}.mobile-topbar[b-6wcjnai2nh],.mobile-backdrop[b-6wcjnai2nh]{display:none}.profile-content[b-6wcjnai2nh]{padding:18px 22px 28px;min-width:0}.top-actions[b-6wcjnai2nh]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.back-button[b-6wcjnai2nh],.favorite-button[b-6wcjnai2nh]{border:1px solid #2c3f4c;border-radius:9px;background:#07131b;color:#fff;min-height:40px;padding:0 13px;cursor:pointer}.favorite-button[b-6wcjnai2nh]{width:44px;font-size:22px;color:#efc8ff}.favorite-button.selected[b-6wcjnai2nh]{color:#ff71bf;border-color:#913b77;background:#241021}.detail-layout[b-6wcjnai2nh]{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.main-column[b-6wcjnai2nh],.right-column[b-6wcjnai2nh]{display:flex;flex-direction:column;gap:16px;min-width:0}.panel[b-6wcjnai2nh],.hero-card[b-6wcjnai2nh]{border:1px solid #263844;border-radius:12px;background:linear-gradient(145deg,#08151e,#06121a);box-shadow:0 10px 28px #0002}.hero-card[b-6wcjnai2nh]{padding:14px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.hero-photo[b-6wcjnai2nh]{height:300px;position:relative;border-radius:10px;overflow:hidden;background:#101a20;display:flex;align-items:center;justify-content:center}.hero-photo img[b-6wcjnai2nh]{width:100%;height:100%;object-fit:contain;object-position:center;background:#101a20}.photo-fallback[b-6wcjnai2nh]{font-size:54px;font-weight:900;color:#fff}.demo-badge[b-6wcjnai2nh]{position:absolute;top:10px;left:10px;z-index:5;padding:5px 10px;border-radius:999px;background:#ffc400;color:#17120a;font-size:10px;font-weight:900;letter-spacing:.08em}.active-badge[b-6wcjnai2nh]{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:999px;background:#087a48;color:#d8ffed;font-size:10px;font-weight:800}.hero-copy[b-6wcjnai2nh]{padding:4px 4px 0}.title-line[b-6wcjnai2nh]{display:flex;align-items:center;gap:8px}.title-line h1[b-6wcjnai2nh]{margin:0;font-size:30px}.verified[b-6wcjnai2nh]{color:#8a55ff}.category-row[b-6wcjnai2nh]{display:flex;align-items:center;gap:10px;margin-top:7px}.category-row strong[b-6wcjnai2nh]{font-size:14px}.category-row span[b-6wcjnai2nh]{padding:4px 9px;border-radius:999px;background:#311754;color:#ddbaff;font-size:10px}.rating-row[b-6wcjnai2nh]{display:flex;gap:8px;align-items:center;margin-top:15px;color:#aab9c3;font-size:12px}.rating-row b[b-6wcjnai2nh]{color:#ffc400}.specialty-tags[b-6wcjnai2nh]{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.specialty-tags span[b-6wcjnai2nh]{padding:6px 10px;border-radius:999px;background:#14232d;border:1px solid #273b48;color:#d7e3ea;font-size:10px}.business-line[b-6wcjnai2nh]{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;font-size:12px}.location-line[b-6wcjnai2nh]{color:#9fb0bb;font-size:11px;margin:7px 0}.bio[b-6wcjnai2nh]{margin:16px 0 0;color:#d4dde2;font-size:12px;line-height:1.55;max-width:720px}.demo-warning[b-6wcjnai2nh]{margin-top:15px;padding:9px 11px;border:1px solid #765f0d;border-radius:8px;background:#211a04;color:#f1dda0;font-size:10px}.demo-warning strong[b-6wcjnai2nh]{display:inline-flex;margin-right:7px;padding:2px 7px;border-radius:999px;background:#ffc400;color:#17120a}.hero-stats[b-6wcjnai2nh]{grid-column:1/-1;border-top:1px solid #253743;display:grid;grid-template-columns:repeat(4,1fr);padding-top:12px}.hero-stats div[b-6wcjnai2nh]{padding:5px 14px;border-right:1px solid #20313c;display:flex;flex-direction:column;gap:3px}.hero-stats div:last-child[b-6wcjnai2nh]{border-right:0}.hero-stats b[b-6wcjnai2nh]{font-size:17px}.hero-stats span[b-6wcjnai2nh]{font-size:9px;color:#96aab6}.middle-grid[b-6wcjnai2nh]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel[b-6wcjnai2nh]{padding:15px}.panel-title[b-6wcjnai2nh]{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.panel-title h2[b-6wcjnai2nh]{font-size:15px;margin:0}.panel-title p[b-6wcjnai2nh]{margin:4px 0 0;font-size:9px;color:#94a8b4}.service-list[b-6wcjnai2nh]{display:flex;flex-direction:column;gap:7px}.service-list button[b-6wcjnai2nh]{width:100%;border:1px solid #273b48;border-radius:8px;background:#091720;color:#fff;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.service-list button:hover[b-6wcjnai2nh],.service-list button.selected[b-6wcjnai2nh]{border-color:#7440cf;background:#1c1032}.service-list button span[b-6wcjnai2nh]{display:flex;flex-direction:column;gap:2px}.service-list button strong[b-6wcjnai2nh]{font-size:11px}.service-list button small[b-6wcjnai2nh]{font-size:8px;color:#8fa4b0}.service-list button b[b-6wcjnai2nh]{font-size:11px;color:#f4c542}.schedule-list[b-6wcjnai2nh]{display:flex;flex-direction:column}.schedule-list div[b-6wcjnai2nh]{padding:9px 0;border-bottom:1px solid #20313c;display:flex;justify-content:space-between;gap:10px;font-size:10px}.schedule-list span[b-6wcjnai2nh]{color:#b8c6ce;text-align:right}.reviews-panel[b-6wcjnai2nh]{min-height:160px}.rating-big[b-6wcjnai2nh]{color:#ffc400;font-size:18px}.review-list[b-6wcjnai2nh]{display:grid;grid-template-columns:1fr 1fr;gap:9px}.review-list article[b-6wcjnai2nh]{border:1px solid #223642;border-radius:9px;background:#07141c;padding:10px;display:grid;grid-template-columns:34px 1fr;gap:9px}.review-avatar[b-6wcjnai2nh]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#293b48;font-size:9px;font-weight:800}.review-list article>div:last-child>div[b-6wcjnai2nh]{display:flex;justify-content:space-between;gap:8px}.review-list strong[b-6wcjnai2nh]{font-size:10px}.review-list span[b-6wcjnai2nh]{color:#ffc400;font-size:10px}.review-list p[b-6wcjnai2nh]{font-size:10px;line-height:1.45;color:#d3dde3}.review-list small[b-6wcjnai2nh]{font-size:8px;color:#8195a1}.booking-card[b-6wcjnai2nh]{position:sticky;top:18px}.booking-card label[b-6wcjnai2nh]{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.booking-card label>span[b-6wcjnai2nh],.slots>span[b-6wcjnai2nh]{font-size:10px;font-weight:800}.booking-card select[b-6wcjnai2nh],.booking-card input[b-6wcjnai2nh]{height:40px;border:1px solid #2b4050;border-radius:8px;background:#08151e;color:#fff;padding:0 10px}.slots[b-6wcjnai2nh]{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.slots small[b-6wcjnai2nh]{color:#91a5b2;font-size:9px}.slot-grid[b-6wcjnai2nh]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.slot-grid button[b-6wcjnai2nh]{height:34px;border:1px solid #344957;border-radius:7px;background:#0b1a24;color:#fff;font-size:10px;cursor:pointer}.slot-grid button.selected[b-6wcjnai2nh]{background:#7029c4;border-color:#9d69ef}.continue-button[b-6wcjnai2nh]{width:100%;min-height:42px;border:0;border-radius:8px;background:linear-gradient(90deg,#772bd0,#9238df);color:#fff;font-weight:800;cursor:pointer}.continue-button:disabled[b-6wcjnai2nh]{opacity:.45;cursor:not-allowed}.booking-message[b-6wcjnai2nh],.booking-error[b-6wcjnai2nh],.booking-success[b-6wcjnai2nh]{padding:10px;border-radius:8px;font-size:10px}.booking-message[b-6wcjnai2nh]{background:#101d25;color:#b5c4cd}.booking-error[b-6wcjnai2nh]{margin:8px 0;background:#321317;border:1px solid #6c2830;color:#ffb8bd}.booking-success[b-6wcjnai2nh]{margin-top:8px;background:#08271b;border:1px solid #146b46;color:#94efbf}.booking-success button[b-6wcjnai2nh]{margin-top:8px;border:0;border-radius:6px;background:#136944;color:#fff;padding:6px 9px;cursor:pointer}.map[b-6wcjnai2nh]{height:230px;border-radius:9px;overflow:hidden}.address[b-6wcjnai2nh]{display:flex;flex-direction:column;gap:4px;margin-top:10px}.address strong[b-6wcjnai2nh]{font-size:11px}.address span[b-6wcjnai2nh],.address small[b-6wcjnai2nh]{font-size:9px;color:#9db0bc}.empty[b-6wcjnai2nh]{padding:16px;border:1px dashed #2b3e49;border-radius:8px;color:#8fa3af;font-size:10px;text-align:center}.map-empty[b-6wcjnai2nh]{min-height:120px;display:grid;place-items:center}.loading-state[b-6wcjnai2nh],.error-state[b-6wcjnai2nh]{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.spinner[b-6wcjnai2nh]{width:34px;height:34px;border:3px solid #283b47;border-top-color:#8a43de;border-radius:50%;animation:spin-b-6wcjnai2nh .8s linear infinite}@keyframes spin-b-6wcjnai2nh{to{transform:rotate(360deg)}}.error-state button[b-6wcjnai2nh]{border:0;border-radius:8px;background:#712dc1;color:#fff;padding:9px 14px;cursor:pointer}.error-state button.secondary[b-6wcjnai2nh]{background:#0c1b24;border:1px solid #2d414f}
@media(max-width:1200px){.detail-layout[b-6wcjnai2nh]{grid-template-columns:minmax(0,1fr) 320px}.hero-card[b-6wcjnai2nh]{grid-template-columns:220px minmax(0,1fr)}.hero-photo[b-6wcjnai2nh]{height:280px}.middle-grid[b-6wcjnai2nh]{grid-template-columns:1fr}.review-list[b-6wcjnai2nh]{grid-template-columns:1fr}}
@media(max-width:900px){.profile-shell[b-6wcjnai2nh]{grid-template-columns:1fr}.mobile-topbar[b-6wcjnai2nh]{display:flex;position:sticky;top:0;z-index:35;height:58px;background:#030c13;border-bottom:1px solid #20313d;align-items:center;gap:12px;padding:8px 12px}.mobile-topbar button[b-6wcjnai2nh]{width:38px;height:38px;border:1px solid #30414c;border-radius:8px;background:#07131b;color:#fff}.mobile-topbar img[b-6wcjnai2nh]{height:40px;max-width:145px;object-fit:contain}.client-sidebar[b-6wcjnai2nh]{position:fixed;left:-280px;top:0;width:270px;height:100vh;transition:left .2s ease;z-index:50}.mobile-menu-open .client-sidebar[b-6wcjnai2nh]{left:0}.mobile-backdrop[b-6wcjnai2nh]{display:none;position:fixed;inset:0;border:0;background:#0009;z-index:45}.mobile-menu-open .mobile-backdrop[b-6wcjnai2nh]{display:block}.profile-content[b-6wcjnai2nh]{padding:14px}.detail-layout[b-6wcjnai2nh]{grid-template-columns:1fr}.booking-card[b-6wcjnai2nh]{position:static}.hero-card[b-6wcjnai2nh]{grid-template-columns:220px 1fr}.right-column[b-6wcjnai2nh]{order:-1}}
@media(max-width:640px){.hero-card[b-6wcjnai2nh]{grid-template-columns:1fr}.hero-photo[b-6wcjnai2nh]{height:390px}.hero-stats[b-6wcjnai2nh]{grid-template-columns:1fr 1fr}.hero-stats div:nth-child(2)[b-6wcjnai2nh]{border-right:0}.hero-stats div[b-6wcjnai2nh]{border-bottom:1px solid #20313c}.title-line h1[b-6wcjnai2nh]{font-size:24px}.middle-grid[b-6wcjnai2nh]{grid-template-columns:1fr}.review-list[b-6wcjnai2nh]{grid-template-columns:1fr}.slot-grid[b-6wcjnai2nh]{grid-template-columns:repeat(3,1fr)}.top-actions[b-6wcjnai2nh]{margin-bottom:8px}}
/* /Pages/Client/Professionals.razor.rz.scp.css */
*[b-76wlf9mfaq]{box-sizing:border-box}.professionals-shell[b-76wlf9mfaq]{min-height:100vh;background:#02090f;color:#fff;display:grid;grid-template-columns:205px minmax(0,1fr);font-family:Inter,"Segoe UI",Arial,sans-serif}.client-sidebar[b-76wlf9mfaq]{position:sticky;top:0;height:100vh;border-right:1px solid #21313d;padding:20px 11px 12px;display:flex;flex-direction:column;background:#030b11}.brand[b-76wlf9mfaq]{padding:4px 14px 24px}.brand img[b-76wlf9mfaq]{width:128px;max-width:100%}.client-sidebar nav[b-76wlf9mfaq]{display:flex;flex-direction:column;gap:4px}.client-sidebar nav a[b-76wlf9mfaq]{color:#fff;text-decoration:none;padding:11px 13px;border-radius:7px;font-size:13px;display:flex;gap:12px;align-items:center}.client-sidebar nav a.active[b-76wlf9mfaq]{background:linear-gradient(90deg,#40206f,#58269b)}.client-sidebar nav a:hover[b-76wlf9mfaq]{background:#101b23}.logout[b-76wlf9mfaq]{margin-top:auto;border:1px solid #2b3d49;background:#07121a;color:#fff;border-radius:8px;padding:12px;text-align:left}.profile[b-76wlf9mfaq]{margin-top:10px;border:1px solid #263945;border-radius:9px;padding:10px;display:flex;align-items:center;gap:9px}.profile div[b-76wlf9mfaq]{min-width:0;flex:1}.profile strong[b-76wlf9mfaq],.profile small[b-76wlf9mfaq]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small[b-76wlf9mfaq]{font-size:10px}.avatar[b-76wlf9mfaq]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6730b8;font-weight:800}.content[b-76wlf9mfaq]{padding:18px 22px 40px;min-width:0}.page-head[b-76wlf9mfaq]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-head h1[b-76wlf9mfaq]{font-size:26px;margin:0}.page-head p[b-76wlf9mfaq]{margin:3px 0 0;font-size:13px}.head-actions[b-76wlf9mfaq]{display:flex;gap:8px;align-items:center}.head-actions>button[b-76wlf9mfaq]{width:45px;height:45px;border:1px solid #273b48;background:#07131b;color:#fff;border-radius:8px;font-size:20px}.user[b-76wlf9mfaq]{display:flex;gap:9px;align-items:center;border:1px solid #273b48;border-radius:9px;padding:6px 12px}.user strong[b-76wlf9mfaq],.user small[b-76wlf9mfaq]{display:block}.user small[b-76wlf9mfaq]{font-size:10px}.search-row[b-76wlf9mfaq]{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.55fr) 115px 120px;gap:10px;margin-bottom:14px}.search-row label[b-76wlf9mfaq],.search-row button[b-76wlf9mfaq],.location-panel select[b-76wlf9mfaq],.location-panel button[b-76wlf9mfaq],.filters select[b-76wlf9mfaq],.filters input[type=number][b-76wlf9mfaq]{height:48px;border:1px solid #263b48;background:#07141d;color:#fff;border-radius:8px}.search-row label[b-76wlf9mfaq]{display:flex;align-items:center;padding:0 14px;gap:10px}.search-row input[b-76wlf9mfaq]{flex:1;background:transparent;border:0;outline:0;color:#fff}.search-row button[b-76wlf9mfaq]{padding:0 15px;font-weight:700}.search-row .location[b-76wlf9mfaq]{display:flex;justify-content:space-between;align-items:center}.search-row .search[b-76wlf9mfaq]{background:linear-gradient(135deg,#6b2dc1,#4e1f9d);border-color:#7736cc}.location-panel[b-76wlf9mfaq]{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:10px;padding:12px;border:1px solid #263b48;background:#07131b;border-radius:10px;margin-bottom:12px}.location-panel select[b-76wlf9mfaq],.location-panel button[b-76wlf9mfaq]{padding:0 12px}.categories[b-76wlf9mfaq]{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px}.categories button[b-76wlf9mfaq]{white-space:nowrap;border:1px solid #263b48;background:#07131b;color:#fff;border-radius:8px;padding:9px 14px}.categories button.active[b-76wlf9mfaq]{background:linear-gradient(135deg,#6b2dc1,#4e1f9d);border-color:#7736cc}.workspace[b-76wlf9mfaq]{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.results-head[b-76wlf9mfaq],.panel-title[b-76wlf9mfaq]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.results-head label[b-76wlf9mfaq]{font-size:12px}.results-head select[b-76wlf9mfaq]{background:#07131b;border:1px solid #263b48;color:#fff;border-radius:7px;padding:7px}.cards[b-76wlf9mfaq]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pro-card[b-76wlf9mfaq]{border:1px solid #263a46;border-radius:10px;background:linear-gradient(160deg,#0b171f,#061018);overflow:hidden;min-width:0}.photo[b-76wlf9mfaq]{height:220px;position:relative;background:#101a20;display:flex;align-items:center;justify-content:center;overflow:hidden}
.photo img[b-76wlf9mfaq]{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;background:#101a20}.photo-fallback[b-76wlf9mfaq]{height:100%;display:grid;place-items:center;font-size:42px;font-weight:900;background:linear-gradient(135deg,#1a2933,#4a286a)}.status[b-76wlf9mfaq]{position:absolute;left:9px;bottom:8px;background:#075d39;color:#7effb7;padding:4px 7px;border-radius:5px;font-size:10px}.heart[b-76wlf9mfaq]{position:absolute;right:8px;top:8px;background:#07131dcc;border:1px solid #5d6c74;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:19px}.card-body[b-76wlf9mfaq]{padding:11px}.card-body h3[b-76wlf9mfaq]{margin:0 0 5px;font-size:16px}.verified[b-76wlf9mfaq]{color:#8b4cff}.rating[b-76wlf9mfaq]{font-size:12px;color:#ffc83d;margin-bottom:7px}.rating span[b-76wlf9mfaq]{color:#fff}.card-body p[b-76wlf9mfaq]{font-size:11px;margin:4px 0;color:#e9eef2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.specialty[b-76wlf9mfaq]{font-weight:700}.distance[b-76wlf9mfaq]{color:#aebdc7!important}.price[b-76wlf9mfaq]{font-size:13px;font-weight:700;margin:10px 0}.card-body>button[b-76wlf9mfaq]{width:100%;border:0;border-radius:6px;padding:9px;background:linear-gradient(135deg,#6b2dc1,#4e1f9d);color:#fff;font-weight:700}.right-panel[b-76wlf9mfaq]{display:flex;flex-direction:column;gap:12px}.map-card[b-76wlf9mfaq],.filters[b-76wlf9mfaq]{border:1px solid #263a46;border-radius:10px;background:#07131b;padding:12px}.map[b-76wlf9mfaq]{height:220px;border-radius:8px;overflow:hidden;background:#0b1821}.map-card small[b-76wlf9mfaq]{display:block;margin-top:7px}.panel-title span[b-76wlf9mfaq]{font-size:11px}.panel-title button[b-76wlf9mfaq]{border:0;background:transparent;color:#fff}.filters[b-76wlf9mfaq]{display:flex;flex-direction:column;gap:15px}.filters label[b-76wlf9mfaq]{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.filters select[b-76wlf9mfaq],.filters input[type=number][b-76wlf9mfaq]{width:100%;padding:0 10px}.filters input[type=range][b-76wlf9mfaq]{width:100%;accent-color:#7133c5}.rating-buttons[b-76wlf9mfaq]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.rating-buttons button[b-76wlf9mfaq]{border:1px solid #30434f;background:#0a1720;color:#fff;border-radius:7px;padding:9px 4px}.rating-buttons button.active[b-76wlf9mfaq]{background:#5b28a5;border-color:#7736cc}.apply[b-76wlf9mfaq]{border:0;border-radius:7px;padding:11px;background:linear-gradient(135deg,#6b2dc1,#4e1f9d);color:#fff;font-weight:700}.state[b-76wlf9mfaq]{min-height:420px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;border:1px dashed #263a46;border-radius:10px}.state p[b-76wlf9mfaq]{margin:0;color:#c2ccd3}.spinner[b-76wlf9mfaq]{width:34px;height:34px;border:3px solid #2b3d49;border-top-color:#8a45dc;border-radius:50%;animation:spin-b-76wlf9mfaq .8s linear infinite}@keyframes spin-b-76wlf9mfaq{to{transform:rotate(360deg)}}.pager[b-76wlf9mfaq]{display:flex;justify-content:center;gap:7px;margin-top:18px}.pager button[b-76wlf9mfaq]{width:38px;height:38px;border:1px solid #293d49;background:#07131b;color:#fff;border-radius:7px}.pager button.active[b-76wlf9mfaq]{background:#5c28a8}.mobile-topbar[b-76wlf9mfaq],.mobile-backdrop[b-76wlf9mfaq]{display:none}
@media(max-width:1300px){.cards[b-76wlf9mfaq]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.workspace[b-76wlf9mfaq]{grid-template-columns:1fr}.right-panel[b-76wlf9mfaq]{display:grid;grid-template-columns:1fr 1fr}.cards[b-76wlf9mfaq]{grid-template-columns:repeat(3,1fr)}.search-row[b-76wlf9mfaq]{grid-template-columns:1fr 1fr 110px}.search-row .search[b-76wlf9mfaq]{grid-column:3}.filters-toggle[b-76wlf9mfaq]{grid-column:3}.location-panel[b-76wlf9mfaq]{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.professionals-shell[b-76wlf9mfaq]{display:block}.mobile-topbar[b-76wlf9mfaq]{display:flex;position:sticky;top:0;z-index:100;height:58px;background:#030b11;border-bottom:1px solid #263a46;align-items:center;gap:12px;padding:8px 12px}.mobile-topbar button[b-76wlf9mfaq]{background:#07131b;border:1px solid #30434f;color:#fff;border-radius:7px;width:40px;height:40px}.mobile-topbar img[b-76wlf9mfaq]{height:38px}.client-sidebar[b-76wlf9mfaq]{position:fixed;left:0;top:0;z-index:120;width:280px;transform:translateX(-105%);transition:.2s}.mobile-menu-open .client-sidebar[b-76wlf9mfaq]{transform:translateX(0)}.mobile-backdrop[b-76wlf9mfaq]{display:none}.mobile-menu-open .mobile-backdrop[b-76wlf9mfaq]{display:block;position:fixed;inset:0;z-index:110;background:#000a;border:0}.content[b-76wlf9mfaq]{padding:16px}.head-actions[b-76wlf9mfaq]{display:none}.cards[b-76wlf9mfaq]{grid-template-columns:repeat(2,1fr)}.right-panel[b-76wlf9mfaq]{grid-template-columns:1fr}.search-row[b-76wlf9mfaq]{grid-template-columns:1fr 1fr}.search-row .filters-toggle[b-76wlf9mfaq],.search-row .search[b-76wlf9mfaq]{grid-column:auto}}
@media(max-width:560px){.page-head h1[b-76wlf9mfaq]{font-size:22px}.search-row[b-76wlf9mfaq],.location-panel[b-76wlf9mfaq]{grid-template-columns:1fr}.cards[b-76wlf9mfaq]{grid-template-columns:1fr}.photo[b-76wlf9mfaq]{height:260px}.workspace[b-76wlf9mfaq]{display:block}.right-panel[b-76wlf9mfaq]{margin-top:14px}.filters:not(.show)[b-76wlf9mfaq]{display:none}}

.demo-badge[b-76wlf9mfaq]{position:absolute;top:10px;left:10px;z-index:6;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#ffc400;color:#17120a;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 4px 14px #0008}

.heart[b-76wlf9mfaq]{cursor:pointer;color:#fff;padding:0}.heart:hover[b-76wlf9mfaq]{border-color:#9c4dea;transform:translateY(-1px)}.heart.selected[b-76wlf9mfaq]{background:#31142d;border-color:#b34f96;color:#ff73c7}.heart:disabled[b-76wlf9mfaq]{opacity:.55;cursor:wait}
/* /Pages/Client/Promotions.razor.rz.scp.css */
*[b-tsk560q9y4]{box-sizing:border-box}.promotions-shell[b-tsk560q9y4]{min-height:100vh;background:#02090f;color:#fff;display:grid;grid-template-columns:205px minmax(0,1fr);font-family:Inter,"Segoe UI",Arial,sans-serif}.client-sidebar[b-tsk560q9y4]{position:sticky;top:0;height:100vh;border-right:1px solid #21313d;padding:20px 11px 12px;display:flex;flex-direction:column;background:#030b11}.brand[b-tsk560q9y4]{padding:4px 14px 24px}.brand img[b-tsk560q9y4]{width:128px}.client-sidebar nav[b-tsk560q9y4]{display:flex;flex-direction:column;gap:4px}.client-sidebar nav a[b-tsk560q9y4]{color:#fff;text-decoration:none;padding:11px 13px;border-radius:7px;font-size:13px;display:flex;gap:12px}.client-sidebar nav a.active[b-tsk560q9y4]{background:linear-gradient(90deg,#594100,#755700)}.client-sidebar nav a:hover[b-tsk560q9y4]{background:#101b23}.logout[b-tsk560q9y4]{margin-top:auto;border:1px solid #2b3d49;background:#07121a;color:#fff;border-radius:8px;padding:12px;text-align:left}.profile[b-tsk560q9y4]{margin-top:10px;border:1px solid #263945;border-radius:9px;padding:10px;display:flex;align-items:center;gap:9px}.profile div[b-tsk560q9y4]{display:flex;flex-direction:column}.profile small[b-tsk560q9y4]{font-size:10px}.avatar[b-tsk560q9y4]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6730b8;font-weight:800}.content[b-tsk560q9y4]{padding:0 22px 40px;min-width:0}.hero[b-tsk560q9y4]{min-height:120px;margin:0 -22px 10px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 80% 20%,#3b1468 0,transparent 35%),linear-gradient(110deg,#07131c,#090c19)}.hero small[b-tsk560q9y4]{color:#b8c5ce}.hero h1[b-tsk560q9y4]{font-size:30px;margin:15px 0 3px}.hero p[b-tsk560q9y4]{margin:0}.hero-copy[b-tsk560q9y4]{display:flex;flex-direction:column;gap:8px;margin-right:8%;font-size:13px}.searchbar[b-tsk560q9y4]{display:grid;grid-template-columns:minmax(280px,1fr) 220px 120px;gap:8px;margin:10px 0}.searchbar input[b-tsk560q9y4],.location[b-tsk560q9y4],.filters select[b-tsk560q9y4]{height:44px;background:#07141d;border:1px solid #263a46;border-radius:8px;color:#fff;padding:0 14px}.search[b-tsk560q9y4]{border:0;border-radius:8px;background:#ffbd17;color:#15100a;font-weight:900}.category-tabs[b-tsk560q9y4]{display:flex;gap:8px;overflow:auto;padding:2px 0 14px}.category-tabs button[b-tsk560q9y4]{white-space:nowrap;border:1px solid #293c48;background:#07131b;color:#fff;border-radius:18px;padding:9px 14px}.category-tabs button.active[b-tsk560q9y4]{background:linear-gradient(135deg,#7135d0,#4e20a1)}.body-grid[b-tsk560q9y4]{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.result-head[b-tsk560q9y4]{display:flex;justify-content:space-between;align-items:center;margin:5px 0 12px}.result-head select[b-tsk560q9y4]{background:#07131b;border:1px solid #293c48;color:#fff;border-radius:8px;padding:9px}.promo-card[b-tsk560q9y4]{min-height:148px;border:1px solid #263a46;border-radius:11px;background:linear-gradient(100deg,#0b171f,#07111a);display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:14px;padding:10px;margin-bottom:10px}.promo-image[b-tsk560q9y4]{position:relative;border-radius:8px;overflow:hidden;background:#101a20;min-height:128px}.promo-image img[b-tsk560q9y4]{width:100%;height:100%;object-fit:cover}.discount[b-tsk560q9y4],.demo[b-tsk560q9y4]{position:absolute;top:8px;left:8px;background:#ffc400;color:#17120a;font-weight:900;padding:5px 8px;border-radius:8px}.demo[b-tsk560q9y4]{top:auto;bottom:8px;font-size:9px}.promo-info[b-tsk560q9y4]{padding:7px 0}.promo-info small[b-tsk560q9y4]{font-weight:800}.promo-info h3[b-tsk560q9y4]{font-size:18px;margin:9px 0 5px}.promo-info p[b-tsk560q9y4]{margin:0 0 13px;color:#c7d2d9;font-size:12px}.chips[b-tsk560q9y4]{display:flex;gap:7px;flex-wrap:wrap}.chips span[b-tsk560q9y4]{border:1px solid #263a46;border-radius:6px;padding:5px 8px;font-size:10px}.promo-price[b-tsk560q9y4]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.promo-price strong[b-tsk560q9y4]{font-size:25px;color:#8c45e8}.promo-price button[b-tsk560q9y4]{margin-top:8px;width:100%;border:0;border-radius:7px;background:linear-gradient(135deg,#7334cf,#4d21a1);color:#fff;padding:11px;font-weight:800}.filters[b-tsk560q9y4]{border:1px solid #263a46;border-radius:11px;background:#07131b;padding:16px;height:max-content}.filters h2[b-tsk560q9y4]{font-size:17px;margin:0 0 24px;display:flex;justify-content:space-between}.filters h2 button[b-tsk560q9y4]{border:0;background:none;color:#bb79ff}.filters label[b-tsk560q9y4]{display:flex;justify-content:space-between;margin:17px 0 8px;font-size:12px;font-weight:800}.radio[b-tsk560q9y4]{font-size:12px;margin:8px 0}.filters input[type=range][b-tsk560q9y4]{width:100%;accent-color:#7437cf}.discount-buttons[b-tsk560q9y4]{display:flex;gap:6px}.discount-buttons button[b-tsk560q9y4]{background:#07131b;border:1px solid #2b3e4a;color:#fff;border-radius:7px;padding:8px}.discount-buttons button.selected[b-tsk560q9y4]{background:#5b2aa5}.filters select[b-tsk560q9y4]{width:100%}.clear[b-tsk560q9y4]{width:100%;margin-top:14px;background:#07131b;border:1px solid #344955;color:#fff;border-radius:7px;padding:10px}.benefits[b-tsk560q9y4]{border-top:1px solid #263a46;margin-top:18px;padding-top:12px}.benefits h3[b-tsk560q9y4]{font-size:14px}.benefits p[b-tsk560q9y4]{font-size:11px}.state[b-tsk560q9y4]{min-height:300px;border:1px dashed #2b3d49;border-radius:10px;display:grid;place-items:center;color:#aebcc5}.mobile-topbar[b-tsk560q9y4],.mobile-backdrop[b-tsk560q9y4]{display:none}@media(max-width:1050px){.body-grid[b-tsk560q9y4]{grid-template-columns:1fr}.filters[b-tsk560q9y4]{order:-1}.promo-card[b-tsk560q9y4]{grid-template-columns:180px 1fr 180px}}@media(max-width:760px){.promotions-shell[b-tsk560q9y4]{grid-template-columns:1fr}.mobile-topbar[b-tsk560q9y4]{display:flex;position:sticky;top:0;z-index:35;height:58px;background:#030c13;align-items:center;gap:12px;padding:8px}.mobile-topbar img[b-tsk560q9y4]{height:40px}.client-sidebar[b-tsk560q9y4]{position:fixed;left:-280px;width:270px;z-index:50}.mobile-menu-open .client-sidebar[b-tsk560q9y4]{left:0}.mobile-menu-open .mobile-backdrop[b-tsk560q9y4]{display:block;position:fixed;inset:0;background:#0009;z-index:45}.searchbar[b-tsk560q9y4]{grid-template-columns:1fr}.hero-copy[b-tsk560q9y4]{display:none}.promo-card[b-tsk560q9y4]{grid-template-columns:1fr}.promo-image[b-tsk560q9y4]{height:200px}.promo-price[b-tsk560q9y4]{align-items:stretch}}
/* /Pages/Client/SearchServices.razor.rz.scp.css */
:host[b-f5c8iii4y7]{display:block;min-height:100vh}*[b-f5c8iii4y7]{box-sizing:border-box}.market-shell[b-f5c8iii4y7]{--bg:#03090e;--panel:#07131c;--panel2:#0a1822;--line:#293843;--gold:#e8b522;--purple:#6330b6;--text:#fff;--muted:#bac4cc;min-height:100vh;background:radial-gradient(circle at 55% -20%,#0b1722 0,#040b11 40%,#010509 100%);color:var(--text);display:grid;grid-template-columns:228px minmax(0,1fr);font-family:Inter,Segoe UI,Arial,sans-serif}.client-sidebar[b-f5c8iii4y7]{position:sticky;top:0;height:100vh;background:#02080d;border-right:1px solid #22313b;padding:20px 12px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.brand[b-f5c8iii4y7]{padding:4px 14px 12px}.brand img[b-f5c8iii4y7]{width:170px;height:auto;display:block}.client-sidebar nav[b-f5c8iii4y7]{display:grid;gap:4px}.client-sidebar nav a[b-f5c8iii4y7],.client-sidebar nav a:link[b-f5c8iii4y7],.client-sidebar nav a:visited[b-f5c8iii4y7]{color:#fff;text-decoration:none;display:flex;align-items:center;gap:13px;min-height:43px;padding:0 14px;border-radius:9px;font-size:13px;cursor:pointer}.client-sidebar nav a:hover[b-f5c8iii4y7]{background:#ffffff0c}.client-sidebar nav a.active[b-f5c8iii4y7]{background:linear-gradient(90deg,#4a3800,#332700);box-shadow:inset 0 0 0 1px #665000}.logout-button[b-f5c8iii4y7]{margin-top:auto;min-height:44px;border:1px solid #32424e;border-radius:9px;background:#07121a;color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px}.logout-button span[b-f5c8iii4y7]{color:#ffc400}.sidebar-profile[b-f5c8iii4y7]{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid #2b3944;border-radius:10px;background:#07121a;padding:10px}.avatar[b-f5c8iii4y7]{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#26333d;font-weight:800;font-size:11px}.sidebar-profile strong[b-f5c8iii4y7],.sidebar-profile small[b-f5c8iii4y7]{display:block}.sidebar-profile small[b-f5c8iii4y7]{font-size:9px}.market-main[b-f5c8iii4y7]{min-width:0;padding:18px 20px 14px}.page-header[b-f5c8iii4y7]{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.page-header h1[b-f5c8iii4y7]{font-size:25px;margin:0}.page-header p[b-f5c8iii4y7]{font-size:12px;color:#d0d7dd;margin:4px 0 0}.header-user[b-f5c8iii4y7]{display:flex;align-items:center;gap:10px}.header-user>button[b-f5c8iii4y7]{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#07121a;color:#fff}.location-pill[b-f5c8iii4y7]{border:1px solid var(--line);border-radius:8px;background:#07121a;padding:11px 14px;font-size:12px}.user-chip[b-f5c8iii4y7]{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#07121a;padding:6px 10px;min-width:170px}.user-chip strong[b-f5c8iii4y7],.user-chip small[b-f5c8iii4y7]{display:block}.user-chip small[b-f5c8iii4y7]{font-size:9px}.hero-search[b-f5c8iii4y7]{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(190px,.8fr) minmax(150px,.55fr) 120px;gap:8px;border:1px solid var(--line);border-radius:10px;background:#08141d;padding:8px}.search-input[b-f5c8iii4y7]{display:flex;align-items:center;gap:8px;border:1px solid #34434e;border-radius:7px;background:#0b1720;padding:0 12px}.search-input input[b-f5c8iii4y7]{width:100%;height:40px;border:0;background:transparent;color:#fff;outline:0}.location-button[b-f5c8iii4y7],.date-input[b-f5c8iii4y7],.primary-search[b-f5c8iii4y7]{height:42px;border:1px solid #34434e;border-radius:7px;background:#0b1720;color:#fff;padding:0 12px}.location-button[b-f5c8iii4y7]{display:flex;align-items:center;justify-content:space-between}.primary-search[b-f5c8iii4y7]{background:linear-gradient(#f2bf44,#e2a922);color:#120d00;border:0;font-weight:800}.location-panel[b-f5c8iii4y7]{margin-top:8px;border:1px solid var(--line);border-radius:9px;background:#08141d;padding:12px;display:grid;grid-template-columns:1fr auto 190px 190px;gap:8px;align-items:center}.location-panel p[b-f5c8iii4y7]{margin:3px 0 0;color:var(--muted);font-size:10px}.location-panel button[b-f5c8iii4y7],.location-panel select[b-f5c8iii4y7]{height:38px;border:1px solid #35444f;border-radius:7px;background:#0b1720;color:#fff;padding:0 10px}.category-sort-row[b-f5c8iii4y7]{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0}.categories[b-f5c8iii4y7]{display:flex;flex-wrap:wrap;gap:7px}.categories button[b-f5c8iii4y7],.sort-box[b-f5c8iii4y7],.sort-box select[b-f5c8iii4y7]{height:34px;border:1px solid #31404b;border-radius:18px;background:#0a151e;color:#fff}.categories button[b-f5c8iii4y7]{padding:0 13px}.categories button.active[b-f5c8iii4y7]{background:linear-gradient(90deg,#6132b5,#46208e);border-color:#7446cc}.sort-box[b-f5c8iii4y7]{display:flex;align-items:center;border-radius:7px;overflow:hidden}.sort-box span[b-f5c8iii4y7]{font-size:10px;color:#bfc8cf;padding:0 9px}.sort-box select[b-f5c8iii4y7]{border:0;border-left:1px solid #31404b;border-radius:0;padding:0 8px}.market-grid[b-f5c8iii4y7]{display:grid;grid-template-columns:190px minmax(0,1fr) 280px;gap:12px;align-items:start}.filters-panel[b-f5c8iii4y7],.map-card[b-f5c8iii4y7],.promotion-card[b-f5c8iii4y7],.trust-card[b-f5c8iii4y7]{border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#09151e,#061019)}.filters-panel[b-f5c8iii4y7]{padding:13px;position:sticky;top:12px}.filters-panel h3[b-f5c8iii4y7]{margin:0 0 10px}.filters-panel section[b-f5c8iii4y7]{padding:11px 0;border-top:1px solid #24323c;display:grid;gap:7px}.filters-panel strong[b-f5c8iii4y7]{font-size:11px}.filters-panel label[b-f5c8iii4y7]{font-size:10px;display:flex;gap:7px;align-items:center}.range-line[b-f5c8iii4y7]{display:flex;justify-content:space-between;font-size:9px;color:#bcc6ce}.filters-panel input[type=range][b-f5c8iii4y7]{width:100%}.price-tiers[b-f5c8iii4y7],.rating-options[b-f5c8iii4y7]{display:flex;flex-wrap:wrap;gap:5px}.price-tiers button[b-f5c8iii4y7],.rating-options button[b-f5c8iii4y7]{border:1px solid #2f3e49;border-radius:6px;background:#0b1720;color:#fff;font-size:9px;padding:6px}.price-tiers button.active[b-f5c8iii4y7],.rating-options button.active[b-f5c8iii4y7]{border-color:#7544c7;background:#3d1c67}.clear-filters[b-f5c8iii4y7]{width:100%;height:36px;border:1px solid #34434d;border-radius:7px;background:transparent;color:#fff;margin-top:6px}.results-column[b-f5c8iii4y7]{min-width:0}.results-heading[b-f5c8iii4y7]{display:flex;justify-content:space-between;margin:0 0 8px;padding:0 4px}.results-heading small[b-f5c8iii4y7]{color:#bdc7ce}.business-list[b-f5c8iii4y7]{display:grid;gap:9px}.business-card[b-f5c8iii4y7]{min-width:0;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#0a161f,#071018);display:grid;grid-template-columns:150px 98px minmax(0,1fr) 168px;gap:10px;align-items:stretch;overflow:hidden;padding:8px}.cover[b-f5c8iii4y7]{position:relative;min-height:128px;border-radius:8px;overflow:hidden;background:#101a21}.cover img[b-f5c8iii4y7]{width:100%;height:100%;object-fit:cover}.cover-placeholder[b-f5c8iii4y7]{width:100%;height:100%;display:grid;place-items:center;font-size:30px;font-weight:900;background:linear-gradient(135deg,#34240f,#111820)}.open-state[b-f5c8iii4y7]{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:5px;font-size:8px}.open-state.open[b-f5c8iii4y7]{background:#155f39}.open-state.closed[b-f5c8iii4y7]{background:#66311e}.business-logo[b-f5c8iii4y7]{border:1px solid #2a3944;border-radius:8px;background:#08121a;display:grid;place-items:center;overflow:hidden}.business-logo img[b-f5c8iii4y7]{width:100%;height:100%;object-fit:contain}.business-logo span[b-f5c8iii4y7]{font-size:18px;font-weight:900}.business-info[b-f5c8iii4y7]{min-width:0;padding:7px 0}.name-row[b-f5c8iii4y7]{display:flex;align-items:center;gap:7px}.business-info h2[b-f5c8iii4y7]{font-size:15px;margin:0}.verified[b-f5c8iii4y7]{color:#4e89ff}.business-info p[b-f5c8iii4y7]{font-size:10px;color:#bfc8cf;margin:4px 0}.social-proof[b-f5c8iii4y7]{display:flex;gap:8px;flex-wrap:wrap;font-size:9px;color:#c6ced4}.rating[b-f5c8iii4y7]{color:#ffbd2f}.service-tags[b-f5c8iii4y7]{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.service-tags span[b-f5c8iii4y7]{border:1px solid #34424d;border-radius:5px;padding:4px 6px;font-size:8px}.business-price[b-f5c8iii4y7]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:8px 14px 8px 4px;min-width:0}.business-price small[b-f5c8iii4y7]{color:#c0cad1}.business-price strong[b-f5c8iii4y7]{font-size:17px}.favorite[b-f5c8iii4y7]{position:absolute;right:5px;top:4px;border:0;background:transparent;color:#d1d7dc;font-size:22px}.favorite.selected[b-f5c8iii4y7]{color:#ffcf37}.availability-button[b-f5c8iii4y7]{
    width:100%;
    min-width:0;
    min-height:44px;
    margin-top:12px;
    padding:6px 9px;
    border:1px solid rgba(138,105,235,.62);
    border-radius:9px;
    background:
        linear-gradient(135deg,rgba(103,63,205,.96),rgba(77,45,170,.96));
    color:#fff;
    display:grid;
    grid-template-columns:26px minmax(0,1fr) 14px;
    align-items:center;
    gap:7px;
    text-align:left;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 5px 14px rgba(49,30,118,.24);
    cursor:pointer;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}
.availability-button:hover[b-f5c8iii4y7]{
    transform:translateY(-1px);
    border-color:rgba(186,157,255,.88);
    background:
        linear-gradient(135deg,#7650d7,#5636b9);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 8px 18px rgba(68,40,148,.30);
}
.availability-button:active[b-f5c8iii4y7]{
    transform:translateY(0);
    box-shadow:
        inset 0 1px 3px rgba(0,0,0,.18),
        0 3px 10px rgba(49,30,118,.20);
}
.availability-button:focus-visible[b-f5c8iii4y7]{
    outline:2px solid #f2c94c;
    outline-offset:2px;
}
.availability-button-icon[b-f5c8iii4y7]{
    width:26px;
    height:26px;
    border-radius:7px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.16);
    font-size:15px;
    line-height:1;
}
.availability-button-copy[b-f5c8iii4y7]{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.availability-button-copy strong[b-f5c8iii4y7]{
    font-size:10.5px;
    line-height:1.05;
    font-weight:800;
    white-space:nowrap;
    letter-spacing:-.01em;
}
.availability-button-copy small[b-f5c8iii4y7]{
    font-size:7.8px;
    line-height:1;
    color:rgba(255,255,255,.72);
    white-space:nowrap;
}
.availability-button-arrow[b-f5c8iii4y7]{
    font-size:17px;
    line-height:1;
    color:#fff;
    opacity:.9;
    justify-self:end;
    transition:transform .18s ease;
}
.availability-button:hover .availability-button-arrow[b-f5c8iii4y7]{
    transform:translateX(2px);
}.pagination[b-f5c8iii4y7]{display:flex;justify-content:center;gap:8px;margin:12px}.pagination button[b-f5c8iii4y7],.pagination span[b-f5c8iii4y7]{width:34px;height:34px;border:1px solid #30404b;border-radius:6px;background:#0a151e;color:#fff;display:grid;place-items:center}.pagination span[b-f5c8iii4y7]{background:#4b247a}.market-side[b-f5c8iii4y7]{display:grid;gap:10px}.map-card[b-f5c8iii4y7]{padding:10px}.map-title[b-f5c8iii4y7]{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.map-title small[b-f5c8iii4y7]{color:#bdc6ce}.map-canvas[b-f5c8iii4y7]{position:relative;height:235px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#17222b 0,#0d151c 100%);background-image:linear-gradient(25deg,transparent 48%,#27333b 49%,#27333b 51%,transparent 52%),linear-gradient(-25deg,transparent 48%,#1d2932 49%,#1d2932 51%,transparent 52%);background-size:55px 55px}.map-marker[b-f5c8iii4y7]{position:absolute;width:24px;height:24px;border:0;border-radius:50%;background:#4b55d2;color:#fff;box-shadow:0 0 0 8px #4b55d230}.map-marker:nth-child(1)[b-f5c8iii4y7]{left:18%;top:23%}.map-marker:nth-child(2)[b-f5c8iii4y7]{left:62%;top:19%}.map-marker:nth-child(3)[b-f5c8iii4y7]{left:73%;top:57%}.map-marker:nth-child(4)[b-f5c8iii4y7]{left:31%;top:66%}.map-marker:nth-child(5)[b-f5c8iii4y7]{left:48%;top:39%}.map-marker:nth-child(6)[b-f5c8iii4y7]{left:12%;top:72%}.map-marker:nth-child(7)[b-f5c8iii4y7]{left:82%;top:28%}.map-center[b-f5c8iii4y7]{position:absolute;left:46%;top:46%;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#5162df;color:#fff;box-shadow:0 0 0 16px #5162df2b}.map-note[b-f5c8iii4y7]{display:block;color:#aeb8bf;font-size:8px;margin-top:7px;line-height:1.4}.promotion-card[b-f5c8iii4y7]{padding:16px;background:linear-gradient(135deg,#21134b,#101735)}.promotion-card strong[b-f5c8iii4y7]{font-size:15px}.promotion-card p[b-f5c8iii4y7]{font-size:11px}.promotion-card small[b-f5c8iii4y7]{color:#c9c5e5}.trust-card[b-f5c8iii4y7]{padding:12px;display:grid;gap:8px;font-size:9px;color:#d3dae0}.market-main>footer[b-f5c8iii4y7]{display:flex;justify-content:space-between;color:#bdc5cc;font-size:8px;padding:14px 2px 0}.market-main>footer b[b-f5c8iii4y7]{color:#ffc400}.loading-state[b-f5c8iii4y7],.empty-state[b-f5c8iii4y7]{min-height:420px;border:1px dashed #34434d;border-radius:10px;display:grid;place-content:center;justify-items:center;text-align:center;padding:20px}.empty-state span[b-f5c8iii4y7]{font-size:34px;color:#8a43c6}.empty-state h2[b-f5c8iii4y7]{margin:8px 0 4px}.empty-state p[b-f5c8iii4y7]{font-size:10px;color:#bfc8cf}.empty-state button[b-f5c8iii4y7]{height:34px;border:0;border-radius:6px;background:#7035a8;color:#fff;padding:0 14px}.spinner[b-f5c8iii4y7]{width:32px;height:32px;border:3px solid #283640;border-top-color:#8a43c6;border-radius:50%;animation:spin-b-f5c8iii4y7 .75s linear infinite;margin-bottom:10px}@keyframes spin-b-f5c8iii4y7{to{transform:rotate(360deg)}}.booking-backdrop[b-f5c8iii4y7]{position:fixed;inset:0;background:#000b;z-index:1200}.booking-modal[b-f5c8iii4y7]{position:fixed;z-index:1201;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,92vw);max-height:88vh;overflow:auto;border:1px solid #34434e;border-radius:14px;background:#06111a;color:#fff;box-shadow:0 24px 90px #000;padding:18px}.booking-modal>header[b-f5c8iii4y7]{display:flex;justify-content:space-between;align-items:center}.booking-modal>header h2[b-f5c8iii4y7]{margin:0}.booking-modal>header p[b-f5c8iii4y7]{margin:4px 0 0;color:#bbc5cc}.booking-modal>header button[b-f5c8iii4y7]{width:38px;height:38px;border:1px solid #34434e;border-radius:8px;background:#0b1720;color:#fff;font-size:22px}.steps[b-f5c8iii4y7]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.steps span[b-f5c8iii4y7]{border:1px solid #2d3c47;border-radius:8px;padding:9px;text-align:center;font-size:10px;color:#8f9ba4}.steps span.active[b-f5c8iii4y7]{border-color:#7245bd;color:#fff;background:#321a54}.booking-options[b-f5c8iii4y7]{display:grid;gap:8px}.option-card[b-f5c8iii4y7]{width:100%;border:1px solid #2f3e49;border-radius:9px;background:#09151e;color:#fff;padding:13px;text-align:left;display:flex;justify-content:space-between;align-items:center}.option-card span strong[b-f5c8iii4y7],.option-card span small[b-f5c8iii4y7]{display:block}.option-card span small[b-f5c8iii4y7]{color:#bac4cb;margin-top:4px}.option-card b[b-f5c8iii4y7]{color:#c67cff}.booking-empty[b-f5c8iii4y7]{padding:30px;text-align:center;color:#c1cad1}.date-slot-area[b-f5c8iii4y7]{display:grid;grid-template-columns:200px 1fr;gap:14px}.date-slot-area label[b-f5c8iii4y7]{display:grid;gap:7px}.date-slot-area input[b-f5c8iii4y7],.confirmation-grid select[b-f5c8iii4y7]{height:40px;border:1px solid #34434e;border-radius:7px;background:#0b1720;color:#fff;padding:0 10px}.slots[b-f5c8iii4y7]{display:flex;flex-wrap:wrap;gap:8px}.slots button[b-f5c8iii4y7]{height:38px;border:1px solid #3a4a56;border-radius:7px;background:#0b1720;color:#fff;padding:0 12px}.slots button.selected[b-f5c8iii4y7]{background:#6130a2}.confirmation-grid[b-f5c8iii4y7]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.confirmation-grid>div[b-f5c8iii4y7],.confirmation-grid>label[b-f5c8iii4y7]{border:1px solid #2f3e49;border-radius:8px;padding:11px;background:#09151e}.confirmation-grid small[b-f5c8iii4y7],.confirmation-grid strong[b-f5c8iii4y7]{display:block}.confirmation-grid small[b-f5c8iii4y7]{color:#aeb8c0;margin-bottom:4px}.confirmation-grid label[b-f5c8iii4y7]{display:grid;gap:6px}.booking-error[b-f5c8iii4y7]{margin-top:10px;border:1px solid #8c3737;background:#391313;color:#ffbcbc;border-radius:7px;padding:10px}.booking-actions[b-f5c8iii4y7]{display:flex;justify-content:space-between;margin-top:14px}.booking-actions button[b-f5c8iii4y7]{height:40px;border-radius:7px;padding:0 18px}.booking-actions .secondary[b-f5c8iii4y7]{border:1px solid #34434e;background:#0b1720;color:#fff}.booking-actions .confirm[b-f5c8iii4y7]{border:0;background:#e8b522;color:#151000;font-weight:800}.booking-loading[b-f5c8iii4y7],.booking-success[b-f5c8iii4y7]{min-height:280px;display:grid;place-content:center;justify-items:center;text-align:center}.booking-success>span[b-f5c8iii4y7]{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#137844;font-size:28px}.booking-success button[b-f5c8iii4y7]{height:40px;border:0;border-radius:7px;background:#6533ad;color:#fff;padding:0 18px}.mobile-topbar[b-f5c8iii4y7],.mobile-menu-backdrop[b-f5c8iii4y7],.mobile-sidebar-head[b-f5c8iii4y7]{display:none}@media(max-width:1250px){.market-shell[b-f5c8iii4y7]{grid-template-columns:210px minmax(0,1fr)}.market-grid[b-f5c8iii4y7]{grid-template-columns:170px minmax(0,1fr)}.market-side[b-f5c8iii4y7]{grid-column:1/-1;grid-template-columns:2fr 1fr 1fr}.business-card[b-f5c8iii4y7]{grid-template-columns:130px 85px minmax(0,1fr) 130px}.hero-search[b-f5c8iii4y7]{grid-template-columns:1.2fr .8fr .55fr 110px}.header-user .user-chip[b-f5c8iii4y7]{display:none}}@media(max-width:900px){.market-shell[b-f5c8iii4y7]{display:block;padding-top:56px}.mobile-topbar[b-f5c8iii4y7]{display:flex;position:fixed;z-index:1000;left:0;right:0;top:0;height:56px;align-items:center;justify-content:space-between;padding:6px 10px;background:#02080d;border-bottom:1px solid #22313b}.mobile-topbar img[b-f5c8iii4y7]{width:120px;height:40px;object-fit:contain}.hamburger-button[b-f5c8iii4y7],.mobile-bell[b-f5c8iii4y7],.mobile-sidebar-head button[b-f5c8iii4y7]{width:40px;height:40px;border:1px solid #34434e;border-radius:8px;background:#08131c;color:#fff}.client-sidebar[b-f5c8iii4y7]{position:fixed;z-index:1102;left:0;top:0;bottom:0;width:min(86vw,310px);height:100dvh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 48px #000c}.mobile-menu-open .client-sidebar[b-f5c8iii4y7]{transform:translateX(0)}.mobile-menu-open .mobile-menu-backdrop[b-f5c8iii4y7]{display:block;position:fixed;z-index:1101;inset:0;border:0;background:#000a}.mobile-sidebar-head[b-f5c8iii4y7]{display:flex;align-items:center;justify-content:space-between}.market-main[b-f5c8iii4y7]{padding:10px}.page-header[b-f5c8iii4y7]{display:block}.header-user[b-f5c8iii4y7]{margin-top:8px}.header-user .location-pill[b-f5c8iii4y7]{width:100%}.header-user>button[b-f5c8iii4y7],.header-user .user-chip[b-f5c8iii4y7]{display:none}.hero-search[b-f5c8iii4y7]{grid-template-columns:1fr 46px}.location-button[b-f5c8iii4y7],.date-input[b-f5c8iii4y7]{display:none}.primary-search[b-f5c8iii4y7]{font-size:0}.primary-search[b-f5c8iii4y7]::after{content:'⌕';font-size:18px}.location-panel[b-f5c8iii4y7]{grid-template-columns:1fr}.category-sort-row[b-f5c8iii4y7]{display:block}.sort-box[b-f5c8iii4y7]{margin-top:8px;width:max-content}.market-grid[b-f5c8iii4y7]{grid-template-columns:1fr}.filters-panel[b-f5c8iii4y7]{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.filters-panel h3[b-f5c8iii4y7],.clear-filters[b-f5c8iii4y7]{grid-column:1/-1}.market-side[b-f5c8iii4y7]{grid-column:auto;grid-template-columns:1fr}.business-card[b-f5c8iii4y7]{grid-template-columns:115px minmax(0,1fr) 115px}.business-logo[b-f5c8iii4y7]{display:none}.date-slot-area[b-f5c8iii4y7]{grid-template-columns:1fr}.steps[b-f5c8iii4y7]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.market-main[b-f5c8iii4y7]{padding:8px}.page-header h1[b-f5c8iii4y7]{font-size:22px}.categories[b-f5c8iii4y7]{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.categories button[b-f5c8iii4y7]{flex:0 0 auto}.filters-panel[b-f5c8iii4y7]{grid-template-columns:1fr}.filters-panel h3[b-f5c8iii4y7],.clear-filters[b-f5c8iii4y7]{grid-column:auto}.business-card[b-f5c8iii4y7]{grid-template-columns:92px minmax(0,1fr);padding:6px}.cover[b-f5c8iii4y7]{min-height:110px}.business-info h2[b-f5c8iii4y7]{font-size:13px}.business-info p[b-f5c8iii4y7],.social-proof[b-f5c8iii4y7]{font-size:8px}.service-tags span[b-f5c8iii4y7]{font-size:7px}.business-price[b-f5c8iii4y7]{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.business-price .favorite[b-f5c8iii4y7]{right:5px;top:-118px}.business-price small[b-f5c8iii4y7]{display:none}.business-price strong[b-f5c8iii4y7]{font-size:14px}.availability-button[b-f5c8iii4y7]{
    width:100%;
    min-width:210px;
    margin:0;
}
.availability-button-copy strong[b-f5c8iii4y7]{
    font-size:11px;
}
.availability-button-copy small[b-f5c8iii4y7]{
    display:block;
}.market-main>footer[b-f5c8iii4y7]{display:none}.booking-modal[b-f5c8iii4y7]{width:96vw;padding:12px}.confirmation-grid[b-f5c8iii4y7]{grid-template-columns:1fr}.steps[b-f5c8iii4y7]{font-size:8px}.map-canvas[b-f5c8iii4y7]{height:180px}}


/* ========================================================================== 
   MAPA REAL - OPENSTREETMAP / LEAFLET
   ========================================================================== */
.map-canvas.real-map[b-f5c8iii4y7] {
    height: 270px;
    min-height: 270px;
    background: #101820;
    background-image: none;
    isolation: isolate;
}

.map-canvas.real-map .leaflet-container[b-f5c8iii4y7] {
    width: 100%;
    height: 100%;
    background: #101820;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.map-loading[b-f5c8iii4y7] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #111c24, #091116);
    color: #d8e0e6;
}

.map-spinner[b-f5c8iii4y7] {
    width: 30px;
    height: 30px;
    border: 3px solid #34434f;
    border-top-color: #7053de;
    border-radius: 50%;
    animation: turnoya-map-spin-b-f5c8iii4y7 .75s linear infinite;
}

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

.map-note.map-error[b-f5c8iii4y7] {
    color: #ffb36b;
}

.turnoya-map-marker[b-f5c8iii4y7] {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 8px;
    transform: rotate(-45deg);
    background: linear-gradient(135deg, #6550df, #394ac9);
    border: 2px solid #fff;
    box-shadow: 0 4px 14px rgba(35, 45, 145, .5);
}

.turnoya-map-marker > span[b-f5c8iii4y7] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    transform: rotate(45deg);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.turnoya-user-marker[b-f5c8iii4y7] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f3b52a;
    border: 3px solid #fff;
    box-shadow: 0 0 0 9px rgba(243,181,42,.18), 0 4px 14px rgba(0,0,0,.35);
}

.turnoya-map-popup .leaflet-popup-content-wrapper[b-f5c8iii4y7],
.turnoya-map-popup .leaflet-popup-tip[b-f5c8iii4y7] {
    background: #07131c;
    color: #fff;
}

.turnoya-map-popup .leaflet-popup-content[b-f5c8iii4y7] {
    margin: 10px 12px;
    min-width: 170px;
    line-height: 1.35;
}

.turnoya-map-popup strong[b-f5c8iii4y7] {
    display: block;
    margin-bottom: 4px;
    color: #fff;
}

.turnoya-map-popup small[b-f5c8iii4y7] {
    display: block;
    color: #bec8cf;
    margin-top: 2px;
}

.turnoya-map-popup .open[b-f5c8iii4y7] {
    color: #6ee7a2;
}

.turnoya-map-popup .closed[b-f5c8iii4y7] {
    color: #ffad75;
}

.leaflet-control-attribution[b-f5c8iii4y7] {
    background: rgba(3, 9, 14, .85) !important;
    color: #adb7bf !important;
    font-size: 8px !important;
}

.leaflet-control-attribution a[b-f5c8iii4y7] {
    color: #e9b62f !important;
}

@media (max-width: 900px) {
    .map-canvas.real-map[b-f5c8iii4y7] {
        height: 320px;
        min-height: 320px;
    }
}


/* =========================================================
   AJUSTE FINAL DEL BLOQUE PRECIO + DISPONIBILIDAD
   ========================================================= */
.business-card .business-price[b-f5c8iii4y7],
.business-card .price-column[b-f5c8iii4y7],
.marketplace-business-card .business-price[b-f5c8iii4y7],
.marketplace-business-card .price-column[b-f5c8iii4y7]{
    min-width:150px;
    width:150px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
}
.business-card .business-price > span[b-f5c8iii4y7],
.business-card .business-price > small[b-f5c8iii4y7],
.business-card .price-column > span[b-f5c8iii4y7],
.business-card .price-column > small[b-f5c8iii4y7],
.marketplace-business-card .business-price > span[b-f5c8iii4y7],
.marketplace-business-card .business-price > small[b-f5c8iii4y7],
.marketplace-business-card .price-column > span[b-f5c8iii4y7],
.marketplace-business-card .price-column > small[b-f5c8iii4y7]{
    text-align:left;
}
.business-card .business-price strong[b-f5c8iii4y7],
.business-card .price-column strong[b-f5c8iii4y7],
.marketplace-business-card .business-price strong[b-f5c8iii4y7],
.marketplace-business-card .price-column strong[b-f5c8iii4y7]{
    margin-top:2px;
    font-size:16px;
    line-height:1;
}
.business-card .favorite-button[b-f5c8iii4y7],
.marketplace-business-card .favorite-button[b-f5c8iii4y7]{
    align-self:flex-start;
}

@media(max-width:1100px){
    .availability-button[b-f5c8iii4y7]{
        min-width:140px;
    }
}
@media(max-width:900px){
    .availability-button[b-f5c8iii4y7]{
        min-width:0;
        width:100%;
    }
}
@media(max-width:640px){
    .availability-button[b-f5c8iii4y7]{
        width:100%;
        min-width:0;
        min-height:46px;
        grid-template-columns:28px minmax(0,1fr) 16px;
    }
    .availability-button-copy strong[b-f5c8iii4y7]{
        font-size:11px;
    }
    .availability-button-copy small[b-f5c8iii4y7]{
        font-size:8px;
    }
}


/* =========================================================
   FIX FINAL — BOTÓN DISPONIBILIDAD DENTRO DE LA TARJETA
   ========================================================= */
.business-card .business-price[b-f5c8iii4y7]{
    box-sizing:border-box;
    width:100%;
    max-width:168px;
    justify-self:end;
}
.business-card .availability-button[b-f5c8iii4y7]{
    box-sizing:border-box;
    width:100%;
    max-width:154px;
    margin-left:0;
    margin-right:auto;
    overflow:hidden;
}
.business-card .availability-button-copy[b-f5c8iii4y7]{
    overflow:hidden;
}
.business-card .availability-button-copy strong[b-f5c8iii4y7],
.business-card .availability-button-copy small[b-f5c8iii4y7]{
    overflow:hidden;
    text-overflow:ellipsis;
}
@media(max-width:1100px){
    .business-card[b-f5c8iii4y7]{
        grid-template-columns:140px 88px minmax(0,1fr) 160px;
    }
    .business-card .business-price[b-f5c8iii4y7]{
        max-width:160px;
        padding-right:10px;
    }
    .business-card .availability-button[b-f5c8iii4y7]{
        max-width:150px;
    }
}
@media(max-width:900px){
    .business-card .business-price[b-f5c8iii4y7],
    .business-card .availability-button[b-f5c8iii4y7]{
        max-width:none;
    }
}


/* =========================================================
   FIX — TEXTO COMPLETO "VER DISPONIBILIDAD"
   ========================================================= */
.business-card[b-f5c8iii4y7]{
    grid-template-columns:150px 98px minmax(0,1fr) 205px;
}

.business-card .business-price[b-f5c8iii4y7]{
    width:100%;
    max-width:205px;
    padding:8px 12px 8px 4px;
}

.business-card .availability-button[b-f5c8iii4y7]{
    width:100%;
    max-width:190px;
    min-width:0;
    grid-template-columns:26px minmax(0,1fr) 14px;
    gap:7px;
    padding:6px 9px;
}

.business-card .availability-button-copy[b-f5c8iii4y7]{
    overflow:visible;
}

.business-card .availability-button-copy strong[b-f5c8iii4y7]{
    font-size:10.5px;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
}

.business-card .availability-button-copy small[b-f5c8iii4y7]{
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
}

@media(max-width:1200px){
    .business-card[b-f5c8iii4y7]{
        grid-template-columns:140px 88px minmax(0,1fr) 195px;
    }
    .business-card .business-price[b-f5c8iii4y7]{
        max-width:195px;
    }
    .business-card .availability-button[b-f5c8iii4y7]{
        max-width:182px;
    }
}

@media(max-width:1000px){
    .business-card[b-f5c8iii4y7]{
        grid-template-columns:130px 82px minmax(0,1fr) 188px;
    }
    .business-card .business-price[b-f5c8iii4y7]{
        max-width:188px;
    }
    .business-card .availability-button[b-f5c8iii4y7]{
        max-width:176px;
    }
}

@media(max-width:900px){
    .business-card .business-price[b-f5c8iii4y7],
    .business-card .availability-button[b-f5c8iii4y7]{
        max-width:none;
    }
}

.demo-badge[b-f5c8iii4y7]{position:absolute;top:8px;left:8px;z-index:8;display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;background:#ffc400;color:#17120a;font-size:9px;font-weight:900;letter-spacing:.07em;box-shadow:0 3px 12px #0008}


/* =========================================================
   FIX LEAFLET + BLAZOR
   El DIV que Leaflet administra debe quedar sin hijos Razor.
   El indicador de carga se coloca como hermano superpuesto.
   ========================================================= */
.map-stage[b-f5c8iii4y7] {
    position: relative;
}

.map-stage > .map-canvas[b-f5c8iii4y7] {
    position: relative;
    z-index: 1;
}

.map-loading-overlay[b-f5c8iii4y7] {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    border-radius: 8px;
}

/* ========================================================================== 
   NUEVO TURNO CLIENTE — REDISEÑO VISUAL PREMIUM
   Ajuste visual únicamente. Mantiene la lógica y handlers del flujo existente.
   ========================================================================== */
.booking-modal-premium[b-f5c8iii4y7]{
    --booking-purple:#9a5cff;
    --booking-purple-strong:#7c3aed;
    --booking-purple-soft:#21123a;
    --booking-blue:#3da6ff;
    --booking-panel:#071722;
    --booking-panel-2:#0a1b27;
    --booking-line:#2a4252;
    width:min(1450px,96vw);
    max-width:none!important;
    max-height:92vh;
    padding:22px;
    border:1px solid #294252;
    border-radius:18px;
    background:
        radial-gradient(circle at 85% 0%,rgba(99,48,182,.13),transparent 30%),
        linear-gradient(145deg,#06131c 0%,#05111a 100%);
    box-shadow:0 30px 100px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.02) inset;
}
.booking-modal-premium .booking-hero[b-f5c8iii4y7]{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:2px 2px 18px;
}
.booking-title-block[b-f5c8iii4y7]{display:flex;align-items:center;gap:16px;min-width:0}
.booking-brand-icon[b-f5c8iii4y7]{
    width:58px;height:58px;flex:0 0 58px;border-radius:16px;display:grid;place-items:center;
    font-size:28px;color:#d6b6ff;background:linear-gradient(145deg,#39205f,#241743);
    border:1px solid #6e40ad;box-shadow:0 10px 28px rgba(87,42,154,.25)
}
.booking-title-block h2[b-f5c8iii4y7]{font-size:31px;line-height:1.05;margin:0 0 6px!important;letter-spacing:-.5px}
.booking-title-block p[b-f5c8iii4y7]{margin:0!important;color:#c7d1d8!important;font-size:13px}
.booking-title-block p strong[b-f5c8iii4y7]{color:#fff}
.booking-title-block small[b-f5c8iii4y7]{display:block;margin-top:5px;color:#81939f;font-size:11px}
.booking-close[b-f5c8iii4y7]{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:10px!important;transition:.18s ease}
.booking-close:hover[b-f5c8iii4y7]{background:#172733!important;border-color:#5b7180!important;transform:rotate(3deg)}

.booking-modal-premium .booking-steps[b-f5c8iii4y7]{
    position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 24px;
    padding:0 8px;border:0;background:transparent
}
.booking-modal-premium .booking-steps[b-f5c8iii4y7]::before{
    content:"";position:absolute;left:7%;right:7%;top:19px;height:2px;background:#263b49;z-index:0
}
.booking-modal-premium .booking-steps>div[b-f5c8iii4y7]{
    position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:10px;
    border:0!important;background:transparent!important;padding:0!important;text-align:left!important;color:#70818d
}
.booking-modal-premium .step-number[b-f5c8iii4y7]{
    width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;
    border:2px solid #334a59;background:#0a1a25;color:#9babb5;font-size:13px;font-weight:800;
    box-shadow:0 0 0 5px #06131c
}
.booking-modal-premium .booking-steps>div.active .step-number[b-f5c8iii4y7]{
    border-color:#a465ff;background:linear-gradient(145deg,#a765ff,#7338cd);color:#fff;
    box-shadow:0 0 0 5px #06131c,0 0 22px rgba(154,92,255,.22)
}
.booking-modal-premium .step-copy[b-f5c8iii4y7]{display:grid;gap:3px;padding-top:3px;min-width:0}
.booking-modal-premium .step-copy strong[b-f5c8iii4y7]{font-size:12px;color:#8b9aa4;white-space:nowrap}
.booking-modal-premium .step-copy small[b-f5c8iii4y7]{font-size:9px;color:#60717c;white-space:nowrap}
.booking-modal-premium .booking-steps>div.active .step-copy strong[b-f5c8iii4y7]{color:#d5b6ff}
.booking-modal-premium .booking-steps>div.active .step-copy small[b-f5c8iii4y7]{color:#a8b5bd}

.booking-step-content[b-f5c8iii4y7]{
    border:1px solid #203746;border-radius:15px;background:linear-gradient(145deg,rgba(9,27,39,.86),rgba(6,21,31,.78));
    padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.14) inset
}
.booking-section-heading[b-f5c8iii4y7]{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.booking-section-heading h3[b-f5c8iii4y7]{margin:2px 0 4px;font-size:20px;letter-spacing:-.2px}
.booking-section-heading p[b-f5c8iii4y7]{margin:0;color:#94a5af;font-size:11px}
.booking-section-heading p strong[b-f5c8iii4y7]{color:#d8e1e6}
.booking-kicker[b-f5c8iii4y7]{font-size:8px;letter-spacing:1.4px;color:#ad73ff;font-weight:800}
.booking-count[b-f5c8iii4y7]{flex:0 0 auto;padding:7px 10px;border:1px solid #2c4555;border-radius:999px;background:#091c28;color:#9eb0bb;font-size:9px}
.booking-count.ready[b-f5c8iii4y7]{color:#82e7aa;border-color:#24583c;background:#0c2b20}

.booking-modal-premium .booking-options[b-f5c8iii4y7]{gap:11px}
.booking-modal-premium .option-card[b-f5c8iii4y7]{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.booking-modal-premium .option-card:hover[b-f5c8iii4y7]{transform:translateY(-2px);border-color:#8650d1;background:#0b1d29;box-shadow:0 14px 30px rgba(0,0,0,.24)}
.service-option-card[b-f5c8iii4y7]{
    display:grid!important;grid-template-columns:110px minmax(0,1fr) 145px 142px!important;gap:16px!important;
    min-height:126px;padding:12px!important;align-items:center!important;border-radius:13px!important
}
.service-visual[b-f5c8iii4y7],.professional-photo[b-f5c8iii4y7]{position:relative;display:block;overflow:hidden;background:#101f29;border:1px solid #314654}
.service-visual[b-f5c8iii4y7]{width:110px;height:100px;border-radius:11px}
.service-visual img[b-f5c8iii4y7],.professional-photo img[b-f5c8iii4y7]{width:100%;height:100%;display:block;object-fit:cover}
.image-fallback[b-f5c8iii4y7]{width:100%;height:100%;display:grid!important;place-items:center;font-size:28px;color:#b379ff;background:radial-gradient(circle,#2d1b4a,#0d1a24)!important}
.service-main[b-f5c8iii4y7]{min-width:0;display:grid!important;align-content:center;gap:8px}
.service-heading-line[b-f5c8iii4y7]{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap}
.service-heading-line>strong[b-f5c8iii4y7]{font-size:15px;line-height:1.25}
.service-badge[b-f5c8iii4y7]{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:999px;background:#4c2480!important;color:#d9b9ff!important;font-size:8px;font-weight:800}
.service-description[b-f5c8iii4y7]{color:#a8b6bf!important;line-height:1.45;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.service-tags[b-f5c8iii4y7]{display:flex!important;flex-wrap:wrap;gap:6px}
.service-tags>span[b-f5c8iii4y7]{padding:4px 8px;border:1px solid #314959;border-radius:999px;background:#102531!important;color:#c2cdd4;font-size:8px}
.service-meta[b-f5c8iii4y7]{display:grid!important;gap:12px;padding-left:16px;border-left:1px solid #243b49}
.service-meta>span[b-f5c8iii4y7]{display:grid!important;gap:2px}
.service-meta small[b-f5c8iii4y7]{color:#7e909c!important;font-size:8px}
.service-meta strong[b-f5c8iii4y7]{font-size:12px;color:#fff}
.premium-select[b-f5c8iii4y7]{
    min-height:44px;padding:0 15px;border-radius:10px;display:flex!important;align-items:center;justify-content:center;gap:10px;
    background:linear-gradient(135deg,#9354f5,#7540d2)!important;color:#fff!important;font-size:11px;font-weight:800;
    box-shadow:0 8px 22px rgba(110,55,202,.2)
}
.premium-select b[b-f5c8iii4y7]{color:#fff!important;font-size:17px;line-height:1}

.professional-options[b-f5c8iii4y7]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}
.professional-option-card[b-f5c8iii4y7]{
    display:grid!important;grid-template-columns:92px minmax(0,1fr) 118px!important;gap:14px!important;
    min-height:116px;padding:12px!important;border-radius:13px!important
}
.professional-photo[b-f5c8iii4y7]{width:92px;height:92px;border-radius:12px}
.verified-dot[b-f5c8iii4y7]{position:absolute;right:5px;bottom:5px;width:23px;height:23px;border-radius:50%;display:grid!important;place-items:center;background:#157a4a!important;color:#fff;font-size:11px;font-weight:900;border:2px solid #0a1923}
.professional-main[b-f5c8iii4y7]{display:grid!important;align-content:center;gap:7px;min-width:0}
.professional-name-line[b-f5c8iii4y7]{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
.professional-name-line strong[b-f5c8iii4y7]{font-size:14px}
.verified-label[b-f5c8iii4y7]{padding:3px 7px;border-radius:999px;background:#153926!important;color:#74e5a4!important;font-size:7px;font-weight:800}
.experience-line[b-f5c8iii4y7]{font-size:10px;color:#d5dde2!important}
.professional-bio[b-f5c8iii4y7]{color:#8799a5!important;line-height:1.4;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.booking-empty[b-f5c8iii4y7]{grid-column:1/-1;min-height:180px;display:grid;place-content:center;justify-items:center;gap:6px;border:1px dashed #314655;border-radius:12px;background:#081923;color:#9fadb7!important}
.booking-empty>span[b-f5c8iii4y7]{font-size:30px;color:#9560df}.booking-empty>strong[b-f5c8iii4y7]{color:#fff}.booking-empty>small[b-f5c8iii4y7]{max-width:430px;text-align:center}

.premium-date-slot-area[b-f5c8iii4y7]{grid-template-columns:285px minmax(0,1fr)!important;gap:14px!important}
.date-picker-card[b-f5c8iii4y7],.slot-panel[b-f5c8iii4y7]{border:1px solid #28404f;border-radius:13px;background:#091a25;padding:14px}
.date-picker-card[b-f5c8iii4y7]{display:grid!important;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px!important}
.date-icon[b-f5c8iii4y7]{grid-row:1/3;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#251642;color:#b980ff;font-size:18px}
.date-picker-card span:nth-child(2)[b-f5c8iii4y7]{display:grid;gap:2px}.date-picker-card small[b-f5c8iii4y7]{font-size:8px;color:#7f919c}.date-picker-card strong[b-f5c8iii4y7]{font-size:11px}
.date-picker-card input[b-f5c8iii4y7]{grid-column:1/-1;width:100%;margin-top:4px;background:#0c202d!important;border-color:#385262!important}
.slot-panel[b-f5c8iii4y7]{display:grid;gap:12px}.slot-panel-heading[b-f5c8iii4y7]{display:grid;gap:3px}.slot-panel-heading strong[b-f5c8iii4y7]{font-size:12px}.slot-panel-heading small[b-f5c8iii4y7]{font-size:8px;color:#7f919d}
.premium-slots[b-f5c8iii4y7]{gap:8px!important}.premium-slots button[b-f5c8iii4y7]{min-width:88px;border-radius:9px!important;background:#0c202c!important;border-color:#36505f!important;transition:.16s ease}
.premium-slots button:hover[b-f5c8iii4y7]{border-color:#9660e8!important;color:#d8baff!important;transform:translateY(-1px)}
.premium-slots button.selected[b-f5c8iii4y7]{background:linear-gradient(135deg,#8c50e8,#6f39c5)!important;border-color:#a66cff!important}
.no-slots[b-f5c8iii4y7]{width:100%;margin:0;padding:20px;border:1px dashed #344b58;border-radius:10px;text-align:center;color:#8fa0aa}

.premium-confirmation-grid[b-f5c8iii4y7]{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
.premium-confirmation-grid>div[b-f5c8iii4y7],.premium-confirmation-grid>label[b-f5c8iii4y7]{position:relative;min-height:92px;padding:14px 14px 14px 52px!important;border-radius:12px!important;background:#091b27!important;border-color:#294150!important}
.confirm-icon[b-f5c8iii4y7]{position:absolute;left:13px;top:14px;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#251642;color:#bc8aff;font-size:13px;font-weight:900}
.premium-confirmation-grid small[b-f5c8iii4y7]{font-size:8px!important;color:#80929d!important;margin-bottom:6px!important}
.premium-confirmation-grid strong[b-f5c8iii4y7]{font-size:11px;line-height:1.35}
.price-confirm strong[b-f5c8iii4y7]{color:#8be4ae;font-size:14px!important}
.premium-confirmation-grid .mode-confirm[b-f5c8iii4y7]{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:15px;padding-left:16px!important}
.mode-confirm>span[b-f5c8iii4y7]{display:grid;gap:2px}.mode-confirm select[b-f5c8iii4y7]{width:100%}

.premium-booking-actions[b-f5c8iii4y7]{align-items:center;gap:12px;padding-top:15px;margin-top:0!important}
.premium-booking-actions .secondary[b-f5c8iii4y7],.premium-booking-actions .confirm[b-f5c8iii4y7]{min-height:42px;border-radius:9px!important;font-weight:700}
.premium-booking-actions .secondary:disabled[b-f5c8iii4y7]{opacity:.4}
.premium-booking-actions .confirm[b-f5c8iii4y7]{margin-left:auto;background:linear-gradient(135deg,#9a5cff,#7440d1)!important;color:#fff!important;padding:0 22px!important;box-shadow:0 8px 22px rgba(117,64,209,.2)}
.booking-trust[b-f5c8iii4y7]{margin-left:auto;display:flex;align-items:center;gap:9px;color:#8496a1}
.booking-trust>span:first-child[b-f5c8iii4y7]{font-size:22px;color:#9c66ea}.booking-trust>span:last-child[b-f5c8iii4y7]{display:grid;gap:2px}.booking-trust strong[b-f5c8iii4y7]{font-size:9px;color:#b8c4cb}.booking-trust small[b-f5c8iii4y7]{font-size:7px}
.premium-booking-actions .confirm~*[b-f5c8iii4y7]{margin-left:0}

.booking-modal-premium .booking-loading[b-f5c8iii4y7]{min-height:330px;gap:7px}.booking-modal-premium .booking-loading strong[b-f5c8iii4y7]{font-size:14px}.booking-modal-premium .booking-loading span[b-f5c8iii4y7]{font-size:10px;color:#8ea0aa}
.booking-modal-premium .booking-success[b-f5c8iii4y7]{min-height:330px}.booking-modal-premium .booking-success h2[b-f5c8iii4y7]{margin:14px 0 4px}.booking-modal-premium .booking-success p[b-f5c8iii4y7]{color:#96a6b0}

@media(max-width:1050px){
    .service-option-card[b-f5c8iii4y7]{grid-template-columns:92px minmax(0,1fr) 125px!important}.service-visual[b-f5c8iii4y7]{width:92px;height:92px}.service-option-card .premium-select[b-f5c8iii4y7]{grid-column:2/4;width:150px;justify-self:end}.service-meta[b-f5c8iii4y7]{border-left:0;padding-left:0}
    .professional-options[b-f5c8iii4y7]{grid-template-columns:1fr}.premium-confirmation-grid[b-f5c8iii4y7]{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:780px){
    .booking-modal-premium[b-f5c8iii4y7]{width:96vw;padding:14px;border-radius:14px;max-height:94vh}.booking-brand-icon[b-f5c8iii4y7]{width:48px;height:48px;flex-basis:48px}.booking-title-block h2[b-f5c8iii4y7]{font-size:24px}
    .booking-modal-premium .booking-steps[b-f5c8iii4y7]{grid-template-columns:repeat(4,1fr);padding:0;margin-bottom:18px}.booking-modal-premium .booking-steps[b-f5c8iii4y7]::before{left:10%;right:10%;top:16px}.booking-modal-premium .step-number[b-f5c8iii4y7]{width:34px;height:34px;flex-basis:34px;box-shadow:0 0 0 4px #06131c}.booking-modal-premium .booking-steps>div.active .step-number[b-f5c8iii4y7]{box-shadow:0 0 0 4px #06131c}.booking-modal-premium .step-copy[b-f5c8iii4y7]{display:none}
    .booking-section-heading[b-f5c8iii4y7]{align-items:flex-start}.booking-section-heading h3[b-f5c8iii4y7]{font-size:17px}.booking-count[b-f5c8iii4y7]{display:none}
    .service-option-card[b-f5c8iii4y7]{grid-template-columns:78px minmax(0,1fr)!important;gap:11px!important}.service-visual[b-f5c8iii4y7]{width:78px;height:78px}.service-meta[b-f5c8iii4y7]{grid-column:1/-1;grid-template-columns:repeat(2,1fr);padding-top:10px;border-top:1px solid #243b49}.service-option-card .premium-select[b-f5c8iii4y7]{grid-column:1/-1;width:100%;justify-self:stretch}
    .professional-option-card[b-f5c8iii4y7]{grid-template-columns:76px minmax(0,1fr)!important}.professional-photo[b-f5c8iii4y7]{width:76px;height:76px}.professional-option-card .premium-select[b-f5c8iii4y7]{grid-column:1/-1}
    .premium-date-slot-area[b-f5c8iii4y7]{grid-template-columns:1fr!important}.premium-confirmation-grid[b-f5c8iii4y7]{grid-template-columns:1fr!important}.premium-confirmation-grid .mode-confirm[b-f5c8iii4y7]{grid-column:auto;grid-template-columns:1fr}
    .booking-trust[b-f5c8iii4y7]{display:none}.premium-booking-actions .confirm[b-f5c8iii4y7]{margin-left:auto}
}
@media(max-width:480px){
    .booking-modal-premium[b-f5c8iii4y7]{padding:11px}.booking-title-block[b-f5c8iii4y7]{gap:10px}.booking-brand-icon[b-f5c8iii4y7]{display:none}.booking-title-block h2[b-f5c8iii4y7]{font-size:22px}.booking-title-block small[b-f5c8iii4y7]{display:none}.booking-step-content[b-f5c8iii4y7]{padding:12px}.booking-section-heading p[b-f5c8iii4y7]{font-size:10px}
    .service-option-card[b-f5c8iii4y7]{grid-template-columns:64px minmax(0,1fr)!important}.service-visual[b-f5c8iii4y7]{width:64px;height:64px}.service-heading-line>strong[b-f5c8iii4y7]{font-size:13px}.service-badge[b-f5c8iii4y7]{display:none!important}.service-tags[b-f5c8iii4y7]{display:none!important}
    .professional-option-card[b-f5c8iii4y7]{grid-template-columns:64px minmax(0,1fr)!important}.professional-photo[b-f5c8iii4y7]{width:64px;height:64px}.verified-label[b-f5c8iii4y7]{display:none!important}.professional-bio[b-f5c8iii4y7]{-webkit-line-clamp:1}
    .premium-slots button[b-f5c8iii4y7]{min-width:calc(33.333% - 6px);padding:0 6px!important}.premium-booking-actions .secondary[b-f5c8iii4y7],.premium-booking-actions .confirm[b-f5c8iii4y7]{padding:0 12px!important;font-size:10px}
}


/* ASISTENTE VISUAL — NUEVO TURNO CLIENTE */
.booking-hero-actions[b-f5c8iii4y7]{display:flex;align-items:flex-start;justify-content:flex-end;gap:18px;margin-left:auto}
.booking-assistant[b-f5c8iii4y7]{width:390px;max-width:38vw;height:116px;overflow:visible;border:none;border-radius:0;background:transparent;box-shadow:none}
.booking-assistant img[b-f5c8iii4y7]{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.booking-modal-premium .booking-hero[b-f5c8iii4y7]{align-items:center;padding-bottom:20px}
.booking-modal-premium .booking-step-content[b-f5c8iii4y7]{border-radius:16px}
.booking-modal-premium .service-option-card[b-f5c8iii4y7]{border-color:#8953e8!important;box-shadow:0 0 0 1px rgba(154,92,255,.08) inset}
@media(max-width:1050px){.booking-assistant[b-f5c8iii4y7]{width:320px;max-width:36vw;height:96px}}
@media(max-width:780px){.booking-hero-actions[b-f5c8iii4y7]{gap:10px}.booking-assistant[b-f5c8iii4y7]{display:none}}


/* ==========================================================================
   ERROR CONTROLADO DE CARGA DEL NUEVO TURNO
   Evita que un fallo inicial deje el modal vacío o atrapado en el spinner.
   ========================================================================== */
.booking-load-failed[b-f5c8iii4y7]{
    min-height:300px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:32px 20px;
    text-align:center;
}

.booking-load-failed-icon[b-f5c8iii4y7]{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid rgba(168,85,247,.65);
    background:rgba(88,28,135,.28);
    color:#d8b4fe;
    font-size:28px;
    font-weight:800;
}

.booking-load-failed strong[b-f5c8iii4y7]{
    color:#fff;
    font-size:20px;
}

.booking-load-failed p[b-f5c8iii4y7]{
    max-width:620px;
    margin:0;
    color:#a9b8c8;
    line-height:1.55;
}

.booking-load-failed-actions[b-f5c8iii4y7]{
    display:flex;
    gap:10px;
    margin-top:8px;
}
/* /Pages/Client/Settings.razor.rz.scp.css */
:host[b-xboq3tkq9q] {
    display:block;
    min-height:100vh
}
.settings-shell[b-xboq3tkq9q] {
    --bg:#030a10;
    --panel:#07131d;
    --panel2:#0b1924;
    --line:#2a3742;
    --muted:#b9c3cc;
    --purple:#8a3bc0;
    min-height:100vh;
    background:radial-gradient(circle at 58% 0,#07131e,#02070b 52%,#010407);
    color:#fff;
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    font-family:Inter,Segoe UI,Arial,sans-serif
}
.settings-sidebar[b-xboq3tkq9q] {
    position:sticky;
    top:0;
    height:100vh;
    border-right:1px solid #26323c;
    padding:26px 16px 18px;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    background:#02080d
}
.brand[b-xboq3tkq9q] {
    padding:0 8px 22px
}
.brand img[b-xboq3tkq9q] {
    display:block;
    max-width:165px;
    width:100%
}
.settings-sidebar nav[b-xboq3tkq9q] {
    display:grid;
    gap:4px
}
.settings-sidebar nav a[b-xboq3tkq9q] {
    display:flex;
    align-items:center;
    gap:12px;
    min-height:44px;
    padding:0 12px;
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-size:13px
}
.settings-sidebar nav a.active[b-xboq3tkq9q] {
    background:linear-gradient(90deg,#3a1d59,#22132f);
    border:1px solid #5d2c84
}
.logout-button[b-xboq3tkq9q] {
    margin-top:auto;
    width:100%;
    height:44px;
    border:1px solid #8e2929;
    border-radius:8px;
    background:#120708;
    color:#fff;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 14px
}
.logout-button span[b-xboq3tkq9q] {
    color:#ff4545
}
.sidebar-profile[b-xboq3tkq9q] {
    margin-top:12px;
    border-top:1px solid #26323c;
    padding:14px 4px 0;
    display:grid;
    grid-template-columns:38px 1fr auto;
    gap:10px;
    align-items:center
}
.sidebar-profile strong[b-xboq3tkq9q],.sidebar-profile small[b-xboq3tkq9q] {
    display:block
}
.sidebar-profile small[b-xboq3tkq9q] {
    font-size:10px;
    color:var(--muted)
}
.sidebar-avatar[b-xboq3tkq9q],.user-chip .avatar[b-xboq3tkq9q] {
    width:38px;
    height:38px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#28323b;
    font-weight:800
}
.settings-main[b-xboq3tkq9q] {
    min-width:0;
    padding:24px clamp(14px,2vw,34px) 30px
}
.page-header[b-xboq3tkq9q] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-bottom:20px
}
.page-header h1[b-xboq3tkq9q] {
    margin:0;
    font-size:29px
}
.page-header p[b-xboq3tkq9q] {
    margin:5px 0 0;
    color:var(--muted);
    font-size:13px
}
.user-chip[b-xboq3tkq9q] {
    min-width:245px;
    border:1px solid #31404b;
    border-radius:10px;
    background:#07121b;
    padding:7px 10px;
    display:grid;
    grid-template-columns:38px 1fr;
    gap:10px;
    align-items:center
}
.user-chip strong[b-xboq3tkq9q],.user-chip small[b-xboq3tkq9q] {
    display:block
}
.user-chip small[b-xboq3tkq9q] {
    font-size:10px;
    color:var(--muted)
}
.settings-workspace[b-xboq3tkq9q] {
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:16px
}
.settings-tabs[b-xboq3tkq9q] {
    border:1px solid var(--line);
    border-radius:12px;
    background:#061019;
    padding:8px;
    height:max-content;
    display:grid;
    gap:5px;
    position:sticky;
    top:18px
}
.settings-tabs button[b-xboq3tkq9q] {
    min-height:46px;
    border:1px solid transparent;
    border-radius:8px;
    background:transparent;
    color:#dce3e8;
    text-align:left;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px
}
.settings-tabs button.active[b-xboq3tkq9q] {
    background:#171125;
    border-color:#4a2a68;
    color:#fff
}
.settings-content[b-xboq3tkq9q] {
    min-width:0
}
.setting-section[b-xboq3tkq9q] {
    border:1px solid var(--line);
    border-radius:12px;
    background:linear-gradient(135deg,#091620,#061018);
    overflow:hidden
}
.section-heading[b-xboq3tkq9q] {
    padding:20px 22px;
    border-bottom:1px solid var(--line)
}
.section-heading h2[b-xboq3tkq9q] {
    margin:0;
    font-size:20px
}
.section-heading p[b-xboq3tkq9q] {
    margin:5px 0 0;
    color:var(--muted);
    font-size:12px
}
.setting-card[b-xboq3tkq9q] {
    display:grid
}
.setting-row[b-xboq3tkq9q],.switch-row[b-xboq3tkq9q] {
    min-height:82px;
    padding:16px 20px;
    border-bottom:1px solid #22303a;
    display:grid;
    grid-template-columns:minmax(0,1fr) 230px;
    gap:18px;
    align-items:center
}
.setting-row:last-child[b-xboq3tkq9q],.switch-row:last-child[b-xboq3tkq9q] {
    border-bottom:0
}
.setting-row strong[b-xboq3tkq9q],.setting-row small[b-xboq3tkq9q],.switch-row strong[b-xboq3tkq9q],.switch-row small[b-xboq3tkq9q] {
    display:block
}
.setting-row small[b-xboq3tkq9q],.switch-row small[b-xboq3tkq9q] {
    margin-top:4px;
    color:var(--muted);
    font-size:11px;
    line-height:1.45
}
.setting-row select[b-xboq3tkq9q] {
    width:100%;
    height:42px;
    border:1px solid #34434f;
    border-radius:8px;
    background:#07121b;
    color:#fff;
    padding:0 11px
}
.switch-row[b-xboq3tkq9q] {
    grid-template-columns:minmax(0,1fr) auto
}
.switch-row input[b-xboq3tkq9q] {
    appearance:none;
    width:46px;
    height:25px;
    border-radius:20px;
    background:#25323c;
    position:relative;
    cursor:pointer;
    transition:.2s
}
.switch-row input[b-xboq3tkq9q]:before {
    content:"";
    position:absolute;
    width:19px;
    height:19px;
    left:3px;
    top:3px;
    border-radius:50%;
    background:#fff;
    transition:.2s
}
.switch-row input:checked[b-xboq3tkq9q] {
    background:#7b34a8
}
.switch-row input:checked[b-xboq3tkq9q]:before {
    transform:translateX(21px)
}
.location-box[b-xboq3tkq9q] {
    margin:16px 20px 20px;
    padding:16px;
    border:1px solid #31404b;
    border-radius:10px;
    background:#07121b
}
.location-box span[b-xboq3tkq9q],.location-box strong[b-xboq3tkq9q],.location-box small[b-xboq3tkq9q] {
    display:block
}
.location-box span[b-xboq3tkq9q] {
    font-size:11px;
    color:var(--muted)
}
.location-box strong[b-xboq3tkq9q] {
    margin-top:5px
}
.location-box small[b-xboq3tkq9q] {
    margin-top:5px;
    color:var(--muted);
    font-size:11px
}
.location-box a[b-xboq3tkq9q],.account-action a[b-xboq3tkq9q] {
    display:inline-flex;
    margin-top:12px;
    color:#d894ff;
    text-decoration:none;
    font-size:12px
}
.account-card>div[b-xboq3tkq9q] {
    padding:17px 20px;
    border-bottom:1px solid #22303a;
    display:flex;
    justify-content:space-between;
    gap:18px
}
.account-card>div:last-child[b-xboq3tkq9q] {
    border-bottom:0
}
.account-card span[b-xboq3tkq9q],.account-card strong[b-xboq3tkq9q],.account-card small[b-xboq3tkq9q] {
    display:block
}
.account-card span[b-xboq3tkq9q] {
    color:var(--muted);
    font-size:12px
}
.account-card small[b-xboq3tkq9q] {
    margin-top:4px;
    color:var(--muted);
    font-size:11px
}
.account-action[b-xboq3tkq9q] {
    align-items:center
}
.account-action span strong[b-xboq3tkq9q] {
    color:#fff;
    font-size:13px
}
.settings-actions[b-xboq3tkq9q] {
    margin-top:14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px
}
.settings-actions span[b-xboq3tkq9q] {
    color:var(--muted);
    font-size:11px
}
.settings-actions button[b-xboq3tkq9q],.settings-state button[b-xboq3tkq9q] {
    min-height:42px;
    border:1px solid #9c55c7;
    border-radius:8px;
    background:linear-gradient(135deg,#7d34aa,#5b237f);
    color:#fff;
    padding:0 18px;
    font-weight:700
}
.settings-actions button:disabled[b-xboq3tkq9q] {
    opacity:.6
}
.message[b-xboq3tkq9q] {
    margin-bottom:14px;
    padding:12px 14px;
    border-radius:9px;
    font-size:12px
}
.message.success[b-xboq3tkq9q] {
    border:1px solid #246d49;
    background:#092419;
    color:#c4f1d8
}
.message.error[b-xboq3tkq9q] {
    border:1px solid #8e2929;
    background:#2b0d0d;
    color:#ffd0d0
}
.settings-state[b-xboq3tkq9q] {
    min-height:70vh;
    background:#02070b;
    color:#fff;
    display:grid;
    place-items:center;
    align-content:center;
    gap:12px;
    text-align:center;
    padding:30px
}
.settings-spinner[b-xboq3tkq9q] {
    width:42px;
    height:42px;
    border:3px solid #26333d;
    border-top-color:#9b54c8;
    border-radius:50%;
    animation:spin-b-xboq3tkq9q .8s linear infinite
}
.mobile-topbar[b-xboq3tkq9q],.mobile-menu-backdrop[b-xboq3tkq9q],.mobile-sidebar-head[b-xboq3tkq9q] {
    display:none
}
@keyframes spin-b-xboq3tkq9q {
    to {
        transform:rotate(360deg)
    }
}
@media(max-width:980px) {
    .settings-shell[b-xboq3tkq9q] {
        grid-template-columns:1fr;
        padding-top:62px
    }
    .mobile-topbar[b-xboq3tkq9q] {
        position:fixed;
        z-index:30;
        left:0;
        right:0;
        top:0;
        height:62px;
        padding:8px 14px;
        background:#02080d;
        border-bottom:1px solid #26323c;
        display:flex;
        align-items:center;
        justify-content:space-between
    }
    .mobile-topbar button[b-xboq3tkq9q] {
        width:42px;
        height:42px;
        border:1px solid #31404b;
        border-radius:8px;
        background:#07121b;
        color:#fff;
        font-size:20px
    }
    .mobile-topbar img[b-xboq3tkq9q] {
        max-height:42px;
        max-width:135px
    }
    .settings-sidebar[b-xboq3tkq9q] {
        position:fixed;
        z-index:50;
        left:0;
        top:0;
        width:min(300px,86vw);
        height:100vh;
        transform:translateX(-102%);
        transition:.2s
    }
    .mobile-menu-open .settings-sidebar[b-xboq3tkq9q] {
        transform:translateX(0)
    }
    .mobile-menu-backdrop[b-xboq3tkq9q] {
        position:fixed;
        z-index:40;
        inset:0;
        border:0;
        background:rgba(0,0,0,.65)
    }
    .mobile-menu-open .mobile-menu-backdrop[b-xboq3tkq9q] {
        display:block
    }
    .mobile-sidebar-head[b-xboq3tkq9q] {
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:14px
    }
    .mobile-sidebar-head button[b-xboq3tkq9q] {
        border:0;
        background:transparent;
        color:#fff;
        font-size:24px
    }
    .settings-main[b-xboq3tkq9q] {
        padding-top:18px
    }
    .settings-workspace[b-xboq3tkq9q] {
        grid-template-columns:1fr
    }
    .settings-tabs[b-xboq3tkq9q] {
        position:static;
        display:flex;
        overflow-x:auto
    }
    .settings-tabs button[b-xboq3tkq9q] {
        flex:0 0 auto
    }
    .user-chip[b-xboq3tkq9q] {
        display:none
    }
}
@media(max-width:640px) {
    .page-header h1[b-xboq3tkq9q] {
        font-size:24px
    }
    .settings-main[b-xboq3tkq9q] {
        padding-left:12px;
        padding-right:12px
    }
    .setting-row[b-xboq3tkq9q] {
        grid-template-columns:1fr
    }
    .setting-row select[b-xboq3tkq9q] {
        width:100%
    }
    .switch-row[b-xboq3tkq9q] {
        min-height:92px;
        padding:15px
    }
    .settings-actions[b-xboq3tkq9q] {
        align-items:stretch;
        flex-direction:column
    }
    .settings-actions button[b-xboq3tkq9q] {
        width:100%
    }
    .account-card>div[b-xboq3tkq9q] {
        flex-direction:column
    }
    .settings-tabs span[b-xboq3tkq9q] {
        display:none
    }
    .settings-tabs button[b-xboq3tkq9q] {
        justify-content:center;
        width:44px;
        padding:0
    }
}
/* /Pages/Help/HelpCenter.razor.rz.scp.css */
:global(html)[b-mplo1t9aye], :global(body)[b-mplo1t9aye] { background:#031827; }
.help-shell[b-mplo1t9aye]{min-height:100vh;background:#031827;color:#f4f8fc;display:grid;grid-template-columns:220px minmax(0,1fr);font-family:Inter,Segoe UI,Arial,sans-serif}
.help-sidebar[b-mplo1t9aye]{position:sticky;top:0;height:100vh;background:#02121f;border-right:1px solid #12364b;padding:18px 10px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}
.brand[b-mplo1t9aye]{padding:0 10px 20px}.brand img[b-mplo1t9aye]{width:124px;max-width:100%;height:auto}.help-sidebar nav[b-mplo1t9aye]{display:grid;gap:4px}.help-sidebar nav a[b-mplo1t9aye]{display:flex;align-items:center;gap:12px;color:#e6f2fb;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:13px}.help-sidebar nav a:hover[b-mplo1t9aye]{background:#08283b}.help-sidebar nav a.active[b-mplo1t9aye]{background:#0d6fd5;color:white}.help-sidebar nav a span[b-mplo1t9aye]{width:18px;text-align:center}.quick-support[b-mplo1t9aye]{margin-top:auto;background:linear-gradient(145deg,#281353,#16133f);border:1px solid #623ab8;border-radius:10px;padding:14px}.quick-support h3[b-mplo1t9aye]{margin:0 0 8px;font-size:14px}.quick-support p[b-mplo1t9aye]{font-size:11px;line-height:1.5;color:#d2c9ef}.quick-support button[b-mplo1t9aye],.logout[b-mplo1t9aye]{width:100%;border:1px solid #6b55cb;background:transparent;color:white;border-radius:7px;padding:9px;cursor:pointer}.logout[b-mplo1t9aye]{margin-top:10px;border-color:#174561;text-align:left}.mobile-sidebar-head[b-mplo1t9aye],.mobile-topbar[b-mplo1t9aye],.mobile-backdrop[b-mplo1t9aye]{display:none}
.help-main[b-mplo1t9aye]{padding:24px 28px 34px;min-width:0}.loading-card[b-mplo1t9aye],.error-card[b-mplo1t9aye]{border:1px solid #17455e;background:#092334;border-radius:12px;padding:28px}.error-card button[b-mplo1t9aye]{background:#ffbd05;border:0;border-radius:8px;padding:10px 16px;font-weight:700}
.hero-grid[b-mplo1t9aye]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:20px;align-items:stretch}.hero-copy h1[b-mplo1t9aye]{font-size:34px;line-height:1;margin:0 0 10px}.hero-copy>p[b-mplo1t9aye]{color:#c0d3e3;margin:0 0 22px}.search-box[b-mplo1t9aye]{height:52px;border:1px solid #1e5879;border-radius:9px;display:grid;grid-template-columns:36px 1fr 112px;align-items:center;overflow:hidden;background:#082437}.search-box span[b-mplo1t9aye]{text-align:center;font-size:22px}.search-box input[b-mplo1t9aye]{height:100%;border:0;outline:0;background:transparent;color:white;font-size:15px}.search-box button[b-mplo1t9aye]{height:100%;border:0;background:#1294f5;color:white;font-weight:700;cursor:pointer}.frequent[b-mplo1t9aye]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:#aec4d4}.frequent button[b-mplo1t9aye]{border:0;background:#092e47;color:#d6edff;border-radius:20px;padding:7px 12px;cursor:pointer}.hero-banner[b-mplo1t9aye]{background:#20145d;border:1px solid #4f48be;border-radius:12px;padding:0;display:flex;align-items:stretch;justify-content:center;overflow:hidden;min-height:150px}.hero-support-image[b-mplo1t9aye]{display:block;width:100%;height:100%;min-height:150px;object-fit:cover;object-position:center}
.panel[b-mplo1t9aye]{border:1px solid #164762;background:#062132;border-radius:12px}.role-section[b-mplo1t9aye]{margin-top:20px;padding:16px}.section-title[b-mplo1t9aye]{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2[b-mplo1t9aye]{font-size:18px;margin:0 0 4px}.section-title p[b-mplo1t9aye]{font-size:12px;color:#9fbfd4;margin:0}.section-title>button[b-mplo1t9aye]{background:transparent;border:1px solid #1c5d80;color:#cfe8f7;border-radius:7px;padding:7px 10px}.role-grid[b-mplo1t9aye]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.role-card[b-mplo1t9aye]{min-height:84px;border:1px solid #1a5a7c;background:#08283a;color:white;border-radius:10px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;text-align:left;padding:12px;cursor:pointer}.role-card .role-icon[b-mplo1t9aye]{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0c6fc4;font-size:24px}.role-card small[b-mplo1t9aye]{display:block;margin-top:4px;color:#bad0df;line-height:1.35}.role-card em[b-mplo1t9aye]{font-style:normal;background:#008d55;border-radius:12px;padding:5px 8px;font-size:10px}.role-card.selected[b-mplo1t9aye]{border-color:#ffc400}.role-card.owner .role-icon[b-mplo1t9aye]{background:#846700}.role-card.affiliate .role-icon[b-mplo1t9aye]{background:#6225a8}.role-card.client .role-icon[b-mplo1t9aye]{background:#087a57}
.content-grid[b-mplo1t9aye]{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(320px,.9fr);gap:16px;margin-top:16px}.categories[b-mplo1t9aye],.featured[b-mplo1t9aye],.support[b-mplo1t9aye],.resources[b-mplo1t9aye]{padding:16px}.category-grid[b-mplo1t9aye]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.category-grid article[b-mplo1t9aye]{position:relative;min-height:112px;border:1px solid #185275;border-radius:9px;background:#08283c;padding:12px;display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:start}.category-grid article>span[b-mplo1t9aye]{width:44px;height:44px;border-radius:50%;background:#0a67b3;display:grid;place-items:center;font-size:21px}.category-grid article b[b-mplo1t9aye]{font-size:12px}.category-grid article small[b-mplo1t9aye]{display:block;color:#9fc1d6;font-size:10px;line-height:1.35;margin-top:5px}.category-grid article em[b-mplo1t9aye]{position:absolute;bottom:10px;left:12px;color:#26a6ff;font-size:10px;font-style:normal}.featured-list[b-mplo1t9aye],.result-list[b-mplo1t9aye],.resource-list[b-mplo1t9aye]{margin-top:10px;display:grid}.featured-list button[b-mplo1t9aye],.result-list button[b-mplo1t9aye],.resource-list button[b-mplo1t9aye]{border:0;border-bottom:1px solid #17445f;background:transparent;color:white;display:grid;grid-template-columns:42px 1fr auto;gap:10px;text-align:left;align-items:center;padding:10px 2px;cursor:pointer}.featured-list button>span[b-mplo1t9aye],.result-list button>span[b-mplo1t9aye],.resource-list button>span[b-mplo1t9aye]{width:38px;height:38px;border-radius:8px;background:#0b6fbd;display:grid;place-items:center;font-size:18px}.featured-list small[b-mplo1t9aye],.result-list small[b-mplo1t9aye],.resource-list small[b-mplo1t9aye]{display:block;color:#9cb9cc;font-size:10px;margin-top:3px}.resource-list button:disabled[b-mplo1t9aye]{opacity:.45;cursor:not-allowed}.resource-list i[b-mplo1t9aye]{font-size:10px;color:#7da4bc;font-style:normal}
.bottom-grid[b-mplo1t9aye]{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:16px;margin-top:16px}.support-actions[b-mplo1t9aye]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.support-actions button[b-mplo1t9aye]{border:1px solid #174d6c;background:#08293c;color:white;border-radius:9px;padding:12px;text-align:left;display:flex;gap:10px;align-items:center}.support-actions span[b-mplo1t9aye]{width:38px;height:38px;border-radius:50%;background:#0d6abb;display:grid;place-items:center}.support-actions small[b-mplo1t9aye]{display:block;color:#9cb9cc;margin-top:4px}.suggestion[b-mplo1t9aye]{border:1px solid #4e3aab;border-radius:12px;background:linear-gradient(145deg,#2d1766,#24144e);padding:22px}.suggestion h2[b-mplo1t9aye]{font-size:18px}.suggestion p[b-mplo1t9aye]{color:#d0c9e8;font-size:12px;line-height:1.55}.suggestion button[b-mplo1t9aye]{width:100%;margin-top:16px;background:transparent;border:1px solid #7961d1;color:white;border-radius:8px;padding:12px;text-align:left;cursor:pointer}.search-results[b-mplo1t9aye]{margin-top:18px;border:1px solid #18516d;background:#062132;border-radius:12px;padding:16px}.empty-search[b-mplo1t9aye]{min-height:80px;border:1px dashed #1b4a63;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a9c4d5;margin-top:12px;text-align:center}.empty-search strong[b-mplo1t9aye]{color:white}
.article-view[b-mplo1t9aye]{max-width:1100px;margin:0 auto}.back-link[b-mplo1t9aye]{background:transparent;border:0;color:#4cb7ff;padding:0;margin-bottom:12px;cursor:pointer}.breadcrumbs[b-mplo1t9aye]{color:#86a8bd;font-size:12px;margin-bottom:10px}.article-card[b-mplo1t9aye]{border:1px solid #18516d;background:#062132;border-radius:12px;padding:26px;display:grid;grid-template-columns:58px 1fr;gap:18px}.article-icon[b-mplo1t9aye]{width:54px;height:54px;border-radius:12px;background:#0a6bb8;display:grid;place-items:center;font-size:25px}.article-card h1[b-mplo1t9aye]{margin:4px 0 8px;font-size:30px}.article-card small[b-mplo1t9aye]{color:#4db5f8}.article-summary[b-mplo1t9aye]{color:#bbd1df}.article-html[b-mplo1t9aye]{grid-column:1/-1;border-top:1px solid #16455e;padding-top:18px;line-height:1.75;color:#d7e6ef}.article-html :global(h2)[b-mplo1t9aye],.article-html :global(h3)[b-mplo1t9aye]{color:white}.article-html :global(a)[b-mplo1t9aye]{color:#4ab8ff}.article-card footer[b-mplo1t9aye]{grid-column:1/-1;border-top:1px solid #16455e;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9ab9cd;font-size:11px}.feedback[b-mplo1t9aye]{display:flex;align-items:center;gap:7px}.feedback button[b-mplo1t9aye]{background:#082b40;border:1px solid #205c7c;color:white;border-radius:7px;padding:6px 10px}.feedback button.selected[b-mplo1t9aye]{border-color:#00b36a;background:#074d36}.related[b-mplo1t9aye]{margin-top:18px}.related-grid[b-mplo1t9aye]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related-grid button[b-mplo1t9aye]{border:1px solid #174e6a;background:#07283a;color:white;border-radius:9px;padding:12px;display:grid;grid-template-columns:40px 1fr auto;text-align:left;gap:10px}.related-grid small[b-mplo1t9aye]{display:block;color:#98b7ca;margin-top:4px}
@media(max-width:1200px){.role-grid[b-mplo1t9aye]{grid-template-columns:repeat(2,1fr)}.category-grid[b-mplo1t9aye]{grid-template-columns:repeat(2,1fr)}.bottom-grid[b-mplo1t9aye]{grid-template-columns:1fr 1fr}.suggestion[b-mplo1t9aye]{grid-column:1/-1}.content-grid[b-mplo1t9aye]{grid-template-columns:1.7fr 1fr}}
@media(max-width:900px){.help-shell[b-mplo1t9aye]{display:block}.help-sidebar[b-mplo1t9aye]{position:fixed;left:0;top:0;width:280px;max-width:86vw;transform:translateX(-105%);transition:transform .2s ease}.mobile-menu-open .help-sidebar[b-mplo1t9aye]{transform:translateX(0)}.mobile-topbar[b-mplo1t9aye]{height:58px;display:flex;align-items:center;gap:14px;padding:8px 14px;background:#031624;border-bottom:1px solid #12415a;position:sticky;top:0;z-index:25}.mobile-topbar img[b-mplo1t9aye]{height:38px;width:auto}.hamburger[b-mplo1t9aye]{background:#092b40;color:white;border:1px solid #1a5878;border-radius:7px;padding:7px 10px}.mobile-backdrop[b-mplo1t9aye]{display:block;position:fixed;inset:0;background:rgba(0,0,0,.62);border:0;z-index:28}.mobile-sidebar-head[b-mplo1t9aye]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-sidebar-head button[b-mplo1t9aye]{background:transparent;color:white;border:0;font-size:28px}.help-main[b-mplo1t9aye]{padding:18px}.hero-grid[b-mplo1t9aye],.content-grid[b-mplo1t9aye],.bottom-grid[b-mplo1t9aye]{grid-template-columns:1fr}.hero-banner[b-mplo1t9aye]{min-height:130px}.suggestion[b-mplo1t9aye]{grid-column:auto}}
@media(max-width:600px){.help-main[b-mplo1t9aye]{padding:14px 10px 24px}.hero-copy h1[b-mplo1t9aye]{font-size:28px}.search-box[b-mplo1t9aye]{grid-template-columns:34px 1fr 82px}.search-box button[b-mplo1t9aye]{font-size:12px}.hero-grid[b-mplo1t9aye]{gap:12px}.hero-banner[b-mplo1t9aye]{padding:0}.hero-support-image[b-mplo1t9aye]{min-height:130px;object-fit:cover}.role-grid[b-mplo1t9aye],.category-grid[b-mplo1t9aye],.related-grid[b-mplo1t9aye],.support-actions[b-mplo1t9aye]{grid-template-columns:1fr}.article-card[b-mplo1t9aye]{padding:18px;grid-template-columns:48px 1fr}.article-card h1[b-mplo1t9aye]{font-size:24px}.article-card footer[b-mplo1t9aye]{align-items:flex-start;flex-direction:column}.frequent[b-mplo1t9aye]{display:none}}



/* ==========================================================================
   CENTRO DE AYUDA - MENÚ DEL AFILIADO
   Replica el lenguaje visual del menú de Resumen / Herramientas.
   ========================================================================== */

.affiliate-help[b-mplo1t9aye] {
    grid-template-columns: 204px minmax(0, 1fr);
}

.affiliate-help .help-sidebar[b-mplo1t9aye] {
    width: 204px;
    padding: 18px 12px;
    background: linear-gradient(180deg, #07111e 0%, #050c16 100%);
    border-right-color: rgba(148, 163, 184, .14);
}

.affiliate-help .brand[b-mplo1t9aye] {
    padding: 0 0 14px;
}

.affiliate-help .brand img[b-mplo1t9aye] {
    width: 118px;
}

.affiliate-profile-card[b-mplo1t9aye] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #18354b;
    border-radius: 11px;
    background: #081827;
}

.affiliate-avatar[b-mplo1t9aye] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(145deg, #f59e0b, #b45309);
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

.affiliate-profile-card > div:last-child[b-mplo1t9aye] {
    display: grid;
    gap: 2px;
}

.affiliate-profile-card strong[b-mplo1t9aye] {
    color: #ffffff;
    font-size: 10px;
}

.affiliate-profile-card small[b-mplo1t9aye] {
    color: #cbd5e1;
    font-size: 8px;
}

.affiliate-help .help-sidebar nav[b-mplo1t9aye] {
    display: grid;
    gap: 4px;
}

.affiliate-help .help-sidebar nav a[b-mplo1t9aye] {
    min-height: 39px;
    padding: 0 10px;
    gap: 10px;
    border-radius: 8px;
    color: #e2e8f0;
    font-size: 9px;
}

.affiliate-help .help-sidebar nav a:hover[b-mplo1t9aye] {
    background: rgba(124, 58, 237, .10);
}

.affiliate-help .help-sidebar nav a.active[b-mplo1t9aye] {
    background: linear-gradient(90deg, #6d28d9, #9333ea);
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(91, 33, 182, .24);
}

.affiliate-help .help-sidebar nav a span[b-mplo1t9aye] {
    width: 18px;
}

.affiliate-help .quick-support[b-mplo1t9aye] {
    border-color: rgba(139, 92, 246, .42);
    background: linear-gradient(145deg, #25105c, #43218a);
}

.affiliate-help .quick-support button[b-mplo1t9aye] {
    background: #ffffff;
    border-color: transparent;
    color: #6d28d9;
    font-weight: 800;
}

.affiliate-help .logout[b-mplo1t9aye] {
    border-color: #174561;
}

@media (max-width: 900px) {
    .affiliate-help[b-mplo1t9aye] {
        display: block;
    }

    .affiliate-help .help-sidebar[b-mplo1t9aye] {
        width: min(280px, 86vw);
        max-width: 86vw;
    }

    .affiliate-help .mobile-topbar[b-mplo1t9aye] {
        background: #07111e;
        border-bottom-color: rgba(148, 163, 184, .15);
    }

    .affiliate-help .hamburger[b-mplo1t9aye] {
        background: #111f30;
        border-color: rgba(148, 163, 184, .18);
    }

    .affiliate-help .mobile-backdrop[b-mplo1t9aye] {
        background: rgba(2, 6, 23, .66);
    }
}



/* Ayuda del afiliado: reserva el mismo espacio de la navegación única. */
.help-shell.affiliate-help[b-mplo1t9aye] {
    display: block;
}

.help-shell.affiliate-help .help-main[b-mplo1t9aye] {
    margin-left: 232px;
}

@media (max-width: 900px) {
    .help-shell.affiliate-help .help-main[b-mplo1t9aye] {
        margin-left: 0;
    }
}


/* ============================================================
   SUSCRIPCIÓN VENCIDA - MENÚ PROPIETARIO
   Mantiene en Ayuda los mismos candados utilizados en Dashboard.
   ============================================================ */
.help-sidebar nav a.subscription-locked[b-mplo1t9aye] {
    opacity: .72;
    cursor: not-allowed;
    pointer-events: none;
}

.help-sidebar nav a.subscription-locked:hover[b-mplo1t9aye] {
    background: transparent;
}

.help-sidebar nav a .menu-lock[b-mplo1t9aye] {
    margin-left: auto;
    color: #ffc107;
    font-size: 11px;
    line-height: 1;
}
/* /Pages/Legal/DataDeletion.razor.rz.scp.css */
.legal-page[b-u2byrrhzsl]{min-height:100vh;background:radial-gradient(circle at 50% 0,#10202b 0,#050b10 52%,#020609 100%);color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;padding:28px 18px}.legal-shell[b-u2byrrhzsl]{width:min(980px,100%);margin:0 auto}.legal-header[b-u2byrrhzsl]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.legal-brand[b-u2byrrhzsl]{font-size:25px;font-weight:900}.legal-brand strong[b-u2byrrhzsl]{color:#ffc400}.legal-header>a[b-u2byrrhzsl]{color:#ffc400;text-decoration:none;font-size:13px}.legal-card[b-u2byrrhzsl]{border:1px solid #2d3e4a;border-radius:18px;background:#07121a;padding:28px;box-shadow:0 25px 80px #0008}.legal-title[b-u2byrrhzsl]{border-bottom:1px solid #293a46;padding-bottom:20px;margin-bottom:22px}.legal-title span[b-u2byrrhzsl]{color:#ffc400;font-size:10px;font-weight:800;letter-spacing:.12em}.legal-title h1[b-u2byrrhzsl]{margin:7px 0;font-size:28px}.legal-title p[b-u2byrrhzsl]{margin:0;color:#aebbc5}.legal-card section[b-u2byrrhzsl]{margin-bottom:20px;color:#dbe4eb;font-size:14px;line-height:1.65}.legal-card h2[b-u2byrrhzsl]{margin:0 0 8px;color:#fff;font-size:16px}.legal-card p[b-u2byrrhzsl]{margin:0 0 9px}.legal-card strong[b-u2byrrhzsl]{color:#fff}.legal-card a[b-u2byrrhzsl]{color:#ffc400}.legal-card ul[b-u2byrrhzsl]{margin:8px 0 10px;padding-left:22px}.legal-card li[b-u2byrrhzsl]{margin-bottom:5px}.legal-intro[b-u2byrrhzsl]{padding:14px 16px;border:1px solid #354653;border-radius:10px;background:#08141d}.legal-final[b-u2byrrhzsl]{border-top:1px solid #2b3b47;padding-top:18px}@media(max-width:640px){.legal-page[b-u2byrrhzsl]{padding:12px 8px}.legal-card[b-u2byrrhzsl]{padding:18px;border-radius:13px}.legal-title h1[b-u2byrrhzsl]{font-size:22px}.legal-header[b-u2byrrhzsl]{align-items:flex-start;gap:12px}.legal-header>a[b-u2byrrhzsl]{text-align:right}}
/* /Pages/Legal/PrivacyPolicy.razor.rz.scp.css */
.privacy-page[b-3amkfqefik]{min-height:100vh;background:radial-gradient(circle at 50% 0,#10202b 0,#050b10 52%,#020609 100%);color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;padding:28px 18px}.privacy-page-shell[b-3amkfqefik]{width:min(980px,100%);margin:0 auto}.privacy-page-shell>header[b-3amkfqefik]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.privacy-brand[b-3amkfqefik]{font-size:25px;font-weight:900}.privacy-brand strong[b-3amkfqefik]{color:#ffc400}.privacy-page-shell>header a[b-3amkfqefik]{color:#ffc400;text-decoration:none;font-size:13px}.privacy-page-shell article[b-3amkfqefik]{border:1px solid #2d3e4a;border-radius:18px;background:#07121a;padding:28px;box-shadow:0 25px 80px #0008}.privacy-page-title[b-3amkfqefik]{border-bottom:1px solid #293a46;padding-bottom:20px;margin-bottom:22px}.privacy-page-title span[b-3amkfqefik]{color:#ffc400;font-size:10px;font-weight:800;letter-spacing:.12em}.privacy-page-title h1[b-3amkfqefik]{margin:7px 0;font-size:28px}.privacy-page-title p[b-3amkfqefik]{margin:0;color:#aebbc5}@media(max-width:640px){.privacy-page[b-3amkfqefik]{padding:12px 8px}.privacy-page-shell article[b-3amkfqefik]{padding:18px;border-radius:13px}.privacy-page-title h1[b-3amkfqefik]{font-size:22px}}
/* /Pages/Legal/Terms.razor.rz.scp.css */
.legal-page[b-i6cc4xnq7v]{min-height:100vh;background:radial-gradient(circle at 50% 0,#10202b 0,#050b10 52%,#020609 100%);color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;padding:28px 18px}.legal-shell[b-i6cc4xnq7v]{width:min(980px,100%);margin:0 auto}.legal-header[b-i6cc4xnq7v]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.legal-brand[b-i6cc4xnq7v]{font-size:25px;font-weight:900}.legal-brand strong[b-i6cc4xnq7v]{color:#ffc400}.legal-header>a[b-i6cc4xnq7v]{color:#ffc400;text-decoration:none;font-size:13px}.legal-card[b-i6cc4xnq7v]{border:1px solid #2d3e4a;border-radius:18px;background:#07121a;padding:28px;box-shadow:0 25px 80px #0008}.legal-title[b-i6cc4xnq7v]{border-bottom:1px solid #293a46;padding-bottom:20px;margin-bottom:22px}.legal-title span[b-i6cc4xnq7v]{color:#ffc400;font-size:10px;font-weight:800;letter-spacing:.12em}.legal-title h1[b-i6cc4xnq7v]{margin:7px 0;font-size:28px}.legal-title p[b-i6cc4xnq7v]{margin:0;color:#aebbc5}.legal-card section[b-i6cc4xnq7v]{margin-bottom:20px;color:#dbe4eb;font-size:14px;line-height:1.65}.legal-card h2[b-i6cc4xnq7v]{margin:0 0 8px;color:#fff;font-size:16px}.legal-card p[b-i6cc4xnq7v]{margin:0 0 9px}.legal-card strong[b-i6cc4xnq7v]{color:#fff}.legal-card a[b-i6cc4xnq7v]{color:#ffc400}.legal-card ul[b-i6cc4xnq7v]{margin:8px 0 10px;padding-left:22px}.legal-card li[b-i6cc4xnq7v]{margin-bottom:5px}.legal-intro[b-i6cc4xnq7v]{padding:14px 16px;border:1px solid #354653;border-radius:10px;background:#08141d}.legal-final[b-i6cc4xnq7v]{border-top:1px solid #2b3b47;padding-top:18px}@media(max-width:640px){.legal-page[b-i6cc4xnq7v]{padding:12px 8px}.legal-card[b-i6cc4xnq7v]{padding:18px;border-radius:13px}.legal-title h1[b-i6cc4xnq7v]{font-size:22px}.legal-header[b-i6cc4xnq7v]{align-items:flex-start;gap:12px}.legal-header>a[b-i6cc4xnq7v]{text-align:right}}
/* /Pages/Marketplace/Blog.razor.rz.scp.css */
.blog-public[b-tuk06yt59s]{max-width:1500px;margin:auto;padding:28px 34px 60px;color:#fff}.blog-hero[b-tuk06yt59s]{padding:44px;border:1px solid #263a47;border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(111,48,187,.35),transparent 30%),#07141d}.blog-hero>span[b-tuk06yt59s]{color:#ffc400;font-size:11px;font-weight:900}.blog-hero h1[b-tuk06yt59s]{max-width:980px;font-size:clamp(34px,4vw,58px);line-height:1.05;margin:10px 0}.blog-hero h1 strong[b-tuk06yt59s]{color:#ffc400}.blog-hero p[b-tuk06yt59s]{color:#b9c7d0}.blog-tools[b-tuk06yt59s]{display:grid;grid-template-columns:1fr 120px;gap:10px;margin:20px 0}.blog-tools label[b-tuk06yt59s]{display:flex;align-items:center;gap:8px;border:1px solid #29404d;border-radius:9px;background:#07141d;padding:0 14px}.blog-tools input[b-tuk06yt59s]{width:100%;height:46px;border:0;outline:0;background:transparent;color:#fff}.blog-tools button[b-tuk06yt59s],.blog-card button[b-tuk06yt59s],.blog-state button[b-tuk06yt59s]{border:0;border-radius:8px;background:#6d2fc1;color:#fff;font-weight:800;cursor:pointer}.blog-categories[b-tuk06yt59s]{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.blog-categories button[b-tuk06yt59s]{padding:9px 14px;border:1px solid #2a404d;border-radius:8px;background:#07141d;color:#fff;white-space:nowrap}.blog-categories button.active[b-tuk06yt59s]{background:#6b2dbd}.blog-grid[b-tuk06yt59s]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-card[b-tuk06yt59s]{overflow:hidden;border:1px solid #263a47;border-radius:13px;background:#07141d}.blog-card.featured[b-tuk06yt59s]{border-color:#7b45bd}.blog-card img[b-tuk06yt59s],.cover-fallback[b-tuk06yt59s]{width:100%;height:220px;object-fit:cover;background:linear-gradient(135deg,#142631,#4b2479);display:grid;place-items:center;font-size:54px;font-weight:900}.blog-card-body[b-tuk06yt59s]{padding:17px}.meta[b-tuk06yt59s]{display:flex;justify-content:space-between;color:#aebdc7;font-size:10px}.meta span[b-tuk06yt59s]{color:#ffc400;font-weight:800}.blog-card h2[b-tuk06yt59s]{font-size:20px;margin:10px 0}.blog-card p[b-tuk06yt59s]{color:#b8c6cf;line-height:1.55}.blog-card small[b-tuk06yt59s]{display:block;color:#8297a4;margin:12px 0}.blog-card button[b-tuk06yt59s]{width:100%;padding:11px}.blog-state[b-tuk06yt59s]{min-height:320px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed #2b404c;border-radius:12px}.blog-state button[b-tuk06yt59s]{padding:10px 16px}.pager[b-tuk06yt59s]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}.pager button[b-tuk06yt59s]{width:38px;height:38px;border:1px solid #304551;border-radius:8px;background:#07141d;color:#fff}@media(max-width:900px){.blog-grid[b-tuk06yt59s]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-public[b-tuk06yt59s]{padding:16px 12px 40px}.blog-hero[b-tuk06yt59s]{padding:28px 20px}.blog-tools[b-tuk06yt59s]{grid-template-columns:1fr}.blog-grid[b-tuk06yt59s]{grid-template-columns:1fr}.blog-card img[b-tuk06yt59s],.cover-fallback[b-tuk06yt59s]{height:240px}}
/* /Pages/Marketplace/BlogPost.razor.rz.scp.css */
.article-page[b-g04ksyg5j0]{max-width:1050px;margin:auto;padding:34px 24px 70px;color:#fff}.article-page article[b-g04ksyg5j0]{border:1px solid #263a47;border-radius:16px;background:#07141d;padding:34px}.back[b-g04ksyg5j0]{border:0;background:transparent;color:#ffc400;cursor:pointer}.article-meta[b-g04ksyg5j0]{display:flex;gap:18px;margin-top:24px;color:#a7b7c1;font-size:11px}.article-meta span[b-g04ksyg5j0]{color:#ffc400;font-weight:800}.article-page h1[b-g04ksyg5j0]{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:12px 0}.lead[b-g04ksyg5j0]{font-size:18px;color:#c4d0d7;line-height:1.6}.hero-image[b-g04ksyg5j0]{width:100%;max-height:500px;object-fit:cover;border-radius:12px;margin:22px 0}.content[b-g04ksyg5j0]{font-size:16px;line-height:1.8;color:#d7dfe4}.content :deep(h2)[b-g04ksyg5j0],.content :deep(h3)[b-g04ksyg5j0]{color:#fff;margin-top:28px}.content :deep(a)[b-g04ksyg5j0]{color:#ffc400}.article-page footer[b-g04ksyg5j0]{margin-top:36px;padding-top:18px;border-top:1px solid #263a47;color:#91a4b0}.article-state[b-g04ksyg5j0]{min-height:500px;display:grid;place-items:center;align-content:center;gap:12px}.article-state button[b-g04ksyg5j0]{padding:10px 15px;background:#6d2fc1;border:0;border-radius:8px;color:#fff}@media(max-width:600px){.article-page[b-g04ksyg5j0]{padding:16px 10px 40px}.article-page article[b-g04ksyg5j0]{padding:22px 16px}.lead[b-g04ksyg5j0]{font-size:16px}}
/* /Pages/Marketplace/CategoryExplore.razor.rz.scp.css */
*[b-jijs9ujod1]{box-sizing:border-box}.public-category-page[b-jijs9ujod1]{min-height:100vh;background:#03090f;color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif}.explore-shell[b-jijs9ujod1]{width:min(1540px,calc(100% - 48px));margin:0 auto;padding:14px 0 48px}.category-hero[b-jijs9ujod1]{min-height:118px;position:relative;overflow:hidden;border-radius:14px 14px 0 0;background:linear-gradient(110deg,#06131d,#0b1822);border:1px solid #20313c;display:grid;grid-template-columns:minmax(0,1fr) 420px}.hero-copy[b-jijs9ujod1]{position:relative;z-index:2;padding:15px 22px}.breadcrumb[b-jijs9ujod1]{display:flex;gap:9px;align-items:center;font-size:11px;color:#8fa6b6;margin-bottom:17px}.breadcrumb a[b-jijs9ujod1]{color:#7eb5ff;text-decoration:none}.breadcrumb strong[b-jijs9ujod1]{color:#d9e3e9}.hero-title[b-jijs9ujod1]{display:flex;align-items:center;gap:16px}.category-icon[b-jijs9ujod1]{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5544df,#4b6cf5);box-shadow:0 8px 25px #354bcc45;font-size:24px}.hero-title h1[b-jijs9ujod1]{margin:0;font-size:31px;line-height:1.05}.hero-title p[b-jijs9ujod1]{margin:7px 0 0;color:#d6e0e5;font-size:13px}.hero-image[b-jijs9ujod1]{background-position:center;background-size:cover;min-height:118px}.search-bar[b-jijs9ujod1]{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(220px,.9fr) 145px 185px 125px;gap:8px;padding:10px;border:1px solid #20313c;border-top:0;background:#08131b}.search-input[b-jijs9ujod1],.location-button[b-jijs9ujod1],.radius-top[b-jijs9ujod1],.date-top[b-jijs9ujod1]{height:44px;border:1px solid #2b3d48;border-radius:8px;background:#0b151d;color:#fff}.search-input[b-jijs9ujod1]{display:flex;align-items:center;gap:9px;padding:0 12px}.search-input input[b-jijs9ujod1]{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:12px}.location-button[b-jijs9ujod1]{display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer}.location-button strong[b-jijs9ujod1]{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radius-top[b-jijs9ujod1]{display:flex;align-items:center;gap:8px;padding:0 10px}.radius-top span[b-jijs9ujod1]{font-size:9px;color:#91a6b3}.radius-top select[b-jijs9ujod1],.date-top input[b-jijs9ujod1]{background:transparent;color:#fff;border:0;outline:0;width:100%;height:100%;color-scheme:dark}.date-top[b-jijs9ujod1]{display:flex;align-items:center;gap:8px;padding:0 10px}.search-button[b-jijs9ujod1]{border:0;border-radius:8px;background:linear-gradient(135deg,#ffc33a,#e8a914);color:#19130a;font-weight:900;cursor:pointer}.location-panel[b-jijs9ujod1]{border:1px solid #2b3d48;border-top:0;background:#07131b;padding:14px;display:grid;gap:12px}.location-panel-head[b-jijs9ujod1]{display:flex;align-items:center;justify-content:space-between}.location-panel-head div[b-jijs9ujod1]{display:flex;flex-direction:column}.location-panel-head small[b-jijs9ujod1]{color:#899da9}.location-panel-head button[b-jijs9ujod1]{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.use-current[b-jijs9ujod1]{width:max-content;border:1px solid #7241bd;background:#221139;color:#d6b7ff;border-radius:7px;padding:9px 12px;cursor:pointer}.manual-location[b-jijs9ujod1]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-location label[b-jijs9ujod1]{display:flex;flex-direction:column;gap:5px;font-size:10px}.manual-location select[b-jijs9ujod1]{height:38px;background:#0b1821;color:#fff;border:1px solid #2d414e;border-radius:7px;padding:0 9px}.category-tabs[b-jijs9ujod1]{display:flex;gap:7px;align-items:center;padding:14px 0;overflow:auto}.category-tabs button[b-jijs9ujod1]{min-height:37px;white-space:nowrap;border:1px solid #263946;border-radius:999px;background:#101920;color:#fff;padding:0 13px;display:flex;align-items:center;gap:7px;cursor:pointer}.category-tabs button.active[b-jijs9ujod1]{background:linear-gradient(135deg,#4a42d8,#3b4dcb);border-color:#6a65ff}.content-grid[b-jijs9ujod1]{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;gap:14px;align-items:start}.filters-panel[b-jijs9ujod1],.map-card[b-jijs9ujod1],.why-card[b-jijs9ujod1],.promo-card[b-jijs9ujod1]{border:1px solid #243742;border-radius:11px;background:linear-gradient(150deg,#09151d,#061018)}.filters-panel[b-jijs9ujod1]{padding:13px;position:sticky;top:12px}.filters-title[b-jijs9ujod1]{display:flex;justify-content:space-between;align-items:center}.filters-title h2[b-jijs9ujod1]{margin:0;font-size:16px}.filters-title button[b-jijs9ujod1],.more-link[b-jijs9ujod1]{border:0;background:transparent;color:#8ec1ff;cursor:pointer;font-size:10px}.filters-panel section[b-jijs9ujod1]{padding:13px 0;border-bottom:1px solid #21333e}.filters-panel h3[b-jijs9ujod1]{margin:0 0 9px;font-size:11px}.radio-line[b-jijs9ujod1],.check-line[b-jijs9ujod1]{display:flex;align-items:center;gap:7px;font-size:10px;margin:7px 0;cursor:pointer}.radio-line input[b-jijs9ujod1],.check-line input[b-jijs9ujod1]{accent-color:#6554e7}.range-label[b-jijs9ujod1]{display:flex;justify-content:space-between;font-size:9px;color:#9bb0bc;margin:10px 0 5px}.range[b-jijs9ujod1]{width:100%;accent-color:#6658ef}.muted[b-jijs9ujod1]{color:#8095a1}.price-buttons[b-jijs9ujod1],.rating-buttons[b-jijs9ujod1]{display:flex;flex-wrap:wrap;gap:5px}.price-buttons button[b-jijs9ujod1],.rating-buttons button[b-jijs9ujod1]{border:1px solid #304551;border-radius:6px;background:#0b1821;color:#fff;padding:6px 9px;font-size:9px;cursor:pointer}.price-buttons button.active[b-jijs9ujod1],.rating-buttons button.active[b-jijs9ujod1]{background:#4932a6;border-color:#7562dd}.rating-buttons button[b-jijs9ujod1]{color:#ffd252}.clear-button[b-jijs9ujod1]{width:100%;height:36px;margin-top:12px;border:1px solid #324754;border-radius:7px;background:#0a171f;color:#fff;cursor:pointer}.results-column[b-jijs9ujod1]{min-width:0}.results-head[b-jijs9ujod1]{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:10px}.results-head>div[b-jijs9ujod1]{display:flex;flex-direction:column;gap:3px}.results-head strong[b-jijs9ujod1]{font-size:14px}.inline-error[b-jijs9ujod1]{color:#ff9e9e}.sort-select[b-jijs9ujod1]{display:flex;align-items:center;gap:7px;font-size:9px;color:#9cafba}.sort-select select[b-jijs9ujod1]{height:34px;background:#0b1720;color:#fff;border:1px solid #2a3e4a;border-radius:7px;padding:0 8px}.business-list[b-jijs9ujod1]{display:flex;flex-direction:column;gap:10px}.business-card[b-jijs9ujod1]{min-height:152px;display:grid;grid-template-columns:170px 110px minmax(0,1fr) 185px;gap:12px;padding:8px;border:1px solid #223641;border-radius:10px;background:linear-gradient(135deg,#0a161e,#07131a);overflow:hidden}.cover[b-jijs9ujod1]{position:relative;min-height:134px;border-radius:8px;overflow:hidden;background:#101a20;display:grid;place-items:center}.cover img[b-jijs9ujod1]{width:100%;height:100%;object-fit:cover}.image-fallback[b-jijs9ujod1]{font-size:35px;font-weight:900;color:#fff}.demo-badge[b-jijs9ujod1]{position:absolute;top:7px;left:7px;z-index:3;background:#ffc400;color:#161108;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900}.open-badge[b-jijs9ujod1]{position:absolute;bottom:7px;left:7px;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800}.open-badge.open[b-jijs9ujod1]{background:#0c7a4b;color:#c7ffe3}.open-badge.closed[b-jijs9ujod1]{background:#74321e;color:#ffd4c3}.logo[b-jijs9ujod1]{border:1px solid #263a45;border-radius:8px;background:#08131a;display:grid;place-items:center;overflow:hidden}.logo img[b-jijs9ujod1]{width:100%;height:100%;object-fit:contain}.logo span[b-jijs9ujod1]{font-size:22px;font-weight:900}.business-copy[b-jijs9ujod1]{padding:5px 0;min-width:0}.business-copy h3[b-jijs9ujod1]{margin:0;font-size:17px;display:flex;align-items:center;gap:6px}.verified[b-jijs9ujod1]{color:#6574ff;font-size:10px}.business-copy p[b-jijs9ujod1]{margin:5px 0;font-size:10px;color:#aebdc6}.business-meta[b-jijs9ujod1]{display:flex;gap:8px;font-size:9px;margin-top:7px}.business-meta strong[b-jijs9ujod1]{color:#ffc72e}.service-tags[b-jijs9ujod1]{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.service-tags span[b-jijs9ujod1]{border:1px solid #2b414d;border-radius:999px;background:#101d25;padding:4px 7px;font-size:8px;color:#d9e5ea}.business-action[b-jijs9ujod1]{position:relative;padding:12px 8px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.guest-heart[b-jijs9ujod1]{position:absolute;right:2px;top:2px;border:0;background:transparent;color:#dfe7ec;font-size:23px;cursor:pointer}.business-action small[b-jijs9ujod1]{color:#a4b3bc}.business-action strong[b-jijs9ujod1]{font-size:18px;margin:2px 0 12px}.availability-button[b-jijs9ujod1]{width:100%;min-height:38px;border:0;border-radius:7px;background:linear-gradient(135deg,#4d49d8,#3b3cc0);color:#fff;font-weight:800;cursor:pointer}.results-loading[b-jijs9ujod1],.empty-results[b-jijs9ujod1]{min-height:350px;border:1px dashed #2a3c47;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#9db0ba}.empty-results h2[b-jijs9ujod1]{margin:0;color:#fff}.empty-results p[b-jijs9ujod1]{margin:0}.empty-results>span[b-jijs9ujod1]{font-size:30px;color:#7b5ce0}.empty-results button[b-jijs9ujod1]{border:0;border-radius:7px;background:#6733b3;color:#fff;padding:8px 12px}.spinner[b-jijs9ujod1]{width:30px;height:30px;border:3px solid #293d49;border-top-color:#7655e8;border-radius:50%;animation:spin-b-jijs9ujod1 .8s linear infinite}@keyframes spin-b-jijs9ujod1{to{transform:rotate(360deg)}}.pager[b-jijs9ujod1]{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px}.pager button[b-jijs9ujod1]{width:34px;height:34px;border:1px solid #2c414e;background:#0a1720;color:#fff;border-radius:50%;cursor:pointer}.pager span[b-jijs9ujod1]{font-size:10px;color:#9fb1ba}.right-rail[b-jijs9ujod1]{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px}.map-card[b-jijs9ujod1],.why-card[b-jijs9ujod1],.promo-card[b-jijs9ujod1]{padding:12px}.rail-title[b-jijs9ujod1]{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.rail-title span[b-jijs9ujod1]{font-size:9px;color:#a8b8c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map[b-jijs9ujod1]{height:300px;border-radius:8px;overflow:hidden}.map-error[b-jijs9ujod1]{display:block;color:#ff9d9d;margin-top:7px}.why-card[b-jijs9ujod1]{display:flex;flex-direction:column;gap:9px}.why-card h3[b-jijs9ujod1]{margin:0 0 4px;font-size:13px}.why-card span[b-jijs9ujod1]{font-size:10px}.promo-card[b-jijs9ujod1]{background:linear-gradient(135deg,#211458,#2e266f);min-height:120px}.promo-card strong[b-jijs9ujod1]{font-size:15px}.promo-card p[b-jijs9ujod1]{font-size:10px;line-height:1.5}.promo-card button[b-jijs9ujod1]{border:0;border-radius:6px;background:#4640ba;color:#fff;padding:8px 10px;cursor:pointer}.page-state[b-jijs9ujod1]{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.page-state a[b-jijs9ujod1]{color:#b98cff}.booking-backdrop[b-jijs9ujod1]{position:fixed;inset:0;background:#000b;z-index:100}.booking-modal[b-jijs9ujod1]{position:fixed;z-index:101;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 28px));max-height:88vh;overflow:auto;border:1px solid #304652;border-radius:13px;background:#07131b;color:#fff;box-shadow:0 28px 90px #000a}.booking-modal>header[b-jijs9ujod1]{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #263946}.booking-modal h2[b-jijs9ujod1]{margin:0}.booking-modal header p[b-jijs9ujod1]{margin:4px 0 0;font-size:10px;color:#9fb1bb}.booking-modal header button[b-jijs9ujod1]{border:0;background:transparent;color:#fff;font-size:23px}.booking-state[b-jijs9ujod1],.booking-success[b-jijs9ujod1]{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.booking-success>span[b-jijs9ujod1]{font-size:38px;color:#62e3a3}.booking-success button[b-jijs9ujod1]{border:0;border-radius:7px;background:#5b38c5;color:#fff;padding:9px 12px}.steps[b-jijs9ujod1]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:13px 16px}.steps span[b-jijs9ujod1]{padding:8px;border-radius:6px;background:#101d25;color:#78909d;font-size:9px;text-align:center}.steps span.active[b-jijs9ujod1]{background:#372067;color:#d9c6ff}.booking-options[b-jijs9ujod1]{padding:4px 16px 16px;display:flex;flex-direction:column;gap:7px}.booking-options button[b-jijs9ujod1]{border:1px solid #2d424e;border-radius:8px;background:#0a1821;color:#fff;padding:11px;display:flex;justify-content:space-between;align-items:center;text-align:left}.booking-options button span[b-jijs9ujod1]{display:flex;flex-direction:column}.booking-options small[b-jijs9ujod1]{color:#92a7b2}.booking-date[b-jijs9ujod1]{padding:5px 16px 16px}.booking-date label[b-jijs9ujod1]{display:flex;flex-direction:column;gap:5px;font-size:10px}.booking-date input[b-jijs9ujod1]{height:38px;background:#0b1821;color:#fff;color-scheme:dark;border:1px solid #2d424e;border-radius:7px;padding:0 9px}.slots[b-jijs9ujod1]{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.slots button[b-jijs9ujod1]{border:1px solid #344a56;border-radius:7px;background:#0c1a23;color:#fff;padding:8px 10px}.slots button.selected[b-jijs9ujod1]{background:#6d35bd}.confirmation[b-jijs9ujod1]{padding:8px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirmation div[b-jijs9ujod1]{border:1px solid #293d49;border-radius:7px;padding:9px;display:flex;flex-direction:column}.confirmation small[b-jijs9ujod1]{color:#91a5af}.booking-error[b-jijs9ujod1]{margin:8px 16px;padding:9px;border:1px solid #6a2831;background:#34151a;color:#ffb9bd;border-radius:7px}.confirm-booking[b-jijs9ujod1]{margin:10px 16px;width:calc(100% - 32px);height:40px;border:0;border-radius:7px;background:#6c35bd;color:#fff;font-weight:800}.back-step[b-jijs9ujod1]{margin:0 16px 16px;border:0;background:transparent;color:#b69aff;cursor:pointer}
@media(max-width:1250px){.content-grid[b-jijs9ujod1]{grid-template-columns:210px minmax(0,1fr)}.right-rail[b-jijs9ujod1]{grid-column:1/-1;position:static;display:grid;grid-template-columns:1.5fr 1fr 1fr}.business-card[b-jijs9ujod1]{grid-template-columns:150px 90px minmax(0,1fr) 170px}.map[b-jijs9ujod1]{height:220px}}
@media(max-width:900px){.explore-shell[b-jijs9ujod1]{width:min(100% - 24px,1540px)}.category-hero[b-jijs9ujod1]{grid-template-columns:1fr}.hero-image[b-jijs9ujod1]{display:none}.search-bar[b-jijs9ujod1]{grid-template-columns:1fr 1fr}.search-button[b-jijs9ujod1]{height:44px}.content-grid[b-jijs9ujod1]{grid-template-columns:1fr}.filters-panel[b-jijs9ujod1]{position:static}.right-rail[b-jijs9ujod1]{grid-template-columns:1fr}.business-card[b-jijs9ujod1]{grid-template-columns:140px minmax(0,1fr) 160px}.logo[b-jijs9ujod1]{display:none}.manual-location[b-jijs9ujod1]{grid-template-columns:1fr}}
@media(max-width:650px){.explore-shell[b-jijs9ujod1]{width:calc(100% - 16px)}.hero-title h1[b-jijs9ujod1]{font-size:24px}.search-bar[b-jijs9ujod1]{grid-template-columns:1fr}.category-tabs[b-jijs9ujod1]{padding:10px 0}.filters-panel[b-jijs9ujod1]{display:none}.business-card[b-jijs9ujod1]{grid-template-columns:100px minmax(0,1fr);min-height:0}.cover[b-jijs9ujod1]{min-height:110px}.business-action[b-jijs9ujod1]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:5px}.business-action .guest-heart[b-jijs9ujod1]{display:none}.business-action small[b-jijs9ujod1]{display:none}.business-action strong[b-jijs9ujod1]{margin:0}.service-tags span:nth-child(n+3)[b-jijs9ujod1]{display:none}.confirmation[b-jijs9ujod1]{grid-template-columns:1fr}.steps[b-jijs9ujod1]{grid-template-columns:1fr 1fr}}
/* /Pages/Marketplace/Contact.razor.rz.scp.css */
/* =========================================================
   TURNO YA - CONTACTO PÚBLICO
   ========================================================= */

*[b-584roh9qdn] {
    box-sizing: border-box;
}

.contact-page[b-584roh9qdn] {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
    padding: 24px 34px 50px;
    color: #ffffff;
}

/* =========================================================
   HERO
   ========================================================= */

.contact-hero[b-584roh9qdn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 38px 42px;
    border: 1px solid #263a47;
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 86% 25%,
            rgba(91, 42, 168, 0.34),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #08151e,
            #11102a
        );
}

.eyebrow[b-584roh9qdn],
.section-kicker[b-584roh9qdn],
.contact-form-card header > span[b-584roh9qdn],
.contact-cta > div:first-child > span[b-584roh9qdn] {
    color: #ffc400;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.contact-hero h1[b-584roh9qdn] {
    margin: 10px 0;
    font-size: clamp(34px, 4vw, 56px);
    letter-spacing: -0.03em;
}

.contact-hero h1 strong[b-584roh9qdn] {
    color: #ffc400;
}

.contact-hero p[b-584roh9qdn] {
    max-width: 720px;
    margin: 0;
    color: #b5c4cd;
    line-height: 1.7;
}

.hero-badge[b-584roh9qdn] {
    min-width: 260px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid #503e7b;
    border-radius: 12px;
    background: rgba(9, 17, 28, 0.78);
}

.hero-badge > span[b-584roh9qdn] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #5e2daf;
    color: #ffffff;
    font-size: 18px;
}

.hero-badge small[b-584roh9qdn],
.hero-badge strong[b-584roh9qdn] {
    display: block;
}

.hero-badge small[b-584roh9qdn] {
    color: #9dacc0;
    font-size: 9px;
}

.hero-badge strong[b-584roh9qdn] {
    margin-top: 3px;
}

/* =========================================================
   LAYOUT
   ========================================================= */

.contact-layout[b-584roh9qdn] {
    display: grid;
    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(500px, 1.2fr);
    gap: 22px;
    margin-top: 22px;
}

/* =========================================================
   INFORMACIÓN
   ========================================================= */

.contact-info[b-584roh9qdn],
.contact-form-card[b-584roh9qdn] {
    border: 1px solid #263a47;
    border-radius: 14px;
    background: #06131c;
}

.contact-info[b-584roh9qdn] {
    padding: 30px;
}

.contact-info h2[b-584roh9qdn] {
    margin: 8px 0 20px;
    font-size: 30px;
    line-height: 1.08;
}

.contact-info h2 strong[b-584roh9qdn] {
    display: block;
    color: #ffc400;
}

.contact-cards[b-584roh9qdn] {
    display: grid;
    gap: 10px;
}

.contact-cards article[b-584roh9qdn] {
    display: grid;
    grid-template-columns:
        44px
        minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 14px;
    border: 1px solid #253a46;
    border-radius: 10px;
    background: #081720;
}

.info-icon[b-584roh9qdn] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #402080;
    color: #ffffff;
    font-size: 18px;
}

.contact-cards strong[b-584roh9qdn] {
    display: block;
}

.contact-cards p[b-584roh9qdn] {
    margin: 4px 0 0;
    color: #9fb0ba;
    font-size: 12px;
    line-height: 1.55;
}

.contact-note[b-584roh9qdn] {
    display: grid;
    grid-template-columns:
        36px
        minmax(0, 1fr);
    gap: 10px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #1b6441;
    border-radius: 10px;
    background: #07251a;
}

.contact-note > span[b-584roh9qdn] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0b7043;
}

.contact-note p[b-584roh9qdn] {
    margin: 4px 0 0;
    color: #a5c8b7;
    font-size: 11px;
    line-height: 1.5;
}

/* =========================================================
   FORMULARIO
   ========================================================= */

.contact-form-card[b-584roh9qdn] {
    padding: 30px;
}

.contact-form-card header h2[b-584roh9qdn] {
    margin: 5px 0;
    font-size: 32px;
}

.contact-form-card header p[b-584roh9qdn] {
    margin: 0 0 22px;
    color: #9eb0bb;
}

.form-grid[b-584roh9qdn] {
    display: grid;
    grid-template-columns:
        1fr
        1fr;
    gap: 14px;
}

.form-grid label[b-584roh9qdn] {
    display: grid;
    gap: 6px;
    color: #dce5ea;
    font-size: 11px;
    font-weight: 700;
}

.form-grid label > small[b-584roh9qdn] {
    color: #7f929e;
    font-weight: 400;
}

.form-grid input[b-584roh9qdn],
.form-grid select[b-584roh9qdn],
.form-grid textarea[b-584roh9qdn] {
    width: 100%;
    border: 1px solid #304652;
    border-radius: 8px;
    background: #020a0f;
    color: #ffffff;
    padding: 11px 12px;
    outline: none;
}

.form-grid input[b-584roh9qdn],
.form-grid select[b-584roh9qdn] {
    min-height: 44px;
}

.form-grid textarea[b-584roh9qdn] {
    min-height: 150px;
    resize: vertical;
}

.form-grid input:focus[b-584roh9qdn],
.form-grid select:focus[b-584roh9qdn],
.form-grid textarea:focus[b-584roh9qdn] {
    border-color: #7140c8;
    box-shadow: 0 0 0 3px rgba(113, 64, 200, 0.12);
}

.wide[b-584roh9qdn] {
    grid-column: 1 / -1;
}

.field-footer[b-584roh9qdn] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #7f929e;
    font-size: 9px;
}

.validation-message[b-584roh9qdn] {
    color: #ff8b8b;
    font-size: 10px;
}

.honeypot[b-584roh9qdn] {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.form-error[b-584roh9qdn] {
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid #813b42;
    border-radius: 8px;
    background: #2a1015;
    color: #ffb7bd;
    font-size: 11px;
}

.submit-button[b-584roh9qdn] {
    width: 100%;
    min-height: 48px;
    margin-top: 16px;
    border: 0;
    border-radius: 8px;
    background:
        linear-gradient(
            135deg,
            #6d2fc1,
            #4e1e9e
        );
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}

.submit-button:disabled[b-584roh9qdn] {
    opacity: 0.65;
    cursor: wait;
}

.privacy-note[b-584roh9qdn] {
    margin: 10px 0 0;
    color: #718692;
    font-size: 9px;
    line-height: 1.5;
}

/* =========================================================
   ÉXITO
   ========================================================= */

.success-state[b-584roh9qdn] {
    min-height: 430px;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 10px;
    text-align: center;
}

.success-icon[b-584roh9qdn] {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0b7043;
    color: #ffffff;
    font-size: 26px;
}

.success-state h3[b-584roh9qdn] {
    margin: 8px 0 0;
    font-size: 24px;
}

.success-state p[b-584roh9qdn] {
    max-width: 500px;
    margin: 0;
    color: #a8bac4;
}

.success-state small[b-584roh9qdn] {
    color: #7e929e;
}

.success-state button[b-584roh9qdn] {
    margin-top: 10px;
    padding: 10px 14px;
    border: 1px solid #3c5060;
    border-radius: 8px;
    background: #07131b;
    color: #ffffff;
}

/* =========================================================
   CTA
   ========================================================= */

.contact-cta[b-584roh9qdn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    margin-top: 22px;
    padding: 30px 34px;
    border: 1px solid #3b3650;
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            #08141d,
            #18112f
        );
}

.contact-cta h2[b-584roh9qdn] {
    margin: 6px 0 0;
    font-size: 27px;
}

.contact-cta h2 strong[b-584roh9qdn] {
    color: #ffc400;
}

.contact-cta > div:last-child[b-584roh9qdn] {
    display: flex;
    gap: 8px;
}

.primary[b-584roh9qdn],
.secondary[b-584roh9qdn] {
    min-height: 43px;
    padding: 0 16px;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
}

.primary[b-584roh9qdn] {
    border: 0;
    background: #ffc400;
    color: #151008;
}

.secondary[b-584roh9qdn] {
    border: 1px solid #354955;
    background: #07131b;
    color: #ffffff;
}

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

@media (max-width: 980px) {
    .contact-layout[b-584roh9qdn] {
        grid-template-columns: 1fr;
    }

    .contact-hero[b-584roh9qdn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-badge[b-584roh9qdn] {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .contact-page[b-584roh9qdn] {
        padding: 14px 12px 30px;
    }

    .contact-hero[b-584roh9qdn] {
        padding: 28px 20px;
    }

    .contact-info[b-584roh9qdn],
    .contact-form-card[b-584roh9qdn] {
        padding: 20px 16px;
    }

    .form-grid[b-584roh9qdn] {
        grid-template-columns: 1fr;
    }

    .wide[b-584roh9qdn] {
        grid-column: auto;
    }

    .contact-cta[b-584roh9qdn] {
        align-items: stretch;
        flex-direction: column;
        padding: 24px 18px;
    }

    .contact-cta > div:last-child[b-584roh9qdn] {
        flex-direction: column;
    }

    .contact-cta button[b-584roh9qdn] {
        width: 100%;
    }
}


/* =========================================================
   CLOUDFLARE TURNSTILE
   ========================================================= */

.turnstile-security[b-584roh9qdn] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1px solid #263b49;
    border-radius: 8px;
    background: #06131c;
}

.turnstile-title[b-584roh9qdn] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
}

.turnstile-title > span[b-584roh9qdn] {
    color: #ffc400;
    font-size: 20px;
}

.turnstile-title strong[b-584roh9qdn],
.turnstile-title small[b-584roh9qdn] {
    display: block;
}

.turnstile-title small[b-584roh9qdn] {
    margin-top: 2px;
    color: #8fa7b7;
}

.turnstile-widget[b-584roh9qdn] {
    min-width: 300px;
}

@media (max-width: 680px) {
    .turnstile-security[b-584roh9qdn] {
        align-items: stretch;
        flex-direction: column;
    }

    .turnstile-widget[b-584roh9qdn] {
        min-width: 0;
        width: 100%;
    }
}
/* /Pages/Marketplace/HowItWorks.razor.rz.scp.css */
/* =========================================================
   TURNO YA
   CÓMO FUNCIONA - PÚBLICO
   ========================================================= */

*[b-42zwj9ogrz] {
    box-sizing: border-box;
}

.how-page[b-42zwj9ogrz] {
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 78% 8%,
            rgba(76, 33, 145, 0.16),
            transparent 26%
        ),
        #02090f;
    color: #ffffff;
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}

.how-page main[b-42zwj9ogrz] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 34px 50px;
}

/* =========================================================
   ELEMENTOS GENERALES
   ========================================================= */

.eyebrow[b-42zwj9ogrz],
.section-title > span[b-42zwj9ogrz],
.final-cta > div:first-child > span[b-42zwj9ogrz] {
    color: #ffc400;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.primary[b-42zwj9ogrz],
.secondary[b-42zwj9ogrz] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 9px;
    cursor: pointer;
    font-weight: 800;
}

.primary[b-42zwj9ogrz] {
    border: 1px solid #f0b600;
    background:
        linear-gradient(
            135deg,
            #ffd32c,
            #edaa00
        );
    color: #151008;
}

.secondary[b-42zwj9ogrz] {
    border: 1px solid #324553;
    background: #08141d;
    color: #ffffff;
}

.primary span[b-42zwj9ogrz] {
    margin-left: 8px;
}

/* =========================================================
   HERO
   ========================================================= */

.hero[b-42zwj9ogrz] {
    min-height: 560px;
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(420px, 0.95fr);
    align-items: center;
    gap: 40px;
    padding: 48px 38px;
    border-bottom: 1px solid #1a2c37;
}

.hero-copy h1[b-42zwj9ogrz] {
    max-width: 710px;
    margin: 12px 0 16px;
    font-size: clamp(42px, 5.3vw, 76px);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.hero-copy h1 strong[b-42zwj9ogrz] {
    display: block;
    color: #ffc400;
}

.hero-copy > p[b-42zwj9ogrz] {
    max-width: 660px;
    margin: 0;
    color: #c7d2da;
    font-size: 16px;
    line-height: 1.7;
}

.hero-actions[b-42zwj9ogrz] {
    display: flex;
    gap: 10px;
    margin-top: 26px;
}

.trust-row[b-42zwj9ogrz] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 23px;
    color: #c4d0d7;
    font-size: 12px;
}

.hero-visual[b-42zwj9ogrz] {
    position: relative;
    min-height: 475px;
    display: grid;
    place-items: center;
}

.phone[b-42zwj9ogrz] {
    width: 275px;
    min-height: 455px;
    padding: 12px;
    border: 1px solid #384b58;
    border-radius: 30px;
    background:
        linear-gradient(
            150deg,
            #111d26,
            #050d13
        );
    box-shadow:
        0 40px 80px rgba(0, 0, 0, 0.45),
        0 0 60px rgba(98, 43, 176, 0.10);
    transform: rotate(3deg);
}

.phone-top[b-42zwj9ogrz] {
    width: 76px;
    height: 7px;
    margin: 3px auto 12px;
    border-radius: 99px;
    background: #293943;
}

.phone-screen[b-42zwj9ogrz] {
    min-height: 410px;
    padding: 18px 14px;
    border-radius: 20px;
    background:
        radial-gradient(
            circle at top right,
            rgba(100, 45, 176, 0.26),
            transparent 32%
        ),
        #06131c;
}

.screen-label[b-42zwj9ogrz] {
    display: block;
    margin-bottom: 16px;
    color: #ffc400;
    font-weight: 900;
}

.search-mock[b-42zwj9ogrz] {
    padding: 11px;
    border: 1px solid #2a414f;
    border-radius: 8px;
    color: #94a8b6;
    font-size: 11px;
}

.location-mock[b-42zwj9ogrz],
.service-mock[b-42zwj9ogrz],
.confirm-mock[b-42zwj9ogrz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid #253b48;
    border-radius: 10px;
    background: #0a1822;
}

.location-mock > span[b-42zwj9ogrz] {
    color: #ffc400;
}

.location-mock small[b-42zwj9ogrz],
.location-mock strong[b-42zwj9ogrz],
.service-mock small[b-42zwj9ogrz],
.service-mock strong[b-42zwj9ogrz],
.confirm-mock small[b-42zwj9ogrz],
.confirm-mock strong[b-42zwj9ogrz] {
    display: block;
}

.location-mock small[b-42zwj9ogrz],
.service-mock small[b-42zwj9ogrz],
.confirm-mock small[b-42zwj9ogrz] {
    color: #92a5b2;
    font-size: 9px;
}

.service-mock > span[b-42zwj9ogrz] {
    margin-left: auto;
}

.service-icon[b-42zwj9ogrz] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #422187;
    color: #ffffff;
}

.service-icon.alt[b-42zwj9ogrz] {
    background: #7c2551;
}

.confirm-mock[b-42zwj9ogrz] {
    margin-top: 24px;
    border-color: #16623e;
    background: #08281c;
}

.confirm-mock > span[b-42zwj9ogrz] {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #0f8a50;
}

.floating-card[b-42zwj9ogrz] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 168px;
    padding: 11px 13px;
    border: 1px solid #334754;
    border-radius: 11px;
    background: rgba(7, 19, 28, 0.94);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(8px);
}

.floating-card > span[b-42zwj9ogrz] {
    color: #ffc400;
    font-size: 20px;
}

.floating-card small[b-42zwj9ogrz],
.floating-card strong[b-42zwj9ogrz] {
    display: block;
}

.floating-card small[b-42zwj9ogrz] {
    color: #93a6b3;
    font-size: 9px;
}

.floating-card strong[b-42zwj9ogrz] {
    margin-top: 2px;
    font-size: 11px;
}

.card-one[b-42zwj9ogrz] {
    left: 4%;
    top: 23%;
}

.card-two[b-42zwj9ogrz] {
    right: 1%;
    bottom: 18%;
}

/* =========================================================
   TÍTULOS DE SECCIÓN
   ========================================================= */

.section-title[b-42zwj9ogrz] {
    max-width: 760px;
    margin: 0 auto 32px;
    text-align: center;
}

.section-title h2[b-42zwj9ogrz],
.experience-copy h2[b-42zwj9ogrz],
.business-section h2[b-42zwj9ogrz],
.final-cta h2[b-42zwj9ogrz] {
    margin: 8px 0 12px;
    font-size: clamp(30px, 3.5vw, 48px);
    letter-spacing: -0.025em;
}

.section-title h2 strong[b-42zwj9ogrz],
.experience-copy h2 strong[b-42zwj9ogrz],
.business-section h2 strong[b-42zwj9ogrz],
.final-cta h2 strong[b-42zwj9ogrz] {
    color: #ffc400;
}

.section-title p[b-42zwj9ogrz],
.experience-copy > p[b-42zwj9ogrz],
.business-section p[b-42zwj9ogrz],
.final-cta p[b-42zwj9ogrz] {
    color: #aebec8;
    line-height: 1.7;
}

/* =========================================================
   PASOS
   ========================================================= */

.steps-section[b-42zwj9ogrz] {
    padding: 78px 28px;
}

.steps[b-42zwj9ogrz] {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.steps article[b-42zwj9ogrz] {
    position: relative;
    min-height: 300px;
    padding: 24px;
    border: 1px solid #263a47;
    border-radius: 13px;
    background:
        linear-gradient(
            160deg,
            #0a1720,
            #050f16
        );
    overflow: hidden;
}

.step-number[b-42zwj9ogrz] {
    position: absolute;
    right: 16px;
    top: 10px;
    color: rgba(255, 255, 255, 0.055);
    font-size: 58px;
    font-weight: 900;
}

.step-icon[b-42zwj9ogrz] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #3f1f82;
    color: #ffffff;
    font-size: 22px;
}

.step-icon.success[b-42zwj9ogrz] {
    background: #096d42;
}

.steps h3[b-42zwj9ogrz] {
    margin: 22px 0 10px;
    font-size: 19px;
}

.steps p[b-42zwj9ogrz] {
    margin: 0;
    color: #aebdc7;
    font-size: 13px;
    line-height: 1.65;
}

.step-link[b-42zwj9ogrz] {
    display: inline-block;
    margin-top: 20px;
    color: #ffc400;
    font-size: 11px;
    font-weight: 800;
}

.button-link[b-42zwj9ogrz] {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

/* =========================================================
   EXPERIENCIA CLIENTE
   ========================================================= */

.experience-section[b-42zwj9ogrz] {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(380px, 0.78fr);
    gap: 56px;
    align-items: center;
    margin: 28px 0 78px;
    padding: 48px;
    border: 1px solid #253a46;
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(86, 38, 159, 0.22),
            transparent 34%
        ),
        #06131c;
}

.feature-list[b-42zwj9ogrz] {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 26px 0;
}

.feature-list > div[b-42zwj9ogrz] {
    display: flex;
    gap: 11px;
    padding: 13px;
    border: 1px solid #263c49;
    border-radius: 10px;
    background: rgba(8, 20, 29, 0.76);
}

.feature-list > div > span[b-42zwj9ogrz] {
    color: #ffc400;
    font-size: 20px;
}

.feature-list strong[b-42zwj9ogrz],
.feature-list small[b-42zwj9ogrz] {
    display: block;
}

.feature-list small[b-42zwj9ogrz] {
    margin-top: 4px;
    color: #9fb1bc;
    line-height: 1.5;
}

.experience-panel[b-42zwj9ogrz] {
    padding: 18px;
    border: 1px solid #344956;
    border-radius: 15px;
    background:
        linear-gradient(
            155deg,
            #0b1b25,
            #071219
        );
    box-shadow: 0 26px 50px rgba(0, 0, 0, 0.25);
}

.experience-header[b-42zwj9ogrz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid #233945;
}

.experience-header small[b-42zwj9ogrz],
.experience-header strong[b-42zwj9ogrz] {
    display: block;
}

.experience-header small[b-42zwj9ogrz] {
    color: #8fa3af;
}

.status-dot[b-42zwj9ogrz] {
    padding: 5px 9px;
    border-radius: 999px;
    background: #0c4c32;
    color: #77eab1;
    font-size: 9px;
}

.experience-row[b-42zwj9ogrz] {
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr)
        16px;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    border-bottom: 1px solid #1e323e;
}

.experience-row:last-child[b-42zwj9ogrz] {
    border-bottom: 0;
}

.experience-icon[b-42zwj9ogrz] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
}

.experience-icon.purple[b-42zwj9ogrz] {
    background: #402082;
}

.experience-icon.blue[b-42zwj9ogrz] {
    background: #123f72;
}

.experience-icon.green[b-42zwj9ogrz] {
    background: #0c5237;
}

.experience-icon.gold[b-42zwj9ogrz] {
    background: #6c4a04;
}

.experience-row strong[b-42zwj9ogrz],
.experience-row small[b-42zwj9ogrz] {
    display: block;
}

.experience-row small[b-42zwj9ogrz] {
    margin-top: 3px;
    color: #93a6b2;
    font-size: 10px;
}

/* =========================================================
   AFILIADOS - GENERA INGRESOS
   ========================================================= */

.affiliate-section[b-42zwj9ogrz] {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(360px, 0.95fr);
    gap: 52px;
    align-items: center;
    margin: 0 0 78px;
    padding: 52px;
    border: 1px solid #3a3152;
    border-radius: 20px;
    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(123, 58, 203, 0.28),
            transparent 30%
        ),
        radial-gradient(
            circle at 8% 86%,
            rgba(255, 196, 0, 0.10),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #08141d,
            #151027
        );
    overflow: hidden;
}

.affiliate-copy h2[b-42zwj9ogrz] {
    margin: 10px 0 14px;
    font-size: clamp(32px, 3.8vw, 52px);
    letter-spacing: -0.03em;
}

.affiliate-copy h2 strong[b-42zwj9ogrz] {
    display: block;
    color: #ffc400;
}

.affiliate-copy > p[b-42zwj9ogrz] {
    margin: 0;
    max-width: 720px;
    color: #b8c7d0;
    line-height: 1.75;
}

.affiliate-benefits[b-42zwj9ogrz] {
    display: grid;
    gap: 10px;
    margin: 26px 0;
}

.affiliate-benefits > div[b-42zwj9ogrz] {
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid #2a3e4b;
    border-radius: 11px;
    background: rgba(6, 18, 27, 0.74);
}

.affiliate-benefits > div > span[b-42zwj9ogrz] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            #6c31c7,
            #3c1a81
        );
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

.affiliate-benefits strong[b-42zwj9ogrz],
.affiliate-benefits small[b-42zwj9ogrz] {
    display: block;
}

.affiliate-benefits small[b-42zwj9ogrz] {
    margin-top: 3px;
    color: #99adb9;
    line-height: 1.5;
}

.affiliate-actions[b-42zwj9ogrz] {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}

.affiliate-primary[b-42zwj9ogrz],
.affiliate-secondary[b-42zwj9ogrz] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 9px;
    cursor: pointer;
    font-weight: 800;
}

.affiliate-primary[b-42zwj9ogrz] {
    border: 1px solid #f0b600;
    background:
        linear-gradient(
            135deg,
            #ffd32c,
            #edaa00
        );
    color: #151008;
}

.affiliate-primary span[b-42zwj9ogrz] {
    margin-left: 8px;
}

.affiliate-secondary[b-42zwj9ogrz] {
    border: 1px solid #64489a;
    background: #130d24;
    color: #ffffff;
}

.affiliate-note[b-42zwj9ogrz] {
    display: block;
    margin-top: 14px;
    color: #8095a2;
    font-size: 10px;
    line-height: 1.5;
}

.affiliate-visual[b-42zwj9ogrz] {
    position: relative;
    min-height: 390px;
    display: grid;
    place-items: center;
}

.income-card[b-42zwj9ogrz] {
    width: min(100%, 470px);
    padding: 22px;
    border: 1px solid #4c4362;
    border-radius: 16px;
    background:
        linear-gradient(
            155deg,
            rgba(16, 28, 38, 0.97),
            rgba(11, 13, 25, 0.98)
        );
    box-shadow:
        0 28px 60px rgba(0, 0, 0, 0.35),
        0 0 45px rgba(113, 51, 193, 0.12);
}

.income-card-head[b-42zwj9ogrz] {
    display: grid;
    grid-template-columns:
        54px
        minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.affiliate-icon[b-42zwj9ogrz] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            #7a36d4,
            #431a91
        );
    color: #ffffff;
    font-size: 24px;
}

.income-card-head small[b-42zwj9ogrz],
.income-card-head strong[b-42zwj9ogrz] {
    display: block;
}

.income-card-head small[b-42zwj9ogrz] {
    color: #a690d1;
    font-size: 9px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.income-card-head strong[b-42zwj9ogrz] {
    margin-top: 4px;
    font-size: 15px;
}

.income-metric[b-42zwj9ogrz] {
    margin: 22px 0;
    padding: 18px;
    border: 1px solid #3b3452;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            rgba(91, 38, 163, 0.18),
            rgba(255, 196, 0, 0.06)
        );
}

.income-metric span[b-42zwj9ogrz],
.income-metric strong[b-42zwj9ogrz] {
    display: block;
}

.income-metric span[b-42zwj9ogrz] {
    color: #96a9b5;
    font-size: 10px;
}

.income-metric strong[b-42zwj9ogrz] {
    margin-top: 5px;
    color: #ffc400;
    font-size: 28px;
}

.income-flow[b-42zwj9ogrz] {
    display: grid;
    grid-template-columns:
        1fr
        18px
        1fr
        18px
        1fr;
    align-items: center;
    gap: 6px;
}

.income-flow > div[b-42zwj9ogrz] {
    min-height: 90px;
    padding: 10px;
    border: 1px solid #273a46;
    border-radius: 10px;
    background: #08141d;
    text-align: center;
    font-size: 10px;
}

.income-flow > div > span[b-42zwj9ogrz] {
    width: 30px;
    height: 30px;
    margin: 0 auto 8px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #32186b;
    color: #ffffff;
    font-weight: 900;
}

.income-flow i[b-42zwj9ogrz] {
    color: #ffc400;
    text-align: center;
    font-style: normal;
}

.income-footer[b-42zwj9ogrz] {
    display: grid;
    gap: 6px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #253845;
    color: #a9bac4;
    font-size: 10px;
}

.floating-income-badge[b-42zwj9ogrz] {
    position: absolute;
    right: -10px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 190px;
    padding: 12px 14px;
    border: 1px solid #66520f;
    border-radius: 12px;
    background: rgba(26, 21, 8, 0.96);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
}

.floating-income-badge > span[b-42zwj9ogrz] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #ffc400;
    color: #151008;
    font-weight: 900;
}

.floating-income-badge small[b-42zwj9ogrz],
.floating-income-badge strong[b-42zwj9ogrz] {
    display: block;
}

.floating-income-badge small[b-42zwj9ogrz] {
    color: #b8a863;
    font-size: 9px;
}

.floating-income-badge strong[b-42zwj9ogrz] {
    margin-top: 2px;
    font-size: 11px;
}

/* =========================================================
   NEGOCIOS
   ========================================================= */

.business-section[b-42zwj9ogrz],
.final-cta[b-42zwj9ogrz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    padding: 42px 48px;
    border: 1px solid #32384b;
    border-radius: 16px;
    background:
        linear-gradient(
            120deg,
            #0a1620,
            #1d113d
        );
}

.business-section > div:first-child[b-42zwj9ogrz],
.final-cta > div:first-child[b-42zwj9ogrz] {
    max-width: 790px;
}

.business-actions[b-42zwj9ogrz],
.final-cta > div:last-child[b-42zwj9ogrz] {
    display: flex;
    gap: 9px;
    flex: 0 0 auto;
}

/* =========================================================
   FAQ
   ========================================================= */

.faq-section[b-42zwj9ogrz] {
    padding: 78px 28px;
}

.faq-grid[b-42zwj9ogrz] {
    max-width: 1040px;
    margin: 0 auto;
    display: grid;
    gap: 10px;
}

.faq-grid details[b-42zwj9ogrz] {
    border: 1px solid #263a46;
    border-radius: 10px;
    background: #06131c;
    padding: 0 18px;
}

.faq-grid summary[b-42zwj9ogrz] {
    padding: 17px 0;
    cursor: pointer;
    font-weight: 800;
}

.faq-grid p[b-42zwj9ogrz] {
    margin: 0;
    padding: 0 0 17px;
    color: #aebdc7;
    line-height: 1.65;
}

/* =========================================================
   CTA FINAL
   ========================================================= */

.final-cta[b-42zwj9ogrz] {
    margin-bottom: 30px;
    border-color: #53400a;
    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(255, 196, 0, 0.11),
            transparent 30%
        ),
        #0c1215;
}

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

@media (max-width: 1120px) {
    .affiliate-section[b-42zwj9ogrz] {
        grid-template-columns: 1fr;
    }

    .affiliate-visual[b-42zwj9ogrz] {
        min-height: 330px;
    }

    .hero[b-42zwj9ogrz] {
        grid-template-columns: 1fr;
    }

    .hero-copy[b-42zwj9ogrz] {
        text-align: center;
    }

    .hero-copy > p[b-42zwj9ogrz] {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-actions[b-42zwj9ogrz],
    .trust-row[b-42zwj9ogrz] {
        justify-content: center;
    }

    .hero-visual[b-42zwj9ogrz] {
        min-height: 430px;
    }

    .steps[b-42zwj9ogrz] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .experience-section[b-42zwj9ogrz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .affiliate-section[b-42zwj9ogrz] {
        margin-bottom: 55px;
        padding: 28px 18px;
    }

    .affiliate-actions[b-42zwj9ogrz] {
        flex-direction: column;
    }

    .affiliate-actions button[b-42zwj9ogrz] {
        width: 100%;
    }

    .affiliate-visual[b-42zwj9ogrz] {
        min-height: 300px;
    }

    .income-flow[b-42zwj9ogrz] {
        grid-template-columns: 1fr;
    }

    .income-flow i[b-42zwj9ogrz] {
        transform: rotate(90deg);
    }

    .floating-income-badge[b-42zwj9ogrz] {
        position: static;
        margin-top: 12px;
    }

    .how-page main[b-42zwj9ogrz] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .hero[b-42zwj9ogrz] {
        min-height: auto;
        padding: 34px 6px 44px;
    }

    .hero-copy h1[b-42zwj9ogrz] {
        font-size: 42px;
    }

    .hero-actions[b-42zwj9ogrz],
    .business-actions[b-42zwj9ogrz],
    .final-cta > div:last-child[b-42zwj9ogrz] {
        flex-direction: column;
    }

    .hero-actions button[b-42zwj9ogrz],
    .business-actions button[b-42zwj9ogrz],
    .final-cta button[b-42zwj9ogrz] {
        width: 100%;
    }

    .trust-row[b-42zwj9ogrz] {
        gap: 10px;
        font-size: 10px;
    }

    .hero-visual[b-42zwj9ogrz] {
        min-height: 400px;
    }

    .phone[b-42zwj9ogrz] {
        width: 240px;
        min-height: 410px;
    }

    .phone-screen[b-42zwj9ogrz] {
        min-height: 365px;
    }

    .floating-card[b-42zwj9ogrz] {
        min-width: 140px;
        padding: 9px;
    }

    .card-one[b-42zwj9ogrz] {
        left: 0;
    }

    .card-two[b-42zwj9ogrz] {
        right: 0;
    }

    .steps-section[b-42zwj9ogrz],
    .faq-section[b-42zwj9ogrz] {
        padding: 55px 0;
    }

    .steps[b-42zwj9ogrz] {
        grid-template-columns: 1fr;
    }

    .experience-section[b-42zwj9ogrz] {
        margin-bottom: 55px;
        padding: 26px 18px;
    }

    .feature-list[b-42zwj9ogrz] {
        grid-template-columns: 1fr;
    }

    .business-section[b-42zwj9ogrz],
    .final-cta[b-42zwj9ogrz] {
        align-items: stretch;
        flex-direction: column;
        padding: 28px 20px;
    }
}

@media (max-width: 430px) {
    .hero-copy h1[b-42zwj9ogrz] {
        font-size: 36px;
    }

    .hero-copy > p[b-42zwj9ogrz] {
        font-size: 14px;
    }

    .hero-visual[b-42zwj9ogrz] {
        min-height: 370px;
    }

    .phone[b-42zwj9ogrz] {
        width: 215px;
        min-height: 380px;
    }

    .phone-screen[b-42zwj9ogrz] {
        min-height: 335px;
        padding: 14px 10px;
    }

    .floating-card[b-42zwj9ogrz] {
        transform: scale(0.86);
    }

    .section-title h2[b-42zwj9ogrz],
    .experience-copy h2[b-42zwj9ogrz],
    .business-section h2[b-42zwj9ogrz],
    .final-cta h2[b-42zwj9ogrz] {
        font-size: 30px;
    }
}
/* /Pages/Marketplace/Offers.razor.rz.scp.css */
/* =========================================================
   TURNO YA - OFERTAS PÚBLICAS
   ========================================================= */

*[b-3gp79f5uuf] {
    box-sizing: border-box;
}

.public-offers-page[b-3gp79f5uuf] {
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 72% 0,
            rgba(63, 25, 114, 0.22),
            transparent 29%
        ),
        #02090f;
    color: #ffffff;
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}

.public-offers-main[b-3gp79f5uuf] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 20px 34px 46px;
}

/* =========================================================
   HERO
   ========================================================= */

.offers-hero[b-3gp79f5uuf] {
    min-height: 155px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 14px;
    padding: 26px 30px;
    border: 1px solid #223643;
    border-radius: 14px;
    background:
        linear-gradient(
            112deg,
            #07141e 0%,
            #0b1320 46%,
            #24104d 100%
        );
    overflow: hidden;
}

.hero-kicker[b-3gp79f5uuf] {
    display: block;
    margin-bottom: 8px;
    color: #f5bd22;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.hero-copy h1[b-3gp79f5uuf] {
    max-width: 760px;
    margin: 0;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.05;
}

.hero-copy p[b-3gp79f5uuf] {
    max-width: 700px;
    margin: 10px 0 0;
    color: #c8d2da;
    font-size: 14px;
}

.hero-location[b-3gp79f5uuf] {
    min-width: 240px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 14px;
    border: 1px solid #3d315d;
    border-radius: 11px;
    background: rgba(3, 13, 22, 0.58);
}

.hero-location-icon[b-3gp79f5uuf] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #5e2bb0;
    color: #ffd23a;
}

.hero-location small[b-3gp79f5uuf],
.hero-location strong[b-3gp79f5uuf] {
    display: block;
}

.hero-location small[b-3gp79f5uuf] {
    color: #9fb0bc;
    font-size: 9px;
}

.hero-location strong[b-3gp79f5uuf] {
    margin-top: 2px;
    font-size: 12px;
}

/* =========================================================
   BÚSQUEDA
   ========================================================= */

.search-row[b-3gp79f5uuf] {
    display: grid;
    grid-template-columns:
        minmax(320px, 1fr)
        minmax(220px, 0.46fr)
        120px;
    gap: 10px;
    margin-bottom: 12px;
}

.search-box[b-3gp79f5uuf],
.search-row button[b-3gp79f5uuf],
.location-panel select[b-3gp79f5uuf],
.location-panel button[b-3gp79f5uuf],
.filters select[b-3gp79f5uuf] {
    min-height: 48px;
    border: 1px solid #263b48;
    border-radius: 8px;
    background: #07141d;
    color: #ffffff;
}

.search-box[b-3gp79f5uuf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
}

.search-box input[b-3gp79f5uuf] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
}

.location-button[b-3gp79f5uuf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    cursor: pointer;
}

.location-button strong[b-3gp79f5uuf] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-button[b-3gp79f5uuf] {
    border-color: #e0a200 !important;
    background:
        linear-gradient(
            135deg,
            #ffd12c,
            #e9a600
        ) !important;
    color: #171108 !important;
    font-weight: 900;
    cursor: pointer;
}

/* =========================================================
   UBICACIÓN
   ========================================================= */

.location-panel[b-3gp79f5uuf] {
    display: grid;
    grid-template-columns:
        1.25fr
        1fr
        1fr
        1fr;
    gap: 10px;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #263b48;
    border-radius: 10px;
    background: #07131b;
}

.location-panel select[b-3gp79f5uuf],
.location-panel button[b-3gp79f5uuf] {
    padding: 0 12px;
}

.current-location-button[b-3gp79f5uuf] {
    color: #ffd22d !important;
}

.apply-location-button[b-3gp79f5uuf] {
    border-color: #6532b5 !important;
    background: #512394 !important;
}

/* =========================================================
   CATEGORÍAS
   ========================================================= */

.category-tabs[b-3gp79f5uuf] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin-bottom: 16px;
    padding: 2px 0;
}

.category-tabs button[b-3gp79f5uuf] {
    flex: 0 0 auto;
    border: 1px solid #263b48;
    border-radius: 9px;
    background: #07131b;
    color: #ffffff;
    padding: 9px 14px;
    cursor: pointer;
}

.category-tabs button.active[b-3gp79f5uuf] {
    border-color: #7a39ce;
    background:
        linear-gradient(
            135deg,
            #6e2dc4,
            #4b1d97
        );
}

/* =========================================================
   GRID
   ========================================================= */

.offers-grid[b-3gp79f5uuf] {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        300px;
    gap: 18px;
    align-items: start;
}

.results[b-3gp79f5uuf] {
    min-width: 0;
}

.results-head[b-3gp79f5uuf] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 11px;
}

.results-head label[b-3gp79f5uuf] {
    font-size: 11px;
}

.results-head select[b-3gp79f5uuf] {
    margin-left: 6px;
    padding: 7px 9px;
    border: 1px solid #263b48;
    border-radius: 7px;
    background: #07131b;
    color: #ffffff;
}

/* =========================================================
   TARJETA DE PROMOCIÓN
   ========================================================= */

.promo-card[b-3gp79f5uuf] {
    display: grid;
    grid-template-columns:
        210px
        minmax(0, 1fr)
        190px;
    min-height: 164px;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #253a47;
    border-radius: 11px;
    background:
        linear-gradient(
            135deg,
            #091721,
            #061018
        );
}

.promo-image[b-3gp79f5uuf] {
    position: relative;
    min-height: 164px;
    overflow: hidden;
    background: #111a20;
}

.promo-image img[b-3gp79f5uuf],
.promo-image-fallback[b-3gp79f5uuf] {
    width: 100%;
    height: 100%;
    min-height: 164px;
}

.promo-image img[b-3gp79f5uuf] {
    display: block;
    object-fit: cover;
    object-position: center;
}

.promo-image-fallback[b-3gp79f5uuf] {
    display: grid;
    place-items: center;
    background:
        linear-gradient(
            135deg,
            #24113e,
            #7d4a00
        );
    font-size: 32px;
    font-weight: 900;
}

.discount-badge[b-3gp79f5uuf],
.demo-badge[b-3gp79f5uuf] {
    position: absolute;
    z-index: 2;
    left: 8px;
    border-radius: 999px;
    background: #ffc400;
    color: #181107;
    font-weight: 900;
}

.discount-badge[b-3gp79f5uuf] {
    top: 8px;
    padding: 5px 9px;
    font-size: 13px;
}

.demo-badge[b-3gp79f5uuf] {
    bottom: 8px;
    padding: 4px 8px;
    font-size: 9px;
    letter-spacing: 0.06em;
}

.promo-content[b-3gp79f5uuf] {
    min-width: 0;
    padding: 15px 16px;
}

.category-label[b-3gp79f5uuf] {
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
}

.promo-content h2[b-3gp79f5uuf] {
    margin: 0;
    font-size: 17px;
}

.promo-content > p[b-3gp79f5uuf] {
    margin: 7px 0;
    color: #c5d0d7;
    font-size: 11px;
    line-height: 1.45;
}

.promo-meta[b-3gp79f5uuf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.promo-meta span[b-3gp79f5uuf] {
    max-width: 100%;
    padding: 5px 7px;
    border: 1px solid #263b48;
    border-radius: 6px;
    color: #d8e1e7;
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promo-price[b-3gp79f5uuf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 15px;
    border-left: 1px solid #1e3440;
}

.promo-price span[b-3gp79f5uuf],
.promo-price small[b-3gp79f5uuf] {
    color: #becbd3;
    font-size: 10px;
}

.promo-price strong[b-3gp79f5uuf] {
    color: #8f45ec;
    font-size: 24px;
}

.promo-price .discount-only[b-3gp79f5uuf] {
    font-size: 27px;
}

.promo-price button[b-3gp79f5uuf] {
    margin-top: 8px;
    border: 0;
    border-radius: 7px;
    background:
        linear-gradient(
            135deg,
            #7132c6,
            #4b1d97
        );
    color: #ffffff;
    padding: 11px;
    cursor: pointer;
    font-weight: 800;
}

/* =========================================================
   FILTROS
   ========================================================= */

.filters[b-3gp79f5uuf] {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 14px;
    border: 1px solid #263a46;
    border-radius: 10px;
    background: #07131b;
}

.filters-title[b-3gp79f5uuf] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.filters-title button[b-3gp79f5uuf] {
    border: 0;
    background: transparent;
    color: #b26cff;
    cursor: pointer;
}

.filters label[b-3gp79f5uuf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
}

.current-location-label[b-3gp79f5uuf] {
    color: #d3dee4;
    font-size: 10px;
}

.filters input[type="range"][b-3gp79f5uuf] {
    width: 100%;
    accent-color: #7433c8;
}

.filters select[b-3gp79f5uuf] {
    width: 100%;
    padding: 0 10px;
}

.discount-buttons[b-3gp79f5uuf] {
    display: grid;
    grid-template-columns:
        repeat(4, 1fr);
    gap: 5px;
}

.discount-buttons button[b-3gp79f5uuf] {
    border: 1px solid #2b414e;
    border-radius: 7px;
    background: #0a1720;
    color: #ffffff;
    padding: 9px 3px;
    cursor: pointer;
}

.discount-buttons button.selected[b-3gp79f5uuf] {
    border-color: #7c3bd0;
    background: #5a269f;
}

.apply-filters[b-3gp79f5uuf] {
    border: 0;
    border-radius: 7px;
    background:
        linear-gradient(
            135deg,
            #7132c6,
            #4b1d97
        );
    color: #ffffff;
    padding: 11px;
    cursor: pointer;
    font-weight: 800;
}

.benefits[b-3gp79f5uuf],
.login-card[b-3gp79f5uuf] {
    display: grid;
    gap: 8px;
    margin-top: 4px;
    padding-top: 13px;
    border-top: 1px solid #203541;
}

.benefits strong[b-3gp79f5uuf],
.login-card strong[b-3gp79f5uuf] {
    font-size: 12px;
}

.benefits span[b-3gp79f5uuf] {
    color: #c5d1d8;
    font-size: 10px;
}

.login-card p[b-3gp79f5uuf] {
    margin: 0;
    color: #b8c6cf;
    font-size: 10px;
    line-height: 1.4;
}

.login-card button[b-3gp79f5uuf] {
    border: 1px solid #7b3ed2;
    border-radius: 7px;
    background: #291352;
    color: #ffffff;
    padding: 10px;
    cursor: pointer;
}

/* =========================================================
   ESTADOS
   ========================================================= */

.state[b-3gp79f5uuf] {
    min-height: 440px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    border: 1px dashed #273b48;
    border-radius: 10px;
    text-align: center;
}

.state p[b-3gp79f5uuf] {
    margin: 0;
    color: #bdc9d1;
}

.state button[b-3gp79f5uuf] {
    border: 0;
    border-radius: 7px;
    background: #5a289e;
    color: #ffffff;
    padding: 9px 14px;
    cursor: pointer;
}

.spinner[b-3gp79f5uuf] {
    width: 34px;
    height: 34px;
    border: 3px solid #2a3b46;
    border-top-color: #8e47df;
    border-radius: 50%;
    animation: spin-b-3gp79f5uuf 0.8s linear infinite;
}

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

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

@media (max-width: 1150px) {
    .public-offers-main[b-3gp79f5uuf] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .offers-grid[b-3gp79f5uuf] {
        grid-template-columns: 1fr;
    }

    .filters[b-3gp79f5uuf] {
        position: static;
    }

    .promo-card[b-3gp79f5uuf] {
        grid-template-columns:
            190px
            minmax(0, 1fr)
            180px;
    }
}

@media (max-width: 850px) {
    .public-offers-main[b-3gp79f5uuf] {
        padding: 14px 12px 30px;
    }

    .offers-hero[b-3gp79f5uuf] {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

    .hero-location[b-3gp79f5uuf] {
        width: 100%;
    }

    .search-row[b-3gp79f5uuf] {
        grid-template-columns: 1fr;
    }

    .location-panel[b-3gp79f5uuf] {
        grid-template-columns: 1fr 1fr;
    }

    .promo-card[b-3gp79f5uuf] {
        grid-template-columns:
            180px
            minmax(0, 1fr);
    }

    .promo-price[b-3gp79f5uuf] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns:
            auto
            auto
            1fr;
        align-items: center;
        border-top: 1px solid #1e3440;
        border-left: 0;
    }

    .promo-price button[b-3gp79f5uuf] {
        margin-top: 0;
    }
}

@media (max-width: 560px) {
    .hero-copy h1[b-3gp79f5uuf] {
        font-size: 28px;
    }

    .location-panel[b-3gp79f5uuf] {
        grid-template-columns: 1fr;
    }

    .results-head[b-3gp79f5uuf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .promo-card[b-3gp79f5uuf] {
        grid-template-columns: 1fr;
    }

    .promo-image[b-3gp79f5uuf] {
        height: 220px;
    }

    .promo-image img[b-3gp79f5uuf],
    .promo-image-fallback[b-3gp79f5uuf] {
        min-height: 220px;
    }

    .promo-price[b-3gp79f5uuf] {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .promo-price button[b-3gp79f5uuf] {
        margin-top: 6px;
    }

    .category-tabs[b-3gp79f5uuf] {
        margin-right: -12px;
    }
}
/* /Pages/Marketplace/Professionals.razor.rz.scp.css */
/* =========================================================
   TURNO YA
   PROFESIONALES PÚBLICO
   ========================================================= */

*[b-u1j3v19oh8] {
    box-sizing: border-box;
}

.public-professionals-page[b-u1j3v19oh8] {
    min-height: 100vh;
    background: #02090f;
    color: #ffffff;
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}

.public-professionals-main[b-u1j3v19oh8] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 22px 34px 46px;
}

/* =========================================================
   CABECERA
   ========================================================= */

.page-head[b-u1j3v19oh8] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
}

.page-head h1[b-u1j3v19oh8] {
    margin: 0;
    font-size: 30px;
}

.page-head p[b-u1j3v19oh8] {
    margin: 4px 0 0;
    color: #c5d0d8;
    font-size: 13px;
}

.location-summary[b-u1j3v19oh8] {
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #263b48;
    border-radius: 10px;
    background: #07131b;
    padding: 9px 12px;
}

.location-summary > span[b-u1j3v19oh8] {
    color: #ffc400;
    font-size: 20px;
}

.location-summary small[b-u1j3v19oh8],
.location-summary strong[b-u1j3v19oh8] {
    display: block;
}

.location-summary small[b-u1j3v19oh8] {
    color: #9fb0bd;
    font-size: 9px;
}

.location-summary strong[b-u1j3v19oh8] {
    margin-top: 2px;
    font-size: 12px;
}

/* =========================================================
   BÚSQUEDA
   ========================================================= */

.search-row[b-u1j3v19oh8] {
    display: grid;
    grid-template-columns:
        minmax(300px, 1fr)
        minmax(220px, 0.55fr)
        120px
        120px;
    gap: 10px;
    margin-bottom: 14px;
}

.search-box[b-u1j3v19oh8],
.search-row button[b-u1j3v19oh8],
.location-panel select[b-u1j3v19oh8],
.location-panel button[b-u1j3v19oh8],
.filters select[b-u1j3v19oh8],
.filters input[type="number"][b-u1j3v19oh8] {
    min-height: 48px;
    border: 1px solid #263b48;
    border-radius: 8px;
    background: #07141d;
    color: #ffffff;
}

.search-box[b-u1j3v19oh8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
}

.search-box input[b-u1j3v19oh8] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
}

.search-row button[b-u1j3v19oh8] {
    padding: 0 14px;
    font-weight: 700;
    cursor: pointer;
}

.location[b-u1j3v19oh8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.location strong[b-u1j3v19oh8] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.search-button[b-u1j3v19oh8] {
    border-color: #e5a900 !important;
    background:
        linear-gradient(
            135deg,
            #ffd02b,
            #eca900
        ) !important;
    color: #151008 !important;
}

/* =========================================================
   PANEL UBICACIÓN
   ========================================================= */

.location-panel[b-u1j3v19oh8] {
    display: grid;
    grid-template-columns:
        1.25fr
        1fr
        1fr
        1fr;
    gap: 10px;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #263b48;
    border-radius: 10px;
    background: #07131b;
}

.location-panel select[b-u1j3v19oh8],
.location-panel button[b-u1j3v19oh8] {
    padding: 0 12px;
}

.current-location-button[b-u1j3v19oh8] {
    color: #ffd42f !important;
}

.apply-location-button[b-u1j3v19oh8] {
    background: #5d28a8 !important;
}

/* =========================================================
   CATEGORÍAS
   ========================================================= */

.categories[b-u1j3v19oh8] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 0 14px;
}

.categories button[b-u1j3v19oh8] {
    flex: 0 0 auto;
    border: 1px solid #263b48;
    border-radius: 8px;
    background: #07131b;
    color: #ffffff;
    padding: 9px 14px;
    cursor: pointer;
    white-space: nowrap;
}

.categories button.active[b-u1j3v19oh8] {
    border-color: #7736cc;
    background:
        linear-gradient(
            135deg,
            #6b2dc1,
            #4e1f9d
        );
}

/* =========================================================
   WORKSPACE
   ========================================================= */

.workspace[b-u1j3v19oh8] {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        300px;
    gap: 18px;
    align-items: start;
}

.results[b-u1j3v19oh8] {
    min-width: 0;
}

.results-head[b-u1j3v19oh8],
.panel-title[b-u1j3v19oh8] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.results-head label[b-u1j3v19oh8] {
    font-size: 12px;
}

.results-head select[b-u1j3v19oh8] {
    margin-left: 6px;
    padding: 7px 9px;
    border: 1px solid #263b48;
    border-radius: 7px;
    background: #07131b;
    color: #ffffff;
}

/* =========================================================
   TARJETAS
   ========================================================= */

.cards[b-u1j3v19oh8] {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.pro-card[b-u1j3v19oh8] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #263a46;
    border-radius: 10px;
    background:
        linear-gradient(
            160deg,
            #0b171f,
            #061018
        );
}

.photo[b-u1j3v19oh8] {
    position: relative;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #101a20;
}

.photo img[b-u1j3v19oh8] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    background: #101a20;
}

.photo-fallback[b-u1j3v19oh8] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background:
        linear-gradient(
            135deg,
            #1a2933,
            #4a286a
        );
    font-size: 42px;
    font-weight: 900;
}

.demo-badge[b-u1j3v19oh8] {
    position: absolute;
    z-index: 3;
    left: 8px;
    top: 8px;
    border-radius: 999px;
    background: #ffc400;
    color: #17120a;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.status[b-u1j3v19oh8] {
    position: absolute;
    left: 9px;
    bottom: 8px;
    border-radius: 5px;
    background: #075d39;
    color: #7effb7;
    padding: 4px 7px;
    font-size: 10px;
}

.heart[b-u1j3v19oh8] {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid #5d6c74;
    border-radius: 7px;
    background: rgba(7, 19, 29, 0.86);
    color: #ffffff;
    cursor: pointer;
    font-size: 19px;
}

.heart:hover[b-u1j3v19oh8] {
    border-color: #9c4dea;
    color: #ff73c7;
}

.card-body[b-u1j3v19oh8] {
    padding: 11px;
}

.card-body h3[b-u1j3v19oh8] {
    margin: 0 0 5px;
    font-size: 16px;
}

.verified[b-u1j3v19oh8] {
    color: #8b4cff;
}

.rating[b-u1j3v19oh8] {
    margin-bottom: 7px;
    color: #ffc83d;
    font-size: 12px;
}

.rating span[b-u1j3v19oh8] {
    color: #ffffff;
}

.card-body p[b-u1j3v19oh8] {
    margin: 4px 0;
    color: #e9eef2;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.specialty[b-u1j3v19oh8] {
    font-weight: 700;
}

.distance[b-u1j3v19oh8] {
    color: #aebdc7 !important;
}

.price[b-u1j3v19oh8] {
    margin: 10px 0;
    font-size: 13px;
    font-weight: 700;
}

.card-body > button[b-u1j3v19oh8] {
    width: 100%;
    border: 0;
    border-radius: 6px;
    background:
        linear-gradient(
            135deg,
            #6b2dc1,
            #4e1f9d
        );
    color: #ffffff;
    padding: 10px;
    cursor: pointer;
    font-weight: 700;
}

/* =========================================================
   MAPA Y FILTROS
   ========================================================= */

.right-panel[b-u1j3v19oh8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.map-card[b-u1j3v19oh8],
.filters[b-u1j3v19oh8],
.public-security-card[b-u1j3v19oh8] {
    border: 1px solid #263a46;
    border-radius: 10px;
    background: #07131b;
    padding: 12px;
}

.map[b-u1j3v19oh8] {
    height: 245px;
    overflow: hidden;
    border-radius: 8px;
    background: #0b1821;
}

.panel-title span[b-u1j3v19oh8] {
    max-width: 160px;
    overflow: hidden;
    color: #c2ccd4;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-title button[b-u1j3v19oh8] {
    border: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
}

.map-error[b-u1j3v19oh8] {
    display: block;
    margin-top: 7px;
    color: #ff8b8b;
}

.map-caption[b-u1j3v19oh8] {
    display: block;
    margin-top: 7px;
    color: #9eb0bc;
    font-size: 9px;
}

.filters[b-u1j3v19oh8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.filters label[b-u1j3v19oh8] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
}

.filters select[b-u1j3v19oh8],
.filters input[type="number"][b-u1j3v19oh8] {
    width: 100%;
    padding: 0 10px;
}

.filters input[type="range"][b-u1j3v19oh8] {
    width: 100%;
    accent-color: #7133c5;
}

.rating-buttons[b-u1j3v19oh8] {
    display: grid;
    grid-template-columns:
        repeat(3, 1fr);
    gap: 6px;
    margin-top: 7px;
}

.rating-buttons button[b-u1j3v19oh8] {
    border: 1px solid #30434f;
    border-radius: 7px;
    background: #0a1720;
    color: #ffffff;
    padding: 9px 4px;
    cursor: pointer;
}

.rating-buttons button.active[b-u1j3v19oh8] {
    border-color: #7736cc;
    background: #5b28a5;
}

.apply[b-u1j3v19oh8] {
    border: 0;
    border-radius: 7px;
    background:
        linear-gradient(
            135deg,
            #6b2dc1,
            #4e1f9d
        );
    color: #ffffff;
    padding: 11px;
    cursor: pointer;
    font-weight: 700;
}

.public-security-card[b-u1j3v19oh8] {
    display: grid;
    gap: 8px;
    font-size: 11px;
}

.public-security-card strong[b-u1j3v19oh8] {
    margin-bottom: 3px;
    font-size: 13px;
}

.public-security-card span[b-u1j3v19oh8] {
    color: #c9d3da;
}

/* =========================================================
   ESTADOS
   ========================================================= */

.state[b-u1j3v19oh8] {
    min-height: 420px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    border: 1px dashed #263a46;
    border-radius: 10px;
    text-align: center;
}

.state p[b-u1j3v19oh8] {
    margin: 0;
    color: #c2ccd3;
}

.state button[b-u1j3v19oh8] {
    border: 0;
    border-radius: 7px;
    background: #5c28a8;
    color: #ffffff;
    padding: 9px 14px;
}

.spinner[b-u1j3v19oh8] {
    width: 34px;
    height: 34px;
    border: 3px solid #2b3d49;
    border-top-color: #8a45dc;
    border-radius: 50%;
    animation: spin-b-u1j3v19oh8 0.8s linear infinite;
}

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

/* =========================================================
   PAGINACIÓN
   ========================================================= */

.pager[b-u1j3v19oh8] {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 18px;
}

.pager button[b-u1j3v19oh8] {
    width: 38px;
    height: 38px;
    border: 1px solid #293d49;
    border-radius: 7px;
    background: #07131b;
    color: #ffffff;
    cursor: pointer;
}

.pager button.active[b-u1j3v19oh8] {
    background: #5c28a8;
}

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

@media (max-width: 1380px) {
    .cards[b-u1j3v19oh8] {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .public-professionals-main[b-u1j3v19oh8] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .workspace[b-u1j3v19oh8] {
        grid-template-columns: 1fr;
    }

    .right-panel[b-u1j3v19oh8] {
        display: grid;
        grid-template-columns:
            1fr
            1fr;
    }

    .public-security-card[b-u1j3v19oh8] {
        grid-column: 1 / -1;
    }

    .search-row[b-u1j3v19oh8] {
        grid-template-columns:
            1fr
            1fr
            110px;
    }

    .search-button[b-u1j3v19oh8] {
        grid-column: 3;
    }

    .location-panel[b-u1j3v19oh8] {
        grid-template-columns:
            1fr
            1fr;
    }
}

@media (max-width: 820px) {
    .public-professionals-main[b-u1j3v19oh8] {
        padding: 16px 12px 30px;
    }

    .page-head[b-u1j3v19oh8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .location-summary[b-u1j3v19oh8] {
        width: 100%;
    }

    .search-row[b-u1j3v19oh8] {
        grid-template-columns: 1fr;
    }

    .search-button[b-u1j3v19oh8] {
        grid-column: auto;
    }

    .location-panel[b-u1j3v19oh8] {
        grid-template-columns: 1fr;
    }

    .cards[b-u1j3v19oh8] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .right-panel[b-u1j3v19oh8] {
        grid-template-columns: 1fr;
    }

    .results-head[b-u1j3v19oh8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .map[b-u1j3v19oh8] {
        height: 290px;
    }
}

@media (max-width: 520px) {
    .page-head h1[b-u1j3v19oh8] {
        font-size: 25px;
    }

    .cards[b-u1j3v19oh8] {
        grid-template-columns: 1fr;
    }

    .photo[b-u1j3v19oh8] {
        height: 260px;
    }

    .categories[b-u1j3v19oh8] {
        margin-right: -12px;
    }

    .panel-title[b-u1j3v19oh8] {
        align-items: flex-start;
    }

    .map[b-u1j3v19oh8] {
        height: 250px;
    }
}
/* /Pages/Owner/AgendaGeneral.razor.rz.scp.css */
*[b-l99u95rzp5] {
    box-sizing: border-box;
}

.agenda-shell[b-l99u95rzp5] {
    min-height: 100vh;
    background: #061624;
    color: #f7fafc;
    font-family: Inter, system-ui, sans-serif;
}

.agenda-sidebar[b-l99u95rzp5] {
    position: fixed;
    inset: 0 auto 0 0;
    width: 218px;
    padding: 22px 16px;
    background: #06131f;
    border-right: 1px solid #173044;
    z-index: 20;
    display: flex;
    flex-direction: column;
}

.brand[b-l99u95rzp5] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 4px 8px 24px;
}

.brand > span[b-l99u95rzp5] {
    font-size: 28px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-l99u95rzp5] {
    display: block;
    font-size: 17px;
}

.brand b[b-l99u95rzp5] {
    color: #ffc400;
}

.brand small[b-l99u95rzp5] {
    color: #d4dce4;
    font-size: 9px;
}

.agenda-sidebar nav[b-l99u95rzp5] {
    display: grid;
    gap: 4px;
    overflow: auto;
}

.agenda-sidebar nav a[b-l99u95rzp5] {
    color: #f4f7fa;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
}

.agenda-sidebar nav a i[b-l99u95rzp5] {
    display: inline-block;
    width: 25px;
    font-style: normal;
}

.agenda-sidebar nav a.active[b-l99u95rzp5] {
    background: #453a08;
    color: #ffd21a;
}

.logout[b-l99u95rzp5] {
    margin-top: auto;
    border: 1px solid #294153;
    background: transparent;
    color: white;
    padding: 11px;
    border-radius: 9px;
    text-align: left;
}

.mobile-close[b-l99u95rzp5],
.mobile-toggle[b-l99u95rzp5],
.backdrop[b-l99u95rzp5] {
    display: none;
}

.agenda-main[b-l99u95rzp5] {
    margin-left: 218px;
    min-height: 100vh;
}

.topbar[b-l99u95rzp5] {
    min-height: 82px;
    border-bottom: 1px solid #173044;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar h2[b-l99u95rzp5] {
    margin: 0;
    font-size: 20px;
}

.topbar p[b-l99u95rzp5],
.page-head p[b-l99u95rzp5] {
    margin: 4px 0 0;
    color: #c6d0da;
    font-size: 12px;
}

.top-actions[b-l99u95rzp5] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.top-actions button[b-l99u95rzp5],
.top-actions span[b-l99u95rzp5] {
    background: #071a29;
    border: 1px solid #274052;
    color: white;
    padding: 10px 14px;
    border-radius: 9px;
}

.top-actions .new-booking[b-l99u95rzp5],
.page-new-booking[b-l99u95rzp5],
.booking-modal-footer .primary[b-l99u95rzp5],
.booking-detail-modal .primary[b-l99u95rzp5] {
    background: #ffc400;
    border-color: #ffc400;
    color: #161a1d;
    font-weight: 800;
}

.page-head[b-l99u95rzp5] {
    padding: 18px 22px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-head h1[b-l99u95rzp5] {
    margin: 0;
    font-size: 27px;
}

.page-new-booking[b-l99u95rzp5] {
    display: none;
    border: 0;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
}

.success-banner[b-l99u95rzp5] {
    margin: 4px 18px 10px;
    padding: 10px 13px;
    background: #0d5a32;
    border: 1px solid #18864d;
    border-radius: 8px;
    color: #e8fff1;
    font-size: 12px;
}

.kpis[b-l99u95rzp5] {
    padding: 8px 18px 16px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.kpis article[b-l99u95rzp5] {
    min-height: 90px;
    border: 1px solid #254054;
    border-radius: 10px;
    background: #0a1d2c;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px;
}

.kpis i[b-l99u95rzp5] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 23px;
}

.kpis small[b-l99u95rzp5],
.kpis span[b-l99u95rzp5] {
    display: block;
    color: #d2dbe2;
    font-size: 11px;
}

.kpis strong[b-l99u95rzp5] {
    display: block;
    font-size: 22px;
    margin: 2px 0;
}

.blue[b-l99u95rzp5] {
    background: #0b4b91;
}

.green[b-l99u95rzp5] {
    background: #12582f;
}

.purple[b-l99u95rzp5] {
    background: #3b247b;
}

.orange[b-l99u95rzp5] {
    background: #80380d;
}

.gold[b-l99u95rzp5] {
    background: #6c5707;
}

.filters[b-l99u95rzp5] {
    margin: 0 18px 14px;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr .8fr auto auto;
    gap: 10px;
}

.filters input[b-l99u95rzp5],
.filters select[b-l99u95rzp5],
.filters button[b-l99u95rzp5] {
    min-width: 0;
    background: #071a29;
    border: 1px solid #294457;
    color: #f7fafc;
    padding: 10px 12px;
    border-radius: 8px;
}

.filters button[b-l99u95rzp5] {
    cursor: pointer;
}

.view-switch[b-l99u95rzp5] {
    display: flex;
}

.view-switch button[b-l99u95rzp5] {
    white-space: nowrap;
}

.view-switch button.active[b-l99u95rzp5] {
    color: #ffd21a;
    border-color: #6c5707;
    background: #2d290c;
}

.calendar-card[b-l99u95rzp5] {
    margin: 0 18px 18px;
    border: 1px solid #284356;
    border-radius: 10px;
    background: #081b2a;
    overflow: hidden;
}

.calendar-head[b-l99u95rzp5] {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #213b4e;
}

.calendar-head button[b-l99u95rzp5] {
    background: #0d2435;
    color: white;
    border: 0;
    border-radius: 6px;
    padding: 7px 11px;
    cursor: pointer;
}

.calendar-head h2[b-l99u95rzp5] {
    margin: 0 auto;
    font-size: 17px;
    text-transform: capitalize;
}

.calendar-head small[b-l99u95rzp5] {
    color: #9fb0bd;
}

.professional-date[b-l99u95rzp5] {
    background: #071a29;
    border: 1px solid #294457;
    color: #fff;
    border-radius: 7px;
    padding: 6px 9px;
}

.schedule-scroll[b-l99u95rzp5] {
    width: 100%;
    overflow: auto;
}

.schedule-grid[b-l99u95rzp5] {
    display: grid;
    min-width: 1180px;
}

.schedule-grid.week-view[b-l99u95rzp5] {
    grid-template-columns: 66px repeat(7, minmax(150px, 1fr));
}

.schedule-grid.professional-view[b-l99u95rzp5] {
    grid-template-columns: 66px repeat(auto-fit, minmax(190px, 1fr));
}

.time-column[b-l99u95rzp5],
.schedule-column[b-l99u95rzp5] {
    border-right: 1px solid #1b3547;
}

.schedule-column-title[b-l99u95rzp5] {
    height: 52px;
    background: #081b2a;
    border: 0;
    border-bottom: 1px solid #1b3547;
    color: #eef5fa;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 4;
}

.day-title-button[b-l99u95rzp5],
.professional-title[b-l99u95rzp5] {
    cursor: pointer;
}

.day-title-button:hover[b-l99u95rzp5],
.professional-title:hover[b-l99u95rzp5] {
    background: #0e2638;
}

.schedule-column-title span[b-l99u95rzp5] {
    color: #ffc400;
    font-weight: 800;
}

.schedule-column-title small[b-l99u95rzp5] {
    color: #7f96a6;
    font-size: 9px;
}

.professional-title[b-l99u95rzp5] {
    flex-direction: column;
    gap: 2px;
    padding: 7px;
}

.time-label[b-l99u95rzp5] {
    height: 72px;
    border-bottom: 1px solid #153144;
    color: #8da1af;
    font-size: 10px;
    display: flex;
    justify-content: center;
    padding-top: 7px;
}

.schedule-body[b-l99u95rzp5] {
    position: relative;
    background-image: linear-gradient(to bottom, transparent 71px, #153144 72px);
    background-size: 100% 72px;
}

.hour-slot[b-l99u95rzp5] {
    display: block;
    width: 100%;
    height: 72px;
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    text-align: center;
}

.hour-slot span[b-l99u95rzp5] {
    opacity: 0;
    display: inline-block;
    margin-top: 22px;
    padding: 5px 8px;
    border-radius: 6px;
    background: #102b3e;
    color: #9fb4c2;
    font-size: 9px;
    transition: opacity .15s ease;
}

.hour-slot:hover[b-l99u95rzp5] {
    background: #0e2433aa;
}

.hour-slot:hover span[b-l99u95rzp5] {
    opacity: 1;
}

.booking-block[b-l99u95rzp5] {
    position: absolute;
    left: 6px;
    right: 6px;
    min-height: 34px;
    padding: 7px;
    border-radius: 6px;
    border: 1px solid;
    color: #f8fbfd;
    display: grid;
    gap: 2px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    z-index: 3;
}

.booking-block:hover[b-l99u95rzp5] {
    filter: brightness(1.12);
    z-index: 5;
}

.booking-block small[b-l99u95rzp5] {
    font-size: 9px;
}

.booking-block strong[b-l99u95rzp5] {
    font-size: 11px;
}

.booking-block span[b-l99u95rzp5],
.booking-block em[b-l99u95rzp5] {
    font-size: 9px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.booking-block.confirmed[b-l99u95rzp5],
.detail-status.confirmed[b-l99u95rzp5] {
    background: #0b2d22;
    border-color: #23734d;
}

.booking-block.pending[b-l99u95rzp5],
.detail-status.pending[b-l99u95rzp5] {
    background: #172850;
    border-color: #315e9d;
}

.booking-block.cancelled[b-l99u95rzp5],
.detail-status.cancelled[b-l99u95rzp5] {
    background: #3a171b;
    border-color: #a03b43;
}

.booking-block.completed[b-l99u95rzp5],
.detail-status.completed[b-l99u95rzp5] {
    background: #183b33;
    border-color: #3d9076;
}

.state-card[b-l99u95rzp5] {
    margin: 20px;
    padding: 30px;
    border: 1px solid #294457;
    border-radius: 10px;
    background: #0a1d2c;
    display: grid;
    gap: 12px;
}

.state-card.error[b-l99u95rzp5] {
    border-color: #6e343a;
}

.state-card button[b-l99u95rzp5] {
    width: max-content;
    padding: 8px 12px;
}

.modal-backdrop[b-l99u95rzp5] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .76);
    backdrop-filter: blur(3px);
}

.booking-modal[b-l99u95rzp5],
.booking-detail-modal[b-l99u95rzp5] {
    position: fixed;
    z-index: 101;
    background: #071a29;
    color: #f7fafc;
    border: 1px solid #2d4b5f;
    box-shadow: 0 24px 80px #000a;
}

.booking-modal[b-l99u95rzp5] {
    inset: 3vh 3vw 3vh auto;
    width: min(980px, 94vw);
    border-radius: 14px;
    overflow: auto;
}

.booking-modal-head[b-l99u95rzp5] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #071a29;
    padding: 20px 22px;
    border-bottom: 1px solid #243f52;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.booking-modal-head h2[b-l99u95rzp5],
.booking-detail-modal h2[b-l99u95rzp5] {
    margin: 3px 0;
    font-size: 24px;
}

.booking-modal-head p[b-l99u95rzp5] {
    margin: 0;
    color: #9eb0bd;
    font-size: 12px;
}

.eyebrow[b-l99u95rzp5] {
    color: #ffc400;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
}

.modal-close[b-l99u95rzp5] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #375266;
    background: #0b2232;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.modal-state[b-l99u95rzp5],
.modal-error[b-l99u95rzp5] {
    margin: 16px 22px;
    padding: 13px;
    border-radius: 8px;
}

.modal-state[b-l99u95rzp5] {
    background: #0d2435;
    border: 1px solid #294457;
}

.modal-error[b-l99u95rzp5] {
    background: #421b21;
    border: 1px solid #8c3e48;
    color: #ffdce0;
}

.booking-form[b-l99u95rzp5] {
    padding: 18px 22px 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 14px 18px;
}

.form-section[b-l99u95rzp5] {
    grid-column: 1;
    background: #091f2e;
    border: 1px solid #294457;
    border-radius: 10px;
    padding: 15px;
}

.section-title[b-l99u95rzp5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 13px;
}

.section-title > span[b-l99u95rzp5] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ffc400;
    color: #171b1f;
    font-weight: 900;
    font-size: 12px;
}

.section-title strong[b-l99u95rzp5],
.section-title small[b-l99u95rzp5] {
    display: block;
}

.section-title strong[b-l99u95rzp5] {
    font-size: 13px;
}

.section-title small[b-l99u95rzp5] {
    margin-top: 2px;
    color: #91a6b5;
    font-size: 10px;
}

.form-grid[b-l99u95rzp5] {
    display: grid;
    gap: 12px;
}

.form-grid.two[b-l99u95rzp5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-section label > span[b-l99u95rzp5],
.field-title[b-l99u95rzp5] {
    display: block;
    color: #b8c7d1;
    font-size: 10px;
    margin-bottom: 6px;
}

.form-section select[b-l99u95rzp5],
.form-section input[b-l99u95rzp5],
.form-section textarea[b-l99u95rzp5] {
    width: 100%;
    background: #071826;
    border: 1px solid #345166;
    color: #fff;
    border-radius: 7px;
    padding: 10px 11px;
    outline: none;
}

.form-section select:focus[b-l99u95rzp5],
.form-section input:focus[b-l99u95rzp5],
.form-section textarea:focus[b-l99u95rzp5] {
    border-color: #dcae00;
}

.form-section select:disabled[b-l99u95rzp5] {
    opacity: .55;
}

.link-button[b-l99u95rzp5] {
    margin-top: 10px;
    background: transparent;
    color: #ffc400;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-size: 10px;
}

.inline-warning[b-l99u95rzp5] {
    margin-top: 10px;
    padding: 9px 10px;
    border-radius: 7px;
    background: #352c0c;
    border: 1px solid #66550f;
    color: #f5df85;
    font-size: 10px;
}

.inline-warning button[b-l99u95rzp5] {
    margin-left: 6px;
    background: transparent;
    border: 0;
    color: #ffc400;
    text-decoration: underline;
    cursor: pointer;
}

.slots-box[b-l99u95rzp5] {
    margin-top: 12px;
}

.slot-grid[b-l99u95rzp5] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
}

.slot-grid button[b-l99u95rzp5] {
    background: #0b2435;
    border: 1px solid #315166;
    color: #fff;
    border-radius: 7px;
    padding: 8px 5px;
    cursor: pointer;
}

.slot-grid button strong[b-l99u95rzp5],
.slot-grid button small[b-l99u95rzp5] {
    display: block;
}

.slot-grid button small[b-l99u95rzp5] {
    color: #8fa5b4;
    font-size: 8px;
    margin-top: 2px;
}

.slot-grid button.selected[b-l99u95rzp5] {
    background: #514300;
    border-color: #ffc400;
    color: #fff4b5;
}

.slots-state[b-l99u95rzp5] {
    padding: 13px;
    border: 1px dashed #345166;
    border-radius: 7px;
    color: #8fa5b4;
    font-size: 10px;
}

.slots-state.empty[b-l99u95rzp5] {
    color: #dfbd6f;
}

.booking-summary[b-l99u95rzp5] {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: start;
    position: sticky;
    top: 105px;
    background: #0a2030;
    border: 1px solid #345166;
    border-radius: 10px;
    padding: 15px;
}

.booking-summary h3[b-l99u95rzp5] {
    margin: 0 0 12px;
    font-size: 14px;
}

.booking-summary dl[b-l99u95rzp5],
.booking-detail-modal dl[b-l99u95rzp5] {
    margin: 0;
    display: grid;
    gap: 0;
}

.booking-summary dl div[b-l99u95rzp5],
.booking-detail-modal dl div[b-l99u95rzp5] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #203d50;
}

.booking-summary dt[b-l99u95rzp5],
.booking-detail-modal dt[b-l99u95rzp5] {
    color: #8fa5b4;
    font-size: 10px;
}

.booking-summary dd[b-l99u95rzp5],
.booking-detail-modal dd[b-l99u95rzp5] {
    margin: 0;
    text-align: right;
    font-size: 11px;
}

.booking-summary dd.price[b-l99u95rzp5] {
    color: #42db87;
    font-weight: 800;
}

.booking-modal-footer[b-l99u95rzp5] {
    position: sticky;
    bottom: 0;
    z-index: 3;
    background: #071a29;
    border-top: 1px solid #243f52;
    padding: 14px 22px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.booking-modal-footer button[b-l99u95rzp5],
.booking-detail-modal footer button[b-l99u95rzp5] {
    min-width: 120px;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
}

.booking-modal-footer .secondary[b-l99u95rzp5],
.booking-detail-modal .secondary[b-l99u95rzp5] {
    background: transparent;
    border: 1px solid #375266;
    color: #fff;
}

.booking-modal-footer .primary[b-l99u95rzp5],
.booking-detail-modal .primary[b-l99u95rzp5] {
    border: 1px solid #ffc400;
}

.booking-modal-footer button:disabled[b-l99u95rzp5] {
    opacity: .55;
    cursor: not-allowed;
}

.booking-detail-modal[b-l99u95rzp5] {
    width: min(480px, 92vw);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12px;
    padding: 20px;
}

.booking-detail-modal > header[b-l99u95rzp5] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.detail-status[b-l99u95rzp5] {
    width: max-content;
    border: 1px solid;
    border-radius: 20px;
    padding: 6px 10px;
    margin: 10px 0 8px;
    font-size: 10px;
}

.booking-detail-modal footer[b-l99u95rzp5] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 18px;
}

@media (max-width: 1360px) {
    .kpis[b-l99u95rzp5] {
        grid-template-columns: repeat(3, 1fr);
    }

    .filters[b-l99u95rzp5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .view-switch[b-l99u95rzp5] {
        grid-column: span 2;
    }
}

@media (max-width: 1024px) {
    .booking-form[b-l99u95rzp5] {
        grid-template-columns: 1fr;
    }

    .form-section[b-l99u95rzp5],
    .booking-summary[b-l99u95rzp5] {
        grid-column: 1;
        grid-row: auto;
    }

    .booking-summary[b-l99u95rzp5] {
        position: static;
    }

    .slot-grid[b-l99u95rzp5] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .agenda-sidebar[b-l99u95rzp5] {
        transform: translateX(-100%);
        transition: .2s;
    }

    .agenda-sidebar.open[b-l99u95rzp5] {
        transform: translateX(0);
    }

    .agenda-main[b-l99u95rzp5] {
        margin-left: 0;
    }

    .mobile-toggle[b-l99u95rzp5] {
        display: block;
        position: fixed;
        top: 18px;
        left: 14px;
        z-index: 15;
        background: #0d2435;
        color: white;
        border: 1px solid #294457;
        border-radius: 7px;
        padding: 8px 10px;
    }

    .mobile-close[b-l99u95rzp5] {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        background: transparent;
        border: 0;
        color: white;
        font-size: 25px;
    }

    .backdrop[b-l99u95rzp5] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 19;
        background: #0008;
        border: 0;
    }

    .topbar[b-l99u95rzp5] {
        padding-left: 60px;
    }

    .top-actions[b-l99u95rzp5] {
        display: none;
    }

    .page-new-booking[b-l99u95rzp5] {
        display: block;
    }

    .kpis[b-l99u95rzp5] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filters[b-l99u95rzp5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .view-switch[b-l99u95rzp5] {
        grid-column: 1 / -1;
        overflow: auto;
    }

    .booking-modal[b-l99u95rzp5] {
        inset: 1vh 1vw;
        width: 98vw;
    }
}

@media (max-width: 560px) {
    .kpis[b-l99u95rzp5],
    .filters[b-l99u95rzp5],
    .form-grid.two[b-l99u95rzp5] {
        grid-template-columns: 1fr;
    }

    .page-head[b-l99u95rzp5] {
        padding-top: 15px;
        align-items: flex-start;
    }

    .page-head h1[b-l99u95rzp5] {
        font-size: 22px;
    }

    .calendar-card[b-l99u95rzp5] {
        margin: 0 10px 12px;
    }

    .calendar-head[b-l99u95rzp5] {
        flex-wrap: wrap;
    }

    .calendar-head h2[b-l99u95rzp5] {
        order: 4;
        width: 100%;
        text-align: center;
    }

    .calendar-head small[b-l99u95rzp5] {
        display: none;
    }

    .slot-grid[b-l99u95rzp5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .booking-modal-head[b-l99u95rzp5],
    .booking-form[b-l99u95rzp5],
    .booking-modal-footer[b-l99u95rzp5] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .booking-modal-footer[b-l99u95rzp5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

/* =========================================================
   AGENDA GENERAL - REPRESENTACIÓN RESPONSIVE EN TARJETAS
   La grilla horaria permanece intacta en escritorio. En móvil
   se muestran los turnos como tarjetas para evitar scroll lateral.
   ========================================================= */
.agenda-mobile-list[b-l99u95rzp5] {
    display: none;
}

@media (max-width: 760px) {
    .agenda-desktop-schedule[b-l99u95rzp5] {
        display: none;
    }

    .agenda-mobile-list[b-l99u95rzp5] {
        display: grid;
        gap: 12px;
        padding: 12px;
    }

    .agenda-mobile-empty[b-l99u95rzp5] {
        display: grid;
        gap: 7px;
        padding: 18px;
        border: 1px dashed #2b5369;
        border-radius: 12px;
        background: #071d2a;
        text-align: center;
    }

    .agenda-mobile-empty span[b-l99u95rzp5] {
        color: #91acbd;
        font-size: 11px;
    }

    .agenda-mobile-empty button[b-l99u95rzp5] {
        min-height: 40px;
        margin-top: 5px;
        border: 0;
        border-radius: 8px;
        background: #3388f4;
        color: #07111b;
        font-weight: 900;
        cursor: pointer;
    }

    .agenda-mobile-card[b-l99u95rzp5] {
        width: 100%;
        overflow: hidden;
        padding: 0;
        border: 1px solid #23495e;
        border-left-width: 4px;
        border-radius: 12px;
        background: linear-gradient(145deg, #092333, #071b28);
        color: #f7fbff;
        text-align: left;
        cursor: pointer;
    }

    .agenda-mobile-card.confirmed[b-l99u95rzp5] {
        border-left-color: #19c978;
    }

    .agenda-mobile-card.pending[b-l99u95rzp5] {
        border-left-color: #f1be16;
    }

    .agenda-mobile-card.cancelled[b-l99u95rzp5] {
        border-left-color: #e55353;
    }

    .agenda-mobile-card.completed[b-l99u95rzp5] {
        border-left-color: #3f8df4;
    }

    .agenda-mobile-card > header[b-l99u95rzp5] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 13px;
        border-bottom: 1px solid #17394b;
    }

    .agenda-mobile-card > header small[b-l99u95rzp5],
    .agenda-mobile-card > header strong[b-l99u95rzp5] {
        display: block;
    }

    .agenda-mobile-card > header small[b-l99u95rzp5] {
        margin-bottom: 4px;
        color: #93adbd;
        font-size: 10px;
        text-transform: capitalize;
    }

    .agenda-mobile-card > header strong[b-l99u95rzp5] {
        font-size: 14px;
    }

    .agenda-mobile-card > header > span[b-l99u95rzp5] {
        flex: 0 0 auto;
        padding: 4px 7px;
        border-radius: 999px;
        background: #0c3348;
        color: #dff5ff;
        font-size: 9px;
        font-weight: 800;
    }

    .agenda-mobile-card-body[b-l99u95rzp5] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 13px;
    }

    .agenda-mobile-card-body > div[b-l99u95rzp5] {
        min-width: 0;
        padding: 9px;
        border: 1px solid #173b4e;
        border-radius: 8px;
        background: #061a27;
    }

    .agenda-mobile-card-body > div.full[b-l99u95rzp5] {
        grid-column: 1 / -1;
    }

    .agenda-mobile-card-body span[b-l99u95rzp5],
    .agenda-mobile-card-body strong[b-l99u95rzp5] {
        display: block;
    }

    .agenda-mobile-card-body span[b-l99u95rzp5] {
        margin-bottom: 4px;
        color: #8fa9b9;
        font-size: 9px;
    }

    .agenda-mobile-card-body strong[b-l99u95rzp5] {
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .agenda-mobile-card > footer[b-l99u95rzp5] {
        padding: 10px 13px;
        border-top: 1px solid #17394b;
        color: #68c3ff;
        font-size: 10px;
        font-weight: 800;
        text-align: right;
    }

    .calendar-card[b-l99u95rzp5] {
        overflow: visible;
    }
}

@media (max-width: 430px) {
    .agenda-mobile-card-body[b-l99u95rzp5] {
        grid-template-columns: 1fr;
    }

    .agenda-mobile-card-body > div.full[b-l99u95rzp5] {
        grid-column: auto;
    }
}
/* /Pages/Owner/Billing.razor.rz.scp.css */
*[b-3vptb0uq6y]{box-sizing:border-box}.billing-shell[b-3vptb0uq6y]{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:#03131f;color:#f7fbff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.billing-sidebar[b-3vptb0uq6y]{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:12px;padding:14px 8px;overflow:auto;background:#020e17;border-right:1px solid #173446;z-index:50}.brand[b-3vptb0uq6y]{display:flex;gap:10px;align-items:center;padding:4px 10px 14px;color:#fff;text-decoration:none}.brand-mark[b-3vptb0uq6y]{font-size:29px;font-style:italic;font-weight:900}.brand strong[b-3vptb0uq6y],.brand small[b-3vptb0uq6y],.owner-mini strong[b-3vptb0uq6y],.owner-mini small[b-3vptb0uq6y],.owner-mini em[b-3vptb0uq6y]{display:block}.brand b[b-3vptb0uq6y]{color:#ffc400}.brand small[b-3vptb0uq6y]{font-size:9px;color:#b2c0ca}.owner-mini[b-3vptb0uq6y]{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid #1f3d50;border-radius:10px;background:#071b29}.owner-avatar[b-3vptb0uq6y]{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#334b5d;font-weight:800}.owner-mini strong[b-3vptb0uq6y]{font-size:12px}.owner-mini small[b-3vptb0uq6y]{font-size:10px;margin-top:2px}.owner-mini em[b-3vptb0uq6y]{font-size:9px;color:#24d77a;font-style:normal;margin-top:3px}.billing-sidebar nav[b-3vptb0uq6y]{display:grid;gap:2px}.billing-sidebar nav a[b-3vptb0uq6y]{display:flex;gap:11px;align-items:center;padding:9px 10px;border-radius:7px;color:#eef5f9;text-decoration:none;font-size:12px}.billing-sidebar nav a:hover[b-3vptb0uq6y],.billing-sidebar nav a.active[b-3vptb0uq6y]{background:linear-gradient(90deg,#6b5100,#352900);color:#ffd21f}.billing-sidebar nav a span[b-3vptb0uq6y]{width:18px;text-align:center}.roles-card[b-3vptb0uq6y]{margin-top:auto;padding:13px;border:1px solid #403271;border-radius:9px;background:linear-gradient(145deg,#19163b,#111327)}.roles-card strong[b-3vptb0uq6y],.roles-card small[b-3vptb0uq6y]{display:block}.roles-card small[b-3vptb0uq6y]{margin:7px 0 10px;color:#d6d5e4;font-size:9px;line-height:1.45}.roles-card a[b-3vptb0uq6y]{display:flex;justify-content:space-between;padding:9px;border:1px solid #4a417d;border-radius:7px;color:#fff;text-decoration:none;font-size:10px}.logout[b-3vptb0uq6y]{padding:10px;border:1px solid #294657;border-radius:8px;background:transparent;color:#fff;text-align:left;cursor:pointer}.billing-main[b-3vptb0uq6y]{min-width:0}.billing-page[b-3vptb0uq6y]{width:100%;padding:0 18px 18px}.hero-header[b-3vptb0uq6y]{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative}.hero-copy h1[b-3vptb0uq6y]{margin:0;font-size:31px;line-height:1}.hero-copy p[b-3vptb0uq6y]{margin:8px 0 0;color:#9fc3d8;font-size:13px}.growth-banner[b-3vptb0uq6y]{width:300px;height:82px;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-radius:0 0 12px 12px;background:linear-gradient(135deg,#191b66,#2e237b);overflow:hidden}.growth-banner strong[b-3vptb0uq6y],.growth-banner span[b-3vptb0uq6y]{display:block}.growth-banner strong[b-3vptb0uq6y]{font-size:17px;line-height:1.2}.growth-banner span[b-3vptb0uq6y]{margin-top:5px;font-size:10px;color:#cfd6ff}.invoice-art[b-3vptb0uq6y]{width:76px;height:58px;display:grid;place-items:center;transform:rotate(-5deg);border-radius:5px;background:#f2f2ed;color:#28303b;box-shadow:0 5px 15px #0005}.invoice-art span[b-3vptb0uq6y]{font-size:9px;font-weight:800}.invoice-art b[b-3vptb0uq6y]{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#08a65a;color:white}.kpis[b-3vptb0uq6y]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpis article[b-3vptb0uq6y],.panel[b-3vptb0uq6y],.state-card[b-3vptb0uq6y]{border:1px solid #1e4358;border-radius:10px;background:linear-gradient(145deg,#0a2637,#071b28)}.kpis article[b-3vptb0uq6y]{min-height:82px;display:flex;gap:14px;align-items:center;padding:12px}.kpi-icon[b-3vptb0uq6y]{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:50%;font-size:22px;font-weight:900}.green[b-3vptb0uq6y]{background:#075233;color:#3af29a}.blue[b-3vptb0uq6y]{background:#073d73;color:#55b4ff}.purple[b-3vptb0uq6y]{background:#451878;color:#d28aff}.gold[b-3vptb0uq6y]{background:#5b4706;color:#ffdb3e}.kpis small[b-3vptb0uq6y],.kpis strong[b-3vptb0uq6y],.kpis em[b-3vptb0uq6y]{display:block}.kpis small[b-3vptb0uq6y]{color:#b9cbd6;font-size:10px}.kpis strong[b-3vptb0uq6y]{margin:3px 0;font-size:17px}.kpis strong i[b-3vptb0uq6y]{margin-left:5px;padding:3px 6px;border-radius:5px;background:#0b8b50;color:#dffff0;font-size:9px;font-style:normal}.kpis em[b-3vptb0uq6y]{color:#9db5c4;font-size:10px;font-style:normal}.tabs-row[b-3vptb0uq6y]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.tabs[b-3vptb0uq6y]{display:flex;gap:4px;min-width:0;overflow-x:auto}.tabs button[b-3vptb0uq6y]{min-height:38px;padding:0 18px;border:1px solid #1e4358;border-radius:7px 7px 0 0;background:#061b29;color:#e7f0f6;white-space:nowrap;cursor:pointer}.tabs button.active[b-3vptb0uq6y]{border-color:#5ca8d5;border-bottom-color:#fff;color:#ffd21f;box-shadow:inset 0 -2px #fff}.refresh-button[b-3vptb0uq6y],.btn-filter[b-3vptb0uq6y]{border:0;border-radius:7px;background:#ffc400;color:#111;font-weight:800;cursor:pointer}.refresh-button[b-3vptb0uq6y]{padding:11px 20px}.content-grid[b-3vptb0uq6y]{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,1fr);gap:10px}.panel[b-3vptb0uq6y]{overflow:hidden}.panel-header[b-3vptb0uq6y]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}.panel-header h2[b-3vptb0uq6y]{margin:0;font-size:18px}.panel-header p[b-3vptb0uq6y]{margin:4px 0 0;color:#9fb7c6;font-size:10px}.panel-header.compact[b-3vptb0uq6y]{padding-bottom:10px}.filters[b-3vptb0uq6y]{display:grid;grid-template-columns:1.15fr .95fr .95fr auto auto;gap:9px;padding:0 14px 12px}.filters label span[b-3vptb0uq6y]{display:block;margin-bottom:4px;color:#b8c8d3;font-size:9px}.filters select[b-3vptb0uq6y],.filters input[b-3vptb0uq6y]{width:100%;height:38px;padding:8px 10px;border:1px solid #2b5268;border-radius:6px;outline:none;background:#071c2a;color:#fff}.filters button[b-3vptb0uq6y]{align-self:end;height:38px}.btn-filter[b-3vptb0uq6y]{padding:0 22px;background:#0b8df2;color:#fff}.btn-secondary[b-3vptb0uq6y],.outline-button[b-3vptb0uq6y]{border:1px solid #2b6384;border-radius:6px;background:transparent;color:#eaf5fb;cursor:pointer}.btn-secondary[b-3vptb0uq6y]{padding:0 13px}.outline-button[b-3vptb0uq6y]{padding:7px 12px;color:#37adff}.table-wrap[b-3vptb0uq6y]{overflow-x:auto;padding:0 14px}table[b-3vptb0uq6y]{width:100%;border-collapse:collapse;min-width:720px}th[b-3vptb0uq6y],td[b-3vptb0uq6y]{padding:8px 7px;border-bottom:1px solid #15384a;text-align:left;font-size:10px}th[b-3vptb0uq6y]{background:#0d3043;color:#c7d9e4;font-weight:600}code[b-3vptb0uq6y]{color:#d7effb;font-family:inherit}.status[b-3vptb0uq6y],.active-chip[b-3vptb0uq6y],.gateway-chip[b-3vptb0uq6y]{display:inline-block;padding:3px 7px;border-radius:5px;font-size:9px;font-weight:700}.approved[b-3vptb0uq6y],.active-chip[b-3vptb0uq6y],.gateway-chip[b-3vptb0uq6y]{background:#0b7a49;color:#d9ffea}.pending[b-3vptb0uq6y]{background:#725600;color:#fff1a8}.failed[b-3vptb0uq6y]{background:#6d1e28;color:#ffd9dd}.expired[b-3vptb0uq6y],.neutral[b-3vptb0uq6y]{background:#334554;color:#e8eef2}.icon-action[b-3vptb0uq6y]{border:0;background:#08334c;color:#62c1ff;border-radius:5px;padding:5px 8px;cursor:pointer}.table-footer[b-3vptb0uq6y]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#91acbd;font-size:9px}.table-footer div[b-3vptb0uq6y]{display:flex;align-items:center;gap:4px}.table-footer button[b-3vptb0uq6y],.table-footer b[b-3vptb0uq6y]{width:28px;height:26px;display:grid;place-items:center;border:0;border-radius:5px;background:#07283b;color:#a9d7f3}.table-footer b[b-3vptb0uq6y]{background:#0b82df;color:#fff}.plan-panel[b-3vptb0uq6y]{min-height:100%}.plan-name-row[b-3vptb0uq6y]{display:flex;gap:12px;align-items:center;padding:10px 15px}.plan-crown[b-3vptb0uq6y]{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:50%;background:#594500;color:#ffda25;font-size:22px}.plan-name-row h3[b-3vptb0uq6y]{margin:0;font-size:18px}.plan-name-row p[b-3vptb0uq6y]{margin:3px 0;color:#9fb7c6;font-size:10px}.plan-name-row strong[b-3vptb0uq6y]{font-size:16px}.feature-list[b-3vptb0uq6y]{display:grid;gap:7px;padding:8px 15px 12px}.feature-list div[b-3vptb0uq6y]{display:flex;gap:7px}.feature-list span[b-3vptb0uq6y]{color:#20d77b}.feature-list p[b-3vptb0uq6y]{margin:0;color:#d5e5ee;font-size:10px}.plan-dates[b-3vptb0uq6y]{display:flex;gap:12px;padding:11px 15px;border-top:1px solid #1d3c4d;color:#8faabd;font-size:9px}.bottom-grid[b-3vptb0uq6y]{display:grid;grid-template-columns:1fr 1.05fr .9fr;gap:10px;margin-top:10px}.gateway-state[b-3vptb0uq6y]{display:flex;gap:10px;align-items:center;margin:0 12px 9px;padding:12px;border:1px solid #1d4a61;border-radius:7px;background:#071e2d}.gateway-state>span[b-3vptb0uq6y]{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0a633f;color:#53f0a5}.gateway-state.unavailable>span[b-3vptb0uq6y]{background:#5e4200;color:#ffd451}.gateway-state strong[b-3vptb0uq6y],.gateway-state small[b-3vptb0uq6y]{display:block}.gateway-state small[b-3vptb0uq6y]{margin-top:3px;color:#9db4c2;font-size:9px}.gateway-chip[b-3vptb0uq6y]{margin-left:auto}.wide-link[b-3vptb0uq6y]{width:calc(100% - 24px);margin:0 12px 12px;padding:11px;border:1px solid #155984;border-radius:7px;background:#08253a;color:#29aaff;cursor:pointer}.billing-data dl[b-3vptb0uq6y]{display:grid;gap:0;margin:0;padding:2px 14px 12px}.billing-data dl div[b-3vptb0uq6y]{display:grid;grid-template-columns:120px 1fr;padding:5px 0}.billing-data dt[b-3vptb0uq6y]{color:#91aebe;font-size:9px}.billing-data dd[b-3vptb0uq6y]{margin:0;color:#dcebf3;font-size:10px}.support-panel[b-3vptb0uq6y]{padding-bottom:5px}.support-row[b-3vptb0uq6y]{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 13px;border:0;border-top:1px solid #17394b;background:transparent;color:#fff;text-align:left;cursor:pointer}.support-row>span[b-3vptb0uq6y]{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#075a91;color:#fff}.support-row strong[b-3vptb0uq6y],.support-row small[b-3vptb0uq6y]{display:block}.support-row strong[b-3vptb0uq6y]{font-size:10px}.support-row small[b-3vptb0uq6y]{margin-top:2px;color:#91aabd;font-size:8px}.support-row b[b-3vptb0uq6y]{color:#69c5ff}.empty-state[b-3vptb0uq6y]{min-height:100px;display:grid;place-items:center;align-content:center;gap:5px;margin:0 14px 14px;padding:18px;border:1px dashed #2b5369;border-radius:8px;color:#9fc0d3;text-align:center}.empty-state.compact[b-3vptb0uq6y]{min-height:65px}.state-card[b-3vptb0uq6y]{margin-top:10px;padding:18px}.state-card.error[b-3vptb0uq6y]{border-color:#7b3038;color:#ffd7db}.timezone-note[b-3vptb0uq6y]{margin:9px 2px 0;color:#6f94a9;font-size:8px}.mobile-menu-toggle[b-3vptb0uq6y],.mobile-menu-close[b-3vptb0uq6y],.mobile-menu-backdrop[b-3vptb0uq6y]{display:none}.detail-backdrop[b-3vptb0uq6y]{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000a}.detail-modal[b-3vptb0uq6y]{width:min(480px,100%);border:1px solid #28516a;border-radius:10px;background:#071d2a;color:#fff;box-shadow:0 20px 70px #0009}.detail-modal header[b-3vptb0uq6y]{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #1e4053}.detail-modal h3[b-3vptb0uq6y],.detail-modal p[b-3vptb0uq6y]{margin:0}.detail-modal p[b-3vptb0uq6y]{margin-top:4px;color:#92adbd;font-size:10px}.detail-modal header button[b-3vptb0uq6y]{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}.detail-modal dl[b-3vptb0uq6y]{margin:0;padding:12px 15px}.detail-modal dl div[b-3vptb0uq6y]{display:grid;grid-template-columns:120px 1fr;padding:7px 0;border-bottom:1px solid #17394b}.detail-modal dt[b-3vptb0uq6y]{color:#8da9ba}.detail-modal dd[b-3vptb0uq6y]{margin:0}.mobile-menu-toggle[b-3vptb0uq6y]{margin:10px 14px 0}
@media(max-width:1180px){.kpis[b-3vptb0uq6y]{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid[b-3vptb0uq6y]{grid-template-columns:1.7fr 1fr}.bottom-grid[b-3vptb0uq6y]{grid-template-columns:1fr 1fr}.support-panel[b-3vptb0uq6y]{grid-column:1/-1}}
@media(max-width:900px){.billing-shell[b-3vptb0uq6y]{grid-template-columns:1fr}.billing-sidebar[b-3vptb0uq6y]{position:fixed;left:0;top:0;width:280px;max-width:86vw;transform:translateX(-105%);transition:transform .18s ease;box-shadow:18px 0 40px #0007}.billing-sidebar.mobile-open[b-3vptb0uq6y]{transform:translateX(0)}.mobile-menu-toggle[b-3vptb0uq6y]{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #31526a;border-radius:8px;background:#081b28;color:#fff}.mobile-menu-close[b-3vptb0uq6y]{display:grid;place-items:center;position:absolute;right:10px;top:10px;width:32px;height:32px;border:1px solid #314a59;border-radius:50%;background:#081b28;color:#fff;font-size:18px}.mobile-menu-backdrop[b-3vptb0uq6y]{display:block;position:fixed;inset:0;z-index:40;border:0;background:#0009}.billing-page[b-3vptb0uq6y]{padding:0 14px 14px}.growth-banner[b-3vptb0uq6y]{width:260px}.content-grid[b-3vptb0uq6y],.bottom-grid[b-3vptb0uq6y]{grid-template-columns:1fr}.support-panel[b-3vptb0uq6y]{grid-column:auto}.filters[b-3vptb0uq6y]{grid-template-columns:1fr 1fr}.tabs-row[b-3vptb0uq6y]{align-items:flex-start;flex-direction:column}.refresh-button[b-3vptb0uq6y]{align-self:flex-end}}
@media(max-width:640px){.hero-header[b-3vptb0uq6y]{align-items:flex-start;flex-direction:column;padding:16px 0}.hero-copy h1[b-3vptb0uq6y]{font-size:25px}.growth-banner[b-3vptb0uq6y]{width:100%;height:76px;border-radius:10px}.kpis[b-3vptb0uq6y]{grid-template-columns:1fr}.filters[b-3vptb0uq6y]{grid-template-columns:1fr}.filters button[b-3vptb0uq6y]{width:100%}.tabs[b-3vptb0uq6y]{width:100%}.tabs button[b-3vptb0uq6y]{padding:0 13px}.billing-data dl div[b-3vptb0uq6y]{grid-template-columns:1fr;gap:3px}.plan-dates[b-3vptb0uq6y]{flex-direction:column}.table-footer[b-3vptb0uq6y]{align-items:flex-start;gap:8px;flex-direction:column}}

/* =========================================================
   Pestaña Mi plan
   ========================================================= */
.plan-tab-layout[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 0.9fr);
    gap: 10px;
}

.plan-overview-panel[b-3vptb0uq6y] {
    min-height: 310px;
}

.plan-overview-header[b-3vptb0uq6y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
}

.plan-overview-header h2[b-3vptb0uq6y] {
    margin: 3px 0 4px;
    font-size: 22px;
}

.plan-overview-header p[b-3vptb0uq6y] {
    margin: 0;
    color: #9fb7c6;
    font-size: 11px;
}

.section-kicker[b-3vptb0uq6y] {
    color: #55b4ff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.plan-change-button[b-3vptb0uq6y] {
    flex: 0 0 auto;
}

.plan-hero-card[b-3vptb0uq6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 18px 14px;
    padding: 18px;
    border: 1px solid #24516a;
    border-radius: 10px;
    background: linear-gradient(135deg, #0a2e45, #0d2434 52%, #14213a);
}

.plan-hero-main[b-3vptb0uq6y] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.plan-crown.large[b-3vptb0uq6y] {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    font-size: 28px;
}

.plan-title-line[b-3vptb0uq6y] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.plan-title-line h3[b-3vptb0uq6y] {
    margin: 0;
    font-size: 23px;
}

.plan-hero-main p[b-3vptb0uq6y] {
    margin: 4px 0;
    color: #9fb7c6;
    font-size: 11px;
}

.plan-price-large[b-3vptb0uq6y] {
    font-size: 21px;
}

.plan-hero-status[b-3vptb0uq6y] {
    min-width: 138px;
    padding: 12px 16px;
    border-left: 1px solid #2b5368;
    text-align: center;
}

.plan-hero-status span[b-3vptb0uq6y],
.plan-hero-status small[b-3vptb0uq6y],
.plan-hero-status strong[b-3vptb0uq6y] {
    display: block;
}

.plan-hero-status span[b-3vptb0uq6y],
.plan-hero-status small[b-3vptb0uq6y] {
    color: #9eb8c8;
    font-size: 9px;
}

.plan-hero-status strong[b-3vptb0uq6y] {
    margin: 3px 0;
    color: #55b4ff;
    font-size: 29px;
}

.plan-info-grid[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 0 18px 18px;
}

.plan-info-grid > div[b-3vptb0uq6y] {
    padding: 12px;
    border: 1px solid #1d4053;
    border-radius: 8px;
    background: #071c29;
}

.plan-info-grid span[b-3vptb0uq6y],
.plan-info-grid strong[b-3vptb0uq6y] {
    display: block;
}

.plan-info-grid span[b-3vptb0uq6y] {
    color: #8faabd;
    font-size: 9px;
}

.plan-info-grid strong[b-3vptb0uq6y] {
    margin-top: 5px;
    font-size: 11px;
}

.subscription-status-panel[b-3vptb0uq6y] {
    min-height: 310px;
}

.subscription-status-list[b-3vptb0uq6y] {
    display: grid;
    gap: 0;
    padding: 0 14px 8px;
}

.subscription-status-list > div[b-3vptb0uq6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #17394b;
}

.subscription-status-list span[b-3vptb0uq6y] {
    color: #91aabd;
    font-size: 10px;
}

.subscription-status-list strong[b-3vptb0uq6y] {
    font-size: 10px;
    text-align: right;
}

.status-value.active[b-3vptb0uq6y] {
    padding: 3px 7px;
    border-radius: 5px;
    background: #0b7a49;
    color: #d9ffea;
}

.plan-payment-link[b-3vptb0uq6y] {
    margin-top: 4px;
}

.plan-features-panel[b-3vptb0uq6y],
.plan-actions-panel[b-3vptb0uq6y] {
    min-height: 225px;
}

.feature-count[b-3vptb0uq6y] {
    padding: 5px 8px;
    border-radius: 999px;
    background: #082a3d;
    color: #74caff;
    font-size: 9px;
    white-space: nowrap;
}

.plan-feature-grid[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0 14px 14px;
}

.plan-feature-item[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid #1c4358;
    border-radius: 8px;
    background: #071e2d;
}

.feature-check[b-3vptb0uq6y] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0a633f;
    color: #53f0a5;
    font-weight: 900;
}

.plan-feature-item strong[b-3vptb0uq6y],
.plan-feature-item small[b-3vptb0uq6y] {
    display: block;
}

.plan-feature-item strong[b-3vptb0uq6y] {
    font-size: 10px;
}

.plan-feature-item small[b-3vptb0uq6y] {
    margin-top: 3px;
    color: #8faabd;
    font-size: 8px;
}

.plan-actions-list[b-3vptb0uq6y] {
    display: grid;
    gap: 0;
}

.plan-actions-list button[b-3vptb0uq6y] {
    width: 100%;
    display: grid;
    grid-template-columns: 32px 1fr auto;
    gap: 9px;
    align-items: center;
    padding: 12px 14px;
    border: 0;
    border-top: 1px solid #17394b;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.plan-actions-list button > span[b-3vptb0uq6y] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0b4c77;
    color: #7fd0ff;
}

.plan-actions-list strong[b-3vptb0uq6y],
.plan-actions-list small[b-3vptb0uq6y] {
    display: block;
}

.plan-actions-list strong[b-3vptb0uq6y] {
    font-size: 10px;
}

.plan-actions-list small[b-3vptb0uq6y] {
    margin-top: 3px;
    color: #8faabd;
    font-size: 8px;
}

.plan-actions-list b[b-3vptb0uq6y] {
    color: #6bcaff;
    font-size: 18px;
}

.plan-empty-panel[b-3vptb0uq6y] {
    grid-column: 1 / -1;
}

.plan-empty[b-3vptb0uq6y] {
    min-height: 280px;
}

.plan-empty-icon[b-3vptb0uq6y] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 5px;
    border-radius: 50%;
    background: #594500;
    color: #ffda25;
    font-size: 26px;
}

.btn-primary-plan[b-3vptb0uq6y] {
    margin-top: 8px;
    padding: 10px 16px;
    border: 0;
    border-radius: 7px;
    background: #ffc400;
    color: #111;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 1180px) {
    .plan-tab-layout[b-3vptb0uq6y] {
        grid-template-columns: 1fr;
    }

    .plan-info-grid[b-3vptb0uq6y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .plan-overview-header[b-3vptb0uq6y],
    .plan-hero-card[b-3vptb0uq6y] {
        align-items: stretch;
        flex-direction: column;
    }

    .plan-change-button[b-3vptb0uq6y] {
        width: 100%;
    }

    .plan-hero-status[b-3vptb0uq6y] {
        border-left: 0;
        border-top: 1px solid #2b5368;
    }

    .plan-info-grid[b-3vptb0uq6y],
    .plan-feature-grid[b-3vptb0uq6y] {
        grid-template-columns: 1fr;
    }

    .feature-count[b-3vptb0uq6y] {
        white-space: normal;
    }
}

/* =========================================================
   Pestaña Métodos de pago
   ========================================================= */
.payment-methods-tab[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.8fr);
    gap: 10px;
}

.gateway-overview-panel[b-3vptb0uq6y] {
    min-height: 280px;
}

.gateway-tab-header[b-3vptb0uq6y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
}

.gateway-tab-header h2[b-3vptb0uq6y] {
    margin: 3px 0 4px;
    font-size: 22px;
}

.gateway-tab-header p[b-3vptb0uq6y] {
    margin: 0;
    color: #9fb7c6;
    font-size: 11px;
}

.gateway-hero[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: 58px 1fr auto;
    gap: 14px;
    align-items: center;
    margin: 0 18px 12px;
    padding: 17px;
    border: 1px solid #1f5b6f;
    border-radius: 10px;
    background: linear-gradient(135deg, #073043, #082433 58%, #0a2d38);
}

.gateway-hero.unavailable[b-3vptb0uq6y] {
    border-color: #62424a;
    background: linear-gradient(135deg, #2b1b22, #141f2a);
}

.gateway-logo[b-3vptb0uq6y] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0b6c49;
    color: #6effb4;
    font-size: 26px;
    font-weight: 900;
}

.gateway-hero.unavailable .gateway-logo[b-3vptb0uq6y] {
    background: #6b3038;
    color: #ffd7dd;
}

.gateway-hero small[b-3vptb0uq6y],
.gateway-hero strong[b-3vptb0uq6y],
.gateway-hero p[b-3vptb0uq6y] {
    display: block;
}

.gateway-hero small[b-3vptb0uq6y] {
    margin-bottom: 3px;
    color: #86a9bb;
    font-size: 9px;
}

.gateway-hero strong[b-3vptb0uq6y] {
    font-size: 18px;
}

.gateway-hero p[b-3vptb0uq6y] {
    margin: 4px 0 0;
    color: #9fb7c6;
    font-size: 10px;
}

.gateway-status[b-3vptb0uq6y] {
    padding: 5px 9px;
    border-radius: 999px;
    background: #0b7a49;
    color: #dcffec;
    font-size: 9px;
    font-weight: 800;
}

.gateway-status.off[b-3vptb0uq6y] {
    background: #6b3038;
    color: #ffd7dd;
}

.gateway-security-strip[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 10px;
    align-items: center;
    margin: 0 18px 18px;
    padding: 12px 14px;
    border: 1px solid #1d4053;
    border-radius: 8px;
    background: #061b28;
}

.gateway-security-strip > span[b-3vptb0uq6y] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0a3e61;
}

.gateway-security-strip strong[b-3vptb0uq6y],
.gateway-security-strip small[b-3vptb0uq6y] {
    display: block;
}

.gateway-security-strip strong[b-3vptb0uq6y] {
    font-size: 10px;
}

.gateway-security-strip small[b-3vptb0uq6y] {
    margin-top: 3px;
    color: #8faabd;
    font-size: 8px;
}

.gateway-status-panel[b-3vptb0uq6y] {
    min-height: 280px;
}

.gateway-detail-list[b-3vptb0uq6y] {
    display: grid;
    padding: 0 14px 10px;
}

.gateway-detail-list > div[b-3vptb0uq6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #17394b;
}

.gateway-detail-list span[b-3vptb0uq6y] {
    color: #91aabd;
    font-size: 10px;
}

.gateway-detail-list strong[b-3vptb0uq6y] {
    font-size: 10px;
    text-align: right;
}

.gateway-detail-list strong.ok[b-3vptb0uq6y] {
    color: #43e799;
}

.gateway-detail-list strong.off[b-3vptb0uq6y] {
    color: #ff8b98;
}

.recent-methods-panel[b-3vptb0uq6y] {
    min-height: 250px;
}

.recent-methods-list[b-3vptb0uq6y] {
    display: grid;
    padding: 0 14px 14px;
}

.recent-method-row[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: 34px minmax(130px, 1fr) minmax(120px, auto) auto;
    gap: 10px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid #17394b;
}

.method-icon[b-3vptb0uq6y] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0b4c77;
    color: #7fd0ff;
}

.recent-method-row strong[b-3vptb0uq6y],
.recent-method-row small[b-3vptb0uq6y] {
    display: block;
}

.recent-method-row strong[b-3vptb0uq6y] {
    font-size: 10px;
}

.recent-method-row small[b-3vptb0uq6y] {
    margin-top: 2px;
    color: #8faabd;
    font-size: 8px;
}

.method-stats[b-3vptb0uq6y] {
    text-align: right;
}

.method-approved[b-3vptb0uq6y] {
    padding: 4px 7px;
    border-radius: 999px;
    background: #0a633f;
    color: #65f2aa;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.payment-flow-panel[b-3vptb0uq6y],
.gateway-help-panel[b-3vptb0uq6y] {
    min-height: 250px;
}

.payment-flow[b-3vptb0uq6y] {
    display: grid;
    gap: 0;
    padding: 0 14px 14px;
}

.payment-flow > div[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 9px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #17394b;
}

.payment-flow > div > span[b-3vptb0uq6y] {
    grid-row: span 2;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #594500;
    color: #ffda25;
    font-size: 10px;
    font-weight: 900;
}

.payment-flow strong[b-3vptb0uq6y],
.payment-flow small[b-3vptb0uq6y] {
    display: block;
}

.payment-flow strong[b-3vptb0uq6y] {
    font-size: 10px;
}

.payment-flow small[b-3vptb0uq6y] {
    color: #8faabd;
    font-size: 8px;
}

@media (max-width: 1180px) {
    .payment-methods-tab[b-3vptb0uq6y] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .gateway-tab-header[b-3vptb0uq6y] {
        flex-direction: column;
    }

    .gateway-tab-header .outline-button[b-3vptb0uq6y] {
        width: 100%;
    }

    .gateway-hero[b-3vptb0uq6y] {
        grid-template-columns: 48px 1fr;
    }

    .gateway-logo[b-3vptb0uq6y] {
        width: 48px;
        height: 48px;
    }

    .gateway-status[b-3vptb0uq6y] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .recent-method-row[b-3vptb0uq6y] {
        grid-template-columns: 34px 1fr;
    }

    .method-stats[b-3vptb0uq6y] {
        grid-column: 2;
        text-align: left;
    }

    .method-approved[b-3vptb0uq6y] {
        grid-column: 2;
        justify-self: start;
    }
}

/* =============================================================
   MODAL DE RESTRICCIÓN POR PLAN - MÉTODOS DE PAGO
   ============================================================= */
.plan-gate-backdrop[b-3vptb0uq6y] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(1, 14, 24, .82);
    backdrop-filter: blur(5px);
}

.plan-gate-modal[b-3vptb0uq6y] {
    position: relative;
    width: min(760px, 96vw);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 34px 36px 28px;
    border: 1px solid rgba(230, 237, 246, .95);
    border-radius: 15px;
    background: linear-gradient(145deg, #ffffff 0%, #f7f9ff 58%, #f2f4ff 100%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .45);
    color: #10233f;
}

.plan-gate-close[b-3vptb0uq6y] {
    position: absolute;
    top: 14px;
    right: 17px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #15263e;
    font-size: 29px;
    line-height: 1;
    cursor: pointer;
}

.plan-gate-close:hover[b-3vptb0uq6y] {
    background: #e9edf6;
}

.plan-gate-content[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(230px, .65fr);
    gap: 24px;
    align-items: center;
}

.plan-gate-brand-row[b-3vptb0uq6y] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 14px;
}

.plan-gate-brand[b-3vptb0uq6y] {
    display: inline-block;
    font-size: 39px;
    font-weight: 950;
    letter-spacing: -5px;
    color: #142b45;
}

.plan-gate-brand[b-3vptb0uq6y]::first-letter {
    color: #142b45;
}

.plan-gate-exclusive[b-3vptb0uq6y] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 9px;
    background: #fff3cf;
    color: #8a5a00;
    font-size: 13px;
}

.plan-gate-copy h2[b-3vptb0uq6y] {
    margin: 0;
    color: #0a1c35;
    font-size: clamp(27px, 3vw, 34px);
    line-height: 1.04;
    letter-spacing: -.8px;
}

.plan-gate-copy h2 strong[b-3vptb0uq6y] {
    color: #06162c;
}

.plan-gate-description[b-3vptb0uq6y] {
    max-width: 470px;
    margin: 17px 0 16px;
    color: #263b59;
    font-size: 15px;
    line-height: 1.52;
}

.plan-gate-benefits[b-3vptb0uq6y] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.plan-gate-benefits li[b-3vptb0uq6y] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #1f3553;
    font-size: 14px;
}

.plan-gate-benefits li > span[b-3vptb0uq6y] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #6047f5;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.plan-gate-art[b-3vptb0uq6y] {
    text-align: center;
}

.card-illustration[b-3vptb0uq6y] {
    position: relative;
    width: 230px;
    height: 245px;
    margin: 6px auto 4px;
    border-radius: 47% 53% 45% 55%;
    background: radial-gradient(circle at 45% 40%, #f4f2ff 0 28%, #e8e3ff 29% 48%, transparent 49%);
}

.payment-card[b-3vptb0uq6y] {
    position: absolute;
    top: 27px;
    left: 15px;
    width: 126px;
    height: 74px;
    padding: 17px;
    border-radius: 10px;
    transform: rotate(-8deg);
    background: linear-gradient(135deg, #763bf0, #3547df);
    box-shadow: 0 14px 30px rgba(76, 61, 210, .28);
}

.payment-card[b-3vptb0uq6y]::before {
    content: "";
    display: block;
    width: 24px;
    height: 17px;
    margin-bottom: 13px;
    border-radius: 4px;
    background: #f3c653;
}

.payment-card span[b-3vptb0uq6y] {
    display: inline-block;
    width: 18px;
    height: 5px;
    margin-right: 5px;
    border-radius: 3px;
    background: rgba(255,255,255,.7);
}

.payment-terminal[b-3vptb0uq6y] {
    position: absolute;
    right: 17px;
    bottom: 37px;
    width: 115px;
    height: 143px;
    padding: 18px 17px;
    border: 6px solid #2f3a57;
    border-radius: 20px 20px 30px 30px;
    transform: rotate(11deg);
    background: linear-gradient(160deg, #53647d, #263149);
    box-shadow: 0 18px 30px rgba(32, 42, 66, .3);
}

.terminal-screen[b-3vptb0uq6y] {
    height: 40px;
    margin-bottom: 13px;
    border: 3px solid #152239;
    border-radius: 4px;
    background: #3b94ab;
}

.terminal-keys[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.terminal-keys i[b-3vptb0uq6y] {
    height: 13px;
    border-radius: 4px;
    background: #a8b6c8;
}

.terminal-keys i:nth-child(4)[b-3vptb0uq6y] { background: #ea4f37; }
.terminal-keys i:nth-child(5)[b-3vptb0uq6y] { background: #29b68e; }
.terminal-keys i:nth-child(6)[b-3vptb0uq6y] { background: #347df1; }

.coin[b-3vptb0uq6y],
.receipt[b-3vptb0uq6y] {
    position: absolute;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-weight: 950;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.coin[b-3vptb0uq6y] {
    left: 40px;
    bottom: 66px;
    width: 50px;
    height: 50px;
    border: 5px solid #e3a014;
    background: #ffc735;
    color: #fff;
    font-size: 27px;
}

.receipt[b-3vptb0uq6y] {
    right: 23px;
    top: 70px;
    width: 42px;
    height: 42px;
    background: #644af4;
    color: #fff;
    font-size: 20px;
}

.plan-gate-art > p[b-3vptb0uq6y] {
    margin: -7px 0 0;
    color: #5c43e8;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.35;
    transform: rotate(-3deg);
}

.plan-gate-current-plan[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 13px;
    align-items: center;
    margin-top: 24px;
    padding: 15px 18px;
    border-radius: 11px;
    background: #eaf2ff;
    color: #19396b;
}

.plan-gate-info[b-3vptb0uq6y] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #2374e7;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    font-family: Georgia, serif;
}

.plan-gate-current-plan strong[b-3vptb0uq6y],
.plan-gate-current-plan span[b-3vptb0uq6y],
.plan-gate-current-plan small[b-3vptb0uq6y] {
    display: block;
}

.plan-gate-current-plan strong[b-3vptb0uq6y] {
    margin-bottom: 3px;
    font-size: 13px;
}

.plan-gate-current-plan span[b-3vptb0uq6y],
.plan-gate-current-plan small[b-3vptb0uq6y] {
    font-size: 12px;
    line-height: 1.45;
}

.plan-gate-actions[b-3vptb0uq6y] {
    display: grid;
    grid-template-columns: 1.25fr .78fr;
    gap: 16px;
    margin-top: 22px;
}

.plan-gate-actions button[b-3vptb0uq6y] {
    min-height: 56px;
    border: 0;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 850;
    cursor: pointer;
}

.plan-gate-upgrade[b-3vptb0uq6y] {
    background: linear-gradient(90deg, #6933ef, #5434ef);
    color: #fff;
    box-shadow: 0 10px 25px rgba(91, 51, 239, .2);
}

.plan-gate-upgrade:hover[b-3vptb0uq6y] {
    filter: brightness(1.05);
}

.plan-gate-later[b-3vptb0uq6y] {
    background: #e3e8f1;
    color: #10213b;
}

.plan-gate-later:hover[b-3vptb0uq6y] {
    background: #d7deea;
}

@media (max-width: 760px) {
    .plan-gate-backdrop[b-3vptb0uq6y] {
        padding: 12px;
        place-items: end center;
    }

    .plan-gate-modal[b-3vptb0uq6y] {
        width: 100%;
        max-height: calc(100vh - 24px);
        padding: 28px 22px 22px;
        border-radius: 18px;
    }

    .plan-gate-content[b-3vptb0uq6y] {
        grid-template-columns: 1fr;
    }

    .plan-gate-art[b-3vptb0uq6y] {
        display: none;
    }

    .plan-gate-brand-row[b-3vptb0uq6y] {
        gap: 13px;
    }

    .plan-gate-copy h2[b-3vptb0uq6y] {
        font-size: 27px;
    }

    .plan-gate-actions[b-3vptb0uq6y] {
        grid-template-columns: 1fr;
    }

    .plan-gate-current-plan[b-3vptb0uq6y] {
        grid-template-columns: 36px 1fr;
        padding: 13px;
    }

    .plan-gate-info[b-3vptb0uq6y] {
        width: 34px;
        height: 34px;
    }
}


/* =========================================================
   Gestión de renovación de suscripción
   ========================================================= */
.plan-actions-list button.renewal-cancel > span[b-3vptb0uq6y] { background: #4b1820; color: #ff7180; }
.plan-actions-list button.renewal-cancel strong[b-3vptb0uq6y] { color: #ff8b96; }
.plan-actions-list button.renewal-reactivate > span[b-3vptb0uq6y] { background: #0b4b36; color: #63e6ad; }
.plan-actions-list button.renewal-reactivate strong[b-3vptb0uq6y] { color: #63e6ad; }
.subscription-action-message[b-3vptb0uq6y] { margin: 10px 0; padding: 11px 14px; border: 1px solid #176c4b; border-radius: 8px; background: #082a20; color: #7aefb9; font-size: 12px; }
.subscription-modal-backdrop[b-3vptb0uq6y] { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 20px; background: rgba(0, 9, 16, .78); backdrop-filter: blur(4px); }
.subscription-modal[b-3vptb0uq6y] { position: relative; width: min(520px, 100%); padding: 28px; border: 1px solid #284b5e; border-radius: 16px; background: #071c29; box-shadow: 0 24px 70px rgba(0,0,0,.45); color: #fff; }
.subscription-modal-close[b-3vptb0uq6y] { position: absolute; top: 12px; right: 14px; border: 0; background: transparent; color: #8da7b6; font-size: 25px; cursor: pointer; }
.subscription-modal-icon[b-3vptb0uq6y] { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 14px; border-radius: 50%; background: #4b1820; color: #ff7d89; font-size: 22px; font-weight: 900; }
.subscription-modal h2[b-3vptb0uq6y] { margin: 0 35px 10px 0; font-size: 21px; }
.subscription-modal p[b-3vptb0uq6y] { color: #b7c8d2; line-height: 1.55; font-size: 13px; }
.subscription-modal-notice[b-3vptb0uq6y] { margin: 16px 0; padding: 12px; border: 1px solid #725d13; border-radius: 8px; background: #2a2307; color: #f5d76e; font-size: 12px; line-height: 1.5; }
.subscription-modal label[b-3vptb0uq6y] { display: block; margin: 14px 0 7px; font-size: 12px; font-weight: 800; }
.subscription-modal label span[b-3vptb0uq6y] { color: #7893a3; font-weight: 500; }
.subscription-modal select[b-3vptb0uq6y] { width: 100%; min-height: 42px; padding: 0 10px; border: 1px solid #315266; border-radius: 7px; background: #061722; color: #fff; }
.subscription-modal footer[b-3vptb0uq6y] { display: grid; grid-template-columns: 1fr 1.35fr; gap: 10px; margin-top: 22px; }
.subscription-modal footer button[b-3vptb0uq6y] { min-height: 42px; border-radius: 8px; font-weight: 800; cursor: pointer; }
.subscription-back[b-3vptb0uq6y] { border: 1px solid #315266; background: transparent; color: #dce8ee; }
.subscription-confirm-cancel[b-3vptb0uq6y] { border: 1px solid #9b3440; background: #7b202c; color: #fff; }
.subscription-modal button:disabled[b-3vptb0uq6y] { opacity: .55; cursor: wait; }
@media (max-width: 560px) { .subscription-modal[b-3vptb0uq6y] { padding: 22px 18px; } .subscription-modal footer[b-3vptb0uq6y] { grid-template-columns: 1fr; } }

/* =============================================================
   FACTURACIÓN ELECTRÓNICA - DETALLE TRIBUTARIO
   ============================================================= */
.detail-modal h4[b-3vptb0uq6y] {
    margin: 1.25rem 0 .65rem;
    font-size: .95rem;
    font-weight: 700;
}

.invoice-downloads[b-3vptb0uq6y] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

@media (max-width: 640px) {
    .invoice-downloads[b-3vptb0uq6y] {
        flex-direction: column;
    }

    .invoice-downloads .outline-button[b-3vptb0uq6y] {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================================
   PAGOS Y FACTURACIÓN - HISTORIAL RESPONSIVE
   Conserva la tabla en escritorio y muestra tarjetas en móvil.
   ========================================================= */
.billing-mobile-payments[b-3vptb0uq6y] {
    display: none;
}

@media (max-width: 760px) {
    .billing-desktop-payments[b-3vptb0uq6y] {
        display: none;
    }

    .billing-mobile-payments[b-3vptb0uq6y] {
        display: grid;
        gap: 12px;
        padding: 0 12px 12px;
    }

    .payment-mobile-card[b-3vptb0uq6y] {
        overflow: hidden;
        border: 1px solid #23495e;
        border-radius: 12px;
        background: linear-gradient(145deg, #092333, #071b28);
    }

    .payment-mobile-card > header[b-3vptb0uq6y] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 13px;
        border-bottom: 1px solid #17394b;
    }

    .payment-mobile-card > header > div[b-3vptb0uq6y] {
        min-width: 0;
    }

    .payment-mobile-card > header small[b-3vptb0uq6y],
    .payment-mobile-card > header strong[b-3vptb0uq6y],
    .payment-mobile-card > header span[b-3vptb0uq6y] {
        display: block;
    }

    .payment-mobile-card > header small[b-3vptb0uq6y] {
        margin-bottom: 4px;
        color: #8faabd;
        font-size: 10px;
    }

    .payment-mobile-card > header strong[b-3vptb0uq6y] {
        color: #fff;
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    .payment-mobile-card > header > div > span[b-3vptb0uq6y] {
        margin-top: 4px;
        color: #9fb7c6;
        font-size: 10px;
    }

    .payment-mobile-grid[b-3vptb0uq6y] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 13px;
    }

    .payment-mobile-grid > div[b-3vptb0uq6y] {
        min-width: 0;
        padding: 10px;
        border: 1px solid #173e53;
        border-radius: 9px;
        background: #061a27;
    }

    .payment-mobile-grid > div.full[b-3vptb0uq6y] {
        grid-column: 1 / -1;
    }

    .payment-mobile-grid span[b-3vptb0uq6y],
    .payment-mobile-grid strong[b-3vptb0uq6y],
    .payment-mobile-grid code[b-3vptb0uq6y] {
        display: block;
    }

    .payment-mobile-grid span[b-3vptb0uq6y] {
        margin-bottom: 5px;
        color: #8faabd;
        font-size: 9px;
    }

    .payment-mobile-grid strong[b-3vptb0uq6y] {
        color: #f7fbff;
        font-size: 12px;
        overflow-wrap: anywhere;
    }

    .payment-mobile-grid code[b-3vptb0uq6y] {
        color: #d7effb;
        font-size: 10px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .payment-mobile-card > footer[b-3vptb0uq6y] {
        padding: 11px 13px 13px;
        border-top: 1px solid #17394b;
    }

    .payment-mobile-detail[b-3vptb0uq6y] {
        width: 100%;
        min-height: 38px;
        border: 1px solid #22628a;
        border-radius: 8px;
        background: #08283d;
        color: #69c5ff;
        font-weight: 800;
        cursor: pointer;
    }

    .tabs-row[b-3vptb0uq6y] {
        min-width: 0;
    }

    .tabs[b-3vptb0uq6y] {
        max-width: 100%;
        scrollbar-width: thin;
    }
}

@media (max-width: 430px) {
    .payment-mobile-grid[b-3vptb0uq6y] {
        grid-template-columns: 1fr;
    }

    .payment-mobile-grid > div.full[b-3vptb0uq6y] {
        grid-column: auto;
    }
}

/* =========================================================
   Facturación electrónica - independiente del flujo Bold
   ========================================================= */
.invoice-tab[b-3vptb0uq6y]{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:10px}.invoice-intro[b-3vptb0uq6y]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.invoice-intro h2[b-3vptb0uq6y]{margin:4px 0;font-size:21px}.invoice-intro p[b-3vptb0uq6y]{max-width:760px;margin:0;color:#9fb7c6;font-size:11px;line-height:1.5}.invoice-summary[b-3vptb0uq6y]{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;min-width:390px}.invoice-summary div[b-3vptb0uq6y]{padding:11px;border:1px solid #21485d;border-radius:8px;background:#071c29}.invoice-summary span[b-3vptb0uq6y],.invoice-summary strong[b-3vptb0uq6y]{display:block}.invoice-summary span[b-3vptb0uq6y]{color:#91aabd;font-size:9px}.invoice-summary strong[b-3vptb0uq6y]{margin-top:4px;font-size:20px}.invoice-alert[b-3vptb0uq6y]{grid-column:1/-1;padding:11px 14px;border-radius:8px;font-size:11px}.invoice-alert.success[b-3vptb0uq6y]{border:1px solid #14714b;background:#082b20;color:#bff8da}.invoice-alert.error[b-3vptb0uq6y]{border:1px solid #7b3038;background:#35151b;color:#ffd7db}.invoice-card-list[b-3vptb0uq6y]{display:grid;gap:8px;padding:0 14px 14px}.invoice-payment-card[b-3vptb0uq6y]{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(120px,.55fr) minmax(170px,.7fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #1d4053;border-radius:9px;background:#071c29}.invoice-payment-main[b-3vptb0uq6y]{display:flex;align-items:center;gap:10px;min-width:0}.invoice-doc-icon[b-3vptb0uq6y]{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:9px;background:#5b4700;color:#ffd528;font-size:18px}.invoice-payment-main strong[b-3vptb0uq6y],.invoice-payment-main small[b-3vptb0uq6y],.invoice-payment-amount span[b-3vptb0uq6y],.invoice-payment-amount strong[b-3vptb0uq6y]{display:block}.invoice-payment-main strong[b-3vptb0uq6y]{font-size:11px}.invoice-payment-main small[b-3vptb0uq6y]{margin-top:4px;color:#8faabd;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-payment-amount span[b-3vptb0uq6y]{color:#8faabd;font-size:9px}.invoice-payment-amount strong[b-3vptb0uq6y]{margin-top:3px;font-size:11px}.invoice-payment-state[b-3vptb0uq6y]{display:flex;gap:6px;flex-wrap:wrap}.invoice-state-chip[b-3vptb0uq6y]{padding:3px 7px;border-radius:5px;font-size:9px;font-weight:700}.invoice-state-chip.pending[b-3vptb0uq6y]{background:#3c4c58;color:#e8eef2}.invoice-state-chip.created[b-3vptb0uq6y]{background:#15456a;color:#bde4ff}.invoice-generate-button[b-3vptb0uq6y],.invoice-existing-button[b-3vptb0uq6y]{min-width:128px;padding:9px 11px;border-radius:7px;cursor:pointer;font-weight:800}.invoice-generate-button[b-3vptb0uq6y]{border:0;background:#ffc400;color:#07131c}.invoice-generate-button:disabled[b-3vptb0uq6y]{opacity:.55;cursor:wait}.invoice-existing-button[b-3vptb0uq6y]{border:1px solid #2b6384;background:transparent;color:#48b5ff}.invoice-info-panel[b-3vptb0uq6y]{align-self:start}.invoice-steps[b-3vptb0uq6y]{display:grid;gap:0;padding:0 14px 10px}.invoice-steps>div[b-3vptb0uq6y]{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #17394b}.invoice-steps b[b-3vptb0uq6y]{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0b5f92;color:#fff}.invoice-steps strong[b-3vptb0uq6y],.invoice-steps small[b-3vptb0uq6y]{display:block}.invoice-steps strong[b-3vptb0uq6y]{font-size:10px}.invoice-steps small[b-3vptb0uq6y]{margin-top:3px;color:#91aabd;font-size:9px;line-height:1.4}.invoice-separation-note[b-3vptb0uq6y]{display:grid;gap:4px;margin:0 14px 14px;padding:11px;border:1px solid #1c5676;border-radius:8px;background:#08273a}.invoice-separation-note strong[b-3vptb0uq6y]{color:#58bdff;font-size:10px}.invoice-separation-note span[b-3vptb0uq6y]{color:#b9cfdb;font-size:9px;line-height:1.45}@media(max-width:1100px){.invoice-tab[b-3vptb0uq6y]{grid-template-columns:1fr}.invoice-intro[b-3vptb0uq6y],.invoice-alert[b-3vptb0uq6y]{grid-column:auto}.invoice-info-panel[b-3vptb0uq6y]{grid-column:auto}.invoice-payment-card[b-3vptb0uq6y]{grid-template-columns:1fr 1fr}.invoice-payment-actions[b-3vptb0uq6y]{text-align:right}}@media(max-width:700px){.invoice-intro[b-3vptb0uq6y]{align-items:stretch;flex-direction:column}.invoice-summary[b-3vptb0uq6y]{min-width:0;grid-template-columns:repeat(3,1fr)}.invoice-payment-card[b-3vptb0uq6y]{grid-template-columns:1fr}.invoice-payment-actions[b-3vptb0uq6y]{text-align:left}.invoice-generate-button[b-3vptb0uq6y],.invoice-existing-button[b-3vptb0uq6y]{width:100%}}
/* /Pages/Owner/Bookings.razor.rz.scp.css */
*[b-283pczdo9l] { box-sizing: border-box; }
.owner-shell[b-283pczdo9l] { min-height: 100vh; background: #061723; color: #f7fbff; display: grid; grid-template-columns: 210px minmax(0, 1fr); font-family: Inter, system-ui, sans-serif; }
.sidebar[b-283pczdo9l] { background: #05131e; border-right: 1px solid #203747; padding: 18px 10px 12px; display: flex; flex-direction: column; min-height: 100vh; }
.brand[b-283pczdo9l] { display: flex; align-items: center; gap: 9px; padding: 0 10px 18px; }
.brand > strong[b-283pczdo9l] { font-size: 29px; font-style: italic; }
.brand b[b-283pczdo9l] { display: block; font-size: 15px; }.brand b span[b-283pczdo9l] { color: #ffbf00; }.brand small[b-283pczdo9l] { display: block; font-size: 7px; color: #c7d4dc; }
.owner-card[b-283pczdo9l] { border: 1px solid #294352; border-radius: 10px; padding: 12px; display: flex; gap: 10px; align-items: center; margin-bottom: 12px; }.avatar[b-283pczdo9l] { width: 38px; height: 38px; border-radius: 50%; background: #526b7e; display: grid; place-items: center; font-weight: 800; }.owner-card strong[b-283pczdo9l],.owner-card small[b-283pczdo9l],.owner-card em[b-283pczdo9l] { display:block; }.owner-card small[b-283pczdo9l] { font-size: 10px; }.owner-card em[b-283pczdo9l] { font-size: 9px; color: #39d47b; font-style: normal; margin-top: 4px; }
nav[b-283pczdo9l] { display: grid; gap: 2px; overflow-y: auto; }nav a[b-283pczdo9l] { color: #f5f8fa; text-decoration: none; display:flex; align-items:center; gap: 12px; padding: 10px 12px; border-radius: 7px; font-size: 12px; }nav a i[b-283pczdo9l] { width: 16px; text-align:center; font-style:normal; }nav a:hover[b-283pczdo9l],nav a.active[b-283pczdo9l] { background: #4b3c00; color: #ffd21c; }
.roles-card[b-283pczdo9l] { margin-top:auto; border:1px solid #463d79; background:#171637; border-radius:9px; padding:12px; display:grid; gap:8px; }.roles-card small[b-283pczdo9l] { font-size:9px; }.roles-card a[b-283pczdo9l] { border:1px solid #514985; border-radius:6px; padding:8px; color:#fff; text-decoration:none; font-size:10px; }.logout[b-283pczdo9l] { margin-top:10px; background:transparent; border:1px solid #314a59; color:#fff; padding:11px; border-radius:8px; text-align:left; }
main[b-283pczdo9l] { min-width:0; }.topbar[b-283pczdo9l] { min-height:82px; border-bottom:1px solid #203747; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.topbar h2[b-283pczdo9l] { margin:0; font-size:20px; }.topbar p[b-283pczdo9l] { margin:4px 0 0; font-size:11px; }.top-actions[b-283pczdo9l] { display:flex; gap:12px; align-items:center; }.top-actions button[b-283pczdo9l],.top-actions span[b-283pczdo9l] { border:1px solid #294352; background:#071925; color:#fff; border-radius:8px; padding:10px 13px; font-size:11px; }.menu-button[b-283pczdo9l] { display:none; }
.page-heading[b-283pczdo9l] { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:18px 20px 12px; }.page-heading h1[b-283pczdo9l] { margin:0; font-size:25px; }.page-heading p[b-283pczdo9l] { margin:4px 0 0; font-size:11px; }.primary-button[b-283pczdo9l] { background:#ffbf00; color:#151100; border:0; border-radius:7px; padding:11px 16px; font-weight:800; text-decoration:none; font-size:12px; }.secondary-button[b-283pczdo9l] { background:#071925; border:1px solid #355061; color:#fff; border-radius:7px; padding:10px 12px; font-weight:700; }
.alert[b-283pczdo9l],.state-card[b-283pczdo9l] { margin:0 20px 12px; padding:12px 14px; border-radius:7px; }.alert.success[b-283pczdo9l] { background:#075b2c; border:1px solid #0aa754; }.state-card[b-283pczdo9l] { border:1px solid #294352; background:#091d2a; min-height:90px; display:flex; flex-direction:column; justify-content:center; gap:8px; }.state-card.error[b-283pczdo9l] { border-color:#7d3030; }
.kpis[b-283pczdo9l] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; padding:0 20px 14px; }.kpis article[b-283pczdo9l] { min-width:0; min-height:92px; border:1px solid #294352; background:#091d2a; border-radius:9px; padding:12px; display:flex; align-items:center; gap:11px; }.kpis i[b-283pczdo9l] { flex:0 0 42px; height:42px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-size:18px; }.kpis .blue[b-283pczdo9l] { background:#124b98; }.kpis .purple[b-283pczdo9l] { background:#4c2c8e; }.kpis .green[b-283pczdo9l] { background:#0b6539; }.kpis .orange[b-283pczdo9l] { background:#8b3e0b; }.kpis .money[b-283pczdo9l] { background:#746000; }.kpis small[b-283pczdo9l],.kpis span[b-283pczdo9l] { display:block; font-size:9px; }.kpis strong[b-283pczdo9l] { display:block; font-size:20px; margin:2px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bookings-panel[b-283pczdo9l] { margin:0 20px 20px; border:1px solid #294352; border-radius:9px; background:#071b28; overflow:hidden; }.filters[b-283pczdo9l] { padding:10px; display:grid; grid-template-columns:minmax(220px,1.6fr) repeat(2,145px) repeat(3,minmax(145px,.8fr)) auto; gap:8px; border-bottom:1px solid #294352; }.filters input[b-283pczdo9l],.filters select[b-283pczdo9l] { min-width:0; width:100%; background:#071925; border:1px solid #355061; color:#fff; border-radius:7px; padding:10px; font-size:11px; }.search-box[b-283pczdo9l] { position:relative; }.search-box span[b-283pczdo9l] { position:absolute; left:12px; top:10px; }.search-box input[b-283pczdo9l] { padding-left:34px; }
.table-wrap[b-283pczdo9l] { overflow-x:auto; }table[b-283pczdo9l] { width:100%; border-collapse:collapse; min-width:1100px; }th[b-283pczdo9l] { text-align:left; color:#d8e4eb; font-size:10px; padding:11px; border-bottom:1px solid #294352; }td[b-283pczdo9l] { padding:11px; border-bottom:1px solid #1f3746; font-size:11px; vertical-align:middle; }.date-cell strong[b-283pczdo9l],.date-cell small[b-283pczdo9l] { display:block; }.date-cell small[b-283pczdo9l] { color:#9fb2bf; margin-top:4px; }.customer-cell[b-283pczdo9l] { display:flex; align-items:center; gap:9px; }.avatar.small[b-283pczdo9l] { width:31px; height:31px; font-size:10px; }.customer-cell strong[b-283pczdo9l],.customer-cell small[b-283pczdo9l] { display:block; }.customer-cell small[b-283pczdo9l] { color:#9fb2bf; margin-top:3px; }.amount[b-283pczdo9l] { color:#43db83; }.status[b-283pczdo9l] { display:inline-block; padding:4px 8px; border-radius:999px; font-size:9px; border:1px solid; }.status.confirmed[b-283pczdo9l],.status.completed[b-283pczdo9l] { color:#54e48d; border-color:#176a40; background:#0b3825; }.status.pending[b-283pczdo9l] { color:#f0c34e; border-color:#806715; background:#3a310e; }.status.cancelled[b-283pczdo9l] { color:#ff7777; border-color:#8d3030; background:#3b1515; }.actions[b-283pczdo9l] { display:flex; gap:5px; }.actions button[b-283pczdo9l] { width:30px; height:30px; border:1px solid #355061; background:#071925; color:#fff; border-radius:6px; }.actions button.danger[b-283pczdo9l] { color:#ff7474; border-color:#6f3030; }
.pagination[b-283pczdo9l] { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px; font-size:10px; }.pagination div[b-283pczdo9l] { display:flex; align-items:center; gap:8px; }.pagination button[b-283pczdo9l],.pagination b[b-283pczdo9l] { border:1px solid #355061; background:#071925; color:#fff; border-radius:6px; padding:7px 10px; }.pagination b[b-283pczdo9l] { color:#ffbf00; }.empty-state[b-283pczdo9l] { min-height:340px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; text-align:center; color:#9fb2bf; }.empty-state > span[b-283pczdo9l] { font-size:42px; }.empty-state strong[b-283pczdo9l] { color:#fff; font-size:16px; }.empty-state p[b-283pczdo9l] { margin:0; }
.modal-backdrop[b-283pczdo9l] { position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.72); display:grid; place-items:center; padding:20px; }.modal-card[b-283pczdo9l] { width:min(720px,100%); max-height:90vh; overflow:auto; background:#081d29; border:1px solid #355061; border-radius:12px; padding:18px; }.modal-card.compact[b-283pczdo9l] { width:min(520px,100%); }.modal-card header[b-283pczdo9l] { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid #294352; padding-bottom:12px; }.modal-card h2[b-283pczdo9l] { margin:0; }.modal-card header p[b-283pczdo9l] { margin:4px 0 0; font-size:10px; color:#9fb2bf; }.modal-card header button[b-283pczdo9l] { background:transparent; border:0; color:#fff; font-size:24px; }.detail-grid[b-283pczdo9l] { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:16px 0; }.detail-grid > div[b-283pczdo9l] { border:1px solid #294352; border-radius:8px; padding:12px; display:grid; gap:5px; }.detail-grid small[b-283pczdo9l] { color:#9fb2bf; }.notes[b-283pczdo9l] { border-top:1px solid #294352; padding-top:12px; }.modal-card label[b-283pczdo9l] { display:grid; gap:7px; margin-top:14px; font-size:11px; }.modal-card textarea[b-283pczdo9l] { min-height:100px; resize:vertical; background:#071925; border:1px solid #355061; color:#fff; border-radius:7px; padding:10px; }.modal-card footer[b-283pczdo9l] { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }.danger-button[b-283pczdo9l] { background:#b62f2f; color:#fff; border:0; border-radius:7px; padding:10px 14px; font-weight:800; }
@media (max-width:1500px) { .kpis[b-283pczdo9l] { grid-template-columns:repeat(3,1fr); }.filters[b-283pczdo9l] { grid-template-columns:minmax(240px,1fr) repeat(3,minmax(140px,.5fr)); }.filters .search-box[b-283pczdo9l] { grid-column:span 2; } }
@media (max-width:1024px) { .owner-shell[b-283pczdo9l] { grid-template-columns:1fr; }.sidebar[b-283pczdo9l] { position:fixed; z-index:900; width:230px; transform:translateX(-100%); transition:.2s; }.sidebar.open[b-283pczdo9l] { transform:translateX(0); }.menu-button[b-283pczdo9l] { display:block; background:#071925; border:1px solid #355061; color:#fff; border-radius:7px; padding:8px 10px; }.topbar[b-283pczdo9l] { justify-content:flex-start; }.top-actions[b-283pczdo9l] { margin-left:auto; }.kpis[b-283pczdo9l] { grid-template-columns:repeat(2,1fr); }.filters[b-283pczdo9l] { grid-template-columns:1fr 1fr; }.filters .search-box[b-283pczdo9l] { grid-column:1/-1; } }
@media (max-width:640px) { .topbar[b-283pczdo9l] { padding:12px; }.topbar h2[b-283pczdo9l] { font-size:16px; }.top-actions span[b-283pczdo9l] { display:none; }.page-heading[b-283pczdo9l] { align-items:flex-start; flex-direction:column; padding:14px 12px; }.kpis[b-283pczdo9l] { grid-template-columns:1fr; padding:0 12px 12px; }.bookings-panel[b-283pczdo9l] { margin:0 12px 12px; }.filters[b-283pczdo9l] { grid-template-columns:1fr; }.filters .search-box[b-283pczdo9l] { grid-column:auto; }.pagination[b-283pczdo9l] { align-items:flex-start; flex-direction:column; }.detail-grid[b-283pczdo9l] { grid-template-columns:1fr; } }


/* =========================================================
   CALIFICACIÓN CLIENTE - PROPIETARIO
   ========================================================= */
.actions .rate-customer[b-283pczdo9l]{border-color:#a66ad1;color:#e0a8ff;background:#28153a}
.actions .rate-customer:hover[b-283pczdo9l]{background:#3a1b54;border-color:#c786f1}
.actions .rated-customer[b-283pczdo9l]{border-color:#176b46;color:#79e3ae;background:#0b3424;opacity:1;cursor:default}

.customer-rating-modal[b-283pczdo9l]{width:min(650px,94vw)}
.rating-eyebrow[b-283pczdo9l]{display:block;margin-bottom:5px;color:#c47cf0;font-size:10px;font-weight:900;letter-spacing:.12em}
.rating-intro[b-283pczdo9l]{margin:0 0 16px;color:#aebbc4;line-height:1.5}
.rating-categories[b-283pczdo9l]{display:grid;gap:9px}
.rating-category[b-283pczdo9l]{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:18px;align-items:center;padding:13px 14px;border:1px solid #2c414e;border-radius:12px;background:#081923}
.rating-category strong[b-283pczdo9l],.rating-category small[b-283pczdo9l]{display:block}
.rating-category small[b-283pczdo9l]{margin-top:3px;color:#8297a3;font-size:11px}
.stars[b-283pczdo9l]{display:flex;gap:5px}
.stars button[b-283pczdo9l]{width:35px;height:35px;border:1px solid #354b58;border-radius:9px;background:#07151e;color:#40515d;font-size:18px;cursor:pointer}
.stars button:hover[b-283pczdo9l],.stars button.selected[b-283pczdo9l]{border-color:#e0a82f;background:#3b2c0e;color:#ffd25c}
.rating-comment[b-283pczdo9l]{display:block;margin-top:14px;font-weight:700}
.rating-comment>span[b-283pczdo9l]{color:#768b97;font-weight:400}
.rating-comment textarea[b-283pczdo9l]{width:100%;box-sizing:border-box;margin-top:7px;padding:11px;border:1px solid #304653;border-radius:10px;background:#071720;color:#fff;resize:vertical;font:inherit}
.rating-comment>small[b-283pczdo9l]{display:block;margin-top:4px;color:#728793;text-align:right}
.rating-error[b-283pczdo9l]{margin-top:10px;padding:10px 12px;border:1px solid #8c3438;border-radius:9px;background:#421519;color:#ffb5b8}
.rating-save-button[b-283pczdo9l]{border:1px solid #9b58c5;border-radius:9px;padding:10px 16px;background:linear-gradient(135deg,#6f3198,#944bc0);color:#fff;font-weight:800;cursor:pointer}
.rating-save-button:disabled[b-283pczdo9l]{opacity:.6;cursor:not-allowed}
@media(max-width:640px){.rating-category[b-283pczdo9l]{grid-template-columns:1fr}.stars[b-283pczdo9l]{justify-content:flex-start}}

/* =========================================================
   TURNOS - VISTA RESPONSIVE PARA DISPOSITIVOS MÓVILES
   =========================================================
   La tabla se conserva para escritorio/tablet. En móvil se
   reemplaza visualmente por tarjetas, sin cambiar los datos,
   acciones ni reglas de negocio existentes.
   ========================================================= */
.bookings-mobile-view[b-283pczdo9l] {
    display: none;
}

@media (max-width: 700px) {
    .bookings-desktop-view[b-283pczdo9l] {
        display: none;
    }

    .bookings-mobile-view[b-283pczdo9l] {
        display: grid;
        gap: 12px;
        padding: 12px;
    }

    .booking-mobile-card[b-283pczdo9l] {
        min-width: 0;
        overflow: hidden;
        border: 1px solid #294352;
        border-radius: 12px;
        background: #081d29;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
    }

    .booking-mobile-header[b-283pczdo9l] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 13px 14px;
        border-bottom: 1px solid #294352;
        background: #071925;
    }

    .booking-mobile-date[b-283pczdo9l] {
        min-width: 0;
        display: grid;
        gap: 3px;
    }

    .booking-mobile-date strong[b-283pczdo9l] {
        color: #fff;
        font-size: 13px;
        text-transform: capitalize;
    }

    .booking-mobile-date span[b-283pczdo9l] {
        color: #9fb2bf;
        font-size: 11px;
    }

    .booking-mobile-header .status[b-283pczdo9l] {
        flex: 0 0 auto;
        max-width: 45%;
        white-space: normal;
        text-align: center;
    }

    .booking-mobile-customer[b-283pczdo9l] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px;
        border-bottom: 1px solid #1f3746;
    }

    .booking-mobile-customer > div[b-283pczdo9l] {
        min-width: 0;
    }

    .booking-mobile-customer strong[b-283pczdo9l],
    .booking-mobile-customer small[b-283pczdo9l] {
        display: block;
        overflow-wrap: anywhere;
    }

    .booking-mobile-customer strong[b-283pczdo9l] {
        color: #fff;
        font-size: 13px;
    }

    .booking-mobile-customer small[b-283pczdo9l] {
        margin-top: 3px;
        color: #9fb2bf;
        font-size: 10px;
    }

    .booking-mobile-grid[b-283pczdo9l] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .booking-mobile-field[b-283pczdo9l] {
        min-width: 0;
        padding: 12px 14px;
        border-bottom: 1px solid #1f3746;
    }

    .booking-mobile-field:nth-child(odd)[b-283pczdo9l] {
        border-right: 1px solid #1f3746;
    }

    .booking-mobile-field small[b-283pczdo9l],
    .booking-mobile-field strong[b-283pczdo9l],
    .booking-mobile-field span[b-283pczdo9l] {
        display: block;
    }

    .booking-mobile-field small[b-283pczdo9l] {
        margin-bottom: 5px;
        color: #7f97a6;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .booking-mobile-field strong[b-283pczdo9l] {
        color: #fff;
        font-size: 11px;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .booking-mobile-field span[b-283pczdo9l] {
        margin-top: 3px;
        color: #9fb2bf;
        font-size: 10px;
        overflow-wrap: anywhere;
    }

    .booking-mobile-service[b-283pczdo9l] {
        grid-column: 1 / -1;
        border-right: 0 !important;
    }

    .booking-mobile-amount .amount[b-283pczdo9l] {
        color: #43db83;
    }

    .booking-mobile-footer[b-283pczdo9l] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 11px 14px;
        background: #071925;
    }

    .booking-mobile-actions-label[b-283pczdo9l] {
        color: #9fb2bf;
        font-size: 10px;
        font-weight: 700;
    }

    .booking-mobile-actions[b-283pczdo9l] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .booking-mobile-actions button[b-283pczdo9l] {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
    }

    .pagination[b-283pczdo9l] {
        width: 100%;
        padding: 12px;
        align-items: center;
        text-align: center;
    }

    .pagination > span[b-283pczdo9l] {
        width: 100%;
    }

    .pagination > div[b-283pczdo9l] {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 420px) {
    .booking-mobile-grid[b-283pczdo9l] {
        grid-template-columns: 1fr;
    }

    .booking-mobile-field[b-283pczdo9l],
    .booking-mobile-field:nth-child(odd)[b-283pczdo9l] {
        border-right: 0;
    }

    .booking-mobile-service[b-283pczdo9l] {
        grid-column: auto;
    }

    .booking-mobile-footer[b-283pczdo9l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .booking-mobile-actions[b-283pczdo9l] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Owner/Branches.razor.rz.scp.css */
.branches-shell[b-wshv18912h]{min-height:100vh;background:#061421;color:#fff;display:grid;grid-template-columns:230px minmax(0,1fr);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.branches-sidebar[b-wshv18912h]{position:sticky;top:0;height:100vh;background:#04101b;border-right:1px solid #1d3343;padding:18px 10px;display:flex;flex-direction:column;gap:14px;overflow:auto}.brand[b-wshv18912h]{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:2px 8px 12px}.brand-mark[b-wshv18912h]{font-size:28px;font-weight:900;font-style:italic}.brand strong[b-wshv18912h]{display:block;font-size:17px}.brand b[b-wshv18912h]{color:#ffc400}.brand small[b-wshv18912h]{display:block;color:#fff;font-size:10px;margin-top:2px}.owner-mini[b-wshv18912h]{border:1px solid #213847;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center}.owner-avatar[b-wshv18912h]{width:42px;height:42px;border-radius:50%;background:#566a7b;display:grid;place-items:center;font-weight:800}.owner-mini strong[b-wshv18912h],.owner-mini small[b-wshv18912h],.owner-mini em[b-wshv18912h]{display:block;color:#fff}.owner-mini small[b-wshv18912h]{font-size:11px;margin-top:3px}.owner-mini em[b-wshv18912h]{font-style:normal;font-size:10px;color:#45db79;margin-top:4px}.branches-sidebar nav[b-wshv18912h]{display:grid;gap:3px}.branches-sidebar nav a[b-wshv18912h]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#fff;text-decoration:none;font-size:13px}.branches-sidebar nav a.active[b-wshv18912h],.branches-sidebar nav a:hover[b-wshv18912h]{background:linear-gradient(90deg,#594600,#302700);color:#ffd21f}.logout[b-wshv18912h]{margin-top:auto;background:transparent;color:#fff;border:1px solid #294252;border-radius:8px;padding:10px;text-align:left;cursor:pointer}.branches-main[b-wshv18912h]{padding:24px 28px;min-width:0}.page-head[b-wshv18912h]{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.page-head h1[b-wshv18912h]{font-size:28px;margin:0 0 4px}.page-head p[b-wshv18912h],.section-head p[b-wshv18912h],.info-panel p[b-wshv18912h]{color:#fff;margin:0}.primary-button[b-wshv18912h],.secondary-button[b-wshv18912h],.icon-button[b-wshv18912h]{border-radius:9px;cursor:pointer;font-weight:700}.primary-button[b-wshv18912h]{background:linear-gradient(135deg,#ffd12b,#f2a900);border:0;color:#101010;padding:12px 18px}.secondary-button[b-wshv18912h]{background:#091925;border:1px solid #304857;color:#fff;padding:9px 12px}.icon-button[b-wshv18912h]{width:38px;height:38px;background:#091925;border:1px solid #304857;color:#fff}.success-banner[b-wshv18912h],.error-banner[b-wshv18912h]{border-radius:8px;padding:10px 12px;margin-bottom:16px}.success-banner[b-wshv18912h]{background:#0d4b2c;border:1px solid #16894c;color:#fff}.error-banner[b-wshv18912h]{background:#5c1d24;border:1px solid #a33b47;color:#fff}.summary-grid[b-wshv18912h]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.summary-grid article[b-wshv18912h]{background:#0a1b28;border:1px solid #203746;border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center}.summary-grid article>span[b-wshv18912h]{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#3a3106;color:#ffd21f}.summary-grid small[b-wshv18912h],.summary-grid strong[b-wshv18912h]{display:block;color:#fff}.summary-grid strong[b-wshv18912h]{font-size:24px;margin-top:3px}.branches-card[b-wshv18912h]{background:#081925;border:1px solid #203746;border-radius:14px;overflow:hidden}.section-head[b-wshv18912h]{padding:18px 20px;border-bottom:1px solid #203746}.section-head h2[b-wshv18912h]{margin:0 0 4px}.branch-grid[b-wshv18912h]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.branch-item[b-wshv18912h]{background:#0b1e2b;border:1px solid #294252;border-radius:12px;padding:16px}.branch-item.inactive[b-wshv18912h]{opacity:.72}.branch-top[b-wshv18912h]{display:flex;gap:12px}.branch-icon[b-wshv18912h]{width:44px;height:44px;border-radius:10px;background:#372d05;color:#ffd21f;display:grid;place-items:center;font-size:20px}.branch-title[b-wshv18912h]{min-width:0;flex:1}.branch-name[b-wshv18912h]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-name h3[b-wshv18912h]{margin:0;font-size:18px}.branch-title p[b-wshv18912h]{margin:5px 0 0;color:#fff}.main-badge[b-wshv18912h],.status-badge[b-wshv18912h]{font-size:10px;padding:4px 7px;border-radius:999px}.main-badge[b-wshv18912h]{background:#473800;color:#ffd21f}.status-badge.active[b-wshv18912h]{background:#0d512f;color:#77f1a5}.status-badge.off[b-wshv18912h]{background:#263642;color:#fff}.branch-details[b-wshv18912h]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #203746}.branch-details small[b-wshv18912h],.branch-details strong[b-wshv18912h]{display:block;color:#fff}.branch-details small[b-wshv18912h]{font-size:10px;margin-bottom:3px}.branch-details strong[b-wshv18912h]{font-size:12px}.branch-actions[b-wshv18912h]{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.danger-text[b-wshv18912h]{color:#ff727e}.success-text[b-wshv18912h]{color:#66ec9a}.empty-state[b-wshv18912h]{text-align:center;padding:50px 20px}.empty-state>span[b-wshv18912h]{font-size:40px;color:#ffd21f}.empty-state h3[b-wshv18912h]{margin:12px 0 6px}.empty-state p[b-wshv18912h]{color:#fff;margin:0 0 16px}.info-panel[b-wshv18912h]{margin-top:18px;border:1px solid #26425a;border-radius:12px;background:#0a1b2f;padding:14px 16px;display:flex;gap:12px;align-items:center}.info-panel>span[b-wshv18912h]{color:#5ca8ff;font-size:22px}.info-panel div[b-wshv18912h]{flex:1}.info-panel strong[b-wshv18912h]{color:#fff}.info-panel a[b-wshv18912h]{color:#ffd21f;text-decoration:none;font-weight:700;white-space:nowrap}.state-card[b-wshv18912h]{margin:70px auto;max-width:620px;text-align:center;background:#0a1b28;border:1px solid #203746;padding:30px;border-radius:14px}.state-card p[b-wshv18912h]{color:#fff}.state-card button[b-wshv18912h]{background:#ffd21f;border:0;border-radius:8px;padding:10px 16px}.skeleton-grid[b-wshv18912h]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skeleton[b-wshv18912h]{height:150px;border-radius:12px;background:linear-gradient(90deg,#0b1c28,#132b3b,#0b1c28);background-size:200% 100%;animation:shimmer-b-wshv18912h 1.3s linear infinite}@keyframes shimmer-b-wshv18912h{to{background-position:-200% 0}}.branch-modal-layer[b-wshv18912h]{position:fixed;inset:0;z-index:6000;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.branch-modal[b-wshv18912h]{width:min(820px,96vw);max-height:92vh;overflow:auto;background:#091b27;border:1px solid #355064;border-radius:15px;box-shadow:0 24px 70px #000}.branch-modal>header[b-wshv18912h]{position:sticky;top:0;z-index:1;background:#091b27;padding:18px 20px;border-bottom:1px solid #294252;display:flex;justify-content:space-between}.branch-modal header h2[b-wshv18912h]{margin:0 0 3px}.branch-modal header p[b-wshv18912h]{margin:0;color:#fff}.branch-modal header button[b-wshv18912h]{width:34px;height:34px;border-radius:50%;border:1px solid #3a5060;background:#102430;color:#fff;font-size:20px}.modal-body[b-wshv18912h]{padding:20px}.form-grid[b-wshv18912h]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label[b-wshv18912h]{display:grid;gap:6px}.form-grid label.full[b-wshv18912h]{grid-column:1/-1}.form-grid span[b-wshv18912h]{font-size:11px;font-weight:700;color:#fff}.form-grid input[b-wshv18912h],.form-grid select[b-wshv18912h]{width:100%;box-sizing:border-box;background:#0d2230;border:1px solid #355064;border-radius:8px;color:#fff;padding:11px 12px;outline:none}.form-grid input:focus[b-wshv18912h],.form-grid select:focus[b-wshv18912h]{border-color:#ffc400;box-shadow:0 0 0 2px rgba(255,196,0,.12)}.form-grid option[b-wshv18912h]{background:#0d2230;color:#fff}.switch-row[b-wshv18912h]{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;padding:14px;background:#0b202c;border:1px solid #294252;border-radius:10px}.switch-row label[b-wshv18912h]{display:flex;gap:8px;align-items:center;color:#fff}.geo-note[b-wshv18912h]{margin-top:14px;display:flex;gap:10px;padding:12px;border-radius:9px;background:#0c2134;border:1px solid #26425a}.geo-note span[b-wshv18912h]{color:#ffd21f}.geo-note p[b-wshv18912h]{margin:0;color:#fff}.branch-modal>footer[b-wshv18912h]{position:sticky;bottom:0;background:#091b27;padding:14px 20px;border-top:1px solid #294252;display:flex;justify-content:flex-end;gap:10px}@media(max-width:1050px){.branches-shell[b-wshv18912h]{grid-template-columns:190px minmax(0,1fr)}.branch-grid[b-wshv18912h]{grid-template-columns:1fr}.summary-grid[b-wshv18912h]{grid-template-columns:1fr 1fr 1fr}}@media(max-width:760px){.branches-shell[b-wshv18912h]{display:block}.branches-sidebar[b-wshv18912h]{position:relative;height:auto}.branches-sidebar nav[b-wshv18912h]{grid-template-columns:1fr 1fr}.branches-main[b-wshv18912h]{padding:18px}.page-head[b-wshv18912h]{align-items:flex-start;flex-direction:column}.summary-grid[b-wshv18912h],.form-grid[b-wshv18912h]{grid-template-columns:1fr}.form-grid label.full[b-wshv18912h]{grid-column:auto}.branch-details[b-wshv18912h]{grid-template-columns:1fr}.info-panel[b-wshv18912h]{align-items:flex-start;flex-wrap:wrap}.branch-modal-layer[b-wshv18912h]{padding:8px}.branch-modal[b-wshv18912h]{width:100%;max-height:96vh}}.location-capture[b-wshv18912h]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #355064;border-radius:10px;background:#0b202c}.location-capture div[b-wshv18912h]{display:grid;gap:4px}.location-capture strong[b-wshv18912h]{color:#fff}.location-capture small[b-wshv18912h]{color:#fff;line-height:1.45}.location-capture .secondary-button[b-wshv18912h]{white-space:nowrap}@media(max-width:760px){.location-capture[b-wshv18912h]{grid-column:auto;flex-direction:column;align-items:stretch}.location-capture .secondary-button[b-wshv18912h]{width:100%}}


/* =========================================================
   LÍMITE DE SEDES SEGÚN PLAN
   ========================================================= */
.primary-button:disabled[b-wshv18912h]{
    opacity:.48;
    cursor:not-allowed;
    filter:saturate(.35);
}
.summary-grid[b-wshv18912h]{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.plan-summary[b-wshv18912h]{
    border-color:#5c4a0c!important;
    background:linear-gradient(135deg,#171506,#0a1b28)!important;
}
.plan-policy[b-wshv18912h]{
    margin-bottom:18px;
    border:1px solid #294252;
    border-radius:12px;
    padding:13px 15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
}
.plan-policy strong[b-wshv18912h],
.plan-policy p[b-wshv18912h]{
    display:block;
}
.plan-policy p[b-wshv18912h]{
    margin:4px 0 0;
    font-size:11px;
    line-height:1.45;
    color:#fff;
}
.plan-policy.available[b-wshv18912h]{
    border-color:#2b6549;
    background:#082219;
}
.plan-policy.limit-reached[b-wshv18912h]{
    border-color:#70580a;
    background:linear-gradient(135deg,#271e05,#171306);
}
.plan-policy.limit-reached strong[b-wshv18912h]{
    color:#ffd21f;
}
.plan-policy a[b-wshv18912h]{
    flex:0 0 auto;
    color:#ffd21f;
    text-decoration:none;
    font-weight:800;
    font-size:12px;
    white-space:nowrap;
}
@media(max-width:1050px){
    .summary-grid[b-wshv18912h]{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .summary-grid[b-wshv18912h]{
        grid-template-columns:1fr;
    }
    .plan-policy[b-wshv18912h]{
        align-items:flex-start;
        flex-direction:column;
    }
}

.demo-pill[b-wshv18912h]{display:inline-flex;margin-left:6px;padding:3px 7px;border-radius:999px;background:#ffc400;color:#17120a;font-size:8px;font-weight:900;letter-spacing:.05em}.demo-switch[b-wshv18912h]{border:1px solid #6f5910;border-radius:8px;background:#211a04;padding:8px 10px}.demo-switch strong[b-wshv18912h]{display:inline-flex;margin-right:5px;padding:2px 6px;border-radius:999px;background:#ffc400;color:#17120a;font-size:8px}


/* =========================================================
   MENÚ HAMBURGUESA RESPONSIVE - CONFIGURACIÓN / SEDES
   Mantiene el sidebar de escritorio y lo transforma en
   drawer lateral únicamente en pantallas móviles.
   ========================================================= */
.branches-mobile-toggle[b-wshv18912h],
.branches-mobile-close[b-wshv18912h],
.branches-backdrop[b-wshv18912h]{
    display:none;
}

@media(max-width:760px){
    .branches-shell[b-wshv18912h]{
        display:block;
        min-height:100vh;
        position:relative;
        overflow-x:hidden;
    }

    .branches-mobile-toggle[b-wshv18912h]{
        position:fixed;
        top:14px;
        left:14px;
        z-index:5200;
        width:44px;
        height:44px;
        display:grid;
        place-items:center;
        border:1px solid #294252;
        border-radius:10px;
        background:#071825;
        color:#fff;
        font-size:22px;
        cursor:pointer;
        box-shadow:0 8px 24px rgba(0,0,0,.28);
    }

    .branches-backdrop[b-wshv18912h]{
        display:block;
        position:fixed;
        inset:0;
        z-index:5290;
        border:0;
        padding:0;
        background:rgba(0,0,0,.62);
        backdrop-filter:blur(2px);
        cursor:pointer;
    }

    .branches-sidebar[b-wshv18912h]{
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        z-index:5300;
        width:min(86vw,330px);
        height:100dvh;
        box-sizing:border-box;
        transform:translateX(-105%);
        transition:transform .22s ease;
        overflow-y:auto;
        overscroll-behavior:contain;
        padding:18px 12px 22px;
        box-shadow:18px 0 45px rgba(0,0,0,.38);
    }

    .branches-sidebar.open[b-wshv18912h]{
        transform:translateX(0);
    }

    .branches-mobile-close[b-wshv18912h]{
        display:grid;
        place-items:center;
        position:absolute;
        top:12px;
        right:12px;
        z-index:2;
        width:36px;
        height:36px;
        border:1px solid #355064;
        border-radius:50%;
        background:#0b1e2b;
        color:#fff;
        font-size:24px;
        line-height:1;
        cursor:pointer;
    }

    .branches-sidebar .brand[b-wshv18912h]{
        padding-right:46px;
    }

    .branches-sidebar nav[b-wshv18912h]{
        grid-template-columns:1fr;
    }

    .branches-main[b-wshv18912h]{
        width:100%;
        box-sizing:border-box;
        padding:76px 16px 18px;
    }

    .page-head[b-wshv18912h]{
        margin-bottom:18px;
    }

    .page-head .primary-button[b-wshv18912h]{
        width:100%;
    }

    .branch-actions[b-wshv18912h]{
        display:grid;
        grid-template-columns:1fr;
    }

    .branch-actions .secondary-button[b-wshv18912h],
    .branch-actions .icon-button[b-wshv18912h]{
        width:100%;
    }

    .info-panel a[b-wshv18912h]{
        width:100%;
        white-space:normal;
    }
}
/* /Pages/Owner/BusinessPayments.razor.rz.scp.css */
.business-payments-shell[b-3ehszrqph0] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    background: #061825;
    color: #f8fafc;
}

.business-payments-sidebar[b-3ehszrqph0] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 10px 12px;
    background: #04131f;
    border-right: 1px solid #19384b;
    z-index: 40;
}

.brand[b-3ehszrqph0] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
}

.brand-mark[b-3ehszrqph0] {
    font-size: 28px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-3ehszrqph0],
.brand small[b-3ehszrqph0],
.owner-mini strong[b-3ehszrqph0],
.owner-mini small[b-3ehszrqph0],
.owner-mini em[b-3ehszrqph0] {
    display: block;
}

.brand b[b-3ehszrqph0] { color: #ffbf00; }
.brand small[b-3ehszrqph0] { color: #a9c5d6; font-size: 11px; }

.owner-mini[b-3ehszrqph0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #21465c;
    border-radius: 10px;
    background: #0a2130;
}

.owner-avatar[b-3ehszrqph0] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #334b5d;
    font-weight: 800;
}

.owner-mini small[b-3ehszrqph0] { color: #c5d7e3; }
.owner-mini em[b-3ehszrqph0] { color: #31d17c; font-size: 11px; font-style: normal; }

.business-payments-sidebar nav[b-3ehszrqph0] {
    overflow-y: auto;
    display: grid;
    gap: 3px;
}

.business-payments-sidebar nav a[b-3ehszrqph0] {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 8px;
    align-items: center;
    padding: 9px 10px;
    color: #eef7fc;
    text-decoration: none;
    border-radius: 7px;
    font-size: 13px;
}

.business-payments-sidebar nav a:hover[b-3ehszrqph0] { background: #0e2b3d; }
.business-payments-sidebar nav a.active[b-3ehszrqph0] { background: #6c5200; color: #ffd528; }

.roles-card[b-3ehszrqph0] {
    margin-top: auto;
    padding: 12px;
    display: grid;
    gap: 7px;
    background: #171334;
    border: 1px solid #49377e;
    border-radius: 9px;
}

.roles-card small[b-3ehszrqph0] { color: #d6cef5; }
.roles-card a[b-3ehszrqph0] { color: #fff; text-decoration: none; padding: 8px; border: 1px solid #56458a; border-radius: 6px; }
.logout[b-3ehszrqph0] { padding: 10px; border: 1px solid #2d5268; background: transparent; color: #fff; border-radius: 7px; text-align: left; }

.business-payments-main[b-3ehszrqph0] { min-width: 0; padding: 16px 18px 30px; }
.business-payments-page[b-3ehszrqph0] { width: 100%; max-width: none; margin: 0; }

.mobile-menu-toggle[b-3ehszrqph0],
.mobile-menu-close[b-3ehszrqph0],
.mobile-menu-backdrop[b-3ehszrqph0] { display: none; }

.page-header[b-3ehszrqph0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 14px;
}

.eyebrow[b-3ehszrqph0] { color: #38bdf8; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.page-header h1[b-3ehszrqph0] { margin: 4px 0; font-size: clamp(26px, 3vw, 38px); }
.page-header p[b-3ehszrqph0] { margin: 0; color: #9fc0d3; }
.header-actions[b-3ehszrqph0] { display: flex; gap: 8px; flex-wrap: wrap; }

.btn-primary[b-3ehszrqph0],
.btn-secondary[b-3ehszrqph0] {
    border-radius: 7px;
    padding: 10px 14px;
    border: 1px solid #17658e;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.btn-primary[b-3ehszrqph0] { background: #ffbd00; border-color: #ffbd00; color: #111827; }
.btn-secondary[b-3ehszrqph0] { background: #0a2537; color: #dff3ff; }
button:disabled[b-3ehszrqph0] { opacity: .55; cursor: not-allowed; }

.separation-note[b-3ehszrqph0] {
    display: flex;
    gap: 12px;
    padding: 13px 15px;
    margin-bottom: 14px;
    border: 1px solid #175775;
    border-radius: 10px;
    background: linear-gradient(90deg, #07283b, #0b2532);
}

.separation-note > span[b-3ehszrqph0] { font-size: 26px; }
.separation-note p[b-3ehszrqph0] { margin: 3px 0 0; color: #a9cadc; }

.state-card[b-3ehszrqph0],
.success-banner[b-3ehszrqph0],
.form-error[b-3ehszrqph0] {
    padding: 14px;
    border-radius: 9px;
    margin-bottom: 14px;
}

.state-card[b-3ehszrqph0] { border: 1px solid #2e5369; background: #0a2231; }
.state-card.error[b-3ehszrqph0],
.form-error[b-3ehszrqph0] { border: 1px solid #8d3343; background: #381723; color: #ffdce1; }
.success-banner[b-3ehszrqph0] { border: 1px solid #168653; background: #082f25; color: #b9ffd9; }

.summary-grid[b-3ehszrqph0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.summary-grid article[b-3ehszrqph0] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 90px;
    padding: 14px;
    border: 1px solid #285167;
    border-radius: 9px;
    background: #0a2231;
}

.summary-icon[b-3ehszrqph0] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #0d4868;
    font-size: 20px;
}

.summary-grid small[b-3ehszrqph0],
.summary-grid strong[b-3ehszrqph0],
.summary-grid em[b-3ehszrqph0] { display: block; }
.summary-grid small[b-3ehszrqph0] { color: #9fc2d4; }
.summary-grid strong[b-3ehszrqph0] { margin: 3px 0; font-size: 19px; }
.summary-grid em[b-3ehszrqph0] { color: #83a9bd; font-style: normal; font-size: 11px; }

.content-grid[b-3ehszrqph0] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, .75fr);
    gap: 12px;
    align-items: start;
}

.side-column[b-3ehszrqph0] { display: grid; gap: 12px; }
.panel[b-3ehszrqph0] {
    border: 1px solid #285167;
    border-radius: 10px;
    background: #092332;
    overflow: hidden;
}

.panel > header[b-3ehszrqph0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 15px;
    border-bottom: 1px solid #21475b;
}

.panel h2[b-3ehszrqph0] { margin: 0; font-size: 19px; }
.panel header p[b-3ehszrqph0] { margin: 4px 0 0; color: #9dbccc; }

.configuration-panel .form-grid[b-3ehszrqph0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    padding: 16px;
}

.form-grid label[b-3ehszrqph0] { display: grid; gap: 6px; color: #cbe2ee; font-size: 12px; }
.form-grid label.wide[b-3ehszrqph0] { grid-column: 1 / -1; }
.form-grid input[b-3ehszrqph0],
.form-grid select[b-3ehszrqph0] {
    width: 100%;
    padding: 10px 11px;
    border: 1px solid #2e5e76;
    border-radius: 7px;
    background: #071b28;
    color: #fff;
    box-sizing: border-box;
}
.form-grid label small[b-3ehszrqph0] { color: #7198ac; }

.check-option[b-3ehszrqph0] {
    display: grid !important;
    grid-template-columns: 18px 1fr;
    align-items: start;
    padding: 11px;
    border: 1px solid #274d61;
    border-radius: 8px;
    background: #0b2939;
}
.check-option input[b-3ehszrqph0] { width: auto; margin-top: 3px; }
.check-option strong[b-3ehszrqph0],
.check-option small[b-3ehszrqph0] { display: block; }

.configuration-panel footer[b-3ehszrqph0] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 16px;
    border-top: 1px solid #21475b;
}

.form-error[b-3ehszrqph0] { margin: 0 16px 14px; }
.status-badge[b-3ehszrqph0] { padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; }
.status-badge.active[b-3ehszrqph0] { background: #087a45; color: #c4ffe0; }
.status-badge.inactive[b-3ehszrqph0] { background: #5b2730; color: #ffd5dc; }

.security-panel[b-3ehszrqph0],
.flow-panel[b-3ehszrqph0] { padding-bottom: 8px; }
.security-panel h2[b-3ehszrqph0],
.flow-panel h2[b-3ehszrqph0] { padding: 15px 15px 8px; }
.security-row[b-3ehszrqph0] { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 9px 15px; }
.security-row > span[b-3ehszrqph0] { color: #24dc83; font-weight: 900; }
.security-row p[b-3ehszrqph0] { margin: 0; }
.security-row b[b-3ehszrqph0],
.security-row small[b-3ehszrqph0] { display: block; }
.security-row small[b-3ehszrqph0] { margin-top: 2px; color: #8fb0c1; }

.flow-panel ol[b-3ehszrqph0] { list-style: none; padding: 0 15px 12px; margin: 0; }
.flow-panel li[b-3ehszrqph0] { display: grid; grid-template-columns: 28px 1fr; gap: 9px; padding: 9px 0; border-top: 1px solid #1e4052; }
.flow-panel li > span[b-3ehszrqph0] { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: #725900; color: #ffd526; font-weight: 800; }
.flow-panel b[b-3ehszrqph0],
.flow-panel small[b-3ehszrqph0] { display: block; }
.flow-panel small[b-3ehszrqph0] { color: #87aabd; margin-top: 2px; }

.saved-configurations[b-3ehszrqph0] { margin-top: 12px; }
.saved-configurations > header > span[b-3ehszrqph0] { color: #85bdd7; }
.config-table-wrap[b-3ehszrqph0] { overflow-x: auto; }
table[b-3ehszrqph0] { width: 100%; border-collapse: collapse; min-width: 760px; }
th[b-3ehszrqph0], td[b-3ehszrqph0] { padding: 11px 14px; border-bottom: 1px solid #1c4052; text-align: left; font-size: 12px; }
th[b-3ehszrqph0] { color: #9cc3d5; background: #0b2a3b; }
.empty-state[b-3ehszrqph0] { padding: 28px; display: grid; place-items: center; gap: 4px; color: #a7c6d6; }

@media (max-width: 1100px) {
    .summary-grid[b-3ehszrqph0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .content-grid[b-3ehszrqph0] { grid-template-columns: 1fr; }
    .side-column[b-3ehszrqph0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .business-payments-shell[b-3ehszrqph0] { display: block; }
    .business-payments-main[b-3ehszrqph0] { padding: 12px; }

    .mobile-menu-toggle[b-3ehszrqph0] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 12px;
        padding: 9px 12px;
        border: 1px solid #2a5870;
        border-radius: 7px;
        background: #0a2537;
        color: #fff;
    }

    .business-payments-sidebar[b-3ehszrqph0] {
        position: fixed;
        left: 0;
        top: 0;
        width: 250px;
        transform: translateX(-105%);
        transition: transform .2s ease;
        box-shadow: 20px 0 50px rgba(0, 0, 0, .45);
    }

    .business-payments-sidebar.mobile-open[b-3ehszrqph0] { transform: translateX(0); }
    .mobile-menu-close[b-3ehszrqph0] { display: block; position: absolute; top: 10px; right: 10px; background: transparent; color: #fff; border: 0; font-size: 24px; }
    .mobile-menu-backdrop[b-3ehszrqph0] { display: block; position: fixed; inset: 0; z-index: 30; border: 0; background: rgba(0, 0, 0, .62); }
    .page-header[b-3ehszrqph0] { flex-direction: column; }
}

@media (max-width: 680px) {
    .summary-grid[b-3ehszrqph0],
    .side-column[b-3ehszrqph0],
    .configuration-panel .form-grid[b-3ehszrqph0] { grid-template-columns: 1fr; }
    .form-grid label.wide[b-3ehszrqph0] { grid-column: auto; }
    .header-actions[b-3ehszrqph0] { width: 100%; }
    .header-actions > *[b-3ehszrqph0] { flex: 1; text-align: center; }
    .configuration-panel footer[b-3ehszrqph0] { flex-direction: column; }
    .configuration-panel footer button[b-3ehszrqph0] { width: 100%; }
}

/* =========================================================
   CONTROL DE ACCESO POR PLAN - COBROS ONLINE
   ========================================================= */
.plan-locked-panel[b-3ehszrqph0] {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 20px;
    align-items: start;
    padding: 24px;
    border: 1px solid #765d12;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(122, 90, 0, .20), rgba(8, 31, 45, .96));
    box-shadow: 0 18px 55px rgba(0, 0, 0, .16);
}

.plan-locked-icon[b-3ehszrqph0] {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(255, 191, 0, .12);
    border: 1px solid rgba(255, 207, 51, .35);
    font-size: 32px;
}

.plan-locked-copy h2[b-3ehszrqph0] {
    margin: 4px 0 6px;
    font-size: 24px;
    color: #ffffff;
}

.plan-locked-copy > p[b-3ehszrqph0] {
    margin: 0;
    max-width: 860px;
    color: #a9c8d8;
    line-height: 1.5;
}

.plan-locked-meta[b-3ehszrqph0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.plan-locked-meta > span[b-3ehszrqph0] {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #294e61;
    border-radius: 9px;
    background: rgba(4, 29, 42, .62);
}

.plan-locked-meta small[b-3ehszrqph0] {
    color: #739db2;
    font-size: 11px;
}

.plan-locked-meta strong[b-3ehszrqph0] {
    color: #eaf8ff;
}

.plan-locked-actions[b-3ehszrqph0] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.plan-locked-note[b-3ehszrqph0] {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;
    align-items: start;
    margin-top: 12px;
    padding: 14px 16px;
    border: 1px solid #244b5f;
    border-radius: 10px;
    background: #082435;
    color: #9ec2d4;
}

.plan-locked-note > span[b-3ehszrqph0] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0d4b6b;
    color: #8edcff;
    font-weight: 800;
}

.plan-locked-note p[b-3ehszrqph0] {
    margin: 1px 0 0;
    line-height: 1.45;
}

@media (max-width: 760px) {
    .plan-locked-panel[b-3ehszrqph0] {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .plan-locked-meta[b-3ehszrqph0] {
        grid-template-columns: 1fr;
    }

    .plan-locked-actions[b-3ehszrqph0] {
        flex-direction: column;
    }

    .plan-locked-actions > *[b-3ehszrqph0] {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}

/* =============================================================
   MODAL DE RESTRICCIÓN POR PLAN - COBROS ONLINE
   ============================================================= */
.plan-gate-backdrop[b-3ehszrqph0] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(1, 14, 24, .82);
    backdrop-filter: blur(5px);
}

.plan-gate-modal[b-3ehszrqph0] {
    position: relative;
    width: min(760px, 96vw);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 34px 36px 28px;
    border: 1px solid rgba(230, 237, 246, .95);
    border-radius: 15px;
    background: linear-gradient(145deg, #ffffff 0%, #f7f9ff 58%, #f2f4ff 100%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .45);
    color: #10233f;
}

.plan-gate-close[b-3ehszrqph0] { position:absolute; top:14px; right:17px; width:36px; height:36px; border:0; border-radius:50%; background:transparent; color:#15263e; font-size:29px; line-height:1; cursor:pointer; }
.plan-gate-close:hover[b-3ehszrqph0] { background:#e9edf6; }
.plan-gate-content[b-3ehszrqph0] { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr); gap:24px; align-items:center; }
.plan-gate-brand-row[b-3ehszrqph0] { display:flex; align-items:center; gap:20px; margin-bottom:14px; }
.plan-gate-brand[b-3ehszrqph0] { display:inline-block; font-size:39px; font-weight:950; letter-spacing:-5px; color:#142b45; }
.plan-gate-exclusive[b-3ehszrqph0] { display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border-radius:9px; background:#fff3cf; color:#8a5a00; font-size:13px; }
.plan-gate-copy h2[b-3ehszrqph0] { margin:0; color:#0a1c35; font-size:clamp(27px,3vw,34px); line-height:1.04; letter-spacing:-.8px; }
.plan-gate-copy h2 strong[b-3ehszrqph0] { color:#06162c; }
.plan-gate-description[b-3ehszrqph0] { max-width:470px; margin:17px 0 16px; color:#263b59; font-size:15px; line-height:1.52; }
.plan-gate-benefits[b-3ehszrqph0] { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.plan-gate-benefits li[b-3ehszrqph0] { display:flex; align-items:center; gap:9px; color:#1f3553; font-size:14px; }
.plan-gate-benefits li > span[b-3ehszrqph0] { flex:0 0 20px; width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#6047f5; color:#fff; font-size:12px; font-weight:900; }
.plan-gate-art[b-3ehszrqph0] { text-align:center; }
.card-illustration[b-3ehszrqph0] { position:relative; width:230px; height:245px; margin:6px auto 4px; border-radius:47% 53% 45% 55%; background:radial-gradient(circle at 45% 40%,#f4f2ff 0 28%,#e8e3ff 29% 48%,transparent 49%); }
.payment-card[b-3ehszrqph0] { position:absolute; top:27px; left:15px; width:126px; height:74px; padding:17px; border-radius:10px; transform:rotate(-8deg); background:linear-gradient(135deg,#763bf0,#3547df); box-shadow:0 14px 30px rgba(76,61,210,.28); }
.payment-card[b-3ehszrqph0]::before { content:""; display:block; width:24px; height:17px; margin-bottom:13px; border-radius:4px; background:#f3c653; }
.payment-card span[b-3ehszrqph0] { display:inline-block; width:18px; height:5px; margin-right:5px; border-radius:3px; background:rgba(255,255,255,.7); }
.payment-terminal[b-3ehszrqph0] { position:absolute; right:17px; bottom:37px; width:115px; height:143px; padding:18px 17px; border:6px solid #2f3a57; border-radius:20px 20px 30px 30px; transform:rotate(11deg); background:linear-gradient(160deg,#53647d,#263149); box-shadow:0 18px 30px rgba(32,42,66,.3); }
.terminal-screen[b-3ehszrqph0] { height:40px; margin-bottom:13px; border:3px solid #152239; border-radius:4px; background:#3b94ab; }
.terminal-keys[b-3ehszrqph0] { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.terminal-keys i[b-3ehszrqph0] { height:13px; border-radius:4px; background:#a8b6c8; }
.terminal-keys i:nth-child(4)[b-3ehszrqph0] { background:#ea4f37; }
.terminal-keys i:nth-child(5)[b-3ehszrqph0] { background:#29b68e; }
.terminal-keys i:nth-child(6)[b-3ehszrqph0] { background:#347df1; }
.coin[b-3ehszrqph0],.receipt[b-3ehszrqph0] { position:absolute; display:grid; place-items:center; border-radius:50%; font-weight:950; box-shadow:0 8px 20px rgba(0,0,0,.15); }
.coin[b-3ehszrqph0] { left:40px; bottom:66px; width:50px; height:50px; border:5px solid #e3a014; background:#ffc735; color:#fff; font-size:27px; }
.receipt[b-3ehszrqph0] { right:23px; top:70px; width:42px; height:42px; background:#644af4; color:#fff; font-size:20px; }
.plan-gate-art > p[b-3ehszrqph0] { margin:-7px 0 0; color:#5c43e8; font-size:14px; font-style:italic; font-weight:700; line-height:1.35; transform:rotate(-3deg); }
.plan-gate-current-plan[b-3ehszrqph0] { display:grid; grid-template-columns:42px 1fr; gap:13px; align-items:center; margin-top:24px; padding:15px 18px; border-radius:11px; background:#eaf2ff; color:#19396b; }
.plan-gate-info[b-3ehszrqph0] { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#2374e7; color:#fff; font-size:22px; font-weight:900; font-family:Georgia,serif; }
.plan-gate-current-plan strong[b-3ehszrqph0],.plan-gate-current-plan span[b-3ehszrqph0],.plan-gate-current-plan small[b-3ehszrqph0] { display:block; }
.plan-gate-current-plan strong[b-3ehszrqph0] { margin-bottom:3px; font-size:13px; }
.plan-gate-current-plan span[b-3ehszrqph0],.plan-gate-current-plan small[b-3ehszrqph0] { font-size:12px; line-height:1.45; }
.plan-gate-actions[b-3ehszrqph0] { display:grid; grid-template-columns:1.25fr .78fr; gap:16px; margin-top:22px; }
.plan-gate-actions button[b-3ehszrqph0] { min-height:56px; border:0; border-radius:10px; font-size:16px; font-weight:850; cursor:pointer; }
.plan-gate-upgrade[b-3ehszrqph0] { background:linear-gradient(90deg,#6933ef,#5434ef); color:#fff; box-shadow:0 10px 25px rgba(91,51,239,.2); }
.plan-gate-upgrade:hover[b-3ehszrqph0] { filter:brightness(1.05); }
.plan-gate-later[b-3ehszrqph0] { background:#e3e8f1; color:#10213b; }
.plan-gate-later:hover[b-3ehszrqph0] { background:#d7deea; }

@media (max-width:760px) {
    .plan-gate-backdrop[b-3ehszrqph0] { padding:12px; place-items:end center; }
    .plan-gate-modal[b-3ehszrqph0] { width:100%; max-height:calc(100vh - 24px); padding:28px 22px 22px; border-radius:18px; }
    .plan-gate-content[b-3ehszrqph0] { grid-template-columns:1fr; }
    .plan-gate-art[b-3ehszrqph0] { display:none; }
    .plan-gate-brand-row[b-3ehszrqph0] { gap:13px; }
    .plan-gate-copy h2[b-3ehszrqph0] { font-size:27px; }
    .plan-gate-actions[b-3ehszrqph0] { grid-template-columns:1fr; }
    .plan-gate-current-plan[b-3ehszrqph0] { grid-template-columns:36px 1fr; padding:13px; }
    .plan-gate-info[b-3ehszrqph0] { width:34px; height:34px; }
}
/* /Pages/Owner/Clients.razor.rz.scp.css */
*[b-apn16fd092] {
    box-sizing: border-box;
}

.clients-shell[b-apn16fd092] {
    min-height: 100vh;
    background: #061624;
    color: #f7fafc;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.clients-sidebar[b-apn16fd092] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 30;
    display: flex;
    width: 218px;
    flex-direction: column;
    padding: 18px 14px 14px;
    border-right: 1px solid #173044;
    background: #06131f;
}

.brand[b-apn16fd092] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 3px 8px 18px;
}

.brand > span[b-apn16fd092] {
    font-size: 29px;
    font-style: italic;
    font-weight: 900;
}

.brand strong[b-apn16fd092],
.brand small[b-apn16fd092] {
    display: block;
}

.brand strong[b-apn16fd092] {
    font-size: 17px;
}

.brand b[b-apn16fd092] {
    color: #ffc400;
}

.brand small[b-apn16fd092] {
    margin-top: 2px;
    color: #d4dce4;
    font-size: 8px;
}

.owner-card[b-apn16fd092] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-bottom: 13px;
    padding: 11px;
    border: 1px solid #284153;
    border-radius: 9px;
    background: #091b28;
}

.owner-avatar[b-apn16fd092],
.customer-avatar[b-apn16fd092] {
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f5f8fb;
    background: linear-gradient(145deg, #6c7f91, #34495b);
    font-weight: 800;
}

.owner-avatar[b-apn16fd092] {
    width: 40px;
    height: 40px;
    font-size: 12px;
}

.owner-card strong[b-apn16fd092],
.owner-card small[b-apn16fd092],
.owner-card em[b-apn16fd092] {
    display: block;
}

.owner-card strong[b-apn16fd092] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
}

.owner-card small[b-apn16fd092] {
    margin-top: 2px;
    color: #c9d3dc;
    font-size: 9px;
}

.owner-card em[b-apn16fd092] {
    margin-top: 3px;
    color: #24cf75;
    font-size: 8px;
    font-style: normal;
}

.clients-sidebar nav[b-apn16fd092] {
    display: grid;
    flex: 1;
    gap: 3px;
    overflow-y: auto;
    padding-right: 2px;
}

.clients-sidebar nav a[b-apn16fd092] {
    display: flex;
    align-items: center;
    min-height: 35px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #f4f7fa;
    font-size: 11px;
    text-decoration: none;
}

.clients-sidebar nav a i[b-apn16fd092] {
    display: inline-block;
    width: 25px;
    font-style: normal;
}

.clients-sidebar nav a:hover[b-apn16fd092] {
    background: #0d2435;
}

.clients-sidebar nav a.active[b-apn16fd092] {
    color: #ffd21a;
    background: #453a08;
}

.role-card[b-apn16fd092] {
    display: grid;
    gap: 7px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #41346c;
    border-radius: 8px;
    background: #171334;
}

.role-card strong[b-apn16fd092] {
    font-size: 11px;
}

.role-card span[b-apn16fd092] {
    color: #d4d1e9;
    font-size: 8px;
    line-height: 1.4;
}

.role-card a[b-apn16fd092] {
    display: flex;
    justify-content: space-between;
    padding: 8px 9px;
    border: 1px solid #40356a;
    border-radius: 6px;
    color: white;
    font-size: 9px;
    text-decoration: none;
}

.logout[b-apn16fd092] {
    margin-top: 10px;
    padding: 10px 11px;
    border: 1px solid #294153;
    border-radius: 8px;
    color: white;
    background: transparent;
    text-align: left;
}

.mobile-close[b-apn16fd092],
.mobile-toggle[b-apn16fd092],
.backdrop[b-apn16fd092] {
    display: none;
}

.clients-main[b-apn16fd092] {
    min-height: 100vh;
    margin-left: 218px;
}

.topbar[b-apn16fd092] {
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    border-bottom: 1px solid #173044;
}

.topbar h2[b-apn16fd092],
.topbar p[b-apn16fd092],
.page-heading h1[b-apn16fd092],
.page-heading p[b-apn16fd092] {
    margin: 0;
}

.topbar h2[b-apn16fd092] {
    font-size: 20px;
}

.topbar p[b-apn16fd092],
.page-heading p[b-apn16fd092] {
    margin-top: 4px;
    color: #c6d0da;
    font-size: 11px;
}

.top-actions[b-apn16fd092] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.export-button[b-apn16fd092],
.period[b-apn16fd092] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid #274052;
    border-radius: 8px;
    color: white;
    background: #071a29;
    font-size: 11px;
    text-decoration: none;
}

.page-heading[b-apn16fd092] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 18px 10px;
}

.page-heading h1[b-apn16fd092] {
    font-size: 26px;
}

.primary-button[b-apn16fd092],
.secondary-button[b-apn16fd092] {
    min-height: 38px;
    padding: 9px 14px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700;
}

.primary-button[b-apn16fd092] {
    border: 1px solid #ffc400;
    color: #111820;
    background: #ffc400;
}

.secondary-button[b-apn16fd092] {
    border: 1px solid #2a4558;
    color: white;
    background: #071a29;
}

.primary-button:disabled[b-apn16fd092],
.secondary-button:disabled[b-apn16fd092],
.row-actions button:disabled[b-apn16fd092],
.logout:disabled[b-apn16fd092] {
    cursor: not-allowed;
    opacity: .55;
}

.alert[b-apn16fd092] {
    margin: 6px 18px 10px;
    padding: 10px 12px;
    border-radius: 7px;
    font-size: 11px;
}

.alert.success[b-apn16fd092] {
    border: 1px solid #1f7a48;
    background: #0c4f2f;
}

.alert.error[b-apn16fd092] {
    margin: 0 0 12px;
    border: 1px solid #7d3740;
    background: #3d181d;
}

.kpis[b-apn16fd092] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    padding: 8px 18px 16px;
}

.kpis article[b-apn16fd092] {
    display: flex;
    min-height: 90px;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid #254054;
    border-radius: 9px;
    background: #0a1d2c;
}

.kpis i[b-apn16fd092] {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 50%;
    font-size: 21px;
    font-style: normal;
}

.kpis small[b-apn16fd092],
.kpis span[b-apn16fd092],
.kpis strong[b-apn16fd092] {
    display: block;
}

.kpis small[b-apn16fd092],
.kpis span[b-apn16fd092] {
    color: #d2dbe2;
    font-size: 9px;
}

.kpis strong[b-apn16fd092] {
    margin: 2px 0;
    font-size: 20px;
}

.blue[b-apn16fd092] {
    background: #0b4b91;
}

.green[b-apn16fd092] {
    background: #12582f;
}

.purple[b-apn16fd092] {
    background: #3b247b;
}

.orange[b-apn16fd092] {
    background: #80380d;
}

.workspace-grid[b-apn16fd092] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 12px;
    padding: 0 18px 18px;
}

.customers-panel[b-apn16fd092],
.insight-card[b-apn16fd092] {
    border: 1px solid #284356;
    border-radius: 9px;
    background: #081b2a;
}

.customers-panel[b-apn16fd092] {
    overflow: hidden;
}

.filters[b-apn16fd092] {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) .7fr .8fr .95fr auto;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid #213b4e;
}

.search-box[b-apn16fd092] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    padding: 0 10px;
    border: 1px solid #294457;
    border-radius: 7px;
    background: #071a29;
}

.search-box span[b-apn16fd092] {
    color: #aebbc6;
}

.search-box input[b-apn16fd092],
.filters select[b-apn16fd092] {
    min-width: 0;
    min-height: 38px;
    border: 0;
    outline: none;
    color: white;
    background: transparent;
    font-size: 10px;
}

.filters select[b-apn16fd092] {
    padding: 0 10px;
    border: 1px solid #294457;
    border-radius: 7px;
    background: #071a29;
}

.table-wrap[b-apn16fd092] {
    overflow-x: auto;
}

table[b-apn16fd092] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

th[b-apn16fd092],
td[b-apn16fd092] {
    padding: 11px 12px;
    border-bottom: 1px solid #1c3547;
    text-align: left;
    font-size: 10px;
}

th[b-apn16fd092] {
    color: #eaf1f6;
    background: #0b1f2e;
    font-size: 9px;
    font-weight: 700;
}

tbody tr:hover[b-apn16fd092] {
    background: #0b2131;
}

.customer-cell[b-apn16fd092] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.customer-avatar[b-apn16fd092] {
    width: 34px;
    height: 34px;
    font-size: 10px;
}

.customer-cell strong[b-apn16fd092],
.customer-cell small[b-apn16fd092],
.contact-cell span[b-apn16fd092],
.contact-cell small[b-apn16fd092] {
    display: block;
}

.customer-cell strong[b-apn16fd092] {
    font-size: 10px;
}

.customer-cell small[b-apn16fd092],
.contact-cell small[b-apn16fd092] {
    margin-top: 2px;
    color: #a9b6c1;
    font-size: 8px;
}

.contact-cell span[b-apn16fd092] {
    font-size: 9px;
}

.money[b-apn16fd092] {
    color: #31d17c;
    font-weight: 700;
}

.frequency-badge[b-apn16fd092],
.status-badge[b-apn16fd092] {
    display: inline-flex;
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
}

.frequency-badge.frequent[b-apn16fd092],
.status-badge.active[b-apn16fd092] {
    border-color: #1e6640;
    color: #52e599;
    background: #0d3525;
}

.frequency-badge.occasional[b-apn16fd092] {
    border-color: #275a91;
    color: #67afff;
    background: #0e2946;
}

.frequency-badge.new[b-apn16fd092] {
    border-color: #594198;
    color: #c2a7ff;
    background: #28194d;
}

.status-badge.inactive[b-apn16fd092] {
    border-color: #4b5d6c;
    color: #bcc7d0;
    background: #192633;
}

.row-actions[b-apn16fd092] {
    display: flex;
    gap: 5px;
}

.row-actions button[b-apn16fd092],
.pagination-bar button[b-apn16fd092] {
    min-width: 30px;
    min-height: 30px;
    border: 1px solid #2b4557;
    border-radius: 6px;
    color: white;
    background: #071a29;
    cursor: pointer;
}

.pagination-bar[b-apn16fd092] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    color: #c3ced7;
    font-size: 9px;
}

.pagination-bar > div[b-apn16fd092] {
    display: flex;
    gap: 5px;
}

.pagination-bar button.active[b-apn16fd092] {
    border-color: #8c7000;
    color: #ffd21a;
    background: #3d3508;
}

.empty-state[b-apn16fd092],
.state-card[b-apn16fd092] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 320px;
    padding: 30px;
    text-align: center;
}

.empty-state > span[b-apn16fd092] {
    font-size: 38px;
    color: #516a7c;
}

.empty-state p[b-apn16fd092],
.state-card span[b-apn16fd092] {
    margin: 0;
    color: #9fafbb;
    font-size: 10px;
}

.state-card[b-apn16fd092] {
    min-height: 240px;
    margin: 18px;
    border: 1px solid #294457;
    border-radius: 9px;
    background: #0a1d2c;
}

.state-card.error[b-apn16fd092] {
    border-color: #6e343a;
}

.state-card button[b-apn16fd092] {
    padding: 8px 12px;
    border: 1px solid #2a4558;
    border-radius: 7px;
    color: white;
    background: #071a29;
}

.insights-rail[b-apn16fd092] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.insight-card[b-apn16fd092] {
    padding: 13px;
}

.insight-card h3[b-apn16fd092] {
    margin: 0 0 12px;
    font-size: 11px;
}

.summary-card ul[b-apn16fd092] {
    display: grid;
    gap: 7px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.summary-card li[b-apn16fd092] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    color: #d6dfe6;
    font-size: 9px;
}

.dot[b-apn16fd092] {
    width: 7px;
    height: 7px;
    border-radius: 2px;
}

.green-dot[b-apn16fd092] {
    background: #3cc981;
}

.gold-dot[b-apn16fd092] {
    background: #ffc42a;
}

.purple-dot[b-apn16fd092] {
    background: #9b6be7;
}

.donut[b-apn16fd092] {
    --active-pct: 0%;
    --inactive-pct: 0%;
    display: grid;
    width: 110px;
    height: 110px;
    margin: 3px auto 8px;
    place-content: center;
    border-radius: 50%;
    background:
        radial-gradient(circle, #081b2a 0 54%, transparent 55%),
        conic-gradient(
            #4ac789 0 var(--active-pct),
            #ffc42a var(--active-pct) calc(var(--active-pct) + var(--inactive-pct)),
            #8d64d8 calc(var(--active-pct) + var(--inactive-pct)) 100%
        );
    text-align: center;
}

.donut strong[b-apn16fd092],
.donut span[b-apn16fd092] {
    display: block;
}

.donut strong[b-apn16fd092] {
    font-size: 19px;
}

.donut span[b-apn16fd092] {
    color: #c7d0d8;
    font-size: 8px;
}

.progress-row[b-apn16fd092],
.service-rank[b-apn16fd092] {
    display: grid;
    gap: 5px;
    margin-bottom: 10px;
}

.progress-row > div[b-apn16fd092],
.service-rank > div[b-apn16fd092] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 8px;
}

progress[b-apn16fd092] {
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: 999px;
    overflow: hidden;
    background: #172b3a;
}

progress[b-apn16fd092]::-webkit-progress-bar {
    border-radius: 999px;
    background: #172b3a;
}

progress[b-apn16fd092]::-webkit-progress-value {
    border-radius: 999px;
    background: #3d9af2;
}

progress[b-apn16fd092]::-moz-progress-bar {
    border-radius: 999px;
    background: #3d9af2;
}

.muted[b-apn16fd092] {
    margin: 0;
    color: #9fafbb;
    font-size: 9px;
    line-height: 1.5;
}

.upload-zone[b-apn16fd092] {
    position: relative;
    display: grid;
    min-height: 130px;
    place-items: center;
    gap: 5px;
    padding: 14px;
    border: 1px dashed #35576d;
    border-radius: 8px;
    color: #dce5eb;
    text-align: center;
    cursor: pointer;
}

.upload-zone > span[b-apn16fd092] {
    font-size: 25px;
}

.upload-zone strong[b-apn16fd092] {
    font-size: 9px;
}

.upload-zone small[b-apn16fd092] {
    color: #8fa1af;
    font-size: 7px;
}

.upload-zone input[type="file"][b-apn16fd092] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-zone.disabled[b-apn16fd092] {
    opacity: .55;
    pointer-events: none;
}

.modal-backdrop[b-apn16fd092] {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(0, 0, 0, .72);
}

.customer-modal[b-apn16fd092] {
    width: min(680px, 100%);
    max-height: 92vh;
    overflow-y: auto;
    border: 1px solid #38546a;
    border-radius: 11px;
    color: #f8fbfd;
    background: #081c2a;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .45);
}

.customer-modal > header[b-apn16fd092],
.customer-modal > footer[b-apn16fd092] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
}

.customer-modal > header[b-apn16fd092] {
    border-bottom: 1px solid #294457;
}

.customer-modal > footer[b-apn16fd092] {
    justify-content: flex-end;
    border-top: 1px solid #294457;
}

.customer-modal h2[b-apn16fd092],
.customer-modal p[b-apn16fd092] {
    margin: 0;
}

.customer-modal h2[b-apn16fd092] {
    font-size: 19px;
}

.customer-modal p[b-apn16fd092] {
    margin-top: 3px;
    color: #aebcc7;
    font-size: 9px;
}

.customer-modal > header > button[b-apn16fd092] {
    width: 32px;
    height: 32px;
    border: 1px solid #2e4b5f;
    border-radius: 50%;
    color: white;
    background: transparent;
    font-size: 18px;
}

.form-grid[b-apn16fd092],
.detail-grid[b-apn16fd092] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.form-grid label[b-apn16fd092] {
    display: grid;
    gap: 6px;
}

.form-grid label > span[b-apn16fd092],
.detail-grid article > span[b-apn16fd092] {
    color: #c7d3dc;
    font-size: 9px;
}

.form-grid input[b-apn16fd092],
.form-grid textarea[b-apn16fd092] {
    width: 100%;
    padding: 10px 11px;
    border: 1px solid #315066;
    border-radius: 7px;
    outline: none;
    color: white;
    background: #0b2232;
}

.form-grid textarea[b-apn16fd092] {
    resize: vertical;
}

.form-grid .full[b-apn16fd092],
.detail-grid .full[b-apn16fd092] {
    grid-column: 1 / -1;
}

.form-grid .check-row[b-apn16fd092] {
    display: flex;
    align-items: center;
}

.form-grid .check-row input[b-apn16fd092] {
    width: auto;
}

.detail-grid article[b-apn16fd092] {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid #254154;
    border-radius: 8px;
    background: #0a2231;
}

.detail-grid article strong[b-apn16fd092] {
    font-size: 10px;
    overflow-wrap: anywhere;
}

@media (max-width: 1320px) {
    .kpis[b-apn16fd092] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filters[b-apn16fd092] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filters .search-box[b-apn16fd092] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .workspace-grid[b-apn16fd092] {
        grid-template-columns: minmax(0, 1fr);
    }

    .insights-rail[b-apn16fd092] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .clients-sidebar[b-apn16fd092] {
        transform: translateX(-100%);
        transition: transform .2s ease;
    }

    .clients-sidebar.open[b-apn16fd092] {
        transform: translateX(0);
    }

    .clients-main[b-apn16fd092] {
        margin-left: 0;
    }

    .mobile-toggle[b-apn16fd092] {
        position: fixed;
        top: 18px;
        left: 14px;
        z-index: 25;
        display: block;
        padding: 8px 10px;
        border: 1px solid #294457;
        border-radius: 7px;
        color: white;
        background: #0d2435;
    }

    .mobile-close[b-apn16fd092] {
        position: absolute;
        top: 8px;
        right: 8px;
        display: block;
        border: 0;
        color: white;
        background: transparent;
        font-size: 25px;
    }

    .backdrop[b-apn16fd092] {
        position: fixed;
        inset: 0;
        z-index: 29;
        display: block;
        border: 0;
        background: rgba(0, 0, 0, .55);
    }

    .topbar[b-apn16fd092] {
        padding-left: 60px;
    }

    .top-actions[b-apn16fd092] {
        display: none;
    }

    .kpis[b-apn16fd092] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .page-heading[b-apn16fd092] {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-heading .primary-button[b-apn16fd092] {
        width: 100%;
    }

    .kpis[b-apn16fd092],
    .filters[b-apn16fd092],
    .insights-rail[b-apn16fd092],
    .form-grid[b-apn16fd092],
    .detail-grid[b-apn16fd092] {
        grid-template-columns: 1fr;
    }

    .filters .search-box[b-apn16fd092],
    .form-grid .full[b-apn16fd092],
    .detail-grid .full[b-apn16fd092] {
        grid-column: auto;
    }

    .pagination-bar[b-apn16fd092] {
        align-items: flex-start;
        flex-direction: column;
    }

    .customer-modal > footer[b-apn16fd092] {
        flex-direction: column-reverse;
    }

    .customer-modal > footer button[b-apn16fd092] {
        width: 100%;
    }
}

/* =========================================================
   CLIENTES - REPRESENTACIÓN RESPONSIVE PARA DISPOSITIVOS MÓVILES
   Mantiene la tabla original en escritorio y utiliza tarjetas
   en pantallas pequeñas para evitar desplazamiento horizontal.
   ========================================================= */
.clients-mobile-list[b-apn16fd092] {
    display: none;
}

@media (max-width: 760px) {
    .clients-desktop-list[b-apn16fd092] {
        display: none;
    }

    .clients-mobile-list[b-apn16fd092] {
        display: grid;
        gap: 12px;
        padding: 0 12px 12px;
    }

    .client-mobile-card[b-apn16fd092] {
        overflow: hidden;
        border: 1px solid #23495e;
        border-radius: 12px;
        background: linear-gradient(145deg, #092333, #071b28);
    }

    .client-mobile-card > header[b-apn16fd092] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 13px;
        border-bottom: 1px solid #17394b;
    }

    .client-mobile-card .customer-cell[b-apn16fd092] {
        min-width: 0;
    }

    .client-mobile-card .customer-cell > div[b-apn16fd092] {
        min-width: 0;
    }

    .client-mobile-card .customer-cell strong[b-apn16fd092],
    .client-mobile-card .customer-cell small[b-apn16fd092] {
        overflow-wrap: anywhere;
    }

    .client-mobile-grid[b-apn16fd092] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 13px;
    }

    .client-mobile-grid > div[b-apn16fd092] {
        min-width: 0;
        padding: 10px;
        border: 1px solid #183c50;
        border-radius: 9px;
        background: #061a27;
    }

    .client-mobile-grid > div.full[b-apn16fd092] {
        grid-column: 1 / -1;
    }

    .client-mobile-grid span[b-apn16fd092],
    .client-mobile-grid strong[b-apn16fd092],
    .client-mobile-grid small[b-apn16fd092] {
        display: block;
    }

    .client-mobile-grid > div > span[b-apn16fd092] {
        margin-bottom: 5px;
        color: #8da9ba;
        font-size: 10px;
    }

    .client-mobile-grid strong[b-apn16fd092] {
        color: #f7fbff;
        font-size: 12px;
        overflow-wrap: anywhere;
    }

    .client-mobile-grid small[b-apn16fd092] {
        margin-top: 4px;
        color: #94adbc;
        font-size: 10px;
        overflow-wrap: anywhere;
    }

    .client-mobile-actions[b-apn16fd092] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 11px 13px 13px;
        border-top: 1px solid #17394b;
    }

    .client-mobile-actions button[b-apn16fd092] {
        min-height: 38px;
        border: 1px solid #2a5268;
        border-radius: 8px;
        background: #082133;
        color: #fff;
        font-weight: 700;
        cursor: pointer;
    }

    .client-mobile-actions button:disabled[b-apn16fd092] {
        opacity: .55;
        cursor: not-allowed;
    }
}

@media (max-width: 430px) {
    .client-mobile-grid[b-apn16fd092] {
        grid-template-columns: 1fr;
    }

    .client-mobile-grid > div.full[b-apn16fd092] {
        grid-column: auto;
    }

    .client-mobile-actions[b-apn16fd092] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Owner/Dashboard.razor.rz.scp.css */
*[b-6uydue1jxv]{box-sizing:border-box}.owner-shell[b-6uydue1jxv]{min-height:100vh;background:#06111d;color:#f7f9fc;font-family:Inter,"Segoe UI",sans-serif;display:grid;grid-template-columns:228px 1fr}.owner-sidebar[b-6uydue1jxv]{position:sticky;top:0;height:100vh;padding:22px 12px;background:linear-gradient(180deg,#030b13,#071522);border-right:1px solid #203041;display:flex;flex-direction:column}.brand[b-6uydue1jxv]{display:flex;align-items:center;gap:10px;padding:0 12px 22px}.brand-mark[b-6uydue1jxv]{font-size:35px;font-weight:900;font-style:italic;color:#fff;letter-spacing:-7px}.brand-mark[b-6uydue1jxv]::first-letter{color:#fff}.brand strong[b-6uydue1jxv]{font-size:20px}.brand b[b-6uydue1jxv],.brand small+*[b-6uydue1jxv]{color:#ffc400}.brand small[b-6uydue1jxv]{display:block;font-size:9px;color:#d2d9e2}.owner-sidebar nav[b-6uydue1jxv]{display:grid;gap:3px;overflow:auto}.owner-sidebar nav a[b-6uydue1jxv]{color:#f1f4f8;text-decoration:none;padding:10px 13px;border-radius:9px;font-size:13px;display:flex;gap:12px;align-items:center}.owner-sidebar nav a span[b-6uydue1jxv]{font-size:18px;width:22px;text-align:center}.owner-sidebar nav a.active[b-6uydue1jxv]{background:linear-gradient(90deg,#3b3105,#292405);color:#fff}.owner-sidebar nav a.active span[b-6uydue1jxv]{color:#ffd000}.plan-card[b-6uydue1jxv]{margin-top:auto;border:1px solid #27394a;border-radius:12px;padding:13px;background:#091724;font-size:12px}.plan-card strong[b-6uydue1jxv],.plan-card small[b-6uydue1jxv]{display:block}.plan-card small[b-6uydue1jxv]{color:#aeb8c4;margin:4px 0}.plan-card hr[b-6uydue1jxv]{border-color:#233647}.plan-card em[b-6uydue1jxv]{float:right;background:#ffc400;color:#111;padding:2px 7px;border-radius:5px;font-style:normal}.status-dot[b-6uydue1jxv]{display:inline-block;width:8px;height:8px;border-radius:50%;background:#35c46a;margin-right:5px}.owner-main[b-6uydue1jxv]{padding:22px 20px 10px;min-width:0}.dash-head[b-6uydue1jxv]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dash-head h1[b-6uydue1jxv]{font-size:25px;margin:0}.dash-head p[b-6uydue1jxv]{margin:2px 0;color:#c5cbd4}.head-actions[b-6uydue1jxv]{display:flex;gap:10px}.head-actions button[b-6uydue1jxv],.head-actions select[b-6uydue1jxv]{background:#0b1725;color:#fff;border:1px solid #314054;border-radius:10px;padding:9px 13px}.kpi-grid[b-6uydue1jxv]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi[b-6uydue1jxv],.card[b-6uydue1jxv]{border:1px solid #263849;background:linear-gradient(145deg,#0d1b29,#081521);border-radius:12px;box-shadow:0 10px 30px #0002}.kpi[b-6uydue1jxv]{min-height:108px;padding:16px;display:flex;gap:13px;align-items:flex-start}.kpi-icon[b-6uydue1jxv]{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 0 22px currentColor}.blue[b-6uydue1jxv]{background:#1261c8;color:#7fb8ff}.green[b-6uydue1jxv]{background:#337b2d;color:#b5f89c}.purple[b-6uydue1jxv]{background:#5730a2;color:#d5b4ff}.orange[b-6uydue1jxv]{background:#b34b09;color:#ffd093}.kpi small[b-6uydue1jxv],.kpi em[b-6uydue1jxv]{display:block;color:#cbd3dc;font-style:normal;font-size:11px}.kpi strong[b-6uydue1jxv]{display:block;font-size:22px;margin:5px 0}.positive[b-6uydue1jxv]{color:#3de26d!important}.negative[b-6uydue1jxv]{color:#ff6470!important}.dashboard-grid[b-6uydue1jxv]{display:grid;grid-template-columns:1.35fr 1.1fr .86fr;gap:12px;margin-top:12px}.card[b-6uydue1jxv]{padding:14px;min-height:190px}.card-title[b-6uydue1jxv]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.card-title h3[b-6uydue1jxv]{font-size:14px;margin:0}.card-title>span[b-6uydue1jxv]{font-size:10px;color:#d39aff}.card-title strong[b-6uydue1jxv]{display:block;font-size:23px;margin-top:7px}.card-title small[b-6uydue1jxv]{font-size:10px}.bars[b-6uydue1jxv]{height:150px;display:flex;align-items:flex-end;gap:13px;padding:15px 5px 0;border-bottom:1px solid #26394a;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#21334455 35px)}.bar-col[b-6uydue1jxv]{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:18px}.bar[b-6uydue1jxv]{width:62%;min-height:3px;background:linear-gradient(#2f8bf0,#175da9);border-radius:3px 3px 0 0}.bar-col small[b-6uydue1jxv]{font-size:9px;color:#c9d0d9;white-space:nowrap}.status-body[b-6uydue1jxv]{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:5px}.donut[b-6uydue1jxv]{width:145px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#37a45d calc(var(--pct)*1%),#276cc0 0 72%,#ffba1a 0 92%,#e6535e 0);display:grid;place-items:center}.donut[b-6uydue1jxv]:before{content:"";position:absolute}.donut>div[b-6uydue1jxv]{width:96px;aspect-ratio:1;border-radius:50%;background:#0a1824;display:grid;place-content:center;text-align:center}.donut strong[b-6uydue1jxv]{font-size:22px}.donut small[b-6uydue1jxv]{font-size:10px}.legend[b-6uydue1jxv]{display:grid;gap:13px;min-width:145px}.legend div[b-6uydue1jxv]{display:grid;grid-template-columns:8px 1fr auto;gap:8px;font-size:10px}.legend i[b-6uydue1jxv]{width:8px;height:8px;background:#3ca865;border-radius:2px}.pro-head[b-6uydue1jxv]{display:flex;gap:12px;align-items:center}.avatar[b-6uydue1jxv]{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#c78c59,#423329);display:grid;place-items:center;font-weight:800}.avatar.sm[b-6uydue1jxv]{width:34px;height:34px;font-size:11px}.pro-head h2[b-6uydue1jxv]{font-size:16px;margin:0}.pro-head small[b-6uydue1jxv]{font-size:10px;color:#bdc6d0}.pro-revenue[b-6uydue1jxv]{border-top:1px solid #233446;border-bottom:1px solid #233446;margin:14px 0;padding:10px 0}.pro-revenue small[b-6uydue1jxv],.pro-revenue strong[b-6uydue1jxv]{display:block}.pro-revenue strong[b-6uydue1jxv]{font-size:19px}.pro-stats[b-6uydue1jxv]{display:grid;grid-template-columns:repeat(3,1fr)}.pro-stats div[b-6uydue1jxv]{border-right:1px solid #28394a}.pro-stats div:last-child[b-6uydue1jxv]{border:0}.pro-stats strong[b-6uydue1jxv],.pro-stats small[b-6uydue1jxv]{display:block}.pro-stats small[b-6uydue1jxv]{font-size:9px;color:#b9c2cd}.rank-list[b-6uydue1jxv],.customer-list[b-6uydue1jxv],.activity-list[b-6uydue1jxv]{display:grid;gap:9px}.rank-list>div[b-6uydue1jxv],.customer-list>div[b-6uydue1jxv],.activity-list>div[b-6uydue1jxv]{display:flex;align-items:center;gap:10px}.rank-list>div>span[b-6uydue1jxv]{width:31px;height:31px;border-radius:50%;background:#1a2835;display:grid;place-items:center}.rank-list p[b-6uydue1jxv],.customer-list p[b-6uydue1jxv],.activity-list p[b-6uydue1jxv]{margin:0;min-width:115px;flex:1}.rank-list strong[b-6uydue1jxv],.customer-list strong[b-6uydue1jxv],.activity-list strong[b-6uydue1jxv]{font-size:11px;display:block}.rank-list small[b-6uydue1jxv],.customer-list small[b-6uydue1jxv],.activity-list small[b-6uydue1jxv]{font-size:9px;color:#b8c2cc;display:block}.mini-track[b-6uydue1jxv]{height:5px;background:#172636;border-radius:8px;flex:1}.mini-track i[b-6uydue1jxv]{display:block;height:100%;background:#ffb800;border-radius:8px}.rating-body[b-6uydue1jxv]{display:flex;gap:22px;align-items:center}.rating-big[b-6uydue1jxv]{text-align:center}.rating-big strong[b-6uydue1jxv]{font-size:49px;display:block}.rating-big span[b-6uydue1jxv]{display:block;color:#ffc000;letter-spacing:2px}.rating-big small[b-6uydue1jxv]{font-size:9px;color:#b8c2cc}.rating-lines[b-6uydue1jxv]{flex:1;display:grid;gap:8px}.rating-lines div[b-6uydue1jxv]{display:grid;grid-template-columns:34px 1fr 22px;gap:8px;align-items:center;font-size:9px}.rating-lines i[b-6uydue1jxv]{height:6px;background:#172636;border-radius:8px}.rating-lines b[b-6uydue1jxv]{display:block;height:100%;background:#ffb800;border-radius:8px}.schedule-card[b-6uydue1jxv]{grid-column:1/3}.schedule-table[b-6uydue1jxv]{display:grid;max-height:235px;overflow:auto}.schedule-row[b-6uydue1jxv]{display:grid;grid-template-columns:70px 1fr 1fr 100px;gap:8px;padding:8px;border-bottom:1px solid #1e3141;font-size:10px;align-items:center}.schedule-row.header[b-6uydue1jxv]{color:#93a3b3;font-weight:700}.schedule-row em[b-6uydue1jxv]{font-style:normal;background:#14542e;padding:4px 8px;border-radius:5px;text-align:center}.occupancy-bars .bar[b-6uydue1jxv]{background:linear-gradient(#ffca28,#eaa700)}.occupancy-bars .bar-col strong[b-6uydue1jxv]{font-size:9px}.activity-card[b-6uydue1jxv]{grid-column:3;grid-row:2/span 2}.activity-list>div[b-6uydue1jxv]{padding:7px 0;border-bottom:1px solid #223344}.activity-list>div>span[b-6uydue1jxv]{width:30px;height:30px;border-radius:50%;background:#1f9b58;display:grid;place-items:center}.activity-list time[b-6uydue1jxv]{font-size:9px;color:#aab5c1}.state-card[b-6uydue1jxv]{max-width:560px;margin:15vh auto;text-align:center;padding:35px;border:1px solid #2b4052;border-radius:16px;background:#0c1b28}.state-card button[b-6uydue1jxv]{background:#ffc400;border:0;padding:10px 18px;border-radius:8px;font-weight:700}.state-icon[b-6uydue1jxv]{font-size:40px;color:#ffc400}.skeleton-grid[b-6uydue1jxv]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skeleton[b-6uydue1jxv]{height:150px;border-radius:12px;background:linear-gradient(90deg,#0b1824,#132536,#0b1824);background-size:200%;animation:sh-b-6uydue1jxv 1.2s infinite}@keyframes sh-b-6uydue1jxv{to{background-position:-200%}}footer[b-6uydue1jxv]{display:flex;justify-content:space-between;color:#aeb8c4;font-size:11px;padding:12px 8px 0}footer b[b-6uydue1jxv]{color:#ffd000}
@media(max-width:1200px){.dashboard-grid[b-6uydue1jxv]{grid-template-columns:1fr 1fr}.top-pro[b-6uydue1jxv],.activity-card[b-6uydue1jxv]{grid-column:auto;grid-row:auto}.schedule-card[b-6uydue1jxv]{grid-column:1/3}.kpi-grid[b-6uydue1jxv]{grid-template-columns:1fr 1fr}.owner-shell[b-6uydue1jxv]{grid-template-columns:200px 1fr}}

.logout-button[b-6uydue1jxv]{margin-top:10px;width:100%;display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid #354556;border-radius:9px;background:#0a1621;color:#f5f7fa;cursor:pointer;font:inherit;font-size:13px;text-align:left}.logout-button:hover[b-6uydue1jxv]{border-color:#ffc400;background:#151a18;color:#fff}.logout-button span[b-6uydue1jxv]{width:22px;text-align:center;color:#ffc400;font-size:18px}.logout-button:disabled[b-6uydue1jxv]{opacity:.65;cursor:wait}

/* =========================================================
   LEGIBILIDAD - TEXTO PRINCIPAL BLANCO
   Evita textos grises en el dashboard del Propietario.
   ========================================================= */
.owner-shell p[b-6uydue1jxv],.owner-shell small[b-6uydue1jxv],.owner-shell time[b-6uydue1jxv],.owner-shell footer[b-6uydue1jxv],.owner-shell .schedule-row.header[b-6uydue1jxv],.owner-shell .activity-list time[b-6uydue1jxv],.owner-shell .pro-head small[b-6uydue1jxv],.owner-shell .pro-stats small[b-6uydue1jxv],.owner-shell .rating-big small[b-6uydue1jxv],.owner-shell .bar-col small[b-6uydue1jxv],.owner-shell .rank-list small[b-6uydue1jxv],.owner-shell .customer-list small[b-6uydue1jxv],.owner-shell .activity-list small[b-6uydue1jxv],.owner-shell .plan-card small[b-6uydue1jxv]{color:#fff}

/* =========================================================
   ESTÁNDAR VISUAL TURNO YA - TEXTOS BLANCOS
   Evita que estilos globales vuelvan grises/oscuros los textos.
   Los colores de estado y acento se restauran al final.
   ========================================================= */
.owner-shell[b-6uydue1jxv],
.owner-shell h1[b-6uydue1jxv],.owner-shell h2[b-6uydue1jxv],.owner-shell h3[b-6uydue1jxv],.owner-shell h4[b-6uydue1jxv],
.owner-shell p[b-6uydue1jxv],.owner-shell small[b-6uydue1jxv],.owner-shell em[b-6uydue1jxv],.owner-shell time[b-6uydue1jxv],
.owner-shell .card[b-6uydue1jxv],.owner-shell .kpi[b-6uydue1jxv],.owner-shell .legend[b-6uydue1jxv],
.owner-shell .schedule-row[b-6uydue1jxv],.owner-shell .rank-list[b-6uydue1jxv],.owner-shell .customer-list[b-6uydue1jxv],
.owner-shell .activity-list[b-6uydue1jxv],.owner-shell .plan-card[b-6uydue1jxv],.owner-shell footer[b-6uydue1jxv] {
    color:#fff !important;
}
.owner-shell .card-title h3[b-6uydue1jxv],
.owner-shell .pro-head h2[b-6uydue1jxv],
.owner-shell .rank-list strong[b-6uydue1jxv],
.owner-shell .customer-list strong[b-6uydue1jxv],
.owner-shell .activity-list strong[b-6uydue1jxv],
.owner-shell .schedule-row.header[b-6uydue1jxv],
.owner-shell .bar-col small[b-6uydue1jxv],
.owner-shell .pro-head small[b-6uydue1jxv],
.owner-shell .pro-stats small[b-6uydue1jxv],
.owner-shell .rating-big small[b-6uydue1jxv],
.owner-shell .activity-list time[b-6uydue1jxv],
.owner-shell .plan-card small[b-6uydue1jxv] {
    color:#fff !important;
}
.owner-shell .positive[b-6uydue1jxv]{color:#3de26d !important;}
.owner-shell .negative[b-6uydue1jxv]{color:#ff6470 !important;}
.owner-shell .card-title>span[b-6uydue1jxv]{color:#d39aff !important;}
.owner-shell .rating-big span[b-6uydue1jxv],.owner-shell footer b[b-6uydue1jxv]{color:#ffd000 !important;}

/* =========================================================
   DASHBOARD PROPIETARIO + PLANES CONFIGURABLES
   ========================================================= */
.plan-hero[b-6uydue1jxv]{margin:0 0 14px;min-height:135px;border:1px solid #a77700;border-radius:13px;background:radial-gradient(circle at 45% 50%,#4a3907 0,#241e0b 42%,#171609 100%);display:grid;grid-template-columns:70px 1.15fr 120px 1.25fr;align-items:center;gap:18px;padding:18px 24px;box-shadow:inset 0 0 35px #e9a90015}.plan-hero .crown[b-6uydue1jxv]{font-size:54px;color:#ffc400;text-align:center}.plan-hero h2[b-6uydue1jxv]{font-size:18px;margin:0 0 6px}.plan-hero h2 b[b-6uydue1jxv]{color:#ffc400}.plan-hero p[b-6uydue1jxv]{margin:0;font-size:12px}.days-ring[b-6uydue1jxv]{width:92px;height:92px;border:8px solid #ffbf00;border-left-color:#5c4a16;border-radius:50%;display:grid;place-content:center;text-align:center}.days-ring strong[b-6uydue1jxv]{font-size:26px;line-height:1}.days-ring small[b-6uydue1jxv]{font-size:10px;margin-top:4px}.owner-content-grid[b-6uydue1jxv]{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:14px}.owner-center[b-6uydue1jxv]{min-width:0}.owner-content-grid .dashboard-grid[b-6uydue1jxv]{grid-template-columns:1fr 1fr}.owner-content-grid .schedule-card[b-6uydue1jxv]{grid-column:1}.plan-column[b-6uydue1jxv]{display:grid;align-content:start;gap:14px}.plan-detail[b-6uydue1jxv]{min-height:0}.plan-detail h2[b-6uydue1jxv]{margin:4px 0 12px;font-size:21px}.plan-status[b-6uydue1jxv]{background:#153f27!important;color:#75e29a!important;border:1px solid #25623d;border-radius:7px;padding:5px 10px}.plan-dates[b-6uydue1jxv],.usage-grid[b-6uydue1jxv]{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #2a3949;padding:12px 0}.plan-dates div+div[b-6uydue1jxv]{border-left:1px solid #2a3949;padding-left:12px}.plan-dates small[b-6uydue1jxv],.plan-dates strong[b-6uydue1jxv],.usage-grid small[b-6uydue1jxv],.usage-grid strong[b-6uydue1jxv]{display:block}.usage-grid[b-6uydue1jxv]{grid-template-columns:repeat(3,1fr)}.usage-grid div[b-6uydue1jxv]{background:#0b1724;border:1px solid #253647;border-radius:8px;padding:8px}.usage-grid strong[b-6uydue1jxv]{font-size:16px;margin-top:4px}.feature-box[b-6uydue1jxv]{margin-top:8px;border:1px solid #4b3474;background:#17142a;border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-box>strong[b-6uydue1jxv],.feature-box>p[b-6uydue1jxv]{grid-column:1/-1}.feature[b-6uydue1jxv]{font-size:11px;display:flex;gap:7px;align-items:center}.feature span[b-6uydue1jxv]{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#23864a;font-size:10px}.plans-card[b-6uydue1jxv]{min-height:0}.plans-head[b-6uydue1jxv]{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:10px}.plans-head h3[b-6uydue1jxv]{margin:0}.billing-toggle[b-6uydue1jxv]{display:flex;border:1px solid #374659;border-radius:8px;overflow:hidden}.billing-toggle button[b-6uydue1jxv]{border:0;background:#0d1824;color:#fff;padding:7px 10px;font-size:10px}.billing-toggle button.selected[b-6uydue1jxv]{background:#6731a7}.plan-option[b-6uydue1jxv]{display:grid;grid-template-columns:1fr 150px;gap:10px;border:1px solid #283b4e;border-radius:10px;padding:12px;margin-top:9px;background:#0a1723}.plan-option.current[b-6uydue1jxv]{border-color:#e3a800;box-shadow:0 0 20px #d99b0015}.plan-option h4[b-6uydue1jxv]{margin:0 0 4px;font-size:13px}.plan-option small[b-6uydue1jxv]{font-size:9px}.plan-mini-features[b-6uydue1jxv]{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:8px}.plan-mini-features span[b-6uydue1jxv]{font-size:9px}.plan-price[b-6uydue1jxv]{text-align:right}.plan-price strong[b-6uydue1jxv],.plan-price small[b-6uydue1jxv]{display:block}.plan-price strong[b-6uydue1jxv]{font-size:17px}.plan-price button[b-6uydue1jxv]{margin-top:9px;width:100%;border:1px solid #7051a6;background:#3b1f64;color:#fff;border-radius:6px;padding:7px;font-weight:700}.plan-price button:disabled[b-6uydue1jxv]{background:#283441;border-color:#3b4855;color:#c9d0d7}.owner-content-grid .kpi-grid[b-6uydue1jxv]{grid-template-columns:repeat(4,1fr)}
@media(max-width:1450px){.owner-content-grid[b-6uydue1jxv]{grid-template-columns:minmax(0,1fr) 350px}.owner-content-grid .kpi-grid[b-6uydue1jxv]{grid-template-columns:1fr 1fr}.plan-hero[b-6uydue1jxv]{grid-template-columns:55px 1fr 100px 1fr}}
@media(max-width:1150px){.owner-content-grid[b-6uydue1jxv]{grid-template-columns:1fr}.plan-column[b-6uydue1jxv]{grid-template-columns:1fr 1fr}.plan-hero[b-6uydue1jxv]{grid-template-columns:55px 1fr 95px 1fr}.owner-content-grid .kpi-grid[b-6uydue1jxv]{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.plan-hero[b-6uydue1jxv]{grid-template-columns:60px 1fr}.days-ring[b-6uydue1jxv]{grid-row:2}.owner-content-grid .kpi-grid[b-6uydue1jxv],.owner-content-grid .dashboard-grid[b-6uydue1jxv],.plan-column[b-6uydue1jxv]{grid-template-columns:1fr}.feature-box[b-6uydue1jxv]{grid-template-columns:1fr}.plan-option[b-6uydue1jxv]{grid-template-columns:1fr}.plan-price[b-6uydue1jxv]{text-align:left}.owner-content-grid .schedule-card[b-6uydue1jxv]{grid-column:auto}}

/* =========================================================
   MONEDAS DE PLANES + TASA DE CAMBIO
   ========================================================= */
.plans-controls[b-6uydue1jxv]{display:grid;justify-items:end;gap:7px}.currency-selector[b-6uydue1jxv]{display:flex;border:1px solid #374659;border-radius:8px;overflow:hidden;background:#0b1724}.currency-selector button[b-6uydue1jxv]{border:0;border-right:1px solid #2d3d4d;background:#0d1824;color:#fff;padding:6px 9px;font-size:10px;display:flex;align-items:center;gap:5px;cursor:pointer}.currency-selector button:last-child[b-6uydue1jxv]{border-right:0}.currency-selector button.selected[b-6uydue1jxv]{background:#23465f;box-shadow:inset 0 -2px #ffc400}.currency-selector button:disabled[b-6uydue1jxv]{opacity:.4;cursor:not-allowed}.currency-flag[b-6uydue1jxv]{font-size:14px;line-height:1}.exchange-rate-info[b-6uydue1jxv]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 10px;padding:8px 10px;border:1px solid #283b4e;border-radius:8px;background:#091521}.exchange-rate-info>div[b-6uydue1jxv]{display:flex;align-items:center;gap:8px}.exchange-rate-info strong[b-6uydue1jxv]{font-size:11px;color:#fff}.exchange-rate-info span[b-6uydue1jxv],.exchange-rate-info small[b-6uydue1jxv]{font-size:9px;color:#d0d8e1!important}.exchange-rate-info small[b-6uydue1jxv]{text-align:right}.plans-card .plan-price strong[b-6uydue1jxv]{white-space:nowrap}
@media(max-width:1450px){.plans-head[b-6uydue1jxv]{align-items:flex-start}.plans-controls[b-6uydue1jxv]{justify-items:stretch}.currency-selector button[b-6uydue1jxv]{padding:6px 7px}}
@media(max-width:900px){.plans-head[b-6uydue1jxv]{flex-direction:column}.plans-controls[b-6uydue1jxv]{width:100%;justify-items:stretch}.currency-selector[b-6uydue1jxv],.billing-toggle[b-6uydue1jxv]{width:100%}.currency-selector button[b-6uydue1jxv],.billing-toggle button[b-6uydue1jxv]{flex:1;justify-content:center}.exchange-rate-info[b-6uydue1jxv]{align-items:flex-start;flex-direction:column}.exchange-rate-info small[b-6uydue1jxv]{text-align:left}}

/* =========================================================
   RESPONSIVE MÓVIL - DASHBOARD PROPIETARIO
   IMPORTANTE:
   Este bloque SOLO actúa en <= 820px.
   El diseño de escritorio/tablet grande permanece intacto.
   ========================================================= */

.mobile-menu-toggle[b-6uydue1jxv],
.mobile-menu-close[b-6uydue1jxv],
.mobile-menu-backdrop[b-6uydue1jxv] {
    display: none;
}

@media (max-width: 820px) {

    /* -----------------------------------------------------
       Layout general
       ----------------------------------------------------- */
    .owner-shell[b-6uydue1jxv] {
        display: block;
        min-height: 100dvh;
    }

    .owner-main[b-6uydue1jxv] {
        width: 100%;
        min-width: 0;
        padding: 72px 12px 18px;
    }

    /* -----------------------------------------------------
       Menú hamburguesa / off-canvas
       ----------------------------------------------------- */
    .mobile-menu-toggle[b-6uydue1jxv] {
        position: fixed;
        top: 14px;
        left: 14px;
        z-index: 1202;
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border: 1px solid #33485b;
        border-radius: 12px;
        background: #071522;
        color: #ffd000;
        box-shadow: 0 10px 30px #0008;
        cursor: pointer;
    }

    .mobile-menu-toggle span[b-6uydue1jxv] {
        font-size: 25px;
        line-height: 1;
    }

    .mobile-menu-backdrop[b-6uydue1jxv] {
        position: fixed;
        inset: 0;
        z-index: 1199;
        display: block;
        border: 0;
        padding: 0;
        background: rgba(0, 0, 0, .64);
        backdrop-filter: blur(2px);
    }

    .owner-sidebar[b-6uydue1jxv] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1201;
        width: min(86vw, 330px);
        height: 100dvh;
        padding: 20px 14px 16px;
        transform: translateX(-105%);
        transition: transform .22s ease;
        overflow-y: auto;
        overscroll-behavior: contain;
        box-shadow: 18px 0 45px #0009;
    }

    .owner-sidebar.mobile-open[b-6uydue1jxv] {
        transform: translateX(0);
    }

    .owner-sidebar .brand[b-6uydue1jxv] {
        padding-right: 48px;
    }

    .mobile-menu-close[b-6uydue1jxv] {
        position: absolute;
        top: 14px;
        right: 14px;
        z-index: 2;
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        border: 1px solid #33485b;
        border-radius: 10px;
        background: #0b1926;
        color: #fff;
        font-size: 27px;
        line-height: 1;
        cursor: pointer;
    }

    .owner-sidebar nav[b-6uydue1jxv] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4px;
        max-height: none;
        overflow: visible;
    }

    .owner-sidebar nav a[b-6uydue1jxv] {
        min-height: 44px;
        padding: 11px 13px;
    }

    .logout-button[b-6uydue1jxv],
    .plan-card[b-6uydue1jxv] {
        margin-top: 14px;
    }

    /* -----------------------------------------------------
       Cabecera y acciones
       ----------------------------------------------------- */
    .dash-head[b-6uydue1jxv] {
        margin-top: 0;
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .head-actions[b-6uydue1jxv] {
        width: 100%;
        display: grid;
        grid-template-columns: 44px 44px minmax(0, 1fr);
        gap: 8px;
    }

    .head-actions button[b-6uydue1jxv],
    .head-actions select[b-6uydue1jxv] {
        min-width: 0;
    }

    /* -----------------------------------------------------
       Hero del plan
       Mantiene el mismo diseño visual, solo lo reorganiza.
       ----------------------------------------------------- */
    .plan-hero[b-6uydue1jxv] {
        min-height: 0;
        grid-template-columns: 64px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: center;
        gap: 14px 12px;
        padding: 16px 14px;
    }

    .plan-hero .crown[b-6uydue1jxv] {
        grid-column: 1;
        grid-row: 1;
        width: 58px;
        font-size: 38px;
    }

    .plan-hero > div:nth-child(2)[b-6uydue1jxv] {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    .days-ring[b-6uydue1jxv] {
        grid-column: 1;
        grid-row: 2;
        width: 66px;
        height: 66px;
        border-width: 6px;
        flex: 0 0 auto;
    }

    .days-ring strong[b-6uydue1jxv] {
        font-size: 20px;
        line-height: 1;
    }

    .days-ring small[b-6uydue1jxv] {
        margin-top: 3px;
        font-size: 8px;
    }

    .plan-hero > div:nth-child(4)[b-6uydue1jxv] {
        grid-column: 2;
        grid-row: 2;
        min-width: 0;
        align-self: center;
    }

    .plan-hero h2[b-6uydue1jxv] {
        margin: 0 0 5px;
        font-size: 15px;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .plan-hero p[b-6uydue1jxv] {
        margin: 0;
        font-size: 11px;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }

    /* -----------------------------------------------------
       Contenido del dashboard
       ----------------------------------------------------- */
    .owner-content-grid[b-6uydue1jxv],
    .owner-content-grid .dashboard-grid[b-6uydue1jxv],
    .owner-content-grid .kpi-grid[b-6uydue1jxv],
    .plan-column[b-6uydue1jxv] {
        grid-template-columns: 1fr;
    }

    .owner-content-grid[b-6uydue1jxv] {
        gap: 12px;
    }

    .owner-content-grid .schedule-card[b-6uydue1jxv] {
        grid-column: auto;
    }

    .feature-box[b-6uydue1jxv],
    .plan-option[b-6uydue1jxv] {
        grid-template-columns: 1fr;
    }

    .plan-price[b-6uydue1jxv] {
        text-align: left;
    }

    .plans-head[b-6uydue1jxv] {
        flex-direction: column;
    }

    .plans-controls[b-6uydue1jxv] {
        width: 100%;
        justify-items: stretch;
    }

    .currency-selector[b-6uydue1jxv],
    .billing-toggle[b-6uydue1jxv] {
        width: 100%;
    }

    .currency-selector button[b-6uydue1jxv],
    .billing-toggle button[b-6uydue1jxv] {
        flex: 1;
        justify-content: center;
    }

    .exchange-rate-info[b-6uydue1jxv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .exchange-rate-info small[b-6uydue1jxv] {
        text-align: left;
    }

    .schedule-row[b-6uydue1jxv] {
        grid-template-columns: 55px 1fr 1fr;
    }

    .schedule-row > *:last-child[b-6uydue1jxv] {
        display: none;
    }

    footer[b-6uydue1jxv] {
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }
}

@media (max-width: 390px) {
    .owner-main[b-6uydue1jxv] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .plan-hero[b-6uydue1jxv] {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 12px 10px;
        padding: 14px 12px;
    }

    .plan-hero .crown[b-6uydue1jxv] {
        width: 52px;
        font-size: 34px;
    }

    .days-ring[b-6uydue1jxv] {
        width: 60px;
        height: 60px;
        border-width: 5px;
    }

    .days-ring strong[b-6uydue1jxv] {
        font-size: 18px;
    }

    .plan-hero h2[b-6uydue1jxv] {
        font-size: 14px;
    }
}

/* =========================================================
   PLAN FREE NO DISPONIBLE DESPUÉS DE UN PLAN DE PAGO
   ========================================================= */
.plan-option.unavailable[b-6uydue1jxv] {
    opacity: 0.62;
    border-color: #354454;
    background: #0a141e;
}

.plan-option.unavailable .plan-price button:disabled[b-6uydue1jxv] {
    cursor: not-allowed;
    background: #202b35;
    border-color: #354454;
    color: #8f9aa5;
}

/* =========================================================
   BLOQUEO DE CAMBIO DE PLAN MIENTRAS EL PERIODO ESTÁ VIGENTE
   ========================================================= */

.plan-change-lock[b-6uydue1jxv] {
    margin: 10px 0 12px;
    padding: 10px 11px;
    border: 1px solid #5d4d12;
    border-radius: 9px;
    background: #2a230b;
    display: grid;
    gap: 4px;
}

.plan-change-lock strong[b-6uydue1jxv] {
    color: #ffd24a;
    font-size: 11px;
}

.plan-change-lock span[b-6uydue1jxv] {
    color: #e6dfc2;
    font-size: 10px;
    line-height: 1.45;
}

.plan-option.unavailable .plan-price button:disabled[b-6uydue1jxv] {
    cursor: not-allowed;
    opacity: .72;
}

/* ============================================================
   SUSCRIPCIÓN - CANCELACIÓN DE RENOVACIÓN PROGRAMADA
   ============================================================ */
.subscription-cancelled-alert[b-6uydue1jxv] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: -2px 0 14px;
    padding: 12px 14px;
    border: 1px solid rgba(52, 211, 153, .34);
    border-radius: 12px;
    background: rgba(6, 78, 59, .20);
}

.subscription-cancelled-icon[b-6uydue1jxv] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(16, 185, 129, .18);
    color: #6ee7b7;
    font-weight: 900;
}

.subscription-cancelled-copy[b-6uydue1jxv] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.subscription-cancelled-copy strong[b-6uydue1jxv] {
    color: #d1fae5;
    font-size: .85rem;
}

.subscription-cancelled-copy span[b-6uydue1jxv] {
    color: #a7f3d0;
    font-size: .75rem;
    line-height: 1.45;
}

.subscription-cancelled-alert > a[b-6uydue1jxv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(110, 231, 183, .28);
    border-radius: 8px;
    color: #d1fae5;
    text-decoration: none;
    font-size: .75rem;
    font-weight: 800;
    white-space: nowrap;
}

.subscription-cancelled-alert > a:hover[b-6uydue1jxv] {
    background: rgba(16, 185, 129, .10);
}

.plan-change-lock.renewal-cancelled[b-6uydue1jxv] {
    border-color: rgba(52, 211, 153, .34);
    background: rgba(6, 78, 59, .18);
}

.plan-change-lock.renewal-cancelled strong[b-6uydue1jxv] {
    color: #6ee7b7;
}

@media (max-width: 760px) {
    .subscription-cancelled-alert[b-6uydue1jxv] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .subscription-cancelled-alert > a[b-6uydue1jxv] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

\n\n/* =========================================================
   SUSCRIPCIÓN VENCIDA
   ========================================================= */
.owner-sidebar nav a.subscription-locked[b-6uydue1jxv] {
    opacity: .52;
    cursor: not-allowed;
    pointer-events: none;
}

.owner-sidebar nav a.subscription-locked .menu-lock[b-6uydue1jxv] {
    margin-left: auto;
    color: #ff626c;
    font-size: 12px;
}

.status-dot.expired[b-6uydue1jxv] { background: #ef4444; }
.plan-card em.expired[b-6uydue1jxv],
.plan-status.expired[b-6uydue1jxv] {
    background: #4a171c !important;
    color: #ff8b92 !important;
    border: 1px solid #8d3038 !important;
}

.subscription-expired-hero[b-6uydue1jxv] {
    margin: 0 0 14px;
    min-height: 230px;
    border: 1px solid #d83a43;
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(620px, 1.55fr) minmax(320px, .72fr) minmax(260px, .55fr);
    background: #100f13;
    box-shadow: inset 0 0 38px rgba(216,58,67,.08);
}

.expired-left-zone[b-6uydue1jxv] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    padding: 30px 28px 28px 42px;
    background: radial-gradient(circle at 38% 48%, #46171c 0%, #2a1015 48%, #160e12 100%);
}

.expired-calendar[b-6uydue1jxv] {
    position: relative;
    width: 78px;
    height: 72px;
    border: 6px solid #ff5d68;
    border-radius: 10px;
    color: #ff5d68;
    display: grid;
    place-items: center;
    box-shadow: 0 0 20px rgba(255,93,104,.12);
}

.expired-calendar[b-6uydue1jxv]::before {
    content: "";
    position: absolute;
    left: -6px;
    right: -6px;
    top: 13px;
    height: 6px;
    background: #ff5d68;
}

.expired-calendar-rings[b-6uydue1jxv]::before,
.expired-calendar-rings[b-6uydue1jxv]::after {
    content: "";
    position: absolute;
    top: -14px;
    width: 8px;
    height: 20px;
    border-radius: 5px;
    background: #ff5d68;
}

.expired-calendar-rings[b-6uydue1jxv]::before { left: 14px; }
.expired-calendar-rings[b-6uydue1jxv]::after { right: 14px; }

.expired-calendar-x[b-6uydue1jxv] {
    position: relative;
    z-index: 1;
    padding-top: 12px;
    font-size: 48px;
    line-height: 1;
    font-weight: 900;
}

.expired-copy h2[b-6uydue1jxv] {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(25px, 1.8vw, 34px);
    line-height: 1.08;
    font-weight: 800;
}

.expired-copy h2[b-6uydue1jxv]::first-letter { color: inherit; }
.expired-copy p[b-6uydue1jxv] {
    margin: 0 0 5px;
    color: #f2f2f4;
    font-size: 16px;
    line-height: 1.42;
}
.expired-copy strong[b-6uydue1jxv] { color: #fff; font-weight: 800; }

.expired-actions[b-6uydue1jxv] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 16px;
}

.expired-primary-action[b-6uydue1jxv],
.expired-secondary-action[b-6uydue1jxv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 22px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 850;
    white-space: nowrap;
}

.expired-primary-action[b-6uydue1jxv] {
    background: #ffc400;
    color: #111;
    border: 1px solid #ffd23d;
    box-shadow: 0 6px 18px rgba(255,196,0,.10);
}
.expired-primary-action:hover[b-6uydue1jxv] { background: #ffd12e; color: #111; }
.expired-secondary-action[b-6uydue1jxv] {
    border: 1px solid #d9dde3;
    color: #fff;
    background: rgba(8,14,20,.72);
}
.expired-secondary-action:hover[b-6uydue1jxv] { background: #15202a; color: #fff; }
.expired-primary-action span[b-6uydue1jxv],
.expired-secondary-action span[b-6uydue1jxv] { font-size: 22px; line-height: 1; }

.expired-photo[b-6uydue1jxv] {
    min-height: 230px;
    background:
        linear-gradient(90deg, #160e12 0%, rgba(22,14,18,.12) 26%, rgba(7,13,18,.08) 76%, #071018 100%),
        url('/images/home/hero-barberia-01.webp') center 36% / cover no-repeat;
}

.expired-quote[b-6uydue1jxv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px 22px;
    background: linear-gradient(90deg, #071018 0%, #07131d 100%);
    color: #fff;
    font-size: 22px;
    line-height: 1.42;
}
.expired-quote i[b-6uydue1jxv] {
    display: block;
    width: 48px;
    height: 4px;
    margin-top: 18px;
    border-radius: 4px;
    background: #ffc400;
}

.owner-center.subscription-content-locked[b-6uydue1jxv] { position: relative; min-height: 470px; }
.owner-center.subscription-content-locked > .kpi-grid[b-6uydue1jxv],
.owner-center.subscription-content-locked > .dashboard-grid[b-6uydue1jxv] {
    filter: grayscale(.7);
    opacity: .22;
    pointer-events: none;
    user-select: none;
}
.expired-content-overlay[b-6uydue1jxv] {
    position: absolute;
    z-index: 5;
    inset: 115px 8% auto;
    min-height: 255px;
    border: 1px solid #33485a;
    border-radius: 14px;
    background: linear-gradient(145deg,#0c1b29f5,#081521f5);
    box-shadow: 0 18px 60px #0008;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 28px;
}
.expired-lock-icon[b-6uydue1jxv] { font-size: 45px; }
.expired-content-overlay h2[b-6uydue1jxv] { margin: 12px 0 8px; font-size: 21px; }
.expired-content-overlay p[b-6uydue1jxv] { max-width: 620px; color: #b8c3ce; line-height: 1.55; margin: 0 0 18px; }
.expired-content-overlay a[b-6uydue1jxv] { background: #ffc400; color: #111; text-decoration: none; font-weight: 800; border-radius: 9px; padding: 11px 20px; }
.plans-card[b-6uydue1jxv] { scroll-margin-top: 18px; }

@media (max-width: 1280px) {
    .subscription-expired-hero[b-6uydue1jxv] { grid-template-columns: minmax(560px, 1.4fr) minmax(280px, .7fr); }
    .expired-quote[b-6uydue1jxv] { display: none; }
}

@media (max-width: 900px) {
    .subscription-expired-hero[b-6uydue1jxv] { grid-template-columns: 1fr; }
    .expired-left-zone[b-6uydue1jxv] { grid-template-columns: 82px 1fr; padding: 24px; }
    .expired-photo[b-6uydue1jxv] { min-height: 190px; background-position: center 28%; }
}

@media (max-width: 700px) {
    .expired-left-zone[b-6uydue1jxv] { grid-template-columns: 1fr; text-align: center; padding: 22px 18px; }
    .expired-calendar[b-6uydue1jxv] { margin: 0 auto; }
    .expired-actions[b-6uydue1jxv] { flex-direction: column; }
    .expired-primary-action[b-6uydue1jxv],
    .expired-secondary-action[b-6uydue1jxv] { width: 100%; }
    .expired-photo[b-6uydue1jxv] { min-height: 160px; }
    .expired-content-overlay[b-6uydue1jxv] { inset: 95px 10px auto; min-height: 300px; }
    .owner-center.subscription-content-locked[b-6uydue1jxv] { min-height: 520px; }
}


/* =========================================================
   MODAL - FREE PLAN YA UTILIZADO
   ========================================================= */
.free-plan-modal-backdrop[b-6uydue1jxv] { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(1, 10, 20, .82); backdrop-filter: blur(5px); }
.free-plan-modal[b-6uydue1jxv] { position: relative; width: min(720px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; padding: 30px; border: 1px solid rgba(93, 176, 255, .55); border-radius: 18px; background: linear-gradient(145deg, #0b1b2b 0%, #071522 100%); box-shadow: 0 28px 80px rgba(0,0,0,.55); color: #fff; }
.free-plan-modal-close[b-6uydue1jxv] { position: absolute; top: 15px; right: 18px; border: 0; background: transparent; color: #fff; font-size: 32px; line-height: 1; cursor: pointer; }
.free-plan-modal-heading[b-6uydue1jxv] { display: flex; align-items: center; gap: 18px; padding-right: 35px; margin-bottom: 24px; }
.free-plan-modal-info[b-6uydue1jxv] { flex: 0 0 58px; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #2688ff, #1467e8); font-size: 34px; font-weight: 800; box-shadow: 0 8px 24px rgba(38,136,255,.28); }
.free-plan-modal-heading h2[b-6uydue1jxv] { margin: 0 0 4px; font-size: clamp(24px, 3vw, 32px); font-weight: 800; }
.free-plan-modal-heading p[b-6uydue1jxv] { margin: 0; color: #fff; font-size: 18px; }
.free-plan-modal-content[b-6uydue1jxv] { display: grid; grid-template-columns: 150px 1fr; gap: 24px; align-items: center; }
.free-plan-modal-icon[b-6uydue1jxv] { position: relative; display: grid; place-items: center; min-height: 160px; font-size: 92px; }
.free-plan-modal-icon b[b-6uydue1jxv] { position: absolute; right: 16px; bottom: 24px; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: #ff4f5e; border: 5px solid #0a1927; font-size: 40px; line-height: 1; }
.free-plan-modal-copy > p[b-6uydue1jxv] { margin: 0 0 18px; color: #fff; line-height: 1.55; font-size: 16px; }
.free-plan-modal-benefits[b-6uydue1jxv] { display: grid; gap: 9px; padding: 18px 20px; border: 1px solid rgba(255, 202, 0, .65); border-radius: 12px; background: rgba(255, 202, 0, .08); }
.free-plan-modal-benefits strong[b-6uydue1jxv] { color: #ffcc00; margin-bottom: 3px; }
.free-plan-modal-benefits span[b-6uydue1jxv] { color: #fff; }
.free-plan-modal-benefits span[b-6uydue1jxv]::first-letter { color: #ffcc00; }
.free-plan-modal-actions[b-6uydue1jxv] { display: grid; grid-template-columns: 1fr 1.25fr; gap: 14px; margin-top: 28px; }
.free-plan-modal-actions button[b-6uydue1jxv] { min-height: 48px; border-radius: 10px; font-weight: 800; cursor: pointer; }
.free-plan-modal-secondary[b-6uydue1jxv] { border: 1px solid rgba(255,255,255,.8); background: transparent; color: #fff; }
.free-plan-modal-primary[b-6uydue1jxv] { border: 1px solid #ffcc00; background: linear-gradient(180deg, #ffd52a, #f4bd00); color: #07111c; box-shadow: 0 8px 22px rgba(255,204,0,.18); }
.free-plan-modal-support[b-6uydue1jxv] { display: block; margin: 18px auto 0; border: 0; background: transparent; color: #dce8f5; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) { .free-plan-modal-backdrop[b-6uydue1jxv] { padding: 12px; align-items: flex-start; overflow-y: auto; } .free-plan-modal[b-6uydue1jxv] { margin: 12px 0; padding: 24px 18px; max-height: none; } .free-plan-modal-heading[b-6uydue1jxv] { align-items: flex-start; gap: 12px; } .free-plan-modal-info[b-6uydue1jxv] { flex-basis: 46px; width: 46px; height: 46px; font-size: 27px; } .free-plan-modal-heading h2[b-6uydue1jxv] { font-size: 23px; } .free-plan-modal-heading p[b-6uydue1jxv] { font-size: 15px; } .free-plan-modal-content[b-6uydue1jxv] { grid-template-columns: 1fr; gap: 8px; } .free-plan-modal-icon[b-6uydue1jxv] { min-height: 105px; font-size: 70px; } .free-plan-modal-icon b[b-6uydue1jxv] { right: calc(50% - 62px); bottom: 4px; width: 44px; height: 44px; font-size: 31px; } .free-plan-modal-actions[b-6uydue1jxv] { grid-template-columns: 1fr; } }


/* =========================================================
   MODAL - CATALOGO COMPLETO DE PLANES
   ========================================================= */
.plans-catalog-backdrop[b-6uydue1jxv] { position: fixed; inset: 0; z-index: 5100; padding: 28px; background: rgba(1,8,16,.9); backdrop-filter: blur(7px); overflow-y: auto; }
.plans-catalog-modal[b-6uydue1jxv] { position: relative; width: min(1480px,100%); margin: 0 auto; padding: 34px; border: 1px solid #284b67; border-radius: 20px; background: linear-gradient(145deg,#0a1a29,#06121e); box-shadow: 0 30px 90px #000a; color:#fff; }
.plans-catalog-close[b-6uydue1jxv] { position:absolute; right:20px; top:16px; border:0; background:transparent; color:#fff; font-size:34px; cursor:pointer; z-index:2; }
.plans-catalog-header[b-6uydue1jxv] { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; padding:0 42px 24px 0; border-bottom:1px solid #20384b; }
.plans-catalog-eyebrow[b-6uydue1jxv] { color:#ffc800; font-size:12px; font-weight:900; letter-spacing:.12em; }
.plans-catalog-header h2[b-6uydue1jxv] { margin:7px 0 6px; font-size:clamp(25px,2.4vw,38px); }
.plans-catalog-header p[b-6uydue1jxv] { margin:0; color:#b9c8d6; }
.plans-catalog-controls[b-6uydue1jxv] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; }
.plans-catalog-lock[b-6uydue1jxv] { margin:20px 0 0; padding:13px 16px; border:1px solid #705d16; border-radius:10px; background:#2a240d; color:#ffe78b; }
.plans-catalog-grid[b-6uydue1jxv] { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:18px; margin-top:24px; align-items:stretch; }
.plans-catalog-item[b-6uydue1jxv] { display:flex; flex-direction:column; min-height:480px; padding:22px; border:1px solid #29445a; border-radius:16px; background:linear-gradient(180deg,#0d2132,#091724); transition:.2s ease; }
.plans-catalog-item:hover[b-6uydue1jxv] { transform:translateY(-3px); border-color:#557894; box-shadow:0 14px 34px #0005; }
.plans-catalog-item.current[b-6uydue1jxv] { border-color:#ffc800; box-shadow:inset 0 0 0 1px #ffc80055; }
.plans-catalog-plan-head[b-6uydue1jxv] { display:flex; justify-content:space-between; gap:12px; padding-bottom:18px; border-bottom:1px solid #20384b; }
.plans-catalog-badge[b-6uydue1jxv] { display:inline-block; padding:4px 8px; border-radius:999px; background:#18344a; color:#9bd5ff; font-size:10px; font-weight:900; }
.plans-catalog-plan-head h3[b-6uydue1jxv] { margin:9px 0 0; font-size:24px; }
.plans-catalog-price[b-6uydue1jxv] { text-align:right; white-space:nowrap; }
.plans-catalog-price strong[b-6uydue1jxv] { display:block; color:#ffc800; font-size:22px; }
.plans-catalog-price small[b-6uydue1jxv] { color:#9eb0bf; }
.plans-catalog-feature-title[b-6uydue1jxv] { margin:18px 0 12px; color:#fff; font-weight:850; }
.plans-catalog-features[b-6uydue1jxv] { display:grid; gap:9px; flex:1; align-content:start; max-height:330px; overflow-y:auto; padding-right:6px; }
.plans-catalog-features span[b-6uydue1jxv] { color:#e7eef4; line-height:1.35; }
.plans-catalog-features b[b-6uydue1jxv] { color:#28c76f; margin-right:5px; }
.plans-catalog-features .empty[b-6uydue1jxv] { color:#91a2b1; }
.plans-catalog-select[b-6uydue1jxv] { width:100%; min-height:48px; margin-top:20px; border:1px solid #ffd22e; border-radius:9px; background:linear-gradient(180deg,#ffd62e,#f4bd00); color:#09131c; font-weight:900; cursor:pointer; }
.plans-catalog-select:disabled[b-6uydue1jxv] { border-color:#34495a; background:#1a2a37; color:#7e909f; cursor:not-allowed; }
.plans-catalog-footer[b-6uydue1jxv] { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-top:24px; padding-top:18px; border-top:1px solid #20384b; color:#8fa3b4; font-size:13px; }
.plans-catalog-footer button[b-6uydue1jxv] { border:0; background:transparent; color:#ffc800; font-weight:800; cursor:pointer; }
@media(max-width:900px){ .plans-catalog-backdrop[b-6uydue1jxv]{padding:12px}.plans-catalog-modal[b-6uydue1jxv]{padding:24px 16px}.plans-catalog-header[b-6uydue1jxv]{align-items:flex-start;flex-direction:column;padding-right:34px}.plans-catalog-controls[b-6uydue1jxv]{justify-content:flex-start}.plans-catalog-grid[b-6uydue1jxv]{grid-template-columns:1fr}.plans-catalog-item[b-6uydue1jxv]{min-height:0}.plans-catalog-footer[b-6uydue1jxv]{align-items:flex-start;flex-direction:column} }
/* /Pages/Owner/Empty.razor.rz.scp.css */
.empty-state[b-pvq7glmwjy]{min-height:125px;display:grid;place-content:center;text-align:center;color:#fff !important}
.empty-state span[b-pvq7glmwjy]{font-size:28px;color:#ffc400}
.empty-state p[b-pvq7glmwjy]{font-size:11px;max-width:260px;margin:8px auto;color:#fff !important}
/* /Pages/Owner/Incomes.razor.rz.scp.css */
*[b-5zgwnyxtaf] {
    box-sizing: border-box;
}

.income-shell[b-5zgwnyxtaf] {
    min-height: 100vh;
    background: #061624;
    color: #f7fafc;
    font-family: Inter, system-ui, sans-serif;
}

.income-sidebar[b-5zgwnyxtaf] {
    position: fixed;
    inset: 0 auto 0 0;
    width: 218px;
    padding: 22px 16px;
    background: #06131f;
    border-right: 1px solid #173044;
    z-index: 20;
    display: flex;
    flex-direction: column;
}

.brand[b-5zgwnyxtaf] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 4px 8px 24px;
}

.brand > span[b-5zgwnyxtaf] {
    font-size: 28px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-5zgwnyxtaf] {
    display: block;
    font-size: 17px;
}

.brand b[b-5zgwnyxtaf] {
    color: #ffc400;
}

.brand small[b-5zgwnyxtaf] {
    color: #d4dce4;
    font-size: 9px;
}

.income-sidebar nav[b-5zgwnyxtaf] {
    display: grid;
    gap: 4px;
    overflow: auto;
}

.income-sidebar nav a[b-5zgwnyxtaf] {
    color: #f4f7fa;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
}

.income-sidebar nav a i[b-5zgwnyxtaf] {
    display: inline-block;
    width: 25px;
    font-style: normal;
}

.income-sidebar nav a.active[b-5zgwnyxtaf] {
    background: #453a08;
    color: #ffd21a;
}

.logout[b-5zgwnyxtaf] {
    margin-top: auto;
    border: 1px solid #294153;
    background: transparent;
    color: white;
    padding: 11px;
    border-radius: 9px;
    text-align: left;
}

.mobile-close[b-5zgwnyxtaf],
.mobile-toggle[b-5zgwnyxtaf],
.backdrop[b-5zgwnyxtaf] {
    display: none;
}

.income-main[b-5zgwnyxtaf] {
    margin-left: 218px;
    min-height: 100vh;
}

.topbar[b-5zgwnyxtaf] {
    min-height: 82px;
    border-bottom: 1px solid #173044;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.topbar h2[b-5zgwnyxtaf],
.page-head h1[b-5zgwnyxtaf] {
    margin: 0;
}

.topbar h2[b-5zgwnyxtaf] {
    font-size: 20px;
}

.topbar p[b-5zgwnyxtaf],
.page-head p[b-5zgwnyxtaf],
.panel-title p[b-5zgwnyxtaf] {
    margin: 4px 0 0;
    color: #c6d0da;
    font-size: 12px;
}

.top-actions[b-5zgwnyxtaf] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.top-actions span[b-5zgwnyxtaf],
.export[b-5zgwnyxtaf] {
    background: #071a29;
    border: 1px solid #274052;
    color: white;
    padding: 10px 14px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 13px;
}

.export:hover[b-5zgwnyxtaf] {
    border-color: #ffc400;
    color: #ffc400;
}

.page-head[b-5zgwnyxtaf] {
    padding: 18px 22px 10px;
}

.page-head h1[b-5zgwnyxtaf] {
    font-size: 27px;
}

.state-card[b-5zgwnyxtaf] {
    margin: 16px 18px;
    padding: 24px;
    border: 1px solid #254054;
    border-radius: 10px;
    background: #0a1d2c;
}

.state-card.error[b-5zgwnyxtaf] {
    display: grid;
    gap: 10px;
    border-color: #6b2c2c;
}

.state-card button[b-5zgwnyxtaf] {
    width: max-content;
    padding: 9px 14px;
    border: 0;
    border-radius: 7px;
    background: #ffc400;
    font-weight: 700;
}

.kpis[b-5zgwnyxtaf] {
    padding: 8px 18px 16px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.kpis article[b-5zgwnyxtaf] {
    min-height: 94px;
    border: 1px solid #254054;
    border-radius: 10px;
    background: #0a1d2c;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px;
}

.kpis i[b-5zgwnyxtaf] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 21px;
}

.kpis small[b-5zgwnyxtaf],
.kpis span[b-5zgwnyxtaf] {
    display: block;
    color: #d2dbe2;
    font-size: 11px;
}

.kpis strong[b-5zgwnyxtaf] {
    display: block;
    font-size: 20px;
    margin: 3px 0;
}

.green[b-5zgwnyxtaf] { background: #12582f; }
.gold[b-5zgwnyxtaf] { background: #6a5104; }
.blue[b-5zgwnyxtaf] { background: #0b4b91; }
.purple[b-5zgwnyxtaf] { background: #4c2680; }
.cyan[b-5zgwnyxtaf] { background: #0c5a67; }

.filters[b-5zgwnyxtaf] {
    margin: 0 18px 14px;
    padding: 12px;
    border: 1px solid #254054;
    border-radius: 10px;
    background: #091b2a;
    display: grid;
    grid-template-columns: 140px 140px minmax(220px, 1.6fr) repeat(4, minmax(150px, 1fr)) auto auto;
    gap: 9px;
    align-items: end;
}

.filters input[b-5zgwnyxtaf],
.filters select[b-5zgwnyxtaf],
.filters button[b-5zgwnyxtaf] {
    min-height: 42px;
    border: 1px solid #2a475b;
    border-radius: 8px;
    background: #071a29;
    color: #f7fafc;
    padding: 0 11px;
}

.date-field[b-5zgwnyxtaf] {
    display: grid;
    gap: 4px;
}

.date-field label[b-5zgwnyxtaf] {
    font-size: 10px;
    color: #aebdc9;
}

.filter-button[b-5zgwnyxtaf] {
    background: #ffc400 !important;
    border-color: #ffc400 !important;
    color: #13191e !important;
    font-weight: 800;
}

.clear-button[b-5zgwnyxtaf] {
    font-weight: 700;
}

.content-grid[b-5zgwnyxtaf] {
    margin: 0 18px 14px;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, .75fr);
    gap: 12px;
}

.panel[b-5zgwnyxtaf] {
    border: 1px solid #254054;
    border-radius: 10px;
    background: #0a1d2c;
    overflow: hidden;
}

.panel-title[b-5zgwnyxtaf] {
    min-height: 66px;
    padding: 14px 16px;
    border-bottom: 1px solid #20384a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.panel-title h2[b-5zgwnyxtaf] {
    margin: 0;
    font-size: 16px;
}

.panel-title > span[b-5zgwnyxtaf] {
    color: #aebdc9;
    font-size: 11px;
}

.bars[b-5zgwnyxtaf] {
    height: 245px;
    padding: 22px 16px 12px;
    display: flex;
    gap: 6px;
    align-items: stretch;
    overflow-x: auto;
}

.bar-item[b-5zgwnyxtaf] {
    min-width: 28px;
    flex: 1 0 28px;
    display: grid;
    grid-template-rows: 1fr 20px;
    gap: 5px;
    text-align: center;
}

.bar-track[b-5zgwnyxtaf] {
    min-height: 180px;
    background: #071824;
    border-radius: 5px 5px 2px 2px;
    display: flex;
    align-items: end;
    overflow: hidden;
}

.bar-track i[b-5zgwnyxtaf] {
    width: 100%;
    display: block;
    background: #16a65b;
    border-radius: 5px 5px 0 0;
}

.bar-item small[b-5zgwnyxtaf] {
    color: #9fb0bd;
    font-size: 9px;
}

.summary-panel[b-5zgwnyxtaf] {
    padding-bottom: 12px;
}

.summary-row[b-5zgwnyxtaf] {
    margin: 0 16px;
    padding: 15px 0;
    border-bottom: 1px solid #20384a;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.summary-row span[b-5zgwnyxtaf] {
    color: #bac6cf;
    font-size: 12px;
}

.summary-note[b-5zgwnyxtaf] {
    margin: 14px 16px 0;
    color: #9fb0bd;
    font-size: 10px;
    line-height: 1.5;
}

.table-panel[b-5zgwnyxtaf] {
    margin: 0 18px 24px;
}

.table-scroll[b-5zgwnyxtaf] {
    overflow-x: auto;
}

table[b-5zgwnyxtaf] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1080px;
}

th[b-5zgwnyxtaf],
td[b-5zgwnyxtaf] {
    padding: 12px 14px;
    border-bottom: 1px solid #173244;
    text-align: left;
    font-size: 12px;
    vertical-align: middle;
}

th[b-5zgwnyxtaf] {
    color: #b8c5ce;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .03em;
}

td small[b-5zgwnyxtaf] {
    display: block;
    color: #91a4b2;
    margin-top: 3px;
}

code[b-5zgwnyxtaf] {
    color: #dce7ef;
    font-size: 11px;
}

.amount[b-5zgwnyxtaf] {
    text-align: right;
    white-space: nowrap;
}

.status[b-5zgwnyxtaf] {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid transparent;
}

.status.approved[b-5zgwnyxtaf] {
    color: #69e69c;
    background: #0d3925;
    border-color: #17603a;
}

.status.pending[b-5zgwnyxtaf] {
    color: #ffd65e;
    background: #493a0b;
    border-color: #715b13;
}

.status.refunded[b-5zgwnyxtaf] {
    color: #a8c7ff;
    background: #18345c;
    border-color: #28558e;
}

.status.failed[b-5zgwnyxtaf] {
    color: #ff8d8d;
    background: #4a1f25;
    border-color: #7a3039;
}

.status.neutral[b-5zgwnyxtaf] {
    color: #c4d0d9;
    background: #1b303f;
    border-color: #2b485c;
}

.empty-state[b-5zgwnyxtaf] {
    min-height: 180px;
    display: grid;
    place-items: center;
    padding: 24px;
    color: #9fb0bd;
    text-align: center;
    font-size: 12px;
}

@media (max-width: 1500px) {
    .filters[b-5zgwnyxtaf] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .search[b-5zgwnyxtaf] {
        grid-column: span 2;
    }
}

@media (max-width: 1180px) {
    .kpis[b-5zgwnyxtaf] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .content-grid[b-5zgwnyxtaf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .income-sidebar[b-5zgwnyxtaf] {
        transform: translateX(-100%);
        transition: transform .2s ease;
    }

    .income-sidebar.open[b-5zgwnyxtaf] {
        transform: translateX(0);
    }

    .income-main[b-5zgwnyxtaf] {
        margin-left: 0;
    }

    .mobile-toggle[b-5zgwnyxtaf] {
        display: block;
        position: fixed;
        top: 14px;
        left: 14px;
        z-index: 30;
        border: 1px solid #304b5e;
        border-radius: 8px;
        background: #071a29;
        color: white;
        width: 42px;
        height: 42px;
    }

    .mobile-close[b-5zgwnyxtaf] {
        display: block;
        position: absolute;
        top: 12px;
        right: 12px;
        border: 0;
        background: transparent;
        color: white;
        font-size: 24px;
    }

    .backdrop[b-5zgwnyxtaf] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 15;
        border: 0;
        background: rgba(0, 0, 0, .55);
    }

    .topbar[b-5zgwnyxtaf] {
        padding-left: 70px;
    }

    .kpis[b-5zgwnyxtaf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filters[b-5zgwnyxtaf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .search[b-5zgwnyxtaf] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .topbar[b-5zgwnyxtaf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .top-actions[b-5zgwnyxtaf] {
        width: 100%;
        flex-wrap: wrap;
    }

    .kpis[b-5zgwnyxtaf],
    .filters[b-5zgwnyxtaf] {
        grid-template-columns: 1fr;
    }

    .search[b-5zgwnyxtaf] {
        grid-column: auto;
    }

    .page-head h1[b-5zgwnyxtaf] {
        font-size: 23px;
    }
}
/* /Pages/Owner/Marketing.razor.rz.scp.css */
*[b-aafhkx6e6v] {
    box-sizing: border-box;
}

.marketing-shell[b-aafhkx6e6v] {
    min-height: 100vh;
    background: #061725;
    color: #f5f8fc;
    display: grid;
    grid-template-columns: 184px minmax(0, 1fr);
}

.marketing-sidebar[b-aafhkx6e6v] {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 18px 8px 10px;
    border-right: 1px solid #21445b;
    background: #06131f;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
}

.brand[b-aafhkx6e6v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-aafhkx6e6v] {
    font-size: 29px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -3px;
}

.brand strong[b-aafhkx6e6v] {
    display: block;
    font-size: 14px;
}

.brand b[b-aafhkx6e6v] {
    color: #ffc400;
}

.brand small[b-aafhkx6e6v] {
    display: block;
    margin-top: 2px;
    color: #d4dfeb;
    font-size: 8px;
}

.owner-mini[b-aafhkx6e6v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 10px;
    border: 1px solid #21445b;
    border-radius: 10px;
    background: #091c2b;
}

.owner-avatar[b-aafhkx6e6v],
.review-avatar[b-aafhkx6e6v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #42566b;
    font-weight: 800;
}

.owner-avatar[b-aafhkx6e6v] {
    width: 36px;
    height: 36px;
    font-size: 12px;
}

.owner-mini strong[b-aafhkx6e6v],
.owner-mini small[b-aafhkx6e6v],
.owner-mini em[b-aafhkx6e6v] {
    display: block;
}

.owner-mini strong[b-aafhkx6e6v] {
    font-size: 11px;
}

.owner-mini small[b-aafhkx6e6v] {
    margin-top: 3px;
    font-size: 9px;
}

.owner-mini em[b-aafhkx6e6v] {
    margin-top: 4px;
    color: #2be879;
    font-size: 8px;
    font-style: normal;
}

.marketing-sidebar nav[b-aafhkx6e6v] {
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.marketing-sidebar nav a[b-aafhkx6e6v] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 10px;
}

.marketing-sidebar nav a:hover[b-aafhkx6e6v] {
    background: #10293c;
}

.marketing-sidebar nav a.active[b-aafhkx6e6v] {
    color: #ffd200;
    background: #5d4a00;
}

.marketing-sidebar nav a span[b-aafhkx6e6v] {
    width: 13px;
    text-align: center;
}

.roles-card[b-aafhkx6e6v] {
    margin-top: auto;
    padding: 13px;
    border: 1px solid #493f6f;
    border-radius: 8px;
    background: #171332;
}

.roles-card strong[b-aafhkx6e6v],
.roles-card small[b-aafhkx6e6v] {
    display: block;
}

.roles-card strong[b-aafhkx6e6v] {
    font-size: 11px;
}

.roles-card small[b-aafhkx6e6v] {
    margin: 8px 0 10px;
    color: #d5d2e7;
    font-size: 8px;
    line-height: 1.5;
}

.roles-card a[b-aafhkx6e6v] {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border: 1px solid #4d4478;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 9px;
}

.logout[b-aafhkx6e6v] {
    min-height: 36px;
    border: 1px solid #31516a;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    text-align: left;
    padding: 0 12px;
    cursor: pointer;
}

.marketing-main[b-aafhkx6e6v] {
    min-width: 0;
    padding: 18px 18px 40px;
}

.marketing-page[b-aafhkx6e6v] {
    width: 100%;
    max-width: none;
    margin: 0;
}

.page-header[b-aafhkx6e6v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 14px;
}

.page-header h1[b-aafhkx6e6v] {
    margin: 0;
    font-size: 30px;
}

.page-header p[b-aafhkx6e6v] {
    margin: 5px 0 0;
    color: #a9c7db;
    font-size: 12px;
}

.growth-tip[b-aafhkx6e6v] {
    max-width: 390px;
    padding: 11px 14px;
    border: 1px solid #1d5575;
    border-radius: 10px;
    background: #09273a;
    display: flex;
    gap: 10px;
}

.growth-tip > span[b-aafhkx6e6v] {
    font-size: 26px;
}

.growth-tip strong[b-aafhkx6e6v],
.growth-tip small[b-aafhkx6e6v] {
    display: block;
}

.growth-tip strong[b-aafhkx6e6v] {
    font-size: 12px;
}

.growth-tip small[b-aafhkx6e6v] {
    margin-top: 4px;
    color: #b5cddd;
    font-size: 9px;
}

.kpis[b-aafhkx6e6v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.kpis article[b-aafhkx6e6v] {
    min-height: 92px;
    padding: 14px;
    border: 1px solid #27516a;
    border-radius: 9px;
    background: #0a2232;
    display: flex;
    align-items: center;
    gap: 13px;
}

.kpi-icon[b-aafhkx6e6v] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0d4d70;
    color: #ffc400;
    display: grid;
    place-items: center;
    font-size: 18px;
}

.kpis small[b-aafhkx6e6v],
.kpis strong[b-aafhkx6e6v],
.kpis em[b-aafhkx6e6v] {
    display: block;
}

.kpis small[b-aafhkx6e6v] {
    color: #b5cddd;
    font-size: 9px;
}

.kpis strong[b-aafhkx6e6v] {
    margin-top: 3px;
    font-size: 21px;
}

.kpis em[b-aafhkx6e6v] {
    margin-top: 4px;
    color: #a8c3d7;
    font-size: 8px;
    font-style: normal;
}

.top-grid[b-aafhkx6e6v],
.middle-grid[b-aafhkx6e6v],
.bottom-grid[b-aafhkx6e6v] {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}

.top-grid[b-aafhkx6e6v] {
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .9fr);
}

.middle-grid[b-aafhkx6e6v],
.bottom-grid[b-aafhkx6e6v] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.panel[b-aafhkx6e6v] {
    min-width: 0;
    border: 1px solid #27516a;
    border-radius: 9px;
    background: #092131;
    overflow: hidden;
}

.panel-header[b-aafhkx6e6v] {
    padding: 13px 14px;
    border-bottom: 1px solid #21465d;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.panel-header h2[b-aafhkx6e6v] {
    margin: 0;
    font-size: 17px;
}

.panel-header p[b-aafhkx6e6v] {
    margin: 4px 0 0;
    color: #a9c7db;
    font-size: 9px;
}

.panel-header > a[b-aafhkx6e6v] {
    color: #25baff;
    text-decoration: none;
    font-size: 9px;
    white-space: nowrap;
}

.outline-button[b-aafhkx6e6v] {
    padding: 7px 11px;
    border: 1px solid #2a607f;
    border-radius: 6px;
    color: #fff !important;
}

.promo-grid[b-aafhkx6e6v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
}

.promo-card[b-aafhkx6e6v] {
    min-width: 0;
    border: 1px solid #284c63;
    border-radius: 8px;
    overflow: hidden;
    background: #0a1d2b;
}

.promo-image[b-aafhkx6e6v],
.blog-image[b-aafhkx6e6v],
.business-cover[b-aafhkx6e6v],
.business-logo[b-aafhkx6e6v] {
    background-color: #173549;
    background-position: center;
    background-size: cover;
}

.promo-image[b-aafhkx6e6v] {
    position: relative;
    height: 92px;
    padding: 8px;
}

.badge[b-aafhkx6e6v] {
    display: inline-block;
    margin-right: 4px;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
}

.badge.active[b-aafhkx6e6v],
.table-status[b-aafhkx6e6v] {
    background: #097b4c;
    color: #c8ffdf;
}

.badge.demo[b-aafhkx6e6v] {
    background: #6c3aa0;
    color: #fff;
}

.discount[b-aafhkx6e6v] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #6338d6;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.promo-body[b-aafhkx6e6v] {
    padding: 10px;
}

.promo-body h3[b-aafhkx6e6v],
.blog-grid h3[b-aafhkx6e6v] {
    margin: 0;
    font-size: 13px;
}

.promo-body p[b-aafhkx6e6v],
.blog-grid p[b-aafhkx6e6v] {
    margin: 5px 0 8px;
    color: #b3cbda;
    font-size: 9px;
    line-height: 1.4;
}

.promo-body small[b-aafhkx6e6v] {
    display: block;
    margin-top: 5px;
    color: #b5cddd;
    font-size: 8px;
}

.promo-body a[b-aafhkx6e6v] {
    display: block;
    margin-top: 9px;
    padding: 7px;
    border: 1px solid #2c5a75;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 9px;
}

.business-cover[b-aafhkx6e6v] {
    height: 112px;
    margin: 12px 12px 0;
    border-radius: 8px;
}

.business-summary[b-aafhkx6e6v] {
    padding: 0 14px 12px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.business-logo[b-aafhkx6e6v] {
    width: 68px;
    height: 68px;
    margin-top: -26px;
    border: 4px solid #092131;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-weight: 900;
}

.business-copy h3[b-aafhkx6e6v] {
    margin: 7px 0 0;
    color: #28e0ce;
    font-size: 16px;
}

.business-copy p[b-aafhkx6e6v],
.business-copy small[b-aafhkx6e6v] {
    display: block;
    margin: 4px 0 0;
    color: #b7cedd;
    font-size: 9px;
    line-height: 1.4;
}

.stars[b-aafhkx6e6v] {
    color: #ffc400;
    letter-spacing: 1px;
}

.business-stats[b-aafhkx6e6v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 0 12px 12px;
}

.business-stats div[b-aafhkx6e6v] {
    padding: 9px;
    border: 1px solid #234d66;
    border-radius: 7px;
    background: #0b2b3e;
    display: flex;
    align-items: center;
    gap: 9px;
}

.business-stats strong[b-aafhkx6e6v] {
    font-size: 16px;
}

.business-stats span[b-aafhkx6e6v] {
    color: #bdd2df;
    font-size: 8px;
}

.platform-status[b-aafhkx6e6v] {
    margin: 0 12px 12px;
    padding: 9px 10px;
    border: 1px solid #25668c;
    border-radius: 6px;
    color: #d9f4ff;
    text-align: center;
    font-size: 9px;
}

.table-wrap[b-aafhkx6e6v] {
    overflow-x: auto;
    padding: 0 12px 12px;
}

table[b-aafhkx6e6v] {
    width: 100%;
    border-collapse: collapse;
    font-size: 9px;
}

th[b-aafhkx6e6v],
td[b-aafhkx6e6v] {
    padding: 8px 6px;
    border-bottom: 1px solid #21465d;
    text-align: left;
}

th[b-aafhkx6e6v] {
    color: #b4cada;
    font-weight: 600;
}

.table-status[b-aafhkx6e6v] {
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 8px;
}

.review-list[b-aafhkx6e6v] {
    padding: 0 12px 12px;
}

.review-row[b-aafhkx6e6v] {
    padding: 10px 0;
    border-bottom: 1px solid #21465d;
    display: flex;
    gap: 10px;
}

.review-row:last-child[b-aafhkx6e6v] {
    border-bottom: 0;
}

.review-avatar[b-aafhkx6e6v] {
    width: 34px;
    height: 34px;
    font-size: 10px;
}

.review-row > div[b-aafhkx6e6v] {
    min-width: 0;
    flex: 1;
}

.review-row strong[b-aafhkx6e6v],
.review-row small[b-aafhkx6e6v] {
    margin-right: 8px;
    font-size: 9px;
}

.review-row small[b-aafhkx6e6v] {
    color: #8faabe;
}

.review-row p[b-aafhkx6e6v] {
    margin: 5px 0 0;
    color: #c5d6e1;
    font-size: 9px;
}

.blog-grid[b-aafhkx6e6v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
}

.blog-grid article[b-aafhkx6e6v] {
    min-width: 0;
}

.blog-image[b-aafhkx6e6v] {
    height: 76px;
    margin-bottom: 8px;
    border-radius: 7px;
}

.blog-grid small[b-aafhkx6e6v] {
    color: #91adbf;
    font-size: 8px;
}

.blog-grid a[b-aafhkx6e6v] {
    display: block;
    margin-top: 7px;
    color: #23b7ff;
    text-decoration: none;
    font-size: 9px;
}

.recommendation-list[b-aafhkx6e6v] {
    padding: 2px 12px 10px;
}

.recommendation-list a[b-aafhkx6e6v] {
    min-height: 52px;
    padding: 8px 4px;
    border-bottom: 1px solid #21465d;
    color: #fff;
    text-decoration: none;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 12px;
    align-items: center;
    gap: 9px;
}

.recommendation-list a:last-child[b-aafhkx6e6v] {
    border-bottom: 0;
}

.recommendation-icon[b-aafhkx6e6v] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #5a4700;
    color: #ffc400;
    display: grid;
    place-items: center;
}

.recommendation-list strong[b-aafhkx6e6v],
.recommendation-list small[b-aafhkx6e6v] {
    display: block;
}

.recommendation-list strong[b-aafhkx6e6v] {
    font-size: 10px;
}

.recommendation-list small[b-aafhkx6e6v] {
    margin-top: 3px;
    color: #a9c2d2;
    font-size: 8px;
}

.state-card[b-aafhkx6e6v],
.empty-state[b-aafhkx6e6v] {
    border: 1px dashed #315971;
    border-radius: 8px;
    background: #0a2232;
    color: #a9c7db;
    text-align: center;
}

.state-card[b-aafhkx6e6v] {
    padding: 26px;
}

.state-card.error[b-aafhkx6e6v] {
    color: #ff9b9b;
}

.state-card button[b-aafhkx6e6v] {
    margin-left: 8px;
}

.empty-state[b-aafhkx6e6v] {
    margin: 12px;
    padding: 26px;
}

.empty-state strong[b-aafhkx6e6v],
.empty-state span[b-aafhkx6e6v] {
    display: block;
}

.empty-state span[b-aafhkx6e6v] {
    margin-top: 5px;
    font-size: 9px;
}

.empty-state.compact[b-aafhkx6e6v] {
    padding: 18px;
}

@media (max-width: 1250px) {
    .top-grid[b-aafhkx6e6v],
    .middle-grid[b-aafhkx6e6v],
    .bottom-grid[b-aafhkx6e6v] {
        grid-template-columns: 1fr;
    }

    .kpis[b-aafhkx6e6v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .marketing-shell[b-aafhkx6e6v] {
        grid-template-columns: 1fr;
    }

    .marketing-sidebar[b-aafhkx6e6v] {
        position: static;
        width: 100%;
        height: auto;
    }

    .marketing-sidebar nav[b-aafhkx6e6v] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .roles-card[b-aafhkx6e6v] {
        margin-top: 0;
    }

    .page-header[b-aafhkx6e6v] {
        flex-direction: column;
    }

    .growth-tip[b-aafhkx6e6v] {
        max-width: none;
        width: 100%;
    }

    .promo-grid[b-aafhkx6e6v],
    .blog-grid[b-aafhkx6e6v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .marketing-main[b-aafhkx6e6v] {
        padding: 14px 10px 30px;
    }

    .kpis[b-aafhkx6e6v],
    .business-stats[b-aafhkx6e6v] {
        grid-template-columns: 1fr;
    }

    .marketing-sidebar nav[b-aafhkx6e6v] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   Menú hamburguesa del propietario - responsive
   ========================================================= */
.mobile-menu-toggle[b-aafhkx6e6v],
.mobile-menu-close[b-aafhkx6e6v],
.mobile-menu-backdrop[b-aafhkx6e6v] {
    display: none;
}

@media (max-width: 850px) {
    .marketing-shell[b-aafhkx6e6v] {
        display: block;
        min-height: 100vh;
    }

    .marketing-sidebar[b-aafhkx6e6v] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1200;
        width: min(86vw, 300px);
        height: 100dvh;
        max-height: 100dvh;
        overflow-y: auto;
        border-right: 1px solid #21445b;
        border-bottom: 0;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 16px 0 40px rgba(0, 0, 0, .34);
    }

    .marketing-sidebar.mobile-open[b-aafhkx6e6v] {
        transform: translateX(0);
    }

    .marketing-sidebar nav[b-aafhkx6e6v] {
        display: flex;
        grid-template-columns: none;
        flex-direction: column;
        max-height: none;
    }

    .mobile-menu-toggle[b-aafhkx6e6v] {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        margin-bottom: 12px;
        padding: 9px 14px;
        border: 1px solid #2a5269;
        border-radius: 10px;
        background: #0b2232;
        color: #f5f9fc;
        font: inherit;
        font-weight: 700;
        cursor: pointer;
    }

    .mobile-menu-toggle:hover[b-aafhkx6e6v] {
        border-color: #f6bd00;
        color: #ffd43b;
    }

    .hamburger-icon[b-aafhkx6e6v] {
        font-size: 20px;
        line-height: 1;
    }

    .mobile-menu-close[b-aafhkx6e6v] {
        display: grid;
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid #2a5269;
        border-radius: 9px;
        background: #0b2232;
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-menu-backdrop[b-aafhkx6e6v] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1100;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(2, 10, 16, .72);
        cursor: default;
    }

    .marketing-main[b-aafhkx6e6v] {
        width: 100%;
        min-width: 0;
    }
}

/* /Pages/Owner/OpenWork.razor.rz.scp.css */
/* ============================================================
   OWNER - OPEN WORK / BUSCAR PROFESIONALES
   Layout completo de la página.
   IMPORTANTE: conservar junto con los estilos del radar.
   ============================================================ */

.openwork-shell[b-s9dhngm79a] {
    --ow-bg: #06111d;
    --ow-panel: #0b1a28;
    --ow-panel-2: #0f2233;
    --ow-border: #24394b;
    --ow-text: #f4f7fb;
    --ow-muted: #93a6b7;
    --ow-yellow: #ffc400;
    min-height: 100vh;
    width: 100%;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    background: var(--ow-bg);
    color: var(--ow-text);
    box-sizing: border-box;
}

.openwork-shell *[b-s9dhngm79a], .openwork-shell *[b-s9dhngm79a]::before, .openwork-shell *[b-s9dhngm79a]::after { box-sizing: border-box; }

.openwork-sidebar[b-s9dhngm79a] {
    position: sticky;
    top: 0;
    height: 100vh;
    min-width: 0;
    padding: 22px 14px 18px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background: #071522;
    border-right: 1px solid #1d3142;
    z-index: 1000;
}

.brand[b-s9dhngm79a] { display: block; margin: 2px 10px 24px; color: #fff; text-decoration: none; }
.brand-word[b-s9dhngm79a] { display: block; font-size: 1.55rem; font-weight: 800; font-style: italic; line-height: 1; }
.brand-word b[b-s9dhngm79a] { color: var(--ow-yellow); }
.brand small[b-s9dhngm79a] { display: block; margin-top: 5px; color: #8fa2b2; font-size: .55rem; text-transform: uppercase; letter-spacing: .09em; }
.logout[b-s9dhngm79a] { margin-top: auto; width: 100%; padding: 10px 12px; border: 1px solid #2b4052; border-radius: 8px; background: transparent; color: #dce6ee; text-align: left; cursor: pointer; }
.logout:hover[b-s9dhngm79a] { border-color: var(--ow-yellow); color: var(--ow-yellow); }

.openwork-main[b-s9dhngm79a] { min-width: 0; width: 100%; padding: 30px clamp(20px, 3vw, 46px) 46px; overflow: hidden; }
.page-head[b-s9dhngm79a] { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.eyebrow[b-s9dhngm79a] { color: var(--ow-yellow); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.page-head h1[b-s9dhngm79a] { margin: 5px 0 5px; font-size: clamp(1.7rem, 2.2vw, 2.35rem); line-height: 1.1; }
.page-head p[b-s9dhngm79a] { margin: 0; color: var(--ow-muted); }
.invitations-button[b-s9dhngm79a], .search-button[b-s9dhngm79a], .ghost[b-s9dhngm79a], .secondary[b-s9dhngm79a], .proposal[b-s9dhngm79a] { border: 0; border-radius: 9px; padding: 10px 14px; font-weight: 700; cursor: pointer; }
.invitations-button[b-s9dhngm79a], .ghost[b-s9dhngm79a], .secondary[b-s9dhngm79a] { background: #142b3e; color: #f1f6fa; border: 1px solid #2b4559; }
.search-button[b-s9dhngm79a], .proposal[b-s9dhngm79a] { background: var(--ow-yellow); color: #171717; }
.search-button:disabled[b-s9dhngm79a], .proposal:disabled[b-s9dhngm79a] { opacity: .6; cursor: wait; }

.alert[b-s9dhngm79a] { margin: 0 0 16px; padding: 12px 14px; border-radius: 9px; }
.alert.error[b-s9dhngm79a] { background: #3b1720; border: 1px solid #77303f; color: #ffdbe2; }
.alert.success[b-s9dhngm79a] { background: #123525; border: 1px solid #286746; color: #d9ffea; }

.filters-card[b-s9dhngm79a] { padding: 18px; margin-bottom: 18px; background: var(--ow-panel); border: 1px solid var(--ow-border); border-radius: 14px; }
.filter-grid[b-s9dhngm79a] { display: grid; grid-template-columns: minmax(210px, 1.6fr) repeat(4, minmax(125px, .8fr)) auto; gap: 12px; align-items: end; }
.filter-grid label[b-s9dhngm79a] { min-width: 0; }
.filter-grid label > span[b-s9dhngm79a] { display: block; margin-bottom: 7px; color: #c8d4de; font-size: .75rem; font-weight: 700; }
.filter-grid input[b-s9dhngm79a], .filter-grid select[b-s9dhngm79a], .results-head select[b-s9dhngm79a], .proposal-modal input[b-s9dhngm79a], .proposal-modal select[b-s9dhngm79a], .proposal-modal textarea[b-s9dhngm79a] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #30485b; border-radius: 8px; outline: none; background: #0c2030; color: #fff; }
.filter-grid input:focus[b-s9dhngm79a], .filter-grid select:focus[b-s9dhngm79a] { border-color: var(--ow-yellow); box-shadow: 0 0 0 2px rgba(255,196,0,.10); }
.filter-actions[b-s9dhngm79a] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; color: var(--ow-muted); font-size: .78rem; }

.results-layout[b-s9dhngm79a] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); gap: 18px; align-items: start; }
.map-panel[b-s9dhngm79a], .professionals-panel[b-s9dhngm79a] { min-width: 0; background: var(--ow-panel); border: 1px solid var(--ow-border); border-radius: 14px; overflow: hidden; }
.map-panel[b-s9dhngm79a] { position: relative; min-height: 510px; }
.map-panel .openwork-map-shell[b-s9dhngm79a] { border-radius: 14px 14px 0 0; }
.map-loading[b-s9dhngm79a] { position: absolute; inset: 0 0 42px; display: grid; place-items: center; z-index: 450; color: #dbe6ef; background: rgba(5,17,29,.32); pointer-events: none; }
.map-legend[b-s9dhngm79a] { min-height: 42px; padding: 12px 14px; color: var(--ow-muted); font-size: .75rem; }
.map-legend i[b-s9dhngm79a], .map-legend b[b-s9dhngm79a] { display: inline-block; width: 9px; height: 9px; margin: 0 5px 0 10px; border-radius: 50%; background: #318cff; }
.map-legend i[b-s9dhngm79a] { margin-left: 0; background: var(--ow-yellow); }

.professionals-panel[b-s9dhngm79a] { max-height: 620px; overflow-y: auto; }
.results-head[b-s9dhngm79a] { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 15px 16px; background: #0b1a28; border-bottom: 1px solid var(--ow-border); }
.results-head strong[b-s9dhngm79a], .results-head small[b-s9dhngm79a] { display: block; }
.results-head small[b-s9dhngm79a] { margin-top: 3px; color: var(--ow-muted); }
.results-head select[b-s9dhngm79a] { width: auto; min-width: 130px; }
.empty[b-s9dhngm79a] { min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 24px; color: var(--ow-muted); text-align: center; }
.professional-card[b-s9dhngm79a] { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; padding: 15px 16px; border-bottom: 1px solid #1f3445; cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.professional-card:hover[b-s9dhngm79a], .professional-card.selected[b-s9dhngm79a] { background: #10263a; }
.professional-card.selected[b-s9dhngm79a] { box-shadow: inset 3px 0 var(--ow-yellow); }
.photo[b-s9dhngm79a] { width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: #1b354a; color: var(--ow-yellow); font-weight: 800; }
.photo img[b-s9dhngm79a] { width: 100%; height: 100%; object-fit: cover; }
.professional-info[b-s9dhngm79a] { min-width: 0; }
.name-line[b-s9dhngm79a] { display: flex; align-items: center; gap: 7px; }
.name-line h3[b-s9dhngm79a] { margin: 0; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.name-line span[b-s9dhngm79a] { color: #49a6ff; }
.meta[b-s9dhngm79a] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 5px; color: var(--ow-muted); font-size: .75rem; }
.meta b[b-s9dhngm79a] { color: #7fe0a7; }
.chips[b-s9dhngm79a] { display: flex; gap: 5px; flex-wrap: wrap; margin: 8px 0 5px; }
.chips span[b-s9dhngm79a] { padding: 3px 7px; border: 1px solid #2a465b; border-radius: 999px; background: #10283b; color: #cfe0ec; font-size: .68rem; }
.professional-info > small[b-s9dhngm79a] { color: var(--ow-muted); }
.card-actions[b-s9dhngm79a] { grid-column: 2; display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.card-actions button[b-s9dhngm79a] { padding: 7px 10px; font-size: .72rem; }

.mobile-menu-toggle[b-s9dhngm79a], .mobile-menu-close[b-s9dhngm79a], .mobile-menu-backdrop[b-s9dhngm79a] { display: none; }

.modal-backdrop[b-s9dhngm79a] { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.72); }
.proposal-modal[b-s9dhngm79a] { --ow-yellow: #ffc400; --ow-muted: #93a6b7; width: min(720px, 100%); max-height: 90vh; overflow-y: auto; padding: 22px; border: 1px solid #334b5e; border-radius: 16px; background: #0a1b2a; color: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.45); }
.proposal-modal header[b-s9dhngm79a], .proposal-modal footer[b-s9dhngm79a] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.proposal-modal header span[b-s9dhngm79a] { color: var(--ow-yellow); font-size: .7rem; font-weight: 800; }
.proposal-modal header h2[b-s9dhngm79a] { margin: 3px 0; }
.proposal-modal header p[b-s9dhngm79a] { margin: 0; color: var(--ow-muted); }
.proposal-modal header > button[b-s9dhngm79a] { border: 0; background: transparent; color: #fff; font-size: 1.7rem; cursor: pointer; }
.proposal-grid[b-s9dhngm79a] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 20px 0 14px; }
.proposal-modal label[b-s9dhngm79a] { display: block; color: #cbd8e2; font-size: .78rem; }
.proposal-modal label > input[b-s9dhngm79a], .proposal-modal label > select[b-s9dhngm79a], .proposal-modal label > textarea[b-s9dhngm79a] { display: block; margin-top: 6px; }
.proposal-modal footer[b-s9dhngm79a] { justify-content: flex-end; margin-top: 18px; }
.proposal-modal footer .proposal[b-s9dhngm79a] { min-width: 150px; background: #ffc400; color: #171717; border: 1px solid #ffc400; opacity: 1; }
.proposal-modal footer .proposal:hover:not(:disabled)[b-s9dhngm79a] { background: #ffd43b; border-color: #ffd43b; }
.proposal-modal footer .proposal:disabled[b-s9dhngm79a] { background: #8a7118; color: #d8d0ad; border-color: #8a7118; opacity: .75; cursor: wait; }

@media (max-width: 1180px) {
    .filter-grid[b-s9dhngm79a] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .search-button[b-s9dhngm79a] { min-height: 40px; }
    .results-layout[b-s9dhngm79a] { grid-template-columns: 1fr; }
    .professionals-panel[b-s9dhngm79a] { max-height: none; }
}

@media (max-width: 900px) {
    .openwork-shell[b-s9dhngm79a] { display: block; }
    .openwork-sidebar[b-s9dhngm79a] { position: fixed; left: 0; top: 0; width: min(290px, 86vw); transform: translateX(-105%); transition: transform .2s ease; box-shadow: 16px 0 40px rgba(0,0,0,.35); }
    .openwork-sidebar.mobile-open[b-s9dhngm79a] { transform: translateX(0); }
    .mobile-menu-toggle[b-s9dhngm79a] { position: fixed; left: 12px; top: 12px; z-index: 1800; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #314a5e; border-radius: 9px; background: #0a1c2b; color: #fff; cursor: pointer; }
    .mobile-menu-close[b-s9dhngm79a] { display: block; position: absolute; right: 10px; top: 8px; border: 0; background: transparent; color: #fff; font-size: 1.7rem; cursor: pointer; }
    .mobile-menu-backdrop[b-s9dhngm79a] { display: block; position: fixed; inset: 0; z-index: 900; border: 0; background: rgba(0,0,0,.55); }
    .openwork-main[b-s9dhngm79a] { padding-top: 70px; }
}

@media (max-width: 680px) {
    .openwork-main[b-s9dhngm79a] { padding-left: 14px; padding-right: 14px; }
    .page-head[b-s9dhngm79a] { align-items: stretch; flex-direction: column; }
    .invitations-button[b-s9dhngm79a] { align-self: flex-start; }
    .filter-grid[b-s9dhngm79a] { grid-template-columns: 1fr; }
    .filter-actions[b-s9dhngm79a] { align-items: stretch; flex-direction: column; }
    .filter-actions .ghost[b-s9dhngm79a] { width: 100%; }
    .proposal-grid[b-s9dhngm79a] { grid-template-columns: 1fr; }
    .professional-card[b-s9dhngm79a] { grid-template-columns: 48px minmax(0,1fr); }
    .photo[b-s9dhngm79a] { width: 48px; height: 48px; }
    .card-actions[b-s9dhngm79a] { grid-column: 1 / -1; }
}

/* ============================================================
   OPEN WORK - RADAR DE BÚSQUEDA
   Visual únicamente. No modifica Leaflet ni la consulta API.
   ============================================================ */

.openwork-map-shell[b-s9dhngm79a] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 420px;
    overflow: hidden;
    border-radius: inherit;
}

.openwork-map-shell .map[b-s9dhngm79a] {
    width: 100%;
    height: 100%;
    min-height: 420px;
}

.openwork-radar-overlay[b-s9dhngm79a] {
    position: absolute;
    inset: 0;
    z-index: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background: radial-gradient(
        circle at center,
        rgba(5, 42, 73, 0.10) 0%,
        rgba(4, 24, 40, 0.04) 42%,
        rgba(2, 16, 28, 0.00) 72%
    );
}

.openwork-radar[b-s9dhngm79a] {
    position: relative;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(39, 143, 255, 0.50);
    background:
        radial-gradient(circle, rgba(37, 130, 255, 0.16) 0 3%, transparent 4%),
        repeating-radial-gradient(
            circle,
            rgba(45, 139, 255, 0.25) 0 1px,
            transparent 1px 38px
        ),
        linear-gradient(
            90deg,
            transparent 49.5%,
            rgba(58, 153, 255, 0.18) 50%,
            transparent 50.5%
        ),
        linear-gradient(
            0deg,
            transparent 49.5%,
            rgba(58, 153, 255, 0.18) 50%,
            transparent 50.5%
        );
    box-shadow:
        0 0 28px rgba(21, 120, 255, 0.18),
        inset 0 0 34px rgba(18, 119, 255, 0.10);
}

.openwork-radar-sweep[b-s9dhngm79a] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        rgba(40, 145, 255, 0.00) 0deg,
        rgba(40, 145, 255, 0.00) 290deg,
        rgba(40, 145, 255, 0.10) 315deg,
        rgba(40, 145, 255, 0.55) 359deg,
        rgba(40, 145, 255, 0.00) 360deg
    );
    animation: openwork-radar-rotate-b-s9dhngm79a 1.7s linear infinite;
    transform-origin: center;
}

.openwork-radar-center[b-s9dhngm79a] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: #1677ff;
    border: 3px solid #ffffff;
    box-shadow:
        0 0 0 7px rgba(22, 119, 255, 0.22),
        0 0 22px rgba(22, 119, 255, 0.80);
}

.openwork-radar-ring[b-s9dhngm79a] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 26px;
    border: 2px solid rgba(39, 143, 255, 0.72);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    animation: openwork-radar-pulse-b-s9dhngm79a 2.4s ease-out infinite;
}

.openwork-radar-ring.ring-2[b-s9dhngm79a] {
    animation-delay: 0.8s;
}

.openwork-radar-ring.ring-3[b-s9dhngm79a] {
    animation-delay: 1.6s;
}

.openwork-radar-label[b-s9dhngm79a] {
    margin-top: 18px;
    padding: 8px 16px;
    border: 1px solid rgba(54, 146, 255, 0.32);
    border-radius: 999px;
    background: rgba(3, 20, 34, 0.88);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
}

@keyframes openwork-radar-rotate-b-s9dhngm79a {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes openwork-radar-pulse-b-s9dhngm79a {
    0% {
        width: 24px;
        height: 24px;
        opacity: 0.82;
    }

    100% {
        width: 210px;
        height: 210px;
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .openwork-map-shell[b-s9dhngm79a],
    .openwork-map-shell .map[b-s9dhngm79a] {
        min-height: 360px;
    }

    .openwork-radar[b-s9dhngm79a] {
        width: 190px;
        height: 190px;
    }

    @keyframes openwork-radar-pulse-b-s9dhngm79a {
        0% {
            width: 24px;
            height: 24px;
            opacity: 0.82;
        }

        100% {
            width: 175px;
            height: 175px;
            opacity: 0;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .openwork-radar-sweep[b-s9dhngm79a],
    .openwork-radar-ring[b-s9dhngm79a] {
        animation: none;
    }
}
/* /Pages/Owner/PaymentResult.razor.rz.scp.css */
.payment-result-shell[b-spgj8tyux1]{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 0,#102b43 0,#071522 38%,#04101a 100%);color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.payment-result-card[b-spgj8tyux1]{width:min(620px,100%);box-sizing:border-box;padding:38px;background:linear-gradient(145deg,#0b1d2b,#071824);border:1px solid #294354;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.4);text-align:center}.result-icon[b-spgj8tyux1]{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:34px;font-weight:900}.result-icon.approved[b-spgj8tyux1]{background:#0f4b30;border:1px solid #248456;color:#83f6b2}.result-icon.pending[b-spgj8tyux1]{background:#4b3a08;border:1px solid #94700e;color:#ffd53b}.result-icon.failed[b-spgj8tyux1]{background:#541d25;border:1px solid #8f3542;color:#ff9aa8}.payment-result-card h1[b-spgj8tyux1]{margin:5px 0 10px;font-size:30px}.payment-result-card>p[b-spgj8tyux1]{margin:0 auto 22px;max-width:500px;color:#b9c8d2;line-height:1.55}.eyebrow[b-spgj8tyux1]{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#75eda5}.failed-text[b-spgj8tyux1]{color:#ff9aa8}.pending-text[b-spgj8tyux1]{color:#ffd53b}.summary[b-spgj8tyux1]{margin:24px 0;display:grid;gap:1px;background:#263c4b;border:1px solid #263c4b;border-radius:12px;overflow:hidden;text-align:left}.summary div[b-spgj8tyux1]{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;background:#091923}.summary span[b-spgj8tyux1]{color:#9fb0bc;font-size:12px}.summary strong[b-spgj8tyux1]{font-size:12px;text-align:right}.actions[b-spgj8tyux1]{display:flex;gap:10px;justify-content:center;margin-top:22px}.primary[b-spgj8tyux1],.secondary[b-spgj8tyux1]{border-radius:10px;padding:12px 18px;font-weight:850;cursor:pointer}.primary[b-spgj8tyux1]{border:0;background:linear-gradient(135deg,#ffd32b,#f0ab00);color:#101010}.secondary[b-spgj8tyux1]{background:#0a1d29;color:#fff;border:1px solid #355064}.full[b-spgj8tyux1]{width:100%;margin-top:4px}@media(max-width:600px){.payment-result-shell[b-spgj8tyux1]{padding:18px}.payment-result-card[b-spgj8tyux1]{padding:26px 18px}.actions[b-spgj8tyux1]{flex-direction:column}.summary div[b-spgj8tyux1]{flex-direction:column;gap:4px}.summary strong[b-spgj8tyux1]{text-align:left}}


/* Detalle técnico secundario: no induce al usuario a repetir el cobro. */
.technical-detail[b-spgj8tyux1] {
    margin-top: -10px !important;
    font-size: 12px;
    opacity: 0.72;
}
/* /Pages/Owner/Plan.razor.rz.scp.css */

/* =========================================================
   TURNO YA - PAGOS Y FACTURACIÓN / PROPIETARIO
   ========================================================= */

.plan-shell[b-kztmqd0elg] {
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 72% 0,
            #10243b 0,
            #071522 34%,
            #04101a 76%
        );
    color: #ffffff;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
}

/* =========================================================
   MENÚ LATERAL
   ========================================================= */

.plan-sidebar[b-kztmqd0elg] {
    position: sticky;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    background: #030e17;
    border-right: 1px solid #1d3343;
    padding: 18px 10px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow: auto;
}

.brand[b-kztmqd0elg] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    text-decoration: none;
    padding: 2px 8px 18px;
    border-bottom: 1px solid #152a38;
}

.brand-mark[b-kztmqd0elg] {
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-kztmqd0elg] {
    display: block;
    font-size: 18px;
}

.brand b[b-kztmqd0elg] {
    color: #ffc400;
}

.brand small[b-kztmqd0elg] {
    display: block;
    color: #b8c6d1;
    font-size: 10px;
    margin-top: 2px;
}

.plan-sidebar nav[b-kztmqd0elg] {
    display: grid;
    gap: 4px;
}

.plan-sidebar nav a[b-kztmqd0elg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 9px;
    color: #f4f7fa;
    text-decoration: none;
    font-size: 13px;
}

.plan-sidebar nav a:hover[b-kztmqd0elg],
.plan-sidebar nav a.active[b-kztmqd0elg] {
    background:
        linear-gradient(
            90deg,
            #4e3d00,
            #282100
        );
    color: #ffd21f;
}

.plan-sidebar nav a span[b-kztmqd0elg] {
    width: 20px;
    text-align: center;
}

.logout-button[b-kztmqd0elg] {
    margin-top: auto;
    background: transparent;
    color: #ffffff;
    border: 1px solid #294252;
    border-radius: 9px;
    padding: 11px 12px;
    text-align: left;
    cursor: pointer;
}

.logout-button:disabled[b-kztmqd0elg] {
    opacity: 0.55;
}

/* =========================================================
   CONTENIDO GENERAL
   ========================================================= */

.plan-main[b-kztmqd0elg] {
    width: 100%;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
    margin: 0;
    padding: 24px 24px 44px;
}

.page-head[b-kztmqd0elg] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
    margin-bottom: 18px;
}

.back-link[b-kztmqd0elg] {
    border: 0;
    background: transparent;
    color: #ffc400;
    padding: 0;
    margin: 0 0 10px;
    cursor: pointer;
    font-weight: 700;
}

.page-head h1[b-kztmqd0elg] {
    font-size: 30px;
    line-height: 1.1;
    margin: 0 0 7px;
}

.page-head p[b-kztmqd0elg] {
    margin: 0;
    color: #c5d1db;
}

.current-plan-chip[b-kztmqd0elg] {
    min-width: 180px;
    background: #0b1d2a;
    border: 1px solid #263e50;
    border-radius: 12px;
    padding: 12px 15px;
}

.current-plan-chip span[b-kztmqd0elg],
.current-plan-chip strong[b-kztmqd0elg] {
    display: block;
}

.current-plan-chip span[b-kztmqd0elg] {
    font-size: 10px;
    color: #9eb0bd;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.current-plan-chip strong[b-kztmqd0elg] {
    margin-top: 3px;
}

/* =========================================================
   PLAN SELECCIONADO
   ========================================================= */

.selected-plan-card[b-kztmqd0elg],
.affiliate-discount-card[b-kztmqd0elg],
.payment-section-card[b-kztmqd0elg],
.summary-card[b-kztmqd0elg],
.included-plan-card[b-kztmqd0elg],
.help-card[b-kztmqd0elg],
.selection-summary-card[b-kztmqd0elg],
.other-plans[b-kztmqd0elg],
.state-card[b-kztmqd0elg] {
    background:
        linear-gradient(
            145deg,
            #0b1d2b,
            #071824
        );
    border: 1px solid #233b4d;
    border-radius: 16px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}

.selected-plan-card[b-kztmqd0elg] {
    padding: 18px 20px;
    margin-bottom: 16px;
}

.plan-title-row[b-kztmqd0elg] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.plan-icon[b-kztmqd0elg] {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            #6d5300,
            #332700
        );
    border: 1px solid #a67d00;
    color: #ffd21f;
    display: grid;
    place-items: center;
    font-size: 27px;
}

.plan-title-row > div:nth-child(2)[b-kztmqd0elg] {
    flex: 1;
}

.plan-title-row small[b-kztmqd0elg],
.plan-title-row p[b-kztmqd0elg] {
    color: #b7c5cf;
}

.plan-title-row h2[b-kztmqd0elg] {
    font-size: 24px;
    margin: 3px 0;
}

.plan-title-row p[b-kztmqd0elg] {
    margin: 0;
    font-size: 13px;
}

.badge-current[b-kztmqd0elg] {
    background: #0d4a2e;
    color: #73f2a5;
    border: 1px solid #1d7049;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 800;
}

.billing-toggle[b-kztmqd0elg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    background: #07141e;
    border: 1px solid #203746;
    border-radius: 13px;
    padding: 6px;
    margin-top: 18px;
}

.billing-toggle button[b-kztmqd0elg] {
    border: 1px solid transparent;
    background: transparent;
    color: #e9f0f5;
    border-radius: 9px;
    padding: 12px;
    cursor: pointer;
    text-align: left;
    font-weight: 800;
}

.billing-toggle button small[b-kztmqd0elg] {
    display: block;
    font-weight: 500;
    color: #a9bac7;
    margin-top: 2px;
}

.billing-toggle button.selected[b-kztmqd0elg] {
    background: #1d2b0b;
    border-color: #8b6d00;
    box-shadow:
        inset 0 0 0 1px rgba(255, 196, 0, 0.08);
    color: #ffd21f;
}

/* =========================================================
   VALIDACIÓN TRIBUTARIA PREVIA AL PAGO
   ========================================================= */

.fiscal-validation-card[b-kztmqd0elg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 18px 20px;
    margin-bottom: 16px;
    border: 1px solid #365267;
    border-radius: 16px;
    background: linear-gradient(145deg, #0b1d2b, #071824);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}

.fiscal-validation-icon[b-kztmqd0elg] {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #0f4561, #0a2c40);
    border: 1px solid #39728f;
    color: #bfe8ff;
    font-size: 24px;
    font-weight: 900;
}

.fiscal-validation-content[b-kztmqd0elg] {
    min-width: 0;
}

.fiscal-eyebrow[b-kztmqd0elg] {
    display: block;
    margin-bottom: 4px;
    color: #76c8f2;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.fiscal-validation-content h2[b-kztmqd0elg] {
    margin: 0;
    font-size: 20px;
}

.fiscal-intro[b-kztmqd0elg] {
    margin: 6px 0 14px;
    color: #b8c6d1;
    font-size: 12px;
    line-height: 1.5;
}

.fiscal-facts-grid[b-kztmqd0elg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.fiscal-facts-grid > div[b-kztmqd0elg] {
    border: 1px solid #294657;
    border-radius: 10px;
    background: #081823;
    padding: 11px 12px;
}

.fiscal-facts-grid small[b-kztmqd0elg],
.fiscal-facts-grid strong[b-kztmqd0elg] {
    display: block;
}

.fiscal-facts-grid small[b-kztmqd0elg] {
    color: #91a8b7;
    font-size: 10px;
}

.fiscal-facts-grid strong[b-kztmqd0elg] {
    margin-top: 4px;
    color: #ffffff;
    font-size: 15px;
}

.fiscal-info-line[b-kztmqd0elg] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 9px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 11px;
}

.fiscal-info-line > span[b-kztmqd0elg] {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 900;
}

.fiscal-info-line strong[b-kztmqd0elg],
.fiscal-info-line small[b-kztmqd0elg] {
    display: block;
}

.fiscal-info-line small[b-kztmqd0elg] {
    margin-top: 3px;
    line-height: 1.45;
}

.fiscal-info-line.success[b-kztmqd0elg] {
    border: 1px solid #176b47;
    background: rgba(10, 91, 57, 0.22);
    color: #d6ffe7;
}

.fiscal-info-line.success > span[b-kztmqd0elg] {
    background: #0b5b38;
    color: #91f4ba;
}

.fiscal-info-line.success small[b-kztmqd0elg] {
    color: #bfe6cf;
}

.fiscal-info-line.warning[b-kztmqd0elg] {
    border: 1px solid #8b6b18;
    background: rgba(112, 78, 0, 0.18);
    color: #fff0b2;
}

.fiscal-info-line.warning > span[b-kztmqd0elg] {
    background: #6e5300;
    color: #ffd83d;
}

.fiscal-info-line.warning small[b-kztmqd0elg] {
    color: #dfd3a6;
}

.fiscal-confirmation[b-kztmqd0elg] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 12px;
    padding: 11px 12px;
    border: 1px solid #496477;
    border-radius: 10px;
    background: #0a1924;
    color: #e8f0f5;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.45;
}

.fiscal-confirmation input[b-kztmqd0elg] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 1px;
    accent-color: #ffc400;
}

.fiscal-validation-message[b-kztmqd0elg] {
    margin-top: 9px;
    padding: 9px 11px;
    border: 1px solid #8d3434;
    border-radius: 9px;
    background: rgba(116, 28, 28, 0.28);
    color: #ffd5d5;
    font-size: 11px;
}

.tax-row[b-kztmqd0elg] {
    padding-top: 9px;
    font-size: 11px;
}

.tax-row span[b-kztmqd0elg] {
    color: #91a8b7;
}

.tax-row strong[b-kztmqd0elg] {
    color: #d9e5ec;
}

/* =========================================================
   DISTRIBUCIÓN DE PAGOS
   ========================================================= */

/* =========================================================
   CÓDIGO DE AFILIADO
   ========================================================= */

.affiliate-discount-card[b-kztmqd0elg] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 18px 20px;
    margin-bottom: 16px;
    overflow: hidden;
}

.affiliate-discount-card[b-kztmqd0elg]::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -120px;
    top: -130px;
    border-radius: 50%;
    background: rgba(124, 58, 237, 0.10);
    pointer-events: none;
}

.affiliate-discount-icon[b-kztmqd0elg] {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    color: #e9d5ff;
    background: linear-gradient(145deg, #6d28d9, #3b167d);
    border: 1px solid #7c3aed;
    font-size: 24px;
    font-weight: 900;
}

.affiliate-discount-copy[b-kztmqd0elg] {
    min-width: 0;
}

.affiliate-eyebrow[b-kztmqd0elg] {
    display: block;
    color: #c084fc;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
}

.affiliate-discount-copy h2[b-kztmqd0elg] {
    margin: 0;
    font-size: 20px;
}

.affiliate-discount-copy > p[b-kztmqd0elg] {
    margin: 5px 0 12px;
    color: #b8c6d1;
    font-size: 12px;
}

.affiliate-code-form[b-kztmqd0elg] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 10px;
    max-width: 760px;
}

.affiliate-code-input-wrap[b-kztmqd0elg] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    border: 1px solid #385066;
    background: #061521;
    border-radius: 10px;
    padding: 0 12px;
}

.affiliate-code-input-wrap:focus-within[b-kztmqd0elg] {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);
}

.affiliate-code-input-wrap span[b-kztmqd0elg] {
    color: #c4b5fd;
    font-size: 17px;
}

.affiliate-code-input-wrap input[b-kztmqd0elg] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    padding: 11px 0;
    text-transform: uppercase;
    font: inherit;
}

.affiliate-code-input-wrap input[b-kztmqd0elg]::placeholder {
    color: #6f8393;
    text-transform: none;
}

.affiliate-code-input-wrap input:disabled[b-kztmqd0elg] {
    opacity: 0.9;
}

.affiliate-validate-button[b-kztmqd0elg],
.affiliate-remove-button[b-kztmqd0elg] {
    min-height: 42px;
    border-radius: 10px;
    padding: 0 18px;
    font-weight: 800;
    cursor: pointer;
}

.affiliate-validate-button[b-kztmqd0elg] {
    border: 1px solid #d7a900;
    background: linear-gradient(180deg, #ffd02b, #f3b900);
    color: #181200;
}

.affiliate-validate-button:disabled[b-kztmqd0elg] {
    cursor: wait;
    opacity: 0.6;
}

.affiliate-remove-button[b-kztmqd0elg] {
    border: 1px solid #52687a;
    background: #102331;
    color: #ffffff;
}

.affiliate-validation-message[b-kztmqd0elg] {
    margin-top: 10px;
    max-width: 760px;
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 9px 11px;
    border-radius: 9px;
    font-size: 12px;
}

.affiliate-validation-message.success[b-kztmqd0elg] {
    color: #ccffe1;
    border: 1px solid #157347;
    background: rgba(9, 97, 58, 0.30);
}

.affiliate-validation-message.error[b-kztmqd0elg] {
    color: #ffd5d5;
    border: 1px solid #8d3434;
    background: rgba(116, 28, 28, 0.30);
}

.affiliate-validation-message strong[b-kztmqd0elg],
.affiliate-validation-message small[b-kztmqd0elg] {
    display: block;
}

.affiliate-validation-message small[b-kztmqd0elg] {
    margin-top: 2px;
    color: #bfe8d1;
}

.affiliate-saving-badge[b-kztmqd0elg] {
    position: relative;
    z-index: 1;
    min-width: 150px;
    border: 1px solid #6950a7;
    background: linear-gradient(145deg, #241542, #171027);
    border-radius: 12px;
    padding: 11px 14px;
    text-align: right;
}

.affiliate-saving-badge small[b-kztmqd0elg],
.affiliate-saving-badge strong[b-kztmqd0elg],
.affiliate-saving-badge span[b-kztmqd0elg] {
    display: block;
}

.affiliate-saving-badge small[b-kztmqd0elg] {
    color: #b8a8dc;
    font-size: 10px;
}

.affiliate-saving-badge strong[b-kztmqd0elg] {
    margin: 2px 0;
    color: #ffffff;
    font-size: 20px;
}

.affiliate-saving-badge span[b-kztmqd0elg] {
    color: #c084fc;
    font-size: 11px;
    font-weight: 800;
}

.affiliate-discount-row[b-kztmqd0elg] {
    color: #d8b4fe;
}

.affiliate-discount-row strong[b-kztmqd0elg] {
    color: #c084fc;
}


.payment-layout[b-kztmqd0elg] {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(280px, 320px);
    gap: 16px;
    align-items: start;
}

.payment-section-card[b-kztmqd0elg] {
    padding: 18px;
}

.payment-section-head h2[b-kztmqd0elg] {
    margin: 0;
    font-size: 22px;
}

.payment-section-head p[b-kztmqd0elg] {
    margin: 5px 0 0;
    color: #aebeca;
    font-size: 12px;
}

.payment-method-grid[b-kztmqd0elg] {
    display: grid;
    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(420px, 1.18fr);
    gap: 14px;
    margin-top: 14px;
}

.payment-method-card[b-kztmqd0elg] {
    border: 1px solid #2b4252;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            #0a1c29,
            #071722
        );
    padding: 16px;
}

.bold-payment-card[b-kztmqd0elg] {
    border-color: #7044c9;
    box-shadow:
        inset 0 0 0 1px rgba(112, 68, 201, 0.10);
}

.transfer-payment-card[b-kztmqd0elg] {
    border-color: #d59e00;
    box-shadow:
        inset 0 0 0 1px rgba(255, 196, 0, 0.08);
}

.payment-option-head[b-kztmqd0elg] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.payment-radio[b-kztmqd0elg] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-top: 2px;
    border-radius: 50%;
    border: 2px solid #79909f;
}

.payment-radio.selected[b-kztmqd0elg] {
    border-color: #ffc400;
    box-shadow:
        inset 0 0 0 5px #071722,
        inset 0 0 0 10px #ffc400;
}

.payment-radio.disabled[b-kztmqd0elg] {
    border-color: #80909a;
}

.payment-option-head > div[b-kztmqd0elg] {
    min-width: 0;
    flex: 1;
}

.payment-option-title[b-kztmqd0elg] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.payment-option-title strong[b-kztmqd0elg] {
    font-size: 16px;
}

.payment-option-head p[b-kztmqd0elg] {
    color: #b7c5cf;
    line-height: 1.45;
    font-size: 12px;
    margin: 5px 0 0;
}

.available-badge[b-kztmqd0elg] {
    border-radius: 999px;
    padding: 4px 9px;
    background: #0b5b38;
    color: #82f2b9;
    font-size: 10px;
    font-weight: 800;
}

.recommended-badge[b-kztmqd0elg] {
    border-radius: 999px;
    padding: 4px 9px;
    background: #5b4500;
    color: #ffd21f;
    font-size: 10px;
    font-weight: 800;
}

.bold-brand[b-kztmqd0elg] {
    padding: 26px 10px 18px;
    border-bottom: 1px solid #203746;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #a6afb5;
}

.payment-benefits[b-kztmqd0elg] {
    display: grid;
    gap: 9px;
    padding: 17px 6px 14px;
    font-size: 12px;
}

.payment-benefits div[b-kztmqd0elg] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.disabled-benefits[b-kztmqd0elg] {
    color: #9aa9b2;
}

.bold-payment-button[b-kztmqd0elg] {
    width: 100%;
    min-height: 46px;
    border: 1px solid #7a49d4;
    border-radius: 10px;
    background:
        linear-gradient(
            135deg,
            #7435c9,
            #5621a5
        );
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        filter 0.18s ease;
}

.bold-payment-button:hover:not(:disabled)[b-kztmqd0elg] {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.bold-payment-button:disabled[b-kztmqd0elg] {
    opacity: 0.68;
    cursor: wait;
}

.payment-footnote[b-kztmqd0elg] {
    display: block;
    text-align: center;
    color: #9cabb4;
    margin-top: 10px;
    font-size: 10px;
}

/* =========================================================
   TRANSFERENCIA BANCOLOMBIA
   ========================================================= */

.transfer-content[b-kztmqd0elg] {
    display: grid;
    grid-template-columns:
        minmax(200px, 0.85fr)
        minmax(260px, 1.15fr);
    gap: 12px;
    margin-top: 14px;
}

.bank-account-card[b-kztmqd0elg],
.transfer-instructions[b-kztmqd0elg] {
    border: 1px solid #294252;
    background: #0a1b27;
    border-radius: 11px;
    padding: 13px;
}

.bank-header[b-kztmqd0elg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #203746;
}

.bank-header strong[b-kztmqd0elg],
.bank-header small[b-kztmqd0elg] {
    display: block;
}

.bank-header small[b-kztmqd0elg] {
    margin-top: 2px;
    color: #aebeca;
}

.bank-logo[b-kztmqd0elg] {
    width: 42px;
    height: 34px;
    flex: 0 0 42px;
    display: grid;
    gap: 2px;
    transform: rotate(-8deg);
}

.bank-logo span[b-kztmqd0elg] {
    display: block;
    height: 9px;
    border-radius: 3px;
}

.bank-logo span:nth-child(1)[b-kztmqd0elg] {
    background: #ffcf00;
}

.bank-logo span:nth-child(2)[b-kztmqd0elg] {
    background: #f39700;
}

.bank-logo span:nth-child(3)[b-kztmqd0elg] {
    background: #d82b34;
}

.bank-data[b-kztmqd0elg] {
    padding: 11px 0;
    border-bottom: 1px solid #203746;
}

.bank-data-last[b-kztmqd0elg] {
    border-bottom: 0;
    padding-bottom: 0;
}

.bank-data small[b-kztmqd0elg],
.bank-data strong[b-kztmqd0elg] {
    display: block;
}

.bank-data small[b-kztmqd0elg] {
    color: #aebeca;
    font-size: 10px;
    margin-bottom: 3px;
}

.bank-data strong[b-kztmqd0elg] {
    font-size: 14px;
    overflow-wrap: anywhere;
}

.transfer-instructions > strong[b-kztmqd0elg] {
    font-size: 12px;
}

.transfer-instructions ol[b-kztmqd0elg] {
    list-style: none;
    padding: 0;
    margin: 12px 0;
    display: grid;
    gap: 10px;
}

.transfer-instructions li[b-kztmqd0elg] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    color: #dbe4ea;
    font-size: 11px;
    line-height: 1.4;
}

.transfer-instructions li > span[b-kztmqd0elg] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ffc400;
    color: #111111;
    font-weight: 900;
}

.whatsapp-button[b-kztmqd0elg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 9px 12px;
    box-sizing: border-box;
    border-radius: 9px;
    border: 1px solid #198742;
    background:
        linear-gradient(
            135deg,
            #0a6b30,
            #159546
        );
    color: #ffffff;
    text-decoration: none;
}

.whatsapp-button:hover[b-kztmqd0elg] {
    filter: brightness(1.08);
}

.whatsapp-icon[b-kztmqd0elg] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border: 2px solid #d3ffe0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 18px;
}

.whatsapp-button small[b-kztmqd0elg],
.whatsapp-button strong[b-kztmqd0elg] {
    display: block;
}

.whatsapp-button small[b-kztmqd0elg] {
    font-size: 9px;
    color: #e0ffe9;
}

.whatsapp-button strong[b-kztmqd0elg] {
    margin-top: 2px;
    font-size: 17px;
}

.activation-note[b-kztmqd0elg] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #493b7d;
    border-radius: 9px;
    background: #17193a;
    color: #f0edff;
}

.activation-note > span[b-kztmqd0elg] {
    color: #9e80ff;
}

.activation-note strong[b-kztmqd0elg],
.activation-note small[b-kztmqd0elg] {
    display: block;
}

.activation-note strong[b-kztmqd0elg] {
    font-size: 11px;
}

.activation-note small[b-kztmqd0elg] {
    margin-top: 3px;
    color: #c5bce6;
    font-size: 9px;
}

/* =========================================================
   COLUMNA DERECHA
   ========================================================= */

.payment-side-column[b-kztmqd0elg] {
    display: grid;
    gap: 14px;
}

.summary-card[b-kztmqd0elg],
.included-plan-card[b-kztmqd0elg],
.help-card[b-kztmqd0elg] {
    padding: 17px;
}

.summary-head[b-kztmqd0elg] {
    padding-bottom: 14px;
    border-bottom: 1px solid #233b4d;
}

.summary-head span[b-kztmqd0elg],
.summary-head strong[b-kztmqd0elg] {
    display: block;
}

.summary-head span[b-kztmqd0elg] {
    font-size: 10px;
    color: #aebeca;
}

.summary-head strong[b-kztmqd0elg] {
    font-size: 17px;
    margin-top: 3px;
}

.summary-row[b-kztmqd0elg] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0 0;
    font-size: 12px;
}

.summary-row span[b-kztmqd0elg] {
    color: #c1ced7;
}

.summary-row strong[b-kztmqd0elg] {
    white-space: nowrap;
}

.discount-row strong[b-kztmqd0elg],
.discount-row span[b-kztmqd0elg] {
    color: #6ee59a;
}

.summary-divider[b-kztmqd0elg] {
    height: 1px;
    background: #233b4d;
    margin: 15px 0;
}

.total-row[b-kztmqd0elg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
}

.total-row span[b-kztmqd0elg],
.total-row small[b-kztmqd0elg] {
    display: block;
}

.total-row span[b-kztmqd0elg] {
    font-weight: 800;
}

.total-row small[b-kztmqd0elg] {
    color: #aebeca;
    font-size: 9px;
    margin-top: 2px;
}

.total-row strong[b-kztmqd0elg] {
    color: #ffd21f;
    font-size: 25px;
    white-space: nowrap;
}

.saving-box[b-kztmqd0elg] {
    margin-top: 13px;
    padding: 9px 10px;
    border-radius: 9px;
    background: #0c4128;
    border: 1px solid #17633d;
    color: #81efad;
    font-size: 11px;
    font-weight: 700;
}

.summary-assurances[b-kztmqd0elg] {
    display: grid;
    gap: 6px;
    margin-top: 14px;
}

.summary-assurances div[b-kztmqd0elg] {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #294252;
    border-radius: 8px;
    padding: 7px 9px;
    font-size: 10px;
    color: #cbd6dd;
}

.included-plan-card h3[b-kztmqd0elg],
.help-card h3[b-kztmqd0elg] {
    margin: 0 0 13px;
}

.side-feature-list[b-kztmqd0elg] {
    display: grid;
    gap: 10px;
}

.side-feature-item[b-kztmqd0elg] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.side-feature-item > span[b-kztmqd0elg] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #0d512f;
    color: #80f3ae;
    font-size: 11px;
    font-weight: 900;
}

.side-feature-item strong[b-kztmqd0elg],
.side-feature-item small[b-kztmqd0elg] {
    display: block;
}

.side-feature-item strong[b-kztmqd0elg] {
    font-size: 11px;
}

.side-feature-item small[b-kztmqd0elg] {
    margin-top: 2px;
    color: #aebeca;
    font-size: 9px;
}

.help-card[b-kztmqd0elg] {
    text-align: center;
}

.help-card p[b-kztmqd0elg] {
    margin: -7px 0 13px;
    color: #aebeca;
    font-size: 11px;
}

.help-whatsapp-button[b-kztmqd0elg] {
    display: block;
    border: 1px solid #165d35;
    border-radius: 9px;
    background: #082e20;
    color: #4de47d;
    padding: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}

/* =========================================================
   RESUMEN DE LA SELECCIÓN
   ========================================================= */

.selection-summary-card[b-kztmqd0elg] {
    padding: 17px;
    margin-top: 16px;
}

.section-title[b-kztmqd0elg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.section-title h3[b-kztmqd0elg] {
    margin: 0 0 4px;
}

.section-title p[b-kztmqd0elg] {
    margin: 0;
    color: #aebeca;
    font-size: 11px;
}

.selection-summary-grid[b-kztmqd0elg] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 20px;
    margin-top: 15px;
    align-items: end;
}

.selection-summary-grid small[b-kztmqd0elg],
.selection-summary-grid strong[b-kztmqd0elg] {
    display: block;
}

.selection-summary-grid small[b-kztmqd0elg] {
    color: #aebeca;
    font-size: 10px;
    margin-bottom: 4px;
}

.selection-summary-grid strong[b-kztmqd0elg] {
    font-size: 14px;
}

.selection-total[b-kztmqd0elg] {
    text-align: right;
}

.selection-total strong[b-kztmqd0elg] {
    font-size: 20px;
}

.selection-information[b-kztmqd0elg] {
    display: flex;
    gap: 9px;
    align-items: center;
    margin-top: 14px;
    padding: 9px 11px;
    background: #0b2030;
    border: 1px solid #245273;
    border-radius: 8px;
    color: #bfe2ff;
}

.selection-information p[b-kztmqd0elg] {
    margin: 0;
    font-size: 10px;
}

/* =========================================================
   OTROS PLANES
   ========================================================= */

.other-plans[b-kztmqd0elg] {
    margin-top: 16px;
    padding: 18px;
}

.other-plan-grid[b-kztmqd0elg] {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.other-plan[b-kztmqd0elg] {
    background: #0a1a25;
    border: 1px solid #263e50;
    border-radius: 11px;
    color: #ffffff;
    padding: 13px;
    text-align: left;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

.other-plan:hover[b-kztmqd0elg] {
    border-color: #ffc400;
    transform: translateY(-1px);
}

.other-plan div strong[b-kztmqd0elg],
.other-plan div small[b-kztmqd0elg] {
    display: block;
}

.other-plan div small[b-kztmqd0elg] {
    color: #9eb0bd;
    font-size: 9px;
}

.other-plan > span[b-kztmqd0elg] {
    grid-column: 1 / -1;
    color: #ffd21f;
    font-size: 11px;
    font-weight: 800;
}

/* =========================================================
   ESTADOS
   ========================================================= */

.state-card[b-kztmqd0elg] {
    max-width: 620px;
    margin: 100px auto;
    padding: 38px;
    text-align: center;
}

.state-card h1[b-kztmqd0elg] {
    margin: 12px 0 5px;
}

.state-card p[b-kztmqd0elg] {
    color: #b9c7d0;
}

.loader[b-kztmqd0elg] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 4px solid #213846;
    border-top-color: #ffc400;
    margin: 0 auto;
    animation: spin-b-kztmqd0elg 0.75s linear infinite;
}

.state-icon[b-kztmqd0elg] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto;
    background: #5c1d24;
    color: #ff9ca4;
    font-size: 24px;
    font-weight: 900;
}

.state-actions[b-kztmqd0elg] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}

.primary-button[b-kztmqd0elg],
.secondary-button[b-kztmqd0elg] {
    border-radius: 10px;
    padding: 12px 16px;
    font-weight: 800;
    cursor: pointer;
}

.primary-button[b-kztmqd0elg] {
    border: 0;
    background:
        linear-gradient(
            135deg,
            #ffd32b,
            #f0ab00
        );
    color: #101010;
}

.secondary-button[b-kztmqd0elg] {
    background: #0c1e2b;
    color: #ffffff;
    border: 1px solid #355064;
}

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

/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 1180px) {
    .payment-layout[b-kztmqd0elg] {
        grid-template-columns: 1fr;
    }

    .payment-side-column[b-kztmqd0elg] {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .other-plan-grid[b-kztmqd0elg] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .plan-shell[b-kztmqd0elg] {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .payment-method-grid[b-kztmqd0elg] {
        grid-template-columns: 1fr;
    }

    .transfer-content[b-kztmqd0elg] {
        grid-template-columns: 1fr 1fr;
    }

    .payment-side-column[b-kztmqd0elg] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */


@media (max-width: 980px) {
    .affiliate-discount-card[b-kztmqd0elg] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .affiliate-saving-badge[b-kztmqd0elg] {
        grid-column: 2;
        justify-self: start;
        text-align: left;
    }
}

@media (max-width: 720px) {
    .fiscal-validation-card[b-kztmqd0elg] {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .fiscal-validation-icon[b-kztmqd0elg] {
        width: 46px;
        height: 46px;
    }

    .fiscal-facts-grid[b-kztmqd0elg] {
        grid-template-columns: 1fr;
    }

    .affiliate-discount-card[b-kztmqd0elg] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px;
    }

    .affiliate-discount-icon[b-kztmqd0elg] {
        width: 46px;
        height: 46px;
    }

    .affiliate-code-form[b-kztmqd0elg] {
        grid-template-columns: 1fr;
    }

    .affiliate-validate-button[b-kztmqd0elg],
    .affiliate-remove-button[b-kztmqd0elg] {
        width: 100%;
    }

    .affiliate-saving-badge[b-kztmqd0elg] {
        grid-column: 1;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    .plan-shell[b-kztmqd0elg] {
        display: block;
    }

    .plan-sidebar[b-kztmqd0elg] {
        position: relative;
        height: auto;
        max-height: none;
        padding-bottom: 10px;
    }

    .plan-sidebar nav[b-kztmqd0elg] {
        display: flex;
        overflow-x: auto;
        gap: 7px;
        padding-bottom: 4px;
        scrollbar-width: thin;
    }

    .plan-sidebar nav a[b-kztmqd0elg] {
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 9px 11px;
    }

    .logout-button[b-kztmqd0elg] {
        display: none;
    }

    .plan-main[b-kztmqd0elg] {
        padding: 16px 12px 32px;
    }

    .page-head[b-kztmqd0elg] {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .page-head h1[b-kztmqd0elg] {
        font-size: 25px;
    }

    .current-plan-chip[b-kztmqd0elg] {
        width: 100%;
        box-sizing: border-box;
    }

    .selected-plan-card[b-kztmqd0elg],
    .payment-section-card[b-kztmqd0elg],
    .summary-card[b-kztmqd0elg],
    .included-plan-card[b-kztmqd0elg],
    .help-card[b-kztmqd0elg],
    .selection-summary-card[b-kztmqd0elg],
    .other-plans[b-kztmqd0elg] {
        border-radius: 13px;
    }

    .plan-title-row[b-kztmqd0elg] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .billing-toggle[b-kztmqd0elg] {
        grid-template-columns: 1fr;
    }

    .payment-method-grid[b-kztmqd0elg],
    .transfer-content[b-kztmqd0elg],
    .payment-side-column[b-kztmqd0elg],
    .selection-summary-grid[b-kztmqd0elg],
    .other-plan-grid[b-kztmqd0elg] {
        grid-template-columns: 1fr;
    }

    .payment-section-card[b-kztmqd0elg] {
        padding: 13px;
    }

    .payment-method-card[b-kztmqd0elg] {
        padding: 13px;
    }

    .transfer-content[b-kztmqd0elg] {
        gap: 10px;
    }

    .selection-total[b-kztmqd0elg] {
        text-align: left;
    }

    .whatsapp-button[b-kztmqd0elg] {
        width: 100%;
    }

    .total-row strong[b-kztmqd0elg] {
        font-size: 23px;
    }
}

/* =========================================================
   RESPONSIVE - TELÉFONOS PEQUEÑOS
   ========================================================= */

@media (max-width: 420px) {
    .plan-main[b-kztmqd0elg] {
        padding-left: 9px;
        padding-right: 9px;
    }

    .plan-icon[b-kztmqd0elg] {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .plan-title-row h2[b-kztmqd0elg] {
        font-size: 21px;
    }

    .payment-option-title strong[b-kztmqd0elg] {
        font-size: 14px;
    }

    .bank-data strong[b-kztmqd0elg] {
        font-size: 13px;
    }

    .whatsapp-button strong[b-kztmqd0elg] {
        font-size: 15px;
    }
}


/* =========================================================
   INFORMACIÓN TRIBUTARIA OPCIONAL
   ========================================================= */
.tax-information-option small[b-kztmqd0elg] {
    display: block;
    margin-top: 4px;
    color: #aebdca;
    line-height: 1.5;
}
/* /Pages/Owner/Professionals.razor.rz.scp.css */
:host[b-nh35eoo85q]{display:block;min-height:100vh;background:#07111d;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}.professionals-shell[b-nh35eoo85q]{min-height:100vh;display:grid;grid-template-columns:238px 1fr;background:radial-gradient(circle at 62% 6%,#0b1b2d 0,#07111d 35%,#050b12 100%)}.professionals-sidebar[b-nh35eoo85q]{position:sticky;top:0;height:100vh;padding:20px 10px 14px;border-right:1px solid #213140;background:linear-gradient(180deg,#07111b,#06101a);display:flex;flex-direction:column;gap:14px}.brand[b-nh35eoo85q]{display:flex;align-items:center;gap:10px;padding:0 10px;color:#fff;text-decoration:none}.brand-mark[b-nh35eoo85q]{font-size:36px;font-weight:900;font-style:italic;color:#fff}.brand strong[b-nh35eoo85q]{font-size:21px}.brand strong b[b-nh35eoo85q]{color:#ffbf00}.brand small[b-nh35eoo85q]{display:block;margin-top:3px;color:#fff;font-size:10px}.owner-mini[b-nh35eoo85q]{display:flex;gap:10px;align-items:center;border:1px solid #223140;border-radius:10px;padding:12px;background:#0a1520}.owner-avatar[b-nh35eoo85q],.avatar[b-nh35eoo85q]{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#55697b,#1c2935);color:#fff;font-weight:800}.owner-avatar[b-nh35eoo85q]{width:45px;height:45px}.owner-mini div[b-nh35eoo85q]{min-width:0}.owner-mini strong[b-nh35eoo85q],.owner-mini small[b-nh35eoo85q],.owner-mini em[b-nh35eoo85q]{display:block;color:#fff}.owner-mini small[b-nh35eoo85q]{font-size:11px;margin-top:3px}.owner-mini em[b-nh35eoo85q]{font-size:10px;color:#77e589;font-style:normal;margin-top:4px}.professionals-sidebar nav[b-nh35eoo85q]{display:flex;flex-direction:column;gap:3px;overflow:auto}.professionals-sidebar nav a[b-nh35eoo85q]{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:7px;color:#fff;text-decoration:none;font-size:13px}.professionals-sidebar nav a span[b-nh35eoo85q]{width:18px;text-align:center;font-size:17px}.professionals-sidebar nav a.active[b-nh35eoo85q]{background:linear-gradient(90deg,#4b3900,#2f2605);color:#ffc400}.roles-card[b-nh35eoo85q]{margin-top:auto;padding:16px;border:1px solid #2e2651;border-radius:9px;background:linear-gradient(145deg,#171534,#111528)}.roles-card strong[b-nh35eoo85q],.roles-card small[b-nh35eoo85q]{display:block;color:#fff}.roles-card small[b-nh35eoo85q]{font-size:11px;line-height:1.45;margin:8px 0 12px}.roles-card a[b-nh35eoo85q]{display:flex;justify-content:space-between;color:#fff;text-decoration:none;border:1px solid #393264;padding:9px 11px;border-radius:7px}.logout[b-nh35eoo85q]{background:transparent;color:#fff;border:1px solid #314251;border-radius:7px;padding:9px;text-align:left}.professionals-main[b-nh35eoo85q]{padding:24px 28px;min-width:0}.page-head[b-nh35eoo85q]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.page-head h1[b-nh35eoo85q]{margin:0 0 5px;font-size:30px;color:#fff}.page-head p[b-nh35eoo85q]{margin:0;color:#fff;font-size:14px}.page-actions[b-nh35eoo85q]{display:flex;align-items:center;gap:10px}.page-actions input[b-nh35eoo85q],.icon-btn[b-nh35eoo85q]{height:42px;background:#0a1520;border:1px solid #2a3a49;color:#fff;border-radius:8px;padding:0 12px}.icon-btn[b-nh35eoo85q]{width:42px;position:relative}.badge[b-nh35eoo85q]{position:absolute;right:-5px;top:-7px;background:#ffc400;color:#111;border-radius:999px;font-size:10px;padding:2px 5px}.add-button[b-nh35eoo85q]{height:42px;border:none;border-radius:8px;background:linear-gradient(180deg,#ffc629,#e9a900);color:#101010;font-weight:800;padding:0 16px;cursor:pointer}.success-banner[b-nh35eoo85q]{margin:-8px 0 16px;padding:10px 13px;border:1px solid #1c7e43;background:#0b3b24;color:#fff;border-radius:8px}.kpi-row[b-nh35eoo85q]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.kpi[b-nh35eoo85q]{min-height:105px;border:1px solid #203140;border-radius:10px;background:linear-gradient(145deg,#0d1a27,#0a1520);padding:17px;display:flex;gap:14px;align-items:center}.bubble[b-nh35eoo85q]{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:21px;box-shadow:0 0 22px currentColor}.bubble.yellow[b-nh35eoo85q]{color:#ffc400;background:#392f07}.bubble.blue[b-nh35eoo85q]{color:#4aa2ff;background:#102f55}.bubble.green[b-nh35eoo85q]{color:#54e871;background:#103c22}.bubble.purple[b-nh35eoo85q]{color:#bd6cff;background:#31155a}.kpi small[b-nh35eoo85q],.kpi em[b-nh35eoo85q]{display:block;color:#fff;font-style:normal;font-size:11px}.kpi strong[b-nh35eoo85q]{display:block;color:#fff;font-size:27px;margin:4px 0}.stars[b-nh35eoo85q]{color:#ffbd00;letter-spacing:2px}.stars span[b-nh35eoo85q]{color:#fff;letter-spacing:0;font-size:10px}.content-grid[b-nh35eoo85q]{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:14px}.team-panel[b-nh35eoo85q],.side-card[b-nh35eoo85q]{border:1px solid #213240;border-radius:10px;background:linear-gradient(145deg,#0c1824,#08131d)}.filters[b-nh35eoo85q]{padding:13px;display:grid;grid-template-columns:1.2fr .84fr .92fr 132px;gap:10px;border-bottom:1px solid #1e2e3a}.filters label[b-nh35eoo85q]{border:1px solid #293946;border-radius:8px;background:#0a141e;padding:7px 10px;display:flex;flex-direction:column;gap:2px}.filters label>span[b-nh35eoo85q]{font-size:10px;color:#fff}.filters input[b-nh35eoo85q],.filters select[b-nh35eoo85q]{border:0;outline:0;background:transparent;color:#fff;min-width:0;height:24px}.filters option[b-nh35eoo85q]{background:#0d1822}.filters .search[b-nh35eoo85q]{display:grid;grid-template-columns:22px 1fr;align-items:center}.filters .search span[b-nh35eoo85q]{font-size:18px;grid-row:1/3}.filter-button[b-nh35eoo85q]{border:1px solid #30414f;border-radius:8px;background:#0b1620;color:#fff}.filter-button span[b-nh35eoo85q]{background:#ffc400;color:#111;border-radius:50%;padding:2px 6px;margin-left:5px}.table-wrap[b-nh35eoo85q]{overflow:auto}.team-panel table[b-nh35eoo85q]{width:100%;border-collapse:collapse;min-width:850px}.team-panel th[b-nh35eoo85q]{background:#111e29;color:#fff;text-align:left;font-size:10px;font-weight:600;padding:12px}.team-panel td[b-nh35eoo85q]{padding:12px;border-top:1px solid #1a2a36;color:#fff;font-size:11px}.person[b-nh35eoo85q]{display:flex;align-items:center;gap:9px}.avatar[b-nh35eoo85q]{width:36px;height:36px;flex:0 0 auto}.avatar.sm[b-nh35eoo85q]{width:30px;height:30px;font-size:10px}.avatar.xl[b-nh35eoo85q]{width:70px;height:70px;font-size:20px}.person strong[b-nh35eoo85q],.person small[b-nh35eoo85q]{display:block;color:#fff}.person small[b-nh35eoo85q]{margin-top:4px}.dot[b-nh35eoo85q]{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.active[b-nh35eoo85q]{background:#38d864}.dot.resting[b-nh35eoo85q]{background:#ffc400}.dot.inactive[b-nh35eoo85q]{background:#687681}.featured[b-nh35eoo85q]{font-size:9px;color:#ffc400;background:#3a2e00;border-radius:4px;padding:2px 4px}.tags[b-nh35eoo85q]{display:flex;gap:5px;flex-wrap:wrap}.tags span[b-nh35eoo85q]{padding:4px 7px;border-radius:5px;background:#17232e;color:#fff;font-size:9px}.number[b-nh35eoo85q]{font-size:14px!important}.money[b-nh35eoo85q]{font-size:13px!important}.money.positive[b-nh35eoo85q]{color:#54e871}.stars.small[b-nh35eoo85q]{font-size:10px}.status-text.active[b-nh35eoo85q]{color:#54e871}.status-text.resting[b-nh35eoo85q]{color:#ffc400}.status-text.inactive[b-nh35eoo85q]{color:#fff}.row-actions[b-nh35eoo85q]{display:flex;gap:5px}.row-actions button[b-nh35eoo85q]{width:29px;height:29px;border:1px solid #293946;background:#0a141e;color:#fff;border-radius:6px;cursor:pointer}.pager[b-nh35eoo85q]{padding:13px 16px;display:flex;justify-content:space-between;border-top:1px solid #1e2c37;color:#fff;font-size:10px}.pager div[b-nh35eoo85q]{display:flex;gap:6px}.pager button[b-nh35eoo85q],.pager strong[b-nh35eoo85q]{width:28px;height:28px;display:grid;place-items:center;border:1px solid #2e3d49;background:#0b151e;color:#fff;border-radius:5px}.pager strong[b-nh35eoo85q]{border-color:#826600;color:#ffc400}.right-column[b-nh35eoo85q]{display:flex;flex-direction:column;gap:14px}.side-card[b-nh35eoo85q]{padding:16px}.side-card h3[b-nh35eoo85q]{margin:0 0 14px;color:#fff;font-size:15px}.donut[b-nh35eoo85q]{width:124px;height:124px;border-radius:50%;margin:4px auto 14px;background:conic-gradient(#40bd64 0 calc(var(--active)*1%),#ffc21a calc(var(--active)*1%) calc((var(--active) + var(--rest))*1%),#65727d calc((var(--active) + var(--rest))*1%) 100%);display:grid;place-items:center;position:relative}.donut[b-nh35eoo85q]:after{content:"";width:76px;height:76px;background:#0c1823;border-radius:50%;position:absolute}.donut>div[b-nh35eoo85q]{z-index:1;text-align:center}.donut strong[b-nh35eoo85q],.donut small[b-nh35eoo85q]{display:block;color:#fff}.donut strong[b-nh35eoo85q]{font-size:26px}.legend[b-nh35eoo85q]{display:flex;flex-direction:column;gap:8px}.legend span[b-nh35eoo85q]{display:grid;grid-template-columns:12px 1fr auto;gap:7px;color:#fff;font-size:11px}.legend i[b-nh35eoo85q]{width:9px;height:9px;border-radius:2px}.legend i.green[b-nh35eoo85q]{background:#40bd64}.legend i.yellow[b-nh35eoo85q]{background:#ffc21a}.legend i.gray[b-nh35eoo85q]{background:#65727d}.mini-select[b-nh35eoo85q]{background:#0a141e;border:1px solid #273743;color:#fff;border-radius:6px;padding:6px 8px}.ranking[b-nh35eoo85q]{display:flex;flex-direction:column;margin:10px 0}.ranking>div[b-nh35eoo85q]{display:grid;grid-template-columns:18px 30px 1fr auto;align-items:center;gap:7px;padding:8px 0}.ranking b[b-nh35eoo85q]{color:#ffc400}.ranking strong[b-nh35eoo85q],.ranking em[b-nh35eoo85q]{color:#fff;font-size:11px;font-style:normal}.outline[b-nh35eoo85q]{border:1px solid #31414e;background:transparent;color:#fff;border-radius:7px;padding:9px 12px}.full[b-nh35eoo85q]{width:100%}.quick[b-nh35eoo85q]{width:100%;display:grid;grid-template-columns:28px 1fr 12px;gap:8px;text-align:left;align-items:center;background:transparent;border:0;border-top:1px solid #1f2c36;color:#fff;padding:12px 0}.quick:first-of-type[b-nh35eoo85q]{border-top:0}.quick span strong[b-nh35eoo85q],.quick span small[b-nh35eoo85q]{display:block;color:#fff}.quick span small[b-nh35eoo85q]{font-size:9px;margin-top:3px}.empty[b-nh35eoo85q]{text-align:center;padding:30px;color:#fff}.empty.compact[b-nh35eoo85q]{padding:22px 8px;font-size:10px}.modal-layer[b-nh35eoo85q]{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:22px}.professional-modal[b-nh35eoo85q]{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#0b1620;border:1px solid #334654;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.55);color:#fff}.professional-modal header[b-nh35eoo85q],.professional-modal footer[b-nh35eoo85q]{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #243440}.professional-modal footer[b-nh35eoo85q]{border-bottom:0;border-top:1px solid #243440;justify-content:flex-end;gap:10px}.professional-modal h2[b-nh35eoo85q],.professional-modal h3[b-nh35eoo85q],.professional-modal p[b-nh35eoo85q]{margin:0;color:#fff}.professional-modal header p[b-nh35eoo85q]{font-size:11px;margin-top:5px}.professional-modal header>button[b-nh35eoo85q]{border:1px solid #3b4b57;background:#111e28;color:#fff;width:34px;height:34px;border-radius:50%;font-size:20px}.form-grid[b-nh35eoo85q]{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px}.form-grid label[b-nh35eoo85q]{display:flex;flex-direction:column;gap:6px}.form-grid label.wide[b-nh35eoo85q]{grid-column:1/-1}.form-grid span[b-nh35eoo85q],.selector-section h4[b-nh35eoo85q]{color:#fff;font-size:11px}.form-grid input[b-nh35eoo85q],.form-grid select[b-nh35eoo85q],.form-grid textarea[b-nh35eoo85q]{background:#111d27;color:#fff;border:1px solid #33434f;border-radius:7px;padding:10px}.form-grid textarea[b-nh35eoo85q]{min-height:76px}.selector-section[b-nh35eoo85q]{padding:0 20px 16px}.check-grid[b-nh35eoo85q]{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.check-grid label[b-nh35eoo85q]{border:1px solid #2d3e4a;border-radius:6px;padding:8px;background:#0f1b25;color:#fff;font-size:10px}.modal-error[b-nh35eoo85q]{margin:0 20px 16px;padding:10px;border:1px solid #7b2d2d;background:#381616;border-radius:7px;color:#fff}.detail-hero[b-nh35eoo85q]{padding:24px;display:flex;align-items:center;gap:16px}.detail-grid[b-nh35eoo85q]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px 20px}.detail-grid>div[b-nh35eoo85q]{border:1px solid #2b3b48;border-radius:8px;padding:13px}.detail-grid small[b-nh35eoo85q],.detail-grid strong[b-nh35eoo85q]{display:block;color:#fff}.detail-grid strong[b-nh35eoo85q]{font-size:18px;margin-top:5px}.state-card[b-nh35eoo85q]{padding:28px;border:1px solid #344653;border-radius:12px;background:#0b1620}.state-card strong[b-nh35eoo85q],.state-card p[b-nh35eoo85q]{color:#fff}.state-card button[b-nh35eoo85q]{background:#ffc400;border:0;padding:9px 14px;border-radius:7px}.skeleton-row[b-nh35eoo85q]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skeleton[b-nh35eoo85q]{height:112px;border-radius:10px;background:linear-gradient(90deg,#10202d,#172b39,#10202d);background-size:200% 100%;animation:shine-b-nh35eoo85q 1.2s linear infinite}.skeleton.big[b-nh35eoo85q]{height:460px;margin-top:14px}@keyframes shine-b-nh35eoo85q{to{background-position:-200% 0}}
@media(max-width:1200px){.content-grid[b-nh35eoo85q]{grid-template-columns:1fr}.right-column[b-nh35eoo85q]{display:grid;grid-template-columns:repeat(3,1fr)}.kpi-row[b-nh35eoo85q]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.professionals-shell[b-nh35eoo85q]{grid-template-columns:1fr}.professionals-sidebar[b-nh35eoo85q]{position:relative;height:auto}.professionals-sidebar nav[b-nh35eoo85q]{display:grid;grid-template-columns:repeat(3,1fr)}.page-head[b-nh35eoo85q]{align-items:flex-start;flex-direction:column}.page-actions[b-nh35eoo85q]{flex-wrap:wrap}.filters[b-nh35eoo85q]{grid-template-columns:1fr 1fr}.right-column[b-nh35eoo85q]{grid-template-columns:1fr}.professionals-main[b-nh35eoo85q]{padding:18px}.kpi-row[b-nh35eoo85q]{grid-template-columns:1fr 1fr}.check-grid[b-nh35eoo85q]{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kpi-row[b-nh35eoo85q],.form-grid[b-nh35eoo85q],.filters[b-nh35eoo85q]{grid-template-columns:1fr}.check-grid[b-nh35eoo85q]{grid-template-columns:1fr}.detail-grid[b-nh35eoo85q]{grid-template-columns:1fr 1fr}.professionals-sidebar nav[b-nh35eoo85q]{grid-template-columns:1fr 1fr}.page-actions input[b-nh35eoo85q],.page-actions .add-button[b-nh35eoo85q]{width:100%}}

.confirmation-option[b-nh35eoo85q]{margin:0 20px 16px;padding:12px 14px;border:1px solid #6f5912;background:#1d1808;border-radius:8px}.confirmation-option label[b-nh35eoo85q]{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.confirmation-option input[b-nh35eoo85q]{margin-top:3px;accent-color:#ffc400}.confirmation-option span[b-nh35eoo85q]{display:flex;flex-direction:column;gap:3px}.confirmation-option strong[b-nh35eoo85q],.confirmation-option small[b-nh35eoo85q]{color:#fff}.confirmation-option small[b-nh35eoo85q]{font-size:10px}.confirmation-option.confirmed[b-nh35eoo85q]{border-color:#2d3e4a;background:#0f1b25}.confirmation-option.confirmed label[b-nh35eoo85q]{cursor:not-allowed;opacity:.72}

/* =========================================================
   ESPECIALIDADES DEL PROFESIONAL
   ========================================================= */
.specialty-selector[b-nh35eoo85q]{border-top:1px solid #20313e;padding-top:16px}
.selector-title[b-nh35eoo85q]{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.selector-title h4[b-nh35eoo85q]{margin:0 0 4px;font-size:12px}
.selector-title small[b-nh35eoo85q]{display:block;color:#fff;font-size:10px;line-height:1.45;max-width:540px}
.required[b-nh35eoo85q]{color:#ffc400;font-weight:900}
.selection-count[b-nh35eoo85q]{white-space:nowrap;background:#182632;border:1px solid #304552;border-radius:999px;padding:5px 9px;color:#fff;font-size:9px}
.specialty-grid label[b-nh35eoo85q]{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.specialty-grid label:hover[b-nh35eoo85q]{border-color:#6f5b17;transform:translateY(-1px)}
.specialty-grid label.selected[b-nh35eoo85q]{border-color:#c99b00;background:#2a2208;box-shadow:0 0 0 1px rgba(255,196,0,.08) inset}
.specialty-grid input[b-nh35eoo85q]{accent-color:#ffc400}
.specialty-empty[b-nh35eoo85q]{border:1px dashed #394b58;background:#0c1720;border-radius:8px;padding:12px;color:#fff;font-size:10px;line-height:1.45}
.new-specialty-row[b-nh35eoo85q]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}
.new-specialty-row label[b-nh35eoo85q]{display:flex;flex-direction:column;gap:6px}
.new-specialty-row label>span[b-nh35eoo85q]{color:#fff;font-size:10px}
.new-specialty-row input[b-nh35eoo85q]{height:40px;border:1px solid #33434f;border-radius:7px;background:#111d27;color:#fff;padding:0 11px;outline:none}
.new-specialty-row input:focus[b-nh35eoo85q]{border-color:#a77f00;box-shadow:0 0 0 2px rgba(255,196,0,.08)}
.specialty-add[b-nh35eoo85q]{height:40px;white-space:nowrap;cursor:pointer}
.new-specialty-list[b-nh35eoo85q]{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.new-specialty-list>span[b-nh35eoo85q]{display:inline-flex;align-items:center;gap:7px;border:1px solid #8d700c;background:#2b2207;border-radius:999px;padding:5px 8px 5px 10px;color:#fff;font-size:10px}
.new-specialty-list button[b-nh35eoo85q]{width:20px;height:20px;border-radius:50%;border:0;background:#493a08;color:#fff;display:grid;place-items:center;cursor:pointer;line-height:1}
.new-specialty-list button:hover[b-nh35eoo85q]{background:#6d5607}
@media(max-width:600px){.selector-title[b-nh35eoo85q]{flex-direction:column}.new-specialty-row[b-nh35eoo85q]{grid-template-columns:1fr}.specialty-add[b-nh35eoo85q]{width:100%}}

/* =========================================================
   FOTOGRAFÍA Y UBICACIÓN DEL PROFESIONAL
   ========================================================= */
.avatar-photo[b-nh35eoo85q]{object-fit:cover;display:block;background:#142330}
.professional-photo-section[b-nh35eoo85q]{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;padding:18px 20px 0}
.photo-preview[b-nh35eoo85q]{width:92px;height:92px;border-radius:16px;overflow:hidden;border:1px solid #3c4e5b;background:#13212c;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800}
.photo-preview img[b-nh35eoo85q]{width:100%;height:100%;object-fit:cover;display:block}
.photo-copy[b-nh35eoo85q]{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.photo-copy strong[b-nh35eoo85q],.photo-copy small[b-nh35eoo85q],.photo-copy em[b-nh35eoo85q]{color:#fff}
.photo-copy small[b-nh35eoo85q]{font-size:10px;line-height:1.45}
.photo-copy em[b-nh35eoo85q]{font-size:9px;font-style:normal;opacity:.9}
.photo-upload[b-nh35eoo85q]{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:5px;padding:8px 11px;border:1px solid #745c09;border-radius:7px;background:#2a2208;color:#fff;cursor:pointer}
.photo-upload span[b-nh35eoo85q]{color:#fff;font-size:10px;font-weight:700}
.photo-upload input[b-nh35eoo85q]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.location-summary[b-nh35eoo85q]{display:block;color:#fff!important;font-size:9px!important;line-height:1.35;margin-top:2px}
@media(max-width:600px){.professional-photo-section[b-nh35eoo85q]{grid-template-columns:1fr}.photo-preview[b-nh35eoo85q]{width:84px;height:84px}}

/* =========================================================
   UBICACIÓN DEL PROFESIONAL
   ========================================================= */
.field-error[b-nh35eoo85q]{display:block;margin-top:4px;color:#ff6b6b!important;font-size:9px!important;line-height:1.35}
.field-warning[b-nh35eoo85q]{display:block;margin-top:4px;color:#f5b52e!important;font-size:9px!important;line-height:1.35}

/* =========================================================
   EDITAR PROFESIONAL - DISEÑO APROBADO 2026-08
   ========================================================= */
.professional-modal[b-nh35eoo85q]{width:min(1120px,calc(100vw - 32px));max-height:94vh;border-radius:14px;background:linear-gradient(145deg,#08131d,#07111a);overflow-x:hidden}
.professional-modal header[b-nh35eoo85q]{position:sticky;top:0;z-index:20;background:rgba(7,17,26,.97);backdrop-filter:blur(12px);padding:20px 24px}.professional-modal header h2[b-nh35eoo85q]{font-size:24px}.professional-modal header p[b-nh35eoo85q]{font-size:12px;color:#cbd4dc}.professional-modal footer[b-nh35eoo85q]{position:sticky;bottom:0;z-index:20;background:rgba(7,17,26,.97);backdrop-filter:blur(12px);padding:14px 24px}
.edit-photo-panel[b-nh35eoo85q]{display:grid;grid-template-columns:170px minmax(0,1fr) 320px;gap:24px;align-items:center;padding:22px 24px;border-bottom:1px solid #20313e}.edit-photo-preview[b-nh35eoo85q]{width:170px;height:170px;border-radius:12px}.photo-main-copy h3[b-nh35eoo85q]{margin:0 0 8px;color:#fff;font-size:16px}.photo-main-copy p[b-nh35eoo85q]{color:#cbd4dc!important;font-size:12px;margin-bottom:16px!important}.photo-main-copy small[b-nh35eoo85q]{display:block;margin-top:12px;color:#b9c4cd;font-size:11px;line-height:1.7}.photo-action[b-nh35eoo85q]{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:7px;cursor:pointer;font-weight:700}.photo-action.primary[b-nh35eoo85q]{background:linear-gradient(180deg,#7541a9,#54277e);border:1px solid #8952bd}.photo-action input[b-nh35eoo85q]{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-recommendations[b-nh35eoo85q]{border:1px solid #273a48;background:#0b1823;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:15px}.photo-recommendations strong[b-nh35eoo85q]{font-size:13px}.photo-recommendations span[b-nh35eoo85q]{font-size:11px;color:#d8dfe5}.photo-recommendations span[b-nh35eoo85q]::first-letter{color:#c27cff}
.edit-section[b-nh35eoo85q]{padding:20px 24px 4px;border-bottom:1px solid #20313e}.section-heading[b-nh35eoo85q]{margin:0 0 12px!important;font-size:16px!important;display:flex;align-items:center;gap:9px}.section-heading>span[b-nh35eoo85q]{width:28px;height:28px;border-radius:6px;background:linear-gradient(145deg,#7140a6,#4c2574);display:grid;place-items:center}.edit-grid[b-nh35eoo85q]{padding:0 0 20px;gap:14px 20px}.edit-grid label>span[b-nh35eoo85q]{font-size:11px;font-weight:600}.edit-grid label>span b[b-nh35eoo85q]{color:#ff6868}.edit-grid input[b-nh35eoo85q],.edit-grid select[b-nh35eoo85q],.edit-grid textarea[b-nh35eoo85q]{min-height:43px;background:#101b24;border-color:#344550;font-size:12px}.edit-grid textarea[b-nh35eoo85q]{height:60px;min-height:60px;resize:vertical}.edit-grid input:focus[b-nh35eoo85q],.edit-grid select:focus[b-nh35eoo85q],.edit-grid textarea:focus[b-nh35eoo85q]{outline:none;border-color:#8c58bb;box-shadow:0 0 0 2px rgba(140,88,187,.12)}
.confirmation-banner[b-nh35eoo85q]{margin:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #684292;border-radius:8px;background:linear-gradient(90deg,#1c1530,#12182b)}.confirmation-banner div[b-nh35eoo85q]{display:flex;flex-direction:column;gap:5px}.confirmation-banner strong[b-nh35eoo85q]{font-size:13px}.confirmation-banner small[b-nh35eoo85q]{font-size:10px;color:#cbd4dc}.confirmation-banner button[b-nh35eoo85q]{height:40px;padding:0 18px;border:1px solid #8e57bc;border-radius:7px;background:#151129;color:#d6a7ff;font-weight:700;cursor:pointer}.confirmation-banner button:disabled[b-nh35eoo85q]{opacity:.45;cursor:not-allowed}
.compact-selector[b-nh35eoo85q]{padding:0 24px 18px}.compact-selector .selector-title[b-nh35eoo85q]{margin-bottom:9px}.compact-selector h4[b-nh35eoo85q]{font-size:14px}.compact-selector .selector-title small[b-nh35eoo85q]{color:#cbd4dc}.multi-dropdown[b-nh35eoo85q]{position:relative}.multi-dropdown>summary[b-nh35eoo85q]{list-style:none;min-height:44px;border:1px solid #344550;border-radius:7px;background:#101b24;color:#e4e8ec;padding:0 44px 0 14px;display:flex;align-items:center;cursor:pointer;position:relative;font-size:12px}.multi-dropdown>summary[b-nh35eoo85q]::-webkit-details-marker{display:none}.multi-dropdown>summary[b-nh35eoo85q]:after{content:'⌄';position:absolute;right:15px;font-size:18px}.multi-dropdown[open]>summary[b-nh35eoo85q]{border-color:#8251ad}.multi-dropdown-menu[b-nh35eoo85q]{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 5px);max-height:220px;overflow:auto;border:1px solid #3a4c59;border-radius:8px;background:#0c1720;box-shadow:0 18px 45px rgba(0,0,0,.45);padding:6px}.multi-dropdown-menu label[b-nh35eoo85q]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;cursor:pointer}.multi-dropdown-menu label:hover[b-nh35eoo85q],.multi-dropdown-menu label.selected[b-nh35eoo85q]{background:#182535}.multi-dropdown-menu input[b-nh35eoo85q]{accent-color:#8d56bd}.catalog-empty[b-nh35eoo85q]{border:1px dashed #394b58;background:#0c1720;border-radius:8px;padding:12px;color:#d9e1e7;font-size:10px;line-height:1.5}.catalog-empty.info[b-nh35eoo85q]{border-style:solid;border-color:#1e5b91;background:#091d31;color:#b8d7f2}
@media(max-width:900px){.edit-photo-panel[b-nh35eoo85q]{grid-template-columns:120px 1fr}.edit-photo-preview[b-nh35eoo85q]{width:120px;height:120px}.photo-recommendations[b-nh35eoo85q]{grid-column:1/-1}.professional-modal[b-nh35eoo85q]{width:min(96vw,760px)}}
@media(max-width:650px){.modal-layer[b-nh35eoo85q]{padding:8px}.professional-modal[b-nh35eoo85q]{width:100%;max-height:97vh}.professional-modal header[b-nh35eoo85q],.professional-modal footer[b-nh35eoo85q],.edit-section[b-nh35eoo85q],.compact-selector[b-nh35eoo85q]{padding-left:14px;padding-right:14px}.edit-photo-panel[b-nh35eoo85q]{grid-template-columns:1fr;padding:16px 14px}.edit-photo-preview[b-nh35eoo85q]{width:110px;height:110px}.form-grid.edit-grid[b-nh35eoo85q]{grid-template-columns:1fr}.confirmation-banner[b-nh35eoo85q]{margin:14px;align-items:stretch;flex-direction:column}.confirmation-banner button[b-nh35eoo85q]{width:100%}.selector-title[b-nh35eoo85q]{flex-direction:column}.professional-modal footer .outline[b-nh35eoo85q],.professional-modal footer .add-button[b-nh35eoo85q]{flex:1}}

.demo-pill[b-nh35eoo85q]{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:3px 8px;border-radius:999px;background:#ffc400;color:#17120a;font-size:9px;font-weight:900;letter-spacing:.06em;box-shadow:0 3px 10px #0005;vertical-align:middle}.demo-toggle-field[b-nh35eoo85q]{grid-column:1/-1}.demo-toggle[b-nh35eoo85q]{display:grid!important;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;min-height:44px;padding:9px 11px;border:1px solid #6f5910;border-radius:8px;background:#221b04}.demo-toggle input[b-nh35eoo85q]{width:16px!important;height:16px!important}.demo-toggle strong[b-nh35eoo85q]{display:inline-flex;color:#17120a;background:#ffc400;border-radius:999px;padding:3px 8px;font-size:9px}.demo-toggle small[b-nh35eoo85q]{color:#d8cc91!important;margin:0!important}

/* =========================================================
   CATEGORIA DE BUSQUEDA DEL PROFESIONAL
   ========================================================= */
.category-chip[b-nh35eoo85q]{display:inline-flex;align-items:center;max-width:150px;padding:4px 9px;border-radius:999px;background:#10283b;border:1px solid #245071;color:#a9dcff;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.detail-category[b-nh35eoo85q]{display:flex;align-items:center;gap:6px;margin:6px 0;color:#92a7b5;font-size:11px}.detail-category strong[b-nh35eoo85q]{color:#f4c542}
.category-selector[b-nh35eoo85q]{border-color:#34536a}.category-select[b-nh35eoo85q]{width:100%;height:42px;border:1px solid #334b5b;border-radius:8px;background:#08151e;color:#fff;padding:0 12px;outline:none}.category-select:focus[b-nh35eoo85q]{border-color:#7a53df;box-shadow:0 0 0 2px #6f48ce22}.category-hint[b-nh35eoo85q]{margin-top:8px;padding:8px 10px;border-radius:7px;background:#07131b;color:#8297a5;font-size:10px;border:1px solid #1c3342}

/* =========================================================
   RESPONSIVE - PROFESIONALES DEL PROPIETARIO
   Ajuste 2026-09-09
   - Menú hamburguesa real en tablet/móvil.
   - El contenido deja de quedar debajo del menú completo.
   - KPIs, filtros, tabla, paginación y modal se adaptan al ancho.
   - Se evita el scroll horizontal general de la página.
   ========================================================= */
.mobile-menu-toggle[b-nh35eoo85q],
.mobile-menu-close[b-nh35eoo85q],
.mobile-menu-backdrop[b-nh35eoo85q]{
    display:none;
}

@media (max-width:900px){
    :host[b-nh35eoo85q]{
        width:100%;
        max-width:100vw;
        overflow-x:hidden;
    }

    .professionals-shell[b-nh35eoo85q]{
        display:block;
        width:100%;
        max-width:100vw;
        min-height:100vh;
        overflow-x:hidden;
    }

    /* Menú hamburguesa */
    .mobile-menu-toggle[b-nh35eoo85q]{
        position:fixed;
        top:14px;
        left:14px;
        z-index:4100;
        display:grid;
        place-items:center;
        width:44px;
        height:44px;
        padding:0;
        border:1px solid #304454;
        border-radius:10px;
        background:#0a1722;
        color:#fff;
        font-size:23px;
        line-height:1;
        box-shadow:0 8px 24px rgba(0,0,0,.34);
        cursor:pointer;
    }

    .mobile-menu-backdrop[b-nh35eoo85q]{
        position:fixed;
        inset:0;
        z-index:4190;
        display:block;
        width:100%;
        height:100%;
        padding:0;
        border:0;
        background:rgba(0,0,0,.66);
        backdrop-filter:blur(3px);
    }

    .professionals-sidebar[b-nh35eoo85q]{
        position:fixed;
        top:0;
        left:0;
        z-index:4200;
        width:min(88vw,360px);
        max-width:360px;
        height:100dvh;
        padding:18px 12px 16px;
        overflow-y:auto;
        overflow-x:hidden;
        transform:translateX(-105%);
        transition:transform .22s ease;
        box-shadow:20px 0 55px rgba(0,0,0,.45);
    }

    .professionals-sidebar.mobile-open[b-nh35eoo85q]{
        transform:translateX(0);
    }

    .mobile-menu-close[b-nh35eoo85q]{
        position:absolute;
        top:12px;
        right:12px;
        z-index:2;
        display:grid;
        place-items:center;
        width:36px;
        height:36px;
        padding:0;
        border:1px solid #334756;
        border-radius:50%;
        background:#101d28;
        color:#fff;
        font-size:24px;
        cursor:pointer;
    }

    .professionals-sidebar .brand[b-nh35eoo85q]{
        padding-right:46px;
    }

    /* El menú interno conserva las mismas opciones del Dashboard,
       pero pasa a una sola columna para evitar recortes. */
    .professionals-sidebar nav[b-nh35eoo85q]{
        display:flex;
        flex-direction:column;
        gap:3px;
        overflow:visible;
    }

    .professionals-sidebar nav a[b-nh35eoo85q]{
        width:100%;
        min-width:0;
    }

    .professionals-main[b-nh35eoo85q]{
        width:100%;
        max-width:100vw;
        min-width:0;
        padding:76px 16px 24px;
        overflow-x:hidden;
    }

    .page-head[b-nh35eoo85q],
    .page-actions[b-nh35eoo85q],
    .kpi-row[b-nh35eoo85q],
    .content-grid[b-nh35eoo85q],
    .team-panel[b-nh35eoo85q],
    .right-column[b-nh35eoo85q]{
        min-width:0;
        max-width:100%;
    }

    .page-head[b-nh35eoo85q]{
        margin-bottom:16px;
    }

    .page-head h1[b-nh35eoo85q]{
        font-size:26px;
    }

    .page-actions[b-nh35eoo85q]{
        display:grid;
        grid-template-columns:44px 44px minmax(0,1fr);
        width:100%;
        gap:8px;
    }

    .page-actions input[b-nh35eoo85q]{
        width:100%;
        min-width:0;
    }

    .page-actions .add-button[b-nh35eoo85q]{
        grid-column:1/-1;
        width:100%;
    }

    .kpi-row[b-nh35eoo85q]{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .content-grid[b-nh35eoo85q]{
        grid-template-columns:minmax(0,1fr);
    }

    .filters[b-nh35eoo85q]{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .filter-button[b-nh35eoo85q]{
        min-height:48px;
    }

    .right-column[b-nh35eoo85q]{
        grid-template-columns:minmax(0,1fr);
    }

    /* La tabla deja de obligar a la página a medir 850px.
       Se presenta cada profesional como tarjeta en móvil/tablet. */
    .table-wrap[b-nh35eoo85q]{
        width:100%;
        overflow:visible;
    }

    .team-panel table[b-nh35eoo85q]{
        width:100%;
        min-width:0;
        display:block;
    }

    .team-panel thead[b-nh35eoo85q]{
        display:none;
    }

    .team-panel tbody[b-nh35eoo85q]{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        padding:12px;
    }

    .team-panel tr[b-nh35eoo85q]{
        display:flex;
        flex-direction:column;
        min-width:0;
        border:1px solid #253746;
        border-radius:10px;
        background:#0a1620;
        overflow:hidden;
    }

    .team-panel td[b-nh35eoo85q]{
        display:grid;
        grid-template-columns:minmax(105px,.75fr) minmax(0,1fr);
        align-items:center;
        gap:10px;
        width:100%;
        min-width:0;
        padding:10px 12px;
        border-top:1px solid #1b2a35;
        overflow-wrap:anywhere;
    }

    .team-panel td:first-child[b-nh35eoo85q]{
        display:block;
        border-top:0;
        padding:14px 12px;
    }

    .team-panel td:not(:first-child)[b-nh35eoo85q]::before{
        color:#91a5b4;
        font-size:10px;
        font-weight:700;
    }

    .team-panel td:nth-child(2)[b-nh35eoo85q]::before{content:"Categoría";}
    .team-panel td:nth-child(3)[b-nh35eoo85q]::before{content:"Especialidades";}
    .team-panel td:nth-child(4)[b-nh35eoo85q]::before{content:"Turnos hoy";}
    .team-panel td:nth-child(5)[b-nh35eoo85q]::before{content:"Ingresos hoy";}
    .team-panel td:nth-child(6)[b-nh35eoo85q]::before{content:"Calificación";}
    .team-panel td:nth-child(7)[b-nh35eoo85q]::before{content:"Estado";}
    .team-panel td:nth-child(8)[b-nh35eoo85q]::before{content:"Acciones";}

    .team-panel td[colspan="8"][b-nh35eoo85q]{
        display:block;
    }

    .team-panel td[colspan="8"][b-nh35eoo85q]::before{
        content:none;
    }

    .person[b-nh35eoo85q],
    .person>div[b-nh35eoo85q]{
        min-width:0;
    }

    .row-actions[b-nh35eoo85q]{
        flex-wrap:wrap;
        justify-content:flex-start;
    }

    .pager[b-nh35eoo85q]{
        gap:12px;
        align-items:center;
        flex-wrap:wrap;
    }
}

@media (max-width:600px){
    .professionals-main[b-nh35eoo85q]{
        padding-left:12px;
        padding-right:12px;
    }

    .page-head h1[b-nh35eoo85q]{
        font-size:24px;
    }

    .page-head p[b-nh35eoo85q]{
        font-size:12px;
        line-height:1.45;
    }

    .page-actions[b-nh35eoo85q]{
        grid-template-columns:44px 44px minmax(0,1fr);
    }

    .kpi-row[b-nh35eoo85q],
    .filters[b-nh35eoo85q],
    .team-panel tbody[b-nh35eoo85q]{
        grid-template-columns:minmax(0,1fr);
    }

    .kpi[b-nh35eoo85q]{
        min-height:92px;
        padding:14px;
    }

    .kpi strong[b-nh35eoo85q]{
        font-size:24px;
    }

    .team-panel tbody[b-nh35eoo85q]{
        padding:9px;
        gap:9px;
    }

    .team-panel td[b-nh35eoo85q]{
        grid-template-columns:minmax(92px,.7fr) minmax(0,1fr);
        padding:9px 10px;
    }

    .pager[b-nh35eoo85q]{
        flex-direction:column;
        align-items:stretch;
        text-align:center;
    }

    .pager div[b-nh35eoo85q]{
        justify-content:center;
    }

    .right-column[b-nh35eoo85q]{
        display:grid;
        grid-template-columns:1fr;
    }

    .professional-modal[b-nh35eoo85q]{
        max-width:calc(100vw - 16px);
    }
}

@media (max-width:380px){
    .page-actions[b-nh35eoo85q]{
        grid-template-columns:1fr 1fr;
    }

    .page-actions input[b-nh35eoo85q],
    .page-actions .add-button[b-nh35eoo85q]{
        grid-column:1/-1;
    }

    .team-panel td[b-nh35eoo85q]{
        grid-template-columns:1fr;
        gap:5px;
    }
}

/* =========================================================
   CAPACIDAD DE PROFESIONALES SEGÚN PLAN
   ========================================================= */
.professional-plan-policy[b-nh35eoo85q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #0a1b28;
    border: 1px solid #294252;
}

.professional-plan-policy.available[b-nh35eoo85q] {
    border-color: #355064;
}

.professional-plan-policy.limit-reached[b-nh35eoo85q] {
    border-color: #8c5d00;
    background: #201a08;
}

.professional-plan-policy div:first-child[b-nh35eoo85q] {
    flex: 1;
}

.professional-plan-policy strong[b-nh35eoo85q] {
    color: #fff;
}

.professional-plan-policy p[b-nh35eoo85q] {
    margin: 4px 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.45;
}

.professional-plan-policy a[b-nh35eoo85q] {
    color: #ffd21f;
    text-decoration: none;
    font-weight: 800;
    white-space: nowrap;
}

.professional-plan-usage[b-nh35eoo85q] {
    min-width: 150px;
    text-align: right;
}

.professional-plan-usage small[b-nh35eoo85q],
.professional-plan-usage strong[b-nh35eoo85q],
.professional-plan-usage span[b-nh35eoo85q] {
    display: block;
}

.professional-plan-usage small[b-nh35eoo85q] {
    color: #fff;
    font-size: 10px;
}

.professional-plan-usage strong[b-nh35eoo85q] {
    color: #ffd21f;
    font-size: 18px;
    margin-top: 2px;
}

.professional-plan-usage span[b-nh35eoo85q] {
    display: inline-block;
    margin-top: 4px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #4a3700;
    color: #ffd21f;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.add-button:disabled[b-nh35eoo85q] {
    opacity: .5;
    cursor: not-allowed;
    filter: grayscale(.35);
}

@media (max-width: 760px) {
    .professional-plan-policy[b-nh35eoo85q] {
        align-items: flex-start;
        flex-direction: column;
    }

    .professional-plan-usage[b-nh35eoo85q] {
        text-align: left;
        min-width: 0;
    }

    .professional-plan-policy a[b-nh35eoo85q] {
        white-space: normal;
    }
}

/* =========================================================
   CAPACIDAD ADICIONAL DE PROFESIONALES
   ========================================================= */
.capacity-link[b-nh35eoo85q] { background: transparent; border: 1px solid #ffc400; color: #ffc400; border-radius: 8px; padding: 8px 12px; font-weight: 800; cursor: pointer; }
.capacity-modal-layer[b-nh35eoo85q] { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,.68); backdrop-filter: blur(2px); }
.capacity-modal[b-nh35eoo85q] { width: min(660px, calc(100vw - 48px)); max-height: 90vh; overflow-y: auto; position: relative; background: #071827; border: 1px solid #31506a; border-radius: 18px; padding: 24px; color: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.55); }
.capacity-close[b-nh35eoo85q] { position: absolute; right: 18px; top: 14px; border: 0; background: transparent; color: #dbe7f3; font-size: 28px; cursor: pointer; }
.capacity-title[b-nh35eoo85q] { display: flex; gap: 14px; padding-right: 30px; align-items: flex-start; }
.capacity-title > span[b-nh35eoo85q] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #5a4300; color: #ffd21f; font-size: 24px; }
.capacity-title h2[b-nh35eoo85q] { margin: 0 0 6px; font-size: 26px; }
.capacity-title p[b-nh35eoo85q], .capacity-purchase p[b-nh35eoo85q] { margin: 0; color: #b8c8d8; line-height: 1.45; }
.capacity-plan[b-nh35eoo85q] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 20px 0; overflow: hidden; border: 1px solid #29445b; border-radius: 12px; background: #29445b; }
.capacity-plan > div[b-nh35eoo85q] { background: #0b2031; padding: 14px; }
.capacity-plan small[b-nh35eoo85q], .capacity-purchase small[b-nh35eoo85q] { display: block; color: #9db1c4; margin-bottom: 7px; }
.capacity-plan strong[b-nh35eoo85q] { font-size: 19px; color: #fff; }
.capacity-modal h3[b-nh35eoo85q] { margin: 18px 0 10px; }
.capacity-purchase[b-nh35eoo85q] { display: grid; grid-template-columns: 1fr 1.5fr; gap: 12px; }
.capacity-purchase > div[b-nh35eoo85q] { border: 1px solid #29445b; border-radius: 12px; padding: 15px; background: #0b2031; }
.capacity-counter[b-nh35eoo85q] { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; text-align: center; border: 1px solid #38536a; border-radius: 9px; overflow: hidden; }
.capacity-counter button[b-nh35eoo85q] { height: 42px; border: 0; background: #122d43; color: #fff; font-size: 22px; cursor: pointer; }
.capacity-counter button:last-child[b-nh35eoo85q] { background: #ffc400; color: #07111c; font-weight: 900; }
.capacity-price[b-nh35eoo85q] { display: block; color: #ffc400; font-size: 27px; margin-bottom: 4px; }
.capacity-total[b-nh35eoo85q] { margin: 12px 0; padding: 14px 16px; display: flex; justify-content: space-between; gap: 16px; border: 1px solid #b98d00; background: #2a2308; border-radius: 10px; color: #fff; }
.capacity-total strong[b-nh35eoo85q] { color: #ffd21f; }
.capacity-error[b-nh35eoo85q] { margin: 10px 0; padding: 10px 12px; border-radius: 8px; background: #40181c; border: 1px solid #8b3039; color: #ffd7db; }
.capacity-pay[b-nh35eoo85q], .capacity-plans[b-nh35eoo85q] { width: 100%; min-height: 46px; border-radius: 9px; font-weight: 900; cursor: pointer; }
.capacity-pay[b-nh35eoo85q] { border: 0; background: #ffc400; color: #07111c; font-size: 15px; }
.capacity-pay:disabled[b-nh35eoo85q] { opacity: .65; cursor: wait; }
.capacity-plans[b-nh35eoo85q] { margin-top: 10px; border: 1px solid #38536a; background: transparent; color: #fff; }
@media (max-width: 700px) { .capacity-modal-layer[b-nh35eoo85q] { padding: 12px; } .capacity-modal[b-nh35eoo85q] { width: min(660px, calc(100vw - 24px)); } .capacity-plan[b-nh35eoo85q] { grid-template-columns: 1fr 1fr; } .capacity-purchase[b-nh35eoo85q] { grid-template-columns: 1fr; } .capacity-total[b-nh35eoo85q] { flex-direction: column; } }

/* =========================================================
   RECOMENDACIÓN DE PLAN POR CAPACIDAD ADICIONAL
   ========================================================= */
.capacity-recommendation[b-nh35eoo85q] { margin: 12px 0; padding: 15px; border: 1px solid #d3a600; border-radius: 10px; background: #211c08; color: #fff; }
.capacity-recommendation.loading[b-nh35eoo85q] { color: #d9e5ef; border-color: #38536a; background: #0b2031; }
.capacity-recommendation-title[b-nh35eoo85q] { color: #ffd21f; font-size: 17px; font-weight: 900; margin-bottom: 7px; }
.capacity-recommendation p[b-nh35eoo85q] { margin: 0 0 12px; color: #e6edf4; line-height: 1.45; }
.capacity-comparison[b-nh35eoo85q] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.capacity-comparison > div[b-nh35eoo85q] { padding: 10px 12px; border: 1px solid #38536a; border-radius: 8px; background: #0b2031; }
.capacity-comparison small[b-nh35eoo85q] { display: block; color: #9db1c4; margin-bottom: 4px; }
.capacity-comparison strong[b-nh35eoo85q] { color: #fff; font-size: 17px; }
.capacity-upgrade[b-nh35eoo85q] { width: 100%; min-height: 42px; border: 0; border-radius: 8px; background: #ffc400; color: #07111c; font-weight: 900; cursor: pointer; }
.capacity-choice[b-nh35eoo85q] { display: block; margin-top: 9px; color: #b8c8d8; text-align: center; }
@media (max-width: 700px) { .capacity-comparison[b-nh35eoo85q] { grid-template-columns: 1fr; } }
/* /Pages/Owner/ProfessionalSchedule.razor.rz.scp.css */
/* =========================================================
   ESTRUCTURA DEL DASHBOARD DEL PROPIETARIO
   ========================================================= */
:host[b-vcxe01jpck] { display:block; min-height:100vh; background:#07111d; color:#fff; font-family:Inter,Segoe UI,Arial,sans-serif; }
.schedule-shell[b-vcxe01jpck] { min-height:100vh; display:grid; grid-template-columns:238px minmax(0,1fr); background:#07111d; }
.schedule-sidebar[b-vcxe01jpck] { position:sticky; top:0; height:100vh; padding:20px 10px 14px; border-right:1px solid #213140; background:linear-gradient(180deg,#07111b,#06101a); display:flex; flex-direction:column; gap:14px; overflow:hidden; }
.schedule-brand[b-vcxe01jpck] { display:flex; align-items:center; gap:10px; padding:0 10px; color:#fff; text-decoration:none; }
.schedule-brand-mark[b-vcxe01jpck] { font-size:36px; font-weight:900; font-style:italic; color:#fff; }
.schedule-brand strong[b-vcxe01jpck] { font-size:21px; color:#fff; }
.schedule-brand strong b[b-vcxe01jpck] { color:#ffbf00; }
.schedule-brand small[b-vcxe01jpck] { display:block; margin-top:3px; color:#fff; font-size:10px; }
.schedule-owner-mini[b-vcxe01jpck] { display:flex; gap:10px; align-items:center; border:1px solid #223140; border-radius:10px; padding:12px; background:#0a1520; }
.schedule-owner-avatar[b-vcxe01jpck] { width:45px; height:45px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,#55697b,#1c2935); color:#fff; font-weight:800; }
.schedule-owner-mini div[b-vcxe01jpck] { min-width:0; }
.schedule-owner-mini strong[b-vcxe01jpck],.schedule-owner-mini small[b-vcxe01jpck],.schedule-owner-mini em[b-vcxe01jpck] { display:block; color:#fff; }
.schedule-owner-mini small[b-vcxe01jpck] { margin-top:3px; font-size:11px; }
.schedule-owner-mini em[b-vcxe01jpck] { margin-top:4px; color:#77e589; font-size:10px; font-style:normal; }
.schedule-sidebar nav[b-vcxe01jpck] { display:flex; flex:1; flex-direction:column; gap:3px; overflow:auto; }
.schedule-sidebar nav a[b-vcxe01jpck] { display:flex; align-items:center; gap:12px; padding:10px 13px; border-radius:7px; color:#fff; text-decoration:none; font-size:13px; white-space:nowrap; }
.schedule-sidebar nav a span[b-vcxe01jpck] { width:18px; text-align:center; font-size:17px; }
.schedule-sidebar nav a:hover[b-vcxe01jpck] { background:#101d29; }
.schedule-sidebar nav a.active[b-vcxe01jpck] { background:linear-gradient(90deg,#4b3900,#2f2605); color:#ffc400; }
.schedule-main[b-vcxe01jpck] { min-width:0; }

.schedule-page[b-vcxe01jpck] { min-height:100vh; padding:22px 28px 28px; background:radial-gradient(circle at 75% 0,#09243a 0,#061827 30%,#04121d 70%); color:#f4f8fb; }
.page-header[b-vcxe01jpck] { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; }
.back-link[b-vcxe01jpck] { border:0; background:transparent; color:#a9bdcc; padding:0 0 8px; cursor:pointer; }
.page-header h1[b-vcxe01jpck] { margin:0; font-size:28px; display:flex; gap:12px; align-items:center; }.page-header p[b-vcxe01jpck] { margin:5px 0 0 42px; color:#c0cfda; }
.close-button[b-vcxe01jpck] { width:48px; height:48px; border-radius:50%; border:1px solid #315066; background:#071b2a; color:white; font-size:28px; cursor:pointer; }
.professional-card[b-vcxe01jpck],.days-card[b-vcxe01jpck],.help-card[b-vcxe01jpck],.preview-card[b-vcxe01jpck],.actions[b-vcxe01jpck],.state-card[b-vcxe01jpck] { border:1px solid #29475c; background:rgba(6,27,42,.86); border-radius:10px; }
.professional-card[b-vcxe01jpck] { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:28px; align-items:center; padding:18px 20px; margin-bottom:16px; }.identity[b-vcxe01jpck] { display:flex; gap:18px; align-items:center; }.identity img[b-vcxe01jpck],.avatar[b-vcxe01jpck] { width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid white;display:grid;place-items:center;background:#15568a;font-size:22px;font-weight:700}.identity h2[b-vcxe01jpck]{margin:0 0 8px}.active-pill[b-vcxe01jpck]{background:#0d5d3d;color:#55e995;border:1px solid #158b5a;border-radius:20px;padding:3px 9px;font-size:13px}.professional-card label[b-vcxe01jpck]{display:flex;flex-direction:column;gap:7px;border-left:1px solid #274356;padding-left:28px}.professional-card select[b-vcxe01jpck],.copy-bar select[b-vcxe01jpck],.preview-card select[b-vcxe01jpck]{background:#071b2b;border:1px solid #3b5b70;color:white;border-radius:7px;padding:12px}.professional-card small[b-vcxe01jpck]{color:#a9bdcc}.content-grid[b-vcxe01jpck]{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.days-card[b-vcxe01jpck]{overflow:hidden}.days-card>header[b-vcxe01jpck]{padding:14px 20px;border-bottom:1px solid #29475c;display:flex;justify-content:space-between;align-items:center}.days-card h2[b-vcxe01jpck]{font-size:17px;margin:0}.days-card>header span[b-vcxe01jpck]{color:#78bde9;font-size:13px}.day-row[b-vcxe01jpck]{display:grid;grid-template-columns:220px 1fr;min-height:86px;border-bottom:1px solid #29475c;padding:12px 20px;align-items:center}.day-name[b-vcxe01jpck]{display:flex;align-items:center;gap:12px}.day-name div[b-vcxe01jpck]{display:flex;flex-direction:column;min-width:105px}.day-name small[b-vcxe01jpck]{color:#a9bdcc;margin-top:5px}.day-circle[b-vcxe01jpck]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#145b94;font-weight:700}.switch[b-vcxe01jpck]{margin-left:auto}.switch input[b-vcxe01jpck]{display:none}.switch i[b-vcxe01jpck]{display:block;width:40px;height:22px;border-radius:15px;background:#506777;position:relative;cursor:pointer}.switch i[b-vcxe01jpck]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.switch input:checked+i[b-vcxe01jpck]{background:#29c76f}.switch input:checked+i[b-vcxe01jpck]:after{left:21px}.blocks[b-vcxe01jpck]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.time-block[b-vcxe01jpck]{display:flex;align-items:center;gap:6px;border:1px solid #35566d;border-radius:7px;background:#081d2c;padding:4px 7px}.time-block input[b-vcxe01jpck]{background:transparent;color:white;border:0;color-scheme:dark;width:92px}.time-block button[b-vcxe01jpck]{border:0;background:#1b3445;color:white;border-radius:50%;cursor:pointer}.add-block[b-vcxe01jpck]{border:1px dashed #8d7018;background:transparent;color:#ffc21c;border-radius:7px;padding:10px 14px;cursor:pointer}.not-available[b-vcxe01jpck]{border:1px dashed #345064;border-radius:7px;padding:14px;text-align:center;color:#c1ced7}.copy-bar[b-vcxe01jpck]{display:flex;gap:12px;align-items:center;padding:14px 20px}.copy-bar span[b-vcxe01jpck]{flex:1;color:#c7d4dd}.copy-bar button[b-vcxe01jpck],.state-card button[b-vcxe01jpck]{background:#ffbd00;border:0;border-radius:7px;padding:11px 15px;font-weight:700;cursor:pointer}.help-card[b-vcxe01jpck],.preview-card[b-vcxe01jpck]{padding:16px;margin-bottom:14px}.help-card h3[b-vcxe01jpck]{color:#66c7ff;margin:0 0 10px}.help-card p[b-vcxe01jpck]{color:#b9cbd8;line-height:1.5;font-size:13px}.preview-card h3[b-vcxe01jpck]{margin-top:0}.preview-card label[b-vcxe01jpck]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.preview-slots[b-vcxe01jpck]{max-height:430px;overflow:auto;border:1px solid #315267;border-radius:6px}.preview-slots div[b-vcxe01jpck]{padding:8px 12px;background:#0e4d78;border-bottom:1px solid #46738f;font-size:13px}.preview-slots p[b-vcxe01jpck]{padding:16px;color:#9eb2c0}.legend[b-vcxe01jpck]{padding-top:12px;color:#59df8c;font-size:12px}.actions[b-vcxe01jpck]{margin-top:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.actions span[b-vcxe01jpck]{color:#b9c9d4}.actions button[b-vcxe01jpck]{padding:12px 20px;border-radius:7px;font-weight:700;cursor:pointer}.cancel[b-vcxe01jpck]{border:1px solid #3d5d72;background:#071b2b;color:white}.save[b-vcxe01jpck]{border:0;background:#ffbd00;color:#17202a}.save:disabled[b-vcxe01jpck]{opacity:.6;cursor:wait}.notice[b-vcxe01jpck]{padding:10px 14px;border-radius:7px;margin-bottom:12px}.success[b-vcxe01jpck]{background:#0d5138;border:1px solid #19895e}.state-card[b-vcxe01jpck]{padding:30px;text-align:center}.state-card.error[b-vcxe01jpck]{color:#ff8f8f}.state-card button[b-vcxe01jpck]{margin-left:12px}
@media(max-width:1100px){.professional-card[b-vcxe01jpck]{grid-template-columns:1fr 1fr}.professional-card label:last-child[b-vcxe01jpck]{grid-column:1/-1;border-left:0;padding-left:0}.content-grid[b-vcxe01jpck]{grid-template-columns:1fr}.content-grid aside[b-vcxe01jpck]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.day-row[b-vcxe01jpck]{grid-template-columns:190px 1fr}}
@media(max-width:720px){.schedule-page[b-vcxe01jpck]{padding:16px}.professional-card[b-vcxe01jpck]{grid-template-columns:1fr}.professional-card label[b-vcxe01jpck],.professional-card label:last-child[b-vcxe01jpck]{border-left:0;padding-left:0;grid-column:auto}.day-row[b-vcxe01jpck]{grid-template-columns:1fr;gap:14px}.blocks[b-vcxe01jpck]{padding-left:0}.content-grid aside[b-vcxe01jpck]{display:block}.copy-bar[b-vcxe01jpck],.actions[b-vcxe01jpck]{flex-direction:column;align-items:stretch}.actions span[b-vcxe01jpck]{text-align:center}.page-header p[b-vcxe01jpck]{margin-left:0}}

/* =========================================================
   RESPONSIVE DEL CONTENEDOR PRINCIPAL
   ========================================================= */
@media(max-width:900px) {
    .schedule-shell[b-vcxe01jpck] { grid-template-columns:1fr; }
    .schedule-sidebar[b-vcxe01jpck] { position:relative; height:auto; border-right:0; border-bottom:1px solid #213140; padding:12px; }
    .schedule-owner-mini[b-vcxe01jpck] { display:none; }
    .schedule-sidebar nav[b-vcxe01jpck] { flex-direction:row; overflow-x:auto; padding-bottom:2px; }
    .schedule-sidebar nav a[b-vcxe01jpck] { flex:0 0 auto; }
}
/* /Pages/Owner/Promotions.razor.rz.scp.css */
/* =========================================================
   SHELL Y MENÚ DEL PROPIETARIO
   ========================================================= */
:host[b-8dkxyep3dz] {
    display: block;
    min-height: 100vh;
    background: #07111d;
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.promotions-shell[b-8dkxyep3dz] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 238px minmax(0, 1fr);
    background: radial-gradient(circle at 62% 6%, #0b1b2d 0, #07111d 35%, #050b12 100%);
}

.promotions-sidebar[b-8dkxyep3dz] {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 20px 10px 14px;
    border-right: 1px solid #213140;
    background: linear-gradient(180deg, #07111b, #06101a);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.brand[b-8dkxyep3dz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    color: #ffffff;
    text-decoration: none;
}

.brand-mark[b-8dkxyep3dz] {
    font-size: 36px;
    font-weight: 900;
    font-style: italic;
    color: #ffffff;
}

.brand strong[b-8dkxyep3dz] {
    font-size: 21px;
}

.brand strong b[b-8dkxyep3dz] {
    color: #ffbf00;
}

.brand small[b-8dkxyep3dz] {
    display: block;
    margin-top: 3px;
    color: #ffffff;
    font-size: 10px;
}

.owner-mini[b-8dkxyep3dz] {
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #223140;
    border-radius: 10px;
    padding: 12px;
    background: #0a1520;
}

.owner-avatar[b-8dkxyep3dz] {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #55697b, #1c2935);
    color: #ffffff;
    font-weight: 800;
}

.owner-mini div[b-8dkxyep3dz] {
    min-width: 0;
}

.owner-mini strong[b-8dkxyep3dz],
.owner-mini small[b-8dkxyep3dz],
.owner-mini em[b-8dkxyep3dz] {
    display: block;
    color: #ffffff;
}

.owner-mini strong[b-8dkxyep3dz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-mini small[b-8dkxyep3dz] {
    margin-top: 3px;
    font-size: 11px;
}

.owner-mini em[b-8dkxyep3dz] {
    margin-top: 4px;
    color: #77e589;
    font-size: 10px;
    font-style: normal;
}

.promotions-sidebar nav[b-8dkxyep3dz] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    overflow: auto;
}

.promotions-sidebar nav a[b-8dkxyep3dz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    border-radius: 7px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.promotions-sidebar nav a span[b-8dkxyep3dz] {
    width: 18px;
    text-align: center;
    font-size: 17px;
}

.promotions-sidebar nav a:hover[b-8dkxyep3dz] {
    background: #0d1d29;
}

.promotions-sidebar nav a.active[b-8dkxyep3dz] {
    background: linear-gradient(90deg, #4b3900, #2f2605);
    color: #ffc400;
}

.roles-card[b-8dkxyep3dz] {
    margin-top: auto;
    padding: 16px;
    border: 1px solid #2e2651;
    border-radius: 9px;
    background: linear-gradient(145deg, #171534, #111528);
}

.roles-card strong[b-8dkxyep3dz],
.roles-card small[b-8dkxyep3dz] {
    display: block;
    color: #ffffff;
}

.roles-card small[b-8dkxyep3dz] {
    margin: 8px 0 12px;
    font-size: 11px;
    line-height: 1.45;
}

.roles-card a[b-8dkxyep3dz] {
    display: flex;
    justify-content: space-between;
    padding: 9px 11px;
    border: 1px solid #393264;
    border-radius: 7px;
    color: #ffffff;
    text-decoration: none;
}

.logout[b-8dkxyep3dz] {
    padding: 9px;
    border: 1px solid #314251;
    border-radius: 7px;
    background: transparent;
    color: #ffffff;
    text-align: left;
    cursor: pointer;
}

.promotions-main[b-8dkxyep3dz] {
    min-width: 0;
}

.promotions-page[b-8dkxyep3dz] {
    padding: 20px;
    color: #f4f8fc;
}

.page-header[b-8dkxyep3dz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.page-header h1[b-8dkxyep3dz],
.panel-title h2[b-8dkxyep3dz],
.modal-card h2[b-8dkxyep3dz] {
    margin: 0;
}

.page-header p[b-8dkxyep3dz],
.panel-title p[b-8dkxyep3dz],
.modal-card header p[b-8dkxyep3dz] {
    margin: 4px 0 0;
    color: #a8bdcc;
}

.btn-primary[b-8dkxyep3dz] {
    border: 0;
    border-radius: 8px;
    background: #ffc400;
    color: #151b21;
    padding: 12px 18px;
    font-weight: 800;
    cursor: pointer;
}

.kpis[b-8dkxyep3dz] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.kpis article[b-8dkxyep3dz] {
    display: flex;
    gap: 13px;
    align-items: center;
    min-height: 92px;
    padding: 16px;
    background: #0b2130;
    border: 1px solid #284556;
    border-radius: 10px;
}

.kpis article > span[b-8dkxyep3dz] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #123b52;
    color: #ffc400;
    font-size: 20px;
}

.kpis small[b-8dkxyep3dz],
.kpis em[b-8dkxyep3dz] {
    display: block;
    color: #a8bdcc;
    font-style: normal;
}

.kpis strong[b-8dkxyep3dz] {
    display: block;
    margin: 3px 0;
    font-size: 24px;
}

.toolbar[b-8dkxyep3dz] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 240px auto;
    gap: 10px;
    padding: 12px;
    margin-bottom: 14px;
    background: #0b2130;
    border: 1px solid #284556;
    border-radius: 10px;
}

.toolbar input[b-8dkxyep3dz],
.toolbar select[b-8dkxyep3dz],
.form-grid input[b-8dkxyep3dz],
.form-grid select[b-8dkxyep3dz],
.form-grid textarea[b-8dkxyep3dz] {
    width: 100%;
    border: 1px solid #355365;
    border-radius: 7px;
    background: #091c29;
    color: #f4f8fc;
    padding: 10px 12px;
}

.toolbar button[b-8dkxyep3dz],
.promo-card footer button[b-8dkxyep3dz],
.modal-card footer button[b-8dkxyep3dz],
.state-card button[b-8dkxyep3dz] {
    border: 1px solid #3a5869;
    border-radius: 7px;
    background: #0c2230;
    color: #f4f8fc;
    padding: 9px 14px;
    cursor: pointer;
}

.promotion-panel[b-8dkxyep3dz],
.state-card[b-8dkxyep3dz] {
    background: #0b2130;
    border: 1px solid #284556;
    border-radius: 10px;
}

.panel-title[b-8dkxyep3dz] {
    padding: 16px;
    border-bottom: 1px solid #284556;
}

.cards[b-8dkxyep3dz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 16px;
}

.promo-card[b-8dkxyep3dz] {
    padding: 16px;
    background: #0a1c29;
    border: 1px solid #2d4959;
    border-radius: 10px;
}

.promo-top[b-8dkxyep3dz],
.promo-card footer[b-8dkxyep3dz],
.scope[b-8dkxyep3dz] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.badge[b-8dkxyep3dz] {
    padding: 4px 8px;
    border-radius: 999px;
    background: #263b48;
    font-size: 12px;
}

.badge.activa[b-8dkxyep3dz] {
    background: #0d583a;
    color: #7ef0b6;
}

.badge.programada[b-8dkxyep3dz] {
    background: #4c3c08;
    color: #ffd866;
}

.discount[b-8dkxyep3dz] {
    color: #4be38b;
    font-size: 20px;
    font-weight: 900;
}

.promo-card h3[b-8dkxyep3dz] {
    margin: 15px 0 6px;
}

.promo-card p[b-8dkxyep3dz],
.meta[b-8dkxyep3dz],
.scope[b-8dkxyep3dz] {
    color: #a8bdcc;
    font-size: 13px;
}

.meta[b-8dkxyep3dz] {
    display: grid;
    gap: 6px;
    margin: 14px 0;
}

.code[b-8dkxyep3dz] {
    margin: 10px 0;
    padding: 8px 10px;
    border: 1px dashed #526978;
    border-radius: 6px;
}

.scope[b-8dkxyep3dz] {
    padding: 12px 0;
    border-top: 1px solid #203c4d;
    border-bottom: 1px solid #203c4d;
}

.promo-card footer[b-8dkxyep3dz] {
    margin-top: 14px;
}

.promo-card footer .danger[b-8dkxyep3dz] {
    color: #ff6d6d;
    border-color: #7b3434;
}

.empty[b-8dkxyep3dz],
.state-card[b-8dkxyep3dz] {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 220px;
    padding: 30px;
    color: #a8bdcc;
}

.modal-backdrop[b-8dkxyep3dz] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(0, 8, 14, .78);
}

.modal-card[b-8dkxyep3dz] {
    width: min(900px, 96vw);
    max-height: 92vh;
    overflow: auto;
    background: #0b2130;
    border: 1px solid #365568;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}

.modal-card > header[b-8dkxyep3dz],
.modal-card > footer[b-8dkxyep3dz] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    border-bottom: 1px solid #284556;
}

.modal-card > header > button[b-8dkxyep3dz] {
    border: 0;
    background: transparent;
    color: white;
    font-size: 28px;
    cursor: pointer;
}

.modal-card > footer[b-8dkxyep3dz] {
    justify-content: flex-end;
    border-top: 1px solid #284556;
    border-bottom: 0;
}

.form-grid[b-8dkxyep3dz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.form-grid label[b-8dkxyep3dz] {
    display: grid;
    gap: 6px;
    color: #c9d8e2;
    font-size: 13px;
}

.form-grid .wide[b-8dkxyep3dz] {
    grid-column: 1 / -1;
}

.selector[b-8dkxyep3dz] {
    padding: 12px;
    border: 1px solid #284556;
    border-radius: 8px;
}

.selector > div[b-8dkxyep3dz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    max-height: 150px;
    overflow: auto;
    margin-top: 10px;
}

.selector label[b-8dkxyep3dz],
.check[b-8dkxyep3dz] {
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.selector input[b-8dkxyep3dz],
.check input[b-8dkxyep3dz] {
    width: auto;
}

.modal-error[b-8dkxyep3dz],
.state-card.error[b-8dkxyep3dz] {
    color: #ff9a9a;
}

.modal-error[b-8dkxyep3dz] {
    margin: 0 18px 10px;
    padding: 10px;
    border: 1px solid #713b3b;
    border-radius: 7px;
    background: #351c22;
}

@media (max-width: 1200px) {
    .kpis[b-8dkxyep3dz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cards[b-8dkxyep3dz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .promotions-page[b-8dkxyep3dz] {
        padding: 12px;
    }

    .page-header[b-8dkxyep3dz],
    .promo-top[b-8dkxyep3dz],
    .scope[b-8dkxyep3dz] {
        align-items: stretch;
        flex-direction: column;
    }

    .kpis[b-8dkxyep3dz],
    .cards[b-8dkxyep3dz],
    .toolbar[b-8dkxyep3dz],
    .form-grid[b-8dkxyep3dz],
    .selector > div[b-8dkxyep3dz] {
        grid-template-columns: 1fr;
    }

    .form-grid .wide[b-8dkxyep3dz] {
        grid-column: auto;
    }
}

.header-actions[b-8dkxyep3dz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-demo[b-8dkxyep3dz] {
    border: 1px solid #3b657c;
    border-radius: 8px;
    background: #0c2b3d;
    color: #d9f2ff;
    padding: 12px 16px;
    font-weight: 700;
    cursor: pointer;
}

.btn-demo:hover:not(:disabled)[b-8dkxyep3dz] {
    border-color: #55a7d1;
    background: #10374d;
}

.btn-demo:disabled[b-8dkxyep3dz] {
    cursor: wait;
    opacity: .65;
}

.success-banner[b-8dkxyep3dz] {
    margin-bottom: 14px;
    padding: 11px 14px;
    border: 1px solid #247554;
    border-radius: 8px;
    background: #0d3a2b;
    color: #9ff2c8;
}

.badge-group[b-8dkxyep3dz] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.badge.demo[b-8dkxyep3dz] {
    background: #4b3574;
    color: #e5d6ff;
    border: 1px solid #7257a5;
}

@media (max-width: 720px) {
    .page-header[b-8dkxyep3dz] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions[b-8dkxyep3dz] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions button[b-8dkxyep3dz] {
        width: 100%;
    }
}


.demo-toggle[b-8dkxyep3dz] {
    align-items: center;
}

.demo-help[b-8dkxyep3dz] {
    padding: 10px 12px;
    border: 1px solid rgba(168, 85, 247, 0.45);
    border-radius: 10px;
    background: rgba(126, 34, 206, 0.10);
    font-size: 0.85rem;
    line-height: 1.4;
}


@media (max-width: 900px) {
    .promotions-shell[b-8dkxyep3dz] {
        grid-template-columns: 1fr;
    }

    .promotions-sidebar[b-8dkxyep3dz] {
        position: relative;
        height: auto;
    }

    .promotions-sidebar nav[b-8dkxyep3dz] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .promotions-sidebar nav[b-8dkxyep3dz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   Menú hamburguesa del propietario - responsive
   ========================================================= */
.mobile-menu-toggle[b-8dkxyep3dz],
.mobile-menu-close[b-8dkxyep3dz],
.mobile-menu-backdrop[b-8dkxyep3dz] {
    display: none;
}

@media (max-width: 900px) {
    .promotions-shell[b-8dkxyep3dz] {
        display: block;
        min-height: 100vh;
    }

    .promotions-sidebar[b-8dkxyep3dz] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1200;
        width: min(86vw, 300px);
        height: 100dvh;
        max-height: 100dvh;
        overflow-y: auto;
        border-right: 1px solid #21445b;
        border-bottom: 0;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 16px 0 40px rgba(0, 0, 0, .34);
    }

    .promotions-sidebar.mobile-open[b-8dkxyep3dz] {
        transform: translateX(0);
    }

    .promotions-sidebar nav[b-8dkxyep3dz] {
        display: flex;
        grid-template-columns: none;
        flex-direction: column;
        max-height: none;
    }

    .mobile-menu-toggle[b-8dkxyep3dz] {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        margin-bottom: 12px;
        padding: 9px 14px;
        border: 1px solid #2a5269;
        border-radius: 10px;
        background: #0b2232;
        color: #f5f9fc;
        font: inherit;
        font-weight: 700;
        cursor: pointer;
    }

    .mobile-menu-toggle:hover[b-8dkxyep3dz] {
        border-color: #f6bd00;
        color: #ffd43b;
    }

    .hamburger-icon[b-8dkxyep3dz] {
        font-size: 20px;
        line-height: 1;
    }

    .mobile-menu-close[b-8dkxyep3dz] {
        display: grid;
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid #2a5269;
        border-radius: 9px;
        background: #0b2232;
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-menu-backdrop[b-8dkxyep3dz] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1100;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(2, 10, 16, .72);
        cursor: default;
    }

    .promotions-main[b-8dkxyep3dz] {
        width: 100%;
        min-width: 0;
    }
}


@media (max-width: 900px) {
    .promotions-main > .mobile-menu-toggle[b-8dkxyep3dz] {
        margin: 14px 14px 0;
    }
}
/* /Pages/Owner/Reports.razor.rz.scp.css */
/* =========================================================
   SHELL Y MENÚ DEL PROPIETARIO
   ========================================================= */
:host[b-wvm1kgqp6a] {
    display: block;
    min-height: 100vh;
    background: #07111d;
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.reports-shell[b-wvm1kgqp6a] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 238px minmax(0, 1fr);
    background: radial-gradient(circle at 62% 6%, #0b1b2d 0, #07111d 35%, #050b12 100%);
}

.reports-sidebar[b-wvm1kgqp6a] {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 20px 10px 14px;
    border-right: 1px solid #213140;
    background: linear-gradient(180deg, #07111b, #06101a);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.brand[b-wvm1kgqp6a] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    color: #ffffff;
    text-decoration: none;
}

.brand-mark[b-wvm1kgqp6a] {
    font-size: 36px;
    font-weight: 900;
    font-style: italic;
    color: #ffffff;
}

.brand strong[b-wvm1kgqp6a] {
    font-size: 21px;
}

.brand strong b[b-wvm1kgqp6a] {
    color: #ffbf00;
}

.brand small[b-wvm1kgqp6a] {
    display: block;
    margin-top: 3px;
    color: #ffffff;
    font-size: 10px;
}

.owner-mini[b-wvm1kgqp6a] {
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #223140;
    border-radius: 10px;
    padding: 12px;
    background: #0a1520;
}

.owner-avatar[b-wvm1kgqp6a] {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #55697b, #1c2935);
    color: #ffffff;
    font-weight: 800;
}

.owner-mini div[b-wvm1kgqp6a] {
    min-width: 0;
}

.owner-mini strong[b-wvm1kgqp6a],
.owner-mini small[b-wvm1kgqp6a],
.owner-mini em[b-wvm1kgqp6a] {
    display: block;
    color: #ffffff;
}

.owner-mini strong[b-wvm1kgqp6a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-mini small[b-wvm1kgqp6a] {
    margin-top: 3px;
    font-size: 11px;
}

.owner-mini em[b-wvm1kgqp6a] {
    margin-top: 4px;
    color: #77e589;
    font-size: 10px;
    font-style: normal;
}

.reports-sidebar nav[b-wvm1kgqp6a] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    overflow: auto;
}

.reports-sidebar nav a[b-wvm1kgqp6a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    border-radius: 7px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.reports-sidebar nav a span[b-wvm1kgqp6a] {
    width: 18px;
    text-align: center;
    font-size: 17px;
}

.reports-sidebar nav a:hover[b-wvm1kgqp6a] {
    background: #0d1d29;
}

.reports-sidebar nav a.active[b-wvm1kgqp6a] {
    background: linear-gradient(90deg, #4b3900, #2f2605);
    color: #ffc400;
}

.roles-card[b-wvm1kgqp6a] {
    margin-top: auto;
    padding: 16px;
    border: 1px solid #2e2651;
    border-radius: 9px;
    background: linear-gradient(145deg, #171534, #111528);
}

.roles-card strong[b-wvm1kgqp6a],
.roles-card small[b-wvm1kgqp6a] {
    display: block;
    color: #ffffff;
}

.roles-card small[b-wvm1kgqp6a] {
    margin: 8px 0 12px;
    font-size: 11px;
    line-height: 1.45;
}

.roles-card a[b-wvm1kgqp6a] {
    display: flex;
    justify-content: space-between;
    padding: 9px 11px;
    border: 1px solid #393264;
    border-radius: 7px;
    color: #ffffff;
    text-decoration: none;
}

.logout[b-wvm1kgqp6a] {
    padding: 9px;
    border: 1px solid #314251;
    border-radius: 7px;
    background: transparent;
    color: #ffffff;
    text-align: left;
    cursor: pointer;
}

.reports-main[b-wvm1kgqp6a] {
    min-width: 0;
}


.reports-page[b-wvm1kgqp6a] {
    padding: 20px;
    color: #f4f8fc;
}

.page-header[b-wvm1kgqp6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.page-header h1[b-wvm1kgqp6a],
.panel h2[b-wvm1kgqp6a] {
    margin: 0;
}

.page-header p[b-wvm1kgqp6a],
.panel header p[b-wvm1kgqp6a] {
    margin: 4px 0 0;
    color: #9fb5c5;
}

.btn-primary[b-wvm1kgqp6a],
.btn-filter[b-wvm1kgqp6a] {
    border: 0;
    border-radius: 8px;
    padding: 11px 16px;
    background: #ffc400;
    color: #12181e;
    font-weight: 800;
    cursor: pointer;
}

.btn-clear[b-wvm1kgqp6a] {
    border: 1px solid #365164;
    border-radius: 8px;
    padding: 10px 14px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.filters-card[b-wvm1kgqp6a] {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr)) auto auto;
    gap: 10px;
    align-items: end;
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid #284556;
    border-radius: 10px;
    background: #0a1c29;
}

.filters-card label[b-wvm1kgqp6a] {
    display: grid;
    gap: 6px;
    color: #bad0df;
    font-size: 12px;
}

.filters-card input[b-wvm1kgqp6a],
.filters-card select[b-wvm1kgqp6a] {
    width: 100%;
    padding: 10px 11px;
    border: 1px solid #355164;
    border-radius: 7px;
    background: #081722;
    color: #fff;
}

.kpis[b-wvm1kgqp6a] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.kpis article[b-wvm1kgqp6a] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 15px;
    border: 1px solid #284556;
    border-radius: 10px;
    background: #0b2130;
}

.kpis article > span[b-wvm1kgqp6a] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #123b52;
    color: #ffc400;
    font-weight: 800;
}

.kpis small[b-wvm1kgqp6a],
.kpis em[b-wvm1kgqp6a] {
    display: block;
    color: #9fb5c5;
    font-style: normal;
}

.kpis strong[b-wvm1kgqp6a] {
    display: block;
    margin: 3px 0;
    font-size: 20px;
}

.report-grid[b-wvm1kgqp6a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.panel[b-wvm1kgqp6a] {
    min-width: 0;
    border: 1px solid #284556;
    border-radius: 10px;
    background: #0a1c29;
    overflow: hidden;
}

.panel.wide[b-wvm1kgqp6a] {
    grid-column: span 2;
}

.panel > header[b-wvm1kgqp6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #244151;
}

.panel > header small[b-wvm1kgqp6a] {
    color: #8faaba;
}

.daily-chart[b-wvm1kgqp6a],
.status-list[b-wvm1kgqp6a],
.ranking[b-wvm1kgqp6a],
.summary-list[b-wvm1kgqp6a] {
    padding: 14px 16px;
}

.day-row[b-wvm1kgqp6a] {
    display: grid;
    grid-template-columns: 52px minmax(80px, 1fr) 36px 110px;
    gap: 10px;
    align-items: center;
    margin: 8px 0;
    font-size: 12px;
}

.bar-track[b-wvm1kgqp6a] {
    height: 8px;
    border-radius: 999px;
    background: #102b3a;
    overflow: hidden;
}

.bar-track i[b-wvm1kgqp6a] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffc400, #45e88d);
}

.day-row em[b-wvm1kgqp6a] {
    color: #66e6a2;
    font-style: normal;
    text-align: right;
}

.status-list > div[b-wvm1kgqp6a],
.rank-row[b-wvm1kgqp6a],
.summary-list > div[b-wvm1kgqp6a] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid #1d3848;
}

.status-list span small[b-wvm1kgqp6a],
.rank-row span small[b-wvm1kgqp6a] {
    display: block;
    margin-top: 4px;
    color: #91aabd;
}

.status-list strong[b-wvm1kgqp6a],
.rank-row strong[b-wvm1kgqp6a] {
    color: #ffc400;
}

.summary-panel footer[b-wvm1kgqp6a] {
    padding: 12px 16px;
    border-top: 1px solid #244151;
    color: #8faaba;
    font-size: 11px;
}

.state-card[b-wvm1kgqp6a],
.empty[b-wvm1kgqp6a] {
    padding: 28px;
    border: 1px dashed #385568;
    border-radius: 10px;
    color: #9fb5c5;
    text-align: center;
}

.state-card.error[b-wvm1kgqp6a] {
    border-color: #8d3940;
    color: #ff9ea5;
}

.state-card button[b-wvm1kgqp6a] {
    margin-left: 10px;
}

@media (max-width: 1500px) {
    .kpis[b-wvm1kgqp6a] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filters-card[b-wvm1kgqp6a] {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }
}

@media (max-width: 1100px) {
    .reports-shell[b-wvm1kgqp6a] {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .report-grid[b-wvm1kgqp6a] {
        grid-template-columns: 1fr;
    }

    .panel.wide[b-wvm1kgqp6a] {
        grid-column: auto;
    }

    .kpis[b-wvm1kgqp6a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .reports-shell[b-wvm1kgqp6a] {
        display: block;
    }

    .reports-sidebar[b-wvm1kgqp6a] {
        position: static;
        height: auto;
    }

    .reports-sidebar nav[b-wvm1kgqp6a] {
        max-height: 260px;
    }

    .reports-page[b-wvm1kgqp6a] {
        padding: 14px;
    }

    .page-header[b-wvm1kgqp6a] {
        align-items: stretch;
        flex-direction: column;
    }

    .filters-card[b-wvm1kgqp6a],
    .kpis[b-wvm1kgqp6a] {
        grid-template-columns: 1fr;
    }

    .day-row[b-wvm1kgqp6a] {
        grid-template-columns: 48px minmax(60px, 1fr) 28px;
    }

    .day-row em[b-wvm1kgqp6a] {
        grid-column: 2 / 4;
    }
}

/* =========================================================
   Menú hamburguesa del propietario - responsive
   ========================================================= */
.mobile-menu-toggle[b-wvm1kgqp6a],
.mobile-menu-close[b-wvm1kgqp6a],
.mobile-menu-backdrop[b-wvm1kgqp6a] {
    display: none;
}

@media (max-width: 760px) {
    .reports-shell[b-wvm1kgqp6a] {
        display: block;
        min-height: 100vh;
    }

    .reports-sidebar[b-wvm1kgqp6a] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1200;
        width: min(86vw, 300px);
        height: 100dvh;
        max-height: 100dvh;
        overflow-y: auto;
        border-right: 1px solid #21445b;
        border-bottom: 0;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 16px 0 40px rgba(0, 0, 0, .34);
    }

    .reports-sidebar.mobile-open[b-wvm1kgqp6a] {
        transform: translateX(0);
    }

    .reports-sidebar nav[b-wvm1kgqp6a] {
        display: flex;
        grid-template-columns: none;
        flex-direction: column;
        max-height: none;
    }

    .mobile-menu-toggle[b-wvm1kgqp6a] {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        margin-bottom: 12px;
        padding: 9px 14px;
        border: 1px solid #2a5269;
        border-radius: 10px;
        background: #0b2232;
        color: #f5f9fc;
        font: inherit;
        font-weight: 700;
        cursor: pointer;
    }

    .mobile-menu-toggle:hover[b-wvm1kgqp6a] {
        border-color: #f6bd00;
        color: #ffd43b;
    }

    .hamburger-icon[b-wvm1kgqp6a] {
        font-size: 20px;
        line-height: 1;
    }

    .mobile-menu-close[b-wvm1kgqp6a] {
        display: grid;
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid #2a5269;
        border-radius: 9px;
        background: #0b2232;
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-menu-backdrop[b-wvm1kgqp6a] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1100;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(2, 10, 16, .72);
        cursor: default;
    }

    .reports-main[b-wvm1kgqp6a] {
        width: 100%;
        min-width: 0;
    }
}


@media (max-width: 760px) {
    .reports-main > .mobile-menu-toggle[b-wvm1kgqp6a] {
        margin: 14px 14px 0;
    }
}
/* /Pages/Owner/Reviews.razor.rz.scp.css */
*[b-h94skojukg] {
    box-sizing: border-box;
}

.reviews-shell[b-h94skojukg] {
    min-height: 100vh;
    background: #061725;
    color: #f5f8fc;
    display: grid;
    grid-template-columns: 184px minmax(0, 1fr);
}

.reviews-sidebar[b-h94skojukg] {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 18px 8px 10px;
    border-right: 1px solid #21445b;
    background: #06131f;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
}

.brand[b-h94skojukg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-h94skojukg] {
    font-size: 29px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -3px;
}

.brand strong[b-h94skojukg] {
    display: block;
    font-size: 14px;
}

.brand b[b-h94skojukg] {
    color: #ffc400;
}

.brand small[b-h94skojukg] {
    display: block;
    margin-top: 2px;
    color: #d4dfeb;
    font-size: 8px;
}

.owner-mini[b-h94skojukg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 10px;
    border: 1px solid #21445b;
    border-radius: 10px;
    background: #091c2b;
}

.owner-avatar[b-h94skojukg],
.customer-avatar[b-h94skojukg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #42566b;
    font-weight: 800;
}

.owner-avatar[b-h94skojukg] {
    width: 36px;
    height: 36px;
    font-size: 12px;
}

.owner-mini strong[b-h94skojukg],
.owner-mini small[b-h94skojukg],
.owner-mini em[b-h94skojukg] {
    display: block;
}

.owner-mini strong[b-h94skojukg] {
    font-size: 11px;
}

.owner-mini small[b-h94skojukg] {
    margin-top: 3px;
    font-size: 9px;
}

.owner-mini em[b-h94skojukg] {
    margin-top: 4px;
    color: #2be879;
    font-size: 8px;
    font-style: normal;
}

.reviews-sidebar nav[b-h94skojukg] {
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.reviews-sidebar nav a[b-h94skojukg] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 10px;
}

.reviews-sidebar nav a:hover[b-h94skojukg] {
    background: #10293c;
}

.reviews-sidebar nav a.active[b-h94skojukg] {
    color: #ffd200;
    background: #5d4a00;
}

.reviews-sidebar nav a span[b-h94skojukg] {
    width: 13px;
    text-align: center;
}

.roles-card[b-h94skojukg] {
    margin-top: auto;
    padding: 13px;
    border: 1px solid #493f6f;
    border-radius: 8px;
    background: #171332;
}

.roles-card strong[b-h94skojukg],
.roles-card small[b-h94skojukg] {
    display: block;
}

.roles-card strong[b-h94skojukg] {
    font-size: 11px;
}

.roles-card small[b-h94skojukg] {
    margin: 8px 0 10px;
    color: #d5d2e7;
    font-size: 8px;
    line-height: 1.5;
}

.roles-card a[b-h94skojukg] {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border: 1px solid #4d4478;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 9px;
}

.logout[b-h94skojukg] {
    min-height: 36px;
    border: 1px solid #31516a;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    text-align: left;
    padding: 0 12px;
    cursor: pointer;
}

.reviews-main[b-h94skojukg] {
    min-width: 0;
    padding: 22px 18px 40px;
}

.reviews-page[b-h94skojukg] {
    width: 100%;
    max-width: none;
    margin: 0;
}

.page-header[b-h94skojukg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.page-header h1[b-h94skojukg],
.panel-header h2[b-h94skojukg] {
    margin: 0;
}

.page-header h1[b-h94skojukg] {
    font-size: 30px;
}

.page-header p[b-h94skojukg],
.panel-header p[b-h94skojukg] {
    margin: 5px 0 0;
    color: #a7c3d8;
}

.page-header p[b-h94skojukg] {
    font-size: 12px;
}

.btn-primary[b-h94skojukg],
.btn-filter[b-h94skojukg] {
    border: 0;
    border-radius: 7px;
    background: #ffc20a;
    color: #111;
    font-weight: 800;
    cursor: pointer;
}

.btn-primary[b-h94skojukg] {
    min-height: 38px;
    padding: 0 18px;
}

.kpis[b-h94skojukg] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.kpis article[b-h94skojukg] {
    min-height: 92px;
    padding: 14px;
    border: 1px solid #27516a;
    border-radius: 8px;
    background: #0a2232;
    display: flex;
    align-items: center;
    gap: 12px;
}

.kpis article > span[b-h94skojukg] {
    min-width: 34px;
    color: #ffc400;
    font-size: 17px;
    text-align: center;
}

.kpis small[b-h94skojukg],
.kpis strong[b-h94skojukg],
.kpis em[b-h94skojukg] {
    display: block;
}

.kpis small[b-h94skojukg] {
    color: #b9d0e1;
    font-size: 10px;
}

.kpis strong[b-h94skojukg] {
    margin: 4px 0;
    font-size: 20px;
}

.kpis em[b-h94skojukg] {
    color: #a7c3d8;
    font-size: 9px;
    font-style: normal;
}

.filters-card[b-h94skojukg] {
    display: grid;
    grid-template-columns: minmax(240px, 2fr) repeat(3, minmax(150px, 1fr)) auto auto;
    gap: 9px;
    padding: 10px;
    margin-bottom: 14px;
    border: 1px solid #27516a;
    border-radius: 8px;
    background: #0a2232;
}

.filters-card input[b-h94skojukg],
.filters-card select[b-h94skojukg] {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #315d77;
    border-radius: 6px;
    outline: none;
    background: #071b29;
    color: #fff;
}

.btn-filter[b-h94skojukg],
.btn-clear[b-h94skojukg] {
    min-height: 40px;
    padding: 0 15px;
}

.btn-clear[b-h94skojukg] {
    border: 1px solid #315d77;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.state-card[b-h94skojukg],
.empty-state[b-h94skojukg] {
    padding: 28px;
    border: 1px solid #27516a;
    border-radius: 8px;
    background: #0a2232;
    color: #b9d0e1;
    text-align: center;
}

.state-card.error[b-h94skojukg] {
    border-color: #9e3944;
    color: #ffb2bb;
}

.state-card button[b-h94skojukg] {
    margin-left: 10px;
}

.reviews-panel[b-h94skojukg] {
    border: 1px solid #27516a;
    border-radius: 9px;
    overflow: hidden;
    background: #081e2c;
}

.panel-header[b-h94skojukg] {
    padding: 15px 16px;
    border-bottom: 1px solid #27516a;
}

.panel-header h2[b-h94skojukg] {
    font-size: 21px;
}

.panel-header p[b-h94skojukg] {
    font-size: 10px;
}

.review-list[b-h94skojukg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}

.review-card[b-h94skojukg] {
    border: 1px solid #28536d;
    border-radius: 8px;
    background: #0a2232;
    overflow: hidden;
}

.review-head[b-h94skojukg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 14px;
    border-bottom: 1px solid #24475d;
}

.customer[b-h94skojukg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.customer-avatar[b-h94skojukg] {
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 11px;
}

.customer strong[b-h94skojukg],
.customer small[b-h94skojukg] {
    display: block;
}

.customer strong[b-h94skojukg] {
    font-size: 13px;
}

.customer small[b-h94skojukg] {
    margin-top: 3px;
    color: #93b4c9;
    font-size: 9px;
}

.review-state[b-h94skojukg] {
    text-align: right;
}

.stars[b-h94skojukg] {
    display: block;
    color: #ffc400;
    letter-spacing: 1px;
    font-size: 16px;
}

.badge[b-h94skojukg] {
    display: inline-block;
    margin-top: 5px;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
}

.badge.published[b-h94skojukg] {
    background: #0a6c42;
    color: #9bffd0;
}

.badge.hidden[b-h94skojukg] {
    background: #4d5863;
    color: #e4ebf1;
}

.review-body[b-h94skojukg] {
    padding: 14px;
}

.comment[b-h94skojukg] {
    min-height: 38px;
    margin: 0 0 13px;
    color: #edf5fb;
    font-size: 12px;
    line-height: 1.55;
}

.review-meta[b-h94skojukg] {
    display: grid;
    gap: 5px;
    padding: 10px 0;
    border-top: 1px dashed #315d77;
    border-bottom: 1px dashed #315d77;
    color: #a9c5d8;
    font-size: 9px;
}

.rating-details[b-h94skojukg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 11px;
}

.rating-chip[b-h94skojukg] {
    padding: 4px 7px;
    border: 1px solid #2e607c;
    border-radius: 999px;
    color: #cfe6f5;
    font-size: 8px;
}

.rating-chip.muted[b-h94skojukg] {
    opacity: .55;
}

.review-card footer[b-h94skojukg] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 14px;
    border-top: 1px solid #24475d;
}

.btn-hide[b-h94skojukg],
.btn-publish[b-h94skojukg] {
    min-height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
}

.btn-publish[b-h94skojukg] {
    border: 1px solid #0a9b5c;
    background: #0a6c42;
    color: #d8ffec;
}

.btn-hide[b-h94skojukg] {
    border: 1px solid #a14d57;
    background: transparent;
    color: #ff9ca7;
}

.empty-state[b-h94skojukg] {
    margin: 14px;
}

.empty-state strong[b-h94skojukg],
.empty-state span[b-h94skojukg] {
    display: block;
}

.empty-state span[b-h94skojukg] {
    margin-top: 6px;
    font-size: 11px;
}

button:disabled[b-h94skojukg] {
    opacity: .6;
    cursor: not-allowed;
}

@media (max-width: 1280px) {
    .kpis[b-h94skojukg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filters-card[b-h94skojukg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .reviews-shell[b-h94skojukg] {
        grid-template-columns: 1fr;
    }

    .reviews-sidebar[b-h94skojukg] {
        position: relative;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid #21445b;
    }

    .reviews-sidebar nav[b-h94skojukg] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-height: none;
    }

    .roles-card[b-h94skojukg] {
        display: none;
    }

    .review-list[b-h94skojukg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .reviews-main[b-h94skojukg] {
        padding: 16px 10px 30px;
    }

    .page-header[b-h94skojukg] {
        flex-direction: column;
    }

    .kpis[b-h94skojukg],
    .filters-card[b-h94skojukg],
    .reviews-sidebar nav[b-h94skojukg] {
        grid-template-columns: 1fr;
    }

    .review-head[b-h94skojukg] {
        flex-direction: column;
    }

    .review-state[b-h94skojukg] {
        text-align: left;
    }
}

/* =========================================================
   Menú hamburguesa del propietario - responsive
   ========================================================= */
.mobile-menu-toggle[b-h94skojukg],
.mobile-menu-close[b-h94skojukg],
.mobile-menu-backdrop[b-h94skojukg] {
    display: none;
}

@media (max-width: 980px) {
    .reviews-shell[b-h94skojukg] {
        display: block;
        min-height: 100vh;
    }

    .reviews-sidebar[b-h94skojukg] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1200;
        width: min(86vw, 300px);
        height: 100dvh;
        max-height: 100dvh;
        overflow-y: auto;
        border-right: 1px solid #21445b;
        border-bottom: 0;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 16px 0 40px rgba(0, 0, 0, .34);
    }

    .reviews-sidebar.mobile-open[b-h94skojukg] {
        transform: translateX(0);
    }

    .reviews-sidebar nav[b-h94skojukg] {
        display: flex;
        grid-template-columns: none;
        flex-direction: column;
        max-height: none;
    }

    .mobile-menu-toggle[b-h94skojukg] {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        margin-bottom: 12px;
        padding: 9px 14px;
        border: 1px solid #2a5269;
        border-radius: 10px;
        background: #0b2232;
        color: #f5f9fc;
        font: inherit;
        font-weight: 700;
        cursor: pointer;
    }

    .mobile-menu-toggle:hover[b-h94skojukg] {
        border-color: #f6bd00;
        color: #ffd43b;
    }

    .hamburger-icon[b-h94skojukg] {
        font-size: 20px;
        line-height: 1;
    }

    .mobile-menu-close[b-h94skojukg] {
        display: grid;
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid #2a5269;
        border-radius: 9px;
        background: #0b2232;
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-menu-backdrop[b-h94skojukg] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1100;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(2, 10, 16, .72);
        cursor: default;
    }

    .reviews-main[b-h94skojukg] {
        width: 100%;
        min-width: 0;
    }
}

/* /Pages/Owner/ServiceAssignments.razor.rz.scp.css */
:root[b-wiehgqnnuy] {
    --sa-bg: #071824;
    --sa-surface: #0b2231;
    --sa-surface-soft: #102b3d;
    --sa-border: #29495d;
    --sa-text: #ffffff;
    --sa-muted: #93b1c3;
    --sa-gold: #ffc107;
    --sa-green: #19d37d;
}

*[b-wiehgqnnuy] {
    box-sizing: border-box;
}

.assignments-shell[b-wiehgqnnuy] {
    min-height: 100vh;
    color: var(--sa-text);
    background: var(--sa-bg);
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
}

.assignments-sidebar[b-wiehgqnnuy] {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 20px 14px;
    border-right: 1px solid var(--sa-border);
    background: #061520;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.brand[b-wiehgqnnuy] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
}

.brand-mark[b-wiehgqnnuy] {
    font-size: 1.7rem;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-wiehgqnnuy],
.brand small[b-wiehgqnnuy] {
    display: block;
}

.brand b[b-wiehgqnnuy] {
    color: var(--sa-gold);
}

.brand small[b-wiehgqnnuy] {
    color: var(--sa-muted);
    font-size: .68rem;
}

.assignments-sidebar nav[b-wiehgqnnuy] {
    display: grid;
    gap: 5px;
}

.assignments-sidebar nav a[b-wiehgqnnuy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    font-size: .78rem;
}

.assignments-sidebar nav a:hover[b-wiehgqnnuy],
.assignments-sidebar nav a.active[b-wiehgqnnuy] {
    color: var(--sa-gold);
    background: rgba(255, 193, 7, .16);
}

.logout[b-wiehgqnnuy] {
    margin-top: auto;
    padding: 10px;
    border: 1px solid var(--sa-border);
    border-radius: 9px;
    color: #fff;
    background: transparent;
    cursor: pointer;
}

.assignments-main[b-wiehgqnnuy] {
    width: 100%;
    max-width: 1500px;
    padding: 26px;
}

.page-head[b-wiehgqnnuy] {
    margin-bottom: 18px;
}

.back-link[b-wiehgqnnuy] {
    display: inline-block;
    margin-bottom: 9px;
    color: var(--sa-gold);
    text-decoration: none;
    font-weight: 800;
    font-size: .78rem;
}

.page-head h1[b-wiehgqnnuy],
.service-summary h2[b-wiehgqnnuy],
.professionals-card h2[b-wiehgqnnuy] {
    margin: 0;
}

.page-head p[b-wiehgqnnuy],
.branch-card p[b-wiehgqnnuy],
.professionals-card p[b-wiehgqnnuy],
.state-card p[b-wiehgqnnuy] {
    color: var(--sa-muted);
}

.success-banner[b-wiehgqnnuy],
.state-card[b-wiehgqnnuy],
.service-summary[b-wiehgqnnuy],
.branch-card[b-wiehgqnnuy],
.professionals-card[b-wiehgqnnuy] {
    border: 1px solid var(--sa-border);
    border-radius: 12px;
    background: var(--sa-surface);
}

.success-banner[b-wiehgqnnuy] {
    margin-bottom: 16px;
    padding: 12px 14px;
    color: #b9ffd9;
    border-color: rgba(25, 211, 125, .45);
    background: rgba(25, 211, 125, .12);
}

.state-card[b-wiehgqnnuy] {
    padding: 22px;
}

.error-state[b-wiehgqnnuy] {
    border-color: rgba(255, 90, 90, .45);
}

.state-card button[b-wiehgqnnuy],
.state-card a[b-wiehgqnnuy] {
    display: inline-flex;
    margin-top: 8px;
    padding: 8px 12px;
    border: 1px solid var(--sa-border);
    border-radius: 8px;
    color: #fff;
    background: var(--sa-surface-soft);
    text-decoration: none;
}

.service-summary[b-wiehgqnnuy] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 18px;
    margin-bottom: 14px;
}

.service-summary small[b-wiehgqnnuy] {
    color: var(--sa-muted);
}

.service-status[b-wiehgqnnuy] {
    display: inline-flex;
    margin-top: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
}

.service-status.active[b-wiehgqnnuy] {
    color: #afffd4;
    background: rgba(25, 211, 125, .16);
}

.service-status.inactive[b-wiehgqnnuy] {
    color: #d2dce2;
    background: rgba(255, 255, 255, .08);
}

.summary-number[b-wiehgqnnuy] {
    text-align: right;
}

.summary-number strong[b-wiehgqnnuy] {
    display: block;
    color: var(--sa-gold);
    font-size: 2rem;
}

.summary-number span[b-wiehgqnnuy] {
    color: var(--sa-muted);
    font-size: .75rem;
}

.branch-card[b-wiehgqnnuy] {
    display: grid;
    grid-template-columns: minmax(260px, 420px) 1fr;
    gap: 20px;
    align-items: end;
    padding: 18px;
    margin-bottom: 14px;
}

.branch-card label span[b-wiehgqnnuy] {
    display: block;
    margin-bottom: 7px;
    font-size: .72rem;
    font-weight: 800;
}

.branch-card select[b-wiehgqnnuy],
.search-box input[b-wiehgqnnuy] {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--sa-border);
    border-radius: 8px;
    color: #fff;
    outline: none;
    background: #0a1e2b;
}

.professionals-card[b-wiehgqnnuy] {
    overflow: hidden;
}

.card-head[b-wiehgqnnuy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 18px;
    border-bottom: 1px solid var(--sa-border);
}

.search-box[b-wiehgqnnuy] {
    min-width: 280px;
}

.professional-grid[b-wiehgqnnuy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.professional-card[b-wiehgqnnuy] {
    display: grid;
    grid-template-columns: auto 44px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-height: 78px;
    padding: 12px;
    border: 1px solid var(--sa-border);
    border-radius: 10px;
    background: #091c28;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease;
}

.professional-card.selected[b-wiehgqnnuy] {
    border-color: rgba(255, 193, 7, .7);
    background: rgba(255, 193, 7, .07);
}

.professional-card.global[b-wiehgqnnuy] {
    cursor: default;
}

.professional-card input[b-wiehgqnnuy] {
    width: 17px;
    height: 17px;
    accent-color: var(--sa-gold);
}

.avatar[b-wiehgqnnuy] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #fff;
    background: #29495d;
    font-weight: 900;
}

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

.professional-info strong[b-wiehgqnnuy],
.professional-info small[b-wiehgqnnuy] {
    display: block;
}

.professional-info small[b-wiehgqnnuy] {
    margin-top: 4px;
    color: var(--sa-muted);
    font-size: .7rem;
}

.professional-info .assigned-text[b-wiehgqnnuy] {
    color: var(--sa-green);
}

.actions[b-wiehgqnnuy] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 18px;
    border-top: 1px solid var(--sa-border);
}

.actions .secondary[b-wiehgqnnuy],
.actions .primary[b-wiehgqnnuy] {
    padding: 10px 14px;
    border-radius: 8px;
    font-weight: 900;
    text-decoration: none;
}

.actions .secondary[b-wiehgqnnuy] {
    border: 1px solid var(--sa-border);
    color: #fff;
    background: transparent;
}

.actions .primary[b-wiehgqnnuy] {
    border: 1px solid var(--sa-gold);
    color: #17120a;
    background: var(--sa-gold);
    cursor: pointer;
}

.actions .primary:disabled[b-wiehgqnnuy] {
    opacity: .55;
    cursor: not-allowed;
}

@media (max-width: 1150px) {
    .professional-grid[b-wiehgqnnuy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .assignments-shell[b-wiehgqnnuy] {
        grid-template-columns: 1fr;
    }

    .assignments-sidebar[b-wiehgqnnuy] {
        position: static;
        height: auto;
    }

    .assignments-sidebar nav[b-wiehgqnnuy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .logout[b-wiehgqnnuy] {
        margin-top: 0;
    }

    .branch-card[b-wiehgqnnuy],
    .card-head[b-wiehgqnnuy] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .search-box[b-wiehgqnnuy] {
        min-width: 0;
    }
}

@media (max-width: 620px) {
    .assignments-main[b-wiehgqnnuy] {
        padding: 16px;
    }

    .service-summary[b-wiehgqnnuy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .summary-number[b-wiehgqnnuy] {
        text-align: left;
    }

    .professional-grid[b-wiehgqnnuy],
    .assignments-sidebar nav[b-wiehgqnnuy] {
        grid-template-columns: 1fr;
    }

    .actions[b-wiehgqnnuy] {
        flex-direction: column-reverse;
    }

    .actions .secondary[b-wiehgqnnuy],
    .actions .primary[b-wiehgqnnuy] {
        width: 100%;
        text-align: center;
    }
}
/* /Pages/Owner/ServiceCategories.razor.rz.scp.css */
:host[b-b4z7rjfi8s] {
    display: block;
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.categories-shell[b-b4z7rjfi8s] {
    min-height: 100vh;
    background: #07131f;
    color: #ffffff;
    display: grid;
    grid-template-columns: 186px 1fr;
}

.categories-sidebar[b-b4z7rjfi8s] {
    background: #06111c;
    border-right: 1px solid #263646;
    padding: 16px 8px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: auto;
}

.brand[b-b4z7rjfi8s] {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    padding: 4px 10px 10px;
}

.brand-mark[b-b4z7rjfi8s] {
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
}

.brand strong[b-b4z7rjfi8s],
.brand small[b-b4z7rjfi8s] {
    display: block;
}

.brand strong[b-b4z7rjfi8s] {
    font-size: 17px;
}

.brand b[b-b4z7rjfi8s] {
    color: #ffbf00;
}

.brand small[b-b4z7rjfi8s] {
    font-size: 10px;
    margin-top: 2px;
}

.owner-mini[b-b4z7rjfi8s] {
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #294052;
    border-radius: 10px;
    padding: 10px;
}

.owner-avatar[b-b4z7rjfi8s] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #43586b;
    font-weight: 800;
}

.owner-mini strong[b-b4z7rjfi8s],
.owner-mini small[b-b4z7rjfi8s],
.owner-mini em[b-b4z7rjfi8s] {
    display: block;
    color: #ffffff;
    font-size: 10px;
}

.owner-mini strong[b-b4z7rjfi8s] {
    font-size: 12px;
}

.owner-mini em[b-b4z7rjfi8s] {
    color: #43db78;
    font-style: normal;
    margin-top: 3px;
}

.categories-sidebar nav[b-b4z7rjfi8s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.categories-sidebar nav a[b-b4z7rjfi8s] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px;
    border-radius: 7px;
    font-size: 12px;
}

.categories-sidebar nav a.active[b-b4z7rjfi8s] {
    background: linear-gradient(90deg, #4c3b00, #312700);
    color: #ffca1d;
}

.categories-sidebar nav a span[b-b4z7rjfi8s] {
    width: 18px;
    text-align: center;
}

.roles-card[b-b4z7rjfi8s] {
    margin-top: auto;
    border: 1px solid #3c326a;
    background: #181735;
    border-radius: 9px;
    padding: 12px;
}

.roles-card strong[b-b4z7rjfi8s],
.roles-card small[b-b4z7rjfi8s] {
    display: block;
}

.roles-card small[b-b4z7rjfi8s] {
    font-size: 10px;
    line-height: 1.45;
    margin: 7px 0 10px;
}

.roles-card a[b-b4z7rjfi8s] {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #45416d;
    border-radius: 7px;
    padding: 9px;
    font-size: 11px;
}

.logout[b-b4z7rjfi8s] {
    background: transparent;
    border: 1px solid #324658;
    color: #ffffff;
    border-radius: 7px;
    padding: 10px;
    text-align: left;
    cursor: pointer;
}

.categories-main[b-b4z7rjfi8s] {
    padding: 24px;
    min-width: 0;
}

.page-head[b-b4z7rjfi8s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 18px;
}

.page-head h1[b-b4z7rjfi8s] {
    margin: 0;
    font-size: 28px;
}

.page-head p[b-b4z7rjfi8s] {
    margin: 5px 0 0;
    color: #ffffff;
}

.header-actions[b-b4z7rjfi8s],
.row-actions[b-b4z7rjfi8s] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.add-button[b-b4z7rjfi8s] {
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffc72a, #ffb700);
    color: #111111;
    font-weight: 800;
    padding: 12px 18px;
    cursor: pointer;
}

.add-button:disabled[b-b4z7rjfi8s] {
    opacity: 0.65;
    cursor: not-allowed;
}

.outline[b-b4z7rjfi8s] {
    border: 1px solid #3a5164;
    background: transparent;
    color: #ffffff;
    border-radius: 7px;
    padding: 10px 14px;
    cursor: pointer;
}

.success-banner[b-b4z7rjfi8s],
.error-banner[b-b4z7rjfi8s] {
    border-radius: 8px;
    padding: 11px 13px;
    margin-bottom: 14px;
}

.success-banner[b-b4z7rjfi8s] {
    background: #0a4b2a;
    border: 1px solid #1a8b50;
}

.error-banner[b-b4z7rjfi8s] {
    background: #4c1720;
    border: 1px solid #a43b4a;
}

.info-card[b-b4z7rjfi8s] {
    border: 1px solid #254b69;
    background: #0a2132;
    border-radius: 10px;
    padding: 14px;
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.info-icon[b-b4z7rjfi8s] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #123f61;
    color: #62baff;
    font-weight: 800;
}

.info-card p[b-b4z7rjfi8s] {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1.5;
}

.catalog-card[b-b4z7rjfi8s] {
    border: 1px solid #263b4c;
    background: #081824;
    border-radius: 11px;
    overflow: hidden;
    min-height: 420px;
}

.catalog-head[b-b4z7rjfi8s] {
    padding: 16px;
    border-bottom: 1px solid #243849;
}

.catalog-head h2[b-b4z7rjfi8s],
.catalog-head p[b-b4z7rjfi8s] {
    margin: 0;
}

.catalog-head p[b-b4z7rjfi8s] {
    margin-top: 4px;
    font-size: 12px;
}

.table-wrap[b-b4z7rjfi8s] {
    overflow-x: auto;
}

table[b-b4z7rjfi8s] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

th[b-b4z7rjfi8s],
td[b-b4z7rjfi8s] {
    text-align: left;
    padding: 13px 14px;
    border-bottom: 1px solid #203442;
    vertical-align: middle;
}

th[b-b4z7rjfi8s] {
    background: #0d1d2a;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

td strong[b-b4z7rjfi8s],
td small[b-b4z7rjfi8s] {
    display: block;
}

td small[b-b4z7rjfi8s] {
    margin-top: 4px;
    font-size: 10px;
    color: #b8c5cf;
}

.origin[b-b4z7rjfi8s],
.status[b-b4z7rjfi8s] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 8px;
    font-size: 10px;
    font-weight: 700;
}

.origin.global[b-b4z7rjfi8s] {
    background: #173455;
    color: #72baff;
}

.origin.local[b-b4z7rjfi8s] {
    background: #4b3b00;
    color: #ffd24a;
}

.status.active[b-b4z7rjfi8s] {
    background: #0d4d2a;
    color: #5ef094;
}

.status.inactive[b-b4z7rjfi8s] {
    background: #3f4650;
    color: #ffffff;
}

.row-actions button[b-b4z7rjfi8s] {
    border: 1px solid #30485a;
    background: #0b1925;
    color: #ffffff;
    border-radius: 6px;
    padding: 7px 9px;
    cursor: pointer;
}

.row-actions .danger-link[b-b4z7rjfi8s] {
    color: #ff7b7b;
    border-color: #64323a;
}

.readonly[b-b4z7rjfi8s] {
    color: #9caeba;
    font-size: 11px;
}

.empty-state[b-b4z7rjfi8s] {
    min-height: 330px;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    padding: 30px;
}

.empty-state > span[b-b4z7rjfi8s] {
    font-size: 50px;
    color: #ffbf00;
}

.empty-state h2[b-b4z7rjfi8s] {
    margin: 12px 0 5px;
}

.empty-state p[b-b4z7rjfi8s] {
    max-width: 480px;
}

.state-card[b-b4z7rjfi8s] {
    border: 1px solid #2b4152;
    border-radius: 12px;
    background: #0b1925;
    padding: 30px;
}

.state-card button[b-b4z7rjfi8s] {
    background: #ffc21c;
    border: 0;
    border-radius: 7px;
    padding: 10px 14px;
    font-weight: 700;
}

.skeleton[b-b4z7rjfi8s] {
    height: 420px;
    background: linear-gradient(90deg, #102232, #172d3f, #102232);
    border-radius: 10px;
    animation: pulse-b-b4z7rjfi8s 1.3s infinite;
}

@keyframes pulse-b-b4z7rjfi8s {
    50% {
        opacity: 0.55;
    }
}

.modal-layer[b-b4z7rjfi8s] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(5px);
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 22px;
}

.category-modal[b-b4z7rjfi8s],
.confirm-modal[b-b4z7rjfi8s] {
    width: min(520px, 94vw);
    border: 1px solid #3a5264;
    border-radius: 12px;
    background: #0a1925;
    color: #ffffff;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.6);
}

.category-modal > header[b-b4z7rjfi8s] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
    border-bottom: 1px solid #2b4252;
}

.category-modal h2[b-b4z7rjfi8s],
.category-modal header p[b-b4z7rjfi8s] {
    margin: 0;
}

.category-modal header p[b-b4z7rjfi8s] {
    margin-top: 4px;
    font-size: 12px;
}

.category-modal header button[b-b4z7rjfi8s] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #40596a;
    background: transparent;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
}

.modal-content[b-b4z7rjfi8s] {
    padding: 18px;
}

.field > span[b-b4z7rjfi8s] {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
}

.field input[b-b4z7rjfi8s] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #345064;
    background: #0d202d;
    color: #ffffff;
    border-radius: 7px;
    padding: 11px;
    outline: 0;
}

.check-card[b-b4z7rjfi8s] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid #31495b;
    border-radius: 8px;
    background: #0c1c28;
    padding: 10px;
    margin-top: 14px;
}

.check-card strong[b-b4z7rjfi8s],
.check-card small[b-b4z7rjfi8s] {
    display: block;
}

.check-card small[b-b4z7rjfi8s] {
    margin-top: 3px;
    font-size: 10px;
}

.category-modal > footer[b-b4z7rjfi8s] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 18px;
    border-top: 1px solid #2b4252;
}

.confirm-modal[b-b4z7rjfi8s] {
    padding: 22px;
}

.confirm-modal h2[b-b4z7rjfi8s] {
    margin-top: 0;
}

.confirm-modal > div[b-b4z7rjfi8s] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.danger[b-b4z7rjfi8s] {
    background: #b9283b;
    color: #ffffff;
    border: 0;
    border-radius: 7px;
    padding: 10px 13px;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 800px) {
    .categories-shell[b-b4z7rjfi8s] {
        grid-template-columns: 1fr;
    }

    .categories-sidebar[b-b4z7rjfi8s] {
        position: static;
        height: auto;
    }

    .categories-sidebar nav[b-b4z7rjfi8s] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .categories-main[b-b4z7rjfi8s] {
        padding: 14px;
    }

    .page-head[b-b4z7rjfi8s] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .categories-sidebar nav[b-b4z7rjfi8s] {
        grid-template-columns: 1fr;
    }

    .header-actions[b-b4z7rjfi8s] {
        width: 100%;
    }

    .header-actions button[b-b4z7rjfi8s] {
        flex: 1 1 100%;
    }
}
/* /Pages/Owner/Services.razor.rz.scp.css */
:host[b-v3g39n11k1] {
    display:block;
    color:#fff;
    font-family:Inter,Segoe UI,Arial,sans-serif
}

.services-shell[b-v3g39n11k1] {
    min-height:100vh;
    background:#07131f;
    color:#fff;
    display:grid;
    grid-template-columns:186px 1fr
}

.services-sidebar[b-v3g39n11k1] {
    background:#06111c;
    border-right:1px solid #263646;
    padding:16px 8px;
    display:flex;
    flex-direction:column;
    gap:14px;
    position:sticky;
    top:0;
    height:100vh;
    overflow:auto
}

.brand[b-v3g39n11k1] {
    display:flex;
    gap:10px;
    align-items:center;
    text-decoration:none;
    color:#fff;
    padding:4px 10px 10px
}

.brand-mark[b-v3g39n11k1] {
    font-size:30px;
    font-weight:900;
    font-style:italic
}

.brand strong[b-v3g39n11k1] {
    display:block;
    font-size:17px
}

.brand b[b-v3g39n11k1] {
    color:#ffbf00
}

.brand small[b-v3g39n11k1] {
    display:block;
    color:#fff;
    font-size:10px;
    margin-top:2px
}

.owner-mini[b-v3g39n11k1] {
    display:flex;
    gap:10px;
    align-items:center;
    border:1px solid #294052;
    border-radius:10px;
    padding:10px
}

.owner-avatar[b-v3g39n11k1] {
    width:36px;
    height:36px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#43586b;
    font-weight:800
}

.owner-mini strong[b-v3g39n11k1],.owner-mini small[b-v3g39n11k1],.owner-mini em[b-v3g39n11k1] {
    display:block;
    color:#fff;
    font-size:10px
}

.owner-mini strong[b-v3g39n11k1] {
    font-size:12px
}

.owner-mini em[b-v3g39n11k1] {
    font-style:normal;
    color:#43db78;
    margin-top:3px
}

.services-sidebar nav[b-v3g39n11k1] {
    display:flex;
    flex-direction:column;
    gap:2px
}

.services-sidebar nav a[b-v3g39n11k1] {
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    text-decoration:none;
    padding:10px;
    border-radius:7px;
    font-size:12px
}

.services-sidebar nav a.active[b-v3g39n11k1] {
    background:linear-gradient(90deg,#4c3b00,#312700);
    color:#ffca1d
}

.services-sidebar nav a span[b-v3g39n11k1] {
    width:18px;
    text-align:center
}

.roles-card[b-v3g39n11k1] {
    margin-top:auto;
    border:1px solid #3c326a;
    background:#181735;
    border-radius:9px;
    padding:12px;
    color:#fff
}

.roles-card strong[b-v3g39n11k1],.roles-card small[b-v3g39n11k1] {
    display:block
}

.roles-card small[b-v3g39n11k1] {
    font-size:10px;
    line-height:1.45;
    margin:7px 0 10px
}

.roles-card a[b-v3g39n11k1] {
    display:flex;
    justify-content:space-between;
    color:#fff;
    text-decoration:none;
    border:1px solid #45416d;
    border-radius:7px;
    padding:9px;
    font-size:11px
}

.logout[b-v3g39n11k1] {
    background:transparent;
    border:1px solid #324658;
    color:#fff;
    border-radius:7px;
    padding:10px;
    text-align:left;
    cursor:pointer
}

.services-main[b-v3g39n11k1] {
    padding:24px;
    min-width:0
}

.page-head[b-v3g39n11k1] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:18px
}

.page-head h1[b-v3g39n11k1] {
    margin:0;
    font-size:28px
}

.page-head p[b-v3g39n11k1] {
    margin:5px 0 0;
    color:#fff
}

.add-button[b-v3g39n11k1] {
    border:0;
    border-radius:8px;
    background:linear-gradient(180deg,#ffc72a,#ffb700);
    color:#111;
    font-weight:800;
    padding:12px 18px;
    cursor:pointer
}

.success-banner[b-v3g39n11k1],.error-banner[b-v3g39n11k1] {
    border-radius:8px;
    padding:11px 13px;
    margin-bottom:14px
}

.success-banner[b-v3g39n11k1] {
    background:#0a4b2a;
    border:1px solid #1a8b50;
    color:#fff
}

.error-banner[b-v3g39n11k1] {
    background:#4c1720;
    border:1px solid #a43b4a;
    color:#fff
}

.kpi-row[b-v3g39n11k1] {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px
}

.kpi[b-v3g39n11k1] {
    border:1px solid #263b4c;
    background:#0b1a27;
    border-radius:11px;
    padding:16px;
    display:flex;
    gap:12px;
    align-items:center;
    min-height:94px
}

.bubble[b-v3g39n11k1] {
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:20px;
    box-shadow:0 0 24px currentColor
}

.yellow[b-v3g39n11k1] {
    color:#ffc400;
    background:#574500
}

.blue[b-v3g39n11k1] {
    color:#41a3ff;
    background:#0a3560
}

.green[b-v3g39n11k1] {
    color:#45d56b;
    background:#0c5124
}

.purple[b-v3g39n11k1] {
    color:#ba68ff;
    background:#40205c
}

.kpi small[b-v3g39n11k1],.kpi em[b-v3g39n11k1] {
    display:block;
    color:#fff;
    font-style:normal
}

.kpi strong[b-v3g39n11k1] {
    display:block;
    font-size:24px;
    margin:4px 0
}

.kpi em[b-v3g39n11k1] {
    font-size:10px
}

.catalog-card[b-v3g39n11k1] {
    border:1px solid #263b4c;
    background:#081824;
    border-radius:11px;
    overflow:hidden;
    min-height:560px
}

.filters[b-v3g39n11k1] {
    display:grid;
    grid-template-columns:minmax(280px,1.4fr) minmax(160px,.7fr) minmax(180px,.8fr) auto;
    gap:10px;
    padding:12px;
    border-bottom:1px solid #243849
}

.filters label[b-v3g39n11k1] {
    border:1px solid #2c4355;
    border-radius:7px;
    background:#0b1925;
    padding:8px 10px
}

.filters label>span[b-v3g39n11k1] {
    display:block;
    font-size:9px;
    color:#fff;
    margin-bottom:3px
}

.filters input[b-v3g39n11k1],.filters select[b-v3g39n11k1] {
    width:100%;
    border:0;
    background:transparent;
    color:#fff;
    outline:0
}

.filters select option[b-v3g39n11k1] {
    background:#0b1925;
    color:#fff
}

.search[b-v3g39n11k1] {
    display:flex!important;
    align-items:center;
    gap:8px
}

.search>span[b-v3g39n11k1] {
    font-size:18px!important;
    margin:0!important
}

.outline[b-v3g39n11k1] {
    border:1px solid #3a5164;
    background:transparent;
    color:#fff;
    border-radius:7px;
    padding:10px 14px;
    cursor:pointer
}

.service-grid[b-v3g39n11k1] {
    display:grid;
    /* =========================================================
       RESPONSIVE REAL DEL CATÁLOGO
       La cantidad de tarjetas se adapta al espacio disponible.
       No se fuerza un número fijo de columnas en escritorio.
       ========================================================= */
    grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
    gap:14px;
    padding:16px;
    width:100%;
    min-width:0
}

.service-card[b-v3g39n11k1] {
    border:1px solid #2a4052;
    background:#0a1824;
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-width:0
}

.service-card.inactive[b-v3g39n11k1] {
    opacity:.72
}

.service-image[b-v3g39n11k1] {
    /* =========================================================
       IMAGEN RESPONSIVE DEL SERVICIO
       Mantiene la proporción 16:9 y evita recortar la imagen.
       ========================================================= */
    width:100%;
    aspect-ratio:16 / 9;
    background:radial-gradient(circle at 50% 45%,#243647,#0a1721);
    display:grid;
    place-items:center;
    position:relative;
    overflow:hidden
}

.service-image img[b-v3g39n11k1] {
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:center
}

.service-image>span[b-v3g39n11k1] {
    font-size:46px;
    color:#ffbf00
}

.status[b-v3g39n11k1] {
    position:absolute;
    right:10px;
    top:10px;
    padding:5px 8px;
    border-radius:999px;
    font-size:10px
}

.status.active[b-v3g39n11k1] {
    background:#0d4d2a;
    color:#5ef094
}

.status.off[b-v3g39n11k1] {
    background:#3f4650;
    color:#fff
}

.service-body[b-v3g39n11k1] {
    padding:14px;
    flex:1
}

.service-title[b-v3g39n11k1] {
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:start
}

.service-title small[b-v3g39n11k1] {
    color:#fff
}

.service-title h3[b-v3g39n11k1] {
    margin:3px 0 0;
    font-size:17px
}

.service-title>strong[b-v3g39n11k1] {
    white-space:nowrap;
    color:#55e47c;
    font-size:17px
}

.service-body p[b-v3g39n11k1] {
    color:#fff;
    font-size:12px;
    line-height:1.45;
    min-height:34px
}

.service-meta[b-v3g39n11k1],.modes[b-v3g39n11k1] {
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-top:10px
}

.service-meta span[b-v3g39n11k1],.modes span[b-v3g39n11k1] {
    font-size:10px;
    padding:5px 7px;
    border:1px solid #2f4658;
    border-radius:999px;
    color:#fff
}

.service-meta .online[b-v3g39n11k1] {
    color:#60ee8c;
    border-color:#24683c
}

.service-card footer[b-v3g39n11k1] {
    display:flex;
    gap:7px;
    padding:11px 14px;
    border-top:1px solid #253949
}

.service-card footer button[b-v3g39n11k1] {
    border:1px solid #30485a;
    background:#0b1925;
    color:#fff;
    border-radius:6px;
    padding:7px 9px;
    cursor:pointer
}

.service-card footer .danger-link[b-v3g39n11k1] {
    margin-left:auto;
    color:#ff7b7b;
    border-color:#64323a
}

.empty-state[b-v3g39n11k1] {
    min-height:430px;
    display:grid;
    place-items:center;
    align-content:center;
    text-align:center;
    padding:30px
}

.empty-state>span[b-v3g39n11k1] {
    font-size:50px;
    color:#ffbf00
}

.empty-state h2[b-v3g39n11k1] {
    margin:12px 0 5px
}

.empty-state p[b-v3g39n11k1] {
    color:#fff;
    max-width:470px
}

.state-card[b-v3g39n11k1] {
    border:1px solid #2b4152;
    border-radius:12px;
    background:#0b1925;
    padding:30px;
    color:#fff
}

.state-card button[b-v3g39n11k1] {
    background:#ffc21c;
    border:0;
    border-radius:7px;
    padding:10px 14px;
    font-weight:700
}

.skeleton[b-v3g39n11k1] {
    height:96px;
    background:linear-gradient(90deg,#102232,#172d3f,#102232);
    border-radius:10px;
    animation:pulse-b-v3g39n11k1 1.3s infinite
}

.skeleton.big[b-v3g39n11k1] {
    height:450px
}

@keyframes pulse-b-v3g39n11k1 {
    50% {
        opacity:.55
    }

}

.modal-layer[b-v3g39n11k1] {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(5px);
    z-index:5000;
    display:grid;
    place-items:center;
    padding:22px
}

.service-modal[b-v3g39n11k1] {
    width:min(820px,96vw);
    max-height:92vh;
    overflow:auto;
    border:1px solid #345064;
    border-radius:13px;
    background:#091923;
    color:#fff;
    box-shadow:0 28px 90px rgba(0,0,0,.6)
}

.service-modal>header[b-v3g39n11k1] {
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:20px;
    border-bottom:1px solid #2b4252;
    position:sticky;
    top:0;
    background:#091923;
    z-index:2
}

.service-modal h2[b-v3g39n11k1] {
    margin:0;
    font-size:26px
}

.service-modal header p[b-v3g39n11k1] {
    margin:4px 0 0;
    color:#fff
}

.service-modal header button[b-v3g39n11k1] {
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid #40596a;
    background:transparent;
    color:#fff;
    font-size:20px;
    cursor:pointer
}

.modal-content[b-v3g39n11k1] {
    padding:20px
}

.image-picker[b-v3g39n11k1] {
    display:grid;
    grid-template-columns:100px 1fr;
    gap:16px;
    align-items:center;
    border:1px dashed #9b7900;
    background:#111c20;
    border-radius:10px;
    padding:14px;
    margin-bottom:16px
}

.image-preview[b-v3g39n11k1] {
    width:100px;
    height:84px;
    border-radius:9px;
    background:#152735;
    display:grid;
    place-items:center;
    overflow:hidden;
    color:#ffbf00;
    font-size:30px
}

.image-preview img[b-v3g39n11k1] {
    width:100%;
    height:100%;
    object-fit:cover
}

.image-picker p[b-v3g39n11k1] {
    margin:5px 0 10px;
    color:#fff;
    font-size:11px
}

.upload-button[b-v3g39n11k1] {
    display:inline-block;
    background:#2b3540;
    border:1px solid #536779;
    color:#fff;
    border-radius:7px;
    padding:8px 11px;
    cursor:pointer
}

.native-file[b-v3g39n11k1] {
    position:absolute;
    left:-9999px
}

.file-name[b-v3g39n11k1] {
    margin-left:10px;
    color:#fff
}

.form-grid[b-v3g39n11k1] {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}

.form-grid label>span[b-v3g39n11k1],.deposit-input>span[b-v3g39n11k1] {
    display:block;
    font-size:10px;
    color:#fff;
    margin-bottom:5px
}

.form-grid input[b-v3g39n11k1],.form-grid select[b-v3g39n11k1],.form-grid textarea[b-v3g39n11k1],.deposit-input input[b-v3g39n11k1] {
    width:100%;
    box-sizing:border-box;
    border:1px solid #345064;
    background:#0d202d;
    color:#fff;
    border-radius:7px;
    padding:10px;
    outline:0
}

.form-grid select option[b-v3g39n11k1] {
    background:#0d202d
}

.form-grid .full[b-v3g39n11k1] {
    grid-column:1/-1
}

.check-card[b-v3g39n11k1] {
    display:flex!important;
    gap:10px!important;
    align-items:flex-start!important;
    border:1px solid #31495b!important;
    border-radius:8px!important;
    background:#0c1c28!important;
    padding:10px!important
}

.check-card input[b-v3g39n11k1] {
    width:auto!important;
    margin-top:3px
}

.check-card span[b-v3g39n11k1] {
    margin:0!important
}

.check-card strong[b-v3g39n11k1],.check-card small[b-v3g39n11k1] {
    display:block;
    color:#fff
}

.check-card small[b-v3g39n11k1] {
    font-size:10px;
    margin-top:3px
}

.form-section[b-v3g39n11k1] {
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #29404f
}

.form-section h3[b-v3g39n11k1] {
    margin:0 0 10px
}

.checks[b-v3g39n11k1] {
    display:flex;
    gap:10px;
    flex-wrap:wrap
}

.checks label[b-v3g39n11k1] {
    border:1px solid #31495b;
    border-radius:8px;
    padding:9px 11px;
    background:#0c1c28
}

.deposit-section[b-v3g39n11k1] {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}

.deposit-input>div[b-v3g39n11k1] {
    display:flex;
    align-items:center;
    gap:8px
}

.deposit-input b[b-v3g39n11k1] {
    font-size:18px
}

.active-check[b-v3g39n11k1] {
    margin-top:16px
}

.modal-footer[b-v3g39n11k1] {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding:16px 20px;
    border-top:1px solid #2b4252;
    position:sticky;
    bottom:0;
    background:#091923
}

.confirm-modal[b-v3g39n11k1] {
    width:min(440px,94vw);
    border:1px solid #3a5264;
    border-radius:12px;
    background:#0a1925;
    color:#fff;
    padding:22px
}

.confirm-modal h2[b-v3g39n11k1] {
    margin-top:0
}

.confirm-modal p[b-v3g39n11k1] {
    line-height:1.5
}

.confirm-modal>div[b-v3g39n11k1] {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:18px
}

.danger[b-v3g39n11k1] {
    background:#b9283b;
    color:#fff;
    border:0;
    border-radius:7px;
    padding:10px 13px;
    font-weight:700;
    cursor:pointer
}

@media(max-width:1100px) {
    .kpi-row[b-v3g39n11k1] {
        grid-template-columns:repeat(2,1fr)
    }


}

@media(max-width:800px) {
    .services-shell[b-v3g39n11k1] {
        grid-template-columns:1fr
    }

    .services-sidebar[b-v3g39n11k1] {
        position:static;
        height:auto
    }

    .services-sidebar nav[b-v3g39n11k1] {
        display:grid;
        grid-template-columns:repeat(2,1fr)
    }

    .services-main[b-v3g39n11k1] {
        padding:14px
    }

    .filters[b-v3g39n11k1] {
        grid-template-columns:1fr 1fr
    }


}

@media(max-width:560px) {
    .kpi-row[b-v3g39n11k1],.filters[b-v3g39n11k1],.form-grid[b-v3g39n11k1],.deposit-section[b-v3g39n11k1] {
        grid-template-columns:1fr
    }

    .page-head[b-v3g39n11k1] {
        align-items:flex-start;
        flex-direction:column
    }

    .image-picker[b-v3g39n11k1] {
        grid-template-columns:1fr
    }

    .service-modal[b-v3g39n11k1] {
        width:100%
    }

    .modal-layer[b-v3g39n11k1] {
        padding:8px
    }

}

/* =========================================================    ACCESO AL CATÁLOGO DE CATEGORÍAS    ========================================================= */ .header-actions[b-v3g39n11k1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.category-link[b-v3g39n11k1] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.field-help-link[b-v3g39n11k1] {
    display: inline-block;
    margin-top: 6px;
    color: #ffca1d;
    font-size: 10px;
    text-decoration: none;
}

.field-help-link:hover[b-v3g39n11k1] {
    text-decoration: underline;
}

@media (max-width: 560px) {
    .header-actions[b-v3g39n11k1] {
        width: 100%;
    }

    .header-actions > *[b-v3g39n11k1] {
        flex: 1 1 100%;
        justify-content: center;
        text-align: center;
    }

}


/* =========================================================
   ASIGNACIÓN DE PROFESIONALES
   ========================================================= */

.service-card footer .assign-link[b-v3g39n11k1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 193, 7, .55);
    border-radius: 8px;
    color: #ffc107;
    background: rgba(255, 193, 7, .08);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.service-card footer .assign-link:hover[b-v3g39n11k1] {
    border-color: #ffc107;
    background: rgba(255, 193, 7, .14);
    color: #ffd65a;
    transform: translateY(-1px);
}

@media (max-width: 720px) {
    .service-card footer .assign-link[b-v3g39n11k1] {
        width: 100%;
    }
}


/* =========================================================
   MODAL - ASIGNACIÓN DE PROFESIONALES AL SERVICIO
   ========================================================= */

.assign-link[b-v3g39n11k1] {
    border: 1px solid #806500;
    background: #171c12;
    color: #ffc400;
    border-radius: 7px;
    padding: 9px 11px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.assignments-modal[b-v3g39n11k1] {
    width: min(760px, calc(100vw - 32px));
    max-height: min(820px, calc(100vh - 32px));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #33495a;
    border-radius: 14px;
    background: #0a1824;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
}

.assignments-modal-header[b-v3g39n11k1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid #263b4c;
}

.assignments-modal-header small[b-v3g39n11k1],
.assignments-modal-header p[b-v3g39n11k1] {
    color: #b7c4cf;
}

.assignments-modal-header small[b-v3g39n11k1] {
    display: block;
    margin-bottom: 5px;
    color: #ffc400;
    font-weight: 700;
}

.assignments-modal-header h2[b-v3g39n11k1] {
    margin: 0;
    color: #fff;
    font-size: 22px;
}

.assignments-modal-header p[b-v3g39n11k1] {
    margin: 6px 0 0;
    font-size: 12px;
}

.modal-close[b-v3g39n11k1] {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border: 1px solid #3b5264;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.assignments-toolbar[b-v3g39n11k1] {
    display: grid;
    grid-template-columns: minmax(210px, .8fr) minmax(260px, 1.2fr);
    gap: 12px;
    padding: 16px 22px 10px;
}

.assignments-toolbar label[b-v3g39n11k1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.assignments-toolbar label > span[b-v3g39n11k1] {
    color: #c8d3dc;
    font-size: 11px;
}

.assignments-toolbar select[b-v3g39n11k1],
.assignments-toolbar input[b-v3g39n11k1] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #334b5d;
    border-radius: 8px;
    background: #0d1d2a;
    color: #fff;
    padding: 0 12px;
    outline: none;
}

.assignments-toolbar select option[b-v3g39n11k1] {
    background: #0d1d2a;
    color: #fff;
}

.assignment-summary[b-v3g39n11k1] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 22px 12px;
    color: #c5d0d9;
    font-size: 11px;
}

.assignment-summary strong[b-v3g39n11k1] {
    color: #ffc400;
}

.assignment-professional-list[b-v3g39n11k1] {
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 4px 22px 18px;
}

.assignment-professional[b-v3g39n11k1] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto 46px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 1px solid #2c4253;
    border-radius: 10px;
    background: #0c1b27;
    padding: 12px;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

.assignment-professional.selected[b-v3g39n11k1] {
    border-color: #9b7a00;
    background: #1b1c12;
}

.assignment-professional input[b-v3g39n11k1] {
    width: 17px;
    height: 17px;
    accent-color: #ffc400;
}

.assignment-avatar[b-v3g39n11k1] {
    width: 46px;
    height: 46px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #1c3446;
    color: #ffc400;
}

.assignment-avatar img[b-v3g39n11k1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.assignment-professional-info[b-v3g39n11k1] {
    min-width: 0;
}

.assignment-professional-info strong[b-v3g39n11k1],
.assignment-professional-info small[b-v3g39n11k1] {
    display: block;
}

.assignment-professional-info strong[b-v3g39n11k1] {
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assignment-professional-info small[b-v3g39n11k1] {
    margin-top: 4px;
    color: #9fb0bd;
    font-size: 10px;
}

.assignment-professional-info small.assigned[b-v3g39n11k1] {
    color: #50de79;
}

.assignments-state[b-v3g39n11k1] {
    margin: 18px 22px;
    padding: 18px;
    border: 1px dashed #385164;
    border-radius: 10px;
    background: #0b1a26;
    color: #fff;
}

.assignments-state p[b-v3g39n11k1] {
    margin: 7px 0 0;
    color: #b7c4cf;
}

.assignments-state.error[b-v3g39n11k1] {
    border-color: #843b47;
    background: #30151c;
}

.assignments-state .outline[b-v3g39n11k1] {
    margin-top: 12px;
}

.assignments-modal-footer[b-v3g39n11k1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: auto;
    padding: 14px 22px;
    border-top: 1px solid #263b4c;
    background: #091620;
}

@media (max-width: 720px) {
    .assignments-toolbar[b-v3g39n11k1],
    .assignment-professional-list[b-v3g39n11k1] {
        grid-template-columns: 1fr;
    }

    .assignment-summary[b-v3g39n11k1] {
        flex-direction: column;
    }

    .assignments-modal[b-v3g39n11k1] {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
    }
}


/* =========================================================
   RESPONSIVE - SERVICIOS DEL PROPIETARIO
   Ajuste 2026-09-09
   - Menú hamburguesa real en tablet/móvil.
   - Evita que el menú lateral completo ocupe la pantalla inicial.
   - KPIs, filtros, tarjetas, acciones y modales se adaptan al ancho.
   - Se elimina el scroll horizontal general de la página.
   ========================================================= */
.mobile-menu-toggle[b-v3g39n11k1],
.mobile-menu-close[b-v3g39n11k1],
.mobile-menu-backdrop[b-v3g39n11k1] {
    display: none;
}

@media (max-width: 900px) {
    :host[b-v3g39n11k1] {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .services-shell[b-v3g39n11k1] {
        display: block;
        width: 100%;
        max-width: 100vw;
        min-height: 100vh;
        overflow-x: hidden;
    }

    .mobile-menu-toggle[b-v3g39n11k1] {
        position: fixed;
        top: 14px;
        left: 14px;
        z-index: 4100;
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid #304454;
        border-radius: 10px;
        background: #0a1722;
        color: #fff;
        font-size: 23px;
        line-height: 1;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .34);
        cursor: pointer;
    }

    .mobile-menu-backdrop[b-v3g39n11k1] {
        position: fixed;
        inset: 0;
        z-index: 4190;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(0, 0, 0, .66);
        backdrop-filter: blur(3px);
    }

    .services-sidebar[b-v3g39n11k1] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 4200;
        width: min(88vw, 360px);
        max-width: 360px;
        height: 100dvh;
        padding: 18px 12px 16px;
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 20px 0 55px rgba(0, 0, 0, .45);
    }

    .services-sidebar.mobile-open[b-v3g39n11k1] {
        transform: translateX(0);
    }

    .mobile-menu-close[b-v3g39n11k1] {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        padding: 0;
        border: 1px solid #334756;
        border-radius: 50%;
        background: #101d28;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
    }

    .services-sidebar .brand[b-v3g39n11k1] {
        padding-right: 46px;
    }

    .services-sidebar nav[b-v3g39n11k1] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .services-main[b-v3g39n11k1] {
        width: 100%;
        min-width: 0;
        padding: 76px 14px 18px;
        overflow-x: hidden;
    }

    .page-head[b-v3g39n11k1] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .header-actions[b-v3g39n11k1] {
        width: 100%;
    }

    .header-actions > *[b-v3g39n11k1] {
        flex: 1 1 220px;
        justify-content: center;
        text-align: center;
    }

    .kpi-row[b-v3g39n11k1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filters[b-v3g39n11k1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filters .search[b-v3g39n11k1] {
        grid-column: 1 / -1;
    }

    .filters .outline[b-v3g39n11k1] {
        min-height: 48px;
    }


    .service-card footer[b-v3g39n11k1] {
        flex-wrap: wrap;
    }

    .service-card footer button[b-v3g39n11k1] {
        min-width: 0;
        flex: 1 1 calc(50% - 8px);
    }

    .service-card footer .assign-link[b-v3g39n11k1] {
        flex-basis: 100%;
    }

    .service-modal[b-v3g39n11k1],
    .assignments-modal[b-v3g39n11k1] {
        width: min(100%, 760px);
        max-width: calc(100vw - 20px);
    }
}

@media (max-width: 620px) {
    .services-main[b-v3g39n11k1] {
        padding: 72px 10px 16px;
    }

    .page-head h1[b-v3g39n11k1] {
        font-size: 26px;
    }

    .page-head p[b-v3g39n11k1] {
        font-size: 14px;
        line-height: 1.45;
    }

    .header-actions[b-v3g39n11k1] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .header-actions > *[b-v3g39n11k1] {
        width: 100%;
    }

    .kpi-row[b-v3g39n11k1],
    .filters[b-v3g39n11k1],
    .service-grid[b-v3g39n11k1],
    .form-grid[b-v3g39n11k1],
    .deposit-section[b-v3g39n11k1],
    .assignments-toolbar[b-v3g39n11k1],
    .assignment-professional-list[b-v3g39n11k1] {
        grid-template-columns: 1fr;
    }

    .kpi[b-v3g39n11k1] {
        min-height: 86px;
        padding: 14px;
    }

    .filters[b-v3g39n11k1] {
        padding: 10px;
    }

    .filters .search[b-v3g39n11k1] {
        grid-column: auto;
    }

    .catalog-card[b-v3g39n11k1] {
        min-height: 0;
    }

    .service-grid[b-v3g39n11k1] {
        padding: 10px;
        gap: 12px;
    }

    .service-title[b-v3g39n11k1] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .service-meta[b-v3g39n11k1],
    .modes[b-v3g39n11k1] {
        flex-wrap: wrap;
    }

    .service-card footer[b-v3g39n11k1] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .service-card footer button[b-v3g39n11k1],
    .service-card footer .assign-link[b-v3g39n11k1] {
        width: 100%;
        min-width: 0;
    }

    .service-card footer .assign-link[b-v3g39n11k1] {
        grid-column: 1 / -1;
    }

    .modal-layer[b-v3g39n11k1] {
        padding: 6px;
        align-items: flex-start;
    }

    .service-modal[b-v3g39n11k1],
    .assignments-modal[b-v3g39n11k1] {
        width: 100%;
        max-width: 100%;
        max-height: calc(100dvh - 12px);
        margin-top: 0;
        border-radius: 10px;
    }

    .service-modal header[b-v3g39n11k1],
    .assignments-modal-header[b-v3g39n11k1] {
        padding: 16px;
    }

    .modal-content[b-v3g39n11k1] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .image-picker[b-v3g39n11k1] {
        grid-template-columns: 1fr;
    }

    .assignment-summary[b-v3g39n11k1] {
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .kpi-row[b-v3g39n11k1] {
        grid-template-columns: 1fr;
    }

    .service-card footer[b-v3g39n11k1] {
        grid-template-columns: 1fr;
    }

    .service-card footer .assign-link[b-v3g39n11k1] {
        grid-column: auto;
    }
}
/* /Pages/Owner/Settings.razor.rz.scp.css */
.settings-shell[b-6p5ab8qknm]{min-height:100vh;background:#061421;color:#fff;display:grid;grid-template-columns:230px minmax(0,1fr);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.settings-sidebar[b-6p5ab8qknm]{position:sticky;top:0;height:100vh;box-sizing:border-box;background:#04101b;border-right:1px solid #1d3343;padding:18px 10px;display:flex;flex-direction:column;gap:14px;overflow:auto}.brand[b-6p5ab8qknm]{display:grid;color:#fff;text-decoration:none;padding:4px 10px 14px}.brand strong[b-6p5ab8qknm]{font-size:22px;font-style:italic}.brand b[b-6p5ab8qknm]{color:#ffc400}.brand small[b-6p5ab8qknm]{font-size:8px;letter-spacing:.08em;text-transform:uppercase}.logout[b-6p5ab8qknm]{margin-top:auto;background:transparent;color:#fff;border:1px solid #294252;border-radius:8px;padding:10px;text-align:left;cursor:pointer}.settings-main[b-6p5ab8qknm]{padding:24px 28px;min-width:0}.page-head h1[b-6p5ab8qknm]{font-size:30px;margin:0 0 4px}.page-head p[b-6p5ab8qknm],.integration-head p[b-6p5ab8qknm],.panel p[b-6p5ab8qknm]{margin:0;color:#c8d5df}.settings-tabs[b-6p5ab8qknm]{margin:24px 0 18px;background:#0a1b28;border:1px solid #203746;border-radius:12px;padding:0 10px;display:flex;align-items:center;overflow:auto}.settings-tabs a[b-6p5ab8qknm],.settings-tabs button[b-6p5ab8qknm]{flex:0 0 auto;padding:16px 14px;color:#c9d5de;background:transparent;border:0;border-bottom:3px solid transparent;text-decoration:none;font:inherit;cursor:pointer}.settings-tabs .active[b-6p5ab8qknm]{color:#ffd21f;border-bottom-color:#ffd21f;font-weight:800}.integration-head[b-6p5ab8qknm]{display:flex;gap:16px;align-items:center;padding:10px 0 20px;border-bottom:1px solid #203746}.wa-logo[b-6p5ab8qknm]{width:66px;height:66px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#4ee878,#08aa4d);font-size:38px;font-weight:900}.integration-copy[b-6p5ab8qknm]{flex:1}.title-row[b-6p5ab8qknm]{display:flex;align-items:center;gap:10px}.title-row h2[b-6p5ab8qknm]{margin:0;font-size:25px}.title-row span[b-6p5ab8qknm]{font-size:10px;background:#3544a8;border-radius:999px;padding:5px 9px;font-weight:900}.guide-button[b-6p5ab8qknm]{border:1px solid #335da0;background:#0b1d34;color:#fff;border-radius:10px;padding:13px 16px;text-decoration:none;font-weight:700}.wa-tabs[b-6p5ab8qknm]{display:flex;border-bottom:1px solid #203746;margin-bottom:16px}.wa-tabs button[b-6p5ab8qknm]{min-width:190px;padding:15px;background:transparent;border:0;border-bottom:3px solid transparent;color:#c7d3dd;font-weight:700;cursor:pointer}.wa-tabs button.active[b-6p5ab8qknm]{color:#ffd21f;border-bottom-color:#ffd21f}.panel[b-6p5ab8qknm]{background:#081925;border:1px solid #294252;border-radius:13px}.connection-grid[b-6p5ab8qknm]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:16px}.connection-panel[b-6p5ab8qknm]{padding:20px}.panel-title[b-6p5ab8qknm]{display:flex;gap:12px;align-items:center}.panel-title h3[b-6p5ab8qknm],.status-card h3[b-6p5ab8qknm],.message-list h3[b-6p5ab8qknm],.editor-panel h3[b-6p5ab8qknm],.rules-panel h3[b-6p5ab8qknm]{margin:0 0 4px}.panel-icon[b-6p5ab8qknm]{width:42px;height:42px;border-radius:10px;background:#082b4c;color:#55aaff;display:grid;place-items:center}.form-grid[b-6p5ab8qknm]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.form-grid label[b-6p5ab8qknm]{display:grid;gap:7px}.form-grid label.full[b-6p5ab8qknm]{grid-column:1/-1}.form-grid label>span[b-6p5ab8qknm],.field-label[b-6p5ab8qknm]{font-size:12px;font-weight:800}.form-grid input[b-6p5ab8qknm],.form-grid select[b-6p5ab8qknm],.editor-panel textarea[b-6p5ab8qknm]{box-sizing:border-box;width:100%;background:#0d2230;border:1px solid #355064;border-radius:8px;color:#fff;padding:11px 12px;outline:none}.form-grid input:focus[b-6p5ab8qknm],.form-grid select:focus[b-6p5ab8qknm],.editor-panel textarea:focus[b-6p5ab8qknm]{border-color:#ffc400}.form-grid small[b-6p5ab8qknm]{color:#c9d4dc}.secret-field[b-6p5ab8qknm]{position:relative}.secret-field input[b-6p5ab8qknm]{padding-right:42px}.secret-field span[b-6p5ab8qknm]{position:absolute;right:13px;top:10px}.form-footer[b-6p5ab8qknm]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.toggle-row[b-6p5ab8qknm]{display:flex;align-items:center;gap:10px}.toggle-row input[b-6p5ab8qknm]{accent-color:#20d36d;width:20px;height:20px}.toggle-row span[b-6p5ab8qknm],.toggle-row small[b-6p5ab8qknm]{display:block}.toggle-row small[b-6p5ab8qknm]{color:#c7d3dc;font-size:10px}.primary[b-6p5ab8qknm],.secondary[b-6p5ab8qknm],.test-button[b-6p5ab8qknm]{border-radius:8px;padding:11px 16px;font-weight:800}.primary[b-6p5ab8qknm]{background:#ffc400;color:#111;border:0}.primary:disabled[b-6p5ab8qknm],.test-button:disabled[b-6p5ab8qknm]{opacity:.48;cursor:not-allowed}.secondary[b-6p5ab8qknm],.test-button[b-6p5ab8qknm]{background:#0a1c28;color:#fff;border:1px solid #355064}.implementation-note[b-6p5ab8qknm]{margin-top:16px;padding:11px 12px;border:1px solid #36506a;background:#0a2035;border-radius:8px;color:#cfe1f3;font-size:11px;line-height:1.45}.status-column[b-6p5ab8qknm]{display:grid;gap:16px;align-content:start}.status-card[b-6p5ab8qknm]{padding:18px}.status-title[b-6p5ab8qknm]{display:flex;align-items:center;gap:9px}.status-title>span[b-6p5ab8qknm]{width:28px;height:28px;border-radius:50%;background:#0bbf62;display:grid;place-items:center}.status-title h3[b-6p5ab8qknm]{flex:1}.status-title b[b-6p5ab8qknm]{background:#4a5863;border-radius:999px;padding:5px 9px;font-size:10px}.status-title b.ok[b-6p5ab8qknm]{background:#0b8d4b}.status-card>p[b-6p5ab8qknm]{margin:10px 0 14px}.status-card dl[b-6p5ab8qknm]{display:grid;gap:9px;margin:0 0 14px}.status-card dl div[b-6p5ab8qknm]{display:flex;gap:10px;justify-content:space-between}.status-card dt[b-6p5ab8qknm]{color:#aebfca}.status-card dd[b-6p5ab8qknm]{margin:0;text-align:right;word-break:break-all}.test-button[b-6p5ab8qknm]{width:100%;color:#72e7a4;border-color:#228a55}.messages-grid[b-6p5ab8qknm]{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.7fr);gap:14px}.message-list[b-6p5ab8qknm]{padding:12px}.list-head[b-6p5ab8qknm]{padding:7px 6px 14px}.message-item[b-6p5ab8qknm]{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto 14px;gap:10px;align-items:center;background:transparent;color:#fff;border:1px solid transparent;border-top-color:#1c3444;padding:10px;text-align:left;cursor:pointer}.message-item.selected[b-6p5ab8qknm]{background:#0b2130;border:1px solid #ffc400;border-radius:9px}.message-icon[b-6p5ab8qknm]{width:38px;height:38px;border-radius:9px;background:#153a71;display:grid;place-items:center}.message-name[b-6p5ab8qknm]{min-width:0}.message-name strong[b-6p5ab8qknm],.message-name small[b-6p5ab8qknm]{display:block}.message-name small[b-6p5ab8qknm]{margin-top:3px;color:#b8c8d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill[b-6p5ab8qknm]{font-size:10px;border-radius:999px;padding:5px 8px;font-weight:800}.pill.on[b-6p5ab8qknm]{background:#12a85a}.pill.off[b-6p5ab8qknm]{background:#46545f}.editor-panel[b-6p5ab8qknm]{padding:18px}.editor-head[b-6p5ab8qknm]{display:flex;justify-content:space-between;gap:16px}.switch[b-6p5ab8qknm]{display:flex;align-items:center;gap:8px}.switch input[b-6p5ab8qknm]{accent-color:#19ca66}.switch b[b-6p5ab8qknm]{font-size:11px}.info-strip[b-6p5ab8qknm]{margin:15px 0;padding:10px;border:1px solid #24599b;background:#09213d;border-radius:8px;color:#72b6ff;font-size:11px}.editor-grid[b-6p5ab8qknm]{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.editor-panel textarea[b-6p5ab8qknm]{height:210px;resize:vertical;line-height:1.55;margin-top:7px}.counter[b-6p5ab8qknm]{text-align:right;color:#aabac5;font-size:10px}.variables[b-6p5ab8qknm]{border:1px solid #294252;border-radius:9px;padding:12px}.variables h4[b-6p5ab8qknm]{margin:0 0 5px}.variables p[b-6p5ab8qknm]{font-size:10px;margin-bottom:9px}.variables button[b-6p5ab8qknm]{display:grid;grid-template-columns:auto 1fr;gap:7px;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:5px 0;cursor:pointer}.variables code[b-6p5ab8qknm]{color:#5ba8ff;background:#092442;padding:2px 4px;border-radius:4px}.variables span[b-6p5ab8qknm]{font-size:10px}.preview[b-6p5ab8qknm]{margin-top:10px;padding:12px;background:#07131b;border:1px solid #294252;border-radius:9px}.preview>strong[b-6p5ab8qknm],.preview>small[b-6p5ab8qknm]{display:block}.preview>small[b-6p5ab8qknm]{color:#aebdc7;font-size:10px}.bubble[b-6p5ab8qknm]{white-space:pre-line;margin-top:10px;background:#1c3441;border-radius:8px;padding:11px;max-width:85%;font-size:12px;line-height:1.5}.editor-panel footer[b-6p5ab8qknm]{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.rules-panel[b-6p5ab8qknm]{padding:22px}.empty-rule[b-6p5ab8qknm]{margin-top:18px;padding:30px;border:1px dashed #3b5262;border-radius:10px;text-align:center;color:#aebec9}.mobile-toggle[b-6p5ab8qknm],.mobile-close[b-6p5ab8qknm],.backdrop[b-6p5ab8qknm]{display:none}@media(max-width:1100px){.settings-shell[b-6p5ab8qknm]{grid-template-columns:190px minmax(0,1fr)}.connection-grid[b-6p5ab8qknm],.messages-grid[b-6p5ab8qknm]{grid-template-columns:1fr}.status-column[b-6p5ab8qknm]{grid-template-columns:1fr 1fr}}@media(max-width:760px){.settings-shell[b-6p5ab8qknm]{display:block}.settings-main[b-6p5ab8qknm]{padding:72px 14px 20px}.settings-sidebar[b-6p5ab8qknm]{position:fixed;left:0;top:0;z-index:5300;width:min(300px,86vw);height:100vh;transform:translateX(-105%);transition:transform .2s ease}.settings-sidebar.open[b-6p5ab8qknm]{transform:translateX(0)}.mobile-toggle[b-6p5ab8qknm]{display:grid;place-items:center;position:fixed;z-index:5200;top:14px;left:14px;width:44px;height:44px;border-radius:10px;border:1px solid #294252;background:#071825;color:#fff;font-size:22px}.mobile-close[b-6p5ab8qknm]{display:block;position:absolute;right:10px;top:10px;border:0;background:transparent;color:#fff;font-size:26px}.backdrop[b-6p5ab8qknm]{display:block;position:fixed;inset:0;z-index:5250;border:0;background:rgba(0,0,0,.65)}.integration-head[b-6p5ab8qknm]{align-items:flex-start;flex-wrap:wrap}.guide-button[b-6p5ab8qknm]{width:100%;box-sizing:border-box}.wa-tabs[b-6p5ab8qknm]{overflow:auto}.form-grid[b-6p5ab8qknm],.editor-grid[b-6p5ab8qknm],.status-column[b-6p5ab8qknm]{grid-template-columns:1fr}.form-grid label.full[b-6p5ab8qknm]{grid-column:auto}.form-footer[b-6p5ab8qknm]{align-items:flex-start;flex-direction:column}.primary[b-6p5ab8qknm]{width:100%}.settings-tabs[b-6p5ab8qknm]{margin-top:16px}}


/* =========================================================
   WHATSAPP EMBEDDED SIGNUP - EXPERIENCIA PARA PROPIETARIO
   ========================================================= */
.whatsapp-onboarding[b-6p5ab8qknm]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:16px}.onboarding-hero[b-6p5ab8qknm]{min-height:390px;padding:26px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;overflow:hidden;background:radial-gradient(circle at 78% 70%,rgba(16,185,129,.13),transparent 32%),#081925}.onboarding-brand[b-6p5ab8qknm]{display:flex;gap:18px;align-items:flex-start}.wa-logo.large[b-6p5ab8qknm]{width:70px;height:70px;flex:0 0 70px;border-radius:18px;font-size:36px}.onboarding-brand h2[b-6p5ab8qknm]{font-size:27px}.onboarding-brand p[b-6p5ab8qknm]{margin-top:8px;line-height:1.55}.benefit-list[b-6p5ab8qknm]{list-style:none;padding:0;margin:28px 0 20px;display:grid;gap:17px}.benefit-list li[b-6p5ab8qknm]{display:flex;align-items:center;gap:13px;color:#e7eef3}.benefit-list b[b-6p5ab8qknm]{width:26px;color:#ffd21f;text-align:center}.coexistence-note[b-6p5ab8qknm]{display:grid;gap:6px;margin-top:22px;padding:14px 16px;border:1px solid #2c5b4a;background:rgba(14,82,61,.24);border-radius:10px}.coexistence-note strong[b-6p5ab8qknm]{color:#79e6aa}.coexistence-note span[b-6p5ab8qknm]{font-size:12px;color:#c8d8d0;line-height:1.5}.chat-preview[b-6p5ab8qknm]{display:grid;place-items:end center;min-width:0}.phone-frame[b-6p5ab8qknm]{width:min(100%,315px);height:350px;border:7px solid #1c252b;border-radius:42px 42px 0 0;background:#0d1c25;box-shadow:0 18px 55px rgba(0,0,0,.38);overflow:hidden}.phone-head[b-6p5ab8qknm]{height:68px;background:#0a1922;display:grid;grid-template-columns:20px 36px 1fr auto;align-items:center;gap:8px;padding:0 14px}.phone-avatar[b-6p5ab8qknm]{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d7a600;color:#111;font-weight:900}.phone-head small[b-6p5ab8qknm]{display:block;color:#9fb2be;font-size:9px}.phone-chat[b-6p5ab8qknm]{height:282px;padding:18px 13px;background:linear-gradient(rgba(5,20,27,.88),rgba(5,20,27,.88)),radial-gradient(circle at 20% 20%,#1c4437,#07141c);display:flex;flex-direction:column;gap:12px}.client-bubble[b-6p5ab8qknm]{align-self:flex-end;background:#a9f3b6;color:#102217;padding:9px 11px;border-radius:10px 3px 10px 10px;font-weight:700}.client-bubble small[b-6p5ab8qknm]{font-size:8px}.assistant-bubble[b-6p5ab8qknm]{display:grid;gap:6px;align-self:flex-start;background:#f7f7f7;color:#111;padding:12px;border-radius:4px 12px 12px 12px;font-size:12px;line-height:1.25;box-shadow:0 5px 16px rgba(0,0,0,.22)}.assistant-bubble strong[b-6p5ab8qknm]{margin-bottom:3px}.assistant-bubble b[b-6p5ab8qknm]{margin-top:4px}.integration-state[b-6p5ab8qknm]{padding:22px;align-self:stretch}.state-heading[b-6p5ab8qknm]{display:flex;align-items:center;justify-content:space-between;gap:12px}.state-heading h3[b-6p5ab8qknm]{font-size:23px;margin:0}.state-pill[b-6p5ab8qknm]{border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900}.state-pill.connected[b-6p5ab8qknm]{background:#13a85a;color:#fff}.state-pill.disconnected[b-6p5ab8qknm]{background:#ffd21f;color:#1a1600}.integration-state>p[b-6p5ab8qknm]{margin:14px 0 18px;line-height:1.5}.security-points[b-6p5ab8qknm]{display:grid;gap:0;margin:16px 0;border:1px solid #233e4f;border-radius:10px;overflow:hidden}.security-points span[b-6p5ab8qknm]{display:flex;gap:10px;padding:13px;background:#0a1d2a;border-bottom:1px solid #1b3342;font-size:12px}.security-points span:last-child[b-6p5ab8qknm]{border-bottom:0}.branch-onboarding[b-6p5ab8qknm]{display:grid;gap:7px;margin:18px 0}.branch-onboarding>span[b-6p5ab8qknm]{font-size:11px;font-weight:800}.branch-onboarding small[b-6p5ab8qknm]{color:#9eb0bc}.branch-onboarding select[b-6p5ab8qknm]{width:100%;background:#0d2230;border:1px solid #355064;border-radius:8px;color:#fff;padding:11px 12px}.connect-whatsapp[b-6p5ab8qknm]{width:100%;border:0;border-radius:9px;background:#ffd21f;color:#151300;padding:14px 16px;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 8px 24px rgba(255,210,31,.13)}.connect-whatsapp:disabled[b-6p5ab8qknm]{opacity:.55;cursor:not-allowed}.connect-whatsapp span[b-6p5ab8qknm]{margin-right:8px}.secure-caption[b-6p5ab8qknm]{display:block;text-align:center;color:#9fb1bc;margin-top:10px;line-height:1.4}.connection-summary[b-6p5ab8qknm]{display:grid;gap:0;margin:18px 0;border:1px solid #284151;border-radius:9px;overflow:hidden}.connection-summary div[b-6p5ab8qknm]{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:10px 12px;background:#0a1d29;border-bottom:1px solid #1d3443}.connection-summary div:last-child[b-6p5ab8qknm]{border-bottom:0}.connection-summary dt[b-6p5ab8qknm]{color:#aebdc7}.connection-summary dd[b-6p5ab8qknm]{margin:0;text-align:right;word-break:break-all}.onboarding-steps[b-6p5ab8qknm]{margin-top:16px;padding:17px 18px;border:1px solid #243d4d;background:#071824;border-radius:12px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px}.onboarding-steps>div[b-6p5ab8qknm]{display:flex;align-items:center;gap:10px;min-width:0}.onboarding-steps>div>b[b-6p5ab8qknm]{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#ffd21f;color:#161300;font-size:15px}.onboarding-steps span[b-6p5ab8qknm]{display:grid;min-width:0}.onboarding-steps strong[b-6p5ab8qknm]{font-size:12px}.onboarding-steps small[b-6p5ab8qknm]{margin-top:2px;color:#8fa4b1;font-size:9px}.onboarding-steps i[b-6p5ab8qknm]{color:#ffd21f;font-style:normal;font-size:20px}.integration-head:has(+ .wa-tabs)[b-6p5ab8qknm]{display:none}.wa-tabs[b-6p5ab8qknm]{margin-top:0}
@media(max-width:1180px){.whatsapp-onboarding[b-6p5ab8qknm]{grid-template-columns:1fr}.onboarding-hero[b-6p5ab8qknm]{grid-template-columns:1fr 320px}.onboarding-steps[b-6p5ab8qknm]{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.onboarding-steps i[b-6p5ab8qknm]{display:none}}
@media(max-width:760px){.onboarding-hero[b-6p5ab8qknm]{grid-template-columns:1fr;padding:18px}.chat-preview[b-6p5ab8qknm]{display:none}.onboarding-brand[b-6p5ab8qknm]{gap:12px}.wa-logo.large[b-6p5ab8qknm]{width:54px;height:54px;flex-basis:54px;font-size:28px}.onboarding-brand h2[b-6p5ab8qknm]{font-size:21px}.state-heading h3[b-6p5ab8qknm]{font-size:20px}.onboarding-steps[b-6p5ab8qknm]{grid-template-columns:1fr;padding:12px}.onboarding-steps>div[b-6p5ab8qknm]{padding:5px 0}.connection-summary div[b-6p5ab8qknm]{grid-template-columns:100px 1fr}.wa-tabs[b-6p5ab8qknm]{margin-top:0}}


/* =========================================================
   WHATSAPP - MODALIDADES DE CONEXIÓN
   Mantiene intacta la navegación existente del propietario.
   ========================================================= */
.whatsapp-mode-header[b-6p5ab8qknm]{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:16px;
    padding:4px 2px;
}
.whatsapp-mode-header h2[b-6p5ab8qknm]{
    margin:0;
    font-size:26px;
}
.whatsapp-mode-header p[b-6p5ab8qknm]{
    max-width:820px;
    margin:7px 0 0;
    color:#aebec9;
    line-height:1.55;
}
.whatsapp-mode-grid[b-6p5ab8qknm]{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr)) minmax(280px,.9fr);
    gap:14px;
    align-items:stretch;
}
.whatsapp-mode-card[b-6p5ab8qknm]{
    min-width:0;
    padding:22px;
    border:1px solid #294252;
    border-radius:14px;
    background:#081925;
    display:flex;
    flex-direction:column;
    box-shadow:0 12px 30px rgba(0,0,0,.14);
}
.whatsapp-mode-card.current-number[b-6p5ab8qknm]{
    border-color:#168d58;
    background:linear-gradient(180deg,rgba(9,88,56,.22),rgba(8,25,37,.98));
}
.whatsapp-mode-card.dedicated-number[b-6p5ab8qknm]{
    border-color:#245b9d;
    background:linear-gradient(180deg,rgba(22,73,139,.22),rgba(8,25,37,.98));
}
.whatsapp-mode-card.disconnect-number[b-6p5ab8qknm]{
    border-color:#744044;
    background:linear-gradient(180deg,rgba(105,39,45,.18),rgba(8,25,37,.98));
}
.mode-icon[b-6p5ab8qknm]{
    width:52px;
    height:52px;
    border-radius:50%;
    display:grid;
    place-items:center;
    margin-bottom:17px;
    background:#10b966;
    color:#fff;
    font-size:24px;
    font-weight:900;
}
.dedicated-number .mode-icon[b-6p5ab8qknm]{background:#287ee8}
.disconnect-number .mode-icon[b-6p5ab8qknm]{background:#d74855}
.whatsapp-mode-card h3[b-6p5ab8qknm]{
    margin:0;
    font-size:20px;
    line-height:1.25;
}
.whatsapp-mode-card>p[b-6p5ab8qknm]{
    margin:10px 0 15px;
    color:#bdcbd4;
    line-height:1.5;
    font-size:13px;
}
.whatsapp-mode-card ul[b-6p5ab8qknm]{
    list-style:none;
    padding:0;
    margin:0 0 18px;
    display:grid;
    gap:9px;
}
.whatsapp-mode-card li[b-6p5ab8qknm]{
    color:#dce6ec;
    font-size:12px;
    line-height:1.4;
}
.mode-spacer[b-6p5ab8qknm]{flex:1}
.mode-action[b-6p5ab8qknm]{
    width:100%;
    margin-top:auto;
    border:0;
    border-radius:9px;
    padding:13px 14px;
    font-weight:900;
    cursor:pointer;
}
.mode-action:disabled[b-6p5ab8qknm]{
    opacity:.5;
    cursor:not-allowed;
}
.primary-mode[b-6p5ab8qknm]{
    background:#ffd21f;
    color:#171300;
}
.secondary-mode[b-6p5ab8qknm]{
    background:#2d83e8;
    color:#fff;
}
.danger-mode[b-6p5ab8qknm]{
    background:#ffd21f;
    color:#171300;
}
.compact-state[b-6p5ab8qknm]{
    min-width:0;
    padding:20px;
}
.compact-state .state-heading h3[b-6p5ab8qknm]{
    font-size:20px;
}
.compact-state .connection-summary div[b-6p5ab8qknm]{
    grid-template-columns:95px minmax(0,1fr);
}
.empty-connection[b-6p5ab8qknm]{
    min-height:210px;
    display:grid;
    place-content:center;
    gap:8px;
    text-align:center;
    color:#aebec9;
}
.empty-connection strong[b-6p5ab8qknm]{
    color:#fff;
}
.whatsapp-mode-message[b-6p5ab8qknm]{
    margin-top:14px;
}
@media(max-width:1450px){
    .whatsapp-mode-grid[b-6p5ab8qknm]{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .compact-state[b-6p5ab8qknm]{
        grid-column:1/-1;
    }
}
@media(max-width:1050px){
    .whatsapp-mode-grid[b-6p5ab8qknm]{
        grid-template-columns:1fr 1fr;
    }
    .compact-state[b-6p5ab8qknm]{
        grid-column:auto;
    }
}
@media(max-width:760px){
    .whatsapp-mode-header[b-6p5ab8qknm]{
        flex-direction:column;
    }
    .whatsapp-mode-grid[b-6p5ab8qknm]{
        grid-template-columns:1fr;
    }
    .compact-state[b-6p5ab8qknm]{
        grid-column:auto;
    }
    .whatsapp-mode-card[b-6p5ab8qknm]{
        padding:18px;
    }
}

/* =========================================================
   WHATSAPP - LIBERACIÓN META Y ESTADO DE VERIFICACIÓN
   ========================================================= */
.state-pill.verifying[b-6p5ab8qknm]{background:#ffd21f;color:#1a1600}
.state-pill.action-required[b-6p5ab8qknm]{background:#d74855;color:#fff}
.disconnect-actions[b-6p5ab8qknm]{display:grid;gap:10px;margin-top:auto}
.disconnect-option[b-6p5ab8qknm]{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:10px;background:rgba(7,24,36,.72);text-align:left;cursor:pointer}
.disconnect-option:disabled[b-6p5ab8qknm]{opacity:.5;cursor:not-allowed}
.disconnect-option-icon[b-6p5ab8qknm]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900}
.disconnect-option span:nth-child(2)[b-6p5ab8qknm]{display:grid;gap:3px}
.disconnect-option strong[b-6p5ab8qknm]{font-size:12px}
.disconnect-option small[b-6p5ab8qknm]{font-size:10px;line-height:1.35;color:#bdcbd4}
.disconnect-option b[b-6p5ab8qknm]{font-size:22px}
.local-disconnect[b-6p5ab8qknm]{border:1px solid #d9ae16;color:#ffd21f}
.local-disconnect .disconnect-option-icon[b-6p5ab8qknm]{background:rgba(255,210,31,.12);color:#ffd21f}
.meta-release[b-6p5ab8qknm]{border:1px solid #c93d4b;color:#ff5c69}
.meta-release .disconnect-option-icon[b-6p5ab8qknm]{background:rgba(215,72,85,.13);color:#ff5c69}
.meta-status-footer[b-6p5ab8qknm]{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #213a49}
.meta-status-footer>div[b-6p5ab8qknm]{display:grid;gap:3px}
.meta-status-footer small[b-6p5ab8qknm]{color:#91a5b1}
.meta-status-footer strong[b-6p5ab8qknm]{font-size:11px;font-weight:700}
.meta-status-footer button[b-6p5ab8qknm]{border:1px solid #35566a;border-radius:8px;background:#091c28;color:#dbe7ee;padding:9px 10px;font-weight:800;cursor:pointer}
.meta-status-footer button:disabled[b-6p5ab8qknm]{opacity:.5;cursor:not-allowed}
.meta-verification-panel[b-6p5ab8qknm]{margin-top:16px;padding:17px 18px;border:1px solid #294252;background:#071824;border-radius:12px}
.verification-title[b-6p5ab8qknm]{display:grid;gap:4px;margin-bottom:15px}
.verification-title strong[b-6p5ab8qknm]{font-size:15px;color:#fff}
.verification-title span[b-6p5ab8qknm]{font-size:11px;color:#9fb1bc}
.verification-steps[b-6p5ab8qknm]{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}
.verification-step[b-6p5ab8qknm]{display:flex;gap:10px;align-items:flex-start;min-width:0;opacity:.55}
.verification-step>b[b-6p5ab8qknm]{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#536273;color:#e9eff3}
.verification-step>span[b-6p5ab8qknm]{display:grid;gap:3px}
.verification-step strong[b-6p5ab8qknm]{font-size:11px;color:#e8eef2}
.verification-step small[b-6p5ab8qknm]{font-size:9px;line-height:1.4;color:#8fa4b1}
.verification-step.current[b-6p5ab8qknm],.verification-step.completed[b-6p5ab8qknm]{opacity:1}
.verification-step.current>b[b-6p5ab8qknm]{background:#ffd21f;color:#181400}
.verification-step.current strong[b-6p5ab8qknm]{color:#ffd21f}
.verification-step.completed>b[b-6p5ab8qknm]{background:#12b967;color:#fff}
.verification-steps>i[b-6p5ab8qknm]{font-style:normal;color:#ffd21f;font-size:20px}
.verification-progress[b-6p5ab8qknm]{display:flex;align-items:center;gap:10px;margin:12px 0 0 calc(25% + 25px);max-width:240px}
.verification-progress[b-6p5ab8qknm]:before{content:"";height:7px;flex:1;border-radius:999px;background:#263b48}
.verification-progress span[b-6p5ab8qknm]{position:absolute;width:95px;height:7px;border-radius:999px;background:#ffd21f}
.verification-progress small[b-6p5ab8qknm]{color:#aebec9;white-space:nowrap}
.whatsapp-info-strip[b-6p5ab8qknm]{margin-top:14px;padding:14px 18px;border:1px solid #195ca5;border-radius:12px;background:rgba(14,67,119,.14);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.whatsapp-info-strip strong[b-6p5ab8qknm]{white-space:nowrap}
.whatsapp-info-strip ul[b-6p5ab8qknm]{margin:0;padding-left:18px;display:grid;gap:4px;color:#c7d4dc;font-size:10px;line-height:1.4}
@media(max-width:1050px){.verification-steps[b-6p5ab8qknm]{grid-template-columns:1fr 1fr}.verification-steps>i[b-6p5ab8qknm]{display:none}.verification-progress[b-6p5ab8qknm]{margin-left:0}.whatsapp-info-strip[b-6p5ab8qknm]{grid-template-columns:1fr}}
@media(max-width:760px){.verification-steps[b-6p5ab8qknm]{grid-template-columns:1fr}.disconnect-option[b-6p5ab8qknm]{grid-template-columns:36px 1fr auto}}
/* /Pages/Professional/Agenda.razor.rz.scp.css */
/* =========================================================
   AGENDA PROFESIONAL - TURNO YA
   Mantiene el lenguaje visual del Dashboard del profesional.
   ========================================================= */

*[b-hngxba7vg2] {
    box-sizing: border-box;
}

.pro-agenda-shell[b-hngxba7vg2] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    background:
        radial-gradient(circle at 52% 0, #07131f, #02080e 48%, #010508);
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.sidebar[b-hngxba7vg2] {
    min-height: 100vh;
    padding: 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-right: 1px solid #263442;
    background: rgba(2, 9, 15, 0.82);
}

.brand[b-hngxba7vg2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 10px 8px;
}

.brand > span[b-hngxba7vg2] {
    font-size: 43px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -8px;
}

.brand strong[b-hngxba7vg2] {
    font-size: 21px;
}

.brand b[b-hngxba7vg2],
.mobile-topbar b[b-hngxba7vg2] {
    color: #ffc400;
}

.brand small[b-hngxba7vg2] {
    display: block;
    color: #ffffff;
    font-size: 10px;
}

.professional-card[b-hngxba7vg2] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #2a3a48;
    border-radius: 12px;
    background: #07141e;
}

.professional-card strong[b-hngxba7vg2],
.professional-card small[b-hngxba7vg2],
.professional-card span[b-hngxba7vg2] {
    display: block;
}

.professional-card small[b-hngxba7vg2] {
    margin-top: 2px;
    font-size: 11px;
}

.professional-card span[b-hngxba7vg2] {
    margin-top: 4px;
    color: #23df78;
    font-size: 10px;
}

.avatar[b-hngxba7vg2],
.mini-avatar[b-hngxba7vg2] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #6b7c8e, #243b52);
    color: #ffffff;
    font-weight: 800;
}

.avatar[b-hngxba7vg2] {
    width: 46px;
    height: 46px;
}

.mini-avatar[b-hngxba7vg2] {
    width: 38px;
    height: 38px;
    font-size: 11px;
}

.sidebar nav[b-hngxba7vg2] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-hngxba7vg2] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px 13px;
    border-radius: 9px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.sidebar nav a i[b-hngxba7vg2] {
    width: 21px;
    flex: 0 0 21px;
    text-align: center;
    font-style: normal;
    font-size: 17px;
}

.sidebar nav a.active[b-hngxba7vg2] {
    background: linear-gradient(90deg, #463600, #2b2404);
    box-shadow: inset 0 0 0 1px #d9a900;
}

.sidebar nav a.active i[b-hngxba7vg2] {
    color: #ffd000;
}

.logout-button[b-hngxba7vg2] {
    width: 100%;
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid #334353;
    border-radius: 9px;
    background: #08131d;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
}

.logout-button span[b-hngxba7vg2] {
    color: #ffc400;
    font-size: 18px;
}

.agenda-main[b-hngxba7vg2] {
    min-width: 0;
    padding: 20px;
}

.agenda-header[b-hngxba7vg2] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.agenda-header h1[b-hngxba7vg2] {
    margin: 0;
    font-size: clamp(28px, 3vw, 36px);
}

.agenda-header p[b-hngxba7vg2] {
    margin: 4px 0 0;
    color: #ffffff;
}

.block-primary[b-hngxba7vg2] {
    min-height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffd025, #ffb800);
    color: #141414;
    font-weight: 900;
    cursor: pointer;
}

.message[b-hngxba7vg2] {
    margin-bottom: 12px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px;
}

.message.success[b-hngxba7vg2] {
    border: 1px solid #1d8052;
    background: #0c3929;
    color: #aaffcb;
}

.message.error[b-hngxba7vg2] {
    border: 1px solid #8d3f45;
    background: #40171b;
    color: #ffc2c5;
}

.kpi-grid[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.kpi-card[b-hngxba7vg2],
.panel[b-hngxba7vg2] {
    border: 1px solid #293949;
    border-radius: 12px;
    background: linear-gradient(145deg, #0e1b28, #08131d);
    box-shadow: 0 12px 30px #0003;
}

.kpi-card[b-hngxba7vg2] {
    min-height: 110px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.kpi-card > i[b-hngxba7vg2] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    font-style: normal;
    font-size: 23px;
}

.kpi-card .blue[b-hngxba7vg2] {
    background: #1262cb;
    color: #b7d8ff;
}

.kpi-card .green[b-hngxba7vg2] {
    background: #0c8e52;
    color: #c4ffdf;
}

.kpi-card .purple[b-hngxba7vg2] {
    background: #6133a8;
    color: #e3ccff;
}

.kpi-card .gold[b-hngxba7vg2] {
    background: #a87a00;
    color: #fff0a1;
}

.kpi-card span[b-hngxba7vg2],
.kpi-card strong[b-hngxba7vg2],
.kpi-card small[b-hngxba7vg2] {
    display: block;
}

.kpi-card span[b-hngxba7vg2] {
    font-size: 12px;
}

.kpi-card strong[b-hngxba7vg2] {
    margin: 3px 0;
    font-size: 22px;
}

.kpi-card small[b-hngxba7vg2] {
    font-size: 10px;
    color: #ffffff;
}

.agenda-layout[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: minmax(235px, 0.85fr) minmax(420px, 1.65fr) minmax(270px, 1fr);
    gap: 12px;
    align-items: start;
}

.agenda-left[b-hngxba7vg2],
.agenda-right[b-hngxba7vg2] {
    display: grid;
    gap: 12px;
}

.panel[b-hngxba7vg2] {
    padding: 14px;
}

.panel-heading[b-hngxba7vg2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.panel-heading h2[b-hngxba7vg2] {
    margin: 0;
    font-size: 16px;
}

.panel-heading p[b-hngxba7vg2] {
    margin: 3px 0 0;
    font-size: 10px;
    color: #ffffff;
}

.panel-heading a[b-hngxba7vg2] {
    color: #33b7ff;
    text-decoration: none;
    font-size: 11px;
}

.calendar-actions[b-hngxba7vg2] {
    display: flex;
    gap: 6px;
}

.calendar-actions button[b-hngxba7vg2] {
    min-width: 34px;
    height: 34px;
    border: 1px solid #334755;
    border-radius: 8px;
    background: #081720;
    color: #ffffff;
    cursor: pointer;
}

.calendar-weekdays[b-hngxba7vg2],
.calendar-grid[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.calendar-weekdays[b-hngxba7vg2] {
    margin-bottom: 7px;
}

.calendar-weekdays span[b-hngxba7vg2] {
    text-align: center;
    font-size: 9px;
    color: #d3dbe2;
}

.calendar-day[b-hngxba7vg2] {
    position: relative;
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
}

.calendar-day:hover[b-hngxba7vg2] {
    border-color: #405563;
    background: #0c1b26;
}

.calendar-day.selected[b-hngxba7vg2] {
    background: #ffc400;
    color: #161616;
    font-weight: 900;
}

.calendar-day.today[b-hngxba7vg2] {
    border-color: #ffc400;
}

.calendar-day small[b-hngxba7vg2] {
    position: absolute;
    right: -1px;
    top: -3px;
    min-width: 15px;
    height: 15px;
    display: grid;
    place-items: center;
    padding: 0 3px;
    border-radius: 10px;
    background: #1471d9;
    color: #ffffff;
    font-size: 8px;
}

.availability-panel > button[b-hngxba7vg2] {
    width: 100%;
    display: grid;
    grid-template-columns: 38px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 11px;
    margin-top: 8px;
    border: 1px solid #2d4350;
    border-radius: 9px;
    background: #071720;
    color: #ffffff;
    text-align: left;
    cursor: pointer;
}

.availability-panel > button > span[b-hngxba7vg2] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #0c2331;
}

.availability-panel strong[b-hngxba7vg2],
.availability-panel small[b-hngxba7vg2] {
    display: block;
}

.availability-panel small[b-hngxba7vg2] {
    margin-top: 2px;
    font-size: 9px;
}

.timeline-panel[b-hngxba7vg2] {
    min-height: 610px;
}

.timeline-heading select[b-hngxba7vg2] {
    min-width: 86px;
    padding: 8px 10px;
    border: 1px solid #344a58;
    border-radius: 8px;
    background: #071720;
    color: #ffffff;
}

.timeline-list[b-hngxba7vg2] {
    display: grid;
    gap: 8px;
}

.timeline-row[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: 72px 15px minmax(0, 1fr);
    align-items: stretch;
}

.timeline-row time[b-hngxba7vg2] {
    padding-top: 16px;
    font-size: 11px;
    color: #ffffff;
}

.timeline-line[b-hngxba7vg2] {
    position: relative;
}

.timeline-line[b-hngxba7vg2]::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    bottom: -9px;
    width: 2px;
    background: #1d6ab3;
}

.timeline-line i[b-hngxba7vg2] {
    position: absolute;
    left: 3px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2f9cff;
}

.timeline-row.confirmed .timeline-line[b-hngxba7vg2]::before,
.timeline-row.confirmed .timeline-line i[b-hngxba7vg2] {
    background: #21c86b;
}

.timeline-row.pending .timeline-line[b-hngxba7vg2]::before,
.timeline-row.pending .timeline-line i[b-hngxba7vg2] {
    background: #258fe6;
}

.timeline-row.completed .timeline-line[b-hngxba7vg2]::before,
.timeline-row.completed .timeline-line i[b-hngxba7vg2] {
    background: #7e50dd;
}

.timeline-row.blocked .timeline-line[b-hngxba7vg2]::before,
.timeline-row.blocked .timeline-line i[b-hngxba7vg2] {
    background: #ef4457;
}

.timeline-card[b-hngxba7vg2] {
    min-width: 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #205d86;
    border-radius: 10px;
    background: linear-gradient(90deg, #0a3153, #0a2237);
}

.timeline-row.confirmed .timeline-card[b-hngxba7vg2] {
    border-color: #16884c;
    background: linear-gradient(90deg, #083b29, #082d22);
}

.timeline-row.completed .timeline-card[b-hngxba7vg2] {
    border-color: #7046b8;
    background: linear-gradient(90deg, #261846, #1a1634);
}

.timeline-row.blocked .timeline-card[b-hngxba7vg2] {
    border-color: #8f3240;
    background: linear-gradient(90deg, #4a1722, #2d1720);
}

.timeline-copy[b-hngxba7vg2] {
    min-width: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.timeline-copy > div:last-child[b-hngxba7vg2] {
    min-width: 0;
}

.timeline-copy strong[b-hngxba7vg2],
.timeline-copy small[b-hngxba7vg2],
.timeline-copy em[b-hngxba7vg2] {
    display: block;
}

.timeline-copy strong[b-hngxba7vg2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-copy small[b-hngxba7vg2],
.timeline-copy em[b-hngxba7vg2] {
    margin-top: 2px;
    font-size: 10px;
    color: #ffffff;
}

.timeline-copy em[b-hngxba7vg2] {
    font-style: normal;
    opacity: 0.85;
}

.timeline-actions[b-hngxba7vg2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.status[b-hngxba7vg2] {
    display: inline-flex;
    white-space: nowrap;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.status.confirmed[b-hngxba7vg2],
.status.completed[b-hngxba7vg2] {
    border: 1px solid #16884c;
    background: #096438;
    color: #c8ffe1;
}

.status.pending[b-hngxba7vg2],
.status.info[b-hngxba7vg2] {
    border: 1px solid #176bb0;
    background: #0b4d82;
    color: #d5ecff;
}

.status.blocked[b-hngxba7vg2] {
    border: 1px solid #933d4b;
    background: #66202c;
    color: #ffd7dc;
}

.delete-block[b-hngxba7vg2] {
    width: 30px;
    height: 30px;
    border: 1px solid #a3434e;
    border-radius: 8px;
    background: transparent;
    color: #ff9ba4;
    cursor: pointer;
}

.empty-state[b-hngxba7vg2] {
    min-height: 420px;
    display: grid;
    place-content: center;
    text-align: center;
    color: #ffffff;
}

.empty-state span[b-hngxba7vg2] {
    font-size: 35px;
}

.empty-state strong[b-hngxba7vg2],
.empty-state small[b-hngxba7vg2] {
    display: block;
}

.empty-state small[b-hngxba7vg2] {
    margin-top: 6px;
}

.upcoming-list[b-hngxba7vg2] {
    display: grid;
}

.upcoming-list > div[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: 65px 34px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #243644;
}

.upcoming-list time[b-hngxba7vg2] {
    font-size: 10px;
}

.upcoming-list p[b-hngxba7vg2] {
    min-width: 0;
    margin: 0;
}

.upcoming-list strong[b-hngxba7vg2],
.upcoming-list small[b-hngxba7vg2] {
    display: block;
}

.upcoming-list strong[b-hngxba7vg2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
}

.upcoming-list small[b-hngxba7vg2] {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9px;
}

.empty-compact[b-hngxba7vg2] {
    padding: 20px 6px;
    color: #ffffff;
    font-size: 12px;
}

.shortcut-grid[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
}

.shortcut-grid button[b-hngxba7vg2] {
    min-height: 70px;
    padding: 8px 4px;
    border: 1px solid #2c4351;
    border-radius: 9px;
    background: #071720;
    color: #ffffff;
    cursor: pointer;
    font-size: 19px;
}

.shortcut-grid button span[b-hngxba7vg2] {
    display: block;
    margin-top: 7px;
    font-size: 8px;
}

.tip-panel[b-hngxba7vg2] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.tip-panel > span[b-hngxba7vg2] {
    font-size: 28px;
    color: #ffc400;
}

.tip-panel h2[b-hngxba7vg2] {
    margin: 0 0 5px;
    font-size: 19px;
}

.tip-panel p[b-hngxba7vg2] {
    margin: 0;
    font-size: 11px;
    color: #ffffff;
}

footer[b-hngxba7vg2] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 2px 0;
    color: #ffffff;
    font-size: 10px;
}

/* =========================================================
   MODAL DE BLOQUEO
   ========================================================= */

.modal-backdrop[b-hngxba7vg2] {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(5px);
}

.block-modal[b-hngxba7vg2] {
    position: relative;
    width: min(560px, 96vw);
    padding: 24px;
    border: 1px solid #344a58;
    border-radius: 16px;
    background: #081720;
    color: #ffffff;
    box-shadow: 0 25px 80px #000a;
}

.modal-close[b-hngxba7vg2] {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 34px;
    height: 34px;
    border: 1px solid #415764;
    border-radius: 9px;
    background: #07141e;
    color: #ffffff;
    cursor: pointer;
}

.modal-eyebrow[b-hngxba7vg2] {
    display: block;
    margin-bottom: 5px;
    color: #ffc400;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.block-modal h2[b-hngxba7vg2] {
    margin: 0;
    font-size: 25px;
}

.block-modal > p[b-hngxba7vg2] {
    margin: 5px 0 16px;
    font-size: 12px;
}

.form-grid[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.form-grid label[b-hngxba7vg2] {
    display: grid;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
}

.form-grid input[b-hngxba7vg2],
.form-grid select[b-hngxba7vg2] {
    min-width: 0;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #344a58;
    border-radius: 9px;
    background: #06131c;
    color: #ffffff;
    color-scheme: dark;
    font: inherit;
}

.modal-actions[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 9px;
    margin-top: 16px;
}

.modal-actions button[b-hngxba7vg2] {
    min-height: 42px;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
}

.modal-actions .secondary[b-hngxba7vg2] {
    border: 1px solid #3c515f;
    background: #081720;
    color: #ffffff;
}

.modal-actions .save[b-hngxba7vg2] {
    border: 0;
    background: #ffc400;
    color: #151515;
}

/* =========================================================
   CARGA Y ERROR
   ========================================================= */

.pro-agenda-loading[b-hngxba7vg2],
.pro-agenda-error[b-hngxba7vg2] {
    min-height: 100vh;
    padding: 30px;
    background: #030a11;
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.pro-agenda-error[b-hngxba7vg2] {
    display: grid;
    place-content: center;
    text-align: center;
}

.pro-agenda-error button[b-hngxba7vg2] {
    justify-self: center;
    padding: 10px 18px;
    border: 0;
    border-radius: 8px;
    background: #ffc400;
    color: #111111;
    font-weight: 800;
}

.error-icon[b-hngxba7vg2] {
    color: #ffc400;
    font-size: 40px;
}

.agenda-skeleton[b-hngxba7vg2] {
    border-radius: 12px;
    background:
        linear-gradient(
            90deg,
            #0d1822,
            #172634,
            #0d1822);
    background-size: 200%;
    animation: shimmer-b-hngxba7vg2 1.2s infinite;
}

.agenda-skeleton.title[b-hngxba7vg2] {
    height: 70px;
}

.agenda-skeleton.cards[b-hngxba7vg2] {
    height: 115px;
    margin-top: 12px;
}

.agenda-skeleton.body[b-hngxba7vg2] {
    height: 580px;
    margin-top: 12px;
}

@keyframes shimmer-b-hngxba7vg2 {
    to {
        background-position: -200%;
    }
}

/* =========================================================
   MENÚ HAMBURGUESA
   ========================================================= */

.mobile-topbar[b-hngxba7vg2],
.mobile-sidebar-head[b-hngxba7vg2],
.mobile-menu-backdrop[b-hngxba7vg2] {
    display: none;
}

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

@media (max-width: 1320px) {
    .agenda-layout[b-hngxba7vg2] {
        grid-template-columns:
            minmax(230px, 0.8fr)
            minmax(430px, 1.6fr);
    }

    .agenda-right[b-hngxba7vg2] {
        grid-column: 1 / -1;
        grid-template-columns: 1.3fr 1fr 1fr;
    }
}

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

    .agenda-layout[b-hngxba7vg2] {
        grid-template-columns: 1fr;
    }

    .agenda-left[b-hngxba7vg2] {
        grid-template-columns: 1fr 1fr;
    }

    .agenda-right[b-hngxba7vg2] {
        grid-column: auto;
        grid-template-columns: 1fr 1fr;
    }

    .tip-panel[b-hngxba7vg2] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .pro-agenda-shell[b-hngxba7vg2] {
        display: block;
    }

    .agenda-main[b-hngxba7vg2] {
        width: 100%;
        max-width: 100vw;
        padding: 14px 11px 18px;
        overflow-x: hidden;
    }

    .mobile-topbar[b-hngxba7vg2] {
        position: sticky;
        top: 0;
        z-index: 900;
        height: 58px;
        display: flex !important;
        align-items: center;
        gap: 12px;
        padding: 8px 12px;
        border-bottom: 1px solid #243442;
        background: #030a11;
    }

    .mobile-topbar strong[b-hngxba7vg2] {
        font-size: 18px;
    }

    .hamburger-button[b-hngxba7vg2],
    .mobile-sidebar-head button[b-hngxba7vg2] {
        width: 42px;
        height: 42px;
        border: 1px solid #344554;
        border-radius: 9px;
        background: #09141e;
        color: #ffffff;
        font-size: 22px;
        cursor: pointer;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-hngxba7vg2] {
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: block !important;
        border: 0;
        background: rgba(0, 0, 0, 0.68);
    }

    .sidebar[b-hngxba7vg2] {
        position: fixed !important;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1001;
        width: min(86vw, 310px) !important;
        height: 100dvh;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(-105%);
        transition: transform 0.22s ease;
        box-shadow: 18px 0 45px #0009;
    }

    .mobile-menu-open .sidebar[b-hngxba7vg2] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-hngxba7vg2] {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

    .agenda-header[b-hngxba7vg2] {
        margin-top: 10px;
    }
}

@media (max-width: 700px) {
    .agenda-header[b-hngxba7vg2] {
        align-items: stretch;
        flex-direction: column;
    }

    .block-primary[b-hngxba7vg2] {
        width: 100%;
    }

    .kpi-grid[b-hngxba7vg2],
    .agenda-left[b-hngxba7vg2],
    .agenda-right[b-hngxba7vg2] {
        grid-template-columns: 1fr;
    }

    .tip-panel[b-hngxba7vg2] {
        grid-column: auto;
    }

    .timeline-panel[b-hngxba7vg2] {
        min-height: 0;
    }

    .timeline-row[b-hngxba7vg2] {
        grid-template-columns: 58px 13px minmax(0, 1fr);
    }

    .timeline-card[b-hngxba7vg2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .timeline-actions[b-hngxba7vg2] {
        width: 100%;
        justify-content: space-between;
    }

    .upcoming-list > div[b-hngxba7vg2] {
        grid-template-columns: 55px 32px minmax(0, 1fr);
    }

    .upcoming-list > div > .status[b-hngxba7vg2] {
        grid-column: 3;
        width: max-content;
    }

    .shortcut-grid[b-hngxba7vg2] {
        grid-template-columns: repeat(2, 1fr);
    }

    footer[b-hngxba7vg2] {
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .agenda-main[b-hngxba7vg2] {
        padding-left: 9px;
        padding-right: 9px;
    }

    .kpi-card[b-hngxba7vg2] {
        min-height: 95px;
    }

    .panel[b-hngxba7vg2] {
        padding: 12px;
    }

    .calendar-day[b-hngxba7vg2] {
        min-height: 34px;
    }

    .timeline-heading[b-hngxba7vg2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .timeline-heading select[b-hngxba7vg2] {
        width: 100%;
    }

    .timeline-row[b-hngxba7vg2] {
        grid-template-columns: 1fr;
        gap: 5px;
        margin-bottom: 11px;
    }

    .timeline-row > time[b-hngxba7vg2] {
        padding: 0 2px;
        font-weight: 800;
    }

    .timeline-line[b-hngxba7vg2] {
        display: none;
    }

    .timeline-card[b-hngxba7vg2] {
        width: 100%;
    }

    .form-grid[b-hngxba7vg2] {
        grid-template-columns: 1fr;
    }

    .modal-actions[b-hngxba7vg2] {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   GOOGLE CALENDAR - INTEGRACIÓN DE AGENDA
   ================================================================ */
.google-calendar-panel[b-hngxba7vg2] {
    margin-bottom: 18px;
    border: 1px solid #273846;
    background: linear-gradient(145deg, #0a151f 0%, #081018 100%);
}

.google-calendar-head[b-hngxba7vg2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.google-calendar-brand[b-hngxba7vg2] {
    display: flex;
    gap: 14px;
    min-width: 0;
}

.google-calendar-icon[b-hngxba7vg2] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #ffffff;
    color: #1a73e8;
    font-size: 24px;
    font-weight: 900;
    box-shadow: 0 8px 24px #0005;
}

.integration-eyebrow[b-hngxba7vg2] {
    display: block;
    margin-bottom: 4px;
    color: #f6c900;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.google-calendar-brand h2[b-hngxba7vg2] {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 20px;
}

.google-calendar-brand p[b-hngxba7vg2] {
    max-width: 720px;
    margin: 0;
    color: #aebbc6;
    line-height: 1.5;
}

.calendar-state[b-hngxba7vg2] {
    flex: 0 0 auto;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.calendar-state.connected[b-hngxba7vg2] {
    border: 1px solid #1f8f63;
    background: #0d3428;
    color: #8ff0c6;
}

.calendar-state.disconnected[b-hngxba7vg2],
.calendar-state.loading[b-hngxba7vg2] {
    border: 1px solid #3b4c59;
    background: #111e28;
    color: #c3cdd5;
}

.google-calendar-body[b-hngxba7vg2],
.google-calendar-connect[b-hngxba7vg2] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.3fr) auto;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #20313e;
}

.google-calendar-connect[b-hngxba7vg2] {
    grid-template-columns: 1fr auto;
}

.google-calendar-connect > div[b-hngxba7vg2] {
    display: grid;
    gap: 5px;
}

.google-calendar-connect strong[b-hngxba7vg2],
.calendar-account strong[b-hngxba7vg2],
.calendar-toggle strong[b-hngxba7vg2] {
    color: #ffffff;
}

.google-calendar-connect span[b-hngxba7vg2],
.calendar-account span[b-hngxba7vg2],
.calendar-account small[b-hngxba7vg2],
.calendar-toggle small[b-hngxba7vg2] {
    color: #aebbc6;
}

.calendar-account[b-hngxba7vg2] {
    display: grid;
    gap: 4px;
}

.calendar-toggle[b-hngxba7vg2] {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.calendar-toggle > span:last-child[b-hngxba7vg2] {
    display: grid;
    gap: 3px;
}

.calendar-toggle input[b-hngxba7vg2] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.toggle-track[b-hngxba7vg2] {
    position: relative;
    width: 46px;
    height: 26px;
    flex: 0 0 46px;
    border-radius: 999px;
    background: #334552;
    transition: 0.2s ease;
}

.toggle-track i[b-hngxba7vg2] {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;
    transition: 0.2s ease;
}

.calendar-toggle input:checked + .toggle-track[b-hngxba7vg2] {
    background: #f6c900;
}

.calendar-toggle input:checked + .toggle-track i[b-hngxba7vg2] {
    transform: translateX(20px);
    background: #101820;
}

.calendar-actions-row[b-hngxba7vg2] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.google-calendar-connect button[b-hngxba7vg2],
.calendar-sync-button[b-hngxba7vg2],
.calendar-disconnect-button[b-hngxba7vg2] {
    min-height: 42px;
    border-radius: 9px;
    padding: 0 14px;
    font-weight: 800;
    cursor: pointer;
}

.google-calendar-connect button[b-hngxba7vg2],
.calendar-sync-button[b-hngxba7vg2] {
    border: 1px solid #f6c900;
    background: #f6c900;
    color: #111820;
}

.calendar-disconnect-button[b-hngxba7vg2] {
    border: 1px solid #475866;
    background: #101b24;
    color: #dbe4eb;
}

.google-calendar-connect button:disabled[b-hngxba7vg2],
.calendar-sync-button:disabled[b-hngxba7vg2],
.calendar-disconnect-button:disabled[b-hngxba7vg2] {
    opacity: 0.55;
    cursor: not-allowed;
}

.calendar-config-warning[b-hngxba7vg2] {
    display: grid;
    gap: 4px;
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #68591e;
    border-radius: 10px;
    background: #2d270d;
    color: #ffe889;
}

.calendar-config-warning span[b-hngxba7vg2] {
    color: #d6c875;
}

@media (max-width: 1050px) {
    .google-calendar-body[b-hngxba7vg2] {
        grid-template-columns: 1fr 1fr;
    }

    .calendar-actions-row[b-hngxba7vg2] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .google-calendar-head[b-hngxba7vg2],
    .google-calendar-connect[b-hngxba7vg2] {
        align-items: stretch;
        flex-direction: column;
    }

    .google-calendar-head[b-hngxba7vg2] {
        display: flex;
    }

    .calendar-state[b-hngxba7vg2] {
        width: max-content;
    }

    .google-calendar-body[b-hngxba7vg2],
    .google-calendar-connect[b-hngxba7vg2] {
        grid-template-columns: 1fr;
    }

    .calendar-actions-row[b-hngxba7vg2] {
        grid-column: auto;
        display: grid;
        grid-template-columns: 1fr;
    }

    .google-calendar-connect button[b-hngxba7vg2],
    .calendar-sync-button[b-hngxba7vg2],
    .calendar-disconnect-button[b-hngxba7vg2] {
        width: 100%;
    }
}
/* /Pages/Professional/Bookings.razor.rz.scp.css */
/* =========================================================
   MIS TURNOS - PROFESIONAL - TURNO YA
   Reutiliza el lenguaje visual del Dashboard y Agenda.
   ========================================================= */

*[b-8raywt2oz6] {
    box-sizing: border-box;
}

.professional-bookings-shell[b-8raywt2oz6] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    background:
        radial-gradient(circle at 52% 0, #07131f, #02080e 48%, #010508);
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.sidebar[b-8raywt2oz6] {
    min-height: 100vh;
    padding: 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-right: 1px solid #263442;
    background: rgba(2, 9, 15, 0.88);
}

.brand[b-8raywt2oz6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 10px 8px;
}

.brand > span[b-8raywt2oz6] {
    font-size: 43px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -8px;
}

.brand strong[b-8raywt2oz6] {
    font-size: 21px;
}

.brand b[b-8raywt2oz6],
.mobile-topbar b[b-8raywt2oz6],
.talent-panel b[b-8raywt2oz6] {
    color: #ffc400;
}

.brand small[b-8raywt2oz6] {
    display: block;
    color: #ffffff;
    font-size: 10px;
}

.professional-card[b-8raywt2oz6] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #2a3a48;
    border-radius: 12px;
    background: #07141e;
}

.professional-card strong[b-8raywt2oz6],
.professional-card small[b-8raywt2oz6],
.professional-card span[b-8raywt2oz6] {
    display: block;
}

.professional-card small[b-8raywt2oz6] {
    margin-top: 2px;
    font-size: 11px;
}

.professional-card span[b-8raywt2oz6] {
    margin-top: 4px;
    color: #23df78;
    font-size: 10px;
}

.avatar[b-8raywt2oz6],
.customer-avatar[b-8raywt2oz6] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #6b7c8e, #243b52);
    color: #ffffff;
    font-weight: 800;
}

.avatar[b-8raywt2oz6] {
    width: 46px;
    height: 46px;
}

.customer-avatar[b-8raywt2oz6] {
    width: 42px;
    height: 42px;
    font-size: 12px;
}

.sidebar nav[b-8raywt2oz6] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-8raywt2oz6] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px 13px;
    border-radius: 9px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.sidebar nav a i[b-8raywt2oz6] {
    width: 21px;
    flex: 0 0 21px;
    text-align: center;
    font-style: normal;
    font-size: 17px;
}

.sidebar nav a.active[b-8raywt2oz6] {
    background: linear-gradient(90deg, #463600, #2b2404);
    box-shadow: inset 0 0 0 1px #d9a900;
}

.sidebar nav a.active i[b-8raywt2oz6] {
    color: #ffd000;
}

.sidebar-tip[b-8raywt2oz6] {
    margin-top: auto;
    padding: 13px;
    border: 1px solid #493278;
    border-radius: 12px;
    background: linear-gradient(145deg, #251346, #131630);
}

.sidebar-tip strong[b-8raywt2oz6],
.sidebar-tip p[b-8raywt2oz6],
.sidebar-tip a[b-8raywt2oz6] {
    display: block;
}

.sidebar-tip p[b-8raywt2oz6] {
    margin: 8px 0 12px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.45;
}

.sidebar-tip a[b-8raywt2oz6] {
    padding: 9px 10px;
    border: 1px solid #493e74;
    border-radius: 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}

.logout-button[b-8raywt2oz6] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid #334353;
    border-radius: 9px;
    background: #08131d;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
}

.logout-button span[b-8raywt2oz6] {
    color: #ffc400;
    font-size: 18px;
}

.bookings-main[b-8raywt2oz6] {
    min-width: 0;
    padding: 20px;
}

.bookings-header[b-8raywt2oz6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 16px;
}

.bookings-header h1[b-8raywt2oz6] {
    margin: 0;
    font-size: clamp(28px, 3vw, 36px);
}

.bookings-header p[b-8raywt2oz6] {
    margin: 4px 0 0;
    color: #ffffff;
}

.block-primary[b-8raywt2oz6] {
    min-height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffd025, #ffb800);
    color: #141414;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.message[b-8raywt2oz6] {
    margin-bottom: 12px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px;
}

.message.success[b-8raywt2oz6] {
    border: 1px solid #1d8052;
    background: #0c3929;
    color: #aaffcb;
}

.message.error[b-8raywt2oz6] {
    border: 1px solid #8d3f45;
    background: #40171b;
    color: #ffc2c5;
}

.kpi-grid[b-8raywt2oz6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.kpi-card[b-8raywt2oz6],
.panel[b-8raywt2oz6] {
    border: 1px solid #293949;
    border-radius: 12px;
    background: linear-gradient(145deg, #0e1b28, #08131d);
    box-shadow: 0 12px 30px #0003;
}

.kpi-card[b-8raywt2oz6] {
    min-height: 110px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.kpi-card > i[b-8raywt2oz6] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    font-style: normal;
    font-size: 23px;
}

.kpi-card .blue[b-8raywt2oz6] {
    background: #1262cb;
    color: #b7d8ff;
}

.kpi-card .green[b-8raywt2oz6] {
    background: #0c8e52;
    color: #c4ffdf;
}

.kpi-card .purple[b-8raywt2oz6] {
    background: #6133a8;
    color: #e3ccff;
}

.kpi-card .gold[b-8raywt2oz6] {
    background: #a87a00;
    color: #fff0a1;
}

.kpi-card span[b-8raywt2oz6],
.kpi-card strong[b-8raywt2oz6],
.kpi-card small[b-8raywt2oz6] {
    display: block;
}

.kpi-card span[b-8raywt2oz6] {
    font-size: 12px;
}

.kpi-card strong[b-8raywt2oz6] {
    margin: 3px 0;
    font-size: 22px;
}

.kpi-card small[b-8raywt2oz6] {
    font-size: 10px;
    color: #ffffff;
}

.bookings-layout[b-8raywt2oz6] {
    display: grid;
    grid-template-columns: minmax(235px, 0.85fr) minmax(520px, 1.75fr) minmax(255px, 0.9fr);
    gap: 12px;
    align-items: start;
}

.bookings-left[b-8raywt2oz6],
.bookings-right[b-8raywt2oz6] {
    min-width: 0;
    display: grid;
    gap: 12px;
}

.panel[b-8raywt2oz6] {
    min-width: 0;
    padding: 14px;
}

.panel-heading[b-8raywt2oz6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.panel-heading h2[b-8raywt2oz6] {
    margin: 0;
    font-size: 16px;
}

.panel-heading p[b-8raywt2oz6] {
    margin: 3px 0 0;
    color: #ffffff;
    font-size: 10px;
}

.panel-heading > span[b-8raywt2oz6] {
    flex: 0 0 auto;
    padding: 4px 7px;
    border: 1px solid #314557;
    border-radius: 7px;
    color: #ffffff;
    font-size: 10px;
}

.calendar-actions[b-8raywt2oz6] {
    display: flex;
    gap: 6px;
}

.calendar-actions button[b-8raywt2oz6] {
    min-width: 34px;
    min-height: 34px;
    border: 1px solid #334755;
    border-radius: 8px;
    background: #081720;
    color: #ffffff;
    cursor: pointer;
}

.calendar-weekdays[b-8raywt2oz6],
.calendar-grid[b-8raywt2oz6] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.calendar-weekdays[b-8raywt2oz6] {
    margin-bottom: 7px;
}

.calendar-weekdays span[b-8raywt2oz6] {
    text-align: center;
    color: #d3dbe2;
    font-size: 9px;
}

.calendar-day[b-8raywt2oz6] {
    position: relative;
    min-width: 0;
    min-height: 36px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
}

.calendar-day.selected[b-8raywt2oz6] {
    background: #ffc400;
    color: #161616;
    font-weight: 900;
}

.calendar-day.today[b-8raywt2oz6] {
    border-color: #ffc400;
}

.calendar-day small[b-8raywt2oz6] {
    position: absolute;
    right: -1px;
    top: -3px;
    min-width: 15px;
    height: 15px;
    display: grid;
    place-items: center;
    padding: 0 3px;
    border-radius: 10px;
    background: #1471d9;
    color: #ffffff;
    font-size: 8px;
}

.filters-panel[b-8raywt2oz6] {
    display: grid;
    gap: 10px;
}

.filters-panel .panel-heading[b-8raywt2oz6] {
    margin-bottom: 0;
}

.filters-panel label[b-8raywt2oz6] {
    display: grid;
    gap: 5px;
}

.filters-panel label > span[b-8raywt2oz6] {
    font-size: 11px;
}

.filters-panel input[b-8raywt2oz6],
.filters-panel select[b-8raywt2oz6],
.cancel-reason textarea[b-8raywt2oz6] {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid #304554;
    border-radius: 9px;
    outline: none;
    background: #071720;
    color: #ffffff;
    font: inherit;
}

.filters-panel input[b-8raywt2oz6]::placeholder,
.cancel-reason textarea[b-8raywt2oz6]::placeholder {
    color: #8fa1af;
}

.filters-panel input:focus[b-8raywt2oz6],
.filters-panel select:focus[b-8raywt2oz6],
.cancel-reason textarea:focus[b-8raywt2oz6] {
    border-color: #d9a900;
    box-shadow: 0 0 0 2px #d9a90022;
}

.clear-filters[b-8raywt2oz6] {
    min-height: 44px;
    border: 1px solid #344a5a;
    border-radius: 9px;
    background: #0a1a25;
    color: #ffffff;
    cursor: pointer;
    font-weight: 800;
}

.bookings-panel[b-8raywt2oz6] {
    padding: 0;
    overflow: hidden;
}

.bookings-title[b-8raywt2oz6] {
    margin: 0;
    padding: 14px;
    border-bottom: 1px solid #293949;
}

.booking-list[b-8raywt2oz6] {
    display: grid;
}

.booking-row[b-8raywt2oz6] {
    min-width: 0;
    display: grid;
    grid-template-columns: 82px 42px minmax(160px, 1fr) auto minmax(110px, auto);
    gap: 10px;
    align-items: center;
    padding: 13px 14px;
    border-bottom: 1px solid #263845;
}

.booking-row:last-child[b-8raywt2oz6] {
    border-bottom: 0;
}

.booking-time strong[b-8raywt2oz6],
.booking-time span[b-8raywt2oz6],
.booking-customer strong[b-8raywt2oz6],
.booking-customer span[b-8raywt2oz6],
.booking-customer small[b-8raywt2oz6],
.booking-customer em[b-8raywt2oz6] {
    display: block;
}

.booking-time strong[b-8raywt2oz6] {
    font-size: 12px;
}

.booking-time span[b-8raywt2oz6] {
    margin-top: 4px;
    color: #cbd6de;
    font-size: 10px;
}

.booking-customer[b-8raywt2oz6] {
    min-width: 0;
}

.booking-customer strong[b-8raywt2oz6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.booking-customer span[b-8raywt2oz6],
.booking-customer small[b-8raywt2oz6],
.booking-customer em[b-8raywt2oz6] {
    margin-top: 2px;
    overflow: hidden;
    color: #b8c7d2;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    font-style: normal;
}

.booking-customer small[b-8raywt2oz6] {
    color: #ffffff;
}

.status[b-8raywt2oz6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.status.confirmed[b-8raywt2oz6],
.status.completed[b-8raywt2oz6] {
    border: 1px solid #1b9c62;
    background: #0a6943;
    color: #d5ffe9;
}

.status.pending[b-8raywt2oz6] {
    border: 1px solid #1773ce;
    background: #0b4a8a;
    color: #d8ecff;
}

.status.progress[b-8raywt2oz6] {
    border: 1px solid #8051d9;
    background: #57309b;
    color: #f0e5ff;
}

.status.cancelled[b-8raywt2oz6] {
    border: 1px solid #667685;
    background: #3c4b58;
    color: #ffffff;
}

.booking-actions[b-8raywt2oz6] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.booking-actions button[b-8raywt2oz6] {
    min-height: 36px;
    padding: 0 11px;
    border: 1px solid #31495a;
    border-radius: 8px;
    background: #0a1b27;
    color: #ffffff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

.booking-actions .action-button.confirm[b-8raywt2oz6] {
    border-color: #166da9;
    background: #0a3f68;
}

.booking-actions .action-button.complete[b-8raywt2oz6] {
    border-color: #1476bb;
    background: #0b4e80;
}

.booking-actions .more-button[b-8raywt2oz6] {
    min-width: 36px;
    padding: 0;
}

.booking-actions button:disabled[b-8raywt2oz6] {
    opacity: 0.55;
    cursor: not-allowed;
}

.pagination-row[b-8raywt2oz6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-top: 1px solid #263845;
    color: #d6e0e7;
    font-size: 10px;
}

.pagination-row > div[b-8raywt2oz6] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.pagination-row button[b-8raywt2oz6],
.pagination-row strong[b-8raywt2oz6] {
    min-width: 32px;
    min-height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid #31495a;
    border-radius: 7px;
    background: #0b1b26;
    color: #ffffff;
}

.pagination-row strong[b-8raywt2oz6] {
    border-color: #d4a600;
    color: #ffd200;
}

.pagination-row button[b-8raywt2oz6] {
    cursor: pointer;
}

.pagination-row button:disabled[b-8raywt2oz6] {
    opacity: 0.4;
    cursor: not-allowed;
}

.empty-state[b-8raywt2oz6],
.list-loading[b-8raywt2oz6],
.empty-compact[b-8raywt2oz6] {
    min-height: 180px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 28px;
    text-align: center;
    color: #ffffff;
}

.empty-state i[b-8raywt2oz6] {
    font-size: 28px;
    color: #ffc400;
    font-style: normal;
}

.empty-state span[b-8raywt2oz6],
.empty-compact[b-8raywt2oz6] {
    color: #c4d0d9;
    font-size: 11px;
}

.next-time[b-8raywt2oz6] {
    margin-bottom: 12px;
}

.next-time strong[b-8raywt2oz6],
.next-time span[b-8raywt2oz6] {
    display: block;
}

.next-time strong[b-8raywt2oz6] {
    font-size: 24px;
}

.next-time span[b-8raywt2oz6] {
    margin-top: 3px;
    color: #b8c7d2;
    font-size: 11px;
}

.next-customer[b-8raywt2oz6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-top: 1px solid #263845;
    border-bottom: 1px solid #263845;
}

.next-customer strong[b-8raywt2oz6],
.next-customer span[b-8raywt2oz6],
.next-customer small[b-8raywt2oz6] {
    display: block;
}

.next-customer span[b-8raywt2oz6],
.next-customer small[b-8raywt2oz6] {
    margin-top: 2px;
    color: #c2ced7;
    font-size: 10px;
}

.next-detail[b-8raywt2oz6] {
    width: 100%;
    min-height: 42px;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    border: 1px solid #38505f;
    border-radius: 8px;
    background: #0a1b27;
    color: #ffffff;
    cursor: pointer;
    font-weight: 800;
}

.quick-panel[b-8raywt2oz6] {
    display: grid;
}

.quick-panel a[b-8raywt2oz6] {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 4px;
    border-top: 1px solid #263845;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}

.quick-panel a:first-of-type[b-8raywt2oz6] {
    border-top: 0;
}

.quick-panel a[b-8raywt2oz6]::first-letter {
    color: #ffc400;
}

.talent-panel[b-8raywt2oz6] {
    background:
        radial-gradient(circle at 100% 100%, #5e351e 0, transparent 36%),
        linear-gradient(135deg, #181a20, #09202d);
}

.talent-panel strong[b-8raywt2oz6] {
    display: block;
    max-width: 190px;
    font-size: 18px;
}

.talent-panel p[b-8raywt2oz6] {
    margin: 8px 0 18px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.45;
}

.talent-panel > span[b-8raywt2oz6] {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
}

.bookings-footer[b-8raywt2oz6] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 28px;
    padding: 12px 3px;
    color: #ffffff;
    font-size: 10px;
}

.mobile-topbar[b-8raywt2oz6],
.mobile-sidebar-head[b-8raywt2oz6],
.mobile-menu-backdrop[b-8raywt2oz6] {
    display: none;
}

.professional-bookings-loading[b-8raywt2oz6],
.professional-bookings-error[b-8raywt2oz6] {
    min-height: 100vh;
    display: grid;
    place-content: center;
    gap: 14px;
    padding: 24px;
    background: #02080e;
    color: #ffffff;
    text-align: center;
}

.professional-bookings-error button[b-8raywt2oz6] {
    justify-self: center;
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: #ffc400;
    color: #161616;
    font-weight: 900;
}

.error-icon[b-8raywt2oz6] {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #7a2429;
    font-size: 24px;
    font-weight: 900;
}

.booking-skeleton[b-8raywt2oz6] {
    border-radius: 12px;
    background: linear-gradient(90deg, #0c1823, #142a3a, #0c1823);
    background-size: 200% 100%;
    animation: loading-shimmer-b-8raywt2oz6 1.2s linear infinite;
}

.booking-skeleton.title[b-8raywt2oz6] {
    width: min(700px, 90vw);
    height: 70px;
}

.booking-skeleton.cards[b-8raywt2oz6] {
    width: min(1100px, 90vw);
    height: 110px;
}

.booking-skeleton.body[b-8raywt2oz6] {
    width: min(1100px, 90vw);
    height: 420px;
}

@keyframes loading-shimmer-b-8raywt2oz6 {
    to {
        background-position: -200% 0;
    }
}

/* =========================================================
   MODALES
   ========================================================= */

.modal-backdrop[b-8raywt2oz6] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(0, 4, 8, 0.78);
    backdrop-filter: blur(6px);
}

.booking-modal[b-8raywt2oz6] {
    width: min(650px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    border: 1px solid #31495a;
    border-radius: 14px;
    background: #07131e;
    color: #ffffff;
    box-shadow: 0 25px 70px #000a;
}

.booking-modal > header[b-8raywt2oz6],
.booking-modal > footer[b-8raywt2oz6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
}

.booking-modal > header[b-8raywt2oz6] {
    border-bottom: 1px solid #2c3f4d;
}

.booking-modal > footer[b-8raywt2oz6] {
    justify-content: flex-end;
    border-top: 1px solid #2c3f4d;
}

.booking-modal header span[b-8raywt2oz6],
.booking-modal header h2[b-8raywt2oz6] {
    display: block;
}

.booking-modal header span[b-8raywt2oz6] {
    color: #b7c6d1;
    font-size: 10px;
}

.booking-modal header h2[b-8raywt2oz6] {
    margin: 3px 0 0;
    font-size: 21px;
}

.booking-modal header > button[b-8raywt2oz6] {
    width: 40px;
    height: 40px;
    border: 1px solid #324858;
    border-radius: 50%;
    background: #0a1b27;
    color: #ffffff;
    cursor: pointer;
    font-size: 21px;
}

.modal-grid[b-8raywt2oz6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 16px;
}

.modal-grid > div[b-8raywt2oz6] {
    min-width: 0;
    padding: 11px;
    border: 1px solid #293e4d;
    border-radius: 9px;
    background: #0a1924;
}

.modal-grid small[b-8raywt2oz6],
.modal-grid strong[b-8raywt2oz6] {
    display: block;
}

.modal-grid small[b-8raywt2oz6] {
    color: #aebdca;
    font-size: 10px;
}

.modal-grid strong[b-8raywt2oz6] {
    margin-top: 4px;
    overflow-wrap: anywhere;
    font-size: 12px;
}

.notes-box[b-8raywt2oz6],
.cancel-reason[b-8raywt2oz6] {
    margin: 0 16px 16px;
    padding: 12px;
    border: 1px solid #293e4d;
    border-radius: 9px;
    background: #0a1924;
}

.notes-box small[b-8raywt2oz6],
.cancel-reason > span[b-8raywt2oz6] {
    display: block;
    margin-bottom: 6px;
    color: #aebdca;
    font-size: 10px;
}

.notes-box p[b-8raywt2oz6] {
    margin: 0;
    line-height: 1.5;
}

.cancel-reason textarea[b-8raywt2oz6] {
    min-height: 110px;
    padding: 10px 12px;
    resize: vertical;
}

.booking-modal footer button[b-8raywt2oz6] {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #324858;
    border-radius: 8px;
    background: #0a1b27;
    color: #ffffff;
    cursor: pointer;
}

.booking-modal footer .danger-button[b-8raywt2oz6] {
    border-color: #973f47;
    background: #6e252b;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1320px) {
    .kpi-grid[b-8raywt2oz6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bookings-layout[b-8raywt2oz6] {
        grid-template-columns: minmax(230px, 0.8fr) minmax(0, 2fr);
    }

    .bookings-right[b-8raywt2oz6] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .professional-bookings-shell[b-8raywt2oz6] {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .sidebar[b-8raywt2oz6] {
        padding-inline: 10px;
    }

    .bookings-layout[b-8raywt2oz6] {
        grid-template-columns: 1fr;
    }

    .bookings-left[b-8raywt2oz6] {
        grid-template-columns: minmax(250px, 0.8fr) minmax(270px, 1fr);
    }

    .bookings-right[b-8raywt2oz6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 768px) {
    .professional-bookings-shell[b-8raywt2oz6] {
        display: block;
        min-height: 100vh;
        padding-top: 64px;
    }

    .mobile-topbar[b-8raywt2oz6] {
        position: fixed;
        inset: 0 0 auto 0;
        z-index: 1000;
        min-height: 64px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 14px;
        border-bottom: 1px solid #243544;
        background: #03101a;
    }

    .hamburger-button[b-8raywt2oz6] {
        width: 44px;
        height: 44px;
        border: 1px solid #34495a;
        border-radius: 10px;
        background: #081720;
        color: #ffffff;
        font-size: 21px;
    }

    .mobile-topbar strong[b-8raywt2oz6] {
        font-size: 20px;
    }

    .sidebar[b-8raywt2oz6] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 1100;
        width: min(330px, 88vw);
        min-height: 100vh;
        overflow-y: auto;
        transform: translateX(-105%);
        transition: transform 0.22s ease;
        box-shadow: 20px 0 60px #0009;
    }

    .mobile-menu-open .sidebar[b-8raywt2oz6] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-8raywt2oz6] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 4px;
    }

    .mobile-sidebar-head button[b-8raywt2oz6] {
        width: 42px;
        height: 42px;
        border: 1px solid #334755;
        border-radius: 50%;
        background: #081720;
        color: #ffffff;
        font-size: 22px;
    }

    .mobile-menu-backdrop[b-8raywt2oz6] {
        position: fixed;
        inset: 0;
        z-index: 1050;
        border: 0;
        background: rgba(0, 0, 0, 0.65);
    }

    .mobile-menu-open .mobile-menu-backdrop[b-8raywt2oz6] {
        display: block;
    }

    .bookings-main[b-8raywt2oz6] {
        padding: 14px;
    }

    .bookings-header[b-8raywt2oz6] {
        align-items: stretch;
    }

    .bookings-header h1[b-8raywt2oz6] {
        font-size: 28px;
    }

    .bookings-header p[b-8raywt2oz6] {
        max-width: 240px;
        font-size: 12px;
        line-height: 1.4;
    }

    .block-primary[b-8raywt2oz6] {
        flex: 0 0 auto;
        min-height: 46px;
        padding: 0 13px;
        font-size: 11px;
    }

    .kpi-grid[b-8raywt2oz6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .kpi-card[b-8raywt2oz6] {
        min-height: 100px;
        padding: 11px;
        gap: 9px;
    }

    .kpi-card > i[b-8raywt2oz6] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 10px;
        font-size: 18px;
    }

    .kpi-card span[b-8raywt2oz6] {
        font-size: 10px;
    }

    .kpi-card strong[b-8raywt2oz6] {
        font-size: 17px;
        overflow-wrap: anywhere;
    }

    .kpi-card small[b-8raywt2oz6] {
        font-size: 9px;
    }

    .bookings-left[b-8raywt2oz6],
    .bookings-right[b-8raywt2oz6] {
        grid-template-columns: 1fr;
    }

    .bookings-layout[b-8raywt2oz6] {
        grid-template-columns: 1fr;
    }

    .calendar-panel[b-8raywt2oz6],
    .filters-panel[b-8raywt2oz6],
    .bookings-panel[b-8raywt2oz6],
    .next-panel[b-8raywt2oz6],
    .quick-panel[b-8raywt2oz6],
    .talent-panel[b-8raywt2oz6] {
        grid-column: auto;
    }

    .booking-row[b-8raywt2oz6] {
        grid-template-columns: 64px 40px minmax(0, 1fr);
        gap: 9px;
        align-items: start;
        padding: 13px;
    }

    .booking-time[b-8raywt2oz6] {
        grid-row: 1 / span 2;
    }

    .customer-avatar[b-8raywt2oz6] {
        width: 40px;
        height: 40px;
    }

    .booking-customer[b-8raywt2oz6] {
        padding-right: 2px;
    }

    .booking-customer strong[b-8raywt2oz6],
    .booking-customer span[b-8raywt2oz6],
    .booking-customer small[b-8raywt2oz6],
    .booking-customer em[b-8raywt2oz6] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .booking-row > .status[b-8raywt2oz6] {
        grid-column: 2 / -1;
        justify-self: start;
        margin-top: 2px;
    }

    .booking-actions[b-8raywt2oz6] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-top: 4px;
    }

    .booking-actions button[b-8raywt2oz6] {
        min-height: 40px;
    }

    .pagination-row[b-8raywt2oz6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pagination-row > div[b-8raywt2oz6] {
        width: 100%;
        justify-content: center;
    }

    .bookings-right[b-8raywt2oz6] {
        grid-column: auto;
    }

    .bookings-footer[b-8raywt2oz6] {
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }

    .modal-backdrop[b-8raywt2oz6] {
        align-items: end;
        padding: 0;
    }

    .booking-modal[b-8raywt2oz6] {
        width: 100%;
        max-height: 88vh;
        border-radius: 16px 16px 0 0;
    }

    .modal-grid[b-8raywt2oz6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .bookings-header[b-8raywt2oz6] {
        flex-direction: column;
    }

    .block-primary[b-8raywt2oz6] {
        width: 100%;
    }

    .kpi-grid[b-8raywt2oz6] {
        grid-template-columns: 1fr;
    }

    .calendar-actions button[b-8raywt2oz6] {
        min-width: 32px;
    }

    .booking-row[b-8raywt2oz6] {
        grid-template-columns: 58px 36px minmax(0, 1fr);
    }

    .customer-avatar[b-8raywt2oz6] {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar[b-8raywt2oz6],
    .booking-skeleton[b-8raywt2oz6] {
        transition: none;
        animation: none;
    }
}
/* /Pages/Professional/Clients.razor.rz.scp.css */
/* =========================================================
   CLIENTES - PROFESIONAL - TURNO YA
   Mantiene el mismo lenguaje visual de Dashboard, Agenda y Mis turnos.
   ========================================================= */

*[b-1vw90ykp2b] {
    box-sizing: border-box;
}

.professional-clients-shell[b-1vw90ykp2b] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    background:
        radial-gradient(circle at 52% 0, #07131f, #02080e 48%, #010508);
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.sidebar[b-1vw90ykp2b] {
    min-height: 100vh;
    padding: 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-right: 1px solid #263442;
    background: rgba(2, 9, 15, 0.9);
}

.brand[b-1vw90ykp2b] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 10px 8px;
}

.brand > span[b-1vw90ykp2b] {
    font-size: 43px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -8px;
}

.brand strong[b-1vw90ykp2b] {
    font-size: 21px;
}

.brand b[b-1vw90ykp2b],
.mobile-topbar b[b-1vw90ykp2b],
.talent-panel b[b-1vw90ykp2b] {
    color: #ffc400;
}

.brand small[b-1vw90ykp2b] {
    display: block;
    color: #ffffff;
    font-size: 10px;
}

.professional-card[b-1vw90ykp2b] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #2a3a48;
    border-radius: 12px;
    background: #07141e;
}

.professional-card strong[b-1vw90ykp2b],
.professional-card small[b-1vw90ykp2b],
.professional-card span[b-1vw90ykp2b] {
    display: block;
}

.professional-card small[b-1vw90ykp2b] {
    margin-top: 2px;
    font-size: 11px;
}

.professional-card span[b-1vw90ykp2b] {
    margin-top: 4px;
    color: #23df78;
    font-size: 10px;
}

.avatar[b-1vw90ykp2b],
.customer-avatar[b-1vw90ykp2b] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #6b7c8e, #243b52);
    color: #ffffff;
    font-weight: 800;
}

.avatar[b-1vw90ykp2b] {
    width: 46px;
    height: 46px;
}

.customer-avatar[b-1vw90ykp2b] {
    width: 48px;
    height: 48px;
    font-size: 12px;
}

.customer-avatar.large[b-1vw90ykp2b] {
    width: 58px;
    height: 58px;
    font-size: 15px;
}

.sidebar nav[b-1vw90ykp2b] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-1vw90ykp2b] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px 13px;
    border-radius: 9px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.sidebar nav a i[b-1vw90ykp2b] {
    width: 21px;
    flex: 0 0 21px;
    text-align: center;
    font-style: normal;
    font-size: 17px;
}

.sidebar nav a.active[b-1vw90ykp2b] {
    background: linear-gradient(90deg, #463600, #2b2404);
    box-shadow: inset 0 0 0 1px #d9a900;
}

.sidebar nav a.active i[b-1vw90ykp2b] {
    color: #ffd000;
}

.sidebar-tip[b-1vw90ykp2b] {
    margin-top: auto;
    padding: 13px;
    border: 1px solid #493278;
    border-radius: 12px;
    background: linear-gradient(145deg, #251346, #131630);
}

.sidebar-tip strong[b-1vw90ykp2b],
.sidebar-tip p[b-1vw90ykp2b],
.sidebar-tip a[b-1vw90ykp2b] {
    display: block;
}

.sidebar-tip p[b-1vw90ykp2b] {
    margin: 8px 0 12px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.45;
}

.sidebar-tip a[b-1vw90ykp2b] {
    padding: 9px 10px;
    border: 1px solid #493e74;
    border-radius: 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}

.logout-button[b-1vw90ykp2b] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid #334353;
    border-radius: 9px;
    background: #08131d;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
}

.logout-button span[b-1vw90ykp2b] {
    color: #ffc400;
    font-size: 18px;
}

.clients-main[b-1vw90ykp2b] {
    min-width: 0;
    padding: 20px;
}

.clients-header[b-1vw90ykp2b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 16px;
}

.clients-header h1[b-1vw90ykp2b] {
    margin: 0;
    font-size: clamp(28px, 3vw, 36px);
}

.clients-header p[b-1vw90ykp2b] {
    margin: 4px 0 0;
    color: #ffffff;
}

.block-primary[b-1vw90ykp2b],
.primary-action[b-1vw90ykp2b] {
    border: 0;
    background: linear-gradient(180deg, #ffd025, #ffb800);
    color: #141414;
    font-weight: 900;
    cursor: pointer;
}

.block-primary[b-1vw90ykp2b] {
    min-height: 48px;
    padding: 0 20px;
    border-radius: 10px;
    white-space: nowrap;
}

.message[b-1vw90ykp2b] {
    margin-bottom: 12px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px;
}

.message.success[b-1vw90ykp2b] {
    border: 1px solid #1d8052;
    background: #0c3929;
    color: #aaffcb;
}

.message.error[b-1vw90ykp2b] {
    border: 1px solid #8d3f45;
    background: #40171b;
    color: #ffc2c5;
}

.scope-toolbar[b-1vw90ykp2b] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 12px;
}

.scope-tabs[b-1vw90ykp2b] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.scope-tab[b-1vw90ykp2b],
.date-switcher[b-1vw90ykp2b],
.date-switcher button[b-1vw90ykp2b] {
    border: 1px solid #2d4050;
    background: #0b1722;
    color: #ffffff;
}

.scope-tab[b-1vw90ykp2b] {
    min-width: 125px;
    min-height: 43px;
    padding: 0 15px;
    border-radius: 9px;
    font-weight: 700;
    cursor: pointer;
}

.scope-tab.active[b-1vw90ykp2b] {
    border-color: #ffc400;
    background: linear-gradient(180deg, #ffd425, #ffbd00);
    color: #17120a;
}

.date-switcher[b-1vw90ykp2b] {
    min-height: 43px;
    display: flex;
    align-items: center;
    border-radius: 9px;
    overflow: hidden;
}

.date-switcher span[b-1vw90ykp2b] {
    min-width: 250px;
    padding: 0 14px;
    text-align: center;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 700;
}

.date-switcher button[b-1vw90ykp2b] {
    width: 42px;
    align-self: stretch;
    border-width: 0 1px;
    cursor: pointer;
    font-size: 20px;
}

.kpi-grid[b-1vw90ykp2b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.kpi-card[b-1vw90ykp2b],
.panel[b-1vw90ykp2b] {
    border: 1px solid #293949;
    border-radius: 12px;
    background: linear-gradient(145deg, #0e1b28, #08131d);
    box-shadow: 0 12px 30px #0003;
}

.kpi-card[b-1vw90ykp2b] {
    min-height: 100px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.kpi-card > i[b-1vw90ykp2b] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    font-style: normal;
    font-size: 23px;
}

.kpi-card .blue[b-1vw90ykp2b] {
    background: #1262cb;
    color: #b7d8ff;
}

.kpi-card .green[b-1vw90ykp2b] {
    background: #0c8e52;
    color: #c4ffdf;
}

.kpi-card .gold[b-1vw90ykp2b] {
    background: #a87a00;
    color: #fff0a1;
}

.kpi-card .purple[b-1vw90ykp2b] {
    background: #6133a8;
    color: #e3ccff;
}

.kpi-card span[b-1vw90ykp2b],
.kpi-card small[b-1vw90ykp2b] {
    display: block;
}

.kpi-card strong[b-1vw90ykp2b] {
    display: block;
    margin: 2px 0;
    font-size: 25px;
}

.kpi-card span[b-1vw90ykp2b] {
    font-size: 12px;
}

.kpi-card small[b-1vw90ykp2b] {
    color: #d6e0e8;
    font-size: 10px;
}

.clients-layout[b-1vw90ykp2b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 14px;
    align-items: start;
}

.clients-center[b-1vw90ykp2b],
.clients-right[b-1vw90ykp2b] {
    min-width: 0;
}

.clients-right[b-1vw90ykp2b] {
    display: grid;
    gap: 12px;
}

.search-panel[b-1vw90ykp2b] {
    padding: 14px;
    margin-bottom: 12px;
}

.search-panel label > span[b-1vw90ykp2b] {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 700;
}

.search-box[b-1vw90ykp2b] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid #314656;
    border-radius: 9px;
    background: #07141e;
}

.search-box > span[b-1vw90ykp2b] {
    color: #ffc400;
    font-size: 20px;
}

.search-box input[b-1vw90ykp2b] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    font: inherit;
}

.search-box input[b-1vw90ykp2b]::placeholder {
    color: #96a8b8;
}

.search-box button[b-1vw90ykp2b] {
    border: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
}

.list-heading[b-1vw90ykp2b] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 8px 2px 10px;
}

.list-heading h2[b-1vw90ykp2b] {
    margin: 0;
    font-size: 16px;
}

.list-heading small[b-1vw90ykp2b] {
    color: #c0ced9;
}

.customer-list[b-1vw90ykp2b] {
    display: grid;
    gap: 9px;
}

.customer-row[b-1vw90ykp2b] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 105px 48px minmax(160px, 1fr) minmax(190px, 1.1fr) auto;
    gap: 14px;
    align-items: center;
    min-height: 88px;
    padding: 12px 15px;
    border: 1px solid #273846;
    border-left: 4px solid #e4b900;
    border-radius: 12px;
    background: linear-gradient(145deg, #0d1924, #07121b);
}

.customer-row.completed[b-1vw90ykp2b] {
    border-left-color: #23c978;
}

.customer-row.confirmed[b-1vw90ykp2b],
.customer-row.progress[b-1vw90ykp2b] {
    border-left-color: #2678e9;
}

.customer-row.cancelled[b-1vw90ykp2b] {
    border-left-color: #b24a52;
    opacity: .78;
}

.time-column strong[b-1vw90ykp2b],
.time-column span[b-1vw90ykp2b],
.customer-info strong[b-1vw90ykp2b],
.customer-info span[b-1vw90ykp2b],
.customer-info small[b-1vw90ykp2b],
.service-info strong[b-1vw90ykp2b],
.service-info span[b-1vw90ykp2b] {
    display: block;
}

.time-column strong[b-1vw90ykp2b] {
    margin-bottom: 6px;
    font-size: 18px;
}

.status-pill[b-1vw90ykp2b] {
    width: max-content;
    max-width: 100%;
    padding: 4px 9px;
    border-radius: 999px;
    background: #655400;
    color: #ffdc44;
    font-size: 10px;
    font-weight: 800;
}

.status-pill.completed[b-1vw90ykp2b] {
    background: #0d7747;
    color: #c5ffe0;
}

.status-pill.confirmed[b-1vw90ykp2b],
.status-pill.progress[b-1vw90ykp2b] {
    background: #1458a8;
    color: #d5eaff;
}

.status-pill.cancelled[b-1vw90ykp2b] {
    background: #6c2830;
    color: #ffd4d7;
}

.customer-info[b-1vw90ykp2b],
.service-info[b-1vw90ykp2b] {
    min-width: 0;
}

.customer-info strong[b-1vw90ykp2b],
.service-info strong[b-1vw90ykp2b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-info span[b-1vw90ykp2b],
.service-info span[b-1vw90ykp2b] {
    margin-top: 4px;
    color: #d1dce5;
    font-size: 11px;
}

.customer-info small[b-1vw90ykp2b] {
    margin-top: 4px;
    color: #91a6b7;
    font-size: 10px;
}

.row-actions[b-1vw90ykp2b] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.secondary-action[b-1vw90ykp2b],
.primary-action[b-1vw90ykp2b] {
    min-height: 38px;
    padding: 0 13px;
    border-radius: 8px;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
}

.secondary-action[b-1vw90ykp2b] {
    border: 1px solid #355064;
    background: #0b1a25;
    color: #ffffff;
}

.empty-state[b-1vw90ykp2b] {
    min-height: 270px;
    display: grid;
    place-items: center;
    align-content: center;
    padding: 30px;
    text-align: center;
}

.empty-state > span[b-1vw90ykp2b] {
    color: #ffc400;
    font-size: 34px;
}

.empty-state h3[b-1vw90ykp2b] {
    margin: 10px 0 4px;
}

.empty-state p[b-1vw90ykp2b] {
    margin: 0;
    color: #cad5dd;
}

.pagination[b-1vw90ykp2b] {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.pagination button[b-1vw90ykp2b] {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #344958;
    border-radius: 8px;
    background: #0c1923;
    color: #ffffff;
    cursor: pointer;
}

.pagination button:disabled[b-1vw90ykp2b] {
    opacity: .45;
    cursor: default;
}

.agenda-panel[b-1vw90ykp2b],
.summary-panel[b-1vw90ykp2b],
.quick-panel[b-1vw90ykp2b] {
    padding: 14px;
}

.right-heading > div[b-1vw90ykp2b] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.right-heading i[b-1vw90ykp2b] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #3c3100;
    color: #ffd000;
    font-style: normal;
}

.right-heading h2[b-1vw90ykp2b],
.summary-panel h2[b-1vw90ykp2b],
.quick-panel h2[b-1vw90ykp2b] {
    margin: 0;
    font-size: 15px;
}

.right-heading small[b-1vw90ykp2b] {
    color: #d2dde5;
}

.calendar-heading[b-1vw90ykp2b] {
    display: grid;
    grid-template-columns: 36px 1fr 36px;
    align-items: center;
    gap: 6px;
    margin: 15px 0 10px;
}

.calendar-heading strong[b-1vw90ykp2b] {
    text-align: center;
    text-transform: capitalize;
}

.calendar-heading button[b-1vw90ykp2b] {
    height: 34px;
    border: 1px solid #344957;
    border-radius: 8px;
    background: #091620;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
}

.calendar-weekdays[b-1vw90ykp2b],
.calendar-grid[b-1vw90ykp2b] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
}

.calendar-weekdays[b-1vw90ykp2b] {
    margin-bottom: 5px;
}

.calendar-weekdays span[b-1vw90ykp2b] {
    color: #afbdc8;
    text-align: center;
    font-size: 9px;
}

.calendar-day[b-1vw90ykp2b],
.calendar-empty[b-1vw90ykp2b] {
    min-height: 34px;
}

.calendar-day[b-1vw90ykp2b] {
    position: relative;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
}

.calendar-day:hover[b-1vw90ykp2b] {
    background: #132738;
}

.calendar-day.selected[b-1vw90ykp2b] {
    background: #ffc400;
    color: #111111;
    font-weight: 900;
}

.calendar-day.today:not(.selected)[b-1vw90ykp2b] {
    box-shadow: inset 0 0 0 1px #ffc400;
}

.calendar-day small[b-1vw90ykp2b] {
    position: absolute;
    right: 1px;
    bottom: 0;
    min-width: 12px;
    padding: 1px 3px;
    border-radius: 7px;
    background: #2f62c7;
    color: #ffffff;
    font-size: 7px;
}

.summary-panel h2[b-1vw90ykp2b],
.quick-panel h2[b-1vw90ykp2b] {
    margin-bottom: 10px;
}

.summary-panel > div[b-1vw90ykp2b] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 0;
    border-bottom: 1px solid #243541;
    font-size: 12px;
}

.summary-panel > div:last-child[b-1vw90ykp2b] {
    border-bottom: 0;
}

.quick-panel[b-1vw90ykp2b] {
    display: grid;
}

.quick-panel a[b-1vw90ykp2b] {
    padding: 10px 0;
    border-bottom: 1px solid #243541;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}

.quick-panel a:last-child[b-1vw90ykp2b] {
    border-bottom: 0;
}

.talent-panel[b-1vw90ykp2b] {
    min-height: 135px;
    padding: 18px;
    border: 1px solid #2a3b49;
    border-radius: 12px;
    background:
        radial-gradient(circle at 100% 100%, #8b3f00aa, transparent 45%),
        linear-gradient(145deg, #18222a, #111820);
}

.talent-panel strong[b-1vw90ykp2b],
.talent-panel span[b-1vw90ykp2b] {
    display: block;
}

.talent-panel p[b-1vw90ykp2b] {
    margin: 8px 0 16px;
    font-size: 11px;
}

.talent-panel span[b-1vw90ykp2b] {
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
}

.clients-footer[b-1vw90ykp2b] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 28px;
    padding: 12px 2px 4px;
    color: #ffffff;
    font-size: 10px;
}

.modal-backdrop[b-1vw90ykp2b] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: #000b;
    backdrop-filter: blur(6px);
}

.detail-modal[b-1vw90ykp2b] {
    width: min(720px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    border: 1px solid #334b5c;
    border-radius: 16px;
    background: #07131d;
    box-shadow: 0 30px 80px #0009;
}

.detail-modal > header[b-1vw90ykp2b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 18px;
    border-bottom: 1px solid #263946;
}

.detail-modal > header > div[b-1vw90ykp2b] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.detail-modal h2[b-1vw90ykp2b] {
    margin: 0 0 3px;
}

.detail-modal header button[b-1vw90ykp2b] {
    border: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-size: 27px;
}

.detail-grid[b-1vw90ykp2b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 18px;
}

.detail-grid article[b-1vw90ykp2b],
.detail-notes[b-1vw90ykp2b] {
    padding: 13px;
    border: 1px solid #293e4d;
    border-radius: 10px;
    background: #0b1a25;
}

.detail-grid span[b-1vw90ykp2b],
.detail-grid strong[b-1vw90ykp2b],
.detail-notes span[b-1vw90ykp2b] {
    display: block;
}

.detail-grid span[b-1vw90ykp2b],
.detail-notes span[b-1vw90ykp2b] {
    margin-bottom: 5px;
    color: #98acbb;
    font-size: 10px;
}

.detail-grid strong[b-1vw90ykp2b] {
    overflow-wrap: anywhere;
    font-size: 12px;
}

.detail-notes[b-1vw90ykp2b] {
    margin: 0 18px 18px;
}

.detail-notes p[b-1vw90ykp2b] {
    margin: 0;
    line-height: 1.5;
}

.detail-modal footer[b-1vw90ykp2b] {
    display: flex;
    justify-content: flex-end;
    padding: 0 18px 18px;
}

.detail-modal footer button[b-1vw90ykp2b] {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid #425869;
    border-radius: 8px;
    background: #0d1d28;
    color: #ffffff;
    cursor: pointer;
}

.mobile-topbar[b-1vw90ykp2b],
.mobile-sidebar-head[b-1vw90ykp2b],
.mobile-menu-backdrop[b-1vw90ykp2b] {
    display: none;
}

.professional-clients-loading[b-1vw90ykp2b],
.professional-clients-error[b-1vw90ykp2b] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    padding: 24px;
    background: #02080e;
    color: #ffffff;
    text-align: center;
}

.professional-clients-error .error-icon[b-1vw90ykp2b] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #8f2f35;
    font-weight: 900;
}

.professional-clients-error button[b-1vw90ykp2b] {
    min-height: 38px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: #ffc400;
    color: #111111;
    font-weight: 900;
}

.professional-clients-loading[b-1vw90ykp2b] {
    grid-template-columns: minmax(0, 900px);
}

.client-skeleton[b-1vw90ykp2b] {
    width: min(900px, 100%);
    border-radius: 12px;
    background: linear-gradient(90deg, #0b1822, #182937, #0b1822);
    background-size: 200% 100%;
    animation: client-loading-b-1vw90ykp2b 1.2s linear infinite;
}

.client-skeleton.title[b-1vw90ykp2b] {
    height: 60px;
}

.client-skeleton.cards[b-1vw90ykp2b] {
    height: 110px;
}

.client-skeleton.body[b-1vw90ykp2b] {
    height: 380px;
}

@keyframes client-loading-b-1vw90ykp2b {
    to {
        background-position: -200% 0;
    }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 1180px) {
    .professional-clients-shell[b-1vw90ykp2b] {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .clients-layout[b-1vw90ykp2b] {
        grid-template-columns: minmax(0, 1fr) 290px;
    }

    .customer-row[b-1vw90ykp2b] {
        grid-template-columns: 95px 44px minmax(150px, 1fr) minmax(160px, 1fr);
    }

    .row-actions[b-1vw90ykp2b] {
        grid-column: 3 / -1;
    }
}

@media (max-width: 980px) {
    .kpi-grid[b-1vw90ykp2b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scope-toolbar[b-1vw90ykp2b] {
        align-items: stretch;
        flex-direction: column;
    }

    .date-switcher[b-1vw90ykp2b] {
        align-self: flex-start;
    }

    .clients-layout[b-1vw90ykp2b] {
        grid-template-columns: 1fr;
    }

    .clients-right[b-1vw90ykp2b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agenda-panel[b-1vw90ykp2b] {
        grid-row: span 2;
    }

    .talent-panel[b-1vw90ykp2b] {
        grid-column: 1 / -1;
    }
}

/* =========================================================
   MÓVIL - reutiliza hamburguesa en esquina superior izquierda
   ========================================================= */
@media (max-width: 760px) {
    .professional-clients-shell[b-1vw90ykp2b] {
        display: block;
        padding-top: 58px;
    }

    .mobile-topbar[b-1vw90ykp2b] {
        position: fixed;
        inset: 0 0 auto 0;
        z-index: 2100;
        height: 58px;
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 0 14px;
        border-bottom: 1px solid #253744;
        background: #051019;
    }

    .hamburger-button[b-1vw90ykp2b] {
        width: 38px;
        height: 38px;
        border: 1px solid #394e5e;
        border-radius: 8px;
        background: #0a1721;
        color: #ffffff;
        font-size: 21px;
    }

    .sidebar[b-1vw90ykp2b] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 2300;
        width: min(300px, 86vw);
        overflow-y: auto;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 18px 0 50px #0008;
    }

    .mobile-menu-open .sidebar[b-1vw90ykp2b] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-1vw90ykp2b] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile-sidebar-head button[b-1vw90ykp2b] {
        border: 0;
        background: transparent;
        color: #ffffff;
        font-size: 25px;
    }

    .mobile-menu-backdrop[b-1vw90ykp2b] {
        position: fixed;
        inset: 0;
        z-index: 2200;
        border: 0;
        background: #0009;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-1vw90ykp2b] {
        display: block;
    }

    .clients-main[b-1vw90ykp2b] {
        padding: 14px;
    }

    .clients-header[b-1vw90ykp2b] {
        align-items: stretch;
        flex-direction: column;
    }

    .block-primary[b-1vw90ykp2b] {
        width: 100%;
    }

    .scope-tabs[b-1vw90ykp2b] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scope-tab[b-1vw90ykp2b] {
        min-width: 0;
    }

    .date-switcher[b-1vw90ykp2b] {
        width: 100%;
    }

    .date-switcher span[b-1vw90ykp2b] {
        min-width: 0;
        flex: 1;
        font-size: 10px;
    }

    .kpi-grid[b-1vw90ykp2b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi-card[b-1vw90ykp2b] {
        min-height: 92px;
        padding: 12px;
    }

    .kpi-card > i[b-1vw90ykp2b] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .customer-row[b-1vw90ykp2b] {
        grid-template-columns: 78px 42px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .service-info[b-1vw90ykp2b],
    .row-actions[b-1vw90ykp2b] {
        grid-column: 1 / -1;
    }

    .row-actions[b-1vw90ykp2b] {
        justify-content: stretch;
    }

    .row-actions button[b-1vw90ykp2b] {
        flex: 1;
    }

    .clients-right[b-1vw90ykp2b] {
        grid-template-columns: 1fr;
    }

    .agenda-panel[b-1vw90ykp2b],
    .talent-panel[b-1vw90ykp2b] {
        grid-column: auto;
        grid-row: auto;
    }

    .clients-footer[b-1vw90ykp2b] {
        flex-direction: column;
        text-align: center;
    }

    .detail-grid[b-1vw90ykp2b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 460px) {
    .kpi-grid[b-1vw90ykp2b] {
        grid-template-columns: 1fr;
    }

    .customer-row[b-1vw90ykp2b] {
        grid-template-columns: 70px 40px minmax(0, 1fr);
    }

    .customer-avatar[b-1vw90ykp2b] {
        width: 40px;
        height: 40px;
    }

    .time-column strong[b-1vw90ykp2b] {
        font-size: 15px;
    }
}
/* /Pages/Professional/Dashboard.razor.rz.scp.css */
*[b-9vdxr5053a]{box-sizing:border-box}.pro-shell[b-9vdxr5053a]{min-height:100vh;background:radial-gradient(circle at 52% 0,#07131f,#02080e 48%,#010508);color:#f7f9fb;display:grid;grid-template-columns:250px minmax(650px,1fr) 330px;font-family:Inter,"Segoe UI",Arial,sans-serif}.sidebar[b-9vdxr5053a]{border-right:1px solid #263442;padding:22px 16px;display:flex;flex-direction:column;gap:16px}.brand[b-9vdxr5053a]{display:flex;gap:12px;align-items:center;padding:0 12px 10px}.brand>span[b-9vdxr5053a]{font-size:47px;font-weight:900;font-style:italic;letter-spacing:-8px;color:#fff}.brand strong[b-9vdxr5053a]{font-size:23px}.brand b[b-9vdxr5053a],footer b[b-9vdxr5053a]{color:#ffc400}.brand small[b-9vdxr5053a],.profile-card small[b-9vdxr5053a],.kpi-card small[b-9vdxr5053a],.agenda-row small[b-9vdxr5053a],.simple-list small[b-9vdxr5053a],.activity-list small[b-9vdxr5053a],.next-client small[b-9vdxr5053a]{display:block;color:#aeb8c2}.sidebar nav[b-9vdxr5053a]{display:grid;gap:4px}.sidebar nav a[b-9vdxr5053a]{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:9px;color:#f5f6f8;text-decoration:none;font-size:14px}.sidebar nav a i[b-9vdxr5053a]{font-style:normal;font-size:18px;width:22px;text-align:center}.sidebar nav a.active[b-9vdxr5053a]{background:linear-gradient(90deg,#463600,#2b2404)}.sidebar nav a.active i[b-9vdxr5053a]{color:#ffd000}.logout-button[b-9vdxr5053a]{margin-top:auto;width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #334353;border-radius:9px;background:#08131d;color:#fff;cursor:pointer;font:inherit}.logout-button:hover[b-9vdxr5053a]{border-color:#ffc400}.logout-button span[b-9vdxr5053a]{color:#ffc400;font-size:18px}.logout-button:disabled[b-9vdxr5053a]{opacity:.65}.profile-card[b-9vdxr5053a]{border:1px solid #2a3a48;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center}.avatar[b-9vdxr5053a],.mini-avatar[b-9vdxr5053a]{border-radius:50%;background:linear-gradient(135deg,#7d4d2d,#243b52);display:grid;place-items:center;font-weight:800}.avatar[b-9vdxr5053a]{width:48px;height:48px}.mini-avatar[b-9vdxr5053a]{width:34px;height:34px;font-size:11px}.pro-main[b-9vdxr5053a]{padding:22px 20px 12px;min-width:0}.topbar[b-9vdxr5053a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.topbar h1[b-9vdxr5053a]{margin:0;font-size:28px}.topbar p[b-9vdxr5053a]{margin:3px 0;color:#c7ced6}.top-actions[b-9vdxr5053a]{display:flex;gap:10px;align-items:center}.top-actions button[b-9vdxr5053a],.top-actions span[b-9vdxr5053a]{border:1px solid #2d3c4b;background:#09141f;color:#fff;border-radius:10px;padding:9px 12px}.kpi-grid[b-9vdxr5053a]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card[b-9vdxr5053a],.panel[b-9vdxr5053a],.tip[b-9vdxr5053a]{border:1px solid #293949;background:linear-gradient(145deg,#0e1b28,#08131d);border-radius:12px;box-shadow:0 12px 30px #0003}.kpi-card[b-9vdxr5053a]{min-height:122px;padding:17px;display:flex;gap:14px;align-items:center}.kpi-card>i[b-9vdxr5053a]{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:23px;box-shadow:0 0 22px currentColor}.blue[b-9vdxr5053a]{background:#1262cb;color:#9dc8ff}.green[b-9vdxr5053a]{background:#0c9b58;color:#b9ffd8}.purple[b-9vdxr5053a]{background:#6631be;color:#dfc4ff}.gold[b-9vdxr5053a]{background:#ffb300;color:#fff2bd}.kpi-card span[b-9vdxr5053a]{display:block;font-size:13px}.kpi-card strong[b-9vdxr5053a]{display:block;font-size:24px;margin:4px 0}.positive[b-9vdxr5053a]{color:#37df70!important}.negative[b-9vdxr5053a]{color:#ff6470!important}.dashboard-grid[b-9vdxr5053a]{display:grid;grid-template-columns:1.15fr 1.25fr;gap:12px;margin-top:12px}.panel[b-9vdxr5053a]{padding:15px}.panel-title[b-9vdxr5053a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-title h2[b-9vdxr5053a]{font-size:16px;margin:0}.panel-title>span[b-9vdxr5053a]{font-size:11px;color:#d7dce1;border:1px solid #314151;padding:6px 9px;border-radius:7px}.agenda-list[b-9vdxr5053a]{display:grid}.agenda-row[b-9vdxr5053a]{display:grid;grid-template-columns:78px 34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #253646}.agenda-row time[b-9vdxr5053a]{font-weight:700}.agenda-row strong[b-9vdxr5053a]{font-size:12px}.status[b-9vdxr5053a]{font-size:10px;padding:5px 8px;border-radius:7px}.status.ok[b-9vdxr5053a],.status.done[b-9vdxr5053a]{background:#073f2a;color:#72f4a5}.status.pending[b-9vdxr5053a]{background:#2c174c;color:#d69cff}.status.info[b-9vdxr5053a]{background:#0b3157;color:#79c6ff}.weekly-bars[b-9vdxr5053a]{height:205px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid #2a3948;padding:18px 10px 0}.weekly-bars>div[b-9vdxr5053a]{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.weekly-bars i[b-9vdxr5053a]{display:block;width:64%;min-height:4px;background:linear-gradient(#ffd34b,#e6aa00);border-radius:4px 4px 0 0}.weekly-bars b[b-9vdxr5053a],.weekly-bars small[b-9vdxr5053a]{font-size:10px}.worked[b-9vdxr5053a]{margin-top:15px;border:1px solid #253646;border-radius:10px;padding:13px;display:flex;justify-content:space-between;align-items:center}.worked strong[b-9vdxr5053a],.worked em[b-9vdxr5053a]{display:block}.worked strong[b-9vdxr5053a]{font-size:22px}.worked em[b-9vdxr5053a]{font-size:10px;font-style:normal}.ring[b-9vdxr5053a]{width:72px;height:72px;border-radius:50%;background:conic-gradient(#7650ff calc(var(--pct,75)*1%),#24303c 0);display:grid;place-items:center;position:relative}.ring[b-9vdxr5053a]:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b1722}.ring span[b-9vdxr5053a]{z-index:1;font-weight:700}.frequent-panel[b-9vdxr5053a],.services-panel[b-9vdxr5053a],.revenue-panel[b-9vdxr5053a]{min-height:235px}.simple-list[b-9vdxr5053a],.activity-list[b-9vdxr5053a]{display:grid;gap:10px}.simple-list>div[b-9vdxr5053a],.activity-list>div[b-9vdxr5053a]{display:flex;align-items:center;gap:10px}.simple-list p[b-9vdxr5053a],.activity-list p[b-9vdxr5053a]{margin:0;flex:1}.simple-list strong[b-9vdxr5053a],.activity-list strong[b-9vdxr5053a]{font-size:11px;display:block}.simple-list>b[b-9vdxr5053a]{font-size:11px;color:#ffd000}.service-list[b-9vdxr5053a]{display:grid;gap:14px}.service-list>div[b-9vdxr5053a]{display:grid;grid-template-columns:120px 1fr 24px;gap:8px;align-items:center;font-size:11px}.service-list i[b-9vdxr5053a]{height:6px;border-radius:8px;background:#182838}.service-list i b[b-9vdxr5053a]{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#7b4bff,#bb62ef)}.revenue-total[b-9vdxr5053a]{font-size:23px}.revenue-bars[b-9vdxr5053a]{height:130px;display:flex;align-items:flex-end;gap:11px;margin-top:15px;border-bottom:1px solid #263747}.revenue-bars>div[b-9vdxr5053a]{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.revenue-bars i[b-9vdxr5053a]{width:55%;min-height:4px;background:linear-gradient(#8f54ff,#5a2cb4);border-radius:4px 4px 0 0}.revenue-bars small[b-9vdxr5053a]{font-size:9px}.tip[b-9vdxr5053a]{margin-top:12px;max-width:430px;padding:12px;display:flex;gap:12px}.tip strong[b-9vdxr5053a],.tip small[b-9vdxr5053a]{display:block}.tip small[b-9vdxr5053a]{color:#b6c0ca}.rightbar[b-9vdxr5053a]{padding:90px 18px 18px 0}.rightbar .panel[b-9vdxr5053a]{margin-bottom:12px}.next-client[b-9vdxr5053a]{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:start}.next-client h3[b-9vdxr5053a]{margin:3px 0;font-size:18px}.primary[b-9vdxr5053a]{margin-top:14px;width:100%;border:0;border-radius:8px;padding:11px;background:linear-gradient(90deg,#6b2ec9,#8b45df);color:#fff;font-weight:700;display:flex;justify-content:center;gap:10px}.action-grid[b-9vdxr5053a]{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.action-grid button[b-9vdxr5053a]{border:1px solid #2b3c4a;background:#0a1520;color:#fff;border-radius:9px;min-height:79px;font-size:20px}.action-grid button span[b-9vdxr5053a]{display:block;font-size:10px;margin-top:7px}.activity-list>div[b-9vdxr5053a]{padding:8px 0;border-bottom:1px solid #253544}.activity-list>div>i[b-9vdxr5053a]{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#0d8d52}.activity-list>div>i.payment[b-9vdxr5053a]{background:#0b8d57}.activity-list>div>i.review[b-9vdxr5053a]{background:#1668c9}.activity-list>div>i.booking[b-9vdxr5053a]{background:#6333b7}.money[b-9vdxr5053a]{font-size:10px;color:#4ce582}.empty[b-9vdxr5053a]{padding:20px;color:#aeb8c2}.error-state[b-9vdxr5053a]{min-height:100vh;background:#06101a;color:#fff;display:grid;place-content:center;text-align:center;font-family:Inter,"Segoe UI",sans-serif}.error-state button[b-9vdxr5053a]{justify-self:center;background:#ffc400;border:0;padding:10px 18px;border-radius:8px;font-weight:700}.state-icon[b-9vdxr5053a]{font-size:42px;color:#ffc400}.loading-shell[b-9vdxr5053a]{display:block;padding:30px}.skeleton[b-9vdxr5053a]{background:linear-gradient(90deg,#0d1822,#172634,#0d1822);background-size:200%;animation:sh-b-9vdxr5053a 1.2s infinite;border-radius:12px}.skeleton.hero[b-9vdxr5053a]{height:70px}.skeleton.kpi[b-9vdxr5053a]{height:120px}.skeleton.body[b-9vdxr5053a]{height:500px;margin-top:15px}@keyframes sh-b-9vdxr5053a{to{background-position:-200%}}footer[b-9vdxr5053a]{display:flex;justify-content:space-between;padding:13px 8px 0;color:#aeb8c2;font-size:11px}
@media(max-width:1250px){.pro-shell[b-9vdxr5053a]{grid-template-columns:220px 1fr}.rightbar[b-9vdxr5053a]{grid-column:2;padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rightbar .panel[b-9vdxr5053a]{margin:0}.kpi-grid[b-9vdxr5053a]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.pro-shell[b-9vdxr5053a]{display:block}.sidebar[b-9vdxr5053a]{border-right:0}.sidebar nav[b-9vdxr5053a]{grid-template-columns:repeat(3,1fr)}.logout-button[b-9vdxr5053a]{margin-top:0}.dashboard-grid[b-9vdxr5053a]{grid-template-columns:1fr}.kpi-grid[b-9vdxr5053a]{grid-template-columns:repeat(2,1fr)}.rightbar[b-9vdxr5053a]{display:block;padding:0 20px 20px}.rightbar .panel[b-9vdxr5053a]{margin-bottom:12px}.topbar[b-9vdxr5053a]{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.pro-main[b-9vdxr5053a]{padding:15px 10px}.sidebar nav[b-9vdxr5053a]{grid-template-columns:repeat(2,1fr)}.kpi-grid[b-9vdxr5053a]{grid-template-columns:1fr}.top-actions span[b-9vdxr5053a]{display:none}.agenda-row[b-9vdxr5053a]{grid-template-columns:68px 34px 1fr}.agenda-row .status[b-9vdxr5053a]{grid-column:3;width:max-content}.action-grid[b-9vdxr5053a]{grid-template-columns:repeat(2,1fr)}footer[b-9vdxr5053a]{display:block}.dashboard-grid[b-9vdxr5053a]{display:block}.dashboard-grid>.panel[b-9vdxr5053a]{margin-bottom:12px}}

/* =========================================================
   LEGIBILIDAD - TEXTO PRINCIPAL BLANCO
   Evita textos grises en el dashboard del Profesional.
   ========================================================= */
.pro-shell p[b-9vdxr5053a],.pro-shell small[b-9vdxr5053a],.pro-shell time[b-9vdxr5053a],.pro-shell footer[b-9vdxr5053a],.pro-shell .brand small[b-9vdxr5053a],.pro-shell .profile-card small[b-9vdxr5053a],.pro-shell .kpi-card small[b-9vdxr5053a],.pro-shell .agenda-row small[b-9vdxr5053a],.pro-shell .simple-list small[b-9vdxr5053a],.pro-shell .activity-list small[b-9vdxr5053a],.pro-shell .next-client small[b-9vdxr5053a],.pro-shell .tip small[b-9vdxr5053a],.pro-shell .empty[b-9vdxr5053a]{color:#fff}

/* =========================================================
   ESTÁNDAR VISUAL TURNO YA - TEXTOS BLANCOS
   ========================================================= */
.pro-shell[b-9vdxr5053a],
.pro-shell h1[b-9vdxr5053a],.pro-shell h2[b-9vdxr5053a],.pro-shell h3[b-9vdxr5053a],.pro-shell h4[b-9vdxr5053a],
.pro-shell p[b-9vdxr5053a],.pro-shell small[b-9vdxr5053a],.pro-shell time[b-9vdxr5053a],.pro-shell label[b-9vdxr5053a],
.pro-shell .panel[b-9vdxr5053a],.pro-shell .profile-card[b-9vdxr5053a],.pro-shell .kpi-card[b-9vdxr5053a],
.pro-shell .agenda-row[b-9vdxr5053a],.pro-shell .simple-list[b-9vdxr5053a],.pro-shell .activity-list[b-9vdxr5053a],
.pro-shell .next-client[b-9vdxr5053a],.pro-shell .tip[b-9vdxr5053a],.pro-shell .empty[b-9vdxr5053a],.pro-shell footer[b-9vdxr5053a] {
    color:#fff !important;
}
.pro-shell .brand small[b-9vdxr5053a],
.pro-shell .profile-card small[b-9vdxr5053a],
.pro-shell .kpi-card small[b-9vdxr5053a],
.pro-shell .agenda-row small[b-9vdxr5053a],
.pro-shell .simple-list small[b-9vdxr5053a],
.pro-shell .activity-list small[b-9vdxr5053a],
.pro-shell .next-client small[b-9vdxr5053a],
.pro-shell .tip small[b-9vdxr5053a],
.pro-shell .empty[b-9vdxr5053a] {
    color:#fff !important;
}
.pro-shell .positive[b-9vdxr5053a]{color:#37df70 !important;}
.pro-shell .negative[b-9vdxr5053a]{color:#ff6470 !important;}
.pro-shell .money[b-9vdxr5053a]{color:#4ce582 !important;}
.pro-shell footer b[b-9vdxr5053a]{color:#ffd000 !important;}

/* =========================================================
   MENÚ HAMBURGUESA RESPONSIVE - TURNO YA
   ========================================================= */
.mobile-topbar[b-9vdxr5053a],.mobile-sidebar-head[b-9vdxr5053a],.mobile-menu-backdrop[b-9vdxr5053a]{display:none}
@media(max-width:900px){
  .mobile-topbar[b-9vdxr5053a]{display:flex!important;position:sticky;top:0;z-index:900;height:58px;align-items:center;gap:12px;padding:8px 12px;background:#030a11;border-bottom:1px solid #243442;color:#fff}
  .mobile-topbar strong[b-9vdxr5053a]{font-size:18px}.mobile-topbar b[b-9vdxr5053a]{color:#ffc400}
  .hamburger-button[b-9vdxr5053a],.mobile-sidebar-head button[b-9vdxr5053a]{width:42px;height:42px;border:1px solid #344554;border-radius:9px;background:#09141e;color:#fff;font-size:22px;cursor:pointer}
  .mobile-menu-backdrop[b-9vdxr5053a]{display:none}
  .mobile-menu-open .mobile-menu-backdrop[b-9vdxr5053a]{display:block!important;position:fixed;inset:0;z-index:1000;border:0;background:rgba(0,0,0,.68)}
  .sidebar[b-9vdxr5053a]{position:fixed!important;left:0;top:0;bottom:0;z-index:1001;width:min(86vw,310px)!important;height:100dvh!important;min-height:0!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#030a11!important;border-right:1px solid #2b3b49!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px #0009}
  .mobile-menu-open .sidebar[b-9vdxr5053a]{transform:translateX(0)}
  .mobile-sidebar-head[b-9vdxr5053a]{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:8px}
  .sidebar nav[b-9vdxr5053a]{display:flex!important;flex-direction:column!important;gap:4px!important}
  .sidebar nav a[b-9vdxr5053a]{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .logout-button[b-9vdxr5053a]{display:flex!important;font-size:inherit!important;margin-top:14px!important}
  .profile-card[b-9vdxr5053a],.profile[b-9vdxr5053a]{margin-top:14px!important}
}
@media(max-width:600px){
  .pro-main[b-9vdxr5053a],.client-page[b-9vdxr5053a],.affiliate-main[b-9vdxr5053a]{width:100%;max-width:100vw;overflow-x:hidden;padding-left:10px!important;padding-right:10px!important}
}


/* =========================================================
   CALIFICACIÓN DEL CLIENTE - PROFESIONAL
   ========================================================= */
.customer-ratings-panel[b-9vdxr5053a]{margin-top:12px}
.customer-ratings-panel .panel-title>div small[b-9vdxr5053a]{display:block;margin-top:3px;color:#91a3af!important;font-size:10px}
.pending-rating-list[b-9vdxr5053a]{display:grid;gap:8px}
.pending-rating-list article[b-9vdxr5053a]{display:grid;grid-template-columns:34px minmax(160px,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid #293d4b;border-radius:10px;background:#081720}
.pending-rating-copy[b-9vdxr5053a]{min-width:0}
.pending-rating-copy strong[b-9vdxr5053a],.pending-rating-copy small[b-9vdxr5053a],.pending-rating-copy span[b-9vdxr5053a]{display:block}
.pending-rating-copy small[b-9vdxr5053a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9c5cc!important}
.pending-rating-copy span[b-9vdxr5053a]{margin-top:3px;color:#718794;font-size:9px}
.pending-rating-list article>button[b-9vdxr5053a]{border:1px solid #9451bf;border-radius:9px;padding:8px 11px;background:#28143a;color:#e1aeff;font-size:10px;font-weight:800;cursor:pointer}
.pending-rating-list article>button:hover[b-9vdxr5053a]{background:#3b1c55}

.pro-rating-backdrop[b-9vdxr5053a]{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(6px)}
.pro-rating-modal[b-9vdxr5053a]{position:relative;width:min(560px,94vw);padding:28px;border:1px solid #354856;border-radius:18px;background:radial-gradient(circle at 90% 0,#2b1746aa,transparent 35%),linear-gradient(180deg,#0b1c27,#07141d);box-shadow:0 28px 80px #0009;color:#fff}
.pro-rating-close[b-9vdxr5053a]{position:absolute;right:14px;top:14px;width:36px;height:36px;border:1px solid #425563;border-radius:10px;background:#091821;color:#fff;font-size:20px;cursor:pointer}
.pro-rating-eyebrow[b-9vdxr5053a]{display:block;color:#c07bea;font-size:9px;font-weight:900;letter-spacing:.13em}
.pro-rating-modal h2[b-9vdxr5053a]{margin:6px 0 5px;font-size:25px}
.pro-rating-modal>p[b-9vdxr5053a]{margin:0 0 17px;color:#a7b5be!important}
.pro-rating-categories[b-9vdxr5053a]{display:grid;gap:8px}
.pro-rating-row[b-9vdxr5053a]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border:1px solid #2e424f;border-radius:10px;background:#081720}
.pro-rating-row>div[b-9vdxr5053a]{display:flex;gap:4px}
.pro-rating-row button[b-9vdxr5053a]{width:34px;height:34px;border:1px solid #354957;border-radius:8px;background:#07151d;color:#3e4e58;font-size:17px;cursor:pointer}
.pro-rating-row button:hover[b-9vdxr5053a],.pro-rating-row button.selected[b-9vdxr5053a]{border-color:#d8a32d;background:#392b0d;color:#ffd15b}
.pro-rating-comment[b-9vdxr5053a]{display:block;margin-top:14px;font-weight:700}
.pro-rating-comment small[b-9vdxr5053a]{color:#768a96!important;font-weight:400}
.pro-rating-comment textarea[b-9vdxr5053a]{width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #304653;border-radius:10px;background:#071720;color:#fff;resize:vertical;font:inherit}
.pro-rating-error[b-9vdxr5053a]{margin-top:10px;padding:9px 11px;border:1px solid #88383c;border-radius:9px;background:#401519;color:#ffb3b6}
.pro-rating-actions[b-9vdxr5053a]{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:15px}
.pro-rating-actions button[b-9vdxr5053a]{min-height:42px;border-radius:10px;font-weight:800;cursor:pointer}
.pro-rating-actions .cancel[b-9vdxr5053a]{border:1px solid #3d505d;background:#091720;color:#fff}
.pro-rating-actions .save[b-9vdxr5053a]{border:1px solid #9853c2;background:linear-gradient(135deg,#6c3094,#934ac0);color:#fff}
.pro-rating-actions button:disabled[b-9vdxr5053a]{opacity:.6;cursor:not-allowed}
@media(max-width:620px){.pending-rating-list article[b-9vdxr5053a]{grid-template-columns:34px 1fr}.pending-rating-list article>button[b-9vdxr5053a]{grid-column:1/-1}.pro-rating-row[b-9vdxr5053a]{align-items:flex-start;flex-direction:column}}
/* /Pages/Professional/OpenWork.razor.rz.scp.css */
*[b-m7n6o8xtxd]{box-sizing:border-box}.professional-openwork-shell[b-m7n6o8xtxd]{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:radial-gradient(circle at 52% 0,#07131f,#02080e 48%,#010508);color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif}.sidebar[b-m7n6o8xtxd]{min-height:100vh;padding:20px 14px;display:flex;flex-direction:column;gap:14px;border-right:1px solid #263442;background:rgba(2,9,15,.88)}.brand[b-m7n6o8xtxd]{display:flex;align-items:center;gap:12px;padding:0 10px 8px}.brand>span[b-m7n6o8xtxd]{font-size:43px;font-weight:900;font-style:italic;letter-spacing:-8px}.brand strong[b-m7n6o8xtxd]{font-size:21px}.brand b[b-m7n6o8xtxd],.mobile-topbar b[b-m7n6o8xtxd]{color:#ffc400}.brand small[b-m7n6o8xtxd]{display:block;color:#fff;font-size:10px}.professional-card[b-m7n6o8xtxd]{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #2a3a48;border-radius:12px;background:#07141e}.professional-card strong[b-m7n6o8xtxd],.professional-card small[b-m7n6o8xtxd],.professional-card span[b-m7n6o8xtxd]{display:block}.professional-card small[b-m7n6o8xtxd]{margin-top:2px;font-size:11px}.professional-card span[b-m7n6o8xtxd]{margin-top:4px;color:#23df78;font-size:10px}.avatar[b-m7n6o8xtxd]{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6b7c8e,#243b52);font-weight:800}.sidebar nav[b-m7n6o8xtxd]{display:grid;gap:4px}.sidebar nav a[b-m7n6o8xtxd]{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 13px;border-radius:9px;color:#fff;text-decoration:none;font-size:13px}.sidebar nav a i[b-m7n6o8xtxd]{width:21px;flex:0 0 21px;text-align:center;font-style:normal;font-size:17px}.sidebar nav a.active[b-m7n6o8xtxd]{background:linear-gradient(90deg,#463600,#2b2404);box-shadow:inset 0 0 0 1px #d9a900}.sidebar nav a.active i[b-m7n6o8xtxd]{color:#ffd000}.sidebar-tip[b-m7n6o8xtxd]{margin-top:4px;padding:16px;border:1px solid #4d3471;border-radius:12px;background:linear-gradient(145deg,#24133d,#12152c)}.sidebar-tip strong[b-m7n6o8xtxd]{display:block;font-size:14px}.sidebar-tip p[b-m7n6o8xtxd]{margin:8px 0 12px;color:#fff;font-size:11px;line-height:1.45}.sidebar-tip a[b-m7n6o8xtxd]{display:block;padding:9px 10px;border:1px solid #5a4b78;border-radius:8px;color:#fff;text-align:center;text-decoration:none;font-size:11px;font-weight:700}.logout-button[b-m7n6o8xtxd]{width:100%;margin-top:auto;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #334353;border-radius:9px;background:#08131d;color:#fff;cursor:pointer;font:inherit}.logout-button span[b-m7n6o8xtxd]{color:#ffc400;font-size:18px}.professional-openwork[b-m7n6o8xtxd]{min-width:0;min-height:100vh;padding:24px 28px 36px}.professional-openwork header[b-m7n6o8xtxd]{max-width:1180px}.professional-openwork header span[b-m7n6o8xtxd]{color:#ffc400;font-size:11px;font-weight:800}.professional-openwork h1[b-m7n6o8xtxd]{margin:4px 0;font-size:clamp(28px,3vw,36px)}.professional-openwork header p[b-m7n6o8xtxd],.card p[b-m7n6o8xtxd]{color:#c7d3de}.grid[b-m7n6o8xtxd]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;max-width:1180px;margin-top:16px}.card[b-m7n6o8xtxd]{min-width:0;background:#0a1a29;border:1px solid #263b4d;border-radius:14px;padding:18px}.card h2[b-m7n6o8xtxd]{margin:0 0 12px;color:#fff}.card.wide[b-m7n6o8xtxd]{grid-column:1/-1}.card label[b-m7n6o8xtxd]{display:block;margin:12px 0;color:#e8eef4}.card input[b-m7n6o8xtxd],.card select[b-m7n6o8xtxd],.card textarea[b-m7n6o8xtxd]{width:100%;box-sizing:border-box;background:#0d2030;color:#fff;border:1px solid #344b5e;border-radius:8px;padding:9px;margin-top:5px}.check[b-m7n6o8xtxd]{display:flex!important;gap:8px;align-items:flex-start}.check input[b-m7n6o8xtxd]{width:auto;margin-top:3px}.secondary[b-m7n6o8xtxd],.save[b-m7n6o8xtxd],.accept[b-m7n6o8xtxd],.reject[b-m7n6o8xtxd]{border:0;border-radius:8px;padding:9px 13px;cursor:pointer}.secondary[b-m7n6o8xtxd]{background:#173047;color:#fff}.save[b-m7n6o8xtxd],.accept[b-m7n6o8xtxd]{background:#ffc400;color:#111;font-weight:800}.reject[b-m7n6o8xtxd]{background:#56242c;color:#fff}.availability[b-m7n6o8xtxd]{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;margin:8px 0}.availability button[b-m7n6o8xtxd]{background:#56242c;color:#fff;border:0;border-radius:8px}.invitation[b-m7n6o8xtxd]{display:grid;grid-template-columns:2fr 1fr auto auto auto;gap:10px;align-items:center;border-top:1px solid #263b4d;padding:12px 0}.invitation small[b-m7n6o8xtxd]{display:block;color:#c7d3de}.coords[b-m7n6o8xtxd]{margin:10px 0;color:#75d99c}.message[b-m7n6o8xtxd]{max-width:1180px;background:#173047;padding:11px;border-radius:8px;margin:12px 0}.save[b-m7n6o8xtxd]{margin-top:16px}.mobile-topbar[b-m7n6o8xtxd],.mobile-menu-backdrop[b-m7n6o8xtxd],.mobile-sidebar-head[b-m7n6o8xtxd]{display:none}@media(max-width:980px){.professional-openwork-shell[b-m7n6o8xtxd]{display:block;padding-top:58px}.mobile-topbar[b-m7n6o8xtxd]{position:fixed;top:0;right:0;left:0;z-index:910;height:58px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #273746;background:#051019}.hamburger-button[b-m7n6o8xtxd]{width:40px;height:40px;border:1px solid #394b5b;border-radius:8px;background:#0a1823;color:#fff;cursor:pointer;font-size:22px}.sidebar[b-m7n6o8xtxd]{position:fixed;top:0;bottom:0;left:0;z-index:930;width:min(320px,86vw);overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 50px #0009}.mobile-menu-open .sidebar[b-m7n6o8xtxd]{transform:translateX(0)}.mobile-menu-backdrop[b-m7n6o8xtxd]{position:fixed;inset:0;z-index:920;border:0;background:#0009}.mobile-menu-open .mobile-menu-backdrop[b-m7n6o8xtxd]{display:block}.mobile-sidebar-head[b-m7n6o8xtxd]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.mobile-sidebar-head button[b-m7n6o8xtxd]{width:34px;height:34px;border:1px solid #344858;border-radius:8px;background:#0c1822;color:#fff;font-size:20px}.professional-openwork[b-m7n6o8xtxd]{padding:18px}.grid[b-m7n6o8xtxd]{grid-template-columns:1fr}.card.wide[b-m7n6o8xtxd]{grid-column:auto}}@media(max-width:680px){.professional-openwork[b-m7n6o8xtxd]{padding:14px}.availability[b-m7n6o8xtxd],.invitation[b-m7n6o8xtxd]{grid-template-columns:1fr}}.section-heading[b-m7n6o8xtxd]{display:flex;justify-content:space-between;gap:16px}.section-heading h2[b-m7n6o8xtxd]{margin-bottom:3px}.section-heading p[b-m7n6o8xtxd]{margin:0 0 10px;font-size:13px}.proposal-card[b-m7n6o8xtxd]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #263b4d}.proposal-main[b-m7n6o8xtxd]{min-width:0;flex:1}.proposal-title-row[b-m7n6o8xtxd]{display:flex;justify-content:space-between;gap:12px}.proposal-business[b-m7n6o8xtxd]{display:block;font-size:17px}.proposal-title-row small[b-m7n6o8xtxd]{display:block;margin-top:3px;color:#9fb0bf}.proposal-status[b-m7n6o8xtxd]{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}.proposal-status.pending[b-m7n6o8xtxd]{background:#4b3a04;color:#ffd84d}.proposal-status.accepted[b-m7n6o8xtxd]{background:#123d2a;color:#67e6a0}.proposal-status.rejected[b-m7n6o8xtxd]{background:#4a2028;color:#ff9aa8}.proposal-status.expired[b-m7n6o8xtxd]{background:#2b3540;color:#c5d0da}.proposal-summary[b-m7n6o8xtxd]{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;margin-top:12px}.proposal-summary>div[b-m7n6o8xtxd]{padding:10px 12px;border:1px solid #263b4d;border-radius:9px;background:#071521}.proposal-summary span[b-m7n6o8xtxd],.modal-detail-grid span[b-m7n6o8xtxd],.modal-message>span[b-m7n6o8xtxd],.modal-offer>span[b-m7n6o8xtxd]{display:block;color:#92a7b8;font-size:10px;text-transform:uppercase}.proposal-summary strong[b-m7n6o8xtxd]{display:block;margin-top:3px;font-size:13px}.proposal-summary .proposal-money strong[b-m7n6o8xtxd]{color:#ffd000;font-size:15px}.proposal-message[b-m7n6o8xtxd]{margin:10px 0 0!important;color:#d8e1e8!important}.proposal-actions[b-m7n6o8xtxd]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.details[b-m7n6o8xtxd]{border:1px solid #40576a;border-radius:8px;padding:9px 13px;background:#102538;color:#fff;cursor:pointer;font-weight:700}.proposal-modal-backdrop[b-m7n6o8xtxd]{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#000b}.proposal-modal[b-m7n6o8xtxd]{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;padding:26px;border:1px solid #345064;border-radius:15px;background:#0a1a29;color:#fff;box-shadow:0 24px 80px #000c}.proposal-modal-close[b-m7n6o8xtxd]{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#142a3c;color:#fff;font-size:22px}.modal-eyebrow[b-m7n6o8xtxd]{color:#ffc400;font-size:10px;font-weight:900}.proposal-modal h2[b-m7n6o8xtxd]{margin:5px 45px 0 0;font-size:25px}.modal-branch[b-m7n6o8xtxd]{color:#9fb0bf}.modal-offer[b-m7n6o8xtxd]{margin:18px 0;padding:18px;border:1px solid #5b4b0d;border-radius:12px;background:#211d07}.modal-offer strong[b-m7n6o8xtxd]{display:block;margin-top:5px;color:#ffd000;font-size:27px}.modal-detail-grid[b-m7n6o8xtxd]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-detail-grid>div[b-m7n6o8xtxd],.modal-message[b-m7n6o8xtxd]{padding:12px;border:1px solid #263b4d;border-radius:9px;background:#071521}.modal-detail-grid strong[b-m7n6o8xtxd]{display:block;margin-top:4px}.modal-message[b-m7n6o8xtxd]{margin-top:14px}.modal-message p[b-m7n6o8xtxd]{margin:7px 0 0;line-height:1.5;white-space:pre-wrap}.proposal-modal-actions[b-m7n6o8xtxd]{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.proposal-modal-actions .accept[b-m7n6o8xtxd]{min-width:150px}@media(max-width:760px){.proposal-card[b-m7n6o8xtxd]{align-items:stretch;flex-direction:column}.proposal-actions[b-m7n6o8xtxd]{justify-content:flex-start}.proposal-summary[b-m7n6o8xtxd],.modal-detail-grid[b-m7n6o8xtxd]{grid-template-columns:1fr}.proposal-modal-actions[b-m7n6o8xtxd]{flex-wrap:wrap}.proposal-modal-actions button[b-m7n6o8xtxd]{flex:1 1 auto}}
/* Propuestas recibidas: contraste reforzado para tema oscuro */
.proposal-card[b-m7n6o8xtxd],
.proposal-card .proposal-main[b-m7n6o8xtxd],
.proposal-card .proposal-business[b-m7n6o8xtxd],
.proposal-card .proposal-summary strong[b-m7n6o8xtxd],
.proposal-card .proposal-message[b-m7n6o8xtxd] {
    color: #ffffff !important;
}

.proposal-card .proposal-business[b-m7n6o8xtxd] {
    font-weight: 800;
}

.proposal-card .proposal-summary span[b-m7n6o8xtxd] {
    color: #d7e0e8 !important;
    font-weight: 700;
}

.proposal-card .proposal-summary strong[b-m7n6o8xtxd] {
    font-weight: 800;
}

.proposal-card .proposal-summary .proposal-money strong[b-m7n6o8xtxd] {
    color: #ffd000 !important;
    font-weight: 900;
}

.proposal-card .proposal-message[b-m7n6o8xtxd] {
    font-weight: 600;
}

.section-heading h2[b-m7n6o8xtxd],
.section-heading p[b-m7n6o8xtxd] {
    color: #ffffff !important;
}

.section-heading h2[b-m7n6o8xtxd] {
    font-weight: 800;
}

.section-heading p[b-m7n6o8xtxd] {
    font-weight: 500;
}
/* /Pages/Professional/Payments.razor.rz.scp.css */
/* =========================================================
   PAGOS Y COMISIONES PROFESIONAL - TURNO YA
   Mantiene el lenguaje visual del Dashboard profesional.
   ========================================================= */

*[b-6oz0uielem] {
    box-sizing: border-box;
}

.professional-payments-shell[b-6oz0uielem] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    background:
        radial-gradient(circle at 55% 0, #07131f, #02080e 50%, #010508);
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.sidebar[b-6oz0uielem] {
    min-height: 100vh;
    padding: 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-right: 1px solid #263442;
    background: rgba(2, 9, 15, 0.9);
}

.brand[b-6oz0uielem] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 10px 8px;
}

.brand > span[b-6oz0uielem] {
    font-size: 43px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -8px;
}

.brand strong[b-6oz0uielem] {
    font-size: 21px;
}

.brand b[b-6oz0uielem],
.mobile-topbar b[b-6oz0uielem] {
    color: #ffc400;
}

.brand small[b-6oz0uielem] {
    display: block;
    color: #ffffff;
    font-size: 10px;
}

.professional-card[b-6oz0uielem] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #2a3a48;
    border-radius: 12px;
    background: #07141e;
}

.professional-card strong[b-6oz0uielem],
.professional-card small[b-6oz0uielem],
.professional-card span[b-6oz0uielem] {
    display: block;
}

.professional-card small[b-6oz0uielem] {
    margin-top: 2px;
    font-size: 11px;
}

.professional-card span[b-6oz0uielem] {
    margin-top: 4px;
    color: #23df78;
    font-size: 10px;
}

.avatar[b-6oz0uielem] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #6b7c8e, #243b52);
    color: #ffffff;
    font-weight: 800;
}

.sidebar nav[b-6oz0uielem] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-6oz0uielem] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px 13px;
    border-radius: 9px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.sidebar nav a i[b-6oz0uielem] {
    width: 21px;
    flex: 0 0 21px;
    text-align: center;
    font-style: normal;
    font-size: 17px;
}

.sidebar nav a.active[b-6oz0uielem] {
    background: linear-gradient(90deg, #463600, #2b2404);
    box-shadow: inset 0 0 0 1px #d9a900;
}

.sidebar nav a.active i[b-6oz0uielem] {
    color: #ffd000;
}

.sidebar-tip[b-6oz0uielem] {
    margin-top: 4px;
    padding: 16px;
    border: 1px solid #4d3471;
    border-radius: 12px;
    background: linear-gradient(145deg, #24133d, #12152c);
}

.sidebar-tip strong[b-6oz0uielem] {
    display: block;
    font-size: 14px;
}

.sidebar-tip p[b-6oz0uielem] {
    margin: 8px 0 12px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.45;
}

.sidebar-tip a[b-6oz0uielem] {
    display: block;
    padding: 9px 10px;
    border: 1px solid #5a4b78;
    border-radius: 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}

.logout-button[b-6oz0uielem] {
    width: 100%;
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid #334353;
    border-radius: 9px;
    background: #08131d;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
}

.logout-button span[b-6oz0uielem] {
    color: #ffc400;
    font-size: 18px;
}

.payments-main[b-6oz0uielem] {
    min-width: 0;
    padding: 20px;
}

.payments-header[b-6oz0uielem] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.payments-header h1[b-6oz0uielem] {
    margin: 0;
    font-size: clamp(28px, 3vw, 36px);
}

.payments-header p[b-6oz0uielem] {
    margin: 4px 0 0;
    color: #d4dee8;
}

.export-button[b-6oz0uielem],
.apply-button[b-6oz0uielem] {
    min-height: 46px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffd025, #ffb800);
    color: #121212;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.panel[b-6oz0uielem],
.kpi-card[b-6oz0uielem] {
    border: 1px solid #293949;
    border-radius: 12px;
    background: linear-gradient(145deg, #0e1b28, #08131d);
    box-shadow: 0 12px 30px #0003;
}

.period-toolbar[b-6oz0uielem] {
    margin-bottom: 12px;
    padding: 14px;
    display: grid;
    grid-template-columns: 170px 170px minmax(260px, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.period-toolbar label[b-6oz0uielem] {
    display: grid;
    gap: 6px;
}

.period-toolbar label > span[b-6oz0uielem] {
    color: #dce6ee;
    font-size: 11px;
    font-weight: 700;
}

.period-toolbar input[b-6oz0uielem] {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #314658;
    border-radius: 8px;
    outline: none;
    background: #081721;
    color: #ffffff;
    font: inherit;
}

.search-field > div[b-6oz0uielem] {
    position: relative;
}

.search-field i[b-6oz0uielem] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffc400;
    font-style: normal;
}

.search-field input[b-6oz0uielem] {
    padding-left: 34px;
}

.message[b-6oz0uielem] {
    margin-bottom: 12px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px;
}

.message.error[b-6oz0uielem] {
    border: 1px solid #8d3f45;
    background: #40171b;
    color: #ffc2c5;
}

.kpi-grid[b-6oz0uielem] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.kpi-card[b-6oz0uielem] {
    min-height: 108px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.kpi-card > i[b-6oz0uielem] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #ffffff;
    font-style: normal;
    font-size: 22px;
    font-weight: 900;
}

.kpi-card i.green[b-6oz0uielem] {
    background: linear-gradient(145deg, #18b978, #0c7b52);
}

.kpi-card i.purple[b-6oz0uielem] {
    background: linear-gradient(145deg, #8e43dc, #5923a5);
}

.kpi-card i.yellow[b-6oz0uielem] {
    background: linear-gradient(145deg, #ffc400, #b48200);
    color: #111111;
}

.kpi-card i.blue[b-6oz0uielem] {
    background: linear-gradient(145deg, #2f7fea, #1351a6);
}

.kpi-card span[b-6oz0uielem],
.kpi-card strong[b-6oz0uielem],
.kpi-card small[b-6oz0uielem] {
    display: block;
}

.kpi-card span[b-6oz0uielem] {
    color: #dce6ef;
    font-size: 12px;
}

.kpi-card strong[b-6oz0uielem] {
    margin: 4px 0 3px;
    font-size: clamp(20px, 2vw, 27px);
}

.kpi-card small[b-6oz0uielem] {
    color: #9fb0bf;
    font-size: 11px;
}

.payments-dashboard-grid[b-6oz0uielem] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 315px;
    gap: 12px;
}

.payments-primary[b-6oz0uielem],
.payments-side[b-6oz0uielem] {
    min-width: 0;
    display: grid;
    gap: 12px;
    align-content: start;
}

.chart-panel[b-6oz0uielem],
.history-panel[b-6oz0uielem],
.service-panel[b-6oz0uielem],
.summary-panel[b-6oz0uielem],
.info-panel[b-6oz0uielem] {
    padding: 16px;
}

.panel-title-row[b-6oz0uielem] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.panel-title-row h2[b-6oz0uielem],
.summary-panel h2[b-6oz0uielem],
.info-panel h2[b-6oz0uielem] {
    margin: 0;
    font-size: 17px;
}

.panel-title-row p[b-6oz0uielem] {
    margin: 4px 0 0;
    color: #9fb0bf;
    font-size: 11px;
}

.legend[b-6oz0uielem] {
    display: flex;
    gap: 14px;
    color: #dce6ef;
    font-size: 11px;
}

.legend span[b-6oz0uielem] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.legend i[b-6oz0uielem] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.gross-dot[b-6oz0uielem] {
    background: #ffc400;
}

.commission-dot[b-6oz0uielem] {
    background: #8b97a4;
}

.bar-chart[b-6oz0uielem] {
    height: 250px;
    margin-top: 18px;
    padding: 12px 8px 0;
    display: grid;
    grid-template-columns: repeat(10, minmax(36px, 1fr));
    align-items: end;
    gap: 8px;
    border-bottom: 1px solid #334655;
    background:
        linear-gradient(#23374655 1px, transparent 1px);
    background-size: 100% 25%;
    overflow-x: auto;
}

.chart-column[b-6oz0uielem] {
    min-width: 42px;
    height: 100%;
    display: grid;
    grid-template-rows: 1fr 26px;
    gap: 4px;
}

.chart-bars[b-6oz0uielem] {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 4px;
}

.chart-bar[b-6oz0uielem] {
    width: 17px;
    min-height: 0;
    border-radius: 4px 4px 0 0;
}

.chart-bar.gross[b-6oz0uielem] {
    background: linear-gradient(180deg, #ffd11f, #e7a900);
}

.chart-bar.commission[b-6oz0uielem] {
    background: linear-gradient(180deg, #9da8b5, #596675);
}

.chart-column small[b-6oz0uielem] {
    color: #acbac6;
    text-align: center;
    white-space: nowrap;
    font-size: 9px;
}

.payments-table-wrap[b-6oz0uielem] {
    width: 100%;
    margin-top: 14px;
    overflow-x: auto;
}

.payments-table[b-6oz0uielem] {
    width: 100%;
    border-collapse: collapse;
    min-width: 940px;
}

.payments-table th[b-6oz0uielem] {
    padding: 10px 9px;
    border-bottom: 1px solid #304351;
    color: #b9c7d3;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
}

.payments-table td[b-6oz0uielem] {
    padding: 12px 9px;
    border-bottom: 1px solid #22313d;
    vertical-align: top;
    color: #f8fbfd;
    font-size: 12px;
}

.payments-table td strong[b-6oz0uielem],
.payments-table td small[b-6oz0uielem] {
    display: block;
}

.payments-table td small[b-6oz0uielem] {
    margin-top: 3px;
    color: #8fa2b1;
    font-size: 10px;
    line-height: 1.35;
}

.net-cell[b-6oz0uielem] {
    color: #26dd84 !important;
    font-weight: 800;
}

.status[b-6oz0uielem] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.status.approved[b-6oz0uielem] {
    background: #0d5e3c;
    color: #baffdb;
}

.status.pending[b-6oz0uielem] {
    background: #6d5100;
    color: #ffe795;
}

.status.failed[b-6oz0uielem] {
    background: #6b2027;
    color: #ffc1c6;
}

.status.refunded[b-6oz0uielem] {
    background: #243e65;
    color: #c2d9ff;
}

.status.neutral[b-6oz0uielem] {
    background: #344452;
    color: #e3eaf0;
}

.pagination[b-6oz0uielem] {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.pagination button[b-6oz0uielem] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #33495a;
    border-radius: 8px;
    background: #0a1822;
    color: #ffffff;
    cursor: pointer;
}

.pagination button:disabled[b-6oz0uielem] {
    opacity: .4;
    cursor: default;
}

.pagination span[b-6oz0uielem] {
    color: #9fb0bd;
    font-size: 11px;
}

.service-breakdown[b-6oz0uielem] {
    margin-top: 14px;
    display: grid;
    gap: 14px;
}

.service-breakdown-item > div:first-child[b-6oz0uielem] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.service-breakdown-item strong[b-6oz0uielem] {
    font-size: 12px;
}

.service-breakdown-item span[b-6oz0uielem],
.service-breakdown-item small[b-6oz0uielem] {
    color: #9fb0bd;
    font-size: 10px;
}

.service-breakdown-item small[b-6oz0uielem] {
    display: block;
    margin-top: 5px;
}

.progress-track[b-6oz0uielem] {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #1b2c39;
}

.progress-track span[b-6oz0uielem] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffc400, #ff9f00);
}

.summary-panel[b-6oz0uielem] {
    display: grid;
    gap: 4px;
}

.summary-panel h2[b-6oz0uielem] {
    margin-bottom: 8px;
}

.summary-row[b-6oz0uielem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid #243543;
    font-size: 12px;
}

.summary-row span[b-6oz0uielem] {
    color: #bac8d3;
}

.summary-row.total[b-6oz0uielem] {
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid #5b4800;
    border-bottom: 0;
}

.summary-row.total strong[b-6oz0uielem] {
    color: #ffd11f;
    font-size: 16px;
}

.info-panel[b-6oz0uielem] {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 110% 110%, #794117aa, transparent 44%),
        linear-gradient(145deg, #111d28, #0a141e);
}

.info-icon[b-6oz0uielem] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #ffc400;
    color: #151515;
    font-size: 22px;
    font-weight: 900;
}

.info-panel p[b-6oz0uielem] {
    color: #c2ced8;
    font-size: 11px;
    line-height: 1.55;
}

.info-panel .info-note[b-6oz0uielem] {
    color: #95a7b6;
}

.info-panel a[b-6oz0uielem] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    padding: 0 12px;
    border: 1px solid #3a4d5c;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}

.empty-state[b-6oz0uielem] {
    min-height: 150px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    color: #dce6ee;
    text-align: center;
}

.empty-state.compact[b-6oz0uielem] {
    min-height: 130px;
}

.empty-state span[b-6oz0uielem],
.table-loading[b-6oz0uielem] {
    color: #8fa2b1;
    font-size: 11px;
}

.table-loading[b-6oz0uielem] {
    padding: 30px 0;
    text-align: center;
}

.page-footer[b-6oz0uielem] {
    margin-top: 18px;
    padding: 12px 2px 4px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #a7b5c1;
    font-size: 9px;
}

.professional-payments-loading[b-6oz0uielem],
.professional-payments-error[b-6oz0uielem] {
    min-height: 100vh;
    padding: 28px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 12px;
    background: #02080e;
    color: #ffffff;
}

.professional-payments-error button[b-6oz0uielem] {
    padding: 10px 18px;
    border: 0;
    border-radius: 8px;
    background: #ffc400;
    color: #151515;
    font-weight: 900;
    cursor: pointer;
}

.error-icon[b-6oz0uielem] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #962d36;
    font-size: 26px;
    font-weight: 900;
}

.payments-skeleton[b-6oz0uielem] {
    width: min(1180px, 92vw);
    border-radius: 12px;
    background: linear-gradient(90deg, #0a1822, #152b3c, #0a1822);
    background-size: 200% 100%;
    animation: shimmer-b-6oz0uielem 1.3s linear infinite;
}

.payments-skeleton.title[b-6oz0uielem] {
    height: 64px;
}

.payments-skeleton.cards[b-6oz0uielem] {
    height: 120px;
}

.payments-skeleton.body[b-6oz0uielem] {
    height: 440px;
}

.mobile-topbar[b-6oz0uielem],
.mobile-sidebar-head[b-6oz0uielem],
.mobile-menu-backdrop[b-6oz0uielem] {
    display: none;
}

@keyframes shimmer-b-6oz0uielem {
    to {
        background-position: -200% 0;
    }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1180px) {
    .kpi-grid[b-6oz0uielem] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .payments-dashboard-grid[b-6oz0uielem] {
        grid-template-columns: 1fr;
    }

    .payments-side[b-6oz0uielem] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .period-toolbar[b-6oz0uielem] {
        grid-template-columns: 1fr 1fr;
    }

    .search-field[b-6oz0uielem] {
        grid-column: 1 / -2;
    }
}

@media (max-width: 900px) {
    .professional-payments-shell[b-6oz0uielem] {
        grid-template-columns: 1fr;
        padding-top: 58px;
    }

    .mobile-topbar[b-6oz0uielem] {
        position: fixed;
        inset: 0 0 auto 0;
        z-index: 60;
        height: 58px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        gap: 14px;
        border-bottom: 1px solid #263744;
        background: #031019;
    }

    .hamburger-button[b-6oz0uielem] {
        width: 38px;
        height: 38px;
        border: 1px solid #344858;
        border-radius: 8px;
        background: #091721;
        color: #ffffff;
        font-size: 20px;
        cursor: pointer;
    }

    .sidebar[b-6oz0uielem] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 80;
        width: min(310px, 86vw);
        height: 100vh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        overflow-y: auto;
        box-shadow: 16px 0 50px #0009;
    }

    .professional-payments-shell.mobile-menu-open .sidebar[b-6oz0uielem] {
        transform: translateX(0);
    }

    .mobile-sidebar-head[b-6oz0uielem] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 4px;
    }

    .mobile-sidebar-head button[b-6oz0uielem] {
        width: 34px;
        height: 34px;
        border: 1px solid #334756;
        border-radius: 8px;
        background: #091721;
        color: #ffffff;
        cursor: pointer;
    }

    .mobile-menu-backdrop[b-6oz0uielem] {
        position: fixed;
        inset: 0;
        z-index: 70;
        border: 0;
        background: #000a;
    }

    .professional-payments-shell.mobile-menu-open .mobile-menu-backdrop[b-6oz0uielem] {
        display: block;
    }

    .payments-main[b-6oz0uielem] {
        padding: 16px;
    }
}

/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 680px) {
    .payments-header[b-6oz0uielem] {
        display: grid;
    }

    .export-button[b-6oz0uielem] {
        width: 100%;
    }

    .period-toolbar[b-6oz0uielem] {
        grid-template-columns: 1fr;
    }

    .search-field[b-6oz0uielem] {
        grid-column: auto;
    }

    .kpi-grid[b-6oz0uielem],
    .payments-side[b-6oz0uielem] {
        grid-template-columns: 1fr;
    }

    .kpi-card[b-6oz0uielem] {
        min-height: 96px;
    }

    .panel-title-row[b-6oz0uielem],
    .legend[b-6oz0uielem] {
        display: grid;
    }

    .bar-chart[b-6oz0uielem] {
        grid-template-columns: repeat(10, 52px);
    }

    .payments-table-wrap[b-6oz0uielem] {
        overflow: visible;
    }

    .payments-table[b-6oz0uielem] {
        min-width: 0;
    }

    .payments-table thead[b-6oz0uielem] {
        display: none;
    }

    .payments-table[b-6oz0uielem],
    .payments-table tbody[b-6oz0uielem],
    .payments-table tr[b-6oz0uielem],
    .payments-table td[b-6oz0uielem] {
        display: block;
        width: 100%;
    }

    .payments-table tr[b-6oz0uielem] {
        margin: 0 0 12px;
        padding: 10px 12px;
        border: 1px solid #2a3c4b;
        border-radius: 10px;
        background: #081721;
    }

    .payments-table td[b-6oz0uielem] {
        padding: 8px 0;
        display: grid;
        grid-template-columns: minmax(110px, 38%) 1fr;
        gap: 10px;
        border-bottom: 1px solid #21303c;
        text-align: right;
    }

    .payments-table td[b-6oz0uielem]::before {
        content: attr(data-label);
        color: #91a4b3;
        text-align: left;
        font-size: 10px;
        font-weight: 800;
    }

    .payments-table td:last-child[b-6oz0uielem] {
        border-bottom: 0;
    }

    .pagination[b-6oz0uielem] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .page-footer[b-6oz0uielem] {
        display: grid;
    }
}
/* /Pages/Professional/Promotions.razor.rz.scp.css */
:root[b-rry3ysbzy2] { color-scheme: dark; }

.professional-promotions-shell[b-rry3ysbzy2],
.professional-promotions-loading[b-rry3ysbzy2],
.professional-promotions-error[b-rry3ysbzy2] {
    min-height: 100vh;
    background: #02070c;
    color: #f8fafc;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.professional-promotions-shell[b-rry3ysbzy2] { display: grid; grid-template-columns: 184px minmax(0, 1fr); }
.mobile-topbar[b-rry3ysbzy2], .mobile-menu-backdrop[b-rry3ysbzy2], .mobile-sidebar-head[b-rry3ysbzy2] { display: none; }

.sidebar[b-rry3ysbzy2] {
    position: sticky; top: 0; height: 100vh; overflow-y: auto;
    padding: 18px 14px; background: #07131f; border-right: 1px solid #1b3041;
    display: flex; flex-direction: column; gap: 16px;
}
.brand[b-rry3ysbzy2] { display: flex; align-items: center; gap: 10px; }
.brand > span[b-rry3ysbzy2] { font-weight: 900; font-size: 24px; color: #ffca05; }
.brand strong[b-rry3ysbzy2] { font-size: 17px; }.brand b[b-rry3ysbzy2] { color: #ffca05; }.brand small[b-rry3ysbzy2] { display:block; color:#8595a6; font-size:8px; text-transform:uppercase; }
.professional-card[b-rry3ysbzy2] { display:flex; gap:10px; padding:12px; border:1px solid #20384a; border-radius:10px; background:#0a1823; }
.avatar[b-rry3ysbzy2] { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#64748b,#1e293b); font-weight:800; font-size:11px; }
.professional-card strong[b-rry3ysbzy2] { display:block; font-size:12px; }.professional-card small[b-rry3ysbzy2] { display:block; font-size:9px; }.professional-card span[b-rry3ysbzy2] { color:#18d66b; font-size:9px; }
.sidebar nav[b-rry3ysbzy2] { display:flex; flex-direction:column; gap:4px; }
.sidebar nav a[b-rry3ysbzy2] { display:flex; gap:10px; align-items:center; min-height:36px; padding:0 10px; border-radius:8px; text-decoration:none; color:#e5edf4; font-size:11px; }
.sidebar nav a:hover[b-rry3ysbzy2] { background:#0c1c29; }.sidebar nav a.active[b-rry3ysbzy2] { color:#ffca05; border:1px solid #e3aa00; background:linear-gradient(90deg,#49380055,#241d0055); }
.sidebar nav i[b-rry3ysbzy2] { width:16px; text-align:center; font-style:normal; }
.sidebar-tip[b-rry3ysbzy2] { margin-top:auto; padding:14px; border:1px solid #543c7d; border-radius:10px; background:linear-gradient(145deg,#32144d,#11152d); }
.sidebar-tip strong[b-rry3ysbzy2] { font-size:11px; }.sidebar-tip p[b-rry3ysbzy2] { color:#d5d9e2; font-size:9px; line-height:1.5; }.sidebar-tip a[b-rry3ysbzy2] { display:block; text-align:center; color:white; border:1px solid #6c5a8c; border-radius:7px; padding:8px; text-decoration:none; font-size:9px; }
.logout-button[b-rry3ysbzy2] { border:1px solid #233a4d; background:#0a1722; color:#d7e0e8; border-radius:8px; padding:9px; }

.promotions-main[b-rry3ysbzy2] { padding:18px 16px 12px; min-width:0; }
.promotions-header[b-rry3ysbzy2] { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:14px; }
.promotions-header h1[b-rry3ysbzy2] { margin:0; font-size:27px; }.promotions-header p[b-rry3ysbzy2] { margin:4px 0 0; color:#b8c6d3; font-size:11px; }
.services-button[b-rry3ysbzy2] { background:#ffc400; color:#151000; font-weight:800; text-decoration:none; padding:10px 14px; border-radius:8px; font-size:11px; }
.panel[b-rry3ysbzy2], .kpi-card[b-rry3ysbzy2], .promotion-card[b-rry3ysbzy2] { background:#0b1924; border:1px solid #203748; border-radius:10px; }
.message.error[b-rry3ysbzy2] { margin-bottom:10px; padding:10px 12px; border-radius:8px; background:#4b151a; border:1px solid #7b2930; color:#ffd2d6; font-size:11px; }

.kpi-grid[b-rry3ysbzy2] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:10px; }
.kpi-card[b-rry3ysbzy2] { display:flex; align-items:center; gap:12px; padding:14px 12px; min-height:72px; }
.kpi-card i[b-rry3ysbzy2] { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; font-style:normal; font-weight:900; }
.kpi-card i.yellow[b-rry3ysbzy2] { background:#d6a500; color:#1f1700; }.kpi-card i.green[b-rry3ysbzy2] { background:#05985b; }.kpi-card i.blue[b-rry3ysbzy2] { background:#206ec8; }.kpi-card i.purple[b-rry3ysbzy2] { background:#8034c5; }
.kpi-card span[b-rry3ysbzy2],.kpi-card small[b-rry3ysbzy2] { display:block; }.kpi-card span[b-rry3ysbzy2] { font-size:10px; }.kpi-card strong[b-rry3ysbzy2] { display:block; font-size:21px; margin:2px 0; }.kpi-card small[b-rry3ysbzy2] { color:#9eb0bf; font-size:8px; }

.filters-panel[b-rry3ysbzy2] { padding:10px; display:flex; gap:12px; align-items:center; justify-content:space-between; margin-bottom:10px; }
.status-tabs[b-rry3ysbzy2] { display:flex; gap:6px; flex-wrap:wrap; }.status-tabs button[b-rry3ysbzy2] { border:1px solid #294253; background:#0b1823; color:#d8e1e8; border-radius:7px; padding:9px 13px; font-weight:700; font-size:10px; }.status-tabs button.active[b-rry3ysbzy2] { background:#ffc400; color:#181000; border-color:#ffc400; }
.search-field[b-rry3ysbzy2] { min-width:320px; flex:1; max-width:570px; display:flex; align-items:center; gap:8px; border:1px solid #294253; border-radius:7px; padding-left:10px; overflow:hidden; background:#07141e; }
.search-field > span[b-rry3ysbzy2] { color:#ffc400; }.search-field input[b-rry3ysbzy2] { flex:1; min-width:0; border:0; outline:0; background:transparent; color:#f7fafc; padding:9px 0; font-size:10px; }.search-field button[b-rry3ysbzy2] { align-self:stretch; border:0; background:#ffc400; color:#1a1200; font-weight:800; padding:0 14px; }

.content-grid[b-rry3ysbzy2] { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:10px; align-items:start; }
.section-heading[b-rry3ysbzy2] { display:flex; justify-content:space-between; align-items:end; margin:8px 2px 10px; }.section-heading h2[b-rry3ysbzy2] { margin:0; font-size:15px; }.section-heading p[b-rry3ysbzy2] { margin:2px 0 0; color:#8fa3b4; font-size:9px; }
.promotion-card-grid[b-rry3ysbzy2] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.promotion-card[b-rry3ysbzy2] { position:relative; overflow:hidden; padding:14px; min-height:250px; }.promo-accent[b-rry3ysbzy2] { position:absolute; left:0; top:0; bottom:0; width:4px; background:#ffc400; }.promotion-card.expired .promo-accent[b-rry3ysbzy2],.promotion-card.inactive .promo-accent[b-rry3ysbzy2] { background:#5b6b78; }.promotion-card.scheduled .promo-accent[b-rry3ysbzy2] { background:#3483e1; }
.promotion-card header[b-rry3ysbzy2] { display:flex; gap:12px; align-items:flex-start; }.discount-badge[b-rry3ysbzy2] { width:78px; min-width:78px; height:72px; display:grid; place-items:center; align-content:center; border-radius:12px; background:linear-gradient(145deg,#ffd520,#e7a800); color:#211700; }.discount-badge strong[b-rry3ysbzy2] { font-size:20px; }.discount-badge small[b-rry3ysbzy2] { font-size:8px; font-weight:800; }
.promo-title[b-rry3ysbzy2] { min-width:0; }.promo-title h3[b-rry3ysbzy2] { margin:5px 0 2px; font-size:15px; }.promo-title p[b-rry3ysbzy2] { margin:0; color:#9fb0bd; font-size:9px; }.promo-status[b-rry3ysbzy2] { display:inline-flex; padding:4px 8px; border-radius:999px; font-size:8px; font-weight:800; background:#1d3b27; color:#5de18b; }.promo-status.scheduled[b-rry3ysbzy2] { background:#173653; color:#7fc2ff; }.promo-status.expired[b-rry3ysbzy2],.promo-status.inactive[b-rry3ysbzy2] { background:#2c3338; color:#b2bec8; }
.description[b-rry3ysbzy2] { color:#c7d2db; font-size:10px; line-height:1.5; min-height:43px; }
.promo-meta[b-rry3ysbzy2] { display:grid; gap:6px; padding:10px 0; border-top:1px solid #183041; border-bottom:1px solid #183041; }.promo-meta span[b-rry3ysbzy2] { font-size:9px; color:#b6c4d0; }.promo-meta b[b-rry3ysbzy2] { color:#ffc400; margin-right:5px; }
.promo-tags[b-rry3ysbzy2] { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0; }.promo-tags span[b-rry3ysbzy2] { font-size:8px; border:1px solid #2a4253; background:#0a151e; color:#d1dae2; border-radius:999px; padding:4px 7px; }
.promotion-card footer[b-rry3ysbzy2] { display:grid; grid-template-columns:1fr 1.3fr auto; gap:8px; align-items:end; }.promotion-card footer small[b-rry3ysbzy2] { display:block; color:#8599aa; font-size:7px; }.promotion-card footer strong[b-rry3ysbzy2] { font-size:11px; }.promotion-card footer button[b-rry3ysbzy2] { border:1px solid #355064; background:#0d1e2b; color:#fff; border-radius:7px; padding:8px 9px; font-size:9px; font-weight:700; }

.promotions-aside[b-rry3ysbzy2] { display:grid; gap:10px; }.promotions-aside .panel[b-rry3ysbzy2] { padding:14px; }.promotions-aside h2[b-rry3ysbzy2] { margin:0 0 10px; font-size:13px; }.summary-panel > div[b-rry3ysbzy2] { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid #1d3444; font-size:9px; }.summary-panel > div:last-child[b-rry3ysbzy2] { border-bottom:0; }.summary-panel strong[b-rry3ysbzy2] { color:#ffc400; }
.info-panel[b-rry3ysbzy2] { position:relative; }.info-icon[b-rry3ysbzy2] { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#ffc400; color:#211500; font-weight:900; margin-bottom:10px; }.info-panel p[b-rry3ysbzy2],.info-panel small[b-rry3ysbzy2] { color:#b8c5cf; font-size:9px; line-height:1.5; }.info-panel small[b-rry3ysbzy2] { display:block; color:#7890a1; }
.detail-head[b-rry3ysbzy2] { display:flex; justify-content:space-between; align-items:center; }.detail-head button[b-rry3ysbzy2] { border:0; background:transparent; color:#dbe4eb; font-size:18px; }.detail-panel > strong[b-rry3ysbzy2] { display:block; font-size:13px; }.detail-panel > p[b-rry3ysbzy2] { color:#91a5b5; font-size:9px; }.detail-panel dl[b-rry3ysbzy2] { margin:10px 0 0; }.detail-panel dl div[b-rry3ysbzy2] { display:flex; justify-content:space-between; gap:10px; padding:7px 0; border-bottom:1px solid #1c3343; }.detail-panel dt[b-rry3ysbzy2],.detail-panel dd[b-rry3ysbzy2] { margin:0; font-size:8px; }.detail-panel dt[b-rry3ysbzy2] { color:#8fa1af; }.detail-panel dd[b-rry3ysbzy2] { text-align:right; }
.pagination[b-rry3ysbzy2] { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:12px; }.pagination button[b-rry3ysbzy2] { width:32px; height:30px; border:1px solid #2d4658; border-radius:7px; background:#0b1823; color:#fff; }.pagination button:disabled[b-rry3ysbzy2] { opacity:.4; }.pagination span[b-rry3ysbzy2] { font-size:9px; color:#9dafbd; }
.empty-state[b-rry3ysbzy2],.loading-state[b-rry3ysbzy2] { min-height:220px; display:grid; place-items:center; align-content:center; text-align:center; padding:20px; }.empty-state > span[b-rry3ysbzy2] { color:#ffc400; font-size:28px; }.empty-state strong[b-rry3ysbzy2] { font-size:14px; }.empty-state p[b-rry3ysbzy2],.loading-state[b-rry3ysbzy2] { color:#8fa1b0; font-size:9px; }
.page-footer[b-rry3ysbzy2] { display:flex; justify-content:space-between; padding:24px 2px 4px; color:#8d9eac; font-size:8px; }

.professional-promotions-loading[b-rry3ysbzy2],.professional-promotions-error[b-rry3ysbzy2] { display:grid; place-items:center; align-content:center; gap:12px; padding:30px; text-align:center; }.promotion-skeleton[b-rry3ysbzy2] { background:#0c1a25; border:1px solid #1b3244; border-radius:10px; animation:pulse-b-rry3ysbzy2 1.2s infinite alternate; }.promotion-skeleton.title[b-rry3ysbzy2] { width:min(700px,90vw); height:55px; }.promotion-skeleton.cards[b-rry3ysbzy2] { width:min(1100px,90vw); height:100px; }.promotion-skeleton.body[b-rry3ysbzy2] { width:min(1100px,90vw); height:360px; }.professional-promotions-error button[b-rry3ysbzy2] { background:#ffc400; border:0; padding:10px 16px; border-radius:8px; font-weight:800; }.error-icon[b-rry3ysbzy2] { color:#ffc400; font-size:30px; }
@keyframes pulse-b-rry3ysbzy2 { from { opacity:.55; } to { opacity:1; } }

@media (max-width: 1180px) {
    .promotion-card-grid[b-rry3ysbzy2] { grid-template-columns:1fr; }
    .content-grid[b-rry3ysbzy2] { grid-template-columns:minmax(0,1fr) 220px; }
    .kpi-grid[b-rry3ysbzy2] { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 900px) {
    .professional-promotions-shell[b-rry3ysbzy2] { display:block; padding-top:54px; }
    .mobile-topbar[b-rry3ysbzy2] { position:fixed; z-index:60; top:0; left:0; right:0; height:54px; display:flex; align-items:center; gap:12px; padding:0 14px; background:#07131f; border-bottom:1px solid #1b3041; }.mobile-topbar b[b-rry3ysbzy2] { color:#ffc400; }.hamburger-button[b-rry3ysbzy2] { border:1px solid #2a4355; background:#0a1924; color:#fff; border-radius:8px; width:36px; height:36px; }
    .sidebar[b-rry3ysbzy2] { position:fixed; z-index:80; top:0; left:0; width:250px; height:100vh; transform:translateX(-105%); transition:transform .2s ease; }.mobile-menu-open .sidebar[b-rry3ysbzy2] { transform:translateX(0); }.mobile-sidebar-head[b-rry3ysbzy2] { display:flex; justify-content:space-between; }.mobile-sidebar-head button[b-rry3ysbzy2] { border:0; background:transparent; color:#fff; font-size:22px; }.mobile-menu-backdrop[b-rry3ysbzy2] { position:fixed; z-index:70; inset:0; display:none; border:0; background:#000a; }.mobile-menu-open .mobile-menu-backdrop[b-rry3ysbzy2] { display:block; }
    .content-grid[b-rry3ysbzy2] { grid-template-columns:1fr; }.promotions-aside[b-rry3ysbzy2] { grid-template-columns:repeat(2,1fr); }.detail-panel[b-rry3ysbzy2] { grid-column:1/-1; }
}

@media (max-width: 640px) {
    .promotions-main[b-rry3ysbzy2] { padding:12px 10px; }.promotions-header[b-rry3ysbzy2] { align-items:stretch; flex-direction:column; }.services-button[b-rry3ysbzy2] { text-align:center; }.kpi-grid[b-rry3ysbzy2] { grid-template-columns:1fr 1fr; }.kpi-card[b-rry3ysbzy2] { padding:10px; }.kpi-card strong[b-rry3ysbzy2] { font-size:17px; }
    .filters-panel[b-rry3ysbzy2] { align-items:stretch; flex-direction:column; }.status-tabs[b-rry3ysbzy2] { overflow-x:auto; flex-wrap:nowrap; }.status-tabs button[b-rry3ysbzy2] { white-space:nowrap; }.search-field[b-rry3ysbzy2] { min-width:0; width:100%; max-width:none; }
    .promotions-aside[b-rry3ysbzy2] { grid-template-columns:1fr; }.promotion-card footer[b-rry3ysbzy2] { grid-template-columns:1fr 1fr; }.promotion-card footer button[b-rry3ysbzy2] { grid-column:1/-1; }.page-footer[b-rry3ysbzy2] { flex-direction:column; gap:4px; text-align:center; }
}
/* /Pages/Professional/Services.razor.rz.scp.css */
/* =========================================================
   SERVICIOS PROFESIONAL - TURNO YA
   Reutiliza el lenguaje visual oscuro del Dashboard profesional.
   ========================================================= */

*[b-x8ova73ii8] {
    box-sizing: border-box;
}

.professional-services-shell[b-x8ova73ii8] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    background:
        radial-gradient(circle at 52% 0, #07131f, #02080e 48%, #010508);
    color: #ffffff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.sidebar[b-x8ova73ii8] {
    min-height: 100vh;
    padding: 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-right: 1px solid #263442;
    background: rgba(2, 9, 15, 0.88);
}

.brand[b-x8ova73ii8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 10px 8px;
}

.brand > span[b-x8ova73ii8] {
    font-size: 43px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -8px;
}

.brand strong[b-x8ova73ii8] {
    font-size: 21px;
}

.brand b[b-x8ova73ii8],
.mobile-topbar b[b-x8ova73ii8] {
    color: #ffc400;
}

.brand small[b-x8ova73ii8] {
    display: block;
    color: #ffffff;
    font-size: 10px;
}

.professional-card[b-x8ova73ii8] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #2a3a48;
    border-radius: 12px;
    background: #07141e;
}

.professional-card strong[b-x8ova73ii8],
.professional-card small[b-x8ova73ii8],
.professional-card span[b-x8ova73ii8] {
    display: block;
}

.professional-card small[b-x8ova73ii8] {
    margin-top: 2px;
    font-size: 11px;
}

.professional-card span[b-x8ova73ii8] {
    margin-top: 4px;
    color: #23df78;
    font-size: 10px;
}

.avatar[b-x8ova73ii8] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #6b7c8e, #243b52);
    color: #ffffff;
    font-weight: 800;
}

.sidebar nav[b-x8ova73ii8] {
    display: grid;
    gap: 4px;
}

.sidebar nav a[b-x8ova73ii8] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px 13px;
    border-radius: 9px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.sidebar nav a i[b-x8ova73ii8] {
    width: 21px;
    flex: 0 0 21px;
    text-align: center;
    font-style: normal;
    font-size: 17px;
}

.sidebar nav a.active[b-x8ova73ii8] {
    background: linear-gradient(90deg, #463600, #2b2404);
    box-shadow: inset 0 0 0 1px #d9a900;
}

.sidebar nav a.active i[b-x8ova73ii8] {
    color: #ffd000;
}

.sidebar-tip[b-x8ova73ii8] {
    margin-top: 4px;
    padding: 16px;
    border: 1px solid #4d3471;
    border-radius: 12px;
    background: linear-gradient(145deg, #24133d, #12152c);
}

.sidebar-tip strong[b-x8ova73ii8] {
    display: block;
    font-size: 14px;
}

.sidebar-tip p[b-x8ova73ii8] {
    margin: 8px 0 12px;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.45;
}

.sidebar-tip a[b-x8ova73ii8] {
    display: block;
    padding: 9px 10px;
    border: 1px solid #5a4b78;
    border-radius: 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}

.logout-button[b-x8ova73ii8] {
    width: 100%;
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid #334353;
    border-radius: 9px;
    background: #08131d;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
}

.logout-button span[b-x8ova73ii8] {
    color: #ffc400;
    font-size: 18px;
}

.services-main[b-x8ova73ii8] {
    min-width: 0;
    padding: 20px;
}

.services-header[b-x8ova73ii8] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.services-header h1[b-x8ova73ii8] {
    margin: 0;
    font-size: clamp(28px, 3vw, 36px);
}

.services-header p[b-x8ova73ii8] {
    margin: 4px 0 0;
    color: #d4dee8;
}

.agenda-button[b-x8ova73ii8] {
    min-height: 48px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffd025, #ffb800);
    color: #141414;
    font-weight: 900;
    cursor: pointer;
}

.message[b-x8ova73ii8] {
    margin-bottom: 12px;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px;
}

.message.error[b-x8ova73ii8] {
    border: 1px solid #8d3f45;
    background: #40171b;
    color: #ffc2c5;
}

.kpi-grid[b-x8ova73ii8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.kpi-card[b-x8ova73ii8],
.panel[b-x8ova73ii8] {
    border: 1px solid #293949;
    border-radius: 12px;
    background: linear-gradient(145deg, #0e1b28, #08131d);
    box-shadow: 0 12px 30px #0003;
}

.kpi-card[b-x8ova73ii8] {
    min-height: 108px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.kpi-card > i[b-x8ova73ii8] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    font-style: normal;
    font-size: 23px;
}

.kpi-card .yellow[b-x8ova73ii8] {
    background: #9d7600;
    color: #fff2af;
}

.kpi-card .blue[b-x8ova73ii8] {
    background: #1262cb;
    color: #b7d8ff;
}

.kpi-card .green[b-x8ova73ii8] {
    background: #0c8e52;
    color: #c4ffdf;
}

.kpi-card .purple[b-x8ova73ii8] {
    background: #6133a8;
    color: #e8d5ff;
}

.kpi-card span[b-x8ova73ii8],
.kpi-card small[b-x8ova73ii8] {
    display: block;
}

.kpi-card span[b-x8ova73ii8] {
    font-size: 12px;
    color: #f5f8fb;
}

.kpi-card strong[b-x8ova73ii8] {
    display: block;
    margin: 5px 0 3px;
    font-size: 24px;
}

.kpi-card small[b-x8ova73ii8] {
    color: #b9c6d2;
    font-size: 10px;
}

.services-layout[b-x8ova73ii8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 12px;
    align-items: start;
}

.services-primary[b-x8ova73ii8] {
    min-width: 0;
}

.filters-panel[b-x8ova73ii8] {
    padding: 16px;
    margin-bottom: 12px;
}

.panel-title-row[b-x8ova73ii8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.panel-title-row h2[b-x8ova73ii8],
.panel-title-row p[b-x8ova73ii8] {
    margin: 0;
}

.panel-title-row h2[b-x8ova73ii8] {
    font-size: 16px;
}

.panel-title-row p[b-x8ova73ii8] {
    margin-top: 3px;
    color: #aebdca;
    font-size: 11px;
}

.clear-filters[b-x8ova73ii8] {
    padding: 8px 11px;
    border: 1px solid #3a4b5c;
    border-radius: 8px;
    background: #0a1823;
    color: #ffffff;
    cursor: pointer;
}

.filters-grid[b-x8ova73ii8] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(150px, 1fr));
    gap: 10px;
}

.filters-grid label[b-x8ova73ii8] {
    display: grid;
    gap: 6px;
}

.filters-grid label > span[b-x8ova73ii8] {
    font-size: 11px;
    font-weight: 700;
}

.filters-grid input[b-x8ova73ii8],
.filters-grid select[b-x8ova73ii8] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #334757;
    border-radius: 8px;
    background: #091720;
    color: #ffffff;
    outline: none;
}

.filters-grid input[b-x8ova73ii8] {
    padding: 0 12px 0 34px;
}

.filters-grid select[b-x8ova73ii8] {
    padding: 0 10px;
}

.search-field > div[b-x8ova73ii8] {
    position: relative;
}

.search-field i[b-x8ova73ii8] {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffcd19;
    font-style: normal;
}

.service-grid[b-x8ova73ii8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.service-card[b-x8ova73ii8] {
    min-width: 0;
    overflow: hidden;
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    border: 1px solid #293949;
    border-radius: 12px;
    background: linear-gradient(145deg, #0d1a26, #08131d);
    box-shadow: 0 12px 30px #0003;
}

.service-media[b-x8ova73ii8] {
    position: relative;
    min-height: 220px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 20%, #3e2d05, #111b22 58%, #08131b);
}

.service-media img[b-x8ova73ii8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-media > span[b-x8ova73ii8] {
    color: #ffc400;
    font-size: 50px;
}

.service-media em[b-x8ova73ii8] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #0c8e52;
    color: #ffffff;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}

.service-content[b-x8ova73ii8] {
    min-width: 0;
    padding: 14px;
    display: flex;
    flex-direction: column;
}

.service-heading[b-x8ova73ii8] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.service-heading small[b-x8ova73ii8] {
    color: #ffcb19;
    font-size: 10px;
}

.service-heading h3[b-x8ova73ii8] {
    margin: 3px 0 0;
    font-size: 17px;
}

.service-heading > strong[b-x8ova73ii8] {
    flex: 0 0 auto;
    color: #ffffff;
    font-size: 16px;
}

.service-description[b-x8ova73ii8] {
    margin: 10px 0;
    min-height: 38px;
    color: #b8c4cf;
    font-size: 11px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.service-meta[b-x8ova73ii8] {
    display: grid;
    gap: 6px;
    margin: 2px 0 10px;
}

.service-meta span[b-x8ova73ii8] {
    color: #d8e1e9;
    font-size: 10px;
}

.mode-tags[b-x8ova73ii8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mode-tags span[b-x8ova73ii8] {
    padding: 5px 8px;
    border: 1px solid #3b4a58;
    border-radius: 999px;
    background: #101c27;
    color: #dce5ee;
    font-size: 10px;
}

.service-footer[b-x8ova73ii8] {
    margin-top: auto;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
    border-top: 1px solid #24333f;
}

.service-footer small[b-x8ova73ii8] {
    color: #8fa2b2;
    font-size: 9px;
}

.service-footer button[b-x8ova73ii8] {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #4a5d6d;
    border-radius: 8px;
    background: #0b1822;
    color: #ffffff;
    cursor: pointer;
    font-weight: 700;
}

.services-side[b-x8ova73ii8] {
    display: grid;
    gap: 12px;
}

.side-card[b-x8ova73ii8] {
    padding: 16px;
}

.side-title[b-x8ova73ii8] {
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.summary-row[b-x8ova73ii8] {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #273846;
    font-size: 12px;
}

.summary-row:last-child[b-x8ova73ii8] {
    border-bottom: 0;
}

.summary-row span[b-x8ova73ii8] {
    color: #bcc8d2;
}

.quick-actions button[b-x8ova73ii8],
.quick-actions a[b-x8ova73ii8] {
    width: 100%;
    display: block;
    padding: 11px 0;
    border: 0;
    border-bottom: 1px solid #273846;
    background: transparent;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
}

.quick-actions button:last-child[b-x8ova73ii8],
.quick-actions a:last-child[b-x8ova73ii8] {
    border-bottom: 0;
}

.info-card[b-x8ova73ii8] {
    padding: 16px;
}

.info-icon[b-x8ova73ii8] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #5e4700;
    color: #ffd62b;
    font-weight: 900;
}

.info-card h3[b-x8ova73ii8] {
    margin: 10px 0 6px;
    font-size: 14px;
}

.info-card p[b-x8ova73ii8] {
    margin: 0;
    color: #b9c6d2;
    font-size: 11px;
    line-height: 1.5;
}

.motivation-card[b-x8ova73ii8] {
    padding: 18px;
    border: 1px solid #35404a;
    border-radius: 12px;
    background:
        radial-gradient(circle at 100% 100%, #7e380b, transparent 48%),
        linear-gradient(145deg, #202329, #101720);
}

.motivation-card strong[b-x8ova73ii8] {
    font-size: 16px;
}

.motivation-card p[b-x8ova73ii8] {
    margin: 8px 0 14px;
    color: #d8dee5;
    font-size: 11px;
}

.motivation-card span[b-x8ova73ii8] {
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
}

.motivation-card b[b-x8ova73ii8] {
    color: #ffc400;
}

.pagination[b-x8ova73ii8] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pagination button[b-x8ova73ii8] {
    padding: 8px 12px;
    border: 1px solid #364959;
    border-radius: 8px;
    background: #0a1823;
    color: #ffffff;
    cursor: pointer;
}

.pagination button:disabled[b-x8ova73ii8] {
    opacity: .45;
    cursor: default;
}

.pagination span[b-x8ova73ii8] {
    color: #b9c6d2;
    font-size: 11px;
}

.empty-state[b-x8ova73ii8],
.list-loading[b-x8ova73ii8] {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
}

.empty-state[b-x8ova73ii8] {
    padding: 30px;
}

.empty-state > div[b-x8ova73ii8] {
    color: #ffc400;
    font-size: 35px;
}

.empty-state h3[b-x8ova73ii8] {
    margin: 8px 0 4px;
}

.empty-state p[b-x8ova73ii8] {
    color: #aebdca;
}

.empty-state button[b-x8ova73ii8] {
    margin-top: 8px;
    padding: 9px 14px;
    border: 0;
    border-radius: 8px;
    background: #ffc400;
    color: #151515;
    font-weight: 800;
    cursor: pointer;
}

.list-loading[b-x8ova73ii8] {
    color: #dce5ee;
}

.page-footer[b-x8ova73ii8] {
    margin-top: 26px;
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #cbd4dc;
    font-size: 10px;
}

.modal-backdrop[b-x8ova73ii8] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 18px;
    background: #000b;
    backdrop-filter: blur(4px);
}

.detail-modal[b-x8ova73ii8] {
    width: min(680px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    padding: 20px;
    border: 1px solid #3a4b5a;
    border-radius: 14px;
    background: #09151f;
    box-shadow: 0 24px 70px #0009;
}

.detail-modal header[b-x8ova73ii8] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.detail-modal header small[b-x8ova73ii8] {
    color: #ffc400;
}

.detail-modal header h2[b-x8ova73ii8] {
    margin: 3px 0;
}

.detail-modal header p[b-x8ova73ii8] {
    margin: 0;
    color: #aebbc6;
}

.detail-modal header button[b-x8ova73ii8] {
    width: 34px;
    height: 34px;
    border: 1px solid #40505d;
    border-radius: 8px;
    background: #101c25;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
}

.detail-price[b-x8ova73ii8] {
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #4d410b;
    border-radius: 10px;
    background: #2f2708;
}

.detail-price span[b-x8ova73ii8],
.detail-price small[b-x8ova73ii8] {
    display: block;
}

.detail-price span[b-x8ova73ii8],
.detail-price small[b-x8ova73ii8] {
    color: #d9cc86;
    font-size: 10px;
}

.detail-price strong[b-x8ova73ii8] {
    display: block;
    margin: 3px 0;
    color: #ffcf20;
    font-size: 26px;
}

.detail-grid[b-x8ova73ii8] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.detail-grid > div[b-x8ova73ii8] {
    padding: 12px;
    border: 1px solid #2e3e4b;
    border-radius: 9px;
    background: #0e1b25;
}

.detail-grid span[b-x8ova73ii8],
.detail-grid strong[b-x8ova73ii8] {
    display: block;
}

.detail-grid span[b-x8ova73ii8] {
    color: #9fadb8;
    font-size: 10px;
}

.detail-grid strong[b-x8ova73ii8] {
    margin-top: 3px;
    font-size: 13px;
}

.detail-section[b-x8ova73ii8] {
    margin-top: 16px;
}

.detail-section h3[b-x8ova73ii8] {
    margin: 0 0 8px;
    font-size: 13px;
}

.detail-section p[b-x8ova73ii8] {
    margin: 0;
    color: #c5d0d9;
    line-height: 1.55;
    font-size: 12px;
}

.detail-modal footer[b-x8ova73ii8] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 9px;
}

.detail-modal footer button[b-x8ova73ii8] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
}

.detail-modal footer .secondary[b-x8ova73ii8] {
    border: 1px solid #405362;
    background: #0d1a24;
    color: #ffffff;
}

.detail-modal footer .primary[b-x8ova73ii8] {
    border: 0;
    background: #ffc400;
    color: #181818;
}

.mobile-topbar[b-x8ova73ii8],
.mobile-menu-backdrop[b-x8ova73ii8],
.mobile-sidebar-head[b-x8ova73ii8] {
    display: none;
}

.professional-services-loading[b-x8ova73ii8],
.professional-services-error[b-x8ova73ii8] {
    min-height: 100vh;
    padding: 30px;
    display: grid;
    place-items: center;
    align-content: center;
    background: #02080e;
    color: #ffffff;
    text-align: center;
}

.professional-services-error .error-icon[b-x8ova73ii8] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #8b2f34;
    font-size: 24px;
    font-weight: 900;
}

.professional-services-error button[b-x8ova73ii8] {
    padding: 10px 16px;
    border: 0;
    border-radius: 8px;
    background: #ffc400;
    font-weight: 800;
    cursor: pointer;
}

.services-skeleton[b-x8ova73ii8] {
    width: min(1100px, 100%);
    border-radius: 12px;
    background: linear-gradient(90deg, #0c1923, #172938, #0c1923);
    background-size: 200% 100%;
    animation: servicesPulse-b-x8ova73ii8 1.2s infinite linear;
}

.services-skeleton.title[b-x8ova73ii8] {
    height: 58px;
}

.services-skeleton.cards[b-x8ova73ii8] {
    height: 110px;
    margin-top: 16px;
}

.services-skeleton.body[b-x8ova73ii8] {
    height: 420px;
    margin-top: 16px;
}

@keyframes servicesPulse-b-x8ova73ii8 {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (max-width: 1280px) {
    .kpi-grid[b-x8ova73ii8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services-layout[b-x8ova73ii8] {
        grid-template-columns: minmax(0, 1fr) 260px;
    }

    .service-grid[b-x8ova73ii8] {
        grid-template-columns: 1fr;
    }

    .filters-grid[b-x8ova73ii8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .professional-services-shell[b-x8ova73ii8] {
        display: block;
        padding-top: 58px;
    }

    .mobile-topbar[b-x8ova73ii8] {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 910;
        height: 58px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 14px;
        border-bottom: 1px solid #273746;
        background: #051019;
    }

    .mobile-topbar strong[b-x8ova73ii8] {
        font-size: 18px;
    }

    .hamburger-button[b-x8ova73ii8] {
        width: 40px;
        height: 40px;
        border: 1px solid #394b5b;
        border-radius: 8px;
        background: #0a1823;
        color: #ffffff;
        cursor: pointer;
        font-size: 22px;
    }

    .sidebar[b-x8ova73ii8] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 930;
        width: min(320px, 86vw);
        overflow-y: auto;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 18px 0 50px #0009;
    }

    .mobile-menu-open .sidebar[b-x8ova73ii8] {
        transform: translateX(0);
    }

    .mobile-menu-backdrop[b-x8ova73ii8] {
        position: fixed;
        inset: 0;
        z-index: 920;
        border: 0;
        background: #0009;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-x8ova73ii8] {
        display: block;
    }

    .mobile-sidebar-head[b-x8ova73ii8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4px;
    }

    .mobile-sidebar-head button[b-x8ova73ii8] {
        width: 34px;
        height: 34px;
        border: 1px solid #344858;
        border-radius: 8px;
        background: #0c1822;
        color: #ffffff;
        cursor: pointer;
        font-size: 20px;
    }

    .services-main[b-x8ova73ii8] {
        padding: 16px;
    }

    .services-layout[b-x8ova73ii8] {
        grid-template-columns: 1fr;
    }

    .services-side[b-x8ova73ii8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .motivation-card[b-x8ova73ii8] {
        grid-column: span 2;
    }
}

@media (max-width: 680px) {
    .services-main[b-x8ova73ii8] {
        padding: 12px;
    }

    .services-header[b-x8ova73ii8] {
        display: grid;
    }

    .agenda-button[b-x8ova73ii8] {
        width: 100%;
    }

    .kpi-grid[b-x8ova73ii8],
    .filters-grid[b-x8ova73ii8],
    .services-side[b-x8ova73ii8],
    .detail-grid[b-x8ova73ii8] {
        grid-template-columns: 1fr;
    }

    .motivation-card[b-x8ova73ii8] {
        grid-column: auto;
    }

    .service-card[b-x8ova73ii8] {
        grid-template-columns: 1fr;
    }

    .service-media[b-x8ova73ii8] {
        min-height: 175px;
        max-height: 210px;
    }

    .panel-title-row[b-x8ova73ii8],
    .service-heading[b-x8ova73ii8],
    .service-footer[b-x8ova73ii8],
    .page-footer[b-x8ova73ii8] {
        align-items: stretch;
        flex-direction: column;
    }

    .panel-title-row[b-x8ova73ii8],
    .service-heading[b-x8ova73ii8],
    .service-footer[b-x8ova73ii8],
    .page-footer[b-x8ova73ii8] {
        display: flex;
    }

    .clear-filters[b-x8ova73ii8] {
        width: 100%;
    }

    .service-heading > strong[b-x8ova73ii8] {
        margin-top: 4px;
    }

    .pagination[b-x8ova73ii8] {
        flex-wrap: wrap;
    }

    .detail-modal[b-x8ova73ii8] {
        padding: 16px;
    }
}
/* /Pages/Profile/MyProfile.razor.rz.scp.css */
:root[b-cr7y6nynhf]{color-scheme:dark}.profile-shell[b-cr7y6nynhf]{min-height:100vh;background:radial-gradient(circle at 60% 0,#08192c 0,#050b12 45%,#02070b 100%);color:#fff;display:grid;grid-template-columns:230px 1fr;font-family:Inter,Segoe UI,Arial,sans-serif}.profile-sidebar[b-cr7y6nynhf]{border-right:1px solid #203040;background:#030910;padding:22px 14px;display:flex;flex-direction:column;gap:18px;min-height:100vh}.brand[b-cr7y6nynhf]{display:flex;align-items:center;gap:10px;padding:0 8px 12px}.brand>span[b-cr7y6nynhf]{font-size:36px;font-weight:900;color:#fff}.brand>span[b-cr7y6nynhf]::first-letter{color:#fff}.brand strong[b-cr7y6nynhf]{font-size:23px}.brand b[b-cr7y6nynhf]{color:#ffc400}.brand small[b-cr7y6nynhf]{display:block;font-size:10px;margin-top:2px}.profile-sidebar nav[b-cr7y6nynhf]{display:flex;flex-direction:column;gap:5px}.profile-sidebar nav a[b-cr7y6nynhf]{color:#fff;text-decoration:none;padding:11px 13px;border-radius:10px;display:flex;gap:12px;align-items:center;font-size:14px}.profile-sidebar nav a:hover[b-cr7y6nynhf],.profile-sidebar nav a.active[b-cr7y6nynhf]{background:linear-gradient(90deg,#403000,#2b2300);outline:1px solid #5a4300}.profile-sidebar nav i[b-cr7y6nynhf]{font-style:normal;width:18px;color:#fff}.logout[b-cr7y6nynhf]{margin-top:auto;background:#261012;border:1px solid #5d2327;color:#fff;border-radius:10px;padding:11px 14px;text-align:left;cursor:pointer}.user-card[b-cr7y6nynhf]{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #263341;border-radius:12px;background:#071019}.avatar[b-cr7y6nynhf],.photo[b-cr7y6nynhf]{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#6e7f92,#202a36);font-weight:800}.avatar[b-cr7y6nynhf]{width:42px;height:42px}.user-card small[b-cr7y6nynhf]{display:block;margin-top:3px;color:#fff}.profile-main[b-cr7y6nynhf]{padding:24px 28px;max-width:1500px;width:100%;margin:0 auto}.page-header[b-cr7y6nynhf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-header h1[b-cr7y6nynhf]{font-size:28px;margin:0 0 4px}.page-header p[b-cr7y6nynhf]{margin:0;color:#fff}.header-actions[b-cr7y6nynhf]{display:flex;gap:10px;align-items:center}.bell[b-cr7y6nynhf],.date[b-cr7y6nynhf]{border:1px solid #273544;border-radius:12px;padding:12px 15px;background:#07111a;color:#fff}.card[b-cr7y6nynhf]{border:1px solid #263442;background:linear-gradient(160deg,#0b151e,#08111a);border-radius:14px;box-shadow:0 12px 30px #0004}.identity-card[b-cr7y6nynhf]{padding:16px 20px 0}.identity-top[b-cr7y6nynhf]{display:flex;align-items:center;gap:22px}.photo[b-cr7y6nynhf]{width:126px;height:126px;font-size:30px;position:relative}.photo span[b-cr7y6nynhf]{position:absolute;right:2px;bottom:4px;background:#1b2632;border:2px solid #0b151e;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.identity-copy[b-cr7y6nynhf]{flex:1}.identity-copy h2[b-cr7y6nynhf]{font-size:24px;margin:0 0 8px}.identity-copy h2 em[b-cr7y6nynhf]{color:#ffc400;font-style:normal}.badges[b-cr7y6nynhf]{display:flex;gap:8px;margin-bottom:10px}.badges span[b-cr7y6nynhf]{padding:5px 9px;border-radius:7px;font-size:12px}.role-badge[b-cr7y6nynhf]{background:#3b2e00;color:#ffd42a}.verified[b-cr7y6nynhf]{background:#2e184a;color:#fff}.identity-meta[b-cr7y6nynhf]{display:flex;gap:20px;margin:7px 0;color:#fff}.outline-button[b-cr7y6nynhf]{background:#08121b;border:1px solid #334250;color:#fff;border-radius:9px;padding:10px 14px}.outline-button.wide[b-cr7y6nynhf]{width:100%;display:flex;justify-content:space-between}.tabs[b-cr7y6nynhf]{display:flex;gap:34px;margin-top:18px;overflow:auto}.tabs button[b-cr7y6nynhf]{background:none;border:0;color:#fff;padding:13px 4px;border-bottom:3px solid transparent;white-space:nowrap}.tabs button.active[b-cr7y6nynhf]{border-color:#ffc400}.content-grid[b-cr7y6nynhf]{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:16px}.left-column[b-cr7y6nynhf],.right-column[b-cr7y6nynhf]{display:flex;flex-direction:column;gap:16px}.personal-card[b-cr7y6nynhf],.roles-card[b-cr7y6nynhf],.plan-card[b-cr7y6nynhf],.quick-card[b-cr7y6nynhf],.help-card[b-cr7y6nynhf]{padding:18px}.personal-card h2[b-cr7y6nynhf],.roles-card h2[b-cr7y6nynhf],.plan-card h2[b-cr7y6nynhf],.quick-card h2[b-cr7y6nynhf],.help-card h2[b-cr7y6nynhf]{font-size:17px;margin:0}.info-grid[b-cr7y6nynhf]{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:12px}.info-item[b-cr7y6nynhf]{display:flex;gap:12px;padding:13px 6px;border-bottom:1px solid #22313f}.info-item i[b-cr7y6nynhf]{font-style:normal;color:#ffc400}.info-item small[b-cr7y6nynhf],.info-item strong[b-cr7y6nynhf]{display:block}.info-item small[b-cr7y6nynhf]{font-size:11px;color:#fff;margin-bottom:4px}.info-item strong[b-cr7y6nynhf]{font-size:14px}.section-title[b-cr7y6nynhf]{display:flex;justify-content:space-between;gap:20px}.section-title p[b-cr7y6nynhf]{margin:4px 0 0;font-size:12px;color:#fff}.section-title>span[b-cr7y6nynhf]{font-size:12px;color:#4ea5ff}.roles-grid[b-cr7y6nynhf]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.role-card[b-cr7y6nynhf]{border:1px solid #293844;border-radius:12px;padding:14px;background:#0a131c;min-height:210px;display:flex;flex-direction:column}.role-card.owner[b-cr7y6nynhf]{border-color:#5c4800}.role-card.professional[b-cr7y6nynhf]{border-color:#123e6f}.role-card.customer[b-cr7y6nynhf]{border-color:#4d235e}.role-card.affiliate[b-cr7y6nynhf]{border-color:#194d33}.role-head[b-cr7y6nynhf]{display:flex;align-items:center;gap:8px}.role-icon[b-cr7y6nynhf]{font-size:26px;color:#ffc400}.role-head strong[b-cr7y6nynhf]{flex:1}.role-head em[b-cr7y6nynhf]{font-style:normal;font-size:11px;padding:4px 7px;border-radius:5px;background:#173820;color:#78f39b}.role-card:not(.is-active) .role-head em[b-cr7y6nynhf]{background:#222640;color:#bca8ff}.role-card p[b-cr7y6nynhf]{font-size:12px;line-height:1.45;color:#fff}.role-card small[b-cr7y6nynhf]{color:#fff;margin-top:auto}.role-action[b-cr7y6nynhf]{margin-top:12px;border:0;border-radius:8px;padding:10px;color:#fff;background:#1d4ca4;cursor:pointer}.role-card.owner .role-action[b-cr7y6nynhf]{background:#4a3900}.role-card.customer .role-action[b-cr7y6nynhf]{background:#51238a}.role-card.affiliate .role-action[b-cr7y6nynhf]{background:#08733f}.roles-note[b-cr7y6nynhf]{margin-top:10px;border:1px solid #263442;border-radius:9px;padding:10px;font-size:12px;color:#fff}.success-message[b-cr7y6nynhf]{margin-top:12px;background:#0d3522;border:1px solid #1f6c45;padding:10px;border-radius:8px}.card-title[b-cr7y6nynhf]{display:flex;justify-content:space-between;align-items:center}.card-title span[b-cr7y6nynhf]{background:#0b3d23;padding:4px 8px;border-radius:6px}.plan-main[b-cr7y6nynhf]{display:flex;align-items:center;gap:14px;padding:18px 0}.plan-main>i[b-cr7y6nynhf]{font-style:normal;font-size:42px;color:#ffc400;background:#2e2607;width:76px;height:76px;border-radius:50%;display:grid;place-items:center}.plan-main h3[b-cr7y6nynhf]{font-size:20px;margin:0 0 6px}.plan-main p[b-cr7y6nynhf],.plan-main small[b-cr7y6nynhf]{margin:0;color:#fff}.quick-card[b-cr7y6nynhf]{display:flex;flex-direction:column;gap:4px}.quick-card h2[b-cr7y6nynhf]{margin-bottom:10px}.quick-card>button[b-cr7y6nynhf]{display:grid;grid-template-columns:26px 1fr 12px;gap:8px;align-items:center;background:none;border:0;color:#fff;text-align:left;padding:12px 0;border-bottom:1px solid #22313f}.help-card[b-cr7y6nynhf]{display:flex;justify-content:space-between;align-items:center}.help-card p[b-cr7y6nynhf]{color:#fff}.help-card>i[b-cr7y6nynhf]{font-style:normal;font-size:36px;color:#ffc400;background:#2d2503;width:74px;height:74px;border-radius:50%;display:grid;place-items:center}.profile-error[b-cr7y6nynhf]{min-height:100vh;background:#050b12;color:#fff;display:grid;place-items:center;text-align:center;padding:40px}.profile-error button[b-cr7y6nynhf]{padding:10px 16px}.skeleton[b-cr7y6nynhf]{background:linear-gradient(90deg,#0a121a,#16212b,#0a121a);background-size:200% 100%;animation:shimmer-b-cr7y6nynhf 1.3s infinite}.loading-shell .hero[b-cr7y6nynhf]{height:180px;border-radius:14px}.loading-shell .section[b-cr7y6nynhf]{height:280px;border-radius:14px;margin-top:16px}@keyframes shimmer-b-cr7y6nynhf{to{background-position:-200% 0}}.modal-backdrop[b-cr7y6nynhf]{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:100;padding:20px}.owner-modal[b-cr7y6nynhf]{width:min(760px,96vw);max-height:92vh;overflow:auto;background:#09131c;border:1px solid #334250;border-radius:16px;color:#fff;box-shadow:0 30px 90px #000}.owner-modal header[b-cr7y6nynhf]{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #263442}.owner-modal header h2[b-cr7y6nynhf]{margin:0}.owner-modal header p[b-cr7y6nynhf]{margin:4px 0 0;color:#fff}.owner-modal header button[b-cr7y6nynhf]{background:none;border:0;color:#fff;font-size:26px}.form-grid[b-cr7y6nynhf]{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.form-grid label[b-cr7y6nynhf]{display:flex;flex-direction:column;gap:6px}.form-grid label.full[b-cr7y6nynhf]{grid-column:1/-1}.form-grid input[b-cr7y6nynhf],.form-grid select[b-cr7y6nynhf]{background:#050d14;border:1px solid #334250;color:#fff;border-radius:8px;padding:11px}.owner-modal footer[b-cr7y6nynhf]{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #263442}.owner-modal footer button[b-cr7y6nynhf]{padding:10px 15px;border-radius:8px;border:1px solid #334250;color:#fff}.owner-modal .cancel[b-cr7y6nynhf]{background:#111a22}.owner-modal .primary[b-cr7y6nynhf]{background:#9b7600;border-color:#bd9200}.modal-error[b-cr7y6nynhf]{margin:14px 20px 0;background:#481b1f;border:1px solid #8f3c43;padding:10px;border-radius:8px}
@media(max-width:1150px){.content-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.right-column[b-cr7y6nynhf]{display:grid;grid-template-columns:repeat(2,1fr)}.roles-grid[b-cr7y6nynhf]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.profile-shell[b-cr7y6nynhf]{grid-template-columns:1fr}.profile-sidebar[b-cr7y6nynhf]{min-height:auto;border-right:0;border-bottom:1px solid #22313f}.profile-sidebar nav[b-cr7y6nynhf]{display:grid;grid-template-columns:repeat(2,1fr)}.profile-main[b-cr7y6nynhf]{padding:18px}.identity-top[b-cr7y6nynhf]{align-items:flex-start;flex-wrap:wrap}.photo[b-cr7y6nynhf]{width:90px;height:90px}.info-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.right-column[b-cr7y6nynhf]{grid-template-columns:1fr}.page-header[b-cr7y6nynhf]{align-items:flex-start}.header-actions[b-cr7y6nynhf]{display:none}}
@media(max-width:600px){.roles-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.form-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.form-grid label.full[b-cr7y6nynhf]{grid-column:auto}.profile-sidebar nav[b-cr7y6nynhf]{grid-template-columns:1fr 1fr}.section-title[b-cr7y6nynhf]{flex-direction:column}.tabs[b-cr7y6nynhf]{gap:18px}}

/* =========================================================
   26. CONTRASTE DE TEXTO - MI PERFIL
   Evita textos grises/oscuros sobre el fondo premium.
   Los colores semánticos (dorado, verde, azul y morado)
   se conservan en badges, estados e indicadores.
   ========================================================= */
.profile-main[b-cr7y6nynhf],
.profile-main .card[b-cr7y6nynhf],
.profile-main h1[b-cr7y6nynhf],
.profile-main h2[b-cr7y6nynhf],
.profile-main h3[b-cr7y6nynhf],
.profile-main h4[b-cr7y6nynhf],
.profile-main p[b-cr7y6nynhf],
.profile-main small[b-cr7y6nynhf],
.profile-main strong[b-cr7y6nynhf],
.profile-main label[b-cr7y6nynhf],
.profile-main .identity-copy[b-cr7y6nynhf],
.profile-main .identity-copy h2[b-cr7y6nynhf],
.profile-main .identity-meta[b-cr7y6nynhf],
.profile-main .info-item strong[b-cr7y6nynhf],
.profile-main .plan-main h3[b-cr7y6nynhf],
.profile-main .card-title h2[b-cr7y6nynhf],
.profile-main .quick-card h2[b-cr7y6nynhf],
.profile-main .help-card h2[b-cr7y6nynhf] {
    color: #ffffff;
}

/* Mantener los acentos funcionales aprobados. */
.profile-main .identity-copy h2 em[b-cr7y6nynhf],
.profile-main .role-icon[b-cr7y6nynhf],
.profile-main .info-item i[b-cr7y6nynhf],
.profile-main .plan-main > i[b-cr7y6nynhf],
.profile-main .help-card > i[b-cr7y6nynhf] {
    color: #ffc400;
}

.profile-main .section-title > span[b-cr7y6nynhf] {
    color: #4ea5ff;
}

.profile-main .role-badge[b-cr7y6nynhf] {
    color: #ffd42a;
}

.profile-main .role-head em[b-cr7y6nynhf] {
    color: #78f39b;
}

.profile-main .role-card:not(.is-active) .role-head em[b-cr7y6nynhf] {
    color: #d6c8ff;
}


/* =========================================================
   27. ESTÁNDAR RESPONSIVE Y MÁRGENES - TURNO YA
   Mantiene márgenes compactos en escritorio y convierte el
   sidebar en menú hamburguesa/off-canvas en móvil.
   ========================================================= */
.profile-main[b-cr7y6nynhf]{max-width:none;margin:0;padding:18px clamp(14px,1.35vw,22px) 22px;}
.mobile-topbar[b-cr7y6nynhf],.mobile-sidebar-head[b-cr7y6nynhf],.mobile-menu-backdrop[b-cr7y6nynhf]{display:none;}

@media (max-width:850px){
    .profile-shell[b-cr7y6nynhf]{display:block;min-height:100vh;}
    .profile-main[b-cr7y6nynhf]{width:100%;padding:10px 12px 20px;}
    .mobile-topbar[b-cr7y6nynhf]{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin:-2px 0 10px;padding:0 2px;border-bottom:1px solid #22313f;}
    .hamburger-button[b-cr7y6nynhf],.mobile-menu-close[b-cr7y6nynhf]{display:grid;place-items:center;width:42px;height:42px;border:1px solid #334250;border-radius:10px;background:#08121b;color:#fff;font-size:23px;cursor:pointer;}
    .mobile-brand strong[b-cr7y6nynhf]{font-size:19px;color:#fff}.mobile-brand b[b-cr7y6nynhf]{color:#ffc400;}
    .profile-sidebar[b-cr7y6nynhf]{position:fixed;z-index:1002;left:0;top:0;bottom:0;width:min(84vw,300px);height:100dvh;min-height:0;padding:14px;overflow-y:auto;border-right:1px solid #263442;border-bottom:0;transform:translateX(-105%);transition:transform .22s ease;background:#030910;box-shadow:18px 0 45px #0009;}
    .mobile-menu-open .profile-sidebar[b-cr7y6nynhf]{transform:translateX(0);}
    .mobile-sidebar-head[b-cr7y6nynhf]{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:700;margin-bottom:4px;}
    .mobile-menu-backdrop[b-cr7y6nynhf]{position:fixed;z-index:1001;inset:0;width:100%;height:100%;border:0;background:#000a;padding:0;}
    .mobile-menu-open .mobile-menu-backdrop[b-cr7y6nynhf]{display:block;}
    .profile-sidebar nav[b-cr7y6nynhf]{display:flex;grid-template-columns:none;flex-direction:column;gap:4px;}
    .profile-sidebar nav a[b-cr7y6nynhf]{padding:11px 12px;}
    .profile-sidebar .logout[b-cr7y6nynhf]{margin-top:18px;}
    .profile-sidebar .user-card[b-cr7y6nynhf]{margin-top:8px;}
    .page-header[b-cr7y6nynhf]{margin-bottom:12px;gap:8px;}
    .page-header h1[b-cr7y6nynhf]{font-size:24px;}
    .identity-card[b-cr7y6nynhf]{padding:14px 14px 0;}
    .identity-top[b-cr7y6nynhf]{gap:14px;}
    .content-grid[b-cr7y6nynhf]{margin-top:12px;gap:12px;}
    .left-column[b-cr7y6nynhf],.right-column[b-cr7y6nynhf]{gap:12px;}
    .personal-card[b-cr7y6nynhf],.roles-card[b-cr7y6nynhf],.plan-card[b-cr7y6nynhf],.quick-card[b-cr7y6nynhf],.help-card[b-cr7y6nynhf]{padding:14px;}
}

@media (max-width:600px){
    .profile-main[b-cr7y6nynhf]{padding:8px 10px 18px;}
    .page-header[b-cr7y6nynhf]{display:block;}
    .identity-top[b-cr7y6nynhf]{display:grid;grid-template-columns:76px 1fr;align-items:start;}
    .photo[b-cr7y6nynhf]{width:76px;height:76px;font-size:24px;}
    .identity-copy[b-cr7y6nynhf]{min-width:0;}
    .identity-copy h2[b-cr7y6nynhf]{font-size:20px;}
    .identity-meta[b-cr7y6nynhf]{display:flex;flex-direction:column;gap:6px;margin:6px 0;overflow-wrap:anywhere;}
    .identity-top>.outline-button[b-cr7y6nynhf]{grid-column:1/-1;width:100%;margin-top:2px;}
    .tabs[b-cr7y6nynhf]{gap:10px;margin-top:12px;}
    .tabs button[b-cr7y6nynhf]{padding:11px 3px;font-size:12px;}
    .info-grid[b-cr7y6nynhf]{grid-template-columns:1fr;}
    .roles-grid[b-cr7y6nynhf]{grid-template-columns:1fr;}
    .role-card[b-cr7y6nynhf]{min-height:auto;}
    .right-column[b-cr7y6nynhf]{display:flex;}
    .help-card[b-cr7y6nynhf]{align-items:flex-start;gap:12px;}
    .help-card>i[b-cr7y6nynhf]{width:54px;height:54px;font-size:28px;flex:0 0 auto;}
    .badges[b-cr7y6nynhf]{flex-wrap:wrap;}
}


/* =========================================================
   28. FIX RESPONSIVE MÓVIL - MENÚ HAMBURGUESA Y ROLES
   ========================================================= */
.profile-shell[b-cr7y6nynhf],
.profile-main[b-cr7y6nynhf],
.content-grid[b-cr7y6nynhf],
.left-column[b-cr7y6nynhf],
.right-column[b-cr7y6nynhf],
.roles-card[b-cr7y6nynhf],
.roles-grid[b-cr7y6nynhf],
.role-card[b-cr7y6nynhf] {
    min-width: 0;
}

.profile-shell[b-cr7y6nynhf] {
    overflow-x: clip;
}

.profile-main[b-cr7y6nynhf] {
    overflow-x: clip;
}

.role-card[b-cr7y6nynhf] {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.role-action[b-cr7y6nynhf] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mobile-menu-backdrop[b-cr7y6nynhf] {
    display: none;
}

@media (max-width: 850px) {
    .profile-shell[b-cr7y6nynhf] {
        display: block !important;
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .profile-main[b-cr7y6nynhf] {
        width: 100%;
        max-width: 100vw;
        margin: 0;
        padding: 10px 12px 20px;
        overflow-x: hidden;
    }

    .mobile-topbar[b-cr7y6nynhf] {
        display: flex !important;
        position: sticky;
        top: 0;
        z-index: 900;
        align-items: center;
        justify-content: space-between;
        min-height: 54px;
        margin: 0 0 10px;
        padding: 6px 2px;
        background: #050b12;
        border-bottom: 1px solid #22313f;
    }

    .hamburger-button[b-cr7y6nynhf] {
        display: grid !important;
        place-items: center;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        border: 1px solid #334250;
        border-radius: 10px;
        background: #08121b;
        color: #fff;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-brand[b-cr7y6nynhf] {
        display: block;
        margin-left: 10px;
    }

    .profile-sidebar[b-cr7y6nynhf] {
        position: fixed !important;
        z-index: 1002;
        left: 0;
        top: 0;
        bottom: 0;
        width: min(86vw, 310px) !important;
        max-width: 310px;
        height: 100dvh;
        min-height: 0 !important;
        padding: 14px !important;
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 1px solid #263442 !important;
        border-bottom: 0 !important;
        background: #030910 !important;
        box-shadow: 18px 0 45px rgba(0,0,0,.6);
        transform: translateX(-105%) !important;
        transition: transform .22s ease;
    }

    .mobile-menu-open .profile-sidebar[b-cr7y6nynhf] {
        transform: translateX(0) !important;
    }

    .mobile-sidebar-head[b-cr7y6nynhf] {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
        color: #fff;
        font-weight: 700;
    }

    .mobile-menu-close[b-cr7y6nynhf] {
        display: grid !important;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid #334250;
        border-radius: 10px;
        background: #08121b;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
    }

    .mobile-menu-open .mobile-menu-backdrop[b-cr7y6nynhf] {
        display: block !important;
        position: fixed;
        z-index: 1001;
        inset: 0;
        width: 100vw;
        height: 100dvh;
        margin: 0;
        padding: 0;
        border: 0;
        background: rgba(0,0,0,.68);
    }

    .profile-sidebar nav[b-cr7y6nynhf] {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 4px;
    }

    .profile-sidebar nav a[b-cr7y6nynhf] {
        width: 100%;
        box-sizing: border-box;
        padding: 11px 12px;
    }

    .identity-top[b-cr7y6nynhf],
    .identity-copy[b-cr7y6nynhf],
    .identity-meta[b-cr7y6nynhf],
    .info-grid[b-cr7y6nynhf],
    .section-title[b-cr7y6nynhf],
    .roles-grid[b-cr7y6nynhf],
    .right-column[b-cr7y6nynhf] {
        min-width: 0;
        max-width: 100%;
    }

    .content-grid[b-cr7y6nynhf] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .right-column[b-cr7y6nynhf] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .roles-grid[b-cr7y6nynhf] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    .profile-main[b-cr7y6nynhf] {
        padding: 8px 10px 18px;
    }

    .page-header h1[b-cr7y6nynhf] {
        font-size: 24px;
    }

    .page-header p[b-cr7y6nynhf],
    .identity-meta[b-cr7y6nynhf],
    .info-item strong[b-cr7y6nynhf],
    .role-card p[b-cr7y6nynhf],
    .role-card small[b-cr7y6nynhf] {
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .identity-top[b-cr7y6nynhf] {
        display: grid !important;
        grid-template-columns: 76px minmax(0, 1fr) !important;
        gap: 12px;
    }

    .photo[b-cr7y6nynhf] {
        width: 76px;
        height: 76px;
        font-size: 24px;
    }

    .identity-top > .outline-button[b-cr7y6nynhf] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .roles-grid[b-cr7y6nynhf] {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }

    .role-card[b-cr7y6nynhf] {
        min-height: 0;
    }

    .role-action[b-cr7y6nynhf] {
        min-height: 44px;
        padding: 11px 12px;
        font-size: 14px;
    }

    .tabs[b-cr7y6nynhf] {
        width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }

    .info-grid[b-cr7y6nynhf] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}


/* =========================================================
   INFORMACIÓN DEL NEGOCIO / SEDES
   ========================================================= */
.left-column[b-cr7y6nynhf] >  .branches-panel-card{
    width:100%;
}
.tabs button[b-cr7y6nynhf]{
    cursor:pointer;
}
@media(max-width:900px){
    .tabs[b-cr7y6nynhf]{
        overflow-x:auto;
        scrollbar-width:none;
    }
    .tabs[b-cr7y6nynhf]::-webkit-scrollbar{
        display:none;
    }
    .tabs button[b-cr7y6nynhf]{
        flex:0 0 auto;
        white-space:nowrap;
    }
}


/* =========================================================
   PERFIL CLIENTE - MENÚ UNIFICADO CON DASHBOARD
   Estas reglas solo se aplican cuando la ruta es /client/profile.
   Los menús Owner / Professional / Affiliate no se modifican.
   ========================================================= */
.profile-shell.client-role[b-cr7y6nynhf] {
    grid-template-columns: 220px minmax(0, 1fr);
}

.profile-shell.client-role .profile-sidebar[b-cr7y6nynhf] {
    background: #030a11;
    border-right: 1px solid #24333f;
    padding: 18px 12px 12px;
}

.profile-shell.client-role .client-brand[b-cr7y6nynhf] {
    min-height: 88px;
    padding: 4px 8px 14px;
    display: flex;
    align-items: center;
}

.profile-shell.client-role .client-brand img[b-cr7y6nynhf] {
    display: block;
    width: min(180px, 100%);
    height: auto;
    max-height: 70px;
    object-fit: contain;
    object-position: left center;
}

.profile-shell.client-role .profile-sidebar nav[b-cr7y6nynhf] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.profile-shell.client-role .profile-sidebar nav a[b-cr7y6nynhf],
.profile-shell.client-role .profile-sidebar nav a:link[b-cr7y6nynhf],
.profile-shell.client-role .profile-sidebar nav a:visited[b-cr7y6nynhf],
.profile-shell.client-role .profile-sidebar nav a:hover[b-cr7y6nynhf],
.profile-shell.client-role .profile-sidebar nav a:active[b-cr7y6nynhf],
.profile-shell.client-role .profile-sidebar nav a:focus[b-cr7y6nynhf] {
    color: #fff !important;
    text-decoration: none !important;
}

.profile-shell.client-role .profile-sidebar nav a[b-cr7y6nynhf] {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}

.profile-shell.client-role .profile-sidebar nav a i[b-cr7y6nynhf] {
    width: 18px;
    min-width: 18px;
    color: #fff;
    font-style: normal;
    text-align: center;
}

.profile-shell.client-role .profile-sidebar nav a span[b-cr7y6nynhf] {
    color: inherit !important;
    text-decoration: none !important;
}

.profile-shell.client-role .profile-sidebar nav a:hover[b-cr7y6nynhf] {
    background: rgba(255,255,255,.055);
}

.profile-shell.client-role .profile-sidebar nav a.active[b-cr7y6nynhf],
.profile-shell.client-role .profile-sidebar nav a.active:hover[b-cr7y6nynhf] {
    background: linear-gradient(90deg,#4b3900,#2d2402);
    color: #fff !important;
}

.profile-shell.client-role .profile-sidebar nav a:focus-visible[b-cr7y6nynhf] {
    outline: 2px solid #ffc400;
    outline-offset: 2px;
}

.profile-shell.client-role .client-logout[b-cr7y6nynhf] {
    margin-top: auto;
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid #303c46;
    border-radius: 10px;
    background: #081219;
    color: #f5f7fa;
    cursor: pointer;
    text-align: left;
}

.profile-shell.client-role .client-logout > span:first-child[b-cr7y6nynhf] {
    color: #ffc400;
    font-size: 18px;
}

.profile-shell.client-role .client-logout:hover[b-cr7y6nynhf] {
    border-color: #ffc400;
    background: #151a18;
}

.profile-shell.client-role .user-card[b-cr7y6nynhf] {
    margin-top: 12px;
    border: 1px solid #2b3740;
    border-radius: 12px;
    background: #071119;
    padding: 12px;
}

@media (max-width: 900px) {
    .profile-shell.client-role[b-cr7y6nynhf] {
        grid-template-columns: 1fr;
    }

    .profile-shell.client-role .profile-sidebar[b-cr7y6nynhf] {
        width: min(86vw, 310px);
    }

    .profile-shell.client-role .client-brand[b-cr7y6nynhf] {
        min-height: 72px;
    }

    .profile-shell.client-role .client-brand img[b-cr7y6nynhf] {
        width: 160px;
    }
}

/* =====================================================================
   PREFERENCIAS DEL PROPIETARIO
   ===================================================================== */
.preferences-shell[b-cr7y6nynhf]{border:1px solid #1d3a4b;border-radius:14px;background:linear-gradient(135deg,#041521,#061b27);overflow:hidden}.preferences-header[b-cr7y6nynhf]{min-height:92px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d3a4b;gap:24px}.preferences-title[b-cr7y6nynhf]{display:flex;align-items:center;gap:18px}.preferences-title-icon[b-cr7y6nynhf],.preference-card-title>i[b-cr7y6nynhf]{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#2a2a14;color:#ffca0a;font-style:normal;font-size:25px}.preferences-title h2[b-cr7y6nynhf],.preference-card h3[b-cr7y6nynhf]{margin:0;color:#f5f7fb}.preferences-title h2[b-cr7y6nynhf]{font-size:25px}.preferences-title p[b-cr7y6nynhf],.preference-card-title p[b-cr7y6nynhf]{margin:4px 0 0;color:#a9bdd0}.preferences-info[b-cr7y6nynhf]{padding:15px 18px;border:1px solid #07517b;border-radius:10px;background:#06263a;color:#c8dcf0;white-space:nowrap}.preferences-info[b-cr7y6nynhf]:first-letter{color:#79bdff}.preferences-grid[b-cr7y6nynhf]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}.preference-card[b-cr7y6nynhf]{min-height:228px;padding:16px;border:1px solid #1b4355;border-radius:11px;background:linear-gradient(145deg,#061b27,#04141f)}.preference-card-title[b-cr7y6nynhf]{display:flex;gap:13px;align-items:center;margin-bottom:15px}.preference-card-title>i[b-cr7y6nynhf]{width:43px;height:43px;font-size:21px;flex:0 0 43px}.preference-card-title>i.blue[b-cr7y6nynhf]{background:#082e4e;color:#66b5ff}.preference-card h3[b-cr7y6nynhf]{font-size:17px}.preference-card-title p[b-cr7y6nynhf]{font-size:13px}.preference-two-columns[b-cr7y6nynhf],.appointment-fields[b-cr7y6nynhf]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.appointment-fields[b-cr7y6nynhf]{grid-template-columns:repeat(3,1fr)}.preference-card label>span[b-cr7y6nynhf],.field-caption[b-cr7y6nynhf]{display:block;margin-bottom:7px;color:#e9eef5;font-size:13px}.preference-card select[b-cr7y6nynhf]{width:100%;height:42px;padding:0 12px;border:1px solid #294859;border-radius:8px;background:#071823;color:#edf4fa;outline:none}.preference-card select:focus[b-cr7y6nynhf]{border-color:#ffc400;box-shadow:0 0 0 2px #ffc40022}.switch-list[b-cr7y6nynhf]{display:grid;gap:10px}.switch-list label[b-cr7y6nynhf]{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.switch-list label>span[b-cr7y6nynhf]{display:flex;align-items:center;gap:12px;margin:0}.switch-list b[b-cr7y6nynhf]{width:26px;text-align:center;color:#eaf1f7;font-size:19px}.switch-list em[b-cr7y6nynhf]{display:grid;font-style:normal}.switch-list strong[b-cr7y6nynhf]{font-size:13px;font-weight:600;color:#eaf1f7}.switch-list small[b-cr7y6nynhf],.field-help[b-cr7y6nynhf]{font-size:12px;color:#91a9bd}.switch-list input[b-cr7y6nynhf]{position:absolute;opacity:0;pointer-events:none}.switch-list label>i[b-cr7y6nynhf]{position:relative;width:42px;height:24px;border-radius:20px;background:#526476;border:1px solid #8ba0b1;flex:0 0 42px;transition:.18s}.switch-list label>i[b-cr7y6nynhf]:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#f5f7fa;transition:.18s}.switch-list input:checked+i[b-cr7y6nynhf]{background:#08c977;border-color:#08e88a}.switch-list input:checked+i[b-cr7y6nynhf]:before{transform:translateX(18px)}.switch-list.compact[b-cr7y6nynhf]{margin-top:19px}.theme-options[b-cr7y6nynhf]{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-options button[b-cr7y6nynhf]{height:42px;border:1px solid #294859;border-radius:7px;background:#071823;color:#edf4fa}.theme-options button.selected[b-cr7y6nynhf]{border:2px solid #ffc400}.color-caption[b-cr7y6nynhf]{margin-top:17px;margin-bottom:1px}.field-help[b-cr7y6nynhf]{display:block}.accent-options[b-cr7y6nynhf]{display:flex;justify-content:flex-end;gap:11px;margin-top:-24px}.accent-options button[b-cr7y6nynhf]{width:25px;height:25px;border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #ffffff22;cursor:pointer}.accent-options button.selected[b-cr7y6nynhf]{outline:2px solid #f6f7f9;outline-offset:3px}.preferences-footer[b-cr7y6nynhf]{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border-top:1px solid #1d3a4b;background:#04141e}.preferences-footer>div[b-cr7y6nynhf]{display:flex;align-items:center;gap:15px}.preferences-footer span[b-cr7y6nynhf]{font-size:12px;color:#9bb0c2}.reset-preferences[b-cr7y6nynhf],.save-preferences[b-cr7y6nynhf]{height:44px;border-radius:8px;font-weight:700;cursor:pointer}.reset-preferences[b-cr7y6nynhf]{padding:0 18px;border:1px solid #284657;background:#142b3a;color:#f1f5f8}.save-preferences[b-cr7y6nynhf]{min-width:184px;border:0;background:#ffc400;color:#081018}.save-preferences:disabled[b-cr7y6nynhf]{opacity:.65;cursor:wait}.preferences-message[b-cr7y6nynhf]{margin:12px 12px 0;padding:10px 14px;border-radius:8px}.preferences-state[b-cr7y6nynhf]{margin-top:0;padding:28px;display:grid;gap:12px}.error-state[b-cr7y6nynhf]{color:#ffb4b4;background:#38181d;border:1px solid #78333b}.preferences-state button[b-cr7y6nynhf]{width:max-content}

@media(max-width:1250px){.preferences-grid[b-cr7y6nynhf]{grid-template-columns:repeat(2,minmax(0,1fr))}.preferences-header[b-cr7y6nynhf]{align-items:flex-start}.preferences-info[b-cr7y6nynhf]{white-space:normal}}
@media(max-width:820px){.preferences-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.preferences-header[b-cr7y6nynhf],.preferences-footer[b-cr7y6nynhf]{flex-direction:column;align-items:stretch}.preferences-info[b-cr7y6nynhf]{width:100%}.preferences-footer>div[b-cr7y6nynhf]{flex-direction:column;align-items:flex-start}.save-preferences[b-cr7y6nynhf]{width:100%}.appointment-fields[b-cr7y6nynhf]{grid-template-columns:1fr}.accent-options[b-cr7y6nynhf]{justify-content:flex-start;margin-top:12px}}
@media(max-width:560px){.preferences-two-columns[b-cr7y6nynhf]{grid-template-columns:1fr}.theme-options[b-cr7y6nynhf]{grid-template-columns:1fr}.preferences-title[b-cr7y6nynhf]{align-items:flex-start}.preferences-title-icon[b-cr7y6nynhf]{width:42px;height:42px;flex:0 0 42px}.preference-card[b-cr7y6nynhf]{padding:14px}}

/* =====================================================================
   NOTIFICACIONES DEL PROPIETARIO
   ===================================================================== */
.owner-notifications-shell[b-cr7y6nynhf]{border:1px solid #1d3a4b;border-radius:14px;background:linear-gradient(135deg,#041521,#061b27);overflow:hidden}.notification-header[b-cr7y6nynhf]{min-height:92px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d3a4b;gap:22px}.notification-heading[b-cr7y6nynhf]{display:flex;align-items:center;gap:16px}.notification-heading-icon[b-cr7y6nynhf],.notification-icon[b-cr7y6nynhf]{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#2a2a14;color:#ffca0a;font-style:normal;font-size:21px;flex:0 0 44px}.notification-heading h2[b-cr7y6nynhf],.notification-card h3[b-cr7y6nynhf]{margin:0;color:#f5f7fb}.notification-heading h2[b-cr7y6nynhf]{font-size:23px}.notification-heading p[b-cr7y6nynhf],.notification-card-title p[b-cr7y6nynhf]{margin:4px 0 0;color:#a9bdd0}.notification-info[b-cr7y6nynhf]{padding:13px 16px;border:1px solid #07517b;border-radius:9px;background:#06263a;color:#c8dcf0;white-space:nowrap}.notification-grid[b-cr7y6nynhf]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}.notification-card[b-cr7y6nynhf]{min-height:244px;padding:16px;border:1px solid #1b4355;border-radius:11px;background:linear-gradient(145deg,#061b27,#04141f)}.notification-card-title[b-cr7y6nynhf]{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;margin-bottom:16px}.notification-card-title.compact-title[b-cr7y6nynhf]{grid-template-columns:auto 1fr}.notification-icon.blue[b-cr7y6nynhf]{background:#082e4e;color:#66b5ff}.notification-icon.yellow[b-cr7y6nynhf]{background:#2a2a14;color:#ffca0a}.notification-card h3[b-cr7y6nynhf]{font-size:16px}.notification-card-title p[b-cr7y6nynhf]{font-size:12px;line-height:1.4}.notification-switch[b-cr7y6nynhf]{display:block;position:relative;width:42px;height:24px}.notification-switch input[b-cr7y6nynhf]{position:absolute;opacity:0}.notification-switch i[b-cr7y6nynhf]{display:block;position:relative;width:42px;height:24px;border-radius:20px;background:#526476;border:1px solid #8ba0b1;transition:.18s}.notification-switch i[b-cr7y6nynhf]:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#f5f7fa;transition:.18s}.notification-switch input:checked+i[b-cr7y6nynhf]{background:#08c977;border-color:#08e88a}.notification-switch input:checked+i[b-cr7y6nynhf]:before{transform:translateX(18px)}.notification-options[b-cr7y6nynhf]{display:grid;gap:10px}.notification-check[b-cr7y6nynhf]{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;cursor:pointer}.notification-check input[b-cr7y6nynhf]{width:17px;height:17px;margin:2px 0 0;accent-color:#ffc400}.notification-check input:disabled[b-cr7y6nynhf]{opacity:.55}.notification-check span[b-cr7y6nynhf]{display:grid}.notification-check strong[b-cr7y6nynhf]{font-size:13px;color:#f2f6f9;font-weight:650}.notification-check small[b-cr7y6nynhf]{font-size:11px;color:#8fa9bc;line-height:1.35;margin-top:2px}.notification-check.all-notifications[b-cr7y6nynhf]{padding-bottom:3px}.notification-time-grid[b-cr7y6nynhf],.notification-summary-grid[b-cr7y6nynhf]{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.notification-summary-grid[b-cr7y6nynhf]{grid-template-columns:1fr 1fr}.notification-time-grid label[b-cr7y6nynhf],.notification-summary-grid label[b-cr7y6nynhf]{display:grid;gap:7px}.notification-time-grid label span[b-cr7y6nynhf],.notification-summary-grid label span[b-cr7y6nynhf]{font-size:12px;color:#dbe6ef}.notification-time-grid input[b-cr7y6nynhf],.notification-summary-grid select[b-cr7y6nynhf]{width:100%;height:42px;padding:0 12px;border:1px solid #294859;border-radius:8px;background:#071823;color:#edf4fa}.time-separator[b-cr7y6nynhf]{padding-bottom:11px;color:#dbe6ef}.window-enabled[b-cr7y6nynhf]{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#cbd8e3}.window-enabled input[b-cr7y6nynhf]{accent-color:#ffc400}.notification-note[b-cr7y6nynhf]{margin-top:10px;padding:9px 11px;border:1px solid #174663;border-radius:7px;background:#08273b;color:#a8c8df;font-size:11px}.summary-statistics[b-cr7y6nynhf]{margin-top:13px}.critical-list[b-cr7y6nynhf]{display:grid;gap:10px;padding:12px;border:1px solid #0f5d49;border-radius:9px;background:linear-gradient(145deg,#063b31,#063428)}.critical-list>div[b-cr7y6nynhf]{display:flex;gap:10px}.critical-list>div>span[b-cr7y6nynhf]{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#0fc58a;color:#05261d;font-weight:900;flex:0 0 21px}.critical-list p[b-cr7y6nynhf]{display:grid;margin:0}.critical-list strong[b-cr7y6nynhf]{font-size:13px;color:#effbf7}.critical-list small[b-cr7y6nynhf]{font-size:11px;color:#8cd0bb;margin-top:2px}.notification-footer[b-cr7y6nynhf]{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border-top:1px solid #1d3a4b;background:#04141e}.notification-footer>div[b-cr7y6nynhf]{display:flex;align-items:center;gap:15px}.notification-footer span[b-cr7y6nynhf]{font-size:12px;color:#9bb0c2}

@media(max-width:1250px){.notification-grid[b-cr7y6nynhf]{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-header[b-cr7y6nynhf]{align-items:flex-start}.notification-info[b-cr7y6nynhf]{white-space:normal}}
@media(max-width:820px){.notification-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.notification-header[b-cr7y6nynhf],.notification-footer[b-cr7y6nynhf]{flex-direction:column;align-items:stretch}.notification-footer>div[b-cr7y6nynhf]{flex-direction:column;align-items:flex-start}.notification-footer .save-preferences[b-cr7y6nynhf]{width:100%}.notification-summary-grid[b-cr7y6nynhf]{grid-template-columns:1fr}}
@media(max-width:560px){.notification-heading[b-cr7y6nynhf]{align-items:flex-start}.notification-heading-icon[b-cr7y6nynhf]{width:42px;height:42px;flex:0 0 42px}.notification-card[b-cr7y6nynhf]{padding:14px}.notification-time-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.time-separator[b-cr7y6nynhf]{display:none}}


/* =====================================================================
   MODAL INFORMATIVO - COSTO ADICIONAL SMS
   ===================================================================== */
.sms-cost-modal-backdrop[b-cr7y6nynhf]{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.sms-cost-modal[b-cr7y6nynhf]{position:relative;width:min(520px,100%);padding:28px;border:1px solid #335365;border-radius:16px;background:linear-gradient(145deg,#071b27,#06141e);box-shadow:0 24px 70px rgba(0,0,0,.48);color:#eef5fa}
.sms-cost-close[b-cr7y6nynhf]{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid #3a5667;border-radius:50%;background:#081923;color:#dbe8f1;font-size:22px;line-height:1;cursor:pointer}
.sms-cost-icon[b-cr7y6nynhf]{display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border-radius:14px;background:#352d07;color:#ffc400;font-size:27px;font-weight:800}
.sms-cost-modal h3[b-cr7y6nynhf]{margin:0;color:#fff;font-size:22px}
.sms-cost-lead[b-cr7y6nynhf]{margin:8px 0 18px;color:#ffc400;font-size:15px;font-weight:700}
.sms-cost-info[b-cr7y6nynhf]{padding:14px 16px;border:1px solid #7a6500;border-radius:10px;background:#211d08;color:#f5eab4}
.sms-cost-info strong[b-cr7y6nynhf]{display:block;margin-bottom:5px;color:#ffc400}
.sms-cost-info p[b-cr7y6nynhf],.sms-cost-detail[b-cr7y6nynhf]{margin:0;line-height:1.55;font-size:13px}
.sms-cost-detail[b-cr7y6nynhf]{margin-top:14px;color:#a9bdcb}
.sms-cost-actions[b-cr7y6nynhf]{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.sms-cost-cancel[b-cr7y6nynhf],.sms-cost-confirm[b-cr7y6nynhf]{min-height:42px;padding:0 16px;border-radius:8px;font-weight:700;cursor:pointer}
.sms-cost-cancel[b-cr7y6nynhf]{border:1px solid #365264;background:#0a1a24;color:#eef5fa}
.sms-cost-confirm[b-cr7y6nynhf]{border:0;background:#ffc400;color:#091017}
.sms-cost-cancel:hover[b-cr7y6nynhf]{background:#102936}
.sms-cost-confirm:hover[b-cr7y6nynhf]{filter:brightness(1.04)}
@media(max-width:560px){.sms-cost-modal[b-cr7y6nynhf]{padding:22px 18px}.sms-cost-actions[b-cr7y6nynhf]{flex-direction:column-reverse}.sms-cost-cancel[b-cr7y6nynhf],.sms-cost-confirm[b-cr7y6nynhf]{width:100%}}


/* =================================================================================================
   SEGURIDAD DEL PROPIETARIO
   ================================================================================================= */

.owner-security-shell[b-cr7y6nynhf] {
    border: 1px solid #17384a;
    border-radius: 14px;
    overflow: hidden;
    background: #051923;
}

.security-header[b-cr7y6nynhf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #17384a;
}

.security-heading[b-cr7y6nynhf] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.security-heading-icon[b-cr7y6nynhf],
.security-icon[b-cr7y6nynhf] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: rgba(255, 196, 0, .15);
    color: #ffc400;
    font-size: 22px;
}

.security-heading h2[b-cr7y6nynhf],
.security-card h3[b-cr7y6nynhf] {
    margin: 0;
    color: #f4f8fb;
}

.security-heading p[b-cr7y6nynhf],
.security-card-title p[b-cr7y6nynhf] {
    margin: 4px 0 0;
    color: #9eb6c7;
    font-size: 13px;
}

.security-info[b-cr7y6nynhf] {
    max-width: 370px;
    padding: 13px 16px;
    border: 1px solid #075b8d;
    border-radius: 9px;
    background: #062943;
    color: #bfe4ff;
    font-size: 13px;
}

.security-grid[b-cr7y6nynhf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 12px;
}

.security-card[b-cr7y6nynhf] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #1b455a;
    border-radius: 10px;
    background: linear-gradient(145deg, #061d29, #041722);
}

.security-card-title[b-cr7y6nynhf] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.security-card-title > div[b-cr7y6nynhf] {
    flex: 1;
}

.security-icon.blue[b-cr7y6nynhf] {
    background: rgba(0, 118, 190, .23);
    color: #3aaaff;
}

.security-icon.yellow[b-cr7y6nynhf] {
    background: rgba(255, 196, 0, .15);
    color: #ffc400;
}

.security-card label:not(.notification-switch)[b-cr7y6nynhf] {
    display: grid;
    gap: 6px;
    margin-bottom: 10px;
    color: #f2f7fa;
    font-size: 12px;
    font-weight: 650;
}

.security-card input[type="text"][b-cr7y6nynhf],
.security-card input[type="password"][b-cr7y6nynhf] {
    width: 100%;
    min-height: 38px;
    padding: 8px 11px;
    border: 1px solid #315569;
    border-radius: 6px;
    outline: none;
    background: #082330;
    color: #f4f8fb;
    box-sizing: border-box;
}

.security-card input:focus[b-cr7y6nynhf] {
    border-color: #278de0;
    box-shadow: 0 0 0 2px rgba(39, 141, 224, .14);
}

.password-rules[b-cr7y6nynhf] {
    display: grid;
    gap: 4px;
    margin: 8px 0 12px;
    color: #7893a5;
    font-size: 12px;
}

.password-rules span.valid[b-cr7y6nynhf] {
    color: #18d57f;
}

.security-actions[b-cr7y6nynhf] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.security-actions.right[b-cr7y6nynhf] {
    justify-content: flex-end;
}

.security-actions.split[b-cr7y6nynhf] {
    justify-content: space-between;
}

.security-primary[b-cr7y6nynhf],
.security-danger[b-cr7y6nynhf],
.team-row button[b-cr7y6nynhf] {
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 7px;
    font-weight: 700;
    cursor: pointer;
}

.security-primary[b-cr7y6nynhf] {
    border: 1px solid #ffc400;
    background: #ffc400;
    color: #07131b;
}

.security-danger[b-cr7y6nynhf] {
    border: 1px solid #9f3f44;
    background: rgba(127, 25, 30, .16);
    color: #ff8f95;
}

.security-primary:disabled[b-cr7y6nynhf],
.security-danger:disabled[b-cr7y6nynhf] {
    opacity: .5;
    cursor: not-allowed;
}

.security-ok[b-cr7y6nynhf] {
    display: grid;
    gap: 4px;
    margin: 8px 0 14px;
    padding: 12px;
    border: 1px solid #078657;
    border-radius: 7px;
    background: rgba(0, 112, 69, .28);
    color: #baf8da;
}

.security-ok strong[b-cr7y6nynhf] {
    color: #e9fff4;
}

.security-note[b-cr7y6nynhf],
.security-empty[b-cr7y6nynhf] {
    margin: 8px 0 14px;
    padding: 10px 12px;
    border: 1px solid #1b455a;
    border-radius: 7px;
    background: #082432;
    color: #9eb6c7;
    font-size: 12px;
}

.security-label[b-cr7y6nynhf] {
    display: block;
    margin: 10px 0 7px;
    color: #f4f8fb;
    font-size: 12px;
    font-weight: 700;
}

.two-factor-methods[b-cr7y6nynhf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.two-factor-methods button[b-cr7y6nynhf] {
    display: grid;
    gap: 5px;
    min-height: 76px;
    padding: 12px;
    border: 1px solid #315569;
    border-radius: 8px;
    background: #082330;
    color: #eff7fb;
    text-align: left;
    cursor: pointer;
}

.two-factor-methods button.selected[b-cr7y6nynhf] {
    border-color: #1e9cff;
    box-shadow: inset 0 0 0 1px #1e9cff;
}

.two-factor-methods small[b-cr7y6nynhf] {
    color: #93adbe;
    line-height: 1.35;
}

.device-row[b-cr7y6nynhf],
.team-row[b-cr7y6nynhf],
.alert-row[b-cr7y6nynhf] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 0;
    border-bottom: 1px solid #163a4c;
}

.device-row:last-of-type[b-cr7y6nynhf],
.team-row:last-of-type[b-cr7y6nynhf],
.alert-row:last-of-type[b-cr7y6nynhf] {
    border-bottom: 0;
}

.device-row > div[b-cr7y6nynhf],
.team-row > div[b-cr7y6nynhf],
.alert-row > div[b-cr7y6nynhf] {
    display: grid;
    flex: 1;
    gap: 3px;
    min-width: 0;
}

.device-row strong[b-cr7y6nynhf],
.team-row strong[b-cr7y6nynhf],
.alert-row strong[b-cr7y6nynhf],
.activity-row strong[b-cr7y6nynhf] {
    color: #edf5fa;
    font-size: 12px;
}

.device-row small[b-cr7y6nynhf],
.team-row small[b-cr7y6nynhf],
.alert-row small[b-cr7y6nynhf],
.activity-row span[b-cr7y6nynhf] {
    color: #8da8ba;
    font-size: 11px;
}

.device-row em[b-cr7y6nynhf] {
    padding: 4px 7px;
    border-radius: 10px;
    background: #15994f;
    color: #effff6;
    font-size: 10px;
    font-style: normal;
    white-space: nowrap;
}

.device-row button[b-cr7y6nynhf] {
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}

.device-icon[b-cr7y6nynhf] {
    font-size: 22px;
    color: #dce8ef;
}

.activity-row[b-cr7y6nynhf] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 2px;
}

.activity-row i[b-cr7y6nynhf] {
    width: 10px;
    height: 10px;
    margin-top: 4px;
    border-radius: 50%;
    background: #13c96a;
    box-shadow: 0 0 10px rgba(19, 201, 106, .3);
}

.activity-row.suspicious i[b-cr7y6nynhf] {
    background: #ff7b62;
}

.activity-row > div[b-cr7y6nynhf] {
    display: grid;
    gap: 3px;
}

.team-row > span[b-cr7y6nynhf],
.alert-row > span[b-cr7y6nynhf] {
    width: 28px;
    color: #e4edf2;
    font-size: 18px;
    text-align: center;
}

.team-row button[b-cr7y6nynhf] {
    border: 1px solid #315569;
    background: #071d28;
    color: #eef5f9;
}

.alert-row .notification-switch[b-cr7y6nynhf] {
    margin-left: auto;
}

@media (max-width: 1180px) {
    .security-grid[b-cr7y6nynhf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .security-header[b-cr7y6nynhf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .security-info[b-cr7y6nynhf] {
        max-width: none;
        width: 100%;
        box-sizing: border-box;
    }

    .security-grid[b-cr7y6nynhf] {
        grid-template-columns: 1fr;
    }

    .two-factor-methods[b-cr7y6nynhf] {
        grid-template-columns: 1fr;
    }

    .device-row[b-cr7y6nynhf] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}


/* ==========================================================================
   PERFIL CLIENTE - PREFERENCIAS / NOTIFICACIONES / SEGURIDAD
   ========================================================================== */
.client-profile-module[b-cr7y6nynhf]{margin-top:0}.client-summary-box[b-cr7y6nynhf]{display:grid;gap:7px;padding:16px;border:1px solid #1f4b60;border-radius:9px;background:#082132}.client-summary-box strong[b-cr7y6nynhf]{color:#f5f8fb}.client-summary-box span[b-cr7y6nynhf]{color:#9bb2c6;font-size:12px}.client-notification-grid[b-cr7y6nynhf]{grid-template-columns:repeat(2,minmax(0,1fr))}.client-notification-grid .notification-card[b-cr7y6nynhf]{min-height:190px}.client-reminder-label[b-cr7y6nynhf]{display:grid;gap:7px;margin-top:15px;color:#dbe6ef;font-size:12px}.client-reminder-label select[b-cr7y6nynhf]{height:42px;padding:0 12px;border:1px solid #294859;border-radius:8px;background:#071823;color:#edf4fa}.profile-shell.client-role .preferences-shell[b-cr7y6nynhf],.profile-shell.client-role .owner-notifications-shell[b-cr7y6nynhf],.profile-shell.client-role .owner-security-shell[b-cr7y6nynhf]{margin-top:0}
@media(max-width:820px){.client-notification-grid[b-cr7y6nynhf]{grid-template-columns:1fr}}

/* ==========================================================================
   EDICIÓN DE PERFIL - CLIENTE
   ========================================================================== */
.client-edit-modal[b-cr7y6nynhf]{width:min(760px,96vw)}
.client-edit-email-note[b-cr7y6nynhf]{margin:18px 20px 0;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid #294458;border-radius:10px;background:#071923}
.client-edit-email-note>span[b-cr7y6nynhf]{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#0a3150;color:#55aef5}
.client-edit-email-note strong[b-cr7y6nynhf],.client-edit-email-note small[b-cr7y6nynhf]{display:block}
.client-edit-email-note small[b-cr7y6nynhf]{margin-top:3px;color:#9fb4c5;font-size:12px}
.client-edit-section-title[b-cr7y6nynhf]{padding-top:5px;padding-bottom:2px;color:#ffc400;font-weight:700;border-bottom:1px solid #263442}
.client-edit-grid select:disabled[b-cr7y6nynhf]{opacity:.55;cursor:not-allowed}
.client-edit-modal .primary:disabled[b-cr7y6nynhf],.client-edit-modal .cancel:disabled[b-cr7y6nynhf]{opacity:.65;cursor:not-allowed}
@media(max-width:700px){.client-edit-grid[b-cr7y6nynhf]{grid-template-columns:1fr}.client-edit-grid .full[b-cr7y6nynhf]{grid-column:auto}.client-edit-email-note[b-cr7y6nynhf]{margin-left:14px;margin-right:14px}}

/* =========================================================
   34. EDITAR PERFIL CLIENTE - RESPONSIVE DEFINITIVO
   Evita desbordamiento horizontal del modal y adapta el
   formulario a escritorio, tablet y móvil.
   ========================================================= */
.client-edit-backdrop[b-cr7y6nynhf] {
    padding: clamp(8px, 2vw, 20px);
    overflow: hidden;
}

.client-edit-modal[b-cr7y6nynhf] {
    width: min(760px, calc(100vw - 24px));
    max-width: 100%;
    max-height: calc(100dvh - 24px);
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    overscroll-behavior: contain;
}

.client-edit-modal[b-cr7y6nynhf],
.client-edit-modal *[b-cr7y6nynhf],
.client-edit-modal *[b-cr7y6nynhf]::before,
.client-edit-modal *[b-cr7y6nynhf]::after {
    box-sizing: border-box;
}

.client-edit-modal header[b-cr7y6nynhf],
.client-edit-modal footer[b-cr7y6nynhf],
.client-edit-email-note[b-cr7y6nynhf],
.client-edit-grid[b-cr7y6nynhf],
.client-edit-grid > *[b-cr7y6nynhf],
.client-edit-grid label[b-cr7y6nynhf],
.client-edit-grid input[b-cr7y6nynhf],
.client-edit-grid select[b-cr7y6nynhf] {
    min-width: 0;
    max-width: 100%;
}

.client-edit-modal header[b-cr7y6nynhf] {
    gap: 12px;
}

.client-edit-modal header > div[b-cr7y6nynhf] {
    min-width: 0;
}

.client-edit-modal header h2[b-cr7y6nynhf],
.client-edit-modal header p[b-cr7y6nynhf],
.client-edit-email-note strong[b-cr7y6nynhf],
.client-edit-email-note small[b-cr7y6nynhf] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.client-edit-email-note[b-cr7y6nynhf] {
    width: auto;
}

.client-edit-email-note > div[b-cr7y6nynhf] {
    min-width: 0;
    flex: 1 1 auto;
}

.client-edit-grid[b-cr7y6nynhf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.client-edit-grid input[b-cr7y6nynhf],
.client-edit-grid select[b-cr7y6nynhf] {
    width: 100%;
}

.client-edit-grid select[b-cr7y6nynhf] {
    text-overflow: ellipsis;
}

.client-edit-modal footer[b-cr7y6nynhf] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #09131c;
    flex-wrap: wrap;
}

@media (max-width: 760px) {
    .client-edit-backdrop[b-cr7y6nynhf] {
        padding: 8px;
        align-items: center;
    }

    .client-edit-modal[b-cr7y6nynhf] {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 13px;
    }

    .client-edit-grid[b-cr7y6nynhf] {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 14px;
        gap: 12px;
    }

    .client-edit-grid .full[b-cr7y6nynhf],
    .client-edit-section-title[b-cr7y6nynhf] {
        grid-column: 1 / -1 !important;
    }

    .client-edit-email-note[b-cr7y6nynhf] {
        margin: 14px 14px 0;
    }

    .client-edit-modal header[b-cr7y6nynhf] {
        padding: 15px 14px;
    }

    .client-edit-modal footer[b-cr7y6nynhf] {
        padding: 12px 14px;
    }
}

@media (max-width: 480px) {
    .client-edit-backdrop[b-cr7y6nynhf] {
        padding: 0;
        place-items: stretch;
    }

    .client-edit-modal[b-cr7y6nynhf] {
        width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .client-edit-modal header[b-cr7y6nynhf] {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #09131c;
    }

    .client-edit-modal header h2[b-cr7y6nynhf] {
        font-size: 21px;
    }

    .client-edit-email-note[b-cr7y6nynhf] {
        align-items: flex-start;
    }

    .client-edit-modal footer[b-cr7y6nynhf] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .client-edit-modal footer button[b-cr7y6nynhf] {
        width: 100%;
        min-height: 44px;
    }
}

/* =====================================================================
   MI PERFIL - OPCIÓN NEGOCIO PIONERO AL ACTIVAR PROPIETARIO
   ===================================================================== */
.pioneer-profile-option[b-cr7y6nynhf]{padding:16px 20px 0}.pioneer-profile-choice[b-cr7y6nynhf]{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:15px 16px;border:1px solid #7b6110;border-radius:12px;background:linear-gradient(135deg,rgba(255,196,0,.12),rgba(9,19,28,.92));cursor:pointer}.pioneer-profile-choice>input[b-cr7y6nynhf]{position:absolute;opacity:0;pointer-events:none}.pioneer-profile-check[b-cr7y6nynhf]{width:21px;height:21px;margin-top:1px;border:2px solid #b89112;border-radius:6px;background:#071018;position:relative;transition:.18s}.pioneer-profile-choice>input:checked+.pioneer-profile-check[b-cr7y6nynhf]{background:#ffc400;border-color:#ffc400}.pioneer-profile-choice>input:checked+.pioneer-profile-check[b-cr7y6nynhf]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#071018;font-size:14px;font-weight:900}.pioneer-profile-copy[b-cr7y6nynhf]{display:grid;gap:5px}.pioneer-profile-copy strong[b-cr7y6nynhf]{color:#ffd34d;font-size:14px}.pioneer-profile-copy small[b-cr7y6nynhf]{color:#eef4f8;line-height:1.45}.pioneer-profile-copy em[b-cr7y6nynhf]{color:#a9c1d2;font-size:11px;font-style:normal}.pioneer-profile-loading[b-cr7y6nynhf],.pioneer-profile-unavailable[b-cr7y6nynhf]{padding:13px 15px;border:1px solid #334250;border-radius:10px;background:#07111a;color:#b9cad6;font-size:12px}.pioneer-profile-unavailable[b-cr7y6nynhf]{display:grid;gap:4px}.pioneer-profile-unavailable strong[b-cr7y6nynhf]{color:#dce8ef}.pioneer-profile-unavailable span[b-cr7y6nynhf]{line-height:1.45}@media(max-width:560px){.pioneer-profile-option[b-cr7y6nynhf]{padding:14px 14px 0}.pioneer-profile-choice[b-cr7y6nynhf]{padding:13px}.pioneer-profile-copy strong[b-cr7y6nynhf]{font-size:13px}}


/* ============================================================================
   PERFIL AFILIADO - NAVEGACIÓN CENTRALIZADA
   Los demás roles conservan su navegación actual.
   ============================================================================ */
.profile-shell.affiliate-role[b-cr7y6nynhf] {
    display: block;
}

.profile-shell.affiliate-role .profile-main[b-cr7y6nynhf] {
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 232px;
    padding: 24px 28px;
    overflow-x: hidden;
}

/* ============================================================================
   PERFIL AFILIADO - AJUSTE DE ANCHO COMPLETO
   El sidebar centralizado ocupa 232px fijos.
   El contenido NO debe conservar width:100%, porque width + margin-left
   excede el viewport y recorta la columna derecha.
   ============================================================================ */

.profile-shell.affiliate-role .content-grid[b-cr7y6nynhf],
.profile-shell.affiliate-role .left-column[b-cr7y6nynhf],
.profile-shell.affiliate-role .right-column[b-cr7y6nynhf],
.profile-shell.affiliate-role .identity-card[b-cr7y6nynhf],
.profile-shell.affiliate-role .roles-card[b-cr7y6nynhf] {
    min-width: 0;
    max-width: 100%;
}

.profile-shell.affiliate-role .content-grid[b-cr7y6nynhf] {
    width: 100%;
}

@media (min-width: 901px) and (max-width: 1220px) {
    .profile-shell.affiliate-role .profile-main[b-cr7y6nynhf] {
        width: auto;
        margin-left: 232px;
        padding: 20px 18px;
    }

    .profile-shell.affiliate-role .content-grid[b-cr7y6nynhf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-shell.affiliate-role .right-column[b-cr7y6nynhf] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .profile-shell.affiliate-role .profile-main[b-cr7y6nynhf] {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding: 18px 14px;
        overflow-x: hidden;
    }

    .profile-shell.affiliate-role .content-grid[b-cr7y6nynhf],
    .profile-shell.affiliate-role .right-column[b-cr7y6nynhf] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .profile-shell.affiliate-role .profile-main[b-cr7y6nynhf] {
        padding: 12px 10px 18px;
    }
}

/* =========================================================
   29. FIX RESPONSIVE - MODAL ACTIVAR PERFIL PROPIETARIO
   Evita desbordamiento horizontal y adapta el formulario.
   ========================================================= */
.modal-backdrop[b-cr7y6nynhf] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}

.owner-modal[b-cr7y6nynhf] {
    box-sizing: border-box;
    width: min(760px, 100%);
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.owner-modal header[b-cr7y6nynhf],
.owner-modal footer[b-cr7y6nynhf],
.owner-modal .form-grid[b-cr7y6nynhf],
.owner-modal .pioneer-profile-option[b-cr7y6nynhf],
.owner-modal .pioneer-profile-choice[b-cr7y6nynhf],
.owner-modal .pioneer-profile-copy[b-cr7y6nynhf],
.owner-modal .form-grid label[b-cr7y6nynhf] {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

.owner-modal .form-grid[b-cr7y6nynhf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.owner-modal .form-grid input[b-cr7y6nynhf],
.owner-modal .form-grid select[b-cr7y6nynhf] {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.owner-modal .pioneer-profile-copy strong[b-cr7y6nynhf],
.owner-modal .pioneer-profile-copy small[b-cr7y6nynhf],
.owner-modal .pioneer-profile-copy em[b-cr7y6nynhf] {
    overflow-wrap: anywhere;
}

@media (max-width: 850px) {
    .modal-backdrop[b-cr7y6nynhf] {
        padding: 12px;
        align-items: center;
    }

    .owner-modal[b-cr7y6nynhf] {
        width: 100%;
        max-height: calc(100dvh - 24px);
        border-radius: 14px;
    }

    .owner-modal .form-grid[b-cr7y6nynhf] {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 16px;
    }

    .owner-modal .form-grid label.full[b-cr7y6nynhf] {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    .modal-backdrop[b-cr7y6nynhf] {
        padding: 0;
        place-items: stretch;
    }

    .owner-modal[b-cr7y6nynhf] {
        width: 100%;
        max-width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .owner-modal header[b-cr7y6nynhf] {
        position: sticky;
        top: 0;
        z-index: 3;
        padding: 14px 16px;
        background: #09131c;
    }

    .owner-modal header h2[b-cr7y6nynhf] {
        font-size: 20px;
    }

    .owner-modal header p[b-cr7y6nynhf] {
        font-size: 12px;
    }

    .owner-modal .pioneer-profile-option[b-cr7y6nynhf] {
        padding: 14px 14px 0;
    }

    .owner-modal .form-grid[b-cr7y6nynhf] {
        padding: 14px;
    }

    .owner-modal footer[b-cr7y6nynhf] {
        position: sticky;
        bottom: 0;
        z-index: 3;
        display: grid;
        grid-template-columns: 1fr;
        padding: 12px 14px;
        background: #09131c;
    }

    .owner-modal footer button[b-cr7y6nynhf] {
        width: 100%;
    }

    .owner-modal footer .primary[b-cr7y6nynhf] {
        order: -1;
    }
}
/* /Pages/Search/SearchResults.razor.rz.scp.css */
.ty-search-results-page[b-qnx7ayftzd]{min-height:100vh;background:#07090b;color:#fff}
.ty-results-main[b-qnx7ayftzd]{padding:42px 0 70px}
.ty-results-header[b-qnx7ayftzd]{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:30px}
.ty-results-kicker[b-qnx7ayftzd]{color:var(--ty-gold);font-weight:700;margin:0 0 8px}
.ty-results-header h1[b-qnx7ayftzd]{font-size:36px;margin:0 0 8px}.ty-results-header p[b-qnx7ayftzd]{margin:0;color:#fff}
.ty-results-back[b-qnx7ayftzd]{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 16px}
.ty-results-grid[b-qnx7ayftzd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ty-result-card[b-qnx7ayftzd]{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#111419;box-shadow:0 18px 45px rgba(0,0,0,.24)}
.ty-result-image[b-qnx7ayftzd]{height:180px;background-size:cover;background-position:center}
.ty-result-body[b-qnx7ayftzd]{padding:18px}.ty-result-meta[b-qnx7ayftzd]{display:flex;justify-content:space-between;gap:12px;color:var(--ty-gold);font-size:12px;font-weight:700}
.ty-result-body h2[b-qnx7ayftzd]{font-size:20px;margin:9px 0 6px;color:#fff}.ty-result-address[b-qnx7ayftzd]{margin:0 0 14px;color:#fff;font-size:13px}
.ty-result-services[b-qnx7ayftzd]{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.ty-result-services span[b-qnx7ayftzd]{font-size:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#fff}
.ty-result-footer[b-qnx7ayftzd]{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.ty-result-footer strong[b-qnx7ayftzd]{color:#fff}.ty-result-footer a[b-qnx7ayftzd]{color:var(--ty-gold);text-decoration:none;font-weight:700;font-size:13px}
.ty-results-state[b-qnx7ayftzd]{padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#101318;color:#fff}.ty-results-state.error[b-qnx7ayftzd]{border-color:rgba(255,90,90,.35)}
@media(max-width:980px){.ty-results-grid[b-qnx7ayftzd]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ty-results-main[b-qnx7ayftzd]{padding-top:28px}.ty-results-header[b-qnx7ayftzd]{align-items:flex-start;flex-direction:column}.ty-results-grid[b-qnx7ayftzd]{grid-template-columns:1fr}}
.ty-result-available[b-qnx7ayftzd]{color:var(--ty-gold);font-weight:700;font-size:13px}