/* ═══════════════════════════════════════════════════════════════════════════
   Portal do Cliente — overrides sobre Phoenix theme
   ═══════════════════════════════════════════════════════════════════════════ */

/* Loading overlay ──────────────────────────────────────────────────────────── */
#loading-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.45);
    align-items: center;
    justify-content: center;
}
#loading-overlay.show { display: flex; }

/* Badges de situação ───────────────────────────────────────────────────────── */
.badge-aberto            { background-color: #198754; color: #fff; }
.badge-visita-agendada  { background-color: #0d6efd; color: #fff; }
.badge-visita-realizada { background-color: #fd7e14; color: #fff; }
.badge-resolvido         { background-color: #20c997; color: #fff; }
.badge-finalizado        { background-color: #6c757d; color: #fff; }

/* Área de upload ────────────────────────────────────────────────────────────── */
.upload-area {
    border: 2px dashed var(--phoenix-border-color, #cfd7df);
    border-radius: .5rem;
    padding: 2rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s, background .2s;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.upload-area:hover,
.upload-area.dragover {
    border-color: var(--phoenix-primary, #2c7be5);
    background: rgba(44,123,229,.04);
}

/* Timeline — barra vertical entre itens (complementa Phoenix timeline-basic) ── */
.timeline-bar {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-height: 1.5rem;
}

/* Logo por tema — alterna claro/escuro conforme data-bs-theme ──────────────── */
.portal-logo-dark { display: none !important; }
[data-bs-theme="dark"] .portal-logo-light { display: none !important; }
[data-bs-theme="dark"] .portal-logo-dark  { display: inline-block !important; }

/* Rodapé do portal ───────────────────────────────────────────────────────── */
.portal-rodape {
    border-top: 1px solid var(--phoenix-border-color, #e3e6ed);
}
.portal-rodape-titulo {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--phoenix-quaternary-color, #8a94ad);
    margin-bottom: .85rem;
}
.portal-rodape-contato {
    display: flex;
    align-items: center;
    margin-bottom: .6rem;
}
.portal-rodape-icone {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    background: rgba(var(--phoenix-primary-rgb, 44, 123, 229), .12);
    color: var(--phoenix-primary, #2c7be5);
}
.portal-rodape-info {
    margin-left: .6rem;
    line-height: 1.25;
    font-size: .82rem;
}
.portal-rodape-label {
    display: block;
    font-size: .68rem;
    color: var(--phoenix-quaternary-color, #8a94ad);
}
.portal-rodape-info a,
.portal-rodape-link {
    color: var(--phoenix-body-color, #525b75);
    text-decoration: none;
    font-size: .85rem;
    transition: color .15s ease;
}
.portal-rodape-info a:hover,
.portal-rodape-link:hover {
    color: var(--phoenix-primary, #2c7be5);
}
.portal-rodape-texto {
    border-top: 1px solid var(--phoenix-border-color, #e3e6ed);
    padding: .75rem 0;
    color: var(--phoenix-tertiary-color, #6e7891);
    font-size: .82rem;
}
.portal-rodape-base {
    border-top: 1px solid var(--phoenix-border-color, #e3e6ed);
    padding: .85rem 0;
    text-align: center;
    color: var(--phoenix-quaternary-color, #8a94ad);
    font-size: .8rem;
}
.portal-rodape-base a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}
.portal-rodape-base a:hover {
    color: var(--phoenix-primary, #2c7be5);
}

/* Marca d'água (tela de login) ─────────────────────────────────────────────── */
.portal-watermark {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 10;
    text-align: center;
    font-size: .72rem;
    color: #5e6e82;            /* tema claro: cinza legível sobre fundo claro */
    pointer-events: none;
}
[data-bs-theme="dark"] .portal-watermark {
    color: #b6becb;            /* tema escuro: cinza claro para manter contraste */
}
.portal-watermark a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
    pointer-events: auto;
}
.portal-watermark a:hover {
    color: var(--phoenix-primary, #2c7be5);
}

/* Navbar vertical: item de menu/submenu ativo usa a cor primária dinâmica
   (temas claro e escuro), assim como os contatos e links do rodapé.
   Sobrescreve o azul padrão do Phoenix (--phoenix-navbar-vertical-link-active-color). */
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active,
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active .nav-link-text,
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active .nav-link-icon,
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active .dropdown-indicator-icon {
    color: var(--phoenix-primary, #2c7be5);
}