/* BEGIN BAHIA STABLE UI v1.2.7 */
/* Bahía Cloud Stable UI v1.2.7 — refinamiento visual ligero sobre datos nativos. */

.page-clientareahome {
    --bc-primary: #123f73;
    --bc-primary-deep: #0b2d57;
    --bc-accent: #1fb4c3;
    --bc-accent-soft: #e8f8fa;
    --bc-background: #f4f8fc;
    --bc-surface: #ffffff;
    --bc-border: #dfe8f1;
    --bc-text: #0e2440;
    --bc-muted: #5c708a;
    --bc-success: #1d9e62;
    --bc-success-soft: #eaf7f1;
    --bc-warning: #b86a11;
    --bc-warning-soft: #fff5e8;
    --bc-shadow: 0 7px 22px rgba(25, 62, 102, 0.055);
    --bc-radius: 14px;
}

.page-clientareahome,
.page-clientareahome button,
.page-clientareahome input,
.page-clientareahome select,
.page-clientareahome textarea {
    font-family: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-clientareahome .main-header {
    display: none;
}

.page-clientareahome .main-body {
    background: var(--bc-background);
    padding-top: 28px;
    padding-bottom: 48px;
}

.page-clientareahome .main-body > .container {
    max-width: 1320px;
}

.page-clientareahome .main-grid {
    align-items: start;
    gap: 18px;
}

.page-clientareahome .main-sidebar {
    flex: 0 0 280px;
    width: 280px;
}

.page-clientareahome .main-content {
    min-width: 0;
}

.page-clientareahome .sidebar .panel,
.page-clientareahome .bc-card,
.page-clientareahome .bc-stat-card {
    border: 1px solid var(--bc-border);
    border-radius: var(--bc-radius);
    background: var(--bc-surface);
    box-shadow: var(--bc-shadow);
}

.page-clientareahome .sidebar .panel {
    overflow: hidden;
}

.page-clientareahome .sidebar .panel-heading {
    border: 0;
    padding: 22px 22px 8px;
    background: transparent;
}

.page-clientareahome .sidebar .panel-title {
    color: var(--bc-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.page-clientareahome .sidebar .panel-body {
    padding: 16px 22px 22px;
    color: var(--bc-muted);
    font-size: 15px;
    line-height: 1.65;
}

.page-clientareahome .sidebar .panel-footer {
    border-top: 1px solid var(--bc-border);
    padding: 16px 22px 22px;
    background: transparent;
}

.page-clientareahome .sidebar .list-group-item {
    border-color: var(--bc-border);
    padding: 14px 18px;
    color: var(--bc-text);
    font-size: 15px;
}

.page-clientareahome .sidebar .list-group-item:hover,
.page-clientareahome .sidebar .list-group-item:focus,
.page-clientareahome .sidebar .list-group-item.active {
    background: var(--bc-accent-soft);
    color: var(--bc-primary);
}

.page-clientareahome .btn {
    min-height: 38px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
}

.page-clientareahome .btn-sm {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 13px;
}

.page-clientareahome .btn-primary {
    border-color: var(--bc-primary);
    background: var(--bc-primary);
}

.page-clientareahome .btn-primary:hover,
.page-clientareahome .btn-primary:focus {
    border-color: var(--bc-primary-deep);
    background: var(--bc-primary-deep);
}

.page-clientareahome .btn-default {
    border-color: var(--bc-border);
    background: #fff;
    color: var(--bc-primary);
}

.page-clientareahome .bc-dashboard {
    color: var(--bc-text);
}

.page-clientareahome .bc-dashboard-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.page-clientareahome .bc-dashboard-kicker {
    display: block;
    margin-bottom: 6px;
    color: var(--bc-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-clientareahome .bc-dashboard-intro h1 {
    margin: 0;
    color: var(--bc-text);
    font-size: clamp(29px, 2.6vw, 38px);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.1;
}

.page-clientareahome .bc-dashboard-intro p {
    max-width: 660px;
    margin: 7px 0 0;
    color: var(--bc-muted);
    font-size: 15px;
    line-height: 1.55;
}

.page-clientareahome .bc-dashboard-primary-action {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.page-clientareahome .bc-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.page-clientareahome .bc-stat-card {
    display: flex;
    align-items: center;
    min-height: 108px;
    padding: 17px 18px;
    color: var(--bc-text);
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.page-clientareahome .bc-stat-card:hover,
.page-clientareahome .bc-stat-card:focus {
    border-color: rgba(31, 180, 195, 0.55);
    box-shadow: 0 11px 28px rgba(25, 62, 102, 0.09);
    color: var(--bc-text);
    text-decoration: none;
    transform: translateY(-2px);
}

.page-clientareahome .bc-stat-card-attention {
    border-color: rgba(184, 106, 17, 0.35);
}

.page-clientareahome .bc-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin-right: 13px;
    border-radius: 12px;
    background: var(--bc-accent-soft);
    color: var(--bc-primary);
    font-size: 17px;
}

.page-clientareahome .bc-stat-card-attention .bc-stat-icon {
    background: var(--bc-warning-soft);
    color: var(--bc-warning);
}

.page-clientareahome .bc-stat-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.page-clientareahome .bc-stat-content strong {
    color: var(--bc-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.page-clientareahome .bc-stat-content > span {
    margin-top: 6px;
    color: var(--bc-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.page-clientareahome .bc-stat-content small {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 7px;
    color: var(--bc-accent);
    font-size: 12px;
    font-weight: 600;
}

.page-clientareahome .bc-dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, 0.78fr);
    gap: 18px;
    align-items: start;
}

.page-clientareahome .bc-dashboard-primary,
.page-clientareahome .bc-dashboard-secondary {
    display: grid;
    gap: 18px;
}

.page-clientareahome .bc-card {
    overflow: hidden;
}

.page-clientareahome .bc-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 20px;
    border-bottom: 1px solid var(--bc-border);
}

.page-clientareahome .bc-card-title {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 11px;
}

.page-clientareahome .bc-card-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--bc-accent-soft);
    color: var(--bc-primary);
    font-size: 17px;
}

.page-clientareahome .bc-card-title h2,
.page-clientareahome .bc-trust-card h2,
.page-clientareahome .bc-additional-section > h2 {
    margin: 0;
    color: var(--bc-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

.page-clientareahome .bc-card-title p {
    margin: 3px 0 0;
    color: var(--bc-muted);
    font-size: 13px;
    line-height: 1.4;
}

.page-clientareahome .bc-card-body {
    padding: 20px;
}

.page-clientareahome .bc-card-footer {
    padding: 14px 20px;
    border-top: 1px solid var(--bc-border);
}

.page-clientareahome .bc-native-list {
    padding: 0;
}

.page-clientareahome .bc-native-row {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 70px;
    gap: 12px;
    padding: 13px 20px;
    border-bottom: 1px solid var(--bc-border);
    color: var(--bc-text);
    text-decoration: none;
    transition: background 160ms ease;
}

.page-clientareahome .bc-native-row:last-child {
    border-bottom: 0;
}

.page-clientareahome a.bc-native-row:hover,
.page-clientareahome a.bc-native-row:focus {
    background: #f8fbfe;
    color: var(--bc-text);
    text-decoration: none;
}

.page-clientareahome .bc-native-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--bc-accent-soft);
    color: var(--bc-primary);
    font-size: 17px;
}

.page-clientareahome .bc-native-row-content {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--bc-muted);
    font-size: 13px;
    line-height: 1.45;
}

.page-clientareahome .bc-native-row-content b,
.page-clientareahome .bc-native-row-content strong,
.page-clientareahome .bc-native-row-content .product-name,
.page-clientareahome .bc-native-row-content > a:first-child {
    color: var(--bc-text);
    font-size: 14px;
    font-weight: 650;
}

.page-clientareahome .bc-native-row-content .label,
.page-clientareahome .bc-native-row-content .status {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    margin-left: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--bc-success-soft);
    color: var(--bc-success);
    font-size: 11px;
    font-weight: 700;
}

.page-clientareahome .bc-native-row-badge {
    display: block;
    margin-top: 5px;
    color: var(--bc-warning);
    font-size: 12px;
    font-weight: 700;
}

.page-clientareahome .bc-native-row-action {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 7px;
    color: var(--bc-primary);
    font-size: 13px;
    font-weight: 700;
}

.page-clientareahome .bc-empty-state {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 26px 24px;
}

.page-clientareahome .bc-empty-state > div {
    min-width: 0;
    flex: 1 1 auto;
}

.page-clientareahome .bc-empty-state-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: var(--bc-accent-soft);
    color: var(--bc-primary);
    font-size: 22px;
}

.page-clientareahome .bc-empty-state h3 {
    margin: 0;
    color: var(--bc-text);
    font-size: 16px;
    font-weight: 800;
}

.page-clientareahome .bc-empty-state p {
    margin: 5px 0 0;
    color: var(--bc-muted);
    font-size: 13px;
    line-height: 1.45;
}

.page-clientareahome .bc-billing-status {
    display: flex;
    gap: 11px;
    margin-bottom: 18px;
    padding: 16px;
    border-radius: 12px;
}

.page-clientareahome .bc-billing-status-success {
    background: var(--bc-success-soft);
}

.page-clientareahome .bc-billing-status-warning {
    background: var(--bc-warning-soft);
}

.page-clientareahome .bc-billing-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    color: var(--bc-success);
    font-size: 18px;
}

.page-clientareahome .bc-billing-status-warning .bc-billing-status-icon {
    color: var(--bc-warning);
}

.page-clientareahome .bc-billing-status strong {
    display: block;
    color: var(--bc-text);
    font-size: 15px;
    font-weight: 800;
}

.page-clientareahome .bc-billing-status p {
    margin: 4px 0 0;
    color: var(--bc-muted);
    font-size: 13px;
    line-height: 1.45;
}

.page-clientareahome .bc-native-billing-content {
    margin-bottom: 16px;
}

.page-clientareahome .bc-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--bc-accent);
    font-size: 13px;
    font-weight: 700;
}

.page-clientareahome .bc-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.page-clientareahome .bc-quick-grid a {
    display: flex;
    min-height: 76px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 13px;
    border: 1px solid var(--bc-border);
    border-radius: 12px;
    background: #fbfdff;
    color: var(--bc-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.page-clientareahome .bc-quick-grid a:hover,
.page-clientareahome .bc-quick-grid a:focus {
    border-color: rgba(31, 180, 195, 0.55);
    background: var(--bc-accent-soft);
    color: var(--bc-primary);
    text-decoration: none;
    transform: translateY(-2px);
}

.page-clientareahome .bc-quick-grid i {
    color: var(--bc-accent);
    font-size: 19px;
}

.page-clientareahome .bc-trust-card {
    padding: 21px;
    background: linear-gradient(145deg, #f8fdff 0%, #eaf8fb 100%);
}

.page-clientareahome .bc-trust-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: #fff;
    color: var(--bc-accent);
    font-size: 17px;
    box-shadow: 0 8px 24px rgba(25, 62, 102, 0.08);
}

.page-clientareahome .bc-trust-card p {
    margin: 7px 0 14px;
    color: var(--bc-muted);
    font-size: 14px;
    line-height: 1.6;
}

.page-clientareahome .bc-trust-card ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-clientareahome .bc-trust-card li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--bc-text);
    font-size: 13px;
    font-weight: 600;
}

.page-clientareahome .bc-trust-card li i {
    color: var(--bc-success);
}

.page-clientareahome .bc-additional-section {
    margin-top: 28px;
}

.page-clientareahome .bc-additional-section > h2 {
    margin-bottom: 16px;
}

.page-clientareahome .bc-additional-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.page-clientareahome .bc-native-panel .bc-card-body .panel,
.page-clientareahome .bc-native-panel .bc-card-body .list-group {
    margin: 0;
}

.page-clientareahome .bc-addon-output {
    margin-top: 24px;
}

.page-clientareahome .client-home-alerts,
.page-clientareahome .alert-group {
    margin-bottom: 20px;
}

.page-clientareahome a:focus-visible,
.page-clientareahome button:focus-visible {
    outline: 3px solid rgba(31, 180, 195, 0.35);
    outline-offset: 3px;
}

@media (max-width: 1399px) {
    .page-clientareahome .bc-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .page-clientareahome .main-sidebar {
        flex-basis: 250px;
        width: 250px;
    }

    .page-clientareahome .bc-dashboard-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-clientareahome .bc-dashboard-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-clientareahome .bc-trust-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    .page-clientareahome .main-body {
        padding-top: 24px;
    }

    .page-clientareahome .main-grid {
        display: block;
    }

    .page-clientareahome .main-sidebar {
        width: 100%;
        margin-bottom: 20px;
    }

    .page-clientareahome .main-content {
        width: 100%;
    }

    .page-clientareahome .bc-dashboard-secondary,
    .page-clientareahome .bc-additional-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-clientareahome .bc-trust-card {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .page-clientareahome .main-body {
        padding-top: 18px;
        padding-bottom: 36px;
    }

    .page-clientareahome .bc-dashboard-intro {
        align-items: stretch;
        flex-direction: column;
    }

    .page-clientareahome .bc-dashboard-primary-action {
        width: 100%;
        justify-content: center;
    }

    .page-clientareahome .bc-stat-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .page-clientareahome .bc-stat-card {
        min-height: 112px;
        padding: 18px;
    }

    .page-clientareahome .bc-card-header {
        align-items: flex-start;
        padding: 18px;
    }

    .page-clientareahome .bc-card-title p {
        display: none;
    }

    .page-clientareahome .bc-card-body {
        padding: 18px;
    }

    .page-clientareahome .bc-native-row {
        align-items: flex-start;
        padding: 17px 18px;
    }

    .page-clientareahome .bc-native-row-action {
        font-size: 0;
    }

    .page-clientareahome .bc-native-row-action i {
        font-size: 16px;
    }

    .page-clientareahome .bc-empty-state {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 22px 18px;
    }

    .page-clientareahome .bc-empty-state .btn {
        width: 100%;
    }

    .page-clientareahome .bc-quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .page-clientareahome .bc-quick-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Base de refinamiento heredada de v1.2.3 */

/* El perfil y la dirección ya están disponibles en Mi perfil; no se duplican en Inicio. */
.page-clientareahome .main-sidebar {
    display: none !important;
}

.page-clientareahome .main-grid {
    display: block !important;
}

.page-clientareahome .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.page-clientareahome .bc-dashboard-intro {
    align-items: flex-start;
}

.page-clientareahome .bc-dashboard-primary-action {
    display: none !important;
}

.page-clientareahome .bc-card,
.page-clientareahome .bc-stat-card {
    border-color: rgba(203, 217, 231, 0.82);
}

.page-clientareahome .bc-stat-card:hover,
.page-clientareahome .bc-stat-card:focus,
.page-clientareahome .bc-quick-grid a:hover,
.page-clientareahome .bc-quick-grid a:focus {
    transform: translateY(-1px);
}

.page-clientareahome .bc-services-card .bc-native-row {
    min-height: 70px;
}

.page-clientareahome .bc-services-card .bc-native-row-action {
    min-width: 96px;
}

.page-clientareahome .bc-additional-section,
.page-clientareahome .bc-addon-output {
    display: none !important;
}

@media (max-width: 1199px) {
    .page-clientareahome .bc-dashboard-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-clientareahome .bc-dashboard-secondary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .page-clientareahome .bc-trust-card {
        grid-column: auto;
    }
}

@media (max-width: 991px) {
    .page-clientareahome .bc-dashboard-secondary {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .page-clientareahome .main-body {
        padding-top: 18px;
        padding-bottom: 34px;
    }

    .page-clientareahome .bc-stat-card {
        min-height: 96px;
        padding: 15px 16px;
    }

    .page-clientareahome .bc-card-header,
    .page-clientareahome .bc-card-body {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page-clientareahome .bc-native-row {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* =========================================================
   REFINAMIENTO UI/UX v1.2.7
   Hero editorial + sistema de espaciado exacto
   ========================================================= */

.page-clientareahome {
    --bc-shadow: 0 10px 30px rgba(14, 36, 64, 0.045);
    --bc-radius: 16px;
}

/* Contenedor principal: 1280 px con gutters exactos. */
.page-clientareahome .main-body {
    padding-top: 32px;
    padding-bottom: 56px;
}

.page-clientareahome .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding-right: 0;
    padding-left: 0;
}

/* Hero */
.page-clientareahome .bc-dashboard-intro.bc-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    align-items: center;
    gap: 52px;
    min-height: 230px;
    margin-bottom: 36px;
    padding: 22px 8px 24px;
}

.page-clientareahome .bc-hero-copy {
    min-width: 0;
}

.page-clientareahome .bc-dashboard-kicker {
    margin-bottom: 14px;
    color: var(--bc-accent);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.12em;
}

.page-clientareahome .bc-dashboard-intro h1 {
    max-width: 690px;
    margin: 0;
    color: var(--bc-text);
    font-size: 48px;
    font-weight: 750;
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.page-clientareahome .bc-dashboard-intro h1 span {
    color: var(--bc-text);
}

.page-clientareahome .bc-dashboard-intro p {
    max-width: 650px;
    margin: 16px 0 0;
    color: var(--bc-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}

.page-clientareahome .bc-hero-visual {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    min-width: 0;
}

.page-clientareahome .bc-hero-illustration {
    display: block;
    width: 100%;
    max-width: 390px;
    height: auto;
    overflow: visible;
}

/* Resumen: cuatro cards, 24 px de separación. */
.page-clientareahome .bc-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 28px;
}

.page-clientareahome .bc-stat-card {
    min-height: 132px;
    gap: 16px;
    padding: 24px;
    border-radius: 16px;
    box-shadow: var(--bc-shadow);
}

.page-clientareahome .bc-stat-icon {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    margin-right: 0;
    border-radius: 15px;
    font-size: 20px;
}

.page-clientareahome .bc-stat-content strong {
    font-size: 32px;
    font-weight: 750;
}

.page-clientareahome .bc-stat-content > span {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 650;
}

.page-clientareahome .bc-stat-content small {
    margin-top: 12px;
    font-size: 13px;
    font-weight: 650;
}

/* Layout principal: 24 px entre columnas y entre módulos. */
.page-clientareahome .bc-dashboard-layout {
    grid-template-columns: minmax(0, 1.68fr) minmax(320px, 0.82fr);
    gap: 24px;
}

.page-clientareahome .bc-dashboard-primary,
.page-clientareahome .bc-dashboard-secondary {
    gap: 24px;
}

.page-clientareahome .bc-card {
    border-radius: 16px;
    box-shadow: var(--bc-shadow);
}

.page-clientareahome .bc-card-header {
    gap: 20px;
    padding: 20px 22px;
}

.page-clientareahome .bc-card-title {
    gap: 12px;
}

.page-clientareahome .bc-card-title-icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 17px;
}

.page-clientareahome .bc-card-title h2,
.page-clientareahome .bc-trust-card h2,
.page-clientareahome .bc-additional-section > h2 {
    font-size: 18px;
    font-weight: 700;
}

.page-clientareahome .bc-card-title p {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.45;
}

.page-clientareahome .bc-card-body {
    padding: 22px;
}

.page-clientareahome .bc-native-row {
    min-height: 78px;
    gap: 14px;
    padding: 17px 22px;
}

.page-clientareahome .bc-native-row-icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    font-size: 17px;
}

.page-clientareahome .bc-native-row-content {
    font-size: 13px;
    line-height: 1.5;
}

.page-clientareahome .bc-native-row-content b,
.page-clientareahome .bc-native-row-content strong,
.page-clientareahome .bc-native-row-content .product-name,
.page-clientareahome .bc-native-row-content > a:first-child {
    font-size: 15px;
    font-weight: 650;
}

.page-clientareahome .bc-services-card .bc-native-row-action {
    min-width: 104px;
}

.page-clientareahome .bc-billing-status {
    margin-bottom: 18px;
    padding: 18px;
    border-radius: 14px;
}

.page-clientareahome .bc-quick-grid {
    gap: 14px;
}

.page-clientareahome .bc-quick-grid a {
    min-height: 78px;
    padding: 15px;
    border-radius: 14px;
}

.page-clientareahome .bc-trust-card {
    padding: 26px;
}

.page-clientareahome .bc-trust-card p {
    margin: 8px 0 18px;
    font-size: 14px;
    line-height: 1.65;
}

.page-clientareahome .bc-trust-card ul {
    gap: 10px;
}

/* Laptop y tablet. */
@media (max-width: 1199px) {
    .page-clientareahome .main-body > .container {
        width: calc(100% - 48px);
    }

    .page-clientareahome .bc-dashboard-intro.bc-hero {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 34px;
        min-height: 210px;
    }

    .page-clientareahome .bc-dashboard-intro h1 {
        font-size: 42px;
    }

    .page-clientareahome .bc-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .page-clientareahome .bc-dashboard-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-clientareahome .bc-dashboard-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .page-clientareahome .bc-trust-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    .page-clientareahome .bc-dashboard-intro.bc-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        min-height: 0;
        padding-top: 18px;
    }

    .page-clientareahome .bc-hero-visual {
        justify-content: center;
    }

    .page-clientareahome .bc-hero-illustration {
        max-width: 340px;
    }

    .page-clientareahome .bc-dashboard-secondary {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-clientareahome .bc-trust-card {
        grid-column: auto;
    }
}

/* Mobile. */
@media (max-width: 767px) {
    .page-clientareahome .main-body {
        padding-top: 18px;
        padding-bottom: 38px;
    }

    .page-clientareahome .main-body > .container {
        width: calc(100% - 32px);
    }

    .page-clientareahome .bc-dashboard-intro.bc-hero {
        display: block;
        margin-bottom: 28px;
        padding: 10px 0 4px;
    }

    .page-clientareahome .bc-dashboard-kicker {
        margin-bottom: 10px;
        font-size: 11px;
    }

    .page-clientareahome .bc-dashboard-intro h1 {
        font-size: 34px;
        letter-spacing: -0.035em;
        line-height: 1.12;
    }

    .page-clientareahome .bc-dashboard-intro p {
        margin-top: 12px;
        font-size: 16px;
        line-height: 1.55;
    }

    .page-clientareahome .bc-hero-visual {
        display: none;
    }

    .page-clientareahome .bc-stat-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        margin-bottom: 22px;
    }

    .page-clientareahome .bc-stat-card {
        min-height: 108px;
        padding: 18px;
    }

    .page-clientareahome .bc-stat-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .page-clientareahome .bc-stat-content strong {
        font-size: 28px;
    }

    .page-clientareahome .bc-dashboard-layout,
    .page-clientareahome .bc-dashboard-primary,
    .page-clientareahome .bc-dashboard-secondary {
        gap: 18px;
    }

    .page-clientareahome .bc-card-header,
    .page-clientareahome .bc-card-body {
        padding: 18px;
    }

    .page-clientareahome .bc-native-row {
        padding: 17px 18px;
    }

    .page-clientareahome .bc-quick-grid {
        gap: 12px;
    }
}

@media (max-width: 420px) {
    .page-clientareahome .bc-quick-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* =========================================================
   REFINAMIENTO UI/UX v1.2.7
   Ajuste fino de servicios + navegación inferior móvil
   ========================================================= */

/* Servicios activos: reducir el hueco entre cabecera y primer ítem. */
.page-clientareahome .bc-services-card .bc-card-header {
    padding-bottom: 16px;
}

.page-clientareahome .bc-services-card .bc-card-body.bc-native-list {
    padding: 6px 0 0;
}

.page-clientareahome .bc-services-card .bc-native-row {
    min-height: 86px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.page-clientareahome .bc-services-card .bc-native-row-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-clientareahome .bc-services-card .bc-native-row-content .label,
.page-clientareahome .bc-services-card .bc-native-row-content .status {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 8px;
    margin-left: 0;
    padding: 4px 10px;
}

.page-clientareahome .bc-services-card .bc-native-row-action {
    min-width: 110px;
    justify-content: center;
    padding: 0 14px;
    min-height: 38px;
    border: 1px solid rgba(203, 217, 231, 0.95);
    border-radius: 10px;
    background: #ffffff;
}

/* Navegación inferior móvil */
.page-clientareahome .bc-mobile-nav {
    display: none;
}

@media (max-width: 767px) {
    .page-clientareahome .main-body {
        padding-bottom: 96px;
    }

    .page-clientareahome .bc-services-card .bc-card-body.bc-native-list {
        padding-top: 2px;
    }

    .page-clientareahome .bc-services-card .bc-native-row {
        min-height: 0;
        align-items: center;
        gap: 12px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content {
        gap: 2px;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .label,
    .page-clientareahome .bc-services-card .bc-native-row-content .status {
        margin-top: 6px;
        font-size: 10px;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action {
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .page-clientareahome .bc-mobile-nav {
        position: fixed;
        right: 12px;
        bottom: max(12px, env(safe-area-inset-bottom));
        left: 12px;
        z-index: 80;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        gap: 4px;
        padding: 10px 8px calc(10px + env(safe-area-inset-bottom));
        border: 1px solid rgba(217, 230, 241, 0.96);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 18px 36px rgba(14, 36, 64, 0.12);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }

    .page-clientareahome .bc-mobile-nav-item {
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 6px 4px;
        color: #627792;
        text-decoration: none;
        text-align: center;
    }

    .page-clientareahome .bc-mobile-nav-item i {
        font-size: 18px;
        line-height: 1;
        color: currentColor;
    }

    .page-clientareahome .bc-mobile-nav-item span {
        display: block;
        min-width: 0;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.15;
        white-space: nowrap;
    }

    .page-clientareahome .bc-mobile-nav-item.is-active {
        color: var(--bc-primary);
    }

    .page-clientareahome .bc-mobile-nav-item.is-active::after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        margin-top: 1px;
        border-radius: 50%;
        background: var(--bc-accent);
    }
}

/* =========================================================
   BAHÍA CLOUD STABLE UI v1.2.7
   Ajuste fiel a la propuesta aprobada
   ========================================================= */

.page-clientareahome .bc-mobile-app-header,
.page-clientareahome .bc-mobile-hero-copy,
.page-clientareahome .bc-mobile-help-card,
.page-clientareahome .bc-copy-mobile {
    display: none;
}

/* SERVICIOS ACTIVOS · DESKTOP */
.page-clientareahome .bc-services-card .bc-card-header {
    padding: 22px 24px 18px;
}

.page-clientareahome .bc-services-card .bc-card-body.bc-native-list {
    display: grid;
    gap: 16px;
    padding: 16px 20px 20px;
}

.page-clientareahome .bc-services-card .bc-service-row {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 108px;
    margin: 0;
    padding: 22px 320px 22px 24px;
    border: 1px solid #dbe7f1;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(14, 36, 64, 0.025);
}

.page-clientareahome .bc-services-card .bc-service-row:last-child {
    border-bottom: 1px solid #dbe7f1;
}

.page-clientareahome .bc-services-card a.bc-service-row:hover,
.page-clientareahome .bc-services-card a.bc-service-row:focus {
    border-color: rgba(31, 180, 195, 0.46);
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(14, 36, 64, 0.07);
}

.page-clientareahome .bc-services-card .bc-native-row-icon {
    flex-basis: 52px;
    width: 52px;
    height: 52px;
    margin-right: 18px;
    border-radius: 50%;
    font-size: 20px;
}

.page-clientareahome .bc-services-card .bc-native-row-content {
    display: block;
    min-width: 0;
    color: var(--bc-text);
    line-height: 1.35;
}

.page-clientareahome .bc-services-card .bc-native-row-content b,
.page-clientareahome .bc-services-card .bc-native-row-content strong {
    display: block;
    margin: 0;
    color: var(--bc-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.page-clientareahome .bc-services-card .bc-service-meta {
    display: block;
    margin-top: 7px;
    color: #60758f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

.page-clientareahome .bc-services-card .bc-service-meta .text-domain {
    display: inline;
    margin-left: 4px;
    color: #60758f;
}

.page-clientareahome .bc-services-card .bc-native-row-content .status {
    position: absolute;
    top: 50%;
    right: 184px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 36px;
    margin: 0;
    padding: 0 15px;
    border-radius: 999px;
    background: #e9f8ee;
    color: #179452;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-50%);
}

.page-clientareahome .bc-services-card .bc-native-row-content .status::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background: #21b86b;
}

.page-clientareahome .bc-services-card .bc-native-row-action {
    position: absolute;
    top: 50%;
    right: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 44px;
    gap: 12px;
    padding: 0 18px;
    border: 1px solid #d2e0ec;
    border-radius: 12px;
    background: #ffffff;
    color: var(--bc-primary);
    font-size: 14px;
    font-weight: 700;
    transform: translateY(-50%);
}

.page-clientareahome .bc-services-card .bc-native-row-action i {
    font-size: 11px;
}

/* TABLET */
@media (max-width: 991px) and (min-width: 768px) {
    .page-clientareahome .bc-services-card .bc-service-row {
        padding-right: 280px;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .status {
        right: 164px;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action {
        right: 18px;
        min-width: 126px;
    }
}

/* MOBILE · EXPERIENCIA TIPO APP */
@media (max-width: 767px) {
    .page-clientareahome .main-body {
        padding-top: 0;
        padding-bottom: calc(94px + env(safe-area-inset-bottom));
    }

    .page-clientareahome .main-body > .container {
        width: 100%;
        max-width: none;
        padding: 0 16px;
    }

    .page-clientareahome .bc-dashboard {
        margin: 0 -16px;
    }

    .page-clientareahome .bc-mobile-app-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 72px;
        padding: 12px 18px;
        border-bottom: 1px solid #e5edf5;
        background: #ffffff;
    }

    .page-clientareahome .bc-mobile-app-brand {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #174a83;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
    }

    .page-clientareahome .bc-mobile-app-brand strong {
        font-weight: 750;
    }

    .page-clientareahome .bc-mobile-app-logo {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #16a9ce;
        font-size: 27px;
    }

    .page-clientareahome .bc-mobile-app-alerts {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        color: #174a83;
        font-size: 20px;
        text-decoration: none;
    }

    .page-clientareahome .bc-mobile-app-alerts > span {
        position: absolute;
        top: 7px;
        right: 7px;
        width: 7px;
        height: 7px;
        border: 2px solid #ffffff;
        border-radius: 50%;
        background: #16b5cb;
    }

    .page-clientareahome .bc-dashboard-intro.bc-hero {
        display: block;
        min-height: 0;
        margin: 0;
        padding: 28px 18px 20px;
        background: linear-gradient(180deg, #f1f8ff 0%, #f8fbff 100%);
    }

    .page-clientareahome .bc-hero-copy,
    .page-clientareahome .bc-hero-visual {
        display: none !important;
    }

    .page-clientareahome .bc-mobile-hero-copy {
        position: relative;
        display: block;
        min-height: 108px;
        padding-right: 118px;
    }

    .page-clientareahome .bc-mobile-greeting {
        display: block;
        margin-bottom: 4px;
        color: #3f5876;
        font-size: 14px;
        font-weight: 500;
    }

    .page-clientareahome .bc-mobile-hero-copy h1 {
        margin: 0;
        color: var(--bc-text);
        font-size: 25px;
        font-weight: 750;
        letter-spacing: -0.03em;
        line-height: 1.15;
    }

    .page-clientareahome .bc-mobile-hero-copy p {
        margin: 7px 0 0;
        color: #60758f;
        font-size: 14px;
        line-height: 1.45;
    }

    .page-clientareahome .bc-mobile-clouds {
        position: absolute;
        top: 4px;
        right: 0;
        width: 108px;
        height: 88px;
    }

    .page-clientareahome .bc-mobile-clouds::before {
        content: "";
        position: absolute;
        right: 5px;
        bottom: 5px;
        width: 94px;
        height: 42px;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(218,237,252,.92));
        box-shadow: 0 14px 28px rgba(65, 133, 192, 0.10);
    }

    .page-clientareahome .bc-mobile-clouds span {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: linear-gradient(180deg, #ffffff, #dceefd);
    }

    .page-clientareahome .bc-mobile-clouds span:nth-child(1) {
        right: 6px;
        bottom: 28px;
        width: 52px;
        height: 52px;
    }

    .page-clientareahome .bc-mobile-clouds span:nth-child(2) {
        right: 40px;
        bottom: 18px;
        width: 44px;
        height: 44px;
    }

    .page-clientareahome .bc-mobile-clouds span:nth-child(3) {
        right: 66px;
        bottom: 9px;
        width: 32px;
        height: 32px;
    }

    .page-clientareahome .bc-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0 16px 18px;
        background: #f8fbff;
    }

    .page-clientareahome .bc-stat-card {
        min-height: 112px;
        gap: 10px;
        padding: 14px 12px;
        border-radius: 14px;
        box-shadow: none;
    }

    .page-clientareahome .bc-stat-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 15px;
    }

    .page-clientareahome .bc-stat-content strong {
        font-size: 25px;
    }

    .page-clientareahome .bc-stat-content > span {
        margin-top: 3px;
        font-size: 12px;
        font-weight: 650;
    }

    .page-clientareahome .bc-stat-content small {
        margin-top: 7px;
        font-size: 10px;
        white-space: nowrap;
    }

    .page-clientareahome .bc-copy-desktop {
        display: none !important;
    }

    .page-clientareahome .bc-copy-mobile {
        display: inline !important;
    }

    .page-clientareahome .bc-dashboard-layout {
        display: block;
        padding: 0 16px 18px;
        background: #f8fbff;
    }

    .page-clientareahome .bc-dashboard-primary {
        display: block;
    }

    .page-clientareahome .bc-dashboard-secondary,
    .page-clientareahome .bc-tickets-card {
        display: none !important;
    }

    .page-clientareahome .bc-services-card {
        border-radius: 16px;
        box-shadow: none;
    }

    .page-clientareahome .bc-services-card .bc-card-header {
        align-items: center;
        padding: 14px 14px 12px;
    }

    .page-clientareahome .bc-services-card .bc-card-title {
        gap: 9px;
    }

    .page-clientareahome .bc-services-card .bc-card-title-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 14px;
    }

    .page-clientareahome .bc-services-card .bc-card-title h2 {
        font-size: 15px;
    }

    .page-clientareahome .bc-services-card .bc-card-title p {
        display: none;
    }

    .page-clientareahome .bc-services-card .btn-sm {
        min-height: 32px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .page-clientareahome .bc-services-card .bc-card-body.bc-native-list {
        gap: 8px;
        padding: 10px 12px 12px;
    }

    .page-clientareahome .bc-services-card .bc-service-row {
        min-height: 68px;
        padding: 12px 90px 12px 12px;
        border-radius: 12px;
        box-shadow: none;
    }

    .page-clientareahome .bc-services-card .bc-native-row-icon {
        display: none;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content b,
    .page-clientareahome .bc-services-card .bc-native-row-content strong {
        font-size: 13px;
    }

    .page-clientareahome .bc-services-card .bc-service-meta {
        max-width: 210px;
        margin-top: 4px;
        overflow: hidden;
        color: #667b92;
        font-size: 11px;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .status {
        top: 50%;
        right: 36px;
        min-width: 54px;
        min-height: 22px;
        padding: 0 8px;
        font-size: 9px;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .status::before {
        width: 5px;
        height: 5px;
        margin-right: 5px;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action {
        top: 50%;
        right: 12px;
        min-width: 0;
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
        transform: translateY(-50%);
    }

    .page-clientareahome .bc-services-card .bc-native-row-action .bc-action-label {
        display: none;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action i {
        font-size: 12px;
        transform: rotate(-90deg);
    }

    .page-clientareahome .bc-mobile-help-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-top: 12px;
        padding: 15px 16px;
        border: 1px solid #dce9f4;
        border-radius: 15px;
        background: linear-gradient(135deg, #eef8ff 0%, #dceeff 100%);
    }

    .page-clientareahome .bc-mobile-help-card h2 {
        margin: 0;
        color: var(--bc-text);
        font-size: 14px;
        font-weight: 750;
    }

    .page-clientareahome .bc-mobile-help-card p {
        margin: 4px 0 10px;
        color: #60758f;
        font-size: 11px;
    }

    .page-clientareahome .bc-mobile-help-card .btn {
        min-height: 30px;
        padding: 5px 10px;
        font-size: 11px;
    }

    .page-clientareahome .bc-mobile-help-visual {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 62px;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.66);
        color: #1668ae;
        font-size: 31px;
    }

    .page-clientareahome .bc-mobile-help-bubble {
        position: absolute;
        right: -3px;
        bottom: 3px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 20px;
        border-radius: 10px;
        background: #ffffff;
        color: #1fb4c3;
        font-size: 9px;
        letter-spacing: 1px;
        box-shadow: 0 5px 12px rgba(14, 36, 64, 0.10);
    }

    .page-clientareahome .bc-mobile-nav {
        right: 0;
        bottom: 0;
        left: 0;
        gap: 0;
        padding: 9px 8px calc(8px + env(safe-area-inset-bottom));
        border: 0;
        border-top: 1px solid #dfe8f1;
        border-radius: 0;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 -8px 24px rgba(14, 36, 64, 0.08);
    }

    .page-clientareahome .bc-mobile-nav-item {
        gap: 4px;
        padding: 4px 2px;
    }

    .page-clientareahome .bc-mobile-nav-item i {
        font-size: 18px;
    }

    .page-clientareahome .bc-mobile-nav-item span {
        font-size: 10px;
    }

    .page-clientareahome .bc-mobile-nav-item.is-active::after {
        width: 4px;
        height: 4px;
        margin-top: 0;
    }
}

@media (max-width: 380px) {
    .page-clientareahome .bc-mobile-hero-copy {
        padding-right: 98px;
    }

    .page-clientareahome .bc-mobile-clouds {
        width: 92px;
        transform: scale(.9);
        transform-origin: right center;
    }

    .page-clientareahome .bc-stat-grid {
        gap: 8px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .page-clientareahome .bc-stat-card {
        padding: 12px 10px;
    }

    .page-clientareahome .bc-stat-content small {
        font-size: 9px;
    }
}

/* =========================================================
   BAHÍA CLOUD STABLE UI v1.2.7
   Restauración del header Lagom + servicio horizontal preciso
   ========================================================= */

/* El header móvil vuelve a ser el header nativo de Lagom, con su logo original. */
.page-clientareahome .bc-mobile-app-header {
    display: none !important;
}

/* Servicios activos: estructura resistente a los estilos internos de Lagom. */
.page-clientareahome .bc-services-card .bc-card-header {
    padding: 22px 24px 18px !important;
}

.page-clientareahome .bc-services-card .bc-card-body.bc-native-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 16px 20px 20px !important;
}

.page-clientareahome .bc-services-card .bc-service-row {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 112px !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 22px 330px 22px 24px !important;
    border: 1px solid #d9e6f1 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(14, 36, 64, 0.025) !important;
    color: var(--bc-text) !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.page-clientareahome .bc-services-card .bc-service-row:last-child {
    border-bottom: 1px solid #d9e6f1 !important;
}

.page-clientareahome .bc-services-card .bc-service-row:hover,
.page-clientareahome .bc-services-card .bc-service-row:focus {
    border-color: rgba(31, 180, 195, 0.52) !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(14, 36, 64, 0.065) !important;
}

.page-clientareahome .bc-services-card .bc-native-row-icon {
    display: inline-flex !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #e9f8fa !important;
    color: var(--bc-primary) !important;
    font-size: 20px !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
    color: #60758f !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    overflow: visible !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-fullname,
.page-clientareahome .bc-services-card .bc-native-row-content b,
.page-clientareahome .bc-services-card .bc-native-row-content strong,
.page-clientareahome .bc-services-card .bc-native-row-content .product-name {
    display: block !important;
    margin: 0 !important;
    color: var(--bc-text) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-group {
    display: inline !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content .text-domain {
    display: block !important;
    max-width: 100% !important;
    margin: 7px 0 0 !important;
    color: #60758f !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* La pill se separa del copy y ocupa su propia posición. */
.page-clientareahome .bc-services-card .bc-native-row-content .label,
.page-clientareahome .bc-services-card .bc-native-row-content .status {
    position: absolute !important;
    top: 50% !important;
    right: 188px !important;
    display: inline-flex !important;
    min-width: 96px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #e9f8ee !important;
    color: #179452 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    white-space: nowrap !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content .label::before,
.page-clientareahome .bc-services-card .bc-native-row-content .status::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #21b86b !important;
}

.page-clientareahome .bc-services-card .bc-native-row-action {
    position: absolute !important;
    top: 50% !important;
    right: 24px !important;
    display: inline-flex !important;
    min-width: 136px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid #d2e0ec !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: var(--bc-primary) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    white-space: nowrap !important;
}

.page-clientareahome .bc-services-card .bc-native-row-action i {
    font-size: 11px !important;
}

@media (max-width: 991px) and (min-width: 768px) {
    .page-clientareahome .bc-services-card .bc-service-row {
        padding-right: 288px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .label,
    .page-clientareahome .bc-services-card .bc-native-row-content .status {
        right: 166px !important;
        min-width: 86px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action {
        right: 18px !important;
        min-width: 128px !important;
    }
}

@media (max-width: 767px) {
    /* El header original de Lagom permanece visible. */
    .page-clientareahome .app-nav {
        display: flex !important;
    }

    .page-clientareahome .bc-services-card .bc-card-body.bc-native-list {
        gap: 8px !important;
        padding: 10px 12px 12px !important;
    }

    .page-clientareahome .bc-services-card .bc-service-row {
        min-height: 68px !important;
        gap: 0 !important;
        padding: 12px 92px 12px 12px !important;
        border-radius: 12px !important;
        box-shadow: none !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-icon {
        display: none !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-fullname,
    .page-clientareahome .bc-services-card .bc-native-row-content b,
    .page-clientareahome .bc-services-card .bc-native-row-content strong,
    .page-clientareahome .bc-services-card .bc-native-row-content .product-name {
        font-size: 13px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .text-domain {
        margin-top: 4px !important;
        font-size: 11px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .label,
    .page-clientareahome .bc-services-card .bc-native-row-content .status {
        right: 36px !important;
        min-width: 54px !important;
        min-height: 22px !important;
        gap: 5px !important;
        padding: 0 8px !important;
        font-size: 9px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .label::before,
    .page-clientareahome .bc-services-card .bc-native-row-content .status::before {
        flex-basis: 5px !important;
        width: 5px !important;
        height: 5px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action {
        right: 12px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        gap: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action .bc-action-label {
        display: none !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-action i {
        font-size: 12px !important;
        transform: rotate(-90deg) !important;
    }
}

/* Corrección geométrica final: el ancho incluye padding y bordes. */
.page-clientareahome .bc-services-card,
.page-clientareahome .bc-services-card *,
.page-clientareahome .bc-services-card *::before,
.page-clientareahome .bc-services-card *::after {
    box-sizing: border-box !important;
}

/* El grupo es el título; producto y dominio forman la segunda línea. */
.page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-fullname {
    display: inline !important;
    color: #60758f !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-group {
    display: block !important;
    margin-bottom: 7px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1.3 !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-group b {
    display: inline !important;
    color: var(--bc-text) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.page-clientareahome .bc-services-card .bc-native-row-content .text-domain {
    display: inline !important;
    margin: 0 0 0 4px !important;
    color: #60758f !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
}

@media (max-width: 767px) {
    .page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-fullname,
    .page-clientareahome .bc-services-card .bc-native-row-content .text-domain {
        font-size: 11px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-group {
        margin-bottom: 4px !important;
    }

    .page-clientareahome .bc-services-card .bc-native-row-content .list-group-item-group b {
        font-size: 13px !important;
    }
}
/* END BAHIA STABLE UI v1.2.7 */

/* BEGIN BAHIA PRODUCTS UI v1.3.2 */
/* Bahía Cloud · Products & Services UI v1.3.2 */

.page-clientareaproducts {
    --bc-products-primary: #0f447d;
    --bc-products-primary-deep: #0a2f59;
    --bc-products-accent: #18b8c7;
    --bc-products-accent-soft: #eaf9fb;
    --bc-products-bg: #f4f8fc;
    --bc-products-surface: #ffffff;
    --bc-products-border: #dbe6f0;
    --bc-products-text: #0c294d;
    --bc-products-muted: #60758f;
    --bc-products-success: #159a57;
    --bc-products-success-soft: #e9f8ef;
    --bc-products-muted-soft: #eef2f6;
    --bc-products-shadow: 0 12px 34px rgba(22, 56, 94, 0.055);
}

.page-clientareaproducts .main-header {
    display: none !important;
}

.page-clientareaproducts .main-body {
    padding-top: 0;
    padding-bottom: 56px;
    background: var(--bc-products-bg);
}

.page-clientareaproducts .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding-right: 0;
    padding-left: 0;
}

.page-clientareaproducts .main-grid {
    display: block !important;
}

.page-clientareaproducts .main-sidebar {
    display: none !important;
}

.page-clientareaproducts .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.page-clientareaproducts .bc-products-page,
.page-clientareaproducts .bc-products-page *,
.page-clientareaproducts .bc-products-page *::before,
.page-clientareaproducts .bc-products-page *::after {
    box-sizing: border-box;
}

.page-clientareaproducts .bc-products-page {
    color: var(--bc-products-text);
}

.page-clientareaproducts .bc-products-hero {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 154px;
    margin: 0 -40px 28px;
    padding: 34px 40px 32px;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 50%, rgba(88, 180, 236, 0.14), transparent 34%),
        linear-gradient(135deg, #f7fbff 0%, #eef6fd 100%);
    border-bottom: 1px solid rgba(211, 225, 238, 0.9);
}

.page-clientareaproducts .bc-products-hero::after {
    content: "";
    position: absolute;
    right: -84px;
    bottom: -90px;
    width: 420px;
    height: 220px;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(255,255,255,.72) 0 36%, transparent 37%),
        linear-gradient(145deg, rgba(69,153,222,.08), rgba(34,189,202,.04));
    transform: rotate(-10deg);
    pointer-events: none;
}

.page-clientareaproducts .bc-products-hero-icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: var(--bc-products-accent-soft);
    color: var(--bc-products-primary);
    font-size: 24px;
}

.page-clientareaproducts .bc-products-hero-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.page-clientareaproducts .bc-products-hero h1 {
    margin: 0;
    color: var(--bc-products-text);
    font-size: 40px;
    font-weight: 750;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.page-clientareaproducts .bc-products-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #7b8ea5;
    font-size: 14px;
}

.page-clientareaproducts .bc-products-breadcrumb a {
    color: #7b8ea5;
    text-decoration: none;
}

.page-clientareaproducts .bc-products-breadcrumb [aria-current="page"] {
    color: var(--bc-products-primary);
}

.page-clientareaproducts .bc-products-layout {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.page-clientareaproducts .bc-products-actions-card,
.page-clientareaproducts .bc-products-main .table-container {
    border: 1px solid var(--bc-products-border);
    border-radius: 18px;
    background: var(--bc-products-surface);
    box-shadow: var(--bc-products-shadow);
}

.page-clientareaproducts .bc-products-actions-card {
    padding: 22px;
}

.page-clientareaproducts .bc-products-actions-card > h2 {
    margin: 0;
    color: var(--bc-products-text);
    font-size: 18px;
    font-weight: 750;
}

.page-clientareaproducts .bc-products-actions-card > p {
    margin: 8px 0 20px;
    color: var(--bc-products-muted);
    font-size: 13px;
    line-height: 1.55;
}

.page-clientareaproducts .bc-products-action-link {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    padding: 12px 0;
    color: var(--bc-products-text);
    text-decoration: none;
}

.page-clientareaproducts .bc-products-action-link + .bc-products-action-link {
    border-top: 1px solid #edf2f7;
}

.page-clientareaproducts .bc-products-action-link:hover,
.page-clientareaproducts .bc-products-action-link:focus {
    color: var(--bc-products-primary);
    text-decoration: none;
}

.page-clientareaproducts .bc-products-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: var(--bc-products-accent-soft);
    color: var(--bc-products-primary);
    font-size: 18px;
}

.page-clientareaproducts .bc-products-action-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.page-clientareaproducts .bc-products-action-copy strong {
    color: var(--bc-products-primary);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.page-clientareaproducts .bc-products-action-copy small {
    margin-top: 4px;
    color: var(--bc-products-muted);
    font-size: 11px;
    line-height: 1.45;
}

.page-clientareaproducts .bc-products-help-card {
    display: flex;
    gap: 12px;
    margin-top: 18px;
    padding: 16px;
    border-radius: 14px;
    background: linear-gradient(145deg, #f1f9ff 0%, #e7f6fb 100%);
}

.page-clientareaproducts .bc-products-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    color: var(--bc-products-primary);
}

.page-clientareaproducts .bc-products-help-card strong {
    display: block;
    color: var(--bc-products-text);
    font-size: 12px;
    font-weight: 750;
}

.page-clientareaproducts .bc-products-help-card p {
    margin: 3px 0 10px;
    color: var(--bc-products-muted);
    font-size: 10px;
    line-height: 1.4;
}

.page-clientareaproducts .bc-products-help-card .btn {
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 11px;
}

.page-clientareaproducts .bc-products-main {
    min-width: 0;
}

.page-clientareaproducts .bc-products-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.page-clientareaproducts .bc-products-search {
    display: flex;
    align-items: center;
    min-height: 44px;
    gap: 10px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--bc-products-border);
    border-radius: 11px;
    background: #fff;
    color: #6d829b;
}

.page-clientareaproducts .bc-products-search input {
    width: 100%;
    height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bc-products-text);
    font-size: 13px;
}

.page-clientareaproducts .bc-products-filter-host {
    min-width: 98px;
}

.page-clientareaproducts .bc-products-filter-host .view-filter-btns {
    width: 100%;
}

.page-clientareaproducts .bc-products-filter-host .dropdown-toggle {
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--bc-products-border);
    border-radius: 11px;
    background: #fff;
    color: var(--bc-products-primary);
    font-size: 13px;
    font-weight: 650;
}

.page-clientareaproducts .bc-products-filter-host .dropdown-toggle::before {
    content: "\e907";
    margin-right: 7px;
    font-family: "Lagom Small Icons";
}

.page-clientareaproducts .bc-products-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    gap: 8px;
    padding: 0 18px;
    border-radius: 11px;
    white-space: nowrap;
}

.page-clientareaproducts .bc-products-main .table-container {
    position: relative;
    overflow: visible;
    padding: 0;
}

.page-clientareaproducts .bc-products-main .table-top {
    display: none !important;
}

.page-clientareaproducts #tableServicesList_filter {
    display: none !important;
}

.page-clientareaproducts .bc-products-main .listtable {
    margin: 0;
}

.page-clientareaproducts #tableServicesList {
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.page-clientareaproducts #tableServicesList thead th {
    height: 46px;
    padding: 0 20px;
    border-top: 0;
    border-bottom: 1px solid var(--bc-products-border);
    background: #fbfdff;
    color: #647a94;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
}

.page-clientareaproducts #tableServicesList thead th:first-child {
    border-top-left-radius: 18px;
}

.page-clientareaproducts #tableServicesList thead th:last-child {
    border-top-right-radius: 18px;
}

.page-clientareaproducts #tableServicesList tbody tr {
    cursor: pointer;
    transition: background 150ms ease;
}

.page-clientareaproducts #tableServicesList tbody tr:hover {
    background: #f8fbfe;
}

.page-clientareaproducts #tableServicesList tbody td {
    min-height: 76px;
    padding: 14px 20px;
    border-top: 0;
    border-bottom: 1px solid var(--bc-products-border);
    color: var(--bc-products-muted);
    font-size: 13px;
    vertical-align: middle;
}

.page-clientareaproducts #tableServicesList tbody tr:last-child td {
    border-bottom: 0;
}

.page-clientareaproducts #tableServicesList tbody td:first-child .d-flex {
    gap: 12px !important;
}

.page-clientareaproducts #tableServicesList tbody td:first-child > .d-flex::before {
    content: "\e920";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: var(--bc-products-accent-soft);
    color: var(--bc-products-primary);
    font-family: "Lagom Small Icons";
    font-size: 17px;
}

.page-clientareaproducts #tableServicesList tbody td:first-child b {
    color: var(--bc-products-text);
    font-size: 13px;
    font-weight: 750;
}

.page-clientareaproducts #tableServicesList tbody td:first-child .text-small,
.page-clientareaproducts #tableServicesList tbody td:first-child a.text-small {
    color: #6d8198;
    font-size: 12px;
}

.page-clientareaproducts #tableServicesList .status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.page-clientareaproducts #tableServicesList .status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.page-clientareaproducts #tableServicesList .status-active {
    background: var(--bc-products-success-soft) !important;
    color: var(--bc-products-success) !important;
}

.page-clientareaproducts #tableServicesList .status-terminated,
.page-clientareaproducts #tableServicesList .status-cancelled,
.page-clientareaproducts #tableServicesList .status-suspended {
    background: var(--bc-products-muted-soft) !important;
    color: #7d8ea2 !important;
}

.page-clientareaproducts #tableServicesList .cell-action .btn-icon {
    color: var(--bc-products-primary);
}

.page-clientareaproducts .dataTables_wrapper .dataTables_paginate,
.page-clientareaproducts .dataTables_wrapper .dataTables_length {
    padding: 12px 18px;
}

.page-clientareaproducts .dataTables_wrapper .dataTables_length {
    color: var(--bc-products-muted);
    font-size: 12px;
}

.page-clientareaproducts .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 34px;
    min-height: 32px;
    border-radius: 8px;
}

.page-clientareaproducts .bc-products-mobile-help,
.page-clientareaproducts .bc-products-mobile-nav {
    display: none;
}

@media (max-width: 1199px) {
    .page-clientareaproducts .main-body > .container {
        width: calc(100% - 48px);
    }

    .page-clientareaproducts .bc-products-hero {
        margin-right: -24px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .page-clientareaproducts .bc-products-layout {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .page-clientareaproducts .bc-products-actions {
        display: none;
    }

    .page-clientareaproducts .bc-products-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .page-clientareaproducts .main-body {
        padding-bottom: 100px;
    }

    .page-clientareaproducts .main-body > .container {
        width: calc(100% - 32px);
    }

    .page-clientareaproducts .bc-products-hero {
        min-height: 0;
        margin: 0 0 20px;
        padding: 18px 0 0;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .page-clientareaproducts .bc-products-hero::after,
    .page-clientareaproducts .bc-products-hero-icon {
        display: none;
    }

    .page-clientareaproducts .bc-products-hero h1 {
        font-size: 25px;
        letter-spacing: -0.025em;
        line-height: 1.15;
    }

    .page-clientareaproducts .bc-products-breadcrumb {
        gap: 5px;
        margin-top: 8px;
        font-size: 11px;
    }

    .page-clientareaproducts .bc-products-toolbar {
        grid-template-columns: minmax(0, 1fr) 44px;
        gap: 8px;
        margin-bottom: 14px;
    }

    .page-clientareaproducts .bc-products-search {
        min-height: 44px;
    }

    .page-clientareaproducts .bc-products-filter-host {
        min-width: 44px;
    }

    .page-clientareaproducts .bc-products-filter-host .dropdown-toggle {
        width: 44px;
        min-width: 44px;
        padding: 0;
        font-size: 0;
    }

    .page-clientareaproducts .bc-products-filter-host .dropdown-toggle::before {
        margin: 0;
        font-size: 15px;
    }

    .page-clientareaproducts .bc-products-filter-host .dropdown-toggle .lm,
    .page-clientareaproducts .bc-products-filter-host .dropdown-toggle .ls-caret,
    .page-clientareaproducts .bc-products-filter-host .dropdown-toggle .status {
        display: none !important;
    }

    .page-clientareaproducts .bc-products-add {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 44px;
    }

    .page-clientareaproducts .bc-products-main .table-container {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-clientareaproducts #tableServicesList,
    .page-clientareaproducts #tableServicesList tbody {
        display: block;
        width: 100% !important;
    }

    .page-clientareaproducts #tableServicesList thead {
        display: none;
    }

    .page-clientareaproducts #tableServicesList tbody tr {
        position: relative;
        display: block;
        width: 100%;
        min-height: 92px;
        margin-bottom: 12px;
        padding: 15px 108px 15px 60px;
        border: 1px solid var(--bc-products-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(22,56,94,.04);
    }

    .page-clientareaproducts #tableServicesList tbody tr::before {
        content: "\e920";
        position: absolute;
        top: 20px;
        left: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 12px;
        background: var(--bc-products-accent-soft);
        color: var(--bc-products-primary);
        font-family: "Lagom Small Icons";
        font-size: 16px;
    }

    .page-clientareaproducts #tableServicesList tbody tr::after {
        content: "›";
        position: absolute;
        top: 50%;
        right: 14px;
        color: var(--bc-products-primary);
        font-size: 24px;
        line-height: 1;
        transform: translateY(-50%);
    }

    .page-clientareaproducts #tableServicesList tbody td {
        display: none;
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .page-clientareaproducts #tableServicesList tbody td:first-child {
        display: block;
    }

    .page-clientareaproducts #tableServicesList tbody td:first-child > .d-flex {
        display: block !important;
    }

    .page-clientareaproducts #tableServicesList tbody td:first-child > .d-flex::before,
    .page-clientareaproducts #tableServicesList tbody td:first-child .graphic-item,
    .page-clientareaproducts #tableServicesList tbody td:first-child .ssl-info {
        display: none !important;
    }

    .page-clientareaproducts #tableServicesList tbody td:first-child b {
        display: inline;
        font-size: 13px;
    }

    .page-clientareaproducts #tableServicesList tbody td:first-child .text-small,
    .page-clientareaproducts #tableServicesList tbody td:first-child a.text-small {
        display: block;
        margin-top: 4px;
        overflow: hidden;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page-clientareaproducts #tableServicesList tbody td:nth-child(4) {
        position: absolute;
        right: 38px;
        bottom: 15px;
        display: block;
    }

    .page-clientareaproducts #tableServicesList tbody td:nth-child(5) {
        display: none !important;
    }

    .page-clientareaproducts #tableServicesList .status {
        min-height: 22px;
        padding: 3px 8px;
        font-size: 9px;
    }

    .page-clientareaproducts #tableServicesList .status::before {
        width: 5px;
        height: 5px;
    }

    .page-clientareaproducts .dataTables_wrapper .dataTables_length,
    .page-clientareaproducts .dataTables_wrapper .dataTables_paginate {
        display: none !important;
    }

    .page-clientareaproducts .bc-products-mobile-help {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        margin-top: 14px;
        padding: 16px;
        border: 1px solid #d6e9f5;
        border-radius: 14px;
        background: linear-gradient(135deg, #eef8ff 0%, #dff3fb 100%);
    }

    .page-clientareaproducts .bc-products-mobile-help strong {
        color: var(--bc-products-text);
        font-size: 13px;
        font-weight: 750;
    }

    .page-clientareaproducts .bc-products-mobile-help p {
        margin: 3px 0 10px;
        color: var(--bc-products-muted);
        font-size: 10px;
    }

    .page-clientareaproducts .bc-products-mobile-help-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: rgba(255,255,255,.72);
        color: var(--bc-products-primary);
        font-size: 24px;
    }

    .page-clientareaproducts .bc-products-mobile-nav {
        position: fixed;
        right: 10px;
        bottom: max(10px, env(safe-area-inset-bottom));
        left: 10px;
        z-index: 90;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 2px;
        padding: 9px 6px calc(9px + env(safe-area-inset-bottom));
        border: 1px solid rgba(216,229,240,.95);
        border-radius: 18px;
        background: rgba(255,255,255,.97);
        box-shadow: 0 18px 38px rgba(11,45,87,.15);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }

    .page-clientareaproducts .bc-products-mobile-nav a {
        position: relative;
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 5px 2px;
        color: #61758f;
        text-decoration: none;
    }

    .page-clientareaproducts .bc-products-mobile-nav a i {
        font-size: 17px;
    }

    .page-clientareaproducts .bc-products-mobile-nav a span {
        font-size: 10px;
        font-weight: 600;
        line-height: 1.1;
    }

    .page-clientareaproducts .bc-products-mobile-nav a.is-active {
        color: var(--bc-products-primary);
    }

    .page-clientareaproducts .bc-products-mobile-nav a.is-active::after {
        content: "";
        position: absolute;
        bottom: -2px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--bc-products-accent);
    }
}

/* =========================================================
   BAHÍA CLOUD · SERVICES UI v1.3.2
   Estructura determinista + navegación móvil global
   ========================================================= */

/* El icono del título se retiró por decisión de diseño. */
.page-clientareaproducts .bc-products-hero-icon {
    display: none !important;
}

.page-clientareaproducts .bc-products-hero {
    gap: 0;
}

/* SVG propios: no dependen de las fuentes de iconos de Lagom. */
.page-clientareaproducts .bc-products-page svg,
.bc-global-mobile-nav svg {
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-clientareaproducts .bc-products-action-icon svg,
.page-clientareaproducts .bc-products-help-icon svg,
.page-clientareaproducts .bc-products-mobile-help-icon svg {
    width: 20px;
    height: 20px;
}

.page-clientareaproducts .bc-products-search-icon,
.page-clientareaproducts .bc-products-add-icon {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
}

/* Panel de acciones: ancho, jerarquía y respiración reales. */
.page-clientareaproducts .bc-products-layout {
    grid-template-columns: 282px minmax(0, 1fr);
    gap: 24px;
}

.page-clientareaproducts .bc-products-actions-card {
    padding: 26px 22px 22px;
}

.page-clientareaproducts .bc-products-actions-card > h2 {
    font-size: 20px;
}

.page-clientareaproducts .bc-products-actions-card > p {
    margin: 10px 0 20px;
    font-size: 14px;
    line-height: 1.6;
}

.page-clientareaproducts .bc-products-action-link {
    grid-template-columns: 48px minmax(0, 1fr) 18px;
    gap: 14px;
    min-height: 98px;
    padding: 18px 0;
}

.page-clientareaproducts .bc-products-action-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
}

.page-clientareaproducts .bc-products-action-copy strong {
    font-size: 15px;
    line-height: 1.35;
}

.page-clientareaproducts .bc-products-action-copy small {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
}

.page-clientareaproducts .bc-products-help-card {
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
    padding: 18px;
}

.page-clientareaproducts .bc-products-help-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}

.page-clientareaproducts .bc-products-help-card strong {
    font-size: 14px;
}

.page-clientareaproducts .bc-products-help-card p {
    margin: 5px 0 12px;
    font-size: 11px;
    line-height: 1.5;
}

.page-clientareaproducts .bc-products-help-card .btn,
.page-clientareaproducts .bc-products-mobile-help .btn,
.page-clientareaproducts .bc-products-add,
.page-clientareaproducts .bc-products-filter-host .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Producto/Servicio: una sola estructura para carga estática y AJAX. */
.page-clientareaproducts #tableServicesList tbody td.bc-service-product-cell {
    padding: 16px 22px;
}

.page-clientareaproducts .bc-service-product {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.page-clientareaproducts .bc-service-product-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--bc-products-accent-soft);
    color: var(--bc-products-primary);
}

.page-clientareaproducts .bc-service-product-icon svg {
    width: 19px;
    height: 19px;
}

.page-clientareaproducts .bc-service-product-copy {
    min-width: 0;
}

.page-clientareaproducts .bc-service-product-title {
    overflow: hidden;
    color: var(--bc-products-text);
    font-size: 13px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-clientareaproducts .bc-service-product-title strong {
    font-weight: 750;
}

.page-clientareaproducts .bc-service-product-domain,
.page-clientareaproducts .bc-service-product-ip {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: #6d8198;
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-clientareaproducts .bc-service-product-domain a {
    color: inherit;
    text-decoration: none;
}

/* Neutralizar restos de los componentes nativos que duplicaban iconos y botones. */
.page-clientareaproducts #tableServicesList .bc-service-product .graphic-item,
.page-clientareaproducts #tableServicesList .bc-service-product .btn-table-collapse,
.page-clientareaproducts #tableServicesList .bc-service-product .ssl-info,
.page-clientareaproducts #tableServicesList .bc-service-product .ssl-status,
.page-clientareaproducts #tableServicesList tbody td:first-child > .d-flex::before,
.page-clientareaproducts #tableServicesList tbody tr::before {
    display: none !important;
    content: none !important;
}

.page-clientareaproducts #tableServicesList .status-icon {
    display: none !important;
}

.page-clientareaproducts #tableServicesList .status {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    min-height: 26px;
    padding: 4px 11px;
    white-space: nowrap;
}

/* Filtro contenido dentro del viewport. */
.page-clientareaproducts .bc-products-filter-host {
    position: relative;
}

.page-clientareaproducts .bc-products-filter-host .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 190px;
    max-width: min(240px, calc(100vw - 24px));
}

/* El menú inferior es global; los menús de página quedan anulados. */
.page-clientareaproducts .bc-products-mobile-nav,
.page-clientareahome .bc-mobile-nav {
    display: none !important;
}

.bc-global-mobile-nav {
    display: none;
}

@media (max-width: 991px) {
    .page-clientareaproducts .bc-products-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    body.page-user-logged:not(.page-order) .main-body {
        padding-bottom: 92px !important;
    }

    .page-clientareaproducts .bc-products-toolbar {
        overflow: visible;
    }

    .page-clientareaproducts .bc-products-filter-host .dropdown-menu {
        top: calc(100% + 8px);
        right: 0;
        left: auto;
        width: min(220px, calc(100vw - 32px));
        max-width: calc(100vw - 32px);
        transform: none !important;
    }

    /* Card móvil real: producto, estado y chevron en columnas independientes. */
    .page-clientareaproducts #tableServicesList tbody tr {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto 16px;
        align-items: center;
        gap: 12px;
        min-height: 106px;
        margin-bottom: 14px;
        padding: 17px 14px;
        border: 1px solid var(--bc-products-border);
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(22,56,94,.04);
    }

    .page-clientareaproducts #tableServicesList tbody tr::after {
        content: "›";
        position: static;
        grid-column: 3;
        color: var(--bc-products-primary);
        font-size: 24px;
        line-height: 1;
        transform: none;
    }

    .page-clientareaproducts #tableServicesList tbody td {
        display: none;
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .page-clientareaproducts #tableServicesList tbody td.bc-service-product-cell {
        display: block;
        grid-column: 1;
        min-width: 0;
        padding: 0;
    }

    .page-clientareaproducts .bc-service-product {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
    }

    .page-clientareaproducts .bc-service-product-icon {
        width: 44px;
        height: 44px;
    }

    .page-clientareaproducts .bc-service-product-title {
        font-size: 13px;
    }

    .page-clientareaproducts #tableServicesList tbody td:nth-child(4) {
        position: static;
        display: flex;
        grid-column: 2;
        align-items: center;
        justify-content: flex-end;
        padding: 0;
    }

    .page-clientareaproducts #tableServicesList tbody td:nth-child(5) {
        display: none !important;
    }

    .page-clientareaproducts #tableServicesList .status {
        min-height: 24px;
        padding: 4px 9px;
        font-size: 10px;
    }

    .bc-global-mobile-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: stretch;
        gap: 0;
        padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(216,229,240,.96);
        border-radius: 18px 18px 0 0;
        background: rgba(255,255,255,.98);
        box-shadow: 0 -12px 28px rgba(11,45,87,.10);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }

    .bc-global-mobile-nav-item {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 54px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 4px 2px;
        color: #647994;
        text-align: center;
        text-decoration: none;
    }

    .bc-global-mobile-nav-item svg {
        width: 19px;
        height: 19px;
    }

    .bc-global-mobile-nav-item span {
        overflow: hidden;
        max-width: 100%;
        font-size: 10px;
        font-weight: 650;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bc-global-mobile-nav-item.is-active {
        color: #0f447d;
    }

    .bc-global-mobile-nav-item.is-active::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #18b8c7;
    }
}

/* Bahía Cloud · Products & Services UI v1.3.2 final fixes */

/* Filtro: icono SVG real, independiente de fuentes de iconos. */
.page-clientareaproducts .bc-products-filter-host .dropdown-toggle::before {
    display: none !important;
    content: none !important;
}

.page-clientareaproducts .bc-products-filter-icon {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Estados: ancho real del contenido, sin estirarse. */
.page-clientareaproducts #tableServicesList tbody td:nth-child(4) {
    text-align: right;
}

.page-clientareaproducts #tableServicesList tbody td:nth-child(4) .status {
    display: inline-flex !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .page-clientareaproducts .bc-products-filter-host .dropdown-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .page-clientareaproducts .bc-products-filter-icon {
        width: 17px;
        height: 17px;
        margin-right: 0;
    }

    .page-clientareaproducts #tableServicesList tbody td:nth-child(4) {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: auto;
        min-width: 0;
    }

    .page-clientareaproducts #tableServicesList tbody td:nth-child(4) .status {
        justify-self: end;
        width: max-content !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-right: 10px;
        padding-left: 10px;
        white-space: nowrap;
    }
}
/* END BAHIA PRODUCTS UI v1.3.2 */

/* BEGIN BAHIA BILLING UI v1.4.3 */
/* Bahía Cloud · Billing UI v1.4.3 */

.page-clientareainvoices {
    --bc-billing-primary: #0f447d;
    --bc-billing-primary-deep: #082f5c;
    --bc-billing-accent: #18b8c7;
    --bc-billing-bg: #f4f8fc;
    --bc-billing-surface: #ffffff;
    --bc-billing-border: #dbe6f0;
    --bc-billing-text: #0c294d;
    --bc-billing-muted: #667b94;
    --bc-billing-danger: #d52c38;
    --bc-billing-danger-soft: #fdebed;
    --bc-billing-success: #159a57;
    --bc-billing-success-soft: #e9f8ef;
    --bc-billing-shadow: 0 12px 34px rgba(22, 56, 94, 0.055);
}

.page-clientareainvoices .main-header {
    display: none !important;
}

.page-clientareainvoices .main-body {
    padding-top: 0;
    padding-bottom: 58px;
    background: var(--bc-billing-bg);
}

.page-clientareainvoices .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding-right: 0;
    padding-left: 0;
}

.page-clientareainvoices .main-grid {
    display: block !important;
}

.page-clientareainvoices .main-sidebar {
    display: none !important;
}

.page-clientareainvoices .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.page-clientareainvoices .bc-invoices-page,
.page-clientareainvoices .bc-invoices-page *,
.page-clientareainvoices .bc-invoices-page *::before,
.page-clientareainvoices .bc-invoices-page *::after {
    box-sizing: border-box;
}

.page-clientareainvoices .bc-invoices-page {
    color: var(--bc-billing-text);
}

.page-clientareainvoices .bc-invoices-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    min-height: 164px;
    padding: 40px 0 32px;
}

.page-clientareainvoices .bc-invoices-hero h1 {
    margin: 0;
    color: var(--bc-billing-text);
    font-size: 42px;
    font-weight: 750;
    letter-spacing: -0.04em;
    line-height: 1.08;
}

.page-clientareainvoices .bc-invoices-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #7b8ea5;
    font-size: 14px;
}

.page-clientareainvoices .bc-invoices-breadcrumb a {
    color: #7b8ea5;
    text-decoration: none;
}

.page-clientareainvoices .bc-invoices-breadcrumb [aria-current="page"] {
    color: var(--bc-billing-primary);
}

.page-clientareainvoices .bc-invoices-search {
    display: flex;
    align-items: center;
    flex: 0 1 330px;
    min-height: 48px;
    gap: 11px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--bc-billing-border);
    border-radius: 12px;
    background: #fff;
    color: #698098;
}

.page-clientareainvoices .bc-invoices-search svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.page-clientareainvoices .bc-invoices-search input {
    width: 100%;
    height: 46px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bc-billing-text);
    font-size: 14px;
}

.page-clientareainvoices .bc-invoices-summary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(220px, .82fr) minmax(260px, .92fr);
    gap: 24px;
    margin-bottom: 26px;
}

.page-clientareainvoices .bc-invoices-summary-primary,
.page-clientareainvoices .bc-invoices-summary-card,
.page-clientareainvoices .bc-invoices-table-card,
.page-clientareainvoices .bc-invoices-help {
    border: 1px solid var(--bc-billing-border);
    border-radius: 18px;
    box-shadow: var(--bc-billing-shadow);
}

.page-clientareainvoices .bc-invoices-summary-primary {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    min-height: 156px;
    padding: 26px 28px;
    overflow: hidden;
    border-color: rgba(11, 69, 129, .55);
    background: linear-gradient(125deg, #0f4f91 0%, #0a386f 58%, #082d5a 100%);
    color: #fff;
}

.page-clientareainvoices .bc-invoices-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    color: #59d1dd;
}

.page-clientareainvoices .bc-invoices-summary-icon svg {
    width: 34px;
    height: 34px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-clientareainvoices .bc-invoices-summary-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.page-clientareainvoices .bc-invoices-summary-copy > span {
    color: rgba(255, 255, 255, .78);
    font-size: 15px;
    line-height: 1.4;
}

.page-clientareainvoices .bc-invoices-summary-copy strong {
    margin-top: 8px;
    color: #fff;
    font-size: 38px;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1;
}

.page-clientareainvoices .bc-invoices-pay-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    min-height: 46px;
    gap: 9px;
    padding: 0 18px;
    border-radius: 11px;
    background: #fff;
    color: var(--bc-billing-primary);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.page-clientareainvoices .bc-invoices-pay-button:hover,
.page-clientareainvoices .bc-invoices-pay-button:focus {
    color: var(--bc-billing-primary-deep);
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .14);
}

.page-clientareainvoices .bc-invoices-pay-button svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-clientareainvoices .bc-invoices-summary-card {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 18px;
    min-height: 156px;
    padding: 24px;
    background: #fff;
    color: var(--bc-billing-text);
    text-decoration: none;
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.page-clientareainvoices a.bc-invoices-summary-card:hover,
.page-clientareainvoices a.bc-invoices-summary-card:focus {
    border-color: rgba(24, 184, 199, .5);
    color: var(--bc-billing-text);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(22, 56, 94, .09);
}

.page-clientareainvoices .bc-invoices-summary-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #eaf3ff;
    color: #2467ad;
}

.page-clientareainvoices .bc-invoices-summary-card-icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-clientareainvoices .bc-invoices-summary-card-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.page-clientareainvoices .bc-invoices-summary-card-copy small {
    color: var(--bc-billing-muted);
    font-size: 13px;
    line-height: 1.35;
}

.page-clientareainvoices .bc-invoices-summary-card-copy strong {
    margin-top: 5px;
    overflow: hidden;
    color: var(--bc-billing-text);
    font-size: 25px;
    font-weight: 750;
    line-height: 1.15;
    text-overflow: ellipsis;
}

.page-clientareainvoices .bc-invoices-summary-card-copy .bc-invoices-next-due {
    font-size: 18px;
    line-height: 1.28;
}

.page-clientareainvoices .bc-invoices-summary-card-copy > span {
    margin-top: 10px;
    color: var(--bc-billing-primary);
    font-size: 12px;
    font-weight: 650;
}

.page-clientareainvoices .bc-invoices-summary-card-copy i {
    margin-left: 4px;
    font-size: 18px;
    font-style: normal;
    vertical-align: -1px;
}

.page-clientareainvoices .bc-invoices-summary-card-muted {
    opacity: .82;
}

.page-clientareainvoices .bc-invoices-table-card {
    overflow: visible;
    background: #fff;
}

.page-clientareainvoices .bc-invoices-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 72px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--bc-billing-border);
}

.page-clientareainvoices .bc-invoices-filter-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--bc-billing-muted);
    font-size: 13px;
}

.page-clientareainvoices .bc-invoices-filter-icon {
    display: inline-flex;
    color: var(--bc-billing-primary);
}

.page-clientareainvoices .bc-invoices-filter-icon svg,
.page-clientareainvoices .bc-invoices-export svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-clientareainvoices .bc-invoices-filter-host .view-filter-btns {
    margin: 0;
}

.page-clientareainvoices .bc-invoices-filter-host .dropdown-toggle {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--bc-billing-border);
    border-radius: 9px;
    background: #fff;
    color: var(--bc-billing-text);
    font-size: 13px;
}

.page-clientareainvoices .bc-invoices-filter-host .dropdown-menu {
    min-width: 190px;
}

.page-clientareainvoices .bc-invoices-export {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    gap: 8px;
    padding: 0 14px;
    border-color: var(--bc-billing-border);
    border-radius: 10px;
    color: var(--bc-billing-primary);
    font-size: 13px;
    font-weight: 650;
}

.page-clientareainvoices .bc-invoices-table-card .table-container {
    margin: 0;
    overflow: visible;
    border: 0;
    border-radius: 0 0 18px 18px;
    background: transparent;
    box-shadow: none;
}

.page-clientareainvoices .bc-invoices-table-card .table-top,
.page-clientareainvoices #tableInvoicesList_filter {
    display: none !important;
}

.page-clientareainvoices #tableInvoicesList {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.page-clientareainvoices #tableInvoicesList thead th {
    height: 54px;
    padding: 0 20px;
    border-top: 0;
    border-bottom: 1px solid var(--bc-billing-border);
    background: #fbfdff;
    color: #566d88;
    font-size: 12px;
    font-weight: 650;
    vertical-align: middle;
}

.page-clientareainvoices #tableInvoicesList tbody tr {
    cursor: pointer;
    transition: background 150ms ease;
}

.page-clientareainvoices #tableInvoicesList tbody tr:hover {
    background: #f8fbfe;
}

.page-clientareainvoices #tableInvoicesList tbody td {
    height: 78px;
    padding: 14px 20px;
    border-top: 0;
    border-bottom: 1px solid var(--bc-billing-border);
    color: var(--bc-billing-muted);
    font-size: 13px;
    vertical-align: middle;
}

.page-clientareainvoices #tableInvoicesList tbody tr:last-child td {
    border-bottom: 0;
}

.page-clientareainvoices #tableInvoicesList .bc-invoice-number strong,
.page-clientareainvoices #tableInvoicesList .bc-invoice-total strong {
    color: var(--bc-billing-text);
    font-weight: 700;
}

.page-clientareainvoices #tableInvoicesList .status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    gap: 7px;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.page-clientareainvoices #tableInvoicesList .status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.page-clientareainvoices #tableInvoicesList .status-unpaid,
.page-clientareainvoices #tableInvoicesList .status-overdue {
    background: var(--bc-billing-danger-soft) !important;
    color: var(--bc-billing-danger) !important;
}

.page-clientareainvoices #tableInvoicesList .status-paid {
    background: var(--bc-billing-success-soft) !important;
    color: var(--bc-billing-success) !important;
}

.page-clientareainvoices #tableInvoicesList .status-cancelled,
.page-clientareainvoices #tableInvoicesList .status-refunded,
.page-clientareainvoices #tableInvoicesList .status-collections,
.page-clientareainvoices #tableInvoicesList .status-draft {
    background: #eef2f6 !important;
    color: #778ba2 !important;
}

.page-clientareainvoices #tableInvoicesList .bc-invoice-actions .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--bc-billing-border);
    border-radius: 9px;
    color: var(--bc-billing-primary);
    font-size: 14px;
    letter-spacing: 1px;
}

.page-clientareainvoices .bc-invoice-mobile-label,
.page-clientareainvoices .bc-invoice-mobile-details {
    display: none;
}

.page-clientareainvoices .dataTables_wrapper .dataTables_length,
.page-clientareainvoices .dataTables_wrapper .dataTables_paginate {
    padding: 14px 20px;
}

.page-clientareainvoices .dataTables_wrapper .dataTables_length {
    color: var(--bc-billing-muted);
    font-size: 12px;
}

.page-clientareainvoices .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 34px;
    min-height: 32px;
    border-radius: 8px;
}

.page-clientareainvoices .bc-invoices-help {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    padding: 20px 24px;
    background: linear-gradient(135deg, #f8fdff 0%, #eefaff 100%);
}

.page-clientareainvoices .bc-invoices-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e5f2ff;
    color: var(--bc-billing-primary);
}

.page-clientareainvoices .bc-invoices-help-icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-clientareainvoices .bc-invoices-help strong {
    display: block;
    color: var(--bc-billing-text);
    font-size: 15px;
    font-weight: 750;
}

.page-clientareainvoices .bc-invoices-help p {
    margin: 4px 0 0;
    color: var(--bc-billing-muted);
    font-size: 12px;
    line-height: 1.5;
}

.page-clientareainvoices .bc-invoices-help .btn {
    min-height: 40px;
    padding: 8px 16px;
    border-color: #78a7e8;
    border-radius: 10px;
    color: var(--bc-billing-primary);
    font-size: 13px;
    font-weight: 650;
}

@media (max-width: 1199px) {
    .page-clientareainvoices .main-body > .container {
        width: calc(100% - 48px);
    }

    .page-clientareainvoices .bc-invoices-summary-grid {
        grid-template-columns: minmax(0, 1.5fr) minmax(220px, .8fr);
        gap: 20px;
    }

    .page-clientareainvoices .bc-invoices-summary-card:last-child {
        grid-column: 1 / -1;
        min-height: 116px;
    }
}

@media (max-width: 767px) {
    .page-clientareainvoices .main-body {
        padding-bottom: 104px;
    }

    .page-clientareainvoices .main-body > .container {
        width: calc(100% - 32px);
    }

    .page-clientareainvoices .bc-invoices-hero {
        display: block;
        min-height: 0;
        padding: 20px 0 22px;
    }

    .page-clientareainvoices .bc-invoices-hero h1 {
        font-size: 28px;
        letter-spacing: -0.03em;
    }

    .page-clientareainvoices .bc-invoices-breadcrumb {
        gap: 5px;
        margin-top: 8px;
        font-size: 11px;
    }

    .page-clientareainvoices .bc-invoices-search {
        width: 100%;
        min-height: 46px;
        margin-top: 20px;
    }

    .page-clientareainvoices .bc-invoices-summary-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        margin-bottom: 18px;
    }

    .page-clientareainvoices .bc-invoices-summary-primary {
        grid-template-columns: 52px minmax(0, 1fr) auto;
        gap: 14px;
        min-height: 132px;
        padding: 20px;
        border-radius: 16px;
    }

    .page-clientareainvoices .bc-invoices-summary-icon {
        width: 52px;
        height: 52px;
    }

    .page-clientareainvoices .bc-invoices-summary-icon svg {
        width: 25px;
        height: 25px;
    }

    .page-clientareainvoices .bc-invoices-summary-copy > span {
        font-size: 12px;
    }

    .page-clientareainvoices .bc-invoices-summary-copy strong {
        margin-top: 5px;
        font-size: 30px;
    }

    .page-clientareainvoices .bc-invoices-pay-button {
        min-width: 116px;
        min-height: 42px;
        padding: 0 13px;
        font-size: 12px;
    }

    .page-clientareainvoices .bc-invoices-summary-card {
        display: none;
    }

    .page-clientareainvoices .bc-invoices-table-card {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-clientareainvoices .bc-invoices-toolbar {
        min-height: 64px;
        margin-bottom: 14px;
        padding: 10px 14px;
        border: 1px solid var(--bc-billing-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(22, 56, 94, .04);
    }

    .page-clientareainvoices .bc-invoices-export {
        display: none;
    }

    .page-clientareainvoices .bc-invoices-filter-wrap {
        width: 100%;
        justify-content: space-between;
    }

    .page-clientareainvoices .bc-invoices-filter-host {
        margin-left: auto;
    }

    .page-clientareainvoices .bc-invoices-filter-host .dropdown-menu {
        right: 0;
        left: auto;
        width: min(220px, calc(100vw - 32px));
        max-width: calc(100vw - 32px);
    }

    .page-clientareainvoices .bc-invoices-table-card .table-container {
        overflow: visible;
        border-radius: 0;
    }

    .page-clientareainvoices #tableInvoicesList,
    .page-clientareainvoices #tableInvoicesList tbody {
        display: block;
        width: 100% !important;
    }

    .page-clientareainvoices #tableInvoicesList thead {
        display: none;
    }

    .page-clientareainvoices #tableInvoicesList tbody tr {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        width: 100%;
        min-height: 270px;
        margin-bottom: 14px;
        padding: 20px;
        border: 1px solid var(--bc-billing-border);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 9px 25px rgba(22, 56, 94, .05);
    }

    .page-clientareainvoices #tableInvoicesList tbody td {
        display: block !important;
        height: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-number {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        color: var(--bc-billing-text);
        font-size: 18px;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-number strong {
        font-size: 18px;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-status {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-self: end;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-date,
    .page-clientareainvoices #tableInvoicesList .bc-invoice-due {
        grid-column: 1 / -1;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        margin-top: 18px;
        color: var(--bc-billing-text);
        font-size: 13px;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-date {
        grid-row: 2;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-due {
        grid-row: 3;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-total {
        grid-column: 1 / -1;
        grid-row: 4;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 14px;
        margin-top: 20px;
        padding-top: 16px;
        border-top: 1px solid var(--bc-billing-border);
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-total strong {
        font-size: 18px;
    }

    .page-clientareainvoices .bc-invoice-mobile-label {
        display: block;
        color: var(--bc-billing-muted);
        font-size: 12px;
        font-weight: 500;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-number .bc-invoice-mobile-label {
        display: none;
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-actions {
        grid-column: 1 / -1;
        grid-row: 5;
        margin-top: 16px;
        padding-top: 14px;
        border-top: 1px solid var(--bc-billing-border);
    }

    .page-clientareainvoices #tableInvoicesList .bc-invoice-actions .dropdown {
        display: none;
    }

    .page-clientareainvoices .bc-invoice-mobile-details {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--bc-billing-primary);
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

    .page-clientareainvoices .bc-invoice-mobile-details span {
        font-size: 24px;
        line-height: 1;
    }

    .page-clientareainvoices .dataTables_wrapper .dataTables_length,
    .page-clientareainvoices .dataTables_wrapper .dataTables_paginate {
        display: none !important;
    }

    .page-clientareainvoices .bc-invoices-help {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 12px;
        margin-top: 16px;
        padding: 18px;
        border-radius: 16px;
    }

    .page-clientareainvoices .bc-invoices-help-icon {
        width: 44px;
        height: 44px;
    }

    .page-clientareainvoices .bc-invoices-help p {
        display: none;
    }

    .page-clientareainvoices .bc-invoices-help .btn {
        padding: 7px 12px;
        font-size: 12px;
    }
}

@media (max-width: 430px) {
    .page-clientareainvoices .bc-invoices-summary-primary {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .page-clientareainvoices .bc-invoices-summary-icon {
        width: 44px;
        height: 44px;
    }

    .page-clientareainvoices .bc-invoices-pay-button {
        grid-column: 1 / -1;
        width: 100%;
        margin-top: 2px;
    }

    .page-clientareainvoices .bc-invoices-help {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .page-clientareainvoices .bc-invoices-help .btn {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* Bahía Cloud Billing UI v1.4.3 — ajustes puntuales */
@media (max-width: 767px) {
    .page-clientareainvoices .bc-invoices-search input {
        font-size: 16px;
        line-height: 1.35;
        -webkit-appearance: none;
        appearance: none;
    }

    .page-clientareainvoices .bc-invoices-filter-wrap {
        justify-content: flex-start;
        gap: 8px;
    }

    .page-clientareainvoices .bc-invoices-filter-host {
        margin-left: 0;
    }
}

/* Bahía Cloud Billing UI v1.4.3 — filtro limpio y buscador móvil sin zoom */
.page-clientareainvoices .bc-invoices-table-card .table-top > .d-flex > label,
.page-clientareainvoices .bc-invoices-filter-wrap > .bc-invoices-filter-label {
    display: none !important;
}

@media (max-width: 767px) {
    .page-clientareainvoices #bcInvoicesSearch,
    .page-clientareainvoices .bc-invoices-search input[type="search"] {
        min-height: 44px;
        font-size: 16px !important;
        line-height: 1.5 !important;
        -webkit-appearance: none;
        appearance: none;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
        touch-action: manipulation;
        transform: none !important;
    }

    .page-clientareainvoices .bc-invoices-search {
        min-height: 48px;
    }
}

/* Bahía Cloud Billing UI v1.4.3 — dropdown móvil contenido dentro del viewport */
@media (max-width: 767px) {
    .page-clientareainvoices .bc-invoices-filter-host,
    .page-clientareainvoices .bc-invoices-filter-host .view-filter-btns {
        position: relative;
        max-width: 100%;
    }

    .page-clientareainvoices .bc-invoices-filter-host .dropdown-menu {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        right: auto !important;
        left: 0 !important;
        width: 190px;
        min-width: 0;
        max-width: calc(100vw - 32px);
        max-height: min(320px, calc(100vh - 180px));
        margin: 0;
        padding: 8px 0;
        overflow-x: hidden;
        overflow-y: auto;
        border: 1px solid var(--bc-billing-border);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 16px 38px rgba(11, 45, 87, .16);
        transform: none !important;
        z-index: 1200;
    }

    .page-clientareainvoices .bc-invoices-filter-host .dropdown-menu > li,
    .page-clientareainvoices .bc-invoices-filter-host .dropdown-menu > li > a {
        width: 100%;
        max-width: 100%;
    }

    .page-clientareainvoices .bc-invoices-filter-host .dropdown-menu > li > a {
        display: flex;
        align-items: center;
        min-height: 40px;
        padding: 9px 14px;
        overflow: hidden;
        color: var(--bc-billing-text);
        font-size: 14px;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page-clientareainvoices .bc-invoices-filter-host .dropdown-menu .status {
        width: auto;
        max-width: 100%;
        white-space: nowrap;
    }
}
/* END BAHIA BILLING UI v1.4.3 */

/* BEGIN BAHIA VIEWINVOICE UI v1.5.1 */
.bc-viewinvoice-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 42px 24px 56px;
}

.bc-viewinvoice-hero {
    margin-bottom: 28px;
}

.bc-viewinvoice-hero h1 {
    margin: 0;
    font-size: clamp(2.25rem, 4vw, 3rem);
    line-height: 1.05;
    font-weight: 800;
    color: #123b72;
}

.bc-viewinvoice-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    font-size: 14px;
    color: #6f86a0;
}
.bc-viewinvoice-breadcrumb a,
.bc-viewinvoice-breadcrumb span[aria-current="page"] { color: #6f86a0; }
.bc-viewinvoice-breadcrumb span[aria-current="page"] { color: #123b72; }

.bc-viewinvoice-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 296px;
    gap: 24px;
    align-items: start;
}

.bc-viewinvoice-main,
.bc-viewinvoice-sidebar {
    min-width: 0;
}

.bc-viewinvoice-summary-card,
.bc-viewinvoice-section,
.bc-viewinvoice-actions-card,
.bc-viewinvoice-help-card,
.bc-viewinvoice-payment-card,
.bc-viewinvoice-credit-card {
    background: #fff;
    border: 1px solid #d9e5f0;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(14, 40, 76, 0.04);
}

.bc-viewinvoice-summary-card {
    padding: 28px;
    margin-bottom: 22px;
}
.bc-viewinvoice-summary-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: start;
    padding-bottom: 22px;
    border-bottom: 1px solid #e5eef6;
}
.bc-viewinvoice-id {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}
.bc-viewinvoice-icon {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    border-radius: 50%;
    background: #eef6fb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f63b3;
}
.bc-viewinvoice-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bc-viewinvoice-id small,
.bc-viewinvoice-meta small {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #7086a0;
}
.bc-viewinvoice-number-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.bc-viewinvoice-number-line strong {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1;
    color: #123b72;
    font-weight: 800;
}
.bc-viewinvoice-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}
.bc-viewinvoice-status.is-paid { background: #e4f5e8; color: #22884a; }
.bc-viewinvoice-status.is-unpaid { background: #fde9eb; color: #d73f4c; }
.bc-viewinvoice-status.is-pending { background: #fff4d8; color: #9a6a08; }
.bc-viewinvoice-status.is-draft, .bc-viewinvoice-status.is-refunded, .bc-viewinvoice-status.is-cancelled, .bc-viewinvoice-status.is-collections, .bc-viewinvoice-status.is-neutral { background: #edf3f8; color: #5e7691; }
.bc-viewinvoice-meta {
    display: grid;
    gap: 14px;
}
.bc-viewinvoice-meta strong {
    font-size: 16px;
    line-height: 1.4;
    color: #123b72;
}
.bc-viewinvoice-address-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    padding-top: 22px;
}
.bc-viewinvoice-address-grid h3,
.bc-viewinvoice-section h2,
.bc-viewinvoice-actions-card h2,
.bc-viewinvoice-help-card h2,
.bc-viewinvoice-payment-card h2,
.bc-viewinvoice-credit-card h2 {
    margin: 0 0 14px;
    font-size: 24px;
    line-height: 1.2;
    color: #123b72;
    font-weight: 800;
}
.bc-viewinvoice-address-grid h3 { font-size: 22px; }
.bc-viewinvoice-address-grid address {
    margin: 0;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color: #35516f;
}

.bc-viewinvoice-section {
    padding: 22px 22px 24px;
    margin-bottom: 22px;
}
.bc-viewinvoice-section h2 { margin-bottom: 18px; font-size: 28px; }
.bc-viewinvoice-table-wrap { overflow-x: auto; }
.bc-viewinvoice-table {
    width: 100%;
    border-collapse: collapse;
}
.bc-viewinvoice-table th,
.bc-viewinvoice-table td {
    padding: 14px 0;
    border-bottom: 1px solid #e5eef6;
    font-size: 16px;
    line-height: 1.5;
    color: #35516f;
    text-align: left;
    vertical-align: top;
}
.bc-viewinvoice-table th {
    font-size: 15px;
    font-weight: 600;
    color: #6f86a0;
}
.bc-viewinvoice-table .is-right { text-align: right; }
.bc-viewinvoice-table tfoot td {
    font-weight: 600;
}
.bc-viewinvoice-table tfoot tr.is-total td {
    background: #edf4fa;
    color: #123b72;
    font-weight: 800;
    border-bottom: 0;
    padding: 16px 12px;
}
.bc-viewinvoice-table tfoot tr.is-balance td {
    background: #e8f6eb;
    color: #22884a;
    font-weight: 800;
    border-bottom: 0;
    padding: 16px 12px;
}
.bc-viewinvoice-footnote {
    margin: 12px 0 0;
    font-size: 13px;
    color: #7086a0;
}
.bc-viewinvoice-qr,
.bc-viewinvoice-notes,
.bc-viewinvoice-bank {
    background: #fff;
    border: 1px solid #d9e5f0;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(14, 40, 76, 0.04);
    padding: 22px;
    margin-bottom: 22px;
}

.bc-viewinvoice-sidebar {
    display: grid;
    gap: 22px;
}
.bc-viewinvoice-actions-card,
.bc-viewinvoice-help-card,
.bc-viewinvoice-payment-card,
.bc-viewinvoice-credit-card {
    padding: 22px;
}
.bc-viewinvoice-actions-card .btn,
.bc-viewinvoice-help-card .btn,
.bc-viewinvoice-payment-card .btn,
.bc-viewinvoice-credit-card .btn { min-height: 46px; }
.bc-viewinvoice-actions-card .btn + .btn,
.bc-viewinvoice-payment-card .btn + .btn { margin-top: 12px; }
.bc-viewinvoice-payment-card .payment-form { margin-top: 16px; }
.bc-viewinvoice-due-amount {
    font-size: 36px;
    line-height: 1.05;
    color: #123b72;
    font-weight: 800;
    margin-bottom: 14px;
}
.bc-viewinvoice-select-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #6f86a0;
}
.bc-viewinvoice-paymethod,
.bc-viewinvoice-credit-card p,
.bc-viewinvoice-help-card p {
    font-size: 15px;
    line-height: 1.55;
    color: #5b7290;
    margin: 0 0 12px;
}

@media (max-width: 991px) {
    .bc-viewinvoice-page { padding: 32px 18px 48px; }
    .bc-viewinvoice-layout { grid-template-columns: minmax(0,1fr); }
    .bc-viewinvoice-sidebar { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 767px) {
    .bc-viewinvoice-page { padding: 26px 16px 40px; }
    .bc-viewinvoice-hero h1 { font-size: 2.25rem; }
    .bc-viewinvoice-summary-card,
    .bc-viewinvoice-section,
    .bc-viewinvoice-actions-card,
    .bc-viewinvoice-help-card,
    .bc-viewinvoice-payment-card,
    .bc-viewinvoice-credit-card,
    .bc-viewinvoice-qr,
    .bc-viewinvoice-notes,
    .bc-viewinvoice-bank { padding: 18px; border-radius: 16px; }
    .bc-viewinvoice-summary-top,
    .bc-viewinvoice-address-grid,
    .bc-viewinvoice-sidebar { grid-template-columns: minmax(0,1fr); }
    .bc-viewinvoice-id { gap: 14px; }
    .bc-viewinvoice-icon { width: 54px; height: 54px; flex-basis: 54px; }
    .bc-viewinvoice-number-line strong { font-size: 2.2rem; }
    .bc-viewinvoice-address-grid h3 { font-size: 20px; }
    .bc-viewinvoice-section h2,
    .bc-viewinvoice-actions-card h2,
    .bc-viewinvoice-help-card h2,
    .bc-viewinvoice-payment-card h2,
    .bc-viewinvoice-credit-card h2 { font-size: 22px; }
    .bc-viewinvoice-table th,
    .bc-viewinvoice-table td { font-size: 15px; }
    .bc-viewinvoice-table thead { display: none; }
    .bc-viewinvoice-table,
    .bc-viewinvoice-table tbody,
    .bc-viewinvoice-table tr,
    .bc-viewinvoice-table td,
    .bc-viewinvoice-table tfoot { display: block; width: 100%; }
    .bc-viewinvoice-table tbody tr,
    .bc-viewinvoice-table tfoot tr { padding: 10px 0; border-bottom: 1px solid #e5eef6; }
    .bc-viewinvoice-table tbody td,
    .bc-viewinvoice-table tfoot td {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        text-align: left;
        padding: 10px 0;
        border-bottom: 0;
    }
    .bc-viewinvoice-table tbody td::before,
    .bc-viewinvoice-table tfoot td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #6f86a0;
        flex: 0 0 44%;
    }
    .bc-viewinvoice-table tfoot tr.is-total td,
    .bc-viewinvoice-table tfoot tr.is-balance td { padding: 12px 14px; margin-top: 10px; border-radius: 12px; }
}

/* v1.5.1 · Evita la duplicación del encabezado nativo de Lagom */
.page-viewinvoice .main-header {
    display: none !important;
}

.page-viewinvoice .main-body {
    padding-top: 0 !important;
}

.page-viewinvoice .bc-viewinvoice-page {
    padding-top: 42px;
}

@media (max-width: 767px) {
    .page-viewinvoice .bc-viewinvoice-page {
        padding-top: 26px;
    }
}
/* END BAHIA VIEWINVOICE UI v1.5.1 */

/* BEGIN BAHIA DOMAINS UI v1.6.1 */
/* Bahía Cloud · Domains UI v1.6.1 */
.page-clientareadomains {
    --bc-d-primary:#0f447d;
    --bc-d-deep:#0a2f59;
    --bc-d-accent:#18b8c7;
    --bc-d-soft:#eaf9fb;
    --bc-d-bg:#f4f8fc;
    --bc-d-surface:#fff;
    --bc-d-border:#dbe6f0;
    --bc-d-text:#0c294d;
    --bc-d-muted:#60758f;
    --bc-d-shadow:0 12px 34px rgba(22,56,94,.055);
}

.page-clientareadomains .main-header{display:none!important}
.page-clientareadomains .main-body{padding-top:0;padding-bottom:56px;background:var(--bc-d-bg)}
.page-clientareadomains .main-body>.container{width:calc(100% - 80px);max-width:1280px;padding-right:0;padding-left:0}
.page-clientareadomains .main-grid{display:block!important}
.page-clientareadomains .main-sidebar{display:none!important}
.page-clientareadomains .main-content{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.page-clientareadomains .bc-domains-page,.page-clientareadomains .bc-domains-page *{box-sizing:border-box}
.page-clientareadomains .bc-domains-page{color:var(--bc-d-text)}
.page-clientareadomains .bc-domains-page svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.page-clientareadomains .bc-domains-hero{
    position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;
    min-height:154px;margin:0 -40px 28px;padding:34px 40px 32px;overflow:hidden;
    background:radial-gradient(circle at 85% 50%,rgba(88,180,236,.14),transparent 34%),linear-gradient(135deg,#f7fbff 0%,#eef6fd 100%);
    border-bottom:1px solid rgba(211,225,238,.9)
}
.page-clientareadomains .bc-domains-hero:after{content:"";position:absolute;right:-84px;bottom:-90px;width:420px;height:220px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.72) 0 36%,transparent 37%),linear-gradient(145deg,rgba(69,153,222,.08),rgba(34,189,202,.04));transform:rotate(-10deg);pointer-events:none}
.page-clientareadomains .bc-domains-hero__copy,.page-clientareadomains .bc-domains-hero__actions{position:relative;z-index:1}
.page-clientareadomains .bc-domains-hero h1{margin:0;color:var(--bc-d-text);font-size:40px;font-weight:750;letter-spacing:-.035em;line-height:1.08}
.page-clientareadomains .bc-domains-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;color:#7b8ea5;font-size:14px}
.page-clientareadomains .bc-domains-breadcrumb a{color:#7b8ea5;text-decoration:none}
.page-clientareadomains .bc-domains-breadcrumb [aria-current=page]{color:var(--bc-d-primary)}
.page-clientareadomains .bc-domains-hero__actions{display:flex;align-items:center;gap:12px;min-width:0}
.page-clientareadomains .bc-domains-search{position:relative;width:320px}
.page-clientareadomains .bc-domains-search input{width:100%;height:44px;padding:0 14px 0 43px;border:1px solid var(--bc-d-border);border-radius:12px;background:#fff;color:var(--bc-d-text);font-size:14px;outline:0}
.page-clientareadomains .bc-domains-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7388a1}
.page-clientareadomains .bc-domains-search__icon svg{width:17px;height:17px}
.page-clientareadomains .bc-domains-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.page-clientareadomains .bc-domains-btn--primary{background:var(--bc-d-primary);border-color:var(--bc-d-primary);color:#fff!important}
.page-clientareadomains .bc-domains-btn--primary:hover{background:var(--bc-d-deep);border-color:var(--bc-d-deep)}
.page-clientareadomains .bc-domains-btn--secondary{background:#fff;border-color:#b9cede;color:var(--bc-d-primary)!important}

.page-clientareadomains .bc-domains-stats{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.page-clientareadomains .bc-domains-register-card,.page-clientareadomains .bc-domains-stat-card,.page-clientareadomains .bc-domains-main-card,.page-clientareadomains .bc-domains-quick-card,.page-clientareadomains .bc-domains-help-card,.page-clientareadomains .bc-domains-native-table .table-container{background:#fff;border:1px solid var(--bc-d-border);border-radius:18px;box-shadow:var(--bc-d-shadow)}
.page-clientareadomains .bc-domains-register-card{padding:22px}
.page-clientareadomains .bc-domains-register-card__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.page-clientareadomains .bc-domains-register-card__head h2{margin:0;color:var(--bc-d-text);font-size:18px;font-weight:750;line-height:1.25}
.page-clientareadomains .bc-domains-register-card__head p{margin:6px 0 0;color:var(--bc-d-muted);font-size:13px;line-height:1.5}
.page-clientareadomains .bc-domains-stat-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;margin-bottom:15px}
.page-clientareadomains .bc-domains-stat-icon svg{width:20px;height:20px}
.page-clientareadomains .bc-domains-stat-icon.is-blue,.page-clientareadomains .bc-domains-stat-icon.is-cyan{background:#eaf9fb;color:#1596ac}
.page-clientareadomains .bc-domains-stat-icon.is-lilac{background:#f2efff;color:#7c69df}
.page-clientareadomains .bc-domains-stat-icon.is-green{background:#eaf8ef;color:#2b9b59}
.page-clientareadomains .bc-domains-register-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.page-clientareadomains .bc-domains-register-form__field{position:relative}
.page-clientareadomains .bc-domains-register-form__field>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#7488a1}
.page-clientareadomains .bc-domains-register-form__field svg{width:17px;height:17px}
.page-clientareadomains .bc-domains-register-form__field input{width:100%;height:44px;padding:0 13px 0 42px;border:1px solid var(--bc-d-border);border-radius:11px;background:#fff;color:var(--bc-d-text);font-size:14px;outline:0}
.page-clientareadomains .bc-domains-btn--search{min-width:112px}
.page-clientareadomains .bc-domains-stat-card{min-height:154px;padding:20px}
.page-clientareadomains .bc-domains-stat-card strong{display:block;margin-bottom:4px;color:var(--bc-d-text);font-size:28px;font-weight:800;line-height:1}
.page-clientareadomains .bc-domains-stat-card h3{margin:0;color:var(--bc-d-text);font-size:14px;font-weight:750;line-height:1.35}
.page-clientareadomains .bc-domains-stat-card p{margin:6px 0 0;color:var(--bc-d-muted);font-size:12px;line-height:1.45}

.page-clientareadomains .bc-domains-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px;align-items:start}
.page-clientareadomains .bc-domains-main{min-width:0}
.page-clientareadomains .bc-domains-empty-card{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px;text-align:center}
.page-clientareadomains .bc-domains-empty-illustration{width:min(100%,300px);margin-bottom:20px;color:#c9d9e9}
.page-clientareadomains .bc-domains-empty-illustration svg{width:100%;height:auto}
.page-clientareadomains .bc-domains-empty-card h2{margin:0;color:var(--bc-d-text);font-size:22px;font-weight:750}
.page-clientareadomains .bc-domains-empty-card p{max-width:480px;margin:9px 0 20px;color:var(--bc-d-muted);font-size:14px;line-height:1.55}
.page-clientareadomains .bc-domains-sidebar{display:grid;gap:18px}
.page-clientareadomains .bc-domains-quick-card{padding:26px 22px 22px}
.page-clientareadomains .bc-domains-quick-card h2{margin:0 0 10px;color:var(--bc-d-text);font-size:20px;font-weight:750}
.page-clientareadomains .bc-quick-link{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:14px;min-height:96px;padding:17px 0;color:var(--bc-d-text);text-decoration:none!important}
.page-clientareadomains .bc-quick-link+.bc-quick-link{border-top:1px solid #edf2f7}
.page-clientareadomains .bc-quick-link__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:var(--bc-d-soft);color:var(--bc-d-primary);font-size:20px;font-weight:700}
.page-clientareadomains .bc-quick-link strong{display:block;color:var(--bc-d-primary);font-size:15px;font-weight:700;line-height:1.35}
.page-clientareadomains .bc-quick-link small{display:block;margin-top:5px;color:var(--bc-d-muted);font-size:12px;line-height:1.5}
.page-clientareadomains .bc-quick-link__chevron{color:#7690ab;font-size:22px}
.page-clientareadomains .bc-domains-help-card{padding:18px;background:linear-gradient(135deg,#effaff,#eaf7ff)}
.page-clientareadomains .bc-domains-help-card h2{margin:0;color:var(--bc-d-text);font-size:14px;font-weight:750}
.page-clientareadomains .bc-domains-help-card p{margin:5px 0 12px;color:var(--bc-d-muted);font-size:11px;line-height:1.5}

.page-clientareadomains .bc-domains-native-table .table-container{overflow:hidden;padding:0}
.page-clientareadomains .bc-domains-native-table .table-top{padding:14px 18px;border-bottom:1px solid var(--bc-d-border)}
.page-clientareadomains .bc-domains-native-table .table-top label{font-size:13px}
.page-clientareadomains .bc-domains-native-table #tableDomainsList_filter{display:none!important}
.page-clientareadomains .bc-domains-native-table .table-list{margin-bottom:0}
.page-clientareadomains .bc-domains-native-table .table-list>thead>tr>th{padding:14px 16px;background:#f8fbfe;color:#526a84;font-size:12px;font-weight:700}
.page-clientareadomains .bc-domains-native-table .table-list>tbody>tr>td{padding:16px;border-top:1px solid #edf2f7;color:#35516f;font-size:13px}
.page-clientareadomains .bc-domains-native-table .status{border-radius:999px;font-size:11px;font-weight:700}
.page-clientareadomains .bc-domains-native-table .dataTables_length,.page-clientareadomains .bc-domains-native-table .dataTables_paginate,.page-clientareadomains .bc-domains-native-table .dataTables_info{padding:14px 18px}

@media(max-width:1199px){
  .page-clientareadomains .bc-domains-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-clientareadomains .bc-domains-register-card{grid-column:1/-1}
}
@media(max-width:991px){
  .page-clientareadomains .main-body>.container{width:calc(100% - 40px)}
  .page-clientareadomains .bc-domains-hero{align-items:flex-start;flex-direction:column}
  .page-clientareadomains .bc-domains-hero__actions{width:100%}
  .page-clientareadomains .bc-domains-search{width:auto;flex:1 1 auto}
  .page-clientareadomains .bc-domains-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
  body.page-user-logged:not(.page-order) .main-body{padding-bottom:92px!important}
  .page-clientareadomains .main-body>.container{width:100%;padding-right:16px;padding-left:16px}
  .page-clientareadomains .bc-domains-hero{min-height:0;margin:0 -16px 22px;padding:24px 16px 22px;background:transparent;border-bottom:0}
  .page-clientareadomains .bc-domains-hero:after{display:none}
  .page-clientareadomains .bc-domains-hero h1{font-size:30px}
  .page-clientareadomains .bc-domains-breadcrumb{margin-top:9px;font-size:12px}
  .page-clientareadomains .bc-domains-hero__actions{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:9px}
  .page-clientareadomains .bc-domains-search{width:100%}
  .page-clientareadomains .bc-domains-search input,.page-clientareadomains .bc-domains-register-form__field input{font-size:16px}
  .page-clientareadomains .bc-domains-hero__actions .bc-domains-btn{width:46px;min-width:46px;padding:0}
  .page-clientareadomains .bc-domains-hero__actions .bc-domains-btn span:last-child{display:none}
  .page-clientareadomains .bc-domains-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
  .page-clientareadomains .bc-domains-register-card{grid-column:1/-1;padding:18px}
  .page-clientareadomains .bc-domains-register-card__head h2{font-size:17px}
  .page-clientareadomains .bc-domains-register-form{grid-template-columns:1fr}
  .page-clientareadomains .bc-domains-btn--search{width:100%}
  .page-clientareadomains .bc-domains-stat-card{min-height:126px;padding:13px 10px;border-radius:15px}
  .page-clientareadomains .bc-domains-stat-icon{width:36px;height:36px;margin-bottom:10px;border-radius:11px}
  .page-clientareadomains .bc-domains-stat-card strong{font-size:24px}
  .page-clientareadomains .bc-domains-stat-card h3{font-size:12px;line-height:1.3}
  .page-clientareadomains .bc-domains-stat-card p{font-size:11px}
  .page-clientareadomains .bc-domains-empty-card{min-height:360px;padding:28px 18px}
  .page-clientareadomains .bc-domains-empty-illustration{width:min(100%,230px)}
  .page-clientareadomains .bc-domains-empty-card h2{font-size:19px}
  .page-clientareadomains .bc-domains-empty-card p{font-size:13px}
  .page-clientareadomains .bc-domains-quick-card{padding:22px 18px 18px}
  .page-clientareadomains .bc-domains-quick-card h2{font-size:18px}
  .page-clientareadomains .bc-quick-link{min-height:82px;padding:14px 0}
  .page-clientareadomains .bc-domains-native-table .table-container{overflow:visible;border:0;background:transparent;box-shadow:none}
  .page-clientareadomains .bc-domains-native-table .table-top{margin-bottom:12px;border:1px solid var(--bc-d-border);border-radius:14px;background:#fff}
  .page-clientareadomains .bc-domains-native-table #tableDomainsList thead{display:none}
  .page-clientareadomains .bc-domains-native-table #tableDomainsList,.page-clientareadomains .bc-domains-native-table #tableDomainsList tbody,.page-clientareadomains .bc-domains-native-table #tableDomainsList tr,.page-clientareadomains .bc-domains-native-table #tableDomainsList td{display:block;width:100%}
  .page-clientareadomains .bc-domains-native-table #tableDomainsList tbody tr{position:relative;margin-bottom:12px;padding:14px 16px;border:1px solid var(--bc-d-border);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(22,56,94,.04)}
  .page-clientareadomains .bc-domains-native-table #tableDomainsList tbody td{padding:5px 0;border:0;background:transparent}
  .page-clientareadomains .bc-domains-native-table #tableDomainsList tbody td.cell-checkbox{position:absolute;top:14px;right:14px;width:auto}
  .page-clientareadomains .bc-domains-native-table #tableDomainsList tbody td.cell-action{padding-top:10px}
}
/* END BAHIA DOMAINS UI v1.6.1 */

/* BEGIN BAHIA TICKETS UI v1.7.1 */
/* Bahía Cloud · Support Tickets UI v1.7.1 */

.page-supportticketslist {
    --bc-tickets-primary: #0f447d;
    --bc-tickets-primary-deep: #0a2f59;
    --bc-tickets-accent: #18b8c7;
    --bc-tickets-accent-soft: #eaf9fb;
    --bc-tickets-bg: #f4f8fc;
    --bc-tickets-surface: #ffffff;
    --bc-tickets-border: #dbe6f0;
    --bc-tickets-text: #0c294d;
    --bc-tickets-muted: #60758f;
    --bc-tickets-success: #159a57;
    --bc-tickets-success-soft: #e9f8ef;
    --bc-tickets-muted-soft: #eef2f6;
    --bc-tickets-shadow: 0 12px 34px rgba(22, 56, 94, 0.055);
}

.page-supportticketslist .main-header {
    display: none !important;
}

.page-supportticketslist .main-body {
    padding-top: 0;
    padding-bottom: 56px;
    background: var(--bc-tickets-bg);
}

.page-supportticketslist .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding-right: 0;
    padding-left: 0;
}

.page-supportticketslist .main-grid {
    display: block !important;
}

.page-supportticketslist .main-sidebar {
    display: none !important;
}

.page-supportticketslist .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.page-supportticketslist .bc-tickets-page,
.page-supportticketslist .bc-tickets-page *,
.page-supportticketslist .bc-tickets-page *::before,
.page-supportticketslist .bc-tickets-page *::after {
    box-sizing: border-box;
}

.page-supportticketslist .bc-tickets-page {
    color: var(--bc-tickets-text);
}

.page-supportticketslist .bc-tickets-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 154px;
    margin: 0 -40px 28px;
    padding: 34px 40px 32px;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 50%, rgba(88, 180, 236, 0.14), transparent 34%),
        linear-gradient(135deg, #f7fbff 0%, #eef6fd 100%);
    border-bottom: 1px solid rgba(211, 225, 238, 0.9);
}

.page-supportticketslist .bc-tickets-hero::after {
    content: "";
    position: absolute;
    right: -84px;
    bottom: -90px;
    width: 420px;
    height: 220px;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(255, 255, 255, .72) 0 36%, transparent 37%),
        linear-gradient(145deg, rgba(69, 153, 222, .08), rgba(34, 189, 202, .04));
    transform: rotate(-10deg);
    pointer-events: none;
}

.page-supportticketslist .bc-tickets-hero-copy,
.page-supportticketslist .bc-tickets-search {
    position: relative;
    z-index: 1;
}

.page-supportticketslist .bc-tickets-hero h1 {
    margin: 0;
    color: var(--bc-tickets-text);
    font-size: 40px;
    font-weight: 750;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.page-supportticketslist .bc-tickets-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #7b8ea5;
    font-size: 14px;
}

.page-supportticketslist .bc-tickets-breadcrumb a {
    color: #7b8ea5;
    text-decoration: none;
}

.page-supportticketslist .bc-tickets-breadcrumb [aria-current="page"] {
    color: var(--bc-tickets-primary);
}

.page-supportticketslist .bc-tickets-search {
    display: flex;
    align-items: center;
    flex: 0 1 360px;
    min-height: 44px;
    gap: 10px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--bc-tickets-border);
    border-radius: 11px;
    background: #fff;
    color: #6d829b;
}

.page-supportticketslist .bc-tickets-search svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-supportticketslist .bc-tickets-search input {
    width: 100%;
    height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bc-tickets-text);
    font-size: 13px;
}

.page-supportticketslist .bc-tickets-layout {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.page-supportticketslist .bc-tickets-sidebar {
    display: grid;
    gap: 18px;
}

.page-supportticketslist .bc-tickets-support-card,
.page-supportticketslist .bc-tickets-help-card,
.page-supportticketslist .bc-tickets-table-card,
.page-supportticketslist .bc-tickets-empty-card {
    border: 1px solid var(--bc-tickets-border);
    border-radius: 18px;
    background: var(--bc-tickets-surface);
    box-shadow: var(--bc-tickets-shadow);
}

.page-supportticketslist .bc-tickets-support-card {
    padding: 22px 16px 18px;
}

.page-supportticketslist .bc-tickets-support-card > h2 {
    margin: 0 6px 14px;
    color: var(--bc-tickets-text);
    font-size: 18px;
    font-weight: 750;
}

.page-supportticketslist .bc-tickets-nav-link {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 10px;
    border-radius: 10px;
    color: var(--bc-tickets-primary);
    font-size: 13px;
    text-decoration: none;
    transition: background 150ms ease, color 150ms ease;
}

.page-supportticketslist .bc-tickets-nav-link + .bc-tickets-nav-link {
    margin-top: 2px;
}

.page-supportticketslist .bc-tickets-nav-link:hover,
.page-supportticketslist .bc-tickets-nav-link:focus {
    background: #f2f7fb;
    color: var(--bc-tickets-primary-deep);
    text-decoration: none;
}

.page-supportticketslist .bc-tickets-nav-link.is-active {
    background: linear-gradient(135deg, #eff7ff 0%, #e4f2fb 100%);
    color: var(--bc-tickets-primary);
    font-weight: 650;
}

.page-supportticketslist .bc-tickets-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bc-tickets-primary);
}

.page-supportticketslist .bc-tickets-nav-link.is-active .bc-tickets-nav-icon {
    color: var(--bc-tickets-accent);
}

.page-supportticketslist .bc-tickets-nav-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-supportticketslist .bc-tickets-help-card {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(145deg, #f1f9ff 0%, #e7f6fb 100%);
}

.page-supportticketslist .bc-tickets-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    color: var(--bc-tickets-primary);
}

.page-supportticketslist .bc-tickets-help-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-supportticketslist .bc-tickets-help-card strong {
    display: block;
    color: var(--bc-tickets-text);
    font-size: 12px;
    font-weight: 750;
}

.page-supportticketslist .bc-tickets-help-card p {
    margin: 3px 0 10px;
    color: var(--bc-tickets-muted);
    font-size: 10px;
    line-height: 1.4;
}

.page-supportticketslist .bc-tickets-help-card .btn {
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 11px;
}

.page-supportticketslist .bc-tickets-main {
    min-width: 0;
}

.page-supportticketslist .bc-tickets-table-card {
    overflow: visible;
}

.page-supportticketslist .bc-tickets-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 68px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--bc-tickets-border);
}

.page-supportticketslist .bc-tickets-filter-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-supportticketslist .bc-tickets-filter-label {
    color: var(--bc-tickets-muted);
    font-size: 13px;
}

.page-supportticketslist .bc-tickets-filter-host {
    min-width: 92px;
}

.page-supportticketslist .bc-tickets-filter-host .view-filter-btns {
    width: 100%;
}

.page-supportticketslist .bc-tickets-filter-host .dropdown-toggle {
    width: 100%;
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid var(--bc-tickets-border);
    border-radius: 10px;
    background: #fff;
    color: var(--bc-tickets-primary);
    font-size: 13px;
    font-weight: 650;
}

.page-supportticketslist .bc-tickets-filter-host .dropdown-menu {
    right: auto;
    left: 0;
    min-width: 180px;
    max-width: calc(100vw - 32px);
}

.page-supportticketslist .bc-tickets-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    gap: 8px;
    padding: 0 18px;
    border-radius: 11px;
    white-space: nowrap;
}

.page-supportticketslist .bc-tickets-open svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-supportticketslist .ticket-table.table-container {
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0 0 18px 18px;
    background: transparent;
    box-shadow: none;
}

.page-supportticketslist .ticket-table .table-top {
    display: none !important;
}

.page-supportticketslist #tableTicketsList_filter {
    display: none !important;
}

.page-supportticketslist .ticket-table .listtable {
    margin: 0;
}

.page-supportticketslist #tableTicketsList {
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.page-supportticketslist #tableTicketsList thead th {
    height: 48px;
    padding: 0 20px;
    border-top: 0;
    border-bottom: 1px solid var(--bc-tickets-border);
    background: #fbfdff;
    color: #647a94;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
}

.page-supportticketslist #tableTicketsList tbody tr {
    position: relative;
    cursor: pointer;
    transition: background 150ms ease;
}

.page-supportticketslist #tableTicketsList tbody tr:hover {
    background: #f8fbfe;
}

.page-supportticketslist #tableTicketsList tbody tr::after {
    content: "›";
    position: absolute;
    top: 50%;
    right: 18px;
    color: var(--bc-tickets-primary);
    font-size: 24px;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

.page-supportticketslist #tableTicketsList tbody td {
    min-height: 82px;
    padding: 15px 20px;
    border-top: 0;
    border-bottom: 1px solid var(--bc-tickets-border);
    color: var(--bc-tickets-muted);
    font-size: 13px;
    vertical-align: middle;
}

.page-supportticketslist #tableTicketsList tbody tr:last-child td {
    border-bottom: 0;
}

.page-supportticketslist #tableTicketsList tbody td:first-child {
    padding-right: 36px;
}

.page-supportticketslist #tableTicketsList tbody td:last-child {
    padding-right: 50px;
}

.page-supportticketslist #tableTicketsList .graphic-item,
.page-supportticketslist #tableTicketsList .btn-table-collapse {
    display: none !important;
}

.page-supportticketslist #tableTicketsList tbody td:first-child .d-flex {
    display: block !important;
}

.page-supportticketslist #tableTicketsList tbody td:first-child .text-primary {
    color: var(--bc-tickets-primary) !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
}

.page-supportticketslist #tableTicketsList tbody td:first-child .p-sm {
    display: block;
    margin-top: 3px;
    color: var(--bc-tickets-text);
    font-size: 13px;
    line-height: 1.45;
}

.page-supportticketslist #tableTicketsList .status-col > div {
    display: inline-flex;
    align-items: center;
}

.page-supportticketslist #tableTicketsList .status-icon {
    display: none !important;
}

.page-supportticketslist #tableTicketsList .status {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    width: fit-content;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--bc-tickets-muted-soft) !important;
    color: #7d8ea2 !important;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.page-supportticketslist #tableTicketsList .status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.page-supportticketslist #tableTicketsList .status-open,
.page-supportticketslist #tableTicketsList .status-answered,
.page-supportticketslist #tableTicketsList .status-customer-reply {
    background: var(--bc-tickets-success-soft) !important;
    color: var(--bc-tickets-success) !important;
}

.page-supportticketslist #tableTicketsList .status-closed {
    background: var(--bc-tickets-muted-soft) !important;
    color: #7d8ea2 !important;
}

.page-supportticketslist .dataTables_wrapper .dataTables_length,
.page-supportticketslist .dataTables_wrapper .dataTables_paginate {
    padding: 12px 18px;
}

.page-supportticketslist .dataTables_wrapper .dataTables_length {
    color: var(--bc-tickets-muted);
    font-size: 12px;
}

.page-supportticketslist .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 34px;
    min-height: 32px;
    border-radius: 8px;
}

.page-supportticketslist .bc-tickets-empty-card {
    display: flex;
    min-height: 420px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 42px 28px;
    text-align: center;
}

.page-supportticketslist .bc-tickets-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
    border-radius: 28px;
    background: var(--bc-tickets-accent-soft);
    color: var(--bc-tickets-primary);
}

.page-supportticketslist .bc-tickets-empty-icon svg {
    width: 62px;
    height: 62px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-supportticketslist .bc-tickets-empty-card h2 {
    margin: 0;
    color: var(--bc-tickets-text);
    font-size: 22px;
    font-weight: 750;
}

.page-supportticketslist .bc-tickets-empty-card p {
    max-width: 480px;
    margin: 8px 0 20px;
    color: var(--bc-tickets-muted);
    font-size: 13px;
    line-height: 1.55;
}

.page-supportticketslist .bc-tickets-empty-card .btn {
    min-height: 44px;
    border-radius: 11px;
}

@media (max-width: 1199px) {
    .page-supportticketslist .main-body > .container {
        width: calc(100% - 48px);
    }

    .page-supportticketslist .bc-tickets-hero {
        margin-right: -24px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .page-supportticketslist .bc-tickets-layout {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .page-supportticketslist .bc-tickets-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-supportticketslist .bc-tickets-sidebar {
        order: 2;
    }

    .page-supportticketslist .bc-tickets-support-card {
        display: none;
    }

    .page-supportticketslist .bc-tickets-help-card {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .page-supportticketslist .main-body {
        padding-bottom: 100px;
    }

    .page-supportticketslist .main-body > .container {
        width: calc(100% - 32px);
    }

    .page-supportticketslist .bc-tickets-hero {
        display: grid;
        min-height: 0;
        margin: 0 0 20px;
        padding: 18px 0 0;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .page-supportticketslist .bc-tickets-hero::after {
        display: none;
    }

    .page-supportticketslist .bc-tickets-hero h1 {
        font-size: 25px;
        letter-spacing: -0.025em;
        line-height: 1.15;
    }

    .page-supportticketslist .bc-tickets-breadcrumb {
        gap: 5px;
        margin-top: 8px;
        font-size: 11px;
    }

    .page-supportticketslist .bc-tickets-search {
        width: 100%;
        min-height: 44px;
        margin-top: 16px;
    }

    .page-supportticketslist .bc-tickets-search input {
        font-size: 16px !important;
        line-height: 1.35;
        -webkit-appearance: none;
        appearance: none;
        touch-action: manipulation;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    .page-supportticketslist .bc-tickets-layout {
        gap: 14px;
    }

    .page-supportticketslist .bc-tickets-table-card {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-supportticketslist .bc-tickets-toolbar {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 8px;
        min-height: 0;
        margin-bottom: 14px;
        padding: 0;
        border: 0;
    }

    .page-supportticketslist .bc-tickets-filter-label {
        display: none;
    }

    .page-supportticketslist .bc-tickets-filter-group {
        display: block;
    }

    .page-supportticketslist .bc-tickets-filter-host {
        min-width: 44px;
    }

    .page-supportticketslist .bc-tickets-filter-host .dropdown-toggle {
        width: 44px;
        min-width: 44px;
        padding: 0;
        font-size: 0;
    }

    .page-supportticketslist .bc-tickets-filter-host .dropdown-toggle::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f447d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='7' y1='12' x2='17' y2='12'/%3E%3Cline x1='10' y1='18' x2='14' y2='18'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .page-supportticketslist .bc-tickets-filter-host .dropdown-toggle .status,
    .page-supportticketslist .bc-tickets-filter-host .dropdown-toggle .status-icon,
    .page-supportticketslist .bc-tickets-filter-host .dropdown-toggle .filter-name,
    .page-supportticketslist .bc-tickets-filter-host .dropdown-toggle .ls-caret {
        display: none !important;
    }

    .page-supportticketslist .bc-tickets-filter-host .dropdown-menu {
        top: calc(100% + 8px);
        right: auto;
        left: 0;
        width: min(220px, calc(100vw - 32px));
        max-width: calc(100vw - 32px);
        transform: none !important;
    }

    .page-supportticketslist .bc-tickets-open {
        width: 100%;
        min-height: 44px;
    }

    .page-supportticketslist .ticket-table.table-container {
        overflow: visible;
        border-radius: 0;
    }

    .page-supportticketslist #tableTicketsList,
    .page-supportticketslist #tableTicketsList tbody {
        display: block;
        width: 100% !important;
    }

    .page-supportticketslist #tableTicketsList thead {
        display: none;
    }

    .page-supportticketslist #tableTicketsList tbody tr {
        position: relative;
        display: block;
        width: 100%;
        min-height: 118px;
        margin-bottom: 12px;
        padding: 16px 48px 16px 16px;
        border: 1px solid var(--bc-tickets-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(22, 56, 94, .04);
    }

    .page-supportticketslist #tableTicketsList tbody tr::after {
        right: 14px;
    }

    .page-supportticketslist #tableTicketsList tbody td {
        display: none;
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child,
    .page-supportticketslist #tableTicketsList tbody td:nth-child(2),
    .page-supportticketslist #tableTicketsList tbody td:nth-child(3),
    .page-supportticketslist #tableTicketsList tbody td:nth-child(4) {
        display: block;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child {
        padding-right: 88px;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child .text-primary {
        font-size: 13px;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child .p-sm {
        margin-top: 3px;
        overflow: hidden;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page-supportticketslist #tableTicketsList tbody td:nth-child(2) {
        margin-top: 10px;
        color: var(--bc-tickets-muted);
        font-size: 11px;
    }

    .page-supportticketslist #tableTicketsList tbody td:nth-child(3) {
        position: absolute;
        top: 16px;
        right: 38px;
    }

    .page-supportticketslist #tableTicketsList tbody td:nth-child(4) {
        margin-top: 8px;
        color: var(--bc-tickets-muted);
        font-size: 10px;
        white-space: normal !important;
    }

    .page-supportticketslist #tableTicketsList .status {
        min-height: 22px;
        padding: 3px 8px;
        font-size: 9px;
    }

    .page-supportticketslist #tableTicketsList .status::before {
        width: 5px;
        height: 5px;
    }

    .page-supportticketslist .dataTables_wrapper .dataTables_length,
    .page-supportticketslist .dataTables_wrapper .dataTables_paginate {
        display: none !important;
    }

    .page-supportticketslist .bc-tickets-help-card {
        margin-top: 0;
        border-radius: 14px;
    }

    .page-supportticketslist .bc-tickets-empty-card {
        min-height: 360px;
        padding: 34px 20px;
        border-radius: 14px;
    }
}

/* Final interaction refinements */
.page-supportticketslist #tableTicketsList tbody td:nth-child(4) {
    padding-right: 50px;
}

.page-supportticketslist #tableTicketsList tbody tr:focus-visible {
    outline: 2px solid rgba(24, 184, 199, .55);
    outline-offset: -2px;
}

.page-supportticketslist .bc-tickets-search:focus-within,
.page-supportticketslist .bc-tickets-filter-host .dropdown-toggle:focus,
.page-supportticketslist .bc-tickets-open:focus-visible,
.page-supportticketslist .bc-tickets-nav-link:focus-visible {
    border-color: rgba(24, 184, 199, .7);
    box-shadow: 0 0 0 3px rgba(24, 184, 199, .12);
    outline: 0;
}

/* Bahía Cloud · Tickets UI v1.7.1 mobile precision fixes */
@media (max-width: 767px) {
    /* Search must occupy the complete mobile content width. */
    .page-supportticketslist .bc-tickets-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }

    .page-supportticketslist .bc-tickets-hero-copy,
    .page-supportticketslist .bc-tickets-search {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        justify-self: stretch !important;
        align-self: stretch !important;
    }

    .page-supportticketslist .bc-tickets-search {
        flex: 0 0 auto !important;
    }

    .page-supportticketslist .bc-tickets-search input {
        min-width: 0;
        max-width: 100%;
    }

    /* Compact ticket cards: information-led grid with no artificial blank height. */
    .page-supportticketslist #tableTicketsList tbody tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto 16px;
        grid-template-areas:
            "ticket status arrow"
            "department department arrow"
            "updated updated arrow";
        align-items: center;
        column-gap: 10px;
        row-gap: 5px;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 12px;
        padding: 14px 14px 13px 16px !important;
    }

    .page-supportticketslist #tableTicketsList tbody tr::after {
        grid-area: arrow;
        position: static;
        align-self: center;
        justify-self: end;
        transform: none;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child {
        grid-area: ticket;
        min-width: 0;
        padding: 0 !important;
    }

    .page-supportticketslist #tableTicketsList tbody td:nth-child(2) {
        grid-area: department;
        min-width: 0;
        margin-top: 1px;
        padding: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page-supportticketslist #tableTicketsList tbody td:nth-child(3) {
        grid-area: status;
        position: static !important;
        top: auto !important;
        right: auto !important;
        align-self: start;
        justify-self: end;
        padding: 0 !important;
    }

    .page-supportticketslist #tableTicketsList tbody td:nth-child(4) {
        grid-area: updated;
        min-width: 0;
        margin-top: 0;
        padding: 0 !important;
        overflow: hidden;
        color: var(--bc-tickets-muted);
        font-size: 10px;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child > .d-flex {
        min-width: 0;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child > .d-flex > div:last-child {
        min-width: 0;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child .text-primary,
    .page-supportticketslist #tableTicketsList tbody td:first-child .p-sm {
        max-width: 100%;
    }

    .page-supportticketslist #tableTicketsList tbody td:first-child .p-sm {
        line-height: 1.35;
    }

    .page-supportticketslist #tableTicketsList .status {
        width: fit-content !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: nowrap;
    }
}
/* END BAHIA TICKETS UI v1.7.1 */

/* BEGIN BAHIA VIEW TICKET UI v1.8.1 */
/* Bahía Cloud · View Ticket UI v1.8.1 */
.page-viewticket {
    --bc-viewticket-navy: #0f447d;
    --bc-viewticket-heading: #0d2f5f;
    --bc-viewticket-text: #35516f;
    --bc-viewticket-muted: #71869e;
    --bc-viewticket-border: #d7e3ee;
    --bc-viewticket-soft: #f7fbff;
    --bc-viewticket-cyan: #18b8c7;
}

.page-viewticket .main-header {
    position: relative;
    overflow: hidden;
    padding: 38px 0 34px;
    border-bottom: 1px solid var(--bc-viewticket-border);
    background:
        radial-gradient(circle at 92% 112%, rgba(77, 169, 231, .17) 0 118px, transparent 120px),
        radial-gradient(circle at 92% 112%, transparent 0 62px, rgba(255, 255, 255, .72) 64px 92px, transparent 94px),
        linear-gradient(103deg, #f6fbff 0%, #edf7ff 60%, #dff1fc 100%);
}

.page-viewticket .main-header .container,
.page-viewticket .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
}

.page-viewticket .main-header-top {
    align-items: center;
    gap: 24px;
}

.page-viewticket .main-header-title {
    max-width: 980px;
    margin: 0;
    color: var(--bc-viewticket-heading);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -.025em;
}

.page-viewticket .main-header-bottom {
    margin-top: 10px;
}

.page-viewticket .main-header .breadcrumb {
    margin: 0;
    font-size: 13px;
}

.page-viewticket .main-header .btn {
    min-height: 42px;
    padding: 10px 17px;
    border: 1px solid #aac3dc;
    border-radius: 9px;
    background: rgba(255,255,255,.76);
    color: var(--bc-viewticket-navy);
    font-size: 13px;
    font-weight: 700;
    box-shadow: none;
}

.page-viewticket .main-body {
    padding-top: 24px;
    padding-bottom: 56px;
}

.page-viewticket .main-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 304px;
    gap: 24px;
    align-items: start;
}

.page-viewticket .main-content {
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    flex: 0 0 100% !important;
}

.page-viewticket .main-sidebar {
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
}

.page-viewticket .main-sidebar .sidebar {
    width: 100%;
}

.page-viewticket .section {
    margin: 0 0 20px;
}

.page-viewticket .section-header {
    margin: 0 0 12px;
}

.page-viewticket .section-title {
    color: var(--bc-viewticket-heading);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
}

.page-viewticket .section-body {
    width: 100%;
}

.page-viewticket .panel-ticket-reply,
.page-viewticket .ticket-reply,
.page-viewticket .main-sidebar .panel-ticket-information,
.page-viewticket .bc-viewticket-help-card {
    overflow: hidden;
    border: 1px solid var(--bc-viewticket-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(22, 56, 94, .045);
}

.page-viewticket .panel-ticket-reply {
    margin: 0;
}

.page-viewticket .panel-ticket-reply .panel-tabs {
    min-height: 54px;
    padding: 0 18px;
    border-bottom: 1px solid var(--bc-viewticket-border);
    background: #fff;
}

.page-viewticket .panel-ticket-reply .panel-tabs > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 54px;
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: #48637f;
    font-size: 13px;
    font-weight: 600;
}

.page-viewticket .panel-ticket-reply .panel-tabs > li > a::before {
    width: 16px;
    height: 16px;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .88;
}

.page-viewticket .panel-ticket-reply .panel-tabs > li > a[href="#reply"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f447d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 14-5-5 5-5'/%3E%3Cpath d='M20 20v-4a7 7 0 0 0-7-7H4'/%3E%3C/svg%3E");
}

.page-viewticket .panel-ticket-reply .panel-tabs > li > a[href="#recipients"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f447d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.page-viewticket .panel-ticket-reply .panel-tabs > li > a[href="#attachements"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f447d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");
}

.page-viewticket .panel-ticket-reply .panel-tabs > li > a.active,
.page-viewticket .panel-ticket-reply .panel-tabs > li.active > a {
    color: var(--bc-viewticket-navy);
}

.page-viewticket .panel-ticket-reply .panel-tabs > li > a.active::after,
.page-viewticket .panel-ticket-reply .panel-tabs > li.active > a::after {
    position: absolute;
    right: 10px;
    bottom: -1px;
    left: 10px;
    height: 2px;
    border-radius: 2px 2px 0 0;
    content: "";
    background: var(--bc-viewticket-navy);
}

.page-viewticket .panel-ticket-reply .badge {
    min-width: 20px;
    height: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 16px;
}

.page-viewticket .panel-ticket-reply .tab-content {
    padding: 18px;
}

.page-viewticket .panel-ticket-reply .tab-container {
    padding: 0;
}

.page-viewticket .ticket-creator,
.page-viewticket .ticket-creator-guest {
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid #e0eaf2;
    border-radius: 11px;
    background: #f8fbfe;
}

.page-viewticket .creator-details-name {
    color: var(--bc-viewticket-heading);
    font-size: 13px;
    font-weight: 700;
}

.page-viewticket .creator-details-email {
    color: var(--bc-viewticket-muted);
    font-size: 11px;
}

.page-viewticket .markdown-editor,
.page-viewticket .md-editor,
.page-viewticket .md-editor > textarea {
    min-height: 180px;
    border-color: var(--bc-viewticket-border);
    font-size: 14px;
}

.page-viewticket .md-editor {
    overflow: hidden;
    border: 1px solid var(--bc-viewticket-border);
    border-radius: 10px;
    box-shadow: none;
}

.page-viewticket .md-header {
    min-height: 42px;
    padding: 5px 8px;
    border-bottom: 1px solid var(--bc-viewticket-border);
    background: #fff;
}

.page-viewticket .attachements-container {
    margin-top: 12px;
}

.page-viewticket .attachements-container .add,
.page-viewticket .attachements-uploads {
    min-height: 52px;
    padding: 11px 14px;
    border: 1px dashed #bdd0e2;
    border-radius: 10px;
    background: #fbfdff;
    color: var(--bc-viewticket-text);
}

.page-viewticket .ticket-attachments-message {
    margin: 8px 0 0;
    color: var(--bc-viewticket-muted);
    font-size: 11px;
    line-height: 1.45;
}

.page-viewticket .panel-ticket-reply .tab-actions {
    display: flex;
    gap: 10px;
    padding: 0 18px 18px;
    border: 0;
}

.page-viewticket .panel-ticket-reply .tab-actions .btn {
    min-height: 42px;
    padding: 9px 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
}

.page-viewticket .bc-viewticket-messages-section .section-body {
    display: grid;
    gap: 14px;
}

.page-viewticket .ticket-reply {
    margin: 0;
}

.page-viewticket .ticket-reply-top {
    padding: 14px 16px;
    border-bottom: 1px solid var(--bc-viewticket-border);
    background: #fbfdff;
}

.page-viewticket .ticket-reply .name {
    color: var(--bc-viewticket-heading);
    font-size: 13px;
    font-weight: 700;
}

.page-viewticket .ticket-reply .date {
    color: var(--bc-viewticket-muted);
    font-size: 11px;
}

.page-viewticket .ticket-reply-message {
    padding: 20px 16px;
    color: var(--bc-viewticket-text);
    font-size: 14px;
    line-height: 1.65;
}

.page-viewticket .ticket-reply-message .ip-address {
    margin-top: 18px;
    color: var(--bc-viewticket-muted);
    font-size: 10px;
}

.page-viewticket .ticket-reply.staff {
    border-left: 3px solid var(--bc-viewticket-cyan);
}

.page-viewticket .main-sidebar .panel-ticket-information-mobile {
    display: none !important;
}

.page-viewticket .main-sidebar .panel-ticket-information {
    margin: 0 0 18px;
}

.page-viewticket .main-sidebar .panel-ticket-information .panel-heading {
    padding: 18px 18px 10px;
    border: 0;
    background: #fff;
}

.page-viewticket .main-sidebar .panel-ticket-information .panel-title {
    color: var(--bc-viewticket-heading);
    font-size: 18px;
    font-weight: 800;
}

.page-viewticket .main-sidebar .panel-ticket-information .panel-minimise,
.page-viewticket .main-sidebar .panel-ticket-information .panel-heading > i {
    display: none !important;
}

.page-viewticket .main-sidebar .panel-ticket-information .list-group-item {
    position: relative;
    display: block !important;
    min-width: 0;
    min-height: 70px;
    padding: 14px 16px 14px 66px;
    border-right: 0;
    border-left: 0;
    color: var(--bc-viewticket-muted);
    font-size: 10px;
    line-height: 1.35;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}

.page-viewticket .main-sidebar .panel-ticket-information .list-group-item > i {
    position: absolute;
    top: 50%;
    left: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 !important;
    border-radius: 50%;
    background: #eef6fb;
    color: var(--bc-viewticket-navy);
    font-size: 15px;
    transform: translateY(-50%);
}

.page-viewticket .main-sidebar .panel-ticket-information .list-group-item > .pull-right {
    float: none !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 4px 0 0;
    color: var(--bc-viewticket-heading);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}

.page-viewticket .main-sidebar .panel-ticket-information .list-group-item > .pull-right > * {
    max-width: 100%;
}

.page-viewticket .main-sidebar .panel-ticket-information .status,
.page-viewticket .main-sidebar .panel-ticket-information .label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.page-viewticket .main-sidebar .panel-ticket-information .pull-right,
.page-viewticket .main-sidebar .panel-ticket-information .pull-right .status,
.page-viewticket .main-sidebar .panel-ticket-information .pull-right .label {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

.page-viewticket .bc-viewticket-help-card {
    display: none;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    background: linear-gradient(145deg, #f6fcff 0%, #e8f6fd 100%);
}

.page-viewticket .bc-viewticket-help-card.is-mounted {
    display: flex;
}

.page-viewticket .bc-viewticket-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    background: #fff;
    color: var(--bc-viewticket-navy);
}

.page-viewticket .bc-viewticket-help-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-viewticket .bc-viewticket-help-card h2 {
    margin: 1px 0 5px;
    color: var(--bc-viewticket-heading);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
}

.page-viewticket .bc-viewticket-help-card p {
    margin: 0 0 12px;
    color: var(--bc-viewticket-muted);
    font-size: 12px;
    line-height: 1.5;
}

.page-viewticket .bc-viewticket-help-card .btn {
    min-height: 36px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 12px;
}

.page-viewticket .panel-ticket-reply a:focus-visible,
.page-viewticket .panel-ticket-reply .btn:focus-visible,
.page-viewticket .bc-viewticket-help-card .btn:focus-visible,
.page-viewticket .main-header .btn:focus-visible {
    outline: 2px solid rgba(24,184,199,.55);
    outline-offset: 2px;
}

@media (max-width: 991px) {
    .page-viewticket .main-header .container,
    .page-viewticket .main-body > .container {
        width: calc(100% - 36px);
    }

    .page-viewticket .main-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-viewticket .main-content {
        grid-column: 1;
        grid-row: 1;
    }

    .page-viewticket .main-sidebar {
        grid-column: 1;
        grid-row: 2;
    }

    .page-viewticket .main-sidebar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 18px;
    }

    .page-viewticket .main-sidebar .sidebar {
        display: contents;
    }
}

@media (max-width: 767px) {
    .page-viewticket .main-header {
        padding: 24px 0 22px;
        background: linear-gradient(103deg, #f6fbff 0%, #eaf6fd 100%);
    }

    .page-viewticket .main-header .container,
    .page-viewticket .main-body > .container {
        width: calc(100% - 32px);
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .page-viewticket .main-header-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .page-viewticket .main-header-title {
        font-size: 27px;
        line-height: 1.18;
    }

    .page-viewticket .main-header .btn {
        width: fit-content;
        min-height: 40px;
        font-size: 13px;
    }

    .page-viewticket .main-body {
        padding-top: 14px;
        padding-bottom: 112px;
    }

    .page-viewticket .main-grid,
    .page-viewticket .main-sidebar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        min-width: 0;
        gap: 12px;
    }

    .page-viewticket .main-content,
    .page-viewticket .section,
    .page-viewticket .section-body,
    .page-viewticket .panel-ticket-reply {
        width: 100%;
        min-width: 0;
    }

    .page-viewticket .section {
        margin-bottom: 14px;
    }

    .page-viewticket .section-title {
        font-size: 17px;
    }

    .page-viewticket .panel-ticket-reply,
    .page-viewticket .ticket-reply,
    .page-viewticket .main-sidebar .panel-ticket-information,
    .page-viewticket .bc-viewticket-help-card {
        border-radius: 14px;
    }

    .page-viewticket .panel-ticket-reply .panel-tabs {
        display: flex;
        overflow-x: auto;
        padding: 0 6px;
        scrollbar-width: none;
    }

    .page-viewticket .panel-ticket-reply .panel-tabs::-webkit-scrollbar {
        display: none;
    }

    .page-viewticket .panel-ticket-reply .panel-tabs > li {
        flex: 0 0 auto;
    }

    .page-viewticket .panel-ticket-reply .panel-tabs > li > a {
        min-height: 48px;
        padding: 0 9px;
        font-size: 12px;
    }

    .page-viewticket .panel-ticket-reply .tab-content {
        padding: 12px;
    }

    .page-viewticket .ticket-creator,
    .page-viewticket .ticket-creator-guest {
        padding: 10px 11px;
    }

    .page-viewticket .markdown-editor,
    .page-viewticket .md-editor,
    .page-viewticket .md-editor > textarea,
    .page-viewticket input,
    .page-viewticket textarea,
    .page-viewticket select {
        font-size: 16px !important;
    }

    .page-viewticket .md-editor,
    .page-viewticket .markdown-editor,
    .page-viewticket .md-editor > textarea {
        min-height: 160px;
    }

    .page-viewticket .panel-ticket-reply .tab-actions {
        padding: 0 12px 12px;
    }

    .page-viewticket .panel-ticket-reply .tab-actions .btn {
        flex: 1 1 auto;
        min-width: 0;
    }

    .page-viewticket .ticket-reply-top {
        padding: 12px;
    }

    .page-viewticket .ticket-reply-message {
        padding: 15px 12px;
        font-size: 13px;
    }

    .page-viewticket .main-sidebar .panel-ticket-information-mobile {
        display: none !important;
    }

    .page-viewticket .main-sidebar .panel-ticket-information .list-group-item {
        min-height: 64px;
        padding: 12px 14px 12px 60px;
    }

    .page-viewticket .main-sidebar .panel-ticket-information .list-group-item > i {
        left: 14px;
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .page-viewticket .bc-viewticket-help-card {
        padding: 14px;
    }

    .page-viewticket .bc-viewticket-help-card.is-mounted {
        display: flex;
    }
}
/* END BAHIA VIEW TICKET UI v1.8.1 */

/* BEGIN BAHIA SUPPORT SUITE v1.9.2 */
/* Bahía Cloud · Support Suite v1.9.2 */

.page-announcements,
.page-viewannouncement,
.page-serverstatus {
    --bc-support-primary: #0f447d;
    --bc-support-primary-deep: #0a2f59;
    --bc-support-accent: #18b8c7;
    --bc-support-bg: #f4f8fc;
    --bc-support-surface: #fff;
    --bc-support-border: #dbe6f0;
    --bc-support-text: #0c294d;
    --bc-support-muted: #60758f;
    --bc-support-success: #159a57;
    --bc-support-shadow: 0 12px 34px rgba(22,56,94,.055);
}

/* Navigation fallback if the WHMCS hook is bypassed by cache or third-party code. */
#Primary_Navbar-Support-Knowledgebase,
#Primary_Navbar-Support-Downloads,
#Secondary_Sidebar-Support-Knowledgebase,
#Secondary_Sidebar-Support-Downloads,
#Primary_Navbar-Billing-My_Quotes,
#Primary_Navbar-Billing-Mass_Payment,
#Primary_Navbar-Billing-Divider-56,
#Secondary_Sidebar-Billing-My_Quotes,
#Secondary_Sidebar-Billing-Mass_Payment {
    display: none !important;
}

.page-announcements .main-header,
.page-viewannouncement .main-header,
.page-serverstatus .main-header {
    display: none !important;
}

.page-announcements .main-body,
.page-viewannouncement .main-body,
.page-serverstatus .main-body {
    padding-top: 0;
    padding-bottom: 56px;
    background: var(--bc-support-bg);
}

.page-announcements .main-body > .container,
.page-viewannouncement .main-body > .container,
.page-serverstatus .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding-left: 0;
    padding-right: 0;
}

.page-announcements .main-grid,
.page-viewannouncement .main-grid,
.page-serverstatus .main-grid {
    display: block !important;
}

.page-announcements .main-sidebar,
.page-viewannouncement .main-sidebar,
.page-serverstatus .main-sidebar {
    display: none !important;
}

.page-announcements .main-content,
.page-viewannouncement .main-content,
.page-serverstatus .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.bc-support-page,
.bc-support-page *,
.bc-support-page *::before,
.bc-support-page *::after,
.page-supportticketslist .bc-support-sidebar,
.page-supportticketslist .bc-support-sidebar * {
    box-sizing: border-box;
}

.bc-support-hero {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 154px;
    margin: 0 -40px 28px;
    padding: 34px 40px 32px;
    overflow: hidden;
    background: radial-gradient(circle at 85% 50%, rgba(88,180,236,.14), transparent 34%), linear-gradient(135deg,#f7fbff 0%,#eef6fd 100%);
    border-bottom: 1px solid rgba(211,225,238,.9);
}

.bc-support-hero::after {
    content: "";
    position: absolute;
    right: -84px;
    bottom: -90px;
    width: 420px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center,rgba(255,255,255,.72) 0 36%,transparent 37%), linear-gradient(145deg,rgba(69,153,222,.08),rgba(34,189,202,.04));
    transform: rotate(-10deg);
    pointer-events: none;
}

.bc-support-hero-copy,
.bc-support-search,
.bc-support-hero-action { position: relative; z-index: 1; }

.bc-support-hero h1 {
    margin: 0;
    color: var(--bc-support-text);
    font-size: 40px;
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.bc-support-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #7b8ea5;
    font-size: 14px;
}

.bc-support-breadcrumb a { color: #7b8ea5; text-decoration: none; }
.bc-support-breadcrumb [aria-current="page"] { color: var(--bc-support-primary); }

.bc-support-search {
    display: flex;
    align-items: center;
    flex: 0 1 360px;
    min-height: 44px;
    gap: 10px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--bc-support-border);
    border-radius: 11px;
    background: #fff;
    color: #6d829b;
}

.bc-support-search svg,
.bc-network-filter-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bc-support-search input {
    width: 100%;
    height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bc-support-text);
    font-size: 13px;
}

.bc-support-hero-action { min-height: 44px; border-radius: 11px; }

.bc-support-layout,
.page-supportticketslist .bc-tickets-layout {
    display: grid;
    grid-template-columns: 236px minmax(0,1fr);
    gap: 24px;
    align-items: start;
}

.bc-support-sidebar {
    display: grid;
    gap: 18px;
}

.bc-support-nav-card,
.bc-support-help-card,
.bc-announcements-card,
.bc-announcement-detail-card,
.bc-support-empty-card,
.bc-network-card,
.bc-network-servers-card {
    border: 1px solid var(--bc-support-border, #dbe6f0);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--bc-support-shadow, 0 12px 34px rgba(22,56,94,.055));
}

.bc-support-nav-card { padding: 22px 16px 18px; }
.bc-support-nav-card > h2 { margin: 0 6px 14px; color: var(--bc-support-text, #0c294d); font-size: 18px; font-weight: 750; }

.bc-support-nav-link {
    display: grid;
    grid-template-columns: 22px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 10px;
    border-radius: 10px;
    color: var(--bc-support-primary, #0f447d);
    font-size: 13px;
    text-decoration: none !important;
}
.bc-support-nav-link + .bc-support-nav-link { margin-top: 2px; }
.bc-support-nav-link:hover,
.bc-support-nav-link:focus { background: #f2f7fb; color: var(--bc-support-primary-deep, #0a2f59); }
.bc-support-nav-link.is-active { background: linear-gradient(135deg,#eff7ff 0%,#e4f2fb 100%); font-weight: 650; }
.bc-support-nav-icon { display: inline-flex; align-items: center; justify-content: center; color: var(--bc-support-primary, #0f447d); }
.bc-support-nav-link.is-active .bc-support-nav-icon { color: var(--bc-support-accent, #18b8c7); }
.bc-support-nav-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

.bc-support-help-card {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(145deg,#f1f9ff 0%,#e7f6fb 100%);
}
.bc-support-help-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: #fff; color: var(--bc-support-primary, #0f447d); }
.bc-support-help-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bc-support-help-card strong { display: block; color: var(--bc-support-text, #0c294d); font-size: 12px; font-weight: 750; }
.bc-support-help-card p { margin: 3px 0 10px; color: var(--bc-support-muted, #60758f); font-size: 10px; line-height: 1.4; }
.bc-support-help-card .btn { min-height: 30px; padding: 5px 10px; border-radius: 8px; font-size: 11px; }

.bc-support-main { min-width: 0; }
.bc-announcements-card { overflow: hidden; }
.bc-announcement-item { padding: 24px 26px; border-bottom: 1px solid var(--bc-support-border); }
.bc-announcement-item:last-of-type { border-bottom: 0; }
.bc-announcement-date { display: flex; align-items: center; gap: 8px; color: #71869e; font-size: 12px; }
.bc-announcement-date-icon { display: inline-flex; color: var(--bc-support-primary); }
.bc-announcement-date-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bc-announcement-item h2,
.bc-announcement-detail-card h2 { margin: 12px 0 9px; color: var(--bc-support-text); font-size: 24px; font-weight: 750; line-height: 1.25; }
.bc-announcement-summary,
.bc-announcement-content { color: var(--bc-support-muted); font-size: 14px; line-height: 1.7; }
.bc-announcement-summary img,
.bc-announcement-content img { max-width: 100%; height: auto; border-radius: 12px; }
.bc-announcement-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.bc-announcement-actions .btn { min-height: 38px; border-radius: 9px; font-size: 13px; }
.bc-announcement-detail-card { padding: 28px; }
.bc-announcement-detail-card h2 { font-size: 30px; }
.bc-announcement-content { margin-top: 20px; color: #35516f; }

.bc-support-pagination { display: flex; justify-content: flex-end; gap: 6px; margin: 0; padding: 16px 20px; border-top: 1px solid var(--bc-support-border); }
.bc-support-pagination > li > a { min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px !important; }

.bc-support-empty-card,
.bc-support-no-results { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px; padding: 42px 24px; text-align: center; }
.bc-support-empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 16px; border-radius: 16px; background: #eef6fb; color: var(--bc-support-primary); }
.bc-support-empty-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bc-support-empty-card h2,
.bc-support-no-results strong { margin: 0; color: var(--bc-support-text); font-size: 22px; font-weight: 750; }
.bc-support-empty-card p,
.bc-support-no-results p { margin: 8px 0 0; color: var(--bc-support-muted); font-size: 14px; }

.bc-network-card { overflow: visible; }
.bc-network-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; padding: 12px 18px; border-bottom: 1px solid var(--bc-support-border); }
.bc-network-filter { display: flex; align-items: center; gap: 10px; }
.bc-network-filter-icon { display: inline-flex; color: var(--bc-support-primary); }
.bc-network-filter .dropdown-toggle { min-height: 42px; padding: 0 13px; border: 1px solid var(--bc-support-border); border-radius: 10px; background: #fff; }
.bc-network-summary { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; font-size: 12px; font-weight: 650; }
.bc-network-summary.is-operational { background: #e9f8ef; color: var(--bc-support-success); }
.bc-network-summary.has-issues { background: #fff1e6; color: #b8661d; }
.bc-network-summary-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.bc-network-body { padding: 20px; }
.bc-network-operational { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 280px; padding: 36px 20px; text-align: center; }
.bc-network-operational-icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 18px; border-radius: 50%; background: #e3f7e9; color: var(--bc-support-success); }
.bc-network-operational-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.bc-network-operational h2 { margin: 0; color: var(--bc-support-text); font-size: 23px; font-weight: 750; }
.bc-network-operational p { margin: 8px 0 0; color: var(--bc-support-muted); font-size: 14px; }
.bc-network-issue { padding: 20px; border: 1px solid var(--bc-support-border); border-radius: 14px; }
.bc-network-issue + .bc-network-issue { margin-top: 14px; }
.bc-network-issue-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.bc-network-issue-label { color: var(--bc-support-muted); font-size: 12px; }
.bc-network-issue h2 { margin: 5px 0 0; color: var(--bc-support-text); font-size: 20px; font-weight: 750; }
.bc-network-priority { padding: 6px 10px; border-radius: 999px; background: #eef3f7; color: #60758f; font-size: 11px; font-weight: 700; }
.bc-network-priority.is-critical,
.bc-network-priority.is-high { background: #fde9eb; color: #d13b49; }
.bc-network-priority.is-low { background: #e9f8ef; color: #158a4d; }
.bc-network-affecting,
.bc-network-description { color: var(--bc-support-muted); font-size: 14px; line-height: 1.6; }
.bc-network-affecting { margin: 14px 0 0; font-weight: 600; }
.bc-network-description { margin-top: 12px; }
.bc-network-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--bc-support-border); color: #7a8ea5; font-size: 12px; }
.bc-network-servers-card { margin-top: 20px; padding: 20px; }
.bc-network-section-head h2 { margin: 0; color: var(--bc-support-text); font-size: 22px; font-weight: 750; }
.bc-network-section-head p { margin: 6px 0 18px; color: var(--bc-support-muted); font-size: 13px; }
.bc-network-servers-card .table { margin-bottom: 0; }

@media (max-width: 991px) {
    .page-announcements .main-body > .container,
    .page-viewannouncement .main-body > .container,
    .page-serverstatus .main-body > .container { width: calc(100% - 36px); }
    .bc-support-hero { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px; }
    .bc-support-layout,
    .page-supportticketslist .bc-tickets-layout { grid-template-columns: 210px minmax(0,1fr); gap: 18px; }
}

@media (max-width: 767px) {
    .page-announcements .main-body,
    .page-viewannouncement .main-body,
    .page-serverstatus .main-body { padding-bottom: 112px; }
    .page-announcements .main-body > .container,
    .page-viewannouncement .main-body > .container,
    .page-serverstatus .main-body > .container { width: 100%; padding: 0 16px; }
    .bc-support-hero { flex-direction: column; align-items: stretch; min-height: 0; margin: 0 -16px 22px; padding: 24px 16px 26px; }
    .bc-support-hero h1 { font-size: 30px; line-height: 1.12; }
    .bc-support-breadcrumb { font-size: 13px; line-height: 1.7; }
    .bc-support-search { width: 100%; max-width: none; flex: 1 1 auto; }
    .bc-support-search input { font-size: 16px; }
    .bc-support-hero-action { align-self: flex-start; }
    .bc-support-layout,
    .page-supportticketslist .bc-tickets-layout { display: block; }
    .bc-support-sidebar { display: none; }
    .bc-announcement-item { padding: 20px 18px; }
    .bc-announcement-item h2 { font-size: 20px; }
    .bc-announcement-summary,
    .bc-announcement-content { font-size: 14px; }
    .bc-announcement-detail-card { padding: 20px 18px; }
    .bc-announcement-detail-card h2 { font-size: 24px; }
    .bc-network-toolbar { align-items: flex-start; flex-direction: column; padding: 14px; }
    .bc-network-filter { width: 100%; }
    .bc-network-filter .view-filter-btns,
    .bc-network-filter .dropdown-toggle { width: 100%; }
    .bc-network-filter .dropdown-menu { left: 0 !important; right: auto !important; max-width: calc(100vw - 32px); }
    .bc-network-summary { align-self: flex-start; }
    .bc-network-body { padding: 14px; }
    .bc-network-operational { min-height: 230px; padding: 30px 12px; }
    .bc-network-operational h2 { font-size: 20px; }
    .bc-network-issue-head { flex-direction: column; }
    .bc-network-servers-card { padding: 16px; overflow: hidden; }
}

/* --------------------------------------------------------------------------
   Abrir ticket · Support Suite v1.9.2
   -------------------------------------------------------------------------- */
.page-supportticketsubmit-steptwo {
    --bc-open-primary: #0f447d;
    --bc-open-primary-deep: #0a2f59;
    --bc-open-accent: #18b8c7;
    --bc-open-bg: #f4f8fc;
    --bc-open-surface: #ffffff;
    --bc-open-border: #dbe6f0;
    --bc-open-text: #0c294d;
    --bc-open-muted: #60758f;
    --bc-open-shadow: 0 12px 34px rgba(22, 56, 94, .055);
}

.page-supportticketsubmit-steptwo .main-body {
    padding-top: 0 !important;
    padding-bottom: 56px;
    background: var(--bc-open-bg);
}

.page-supportticketsubmit-steptwo .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding-left: 0;
    padding-right: 0;
}

.page-supportticketsubmit-steptwo .main-grid {
    display: block !important;
}

.page-supportticketsubmit-steptwo .main-sidebar {
    display: none !important;
}

.page-supportticketsubmit-steptwo .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.page-supportticketsubmit-steptwo .main-header {
    position: relative;
    z-index: 0;
    min-height: 154px;
    margin: 0 -40px 28px;
    padding: 34px 40px 32px;
    overflow: hidden;
    background: radial-gradient(circle at 85% 50%, rgba(88, 180, 236, .14), transparent 34%), linear-gradient(135deg, #f7fbff 0%, #eef6fd 100%);
    border-bottom: 1px solid rgba(211, 225, 238, .9);
}

.page-supportticketsubmit-steptwo .main-header::after {
    content: "";
    position: absolute;
    right: -84px;
    bottom: -90px;
    width: 420px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,.72) 0 36%, transparent 37%), linear-gradient(145deg, rgba(69,153,222,.08), rgba(34,189,202,.04));
    transform: rotate(-10deg);
    pointer-events: none;
}

.page-supportticketsubmit-steptwo .main-header > * {
    position: relative;
    z-index: 1;
}

.page-supportticketsubmit-steptwo .main-header .main-header-title,
.page-supportticketsubmit-steptwo .main-header h1 {
    margin: 0;
    color: var(--bc-open-text);
    font-size: 40px;
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.page-supportticketsubmit-steptwo .main-header .breadcrumb {
    margin-top: 12px;
    margin-bottom: 0;
    color: #7b8ea5;
    font-size: 14px;
}

.bc-open-ticket-layout,
.bc-open-ticket-layout *,
.bc-open-ticket-layout *::before,
.bc-open-ticket-layout *::after {
    box-sizing: border-box;
}

.bc-open-ticket-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 282px;
    gap: 24px;
    align-items: start;
}

.bc-open-ticket-main,
.bc-open-ticket-aside {
    min-width: 0;
}

.bc-open-ticket-main > form {
    display: grid;
    gap: 16px;
}

.page-supportticketsubmit-steptwo .bc-open-ticket-main .section {
    margin: 0;
    padding: 22px;
    border: 1px solid var(--bc-open-border);
    border-radius: 18px;
    background: var(--bc-open-surface);
    box-shadow: var(--bc-open-shadow);
}

.page-supportticketsubmit-steptwo .bc-open-ticket-main .section-header {
    margin: 0 0 18px;
}

.page-supportticketsubmit-steptwo .bc-open-ticket-main .section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: var(--bc-open-text);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.25;
}

.page-supportticketsubmit-steptwo .bc-open-ticket-main .section-title::before {
    content: "";
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 14px;
    background: #eef6fb center / 20px 20px no-repeat;
}

.page-supportticketsubmit-steptwo .bc-open-ticket-main .section:first-of-type .section-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230f447d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'/%3E%3Cpath d='M15 3v4h4M9 10h6M9 14h6M9 18h4'/%3E%3C/svg%3E");
}

.page-supportticketsubmit-steptwo .bc-open-ticket-main .section:nth-of-type(2) .section-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230f447d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v12H8l-4 3z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
}

.page-supportticketsubmit-steptwo .bc-open-ticket-main .section-body,
.page-supportticketsubmit-steptwo .bc-open-ticket-main .panel,
.page-supportticketsubmit-steptwo .bc-open-ticket-main .panel-body {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.page-supportticketsubmit-steptwo .open-ticket-information .row {
    row-gap: 12px;
}

.page-supportticketsubmit-steptwo .open-ticket-information .form-group {
    min-width: 0;
}

.page-supportticketsubmit-steptwo .open-ticket-information .form-group > label {
    margin-bottom: 8px !important;
    color: #4f6681;
    font-size: 12px;
    font-weight: 650;
}

.page-supportticketsubmit-steptwo .ticket-creator,
.page-supportticketsubmit-steptwo .department-dropdown > .dropdown-toggle,
.page-supportticketsubmit-steptwo .related-product-dropdown > .dropdown-toggle,
.page-supportticketsubmit-steptwo .ticket-priority-dropdown > .dropdown-toggle {
    min-height: 70px;
    border: 1px solid var(--bc-open-border);
    border-radius: 12px;
    background: #fbfdff;
}

.page-supportticketsubmit-steptwo .ticket-creator {
    display: flex;
    align-items: center;
    padding: 12px 14px;
}

.page-supportticketsubmit-steptwo .department-dropdown > .dropdown-toggle,
.page-supportticketsubmit-steptwo .related-product-dropdown > .dropdown-toggle,
.page-supportticketsubmit-steptwo .ticket-priority-dropdown > .dropdown-toggle {
    padding: 12px 14px;
}

.page-supportticketsubmit-steptwo .creator-details-name,
.page-supportticketsubmit-steptwo .dropdown-toggle-content-title {
    color: var(--bc-open-text);
    font-size: 14px;
    font-weight: 650;
}

.page-supportticketsubmit-steptwo .creator-details-email,
.page-supportticketsubmit-steptwo .dropdown-toggle-content p {
    color: var(--bc-open-muted);
    font-size: 12px;
}

.page-supportticketsubmit-steptwo .open-ticket-form .panel-body > .row {
    gap: 16px;
}

.page-supportticketsubmit-steptwo .open-ticket-form .form-control,
.page-supportticketsubmit-steptwo .open-ticket-form .markdown-editor,
.page-supportticketsubmit-steptwo .section-custom-fields .form-control {
    border: 1px solid var(--bc-open-border);
    border-radius: 10px;
    background: #fff;
    color: var(--bc-open-text);
    font-size: 14px;
}

.page-supportticketsubmit-steptwo #inputSubject {
    height: 44px;
    padding: 0 14px;
}

.page-supportticketsubmit-steptwo .md-editor {
    overflow: hidden;
    border: 1px solid var(--bc-open-border);
    border-radius: 12px;
    background: #fff;
}

.page-supportticketsubmit-steptwo .md-editor > .md-header {
    min-height: 42px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--bc-open-border);
    background: #fff;
}

.page-supportticketsubmit-steptwo .md-editor textarea,
.page-supportticketsubmit-steptwo #supportMessage {
    min-height: 250px !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    resize: vertical;
}

.page-supportticketsubmit-steptwo .attachements-container {
    margin-top: 12px;
}

.page-supportticketsubmit-steptwo .attachements-container .add,
.page-supportticketsubmit-steptwo .attachements-uploads {
    min-height: 46px;
    padding: 0 14px;
    border: 1px dashed #b9cfe0;
    border-radius: 10px;
    background: #fbfdff;
    color: var(--bc-open-primary);
}

.page-supportticketsubmit-steptwo .ticket-attachments-message {
    margin: 8px 0 0;
    color: #7a8ea5;
    font-size: 12px;
    line-height: 1.45;
}

.page-supportticketsubmit-steptwo .section-custom-fields:has(#customFieldsContainer:empty) {
    display: none;
}

.page-supportticketsubmit-steptwo .panel-form-action {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.page-supportticketsubmit-steptwo .panel-form-action .panel-body {
    padding: 0;
}

.page-supportticketsubmit-steptwo .form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.page-supportticketsubmit-steptwo .form-actions .btn {
    min-height: 42px;
    padding: 9px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
}

.page-supportticketsubmit-steptwo #openTicketSubmit {
    background: var(--bc-open-primary);
    border-color: var(--bc-open-primary);
}

.bc-open-ticket-aside {
    display: grid;
    gap: 18px;
}

.bc-open-ticket-guide-card,
.bc-open-ticket-help-card {
    padding: 20px;
    border: 1px solid var(--bc-open-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--bc-open-shadow);
}

.bc-open-ticket-card-heading {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bc-open-ticket-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 14px;
    background: #eef6fb;
    color: var(--bc-open-primary);
}

.bc-open-ticket-card-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bc-open-ticket-card-heading h2 {
    margin: 0;
    color: var(--bc-open-text);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.25;
}

.bc-open-ticket-checklist {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.bc-open-ticket-checklist li {
    position: relative;
    padding: 14px 0 14px 34px;
    border-top: 1px solid #e8eff5;
    color: #35516f;
    font-size: 13px;
    line-height: 1.5;
}

.bc-open-ticket-checklist li:first-child {
    border-top: 0;
    padding-top: 4px;
}

.bc-open-ticket-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid var(--bc-open-accent);
    border-radius: 50%;
    color: var(--bc-open-accent);
    font-size: 11px;
    font-weight: 800;
}

.bc-open-ticket-checklist li:first-child::before {
    top: 2px;
}

.bc-open-ticket-help-card p {
    margin: 16px 0;
    color: var(--bc-open-muted);
    font-size: 13px;
    line-height: 1.55;
}

.bc-open-ticket-help-card .btn {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 650;
}

@media (max-width: 991px) {
    .page-supportticketsubmit-steptwo .main-body > .container {
        width: calc(100% - 36px);
    }

    .page-supportticketsubmit-steptwo .main-header {
        margin-left: -18px;
        margin-right: -18px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .bc-open-ticket-layout {
        grid-template-columns: minmax(0, 1fr) 244px;
        gap: 18px;
    }
}

@media (max-width: 767px) {
    .page-supportticketsubmit-steptwo .main-body {
        padding-bottom: 116px;
    }

    .page-supportticketsubmit-steptwo .main-body > .container {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .page-supportticketsubmit-steptwo .main-header {
        min-height: 0;
        margin: 0 -16px 22px;
        padding: 24px 16px 26px;
    }

    .page-supportticketsubmit-steptwo .main-header .main-header-title,
    .page-supportticketsubmit-steptwo .main-header h1 {
        font-size: 30px;
        line-height: 1.12;
    }

    .page-supportticketsubmit-steptwo .main-header .breadcrumb {
        font-size: 13px;
        line-height: 1.7;
    }

    .bc-open-ticket-layout {
        display: block;
    }

    .bc-open-ticket-main > form {
        gap: 14px;
    }

    .page-supportticketsubmit-steptwo .bc-open-ticket-main .section {
        padding: 16px;
        border-radius: 16px;
    }

    .page-supportticketsubmit-steptwo .bc-open-ticket-main .section-header {
        margin-bottom: 14px;
    }

    .page-supportticketsubmit-steptwo .bc-open-ticket-main .section-title {
        gap: 10px;
        font-size: 18px;
    }

    .page-supportticketsubmit-steptwo .bc-open-ticket-main .section-title::before {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 12px;
    }

    .page-supportticketsubmit-steptwo .open-ticket-information .row {
        margin-left: 0;
        margin-right: 0;
    }

    .page-supportticketsubmit-steptwo .open-ticket-information [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .page-supportticketsubmit-steptwo .ticket-creator,
    .page-supportticketsubmit-steptwo .department-dropdown > .dropdown-toggle,
    .page-supportticketsubmit-steptwo .related-product-dropdown > .dropdown-toggle,
    .page-supportticketsubmit-steptwo .ticket-priority-dropdown > .dropdown-toggle {
        min-height: 64px;
    }

    .page-supportticketsubmit-steptwo input,
    .page-supportticketsubmit-steptwo textarea,
    .page-supportticketsubmit-steptwo select,
    .page-supportticketsubmit-steptwo .form-control,
    .page-supportticketsubmit-steptwo .dropdown-menu-search input {
        font-size: 16px !important;
    }

    .page-supportticketsubmit-steptwo .md-editor textarea,
    .page-supportticketsubmit-steptwo #supportMessage {
        min-height: 220px !important;
    }

    .page-supportticketsubmit-steptwo .md-editor > .md-header {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .page-supportticketsubmit-steptwo .form-actions .btn {
        flex: 1 1 auto;
        justify-content: center;
    }

    .bc-open-ticket-aside {
        margin-top: 18px;
    }

    .bc-open-ticket-guide-card,
    .bc-open-ticket-help-card {
        padding: 16px;
        border-radius: 16px;
    }
}
/* END BAHIA SUPPORT SUITE v1.9.2 */

/* BEGIN BAHIA DOMAIN COMMERCE UI v2.0.0 */
/* Bahía Cloud · Domain Commerce UI v2.0.0 */

.page-domainregister,
.page-domaintransfer {
    --bc-dc-primary: #0f447d;
    --bc-dc-primary-deep: #0a2f59;
    --bc-dc-accent: #18b8c7;
    --bc-dc-accent-soft: #eaf9fb;
    --bc-dc-bg: #f4f8fc;
    --bc-dc-surface: #ffffff;
    --bc-dc-border: #dbe6f0;
    --bc-dc-text: #0c294d;
    --bc-dc-muted: #60758f;
    --bc-dc-success: #159a57;
    --bc-dc-shadow: 0 12px 34px rgba(22, 56, 94, 0.055);
}

.page-domainregister .main-header,
.page-domaintransfer .main-header {
    position: relative;
    min-height: 154px;
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 48%, rgba(88, 180, 236, 0.14), transparent 34%),
        linear-gradient(135deg, #f7fbff 0%, #eef6fd 100%);
    border-bottom: 1px solid rgba(211, 225, 238, 0.9);
}
.page-domainregister .main-header::after,
.page-domaintransfer .main-header::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -90px;
    width: 440px;
    height: 230px;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(255,255,255,.72) 0 36%, transparent 37%),
        linear-gradient(145deg, rgba(69,153,222,.08), rgba(34,189,202,.04));
    transform: rotate(-10deg);
    pointer-events: none;
}
.page-domainregister .main-header > .container,
.page-domaintransfer .main-header > .container {
    position: relative;
    z-index: 1;
    width: calc(100% - 80px);
    max-width: 1280px;
    padding: 34px 0 30px;
}
.page-domainregister .main-header-title,
.page-domaintransfer .main-header-title {
    color: var(--bc-dc-text);
    font-size: 40px;
    font-weight: 750;
    line-height: 1.08;
    letter-spacing: -0.035em;
}
.page-domainregister .main-header .breadcrumb,
.page-domaintransfer .main-header .breadcrumb {
    margin-top: 12px;
    font-size: 14px;
}

.page-domainregister .main-body,
.page-domaintransfer .main-body {
    padding-top: 28px;
    padding-bottom: 56px;
    background: var(--bc-dc-bg);
}
.page-domainregister .main-body > .container,
.page-domaintransfer .main-body > .container {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding-right: 0;
    padding-left: 0;
}
.page-domainregister .main-grid,
.page-domaintransfer .main-grid {
    display: grid !important;
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.page-domainregister .main-sidebar,
.page-domaintransfer .main-sidebar,
.page-domainregister .main-content,
.page-domaintransfer .main-content {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
}
.page-domainregister .main-sidebar,
.page-domaintransfer .main-sidebar { order: 0 !important; }
.page-domainregister .main-content,
.page-domaintransfer .main-content { order: 1 !important; }

.page-domainregister .main-sidebar .panel,
.page-domaintransfer .main-sidebar .panel {
    margin: 0 0 16px;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.page-domainregister .main-sidebar .panel-heading,
.page-domaintransfer .main-sidebar .panel-heading {
    padding: 0 0 12px;
    border: 0;
    background: transparent;
}
.page-domainregister .main-sidebar .panel-title,
.page-domaintransfer .main-sidebar .panel-title {
    color: var(--bc-dc-text);
    font-size: 17px;
    font-weight: 700;
}
.page-domainregister .main-sidebar .list-group,
.page-domaintransfer .main-sidebar .list-group { padding-bottom: 12px; border-bottom: 1px solid #e4edf5; }
.page-domainregister .main-sidebar .list-group-item,
.page-domaintransfer .main-sidebar .list-group-item {
    min-height: 38px;
    margin: 2px 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #244e79;
    font-size: 14px;
}
.page-domainregister .main-sidebar .list-group-item:hover,
.page-domainregister .main-sidebar .list-group-item:focus,
.page-domaintransfer .main-sidebar .list-group-item:hover,
.page-domaintransfer .main-sidebar .list-group-item:focus,
.page-domainregister .main-sidebar .list-group-item.active,
.page-domaintransfer .main-sidebar .list-group-item.active {
    background: #dcecf8;
    color: var(--bc-dc-primary);
}
.page-domainregister .main-sidebar .list-group-item.active,
.page-domaintransfer .main-sidebar .list-group-item.active {
    font-weight: 650;
    box-shadow: inset 3px 0 0 var(--bc-dc-accent);
}

.bc-domain-commerce,
.bc-domain-commerce *,
.bc-domain-commerce *::before,
.bc-domain-commerce *::after { box-sizing: border-box; }
.bc-domain-commerce { color: var(--bc-dc-text); }
.bc-domain-card,
.bc-domain-empty-card,
.bc-domain-benefit-card,
.bc-domain-quick-card,
.bc-domain-promo-card,
.bc-domain-how-card,
.bc-domain-transfer-benefit,
.bc-domain-help-card {
    border: 1px solid var(--bc-dc-border);
    border-radius: 18px;
    background: var(--bc-dc-surface);
    box-shadow: var(--bc-dc-shadow);
}
.bc-domain-card { padding: 24px; }
.bc-domain-card-heading {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 22px;
}
.bc-domain-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: var(--bc-dc-accent-soft);
    color: var(--bc-dc-accent);
}
.bc-domain-card-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bc-domain-card-heading h2,
.bc-domain-quick-card h2,
.bc-domain-how-card h2,
.bc-domain-help-card h2 {
    margin: 0;
    color: var(--bc-dc-text);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.25;
}
.bc-domain-card-heading p,
.bc-domain-help-card p {
    margin: 5px 0 0;
    color: var(--bc-dc-muted);
    font-size: 13px;
    line-height: 1.55;
}

.bc-domain-search-control { display: flex; gap: 12px; margin: 0; }
.bc-domain-search-control .search-field { flex: 1 1 auto; min-width: 0; }
.bc-domain-search-control .form-control {
    min-height: 48px;
    border: 1px solid #cdddea;
    border-radius: 10px;
    background: #fff;
    color: var(--bc-dc-text);
    font-size: 15px;
}
.bc-domain-search-control .search-group-btn { flex: 0 0 auto; }
.bc-domain-search-control .btn {
    min-width: 116px;
    min-height: 48px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
}
.bc-domain-ai-search:empty,
.bc-domain-ai-tabs:empty { display: none; }
.bc-domain-ai-search { margin-bottom: 12px; }
.bc-domain-ai-tabs { margin-top: 12px; }
.bc-domain-promo-label { margin-top: 14px; }

.bc-domain-register-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 282px;
    gap: 24px;
    align-items: start;
    margin-top: 22px;
}
.bc-domain-register-main,
.bc-domain-register-aside,
.bc-domain-transfer-main,
.bc-domain-transfer-aside { min-width: 0; }
.bc-domain-register-aside,
.bc-domain-transfer-aside { display: grid; gap: 14px; }

.bc-domain-benefit-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    padding: 16px;
}
.bc-domain-benefit-icon,
.bc-domain-transfer-benefit > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--bc-dc-accent-soft);
    color: var(--bc-dc-accent);
    font-size: 20px;
}
.bc-domain-benefit-icon.is-amber { background: #fff7e8; color: #e39c14; }
.bc-domain-benefit-icon.is-green,
.bc-domain-transfer-benefit > span.is-green { background: #ebf8ef; color: #2f9b55; }
.bc-domain-benefit-card strong,
.bc-domain-transfer-benefit strong { display: block; color: var(--bc-dc-text); font-size: 14px; font-weight: 700; }
.bc-domain-benefit-card small { display: block; margin-top: 3px; color: var(--bc-dc-muted); font-size: 11px; line-height: 1.4; }

.bc-domain-quick-card { padding: 20px; }
.bc-domain-quick-card h2 { margin-bottom: 10px; font-size: 18px; }
.bc-domain-quick-link {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 12px;
    gap: 10px;
    align-items: center;
    min-height: 68px;
    padding: 12px 0;
    color: var(--bc-dc-text);
    text-decoration: none !important;
}
.bc-domain-quick-link + .bc-domain-quick-link { border-top: 1px solid #edf2f7; }
.bc-domain-quick-link > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: var(--bc-dc-accent-soft);
    color: var(--bc-dc-primary);
    font-size: 17px;
}
.bc-domain-quick-link strong { display: block; color: var(--bc-dc-primary); font-size: 12px; font-weight: 700; line-height: 1.3; }
.bc-domain-quick-link small { display: block; margin-top: 3px; color: var(--bc-dc-muted); font-size: 10px; line-height: 1.4; }
.bc-domain-quick-link b { color: #7087a0; font-size: 18px; font-weight: 400; }

.bc-domain-empty-card {
    min-height: 280px;
    padding: 34px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bc-domain-empty-graphic { width: 170px; color: #c8d8e8; }
.bc-domain-empty-graphic svg { width: 100%; height: auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bc-domain-empty-card h2 { margin: 8px 0 6px; color: var(--bc-dc-text); font-size: 20px; font-weight: 750; }
.bc-domain-empty-card p { margin: 0 0 18px; color: var(--bc-dc-muted); font-size: 13px; }
.bc-domain-empty-card .btn { min-height: 42px; border-radius: 9px; }

.bc-domain-results { margin-bottom: 22px; }
.bc-domain-results .panel,
.bc-domain-results .domain-lookup-result,
.bc-domain-results .domain-suggestion,
.bc-domain-results .domain-lookup-primary-results {
    border-color: var(--bc-dc-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--bc-dc-shadow) !important;
}
.bc-domain-results .btn { border-radius: 9px; }
.bc-domain-no-suggestions .panel-body { min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.bc-domain-no-suggestions h6 { color: var(--bc-dc-text); font-size: 16px; }
.bc-domain-no-suggestions p { color: var(--bc-dc-muted); font-size: 13px; }

.bc-domain-featured-tlds,
.bc-domain-tld-pricing { margin-top: 22px; }
.bc-domain-commerce .section-header .section-title,
.bc-domain-commerce .tld-pricing .section-title { color: var(--bc-dc-text); font-size: 22px; font-weight: 700; }
.bc-domain-commerce .section-header .section-desc { color: var(--bc-dc-muted); font-size: 13px; }
.bc-domain-commerce .tld-toolbar,
.bc-domain-commerce .tld-table,
.bc-domain-commerce .featured-tlds {
    border-color: var(--bc-dc-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--bc-dc-shadow);
}
.bc-domain-commerce .tld-toolbar { padding: 14px; }
.bc-domain-commerce .tld-table { overflow: hidden; }
.bc-domain-commerce .tld-table .table { margin-bottom: 0; }
.bc-domain-commerce .tld-table th { background: #f7fbff; color: var(--bc-dc-text); font-size: 12px; font-weight: 700; }
.bc-domain-commerce .tld-table td { color: #35516f; font-size: 13px; vertical-align: middle; }
.bc-domain-commerce .tld-name { color: var(--bc-dc-text); font-size: 18px; }

.bc-domain-promo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}
.bc-domain-promo-card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
}
.bc-domain-promo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 15px;
    background: #eef5fb;
    color: var(--bc-dc-primary);
    font-size: 23px;
}
.bc-domain-promo-card h3 { margin: 0; color: var(--bc-dc-text); font-size: 16px; font-weight: 700; }
.bc-domain-promo-card p { min-height: 40px; margin: 5px 0 12px; color: var(--bc-dc-muted); font-size: 11px; line-height: 1.45; }
.bc-domain-promo-card .btn { min-height: 38px; border-radius: 8px; }

.bc-domain-transfer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 282px;
    gap: 24px;
    align-items: start;
}
.bc-domain-transfer-card { padding: 26px; }
.bc-domain-field-label { display: block; margin-bottom: 8px; color: #4e6680; font-size: 13px; font-weight: 500; }
.bc-domain-transfer-note { margin: 14px 0 0; color: var(--bc-dc-muted); font-size: 11px; }
.bc-domain-transfer-benefit {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 20px;
}
.bc-domain-transfer-benefit p { margin: 5px 0 0; color: var(--bc-dc-muted); font-size: 11px; line-height: 1.45; }
.bc-domain-help-card { padding: 20px; }
.bc-domain-help-card h2 { font-size: 17px; }
.bc-domain-help-card .btn { margin-top: 14px; min-height: 42px; border-radius: 9px; }
.bc-domain-how-card { margin-top: 22px; padding: 24px; }
.bc-domain-how-card h2 { margin-bottom: 20px; font-size: 20px; }
.bc-domain-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.bc-domain-steps article {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    position: relative;
}
.bc-domain-steps article + article::before {
    content: "›";
    position: absolute;
    left: -14px;
    top: 14px;
    color: #9cb2c9;
    font-size: 28px;
}
.bc-domain-steps article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: var(--bc-dc-accent-soft);
    color: var(--bc-dc-accent);
    font-size: 21px;
}
.bc-domain-steps strong { display: block; color: var(--bc-dc-text); font-size: 13px; font-weight: 700; }
.bc-domain-steps p { margin: 4px 0 0; color: var(--bc-dc-muted); font-size: 10px; line-height: 1.45; }

@media (max-width: 1199px) {
    .bc-domain-register-grid,
    .bc-domain-transfer-grid { grid-template-columns: minmax(0, 1fr) 250px; }
    .bc-domain-steps { grid-template-columns: 1fr; }
    .bc-domain-steps article + article::before { display: none; }
}

@media (max-width: 991px) {
    .page-domainregister .main-body > .container,
    .page-domaintransfer .main-body > .container,
    .page-domainregister .main-header > .container,
    .page-domaintransfer .main-header > .container {
        width: calc(100% - 36px);
    }
    .page-domainregister .main-grid,
    .page-domaintransfer .main-grid { grid-template-columns: minmax(0, 1fr); }
    .page-domainregister .main-sidebar,
    .page-domaintransfer .main-sidebar { display: none !important; }
    .bc-domain-register-grid,
    .bc-domain-transfer-grid { grid-template-columns: minmax(0, 1fr); }
    .bc-domain-register-aside,
    .bc-domain-transfer-aside { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .bc-domain-quick-card,
    .bc-domain-help-card { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
    .page-domainregister .main-header,
    .page-domaintransfer .main-header { min-height: 132px; }
    .page-domainregister .main-header > .container,
    .page-domaintransfer .main-header > .container { width: calc(100% - 32px); padding: 26px 0 24px; }
    .page-domainregister .main-header-title,
    .page-domaintransfer .main-header-title { font-size: 30px; }
    .page-domainregister .main-header .breadcrumb,
    .page-domaintransfer .main-header .breadcrumb { font-size: 12px; }
    .page-domainregister .main-body,
    .page-domaintransfer .main-body { padding-top: 20px; padding-bottom: 110px; }
    .page-domainregister .main-body > .container,
    .page-domaintransfer .main-body > .container { width: calc(100% - 32px); }
    .bc-domain-card,
    .bc-domain-empty-card,
    .bc-domain-quick-card,
    .bc-domain-how-card,
    .bc-domain-help-card { padding: 18px; border-radius: 16px; }
    .bc-domain-card-heading { gap: 12px; margin-bottom: 16px; }
    .bc-domain-card-icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 14px; }
    .bc-domain-card-heading h2 { font-size: 18px; }
    .bc-domain-card-heading p { font-size: 12px; }
    .bc-domain-search-control { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .bc-domain-search-control .form-control { min-height: 48px; font-size: 16px; }
    .bc-domain-search-control .btn { width: 100%; min-height: 46px; font-size: 15px; }
    .bc-domain-register-grid { margin-top: 16px; }
    .bc-domain-register-aside,
    .bc-domain-transfer-aside { grid-template-columns: minmax(0, 1fr); }
    .bc-domain-benefit-card { padding: 14px; }
    .bc-domain-empty-card { min-height: 240px; }
    .bc-domain-empty-graphic { width: 140px; }
    .bc-domain-promo-grid { grid-template-columns: minmax(0, 1fr); }
    .bc-domain-promo-card { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
    .bc-domain-promo-icon { width: 44px; height: 44px; }
    .bc-domain-tld-pricing .tld-toolbar { display: grid; gap: 10px; }
    .bc-domain-commerce .tld-search .form-control { font-size: 16px; }
    .bc-domain-commerce .tld-table { overflow-x: auto; }
    .bc-domain-transfer-benefit { padding: 16px; }
    .bc-domain-steps { gap: 16px; }
    .bc-domain-steps article { grid-template-columns: 44px minmax(0, 1fr); }
    .bc-domain-steps article > span { width: 44px; height: 44px; }
}
/* END BAHIA DOMAIN COMMERCE UI v2.0.0 */