/* Premier Admin UI - Liquid Glass Sidebar */

#menu.sidebar {
    margin: 12px 0 12px 12px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(245,196,92,.20), transparent 30%),
        radial-gradient(circle at 100% 12%, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(180deg, rgba(17,24,39,.88), rgba(10,15,25,.94)) !important;
    box-shadow:
        0 24px 70px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    overflow: hidden !important;
}

#menu.sidebar:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255,255,255,.16), transparent 36%, rgba(245,196,92,.08));
    opacity: .75;
}

#menu .sidebar-user-profile > a.profile {
    border-radius: 18px !important;
    border: 1px solid rgba(245,196,92,.30) !important;
    background: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.92) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
    backdrop-filter: blur(16px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
}

#menu .sidebar-user-profile > a.profile span,
#menu .sidebar-user-profile > a.profile .tw-text-neutral-500 {
    color: rgba(255,255,255,.72) !important;
}

#menu .sidebar-user-profile > a.profile .tw-font-semibold {
    color: #fff !important;
}

#menu #side-menu {
    padding: 6px 10px 18px !important;
}

#menu #side-menu > li {
    margin: 4px 0 !important;
}

#menu #side-menu > li > a {
    position: relative !important;
    margin: 0 !important;
    border-radius: 16px !important;
    border: 1px solid transparent !important;
    color: rgba(255,255,255,.78) !important;
    background: transparent !important;
    transition: all .18s ease !important;
}

#menu #side-menu > li > a .menu-icon {
    color: rgba(245,196,92,.82) !important;
    transition: all .18s ease !important;
}

#menu #side-menu > li > a:hover,
#menu #side-menu > li.active > a,
#menu #side-menu > li.mm-active > a {
    color: #fff !important;
    border-color: rgba(245,196,92,.28) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),
        radial-gradient(circle at 0% 50%, rgba(245,196,92,.20), transparent 42%) !important;
    box-shadow:
        0 12px 28px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
    transform: translateX(3px);
}

#menu #side-menu > li > a:hover .menu-icon,
#menu #side-menu > li.active > a .menu-icon,
#menu #side-menu > li.mm-active > a .menu-icon {
    color: #f5c45c !important;
    text-shadow: 0 0 18px rgba(245,196,92,.38);
}

#menu .nav-second-level {
    margin: 6px 0 8px 12px !important;
    padding: 8px !important;
    border-left: 1px solid rgba(245,196,92,.18) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.055) !important;
}

#menu .nav-second-level li a {
    border-radius: 12px !important;
    color: rgba(255,255,255,.68) !important;
    transition: all .16s ease !important;
}

#menu .nav-second-level li a:hover,
#menu .nav-second-level li.active a {
    color: #fff !important;
    background: rgba(245,196,92,.13) !important;
}

#menu .arrow {
    color: rgba(245,196,92,.70) !important;
}

#menu .dropdown-menu {
    border-radius: 18px !important;
    border: 1px solid rgba(245,196,92,.22) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.26) !important;
    overflow: hidden !important;
}

/* Premier Admin UI - Sidebar menu items always glass */

#menu #side-menu > li > a {
    margin: 3px 0 !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(122, 88, 12, .16) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.08)) !important;
    box-shadow:
        0 8px 20px rgba(80, 62, 18, .08),
        inset 0 1px 0 rgba(255,255,255,.42) !important;
    color: #5f4300 !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
}

#menu #side-menu > li > a .menu-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    color: #6b4a00 !important;
    background: rgba(255, 231, 158, .18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important;
}

#menu #side-menu > li > a:hover,
#menu #side-menu > li.active > a,
#menu #side-menu > li.mm-active > a {
    border-color: rgba(168, 118, 16, .32) !important;
    background:
        linear-gradient(135deg, rgba(255,244,205,.82), rgba(255,222,138,.42)) !important;
    box-shadow:
        0 12px 28px rgba(91, 65, 9, .16),
        inset 0 1px 0 rgba(255,255,255,.68) !important;
    color: #3f2b00 !important;
    transform: translateX(3px);
}

#menu .nav-second-level li a {
    margin: 3px 0 !important;
    border: 1px solid rgba(122, 88, 12, .10) !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Premier Admin UI - ChatIA style light glass sidebar buttons */

body #menu.sidebar {
    background:
        linear-gradient(180deg, rgba(245,241,224,.96), rgba(225,219,198,.96)) !important;
    border-right: 1px solid rgba(122,88,12,.18) !important;
    box-shadow: inset -1px 0 0 rgba(255,255,255,.45), 8px 0 34px rgba(44,36,18,.10) !important;
}

body #menu #side-menu {
    padding: 8px 10px 22px !important;
}

body #menu #side-menu > li {
    margin: 6px 0 !important;
}

body #menu #side-menu > li > a {
    min-height: 45px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(12, 128, 116, .28) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.24)) !important;
    box-shadow:
        0 8px 22px rgba(44,36,18,.08),
        inset 0 1px 0 rgba(255,255,255,.70) !important;
    color: #5b4304 !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
    transition: all .18s ease !important;
}

body #menu #side-menu > li > a .menu-icon {
    color: #7a580c !important;
    text-shadow: none !important;
}

body #menu #side-menu > li > a:hover,
body #menu #side-menu > li.active > a,
body #menu #side-menu > li.mm-active > a {
    border-color: rgba(183,132,24,.42) !important;
    background:
        linear-gradient(180deg, rgba(255,235,164,.82), rgba(255,214,112,.58)) !important;
    box-shadow:
        0 10px 26px rgba(122,88,12,.18),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
    color: #3c2a00 !important;
    transform: translateX(2px) !important;
}

body #menu #side-menu > li > a:hover .menu-icon,
body #menu #side-menu > li.active > a .menu-icon,
body #menu #side-menu > li.mm-active > a .menu-icon {
    color: #5b4304 !important;
}

body #menu .nav-second-level {
    margin: 7px 0 9px 12px !important;
    padding: 7px !important;
    border-left: 1px solid rgba(12,128,116,.28) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.20) !important;
}

body #menu .nav-second-level li a {
    min-height: 38px !important;
    margin: 5px 0 !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(12,128,116,.20) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.50), rgba(255,255,255,.18)) !important;
    color: #66501a !important;
}

body #menu .nav-second-level li a:hover,
body #menu .nav-second-level li.active a {
    background: linear-gradient(180deg, rgba(255,235,164,.70), rgba(255,214,112,.42)) !important;
    color: #3c2a00 !important;
}


/* Premier Admin UI - Compact sidebar refinement */

body #menu.sidebar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(100vh - 10px) !important;
    padding-bottom: 48px !important;
    box-sizing: border-box !important;
}

body #menu.sidebar::-webkit-scrollbar {
    width: 5px;
}

body #menu.sidebar::-webkit-scrollbar-thumb {
    background: rgba(122,88,12,.28);
    border-radius: 999px;
}

body #menu .sidebar-user-profile {
    margin-top: 68px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

body #menu .sidebar-user-profile > a.profile {
    min-height: 52px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,248,226,.70)) !important;
    border: 1px solid rgba(183,132,24,.26) !important;
    box-shadow: 0 10px 24px rgba(80,62,18,.12), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

body #menu .sidebar-user-profile > a.profile .tw-font-semibold {
    color: #1f2937 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
}

body #menu .sidebar-user-profile > a.profile .tw-text-neutral-500,
body #menu .sidebar-user-profile > a.profile span {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
}

body #menu .sidebar-user-profile img.staff-profile-image-small {
    width: 31px !important;
    height: 31px !important;
}

body #menu #side-menu {
    padding: 6px 8px 72px !important;
}

body #menu #side-menu > li {
    margin: 4px 0 !important;
}

body #menu #side-menu > li > a {
    min-height: 36px !important;
    padding: 7px 9px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    gap: 8px !important;
}

body #menu #side-menu > li > a .menu-text {
    font-size: 13px !important;
    line-height: 1.18 !important;
    font-weight: 600 !important;
}

body #menu #side-menu > li > a .menu-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
}

body #menu #side-menu > li > a .arrow {
    margin-left: auto !important;
    font-size: 11px !important;
}

body #menu .nav-second-level {
    margin: 5px 0 6px 9px !important;
    padding: 5px !important;
    border-radius: 12px !important;
}

body #menu .nav-second-level li a {
    min-height: 32px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
    line-height: 1.18 !important;
}

body #menu .nav-second-level li a .sub-menu-text {
    font-size: 12.5px !important;
    line-height: 1.18 !important;
}


/* Premier Admin UI - Modern aligned submenu arrows */

body #menu #side-menu > li > a {
    position: relative !important;
    padding-right: 32px !important;
}

body #menu #side-menu > li > a .arrow,
body #menu #side-menu > li > a span.fa.arrow {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #6b4a00 !important;
    background: rgba(255, 214, 112, .42) !important;
    border: 1px solid rgba(122, 88, 12, .18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 4px 10px rgba(80,62,18,.10) !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

body #menu #side-menu > li > a .arrow:before,
body #menu #side-menu > li > a span.fa.arrow:before {
    content: "\f105" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

body #menu #side-menu > li.active > a .arrow,
body #menu #side-menu > li.mm-active > a .arrow,
body #menu #side-menu > li > a[aria-expanded="true"] .arrow {
    color: #3c2a00 !important;
    background: rgba(245, 196, 92, .62) !important;
    transform: translateY(-50%) rotate(90deg) !important;
}


/* Premier Admin UI - Fix submenu arrows without FontAwesome glyph */

body #menu #side-menu > li > a .arrow,
body #menu #side-menu > li > a span.fa.arrow {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #4f3700 !important;
    background: rgba(255, 226, 144, .52) !important;
    border: 1px solid rgba(122, 88, 12, .20) !important;
}

body #menu #side-menu > li > a .arrow:before,
body #menu #side-menu > li > a span.fa.arrow:before {
    content: "›" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body #menu #side-menu > li.active > a .arrow:before,
body #menu #side-menu > li.mm-active > a .arrow:before,
body #menu #side-menu > li > a[aria-expanded="true"] .arrow:before {
    content: "⌄" !important;
    font-size: 13px !important;
}


/* Premier Admin UI - Clean centered down arrows */

body #menu #side-menu > li > a {
    position: relative !important;
    padding-right: 34px !important;
}

body #menu #side-menu > li > a .menu-text {
    padding-right: 6px !important;
}

body #menu #side-menu > li > a .arrow,
body #menu #side-menu > li > a span.fa.arrow {
    position: absolute !important;
    right: 9px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, rgba(255,236,174,.82), rgba(255,214,112,.48)) !important;
    border: 1px solid rgba(122,88,12,.24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 4px 10px rgba(80,62,18,.10) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

body #menu #side-menu > li > a .arrow:before,
body #menu #side-menu > li > a span.fa.arrow:before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 2px solid #5b4304 !important;
    border-bottom: 2px solid #5b4304 !important;
    transform: rotate(45deg) translate(-1px, -1px) !important;
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

body #menu #side-menu > li.active > a .arrow,
body #menu #side-menu > li.mm-active > a .arrow,
body #menu #side-menu > li > a[aria-expanded="true"] .arrow {
    background: linear-gradient(180deg, rgba(255,221,126,.95), rgba(245,196,92,.70)) !important;
    border-color: rgba(122,88,12,.34) !important;
}

body #menu #side-menu > li.active > a .arrow:before,
body #menu #side-menu > li.mm-active > a .arrow:before,
body #menu #side-menu > li > a[aria-expanded="true"] .arrow:before {
    transform: rotate(45deg) translate(-1px, -1px) !important;
}


/* Premier Admin UI - Modern customer profile tabs */
.customer-tabs {
    position: relative !important;
    padding: 12px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(59, 130, 246, .12), transparent 28%),
        radial-gradient(circle at 100% 12%, rgba(20, 184, 166, .10), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.86)) !important;
    box-shadow:
        0 18px 45px rgba(15, 23, 42, .08),
        inset 0 1px 0 rgba(255,255,255,.85) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    overflow: hidden !important;
}

.customer-tabs:before {
    content: "Cliente";
    display: block;
    margin: 0 0 10px 2px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #64748b;
}

.customer-tabs ul {
    margin: 0 !important;
    padding: 0 !important;
}

.customer-tabs li {
    margin: 5px 0 !important;
}

.customer-tabs li > a {
    position: relative !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    background: rgba(255,255,255,.58) !important;
    color: #334155 !important;
    box-shadow:
        0 7px 18px rgba(15, 23, 42, .045),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
    transition: all .18s ease !important;
}

.customer-tabs li > a:hover {
    transform: translateX(3px) !important;
    border-color: rgba(37, 99, 235, .20) !important;
    background: rgba(255,255,255,.86) !important;
    color: #1d4ed8 !important;
    box-shadow:
        0 12px 26px rgba(37, 99, 235, .10),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.customer-tabs li > a.tw-bg-neutral-50,
.customer-tabs li > a.tw-text-primary-600 {
    border-color: rgba(37, 99, 235, .28) !important;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, .12), rgba(20, 184, 166, .10)),
        rgba(255,255,255,.92) !important;
    color: #1d4ed8 !important;
    box-shadow:
        0 14px 30px rgba(37, 99, 235, .14),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.customer-tabs li > a.tw-bg-neutral-50:before,
.customer-tabs li > a.tw-text-primary-600:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 10px;
    bottom: 10px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #2563eb, #14b8a6);
}

.customer-tabs li > a i {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: rgba(15, 23, 42, .045) !important;
    color: #64748b !important;
    font-size: 14px !important;
    transition: all .18s ease !important;
}

.customer-tabs li > a:hover i,
.customer-tabs li > a.tw-bg-neutral-50 i,
.customer-tabs li > a.tw-text-primary-600 i {
    background: rgba(37, 99, 235, .12) !important;
    color: #1d4ed8 !important;
}

.customer-tabs .badge {
    border-radius: 999px !important;
    padding: 4px 7px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* Premier Admin UI - Customer tabs label sizing */
.customer-tabs li > a > span:not(.badge) {
    font-size: 14px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 1400px) {
    .customer-tabs li > a {
        gap: 10px !important;
        padding: 10px 11px !important;
    }

    .customer-tabs li > a > span:not(.badge) {
        font-size: 13px !important;
    }
}

/* Premier Admin UI - Rename customer contacts tab visually */
.customer_tab_contacts > a > span:not(.badge) {
    font-size: 0 !important;
}

.customer_tab_contacts > a > span:not(.badge)::after {
    content: "Usuario Portal";
    font-size: 14px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

/* Premier Admin UI - Fix contacts tab visual label */
.customer-tabs .customer_tab_contacts > a > span:not(.badge) {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

.customer-tabs .customer_tab_contacts > a > span:not(.badge)::after {
    content: "Usuario Portal" !important;
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    color: #1d4ed8 !important;
    white-space: nowrap !important;
}

/* Premier Admin UI - Control de Logs responsive */
.premier-client-logs .table-responsive {
    border: 0 !important;
    overflow-x: visible !important;
}

.premier-client-logs table {
    table-layout: fixed !important;
    width: 100% !important;
}

.premier-client-logs table th,
.premier-client-logs table td {
    vertical-align: top !important;
}

.premier-client-logs table th:nth-child(1),
.premier-client-logs table td:nth-child(1) {
    width: 130px !important;
}

.premier-client-logs table th:nth-child(2),
.premier-client-logs table td:nth-child(2) {
    width: 135px !important;
}

.premier-client-logs table th:nth-child(3),
.premier-client-logs table td:nth-child(3) {
    width: 145px !important;
}

.premier-client-logs table td:nth-child(4) {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    line-height: 1.45 !important;
}

@media (max-width: 900px) {
    .premier-client-logs table,
    .premier-client-logs thead,
    .premier-client-logs tbody,
    .premier-client-logs tr,
    .premier-client-logs th,
    .premier-client-logs td {
        display: block !important;
        width: 100% !important;
    }

    .premier-client-logs thead {
        display: none !important;
    }

    .premier-client-logs tbody tr {
        margin: 0 0 14px 0 !important;
        padding: 14px 14px 12px !important;
        border: 1px solid rgba(148, 163, 184, .28) !important;
        border-radius: 16px !important;
        background: rgba(255,255,255,.72) !important;
        box-shadow: 0 10px 26px rgba(15, 23, 42, .06) !important;
    }

    .premier-client-logs tbody td {
        display: grid !important;
        grid-template-columns: 118px 1fr !important;
        gap: 10px !important;
        padding: 8px 0 !important;
        border-top: 0 !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .premier-client-logs tbody td:before {
        font-weight: 700 !important;
        color: #0f172a !important;
    }

    .premier-client-logs tbody td:nth-child(1):before {
        content: "Fecha y hora";
    }

    .premier-client-logs tbody td:nth-child(2):before {
        content: "Usuario";
    }

    .premier-client-logs tbody td:nth-child(3):before {
        content: "Acción";
    }

    .premier-client-logs tbody td:nth-child(4):before {
        content: "Detalle";
    }

    .premier-client-logs tbody td:nth-child(4) {
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }
}

/* Premier Admin UI - Fichas Google */
.premier-google-preview {
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(66, 133, 244, .10), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(52, 168, 83, .10), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(251, 188, 5, .10), transparent 24%),
        linear-gradient(180deg, #ffffff, #fbfdff) !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .08) !important;
}

.premier-google-link-card {
    min-height: 132px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.premier-google-link-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .10) !important;
    background: #ffffff !important;
}

@media (max-width: 900px) {
    .premier-google-preview {
        padding: 16px !important;
        border-radius: 18px !important;
    }

    .premier-google-preview .tw-flex {
        align-items: center !important;
    }

    .premier-google-link-card {
        min-height: auto !important;
        margin-bottom: 12px !important;
    }

    .premier-google-link-card .tw-font-semibold {
        font-size: 15px !important;
    }

    .premier-google-link-card .text-muted {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
}

/* Premier Admin UI - Área cliente Perfil Ficha Google */
.premier-google-client-wrap {
    max-width: 980px;
    margin: 0 auto;
    padding: 26px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 0% 0%, rgba(66, 133, 244, .12), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(52, 168, 83, .10), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(251, 188, 5, .10), transparent 26%),
        linear-gradient(180deg, #ffffff, #f8fbff);
    border: 1px solid rgba(148, 163, 184, .22);
    box-shadow: 0 24px 60px rgba(15, 23, 42, .10);
}

.premier-google-client-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.premier-google-client-title img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.premier-google-client-title h3 {
    margin: 0;
    font-weight: 800;
    color: #111827;
}

.premier-google-soft-separator {
    height: 1px;
    margin: 22px 0;
    background: linear-gradient(90deg, transparent, rgba(148, 163, 184, .45), transparent);
}

.premier-google-business-head {
    display: flex;
    align-items: center;
    gap: 22px;
}

.premier-google-business-logo {
    width: 122px;
    height: 122px;
    flex: 0 0 122px;
    border-radius: 999px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .28);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
}

.premier-google-business-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.premier-google-business-info h2 {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 1.12;
    font-weight: 850;
    color: #111827;
}

.premier-google-business-info p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.45;
}

.premier-google-client-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: 138px;
    margin-bottom: 18px;
    padding: 18px;
    border-radius: 22px;
    text-decoration: none !important;
    background: rgba(255, 255, 255, .90);
    border: 1px solid rgba(148, 163, 184, .24);
    box-shadow: 0 14px 32px rgba(15, 23, 42, .07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.premier-google-client-card:hover,
.premier-google-client-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 20px 44px rgba(15, 23, 42, .12);
    border-color: rgba(66, 133, 244, .34);
}

.premier-google-client-card-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #f8fafc;
    color: #2563eb;
    border: 1px solid rgba(148, 163, 184, .18);
}

.premier-google-client-card-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.premier-google-client-card-icon i {
    font-size: 22px;
}

.premier-google-client-card strong {
    display: block;
    margin-bottom: 6px;
    color: #111827;
    font-size: 16px;
    font-weight: 800;
}

.premier-google-client-card span {
    display: block;
    color: #64748b;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .premier-google-client-wrap {
        padding: 18px;
        border-radius: 22px;
    }

    .premier-google-business-head {
        align-items: center;
        gap: 16px;
    }

    .premier-google-business-logo {
        width: 92px;
        height: 92px;
        flex-basis: 92px;
    }

    .premier-google-business-info h2 {
        font-size: 22px;
    }

    .premier-google-client-card {
        min-height: auto;
        padding: 16px;
        border-radius: 18px;
    }
}

@media (max-width: 520px) {
    .premier-google-business-head {
        flex-direction: column;
        text-align: center;
    }

    .premier-google-client-title {
        justify-content: center;
        text-align: center;
    }
}

/* Premier Admin UI - previews enriquecidas Ficha Google cliente */
.premier-google-client-card-preview {
    display: block;
    padding: 0;
    overflow: hidden;
    min-height: 260px;
}

.premier-google-client-preview-img {
    height: 145px;
    background: linear-gradient(135deg, #f3f4f6, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.premier-google-client-preview-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.premier-google-client-preview-fallback {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: #f8fafc;
    color: #2563eb;
    border: 1px solid rgba(148, 163, 184, .22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.premier-google-client-preview-fallback img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.premier-google-client-preview-body {
    padding: 16px 18px 18px;
}

.premier-google-client-preview-body small {
    display: block;
    margin-bottom: 7px;
    color: #64748b;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.premier-google-client-preview-body strong {
    margin-bottom: 7px;
}

.premier-google-client-preview-body span {
    font-size: 14px;
}


/* Ajuste final tarjetas Ficha Google cliente */
.premier-google-client-wrap .row {
    display: flex;
    flex-wrap: wrap;
}

.premier-google-client-wrap .row > [class*="col-"] {
    display: flex;
    margin-bottom: 22px;
}

.premier-google-client-card-preview {
    width: 100%;
    height: 100%;
    min-height: 280px;
    margin-bottom: 0;
    border-radius: 22px;
}

.premier-google-client-preview-img {
    height: 148px;
    border-radius: 22px 22px 0 0;
}

.premier-google-client-preview-img img {
    object-fit: cover;
    object-position: center center;
}

.premier-google-client-preview-body {
    min-height: 118px;
}

@media (max-width: 768px) {
    .premier-google-client-wrap .row {
        display: block;
    }

    .premier-google-client-wrap .row > [class*="col-"] {
        display: block;
        margin-bottom: 18px;
    }

    .premier-google-client-card-preview {
        min-height: auto;
    }
}

/* Premier Admin UI - Centrado elegante navbar área cliente */
@media (min-width: 768px) {
    body.customers .navbar.header .container,
    body.customers-area .navbar.header .container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 34px;
    }

    body.customers .navbar.header .navbar-header,
    body.customers-area .navbar.header .navbar-header {
        float: none !important;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    body.customers .navbar.header .navbar-collapse,
    body.customers-area .navbar.header .navbar-collapse {
        float: none !important;
        width: auto !important;
        flex: 0 1 auto;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    body.customers .navbar.header .navbar-nav,
    body.customers-area .navbar.header .navbar-nav {
        float: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0;
    }

    body.customers .navbar.header .navbar-nav > li,
    body.customers-area .navbar.header .navbar-nav > li {
        float: none !important;
    }

    body.customers .navbar.header .navbar-brand.logo,
    body.customers-area .navbar.header .navbar-brand.logo {
        float: none !important;
        margin: 0 !important;
    }
}

@media (max-width: 767px) {
    body.customers .navbar.header .container,
    body.customers-area .navbar.header .container {
        display: block;
    }
}

/* Premier Admin UI - Mejora compacta lista de clientes */
.table-clients {
    font-size: 12.5px;
}

.table-clients thead th {
    white-space: nowrap;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: #5f6b7a;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 9px 10px !important;
    vertical-align: middle !important;
}

.table-clients tbody td {
    padding: 8px 10px !important;
    vertical-align: middle !important;
    border-top: 1px solid #eef2f7 !important;
    line-height: 1.25;
}

.table-clients tbody tr:hover td {
    background: #f9fbff;
}

.table-clients td a.tw-font-medium,
.table-clients td a {
    font-weight: 600;
}

.table-clients .row-options {
    margin-top: 3px;
    font-size: 11px;
    opacity: .72;
}

.table-clients .customer-group-list {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 600;
    background: #eef2ff;
    color: #3730a3;
    border: 1px solid #dbe4ff;
    margin-left: 0 !important;
    margin-right: 4px;
}

.table-clients .label-danger,
.table-clients .label-success,
.table-clients .label-default {
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
}

.table-clients th#th-number,
.table-clients td:nth-child(2) {
    width: 54px;
    text-align: center;
}

.table-clients th#th-active,
.table-clients td:nth-child(8) {
    width: 74px;
    text-align: center;
}

.table-clients th#th-date-created,
.table-clients th#th-date-deactivated {
    min-width: 105px;
}

.table-clients th#th-primary-contact-email,
.table-clients td:nth-child(5) {
    max-width: 190px;
}

.table-clients td:nth-child(3),
.table-clients td:nth-child(4),
.table-clients td:nth-child(5) {
    white-space: normal;
}

.table-clients td:nth-child(6),
.table-clients td:nth-child(7) {
    white-space: nowrap;
}

/* Pantallas medianas: compactar columnas secundarias */
@media (max-width: 1366px) {
    .table-clients {
        font-size: 12px;
    }

    .table-clients thead th,
    .table-clients tbody td {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .table-clients .row-options {
        font-size: 10.5px;
    }
}

/* Móvil/tablet: priorizar datos útiles y ocultar columnas menos críticas */
@media (max-width: 767px) {
    .table-clients th#th-sale-agent,
    .table-clients td:nth-child(7),
    .table-clients th#th-active,
    .table-clients td:nth-child(8),
    .table-clients th#th-date-deactivated,
    .table-clients td:nth-child(11) {
        display: none !important;
    }

    .table-clients {
        font-size: 12px;
    }

    .table-clients thead th,
    .table-clients tbody td {
        padding: 7px 6px !important;
    }

    .table-clients .row-options {
        display: block;
        white-space: normal;
    }
}


/* Premier Admin UI - Ajuste fino clientes 16 pulgadas */
.table-clients {
    font-size: 12px;
}

.table-clients thead th {
    padding: 8px 8px !important;
}

.table-clients tbody td {
    padding: 7px 8px !important;
    line-height: 1.18 !important;
}

/* Índices reales:
1 checkbox, 2 #, 3 empresa, 4 nombre comercial, 5 correo, 6 whatsapp/teléfono,
7 técnico, 8 comercial, 9 activo, 10 pack, 11 fecha alta, 12 fecha baja */
.table-clients th#th-company,
.table-clients td:nth-child(3) {
    min-width: 145px;
    max-width: 190px;
}

.table-clients th#th-commercial-name,
.table-clients td:nth-child(4) {
    min-width: 135px;
    max-width: 170px;
}

.table-clients th#th-primary-contact-email,
.table-clients td:nth-child(5) {
    min-width: 210px;
    max-width: 250px;
}

.table-clients th#th-phone,
.table-clients td:nth-child(6) {
    min-width: 90px;
    max-width: 105px;
    white-space: nowrap !important;
}

.table-clients th#th-technical-responsible,
.table-clients td:nth-child(7),
.table-clients th#th-sale-agent,
.table-clients td:nth-child(8) {
    min-width: 88px;
    max-width: 105px;
    white-space: nowrap !important;
    text-align: left;
}

.table-clients th#th-active,
.table-clients td:nth-child(9) {
    width: 70px;
    min-width: 70px;
    text-align: center;
}

.table-clients th#th-groups,
.table-clients td:nth-child(10) {
    min-width: 95px;
    max-width: 110px;
    white-space: nowrap !important;
}

.table-clients th#th-date-created,
.table-clients td:nth-child(11),
.table-clients th#th-date-deactivated,
.table-clients td:nth-child(12) {
    min-width: 118px;
    max-width: 140px;
}

/* Evitar que datos principales se apilen */
.table-clients td:nth-child(3) > a,
.table-clients td:nth-child(4),
.table-clients td:nth-child(5) > a,
.table-clients td:nth-child(6),
.table-clients td:nth-child(7),
.table-clients td:nth-child(8) {
    white-space: nowrap !important;
}

/* Opciones de empresa más discretas para que no rompan la altura */
.table-clients .row-options {
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

/* Pantalla 16 pulgadas / portátiles */
@media (max-width: 1440px) {
    .table-clients {
        font-size: 11.6px;
    }

    .table-clients thead th,
    .table-clients tbody td {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .table-clients th#th-company,
    .table-clients td:nth-child(3) {
        min-width: 130px;
        max-width: 165px;
    }

    .table-clients th#th-commercial-name,
    .table-clients td:nth-child(4) {
        min-width: 120px;
        max-width: 145px;
    }

    .table-clients th#th-primary-contact-email,
    .table-clients td:nth-child(5) {
        min-width: 190px;
        max-width: 220px;
    }

    .table-clients th#th-technical-responsible,
    .table-clients td:nth-child(7),
    .table-clients th#th-sale-agent,
    .table-clients td:nth-child(8) {
        min-width: 78px;
        max-width: 88px;
    }

    .table-clients .customer-group-list {
        padding: 3px 7px;
        font-size: 10.5px;
    }
}


/* Premier Admin UI - Cabecera suave tabla clientes */
.table-clients thead tr {
    background: #edf2f7 !important;
}

.table-clients thead th {
    background: #edf2f7 !important;
    color: #334155 !important;
    font-weight: 700 !important;
    border-top: 1px solid #dbe3ef !important;
    border-bottom: 1px solid #cbd5e1 !important;
}

.table-clients thead th:first-child {
    border-top-left-radius: 8px;
}

.table-clients thead th:last-child {
    border-top-right-radius: 8px;
}


/* Premier Admin UI - Lavado de cara menú secundario de ajustes */
.admin #setup-menu-wrapper {
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
    border-right: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow: 12px 0 30px rgba(15, 23, 42, 0.08);
}

.admin #setup-menu {
    padding: 10px 10px 18px 10px !important;
}

.admin #setup-menu > div:first-child {
    margin: 0 4px 10px 4px;
    padding: 12px 12px !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(203, 213, 225, 0.75);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.admin #setup-menu-wrapper .customizer-heading {
    color: #1e293b !important;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.admin #setup-menu-wrapper .close-customizer {
    border-radius: 10px !important;
    color: #64748b !important;
}

.admin #setup-menu > li {
    margin: 4px 2px !important;
}

.admin #setup-menu > li > a {
    min-height: 42px;
    padding: 11px 14px !important;
    border-radius: 13px !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: -.01em;
    background: transparent !important;
    display: flex !important;
    align-items: center;
    position: relative;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.admin #setup-menu > li > a:hover,
.admin #setup-menu > li > a:focus,
.admin #setup-menu > li.active > a:first-child {
    background: rgba(255, 255, 255, 0.88) !important;
    color: #0f172a !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
    transform: translateX(2px);
}

.admin #setup-menu > li > a::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 99px;
    background: transparent;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    transition: background .16s ease;
}

.admin #setup-menu > li > a:hover::before,
.admin #setup-menu > li.active > a:first-child::before {
    background: #2563eb;
}

.admin #setup-menu > li > a .menu-text {
    flex: 1;
    line-height: 1.2;
}

.admin #setup-menu > li > a .arrow {
    margin-left: auto !important;
    color: #64748b !important;
    font-size: 12px !important;
    opacity: .85;
}

.admin #setup-menu > li > ul.nav-second-level {
    margin: 4px 4px 8px 12px !important;
    padding: 6px 6px 6px 10px !important;
    border-left: 2px solid rgba(37, 99, 235, 0.18);
    background: rgba(255, 255, 255, 0.44);
    border-radius: 12px;
}

.admin #setup-menu > li > ul.nav-second-level > li > a {
    padding: 8px 11px !important;
    border-radius: 10px !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 550 !important;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.admin #setup-menu > li > ul.nav-second-level > li > a:hover,
.admin #setup-menu > li > ul.nav-second-level > li.active > a {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #1d4ed8 !important;
    transform: translateX(2px);
}


/* Premier Admin UI - Setup menu v2 compacto tipo ficha cliente */
.admin #setup-menu-wrapper {
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%) !important;
    border-right: 1px solid rgba(203, 213, 225, 0.75) !important;
    box-shadow: 8px 0 28px rgba(15, 23, 42, 0.08) !important;
}

.admin #setup-menu {
    padding: 10px 12px 18px 12px !important;
}

.admin #setup-menu > div:first-child {
    margin: 0 0 12px 0 !important;
    padding: 11px 12px !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

.admin #setup-menu-wrapper .customizer-heading {
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

.admin #setup-menu > li {
    margin: 5px 0 !important;
}

.admin #setup-menu > li > a {
    min-height: 38px !important;
    padding: 9px 12px 9px 13px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.035) !important;
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transform: none !important;
    transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.admin #setup-menu > li > a::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    border-radius: 999px !important;
    position: static !important;
    transform: none !important;
    background: rgba(148, 163, 184, 0.45) !important;
}

.admin #setup-menu > li > a .menu-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.05 !important;
}

.admin #setup-menu > li > a .arrow {
    margin-left: auto !important;
    color: #64748b !important;
    font-size: 11px !important;
    opacity: .75 !important;
    flex: 0 0 auto !important;
}

.admin #setup-menu > li > a:hover,
.admin #setup-menu > li > a:focus,
.admin #setup-menu > li.active > a:first-child {
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%) !important;
    border-color: rgba(147, 197, 253, 0.85) !important;
    color: #1d4ed8 !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12) !important;
    transform: translateX(2px) !important;
}

.admin #setup-menu > li > a:hover::before,
.admin #setup-menu > li.active > a:first-child::before {
    background: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
}

.admin #setup-menu > li > ul.nav-second-level {
    margin: 5px 0 8px 12px !important;
    padding: 6px !important;
    border-left: 2px solid rgba(37, 99, 235, 0.18) !important;
    background: rgba(255, 255, 255, 0.58) !important;
    border-radius: 12px !important;
}

.admin #setup-menu > li > ul.nav-second-level > li > a {
    padding: 7px 10px !important;
    border-radius: 10px !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.admin #setup-menu > li > ul.nav-second-level > li > a:hover,
.admin #setup-menu > li > ul.nav-second-level > li.active > a {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #1d4ed8 !important;
}


/* Premier Admin UI - Setup menu v3 limpio sin apilar títulos */
.admin #setup-menu-wrapper {
    width: 285px !important;
    min-width: 285px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%) !important;
}

.admin #setup-menu {
    padding: 10px 13px 18px 13px !important;
}

.admin #setup-menu > div:first-child {
    margin: 0 0 12px 0 !important;
}

.admin #setup-menu > li {
    margin: 5px 0 !important;
}

.admin #setup-menu > li > a {
    min-height: 39px !important;
    padding: 9px 13px !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(203, 213, 225, 0.85) !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.045) !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.admin #setup-menu > li > a::before {
    display: none !important;
    content: none !important;
}

.admin #setup-menu > li > a .menu-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.15 !important;
}

.admin #setup-menu > li > a .arrow {
    margin-left: 10px !important;
    flex: 0 0 auto !important;
    color: #64748b !important;
    font-size: 11px !important;
}

.admin #setup-menu > li > a:hover,
.admin #setup-menu > li > a:focus,
.admin #setup-menu > li.active > a:first-child {
    background: #ffffff !important;
    border-color: rgba(147, 197, 253, 0.95) !important;
    color: #1d4ed8 !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12) !important;
    transform: none !important;
}


/* Premier Admin UI - Archivos cliente: layout limpio */
.premier-files-admin-grid {
    margin-top: 28px !important;
}

.premier-files-admin-grid .premier-files-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 18px 18px 14px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

.premier-files-admin-grid .premier-files-box-head {
    background: linear-gradient(135deg, #f8fafc 0%, #eef6ff 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    margin-bottom: 16px !important;
}

.premier-files-admin-grid .premier-files-box-head h4 {
    margin: 0 0 6px 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.premier-files-admin-grid .premier-files-box-head p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
}

.premier-files-admin-grid table.table {
    width: 100% !important;
    table-layout: fixed !important;
    margin-bottom: 0 !important;
}

.premier-files-admin-grid table.table thead th {
    background: #f8fafc !important;
    color: #334155 !important;
    font-weight: 800 !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #dbe3ef !important;
    padding: 12px 12px !important;
}

.premier-files-admin-grid table.table tbody td {
    vertical-align: middle !important;
    padding: 12px 12px !important;
    border-top: 1px solid #edf2f7 !important;
}

.premier-files-admin-grid table.table th:nth-child(1),
.premier-files-admin-grid table.table td:nth-child(1) {
    width: 34% !important;
}

.premier-files-admin-grid table.table th:nth-child(2),
.premier-files-admin-grid table.table td:nth-child(2) {
    width: 20% !important;
}

.premier-files-admin-grid table.table th:nth-child(3),
.premier-files-admin-grid table.table td:nth-child(3) {
    width: 30% !important;
}

.premier-files-admin-grid table.table th:nth-child(4),
.premier-files-admin-grid table.table td:nth-child(4) {
    width: 110px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.premier-files-admin-grid .premier-files-box:nth-child(2) table.table th:nth-child(3),
.premier-files-admin-grid .premier-files-box:nth-child(2) table.table td:nth-child(3) {
    width: 110px !important;
    text-align: center !important;
}

.premier-files-admin-grid .premier-files-box:nth-child(2) table.table th:nth-child(4),
.premier-files-admin-grid .premier-files-box:nth-child(2) table.table td:nth-child(4) {
    width: 95px !important;
    text-align: center !important;
}

.premier-files-admin-grid .dataTables_filter input {
    max-width: 210px !important;
}

.premier-files-admin-grid .onoffswitch {
    margin: 0 auto 4px 0 !important;
}

.premier-files-admin-grid .tw-flex {
    justify-content: center !important;
    gap: 10px !important;
}

/* Premier UI: modal de tarea abierto desde PrChat */
body.prchat #task-modal .modal-dialog.modal-lg {
  width: 1100px !important;
  max-width: calc(100vw - 60px) !important;
}

body.prchat #task-modal .task-single-col-left {
  width: 64% !important;
}

body.prchat #task-modal .task-single-col-right {
  width: 36% !important;
  min-width: 360px !important;
}


/* Premier Negocios - ajuste columnas tabla clientes 20260726 */
.table-clients {
    min-width: 1900px !important;
    table-layout: fixed !important;
}

.table-clients thead th,
.table-clients tbody td {
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* 1. Checkbox */
.table-clients th:nth-child(1),
.table-clients td:nth-child(1) {
    width: 42px !important;
    max-width: 42px !important;
    text-align: center !important;
}

/* 2. ID */
.table-clients th#th-number,
.table-clients td:nth-child(2) {
    width: 58px !important;
    max-width: 58px !important;
    text-align: center !important;
}

/* 3. Empresa */
.table-clients th#th-company,
.table-clients td:nth-child(3) {
    width: 270px !important;
    max-width: 270px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
}

/* 4. Nombre comercial */
.table-clients th#th-commercial-name,
.table-clients td:nth-child(4) {
    width: 210px !important;
    max-width: 210px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
}

/* 5. Email */
.table-clients th#th-primary-contact-email,
.table-clients td:nth-child(5) {
    width: 235px !important;
    max-width: 235px !important;
}

/* 6. WhatsApp */
.table-clients th#th-phone,
.table-clients td:nth-child(6) {
    width: 130px !important;
    max-width: 130px !important;
}

/* 7 y 8. Técnico / Comercial */
.table-clients th#th-technical-responsible,
.table-clients td:nth-child(7),
.table-clients th#th-sale-agent,
.table-clients td:nth-child(8) {
    width: 105px !important;
    max-width: 105px !important;
    text-align: center !important;
}

/* 9. Grupo / Pack */
.table-clients th#th-groups,
.table-clients td:nth-child(9) {
    width: 155px !important;
    max-width: 155px !important;
}

/* 10. ID Stripe */
.table-clients th#th-stripe-customer-id,
.table-clients td:nth-child(10) {
    width: 140px !important;
    max-width: 140px !important;
}

/* 11 y 12. Fechas */
.table-clients th#th-date-created,
.table-clients td:nth-child(11),
.table-clients th#th-date-deactivated,
.table-clients td:nth-child(12) {
    width: 125px !important;
    max-width: 125px !important;
    text-align: center !important;
}

/* 13. Contrato digital */
.table-clients th#th-digital-contract,
.table-clients td:nth-child(13) {
    width: 125px !important;
    max-width: 125px !important;
    text-align: center !important;
}

/* 14. Portal cliente */
.table-clients th#th-client-portal,
.table-clients td:nth-child(14) {
    width: 125px !important;
    max-width: 125px !important;
    text-align: center !important;
}

/* 15. Activo */
.table-clients th#th-active,
.table-clients td:nth-child(15) {
    width: 85px !important;
    max-width: 85px !important;
    text-align: center !important;
}

/* Opciones internas debajo de empresa */
.table-clients td:nth-child(3) .row-options {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

/* Etiquetas compactas */
.table-clients .label {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

/* El wrapper nativo de Perfex mantiene scroll horizontal si hace falta */
.table-clients_wrapper .table-responsive,
.panel-table-full .table-responsive {
    overflow-x: auto !important;
}