:root {
    --tpresta-green: #198754;
    --tpresta-green-dark: #146c43;
    --tpresta-navy: #13263D;
    --tpresta-white: #FFFFFF;
    --tpresta-surface: #F6F8FA;
    --tpresta-border: #DDE3E9;
    --tpresta-text: #263238;
}

body {
    background: var(--tpresta-surface);
    color: var(--tpresta-text);
}

#app-navbar,
.navbar-inverse.primary {
    background: var(--tpresta-navy) !important;
    border-color: var(--tpresta-navy) !important;
}

.btn-primary,
.btn-success {
    background: var(--tpresta-green);
    border-color: var(--tpresta-green);
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus {
    background: var(--tpresta-green-dark);
    border-color: var(--tpresta-green-dark);
}

.tpresta-brand-logo {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 120px;
    margin: 0 auto 14px;
    object-fit: contain;
}

.tpresta-brand-name {
    margin: 0;
    color: var(--tpresta-navy);
    font-weight: 800;
    letter-spacing: .02em;
}

.tpresta-slogan {
    margin-top: 5px;
    color: var(--tpresta-green-dark);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
}

.tpresta-menu {
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    z-index: 900;
    width: 220px;
    overflow-y: auto;
    background: var(--tpresta-white);
    border-right: 1px solid var(--tpresta-border);
    padding: 18px 0;
}

.tpresta-menu__title {
    padding: 0 18px 12px;
    color: var(--tpresta-navy);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.tpresta-menu a {
    display: block;
    padding: 11px 18px;
    color: var(--tpresta-navy);
    font-weight: 600;
}

.tpresta-menu a:hover,
.tpresta-menu a:focus {
    color: var(--tpresta-green-dark);
    background: #F0F7F3;
    text-decoration: none;
}

body.tpresta-shell #app-main {
    margin-left: 220px;
}

.tpresta-navbar-brand {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    font-weight: 800;
}

.tpresta-navbar-brand img {
    width: 34px;
    height: 34px;
    object-fit: cover;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .tpresta-menu {
        position: static;
        width: 100%;
        padding: 8px;
        border-right: 0;
        border-bottom: 1px solid var(--tpresta-border);
    }

    .tpresta-menu__title {
        padding: 4px 8px 8px;
    }

    .tpresta-menu a {
        display: inline-block;
        padding: 8px 10px;
    }

    body.tpresta-shell #app-main {
        margin-left: 0;
    }
}

/* Matrices de crédito del flujo operativo */
.tpresta-credit-matrix {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e5e7eb;
    margin-bottom: 24px;
}
.tpresta-credit-matrix table { min-width: 980px; margin-bottom: 0; }
.tpresta-credit-matrix th,
.tpresta-credit-matrix td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle !important;
}
.tpresta-credit-matrix th:nth-child(2),
.tpresta-credit-matrix td:nth-child(2) { text-align: left; }
@media (max-width: 767px) {
    .tpresta-credit-matrix { margin-left: -12px; margin-right: -12px; }
    .tpresta-credit-matrix table { font-size: 12px; }
}

/* Paridad visual con la jerarquía operativa verificada */
.tpresta-menu {
    width: 230px;
    top: 60px;
    padding: 10px 0 14px;
    box-shadow: 1px 0 0 rgba(0,0,0,.04);
}
.tpresta-menu__role {
    padding: 12px 16px 10px;
    border-bottom: 1px solid var(--tpresta-border);
    margin-bottom: 6px;
}
.tpresta-menu__role-label {
    color: #6b7280;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.tpresta-menu a {
    min-height: 38px;
    padding: 9px 15px;
    font-size: 13px;
    font-weight: 600;
    border-left: 3px solid transparent;
}
.tpresta-menu a i {
    width: 22px;
    margin-right: 8px;
    text-align: center;
}
.tpresta-menu a.active {
    color: var(--tpresta-green-dark);
    background: #eef7f1;
    border-left-color: var(--tpresta-green);
}
.tpresta-menu__logout {
    margin-top: 10px;
    border-top: 1px solid var(--tpresta-border);
}
body.tpresta-shell #app-main {
    margin-left: 230px;
    padding-top: 8px;
}

body.tpresta-menu-collapsed .tpresta-menu { width: 58px; }
body.tpresta-menu-collapsed .tpresta-menu a { padding-left: 14px; padding-right: 10px; }
body.tpresta-menu-collapsed .tpresta-menu a span,
body.tpresta-menu-collapsed .tpresta-menu__role-label { display: none; }
body.tpresta-menu-collapsed .tpresta-menu a i { margin-right: 0; font-size: 15px; }
body.tpresta-menu-collapsed #app-main { margin-left: 58px; }

@media (max-width: 767px) {
    .tpresta-menu {
        position: fixed;
        top: 60px;
        left: -240px;
        width: 230px;
        height: calc(100vh - 60px);
        padding: 10px 0 14px;
        border-right: 1px solid var(--tpresta-border);
        border-bottom: 0;
        transition: left .18s ease;
        z-index: 1200;
    }
    body.tpresta-menu-open .tpresta-menu { left: 0; }
    .tpresta-menu a { display: block; padding: 10px 15px; }
    body.tpresta-shell #app-main,
    body.tpresta-menu-collapsed #app-main { margin-left: 0; }
    body.tpresta-menu-open:after {
        content: "";
        position: fixed;
        inset: 60px 0 0 0;
        background: rgba(0,0,0,.25);
        z-index: 1100;
    }
    .tpresta-navbar-brand span { display: inline; }
}

/* Paridad Administración Mano Amiga */
.tpresta-mano-home-card {
    min-height: 112px;
    margin: 0 0 14px;
    padding: 24px 28px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
}
.tpresta-mano-home-card strong {
    display: block;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
}
.tpresta-mano-home-card span { font-size: 13px; }
.tpresta-mano-home-card > i { font-size: 48px; opacity: .95; }
.tpresta-home-blue{background:#2f86bd}
.tpresta-home-purple{background:#9141ad}
.tpresta-home-navy{background:#2f4559}
.tpresta-home-gray{background:#8b999b}
.tpresta-home-royal{background:#2f66bf}
.tpresta-home-red{background:#ef483a}
.tpresta-home-green{background:#09962c}

.tpresta-report-block {
    border-top: 3px solid #3da4ca;
    margin-bottom: 16px;
}
.tpresta-admin-table thead th {
    background: #eef4ec;
    font-size: 12px;
    vertical-align: middle !important;
}
.tpresta-admin-table td, .tpresta-admin-table th { font-size: 12px; }
.tpresta-total-row th { background: #fff; }
.tpresta-collector-summary {
    border-top: 3px solid #3da4ca;
    margin-bottom: 16px;
}
.tpresta-progress-line { height: 14px; margin: 4px 0 12px; }
.tpresta-avatar-circle {
    width: 110px;height:110px;border-radius:50%;
    background:#34b79a;color:#fff;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:58px;margin-top:10px;
}
.tpresta-summary-small { width: 220px; margin-top: 24px; }
.tpresta-summary-small th { background:#56b45c; color:#fff; }
.tpresta-report-link {
    min-height:100px;padding:22px;color:#fff!important;
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:15px;text-decoration:none!important;
}
.tpresta-report-link i{font-size:38px}
.tpresta-day-card {
    display:block;background:#2f4559;color:#fff!important;
    padding:20px 18px;margin-bottom:11px;text-decoration:none!important;
}
.tpresta-day-card strong{display:block;font-size:26px;line-height:1.05}
.tpresta-day-card span{font-size:12px;font-weight:600}
@media(max-width:767px){
  .tpresta-mano-home-card{min-height:92px;padding:18px}
  .tpresta-mano-home-card strong{font-size:24px}
  .tpresta-mano-home-card > i{font-size:40px}
  .tpresta-avatar-circle{width:82px;height:82px;font-size:42px}
}

.tpresta-group-progress { height:14px; margin:10px 0; }
.tpresta-payment-by-date { border-top:3px solid #3da4ca; margin-top:18px; }

.tpresta-client-plan-link {
    color: #1f6f8b;
    font-weight: 700;
    text-decoration: none;
}
.tpresta-client-plan-link:hover,
.tpresta-client-plan-link:focus {
    color: #159447;
    text-decoration: underline;
}