/* ============================================================
   hubtim — refinamento do painel interno (ADITIVO, carrega depois
   do tema light-green). Só cor/tipografia/espaçamento/sombra do
   "chrome". NÃO toca no mapa (#map/.leaflet), cores de status de
   dispositivo, nem posicionamento/dimensões (calculados por JS).
   100% reversível: remover os 2 <link> do head + este arquivo.
   ============================================================ */
:root {
    --h-acc: #E2571E;
    --h-acc-dark: #A8410F;
    --h-ink: #2A1B12;
    --h-muted: #7A6558;
    --h-cream: #FBF4EB;
    --h-soft: #FDF9F3;
    --h-line: rgba(42, 27, 18, .10);
}

/* Tipografia (escopo restrito — NÃO no body, pra não mexer no mapa) */
.main-navbar, .sidebar-content, .widgets-content, .widget,
.btn, .form-control, .modal-content, .nav-tabs, .table,
.tab-pane-header, .modal-title {
    font-family: Inter, "Open Sans", sans-serif !important;
}

/* ---------- Barra superior ---------- */
.main-navbar {
    background: #ffffff !important;
    border-bottom: 1px solid var(--h-line) !important;
    box-shadow: 0 1px 0 rgba(42, 27, 18, .02), 0 8px 24px -20px rgba(42, 27, 18, .45) !important;
}
.navbar-brand { font-weight: 800 !important; color: var(--h-ink) !important; letter-spacing: .2px; }

/* ---------- Menu lateral / widgets ---------- */
.sidebar-content, .widgets-content { background: var(--h-soft) !important; }
.widget {
    background: #fff !important;
    border: 1px solid var(--h-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px -18px rgba(42, 27, 18, .35) !important;
    margin-bottom: 10px !important;
}
.widget-heading {
    border-bottom: 1px solid var(--h-line) !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}
.widget-heading, .widget-title { color: var(--h-ink) !important; font-weight: 700 !important; }

/* ---------- Campo de busca ---------- */
.form-group.search .form-control { border-radius: 10px !important; }

/* ---------- Botões ---------- */
.btn { border-radius: 8px !important; font-weight: 600 !important; }
.btn-primary, .btn-primary:focus {
    background: var(--h-acc-dark) !important;
    border-color: var(--h-acc-dark) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px -10px rgba(226, 87, 30, .6) !important;
}
.btn-primary:hover, .btn-primary:active {
    background: var(--h-acc) !important;
    border-color: var(--h-acc) !important;
    color: #fff !important;
}
.btn-default {
    background: #fff !important;
    border: 1px solid var(--h-line) !important;
    color: var(--h-ink) !important;
}
.btn-default:hover {
    background: var(--h-cream) !important;
    border-color: rgba(226, 87, 30, .4) !important;
    color: var(--h-acc-dark) !important;
}
.btn-action:hover { color: var(--h-acc-dark) !important; }

/* ---------- Campos ---------- */
.form-control { border-radius: 8px !important; border-color: var(--h-line) !important; }
.form-control:focus {
    border-color: rgba(226, 87, 30, .6) !important;
    box-shadow: 0 0 0 3px rgba(226, 87, 30, .12) !important;
}

/* ---------- Abas ---------- */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 2px solid var(--h-acc) !important;
    color: var(--h-acc-dark) !important;
    font-weight: 700 !important;
}

/* ---------- Modais ---------- */
.modal-content {
    border-radius: 14px !important;
    border: 0 !important;
    box-shadow: 0 34px 74px -30px rgba(42, 27, 18, .55) !important;
}
.modal-header {
    background: var(--h-soft) !important;
    border-bottom: 1px solid var(--h-line) !important;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}
.modal-title, .tab-pane-header { color: var(--h-ink) !important; font-weight: 750 !important; }

/* ---------- Acento em checkbox/radio ---------- */
input[type="checkbox"], input[type="radio"] { accent-color: var(--h-acc-dark); }

/* Logo: esconde o placeholder "SUALOGO" e mostra "hubtim" via SVG de fundo (garantido) */
.navbar-brand {
    width: 160px !important;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='44'%3E%3Ctext x='4' y='30' font-family='Inter,Segoe UI,sans-serif' font-size='25' font-weight='800' letter-spacing='0.3' fill='%23A8410F'%3Ehubtim%3C/text%3E%3C/svg%3E") left center no-repeat !important;
    background-size: auto 26px !important;
}
.navbar-brand img { display: none !important; }