/* ============================================================
   Tema Manantial — paleta de marca
   Azul primario #166FCD · azul hondo #14439D · azul cielo #5DACF9 (solo superficies)
   Verde Manantial #7EB526 (donaciones y metas) · texto #313233 · borde #E3E8EF · gris #7A8494
   Montserrat (títulos) · Inter (texto)
   Para quitarlo: ?tema=original  (o borrar este archivo)
   ============================================================ */
:root{
  --bg:#f5f8fc; --card:#fff; --ink:#313233; --muted:#7A8494; --line:#E3E8EF;
  --primary:#166FCD; --primary-ink:#fff;
  --hondo:#14439D; --cielo:#5DACF9; --verde:#7EB526;
  --ok-bg:#eef7e1; --ok-ink:#3d5c10;
}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink)}
h1,h2,h3,.brand,.tile strong,.tb-total,.kpi strong,.btn{font-family:Montserrat,Inter,system-ui,sans-serif}
h1,h2{color:var(--hondo);letter-spacing:-.2px}

/* Barra superior */
.topbar{background:linear-gradient(90deg,#14439D 0%,#166FCD 100%)}
.topbar .brand{font-weight:800;font-size:18px}
.topbar nav a{color:#dcebfb;font-weight:500}
.topbar nav a.active,.topbar nav a:hover{background:rgba(255,255,255,.16);color:#fff}
.topbar .who a{color:#dcebfb}

/* Botones y campos */
.btn{font-weight:700;border-radius:8px}
.btn.primary{background:var(--primary);border-color:var(--primary)}
.btn.primary:hover{background:var(--hondo);border-color:var(--hondo)}
input:focus,select:focus,textarea:focus{outline:2px solid #bcdcfc;border-color:var(--primary)}
input,select,label textarea{border-color:#d3dbe6}
.card{border-color:var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(20,67,157,.05)}
.tile{background:#f7fafe;border-color:var(--line)}
.tile:hover{border-color:var(--primary);background:#eef5fd}
.tile strong{color:var(--hondo)}
.campbar{background:#eaf3fd;border-color:#cfe3fa}
.donor-box{background:#f3f8fe;border-color:#cfe3fa}
label.type:has(input:checked){border-color:var(--primary);background:#eaf3fd}
.goal-preview strong{color:var(--verde)}
.alert.ok{background:var(--ok-bg);color:var(--ok-ink)}
.tb-picker a.on{background:var(--hondo);border-color:var(--hondo)}

/* Tablero de cabina */
.tablero{background:linear-gradient(160deg,#0f2f6e 0%,#0b2254 100%)}
.tb-code{background:var(--primary)}
.tb-muted{color:#a9bfdc}
.kpi,.tb-box{background:rgba(255,255,255,.07)}
.kpi span,.kpi em{color:#a9bfdc}
.tb-bar{background:rgba(255,255,255,.12)}
.tb-bar>div{background:var(--verde)}
.seg-bar{background:rgba(255,255,255,.12)}
.seg-bar>div{background:var(--cielo)}
.mini{background:rgba(255,255,255,.12)}
.mini>div{background:var(--verde)}
.pill{background:var(--verde);color:#fff}
.tag{background:var(--verde);color:#fff}
.tick{border-color:var(--verde);color:var(--verde)}
.tick:hover{background:var(--verde);color:#fff}
.tb-announce li,.tb-recent li,.tb-table th,.tb-table td{border-color:rgba(255,255,255,.12)}
.tb-announce .msg{color:#cfe6ff}
.undo{background:rgba(255,255,255,.1);color:#dcebfb}
.brand-logo{height:28px;width:auto;display:block}
.brand-logo + span{font-weight:600;font-size:15px;opacity:.85;padding-left:10px;border-left:1px solid rgba(255,255,255,.4)}
.login-logo{display:block;width:220px;max-width:80%;margin:4px auto 18px}