:root{
  --maroon:#3d1526; --maroon2:#5a1e37; --amber:#ffb000; --amber-d:#e09a00;
  --male:#1e63c9; --female:#c9284a; --ink:#2b2620; --bg:#f5f4f0; --card:#fff;
  --line:#eae7e0; --muted:#8f897d; --ok:#0f8a4f;
  --font:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  --head:'Poppins','Inter',system-ui,Arial,sans-serif;
  --maxw:1140px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0}
body{font-family:var(--font);background:var(--bg);color:var(--ink);padding-bottom:76px;font-size:15px;line-height:1.5}
h1,h2,h3{font-family:var(--head);margin:0;letter-spacing:-.01em}
a{color:var(--maroon);cursor:pointer;text-decoration:none;font-weight:600}
.muted{color:var(--muted)} .small{font-size:12.5px}
.hidden{display:none !important}

/* ---------- APP BAR ---------- */
.appbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);padding:10px 0}
.appbar-inner{max-width:var(--maxw);margin:0 auto;width:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
.brand-logo{height:34px;width:auto;display:block}
.appbar-right{display:flex;align-items:center;gap:8px}
.plan-badge{font-size:11px;background:#fff6e0;color:#8a5a00;border:1px solid #f0dfae;padding:3px 9px;border-radius:20px;font-weight:700}
.conn{font-size:11px;color:var(--ok);font-weight:700;display:inline-flex;align-items:center;gap:5px}
.conn .cdot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block}
.icon-btn{position:relative;background:#f4f1ea;border:1px solid var(--line);color:var(--maroon);width:36px;height:36px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.icon-btn .ic{width:18px;height:18px}
.icon-btn:active{transform:scale(.96)}
.userline{background:#faf8f4;color:var(--maroon2);font-size:12px;padding:6px 16px;border-bottom:1px solid var(--line)}
.userline:empty{display:none}

/* ---------- CONTENT ---------- */
.content{max-width:var(--maxw);margin:0 auto;padding:16px}
.view{animation:fade .18s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.04);margin-bottom:16px}
h2{font-size:20px;color:var(--maroon)}
h3{font-size:16px;color:var(--maroon)}

/* forms */
label{display:block;font-size:12px;font-weight:600;color:#6a6459;margin:12px 0 5px}
input,select{width:100%;padding:12px;border:1px solid #ddd8cf;border-radius:11px;font-size:15px;background:#fff;color:var(--ink);font-family:var(--font)}
input:focus,select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,176,0,.18)}
input[type=color]{padding:3px;height:46px}
input[type=file]{padding:9px;font-size:13px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}
.req{color:#9a6a00;font-weight:500;font-size:11px}
.hint{background:#fff8e8;border:1px solid #f2e3b6;border-radius:11px;padding:11px 13px;font-size:12.5px;color:#7a5c10;margin:8px 0 14px}
.row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

/* buttons */
.btn{background:var(--maroon);color:#fff;border:none;padding:13px 20px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font)}
.btn:active{transform:scale(.98)}
.btn.gold{background:var(--amber);color:var(--maroon)}
.btn.ghost{background:#f1ede6;color:#5a5245}
.btn.block{width:100%;display:block;margin-top:8px}
.rowbtn{background:#f4f1ea;border:1px solid var(--line);border-radius:9px;padding:8px 12px;cursor:pointer;font-size:12.5px;font-weight:600;color:#6a5c4a}
.rowbtn:active{transform:scale(.97)}

/* tags */
.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:700;color:#fff;vertical-align:middle}
.tag.M{background:var(--male)} .tag.F{background:var(--female)}
.tag.reg{background:var(--ok)} .tag.anc{background:#a89e8c}

/* checkboxes */
.chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#4a4437;cursor:pointer}
.chk.small{color:#8f897d;white-space:nowrap}
.chk input{width:auto}
.chk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:4px}
.chk-grid .chk{background:#faf8f3;border:1px solid var(--line);border-radius:10px;padding:9px 10px}

/* ---------- HELLO + DASH ---------- */
.hello h2{font-size:23px}
.hello .muted{margin:2px 0 0}
.dash{margin:14px 0 18px}
.dash-grid{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.dash-chart{display:flex;flex-direction:column;align-items:center;flex:none}
.legend{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:#6a6459;margin-top:4px}
.legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.legend .dot.m{background:var(--male)} .legend .dot.f{background:var(--female)}
.stat-row{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stat{background:#faf8f3;border-radius:12px;padding:10px 12px}
.stat-n{font-size:20px;font-weight:800;color:var(--maroon);font-family:var(--head)}
.stat-l{font-size:11px;color:#8f897d}
.stat.plan{grid-column:1 / -1;background:#fff6e0}
.bar{height:6px;background:#f0e3c4;border-radius:6px;margin-top:6px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--amber)}

/* ---------- LIST ---------- */
.list-head{display:flex;gap:10px;align-items:center}
.list-head input{flex:1}
.bird-list{margin-top:8px;display:flex;flex-direction:column;gap:9px}
.bird-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:11px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.bird-card.is-anc{background:#faf8f4}
.bc-avatar{width:52px;height:52px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;background-size:cover;background-position:center}
.bc-avatar.M{background:var(--male)} .bc-avatar.F{background:var(--female)}
.bc-avatar.photo{background-color:#eee}
.bc-main{flex:1;min-width:0}
.bc-name{font-weight:700;font-size:15.5px;font-family:var(--head);line-height:1.25}
.mini{font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:7px;vertical-align:middle;white-space:nowrap}
.mini.reg{background:#e7f4ec;color:#0f7a48}
.mini.anc{background:#f0ede7;color:#9a917f}
.bc-sub{font-size:12px;color:#8f897d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.bc-actions{display:flex;flex-direction:column;gap:6px;flex:none}
.empty{text-align:center;color:#999;padding:30px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-size:14px}

/* ---------- FOTO ---------- */
.foto-upload{width:100%;height:150px;border:2px dashed #d9d2c4;border-radius:14px;background:#faf8f3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;margin-bottom:6px}
.foto-upload:active{border-color:var(--amber)}
.foto-prev{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.foto-hint{color:#a89e8c;font-size:13px;font-weight:600}
.c-logo-prev{width:110px;height:110px;border-radius:10px;object-fit:contain;background:#faf8f2;border:1px solid #eee;margin-top:10px;display:none}

/* ---------- TAB BAR ---------- */
.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));box-shadow:0 -1px 8px rgba(0,0,0,.04)}
.tabbar-inner{max-width:var(--maxw);margin:0 auto;width:100%;display:flex;padding:0 4px}
.tabbar button{position:relative;flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;cursor:pointer;color:#a89e8c;font-size:10.5px;font-weight:600;font-family:var(--font)}
.tabbar .ic{width:23px;height:23px}
.tabbar button.active{color:var(--maroon)}
.tabbar button.active .ic{color:var(--amber-d)}
.tab-badge{position:absolute;top:0;left:calc(50% + 6px);background:var(--female);color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}

/* ---------- TOP NAV (site / desktop) ---------- */
.topnav{display:none}
@media(min-width:860px){
  /* menu superior (site) */
  .topnav{display:flex;gap:6px;flex:1;justify-content:center}
  .topnav button{background:none;border:none;font-size:16px;font-weight:600;color:#6a6459;padding:10px 18px;border-radius:10px;cursor:pointer;font-family:var(--font)}
  .topnav button:hover{background:var(--bg)}
  .topnav button.active{color:var(--maroon)}
  .tabbar{display:none}

  /* mais espaço e elementos maiores no desktop */
  body{padding-bottom:0;font-size:16px}
  .appbar{padding:14px 0}
  .appbar-inner{padding:0 28px}     /* alinha o logo com o conteúdo */
  .userline{display:none}           /* e-mail não precisa aparecer no site */
  .brand-logo{height:48px}
  .content{padding:32px 28px}
  .panel{padding:28px 30px;border-radius:18px}
  h2{font-size:25px} h3{font-size:18px} .hello h2{font-size:31px}
  input,select{padding:14px 15px;font-size:16px;border-radius:12px}
  .btn{padding:14px 26px;font-size:16px;border-radius:13px}
  .rowbtn{padding:10px 16px;font-size:14px}
  .icon-btn{width:40px;height:40px} .icon-btn .ic{width:20px;height:20px}
  .plan-badge{font-size:12px;padding:5px 12px}

  /* home: dashboard e cards maiores, lista em 2 colunas */
  .dash-grid{padding:24px 28px;gap:26px}
  .stat{padding:14px 18px} .stat-n{font-size:26px} .stat-l{font-size:12.5px}
  .bird-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .bird-card{padding:14px 16px;border-radius:16px}
  .bc-avatar{width:60px;height:60px;font-size:26px;border-radius:15px}
  .bc-name{font-size:17px} .bc-sub{font-size:13.5px}
  .list-head input{font-size:16px}

  /* Minhas Aves: tabela ampla e confortável */
  .avetab{font-size:15px;min-width:0}
  .avetab th{font-size:12px;padding:15px 18px}
  .avetab td{padding:15px 18px}

  /* Lançar: balões e coluna maiores */
  .lancar-card{padding:20px}
  .lancar-left{width:320px}
  .lancar-tree{min-width:0}
  .ped-col-form{min-width:215px}
  .ped-sel,.ped-newname{font-size:14px;padding:12px 11px}
  .foto-upload{height:190px}

  /* formulários e carteirinha com respiro */
  .card-scale{padding:16px}
}

/* ---------- MINHAS AVES (planilha) ---------- */
.aves-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.aves-toolbar input[type=search]{flex:1;min-width:180px}
.selbar{background:var(--maroon);color:#fff;border-radius:12px;padding:11px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.selbar .cnt{font-weight:700;margin-right:auto}
.selbar .btn{padding:9px 14px;font-size:13px}
.avetab-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.avetab{width:100%;border-collapse:collapse;font-size:13px;min-width:660px}
.avetab th{text-align:left;padding:11px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#8f897d;background:#faf8f3;font-weight:700}
.avetab td{padding:11px 12px;border-top:1px solid var(--line);white-space:nowrap}
.avetab td.nome{font-weight:700}
.avetab .sx{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.avetab .sx.M{background:var(--male)} .avetab .sx.F{background:var(--female)}
.avetab tr.sel{background:#fff6e0}
.rowmenu-wrap{position:relative;text-align:right}
.rowmenu-btn{background:none;border:none;cursor:pointer;font-size:19px;line-height:1;color:#8f897d;padding:2px 8px;border-radius:6px}
.rowmenu{position:absolute;right:6px;top:26px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);min-width:170px;overflow:hidden}
.rowmenu button{display:block;width:100%;text-align:left;background:none;border:none;padding:11px 14px;font-size:13px;cursor:pointer;color:var(--ink);font-family:var(--font)}
.rowmenu button:hover{background:var(--bg)}
.rowmenu-float{position:fixed;z-index:2000;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 10px 30px rgba(0,0,0,.2);min-width:185px;overflow:hidden}
.rowmenu-float.hidden{display:none}
.rowmenu-float button{display:block;width:100%;text-align:left;background:none;border:none;padding:12px 16px;font-size:13.5px;cursor:pointer;color:var(--ink);font-family:var(--font)}
.rowmenu-float button:hover{background:var(--bg)}
[data-theme="dark"] .rowmenu-float{background:#242424;border-color:#3a3a3a}

/* ---------- PERFIL (prévia da vitrine) ---------- */
.pubprof{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:14px}
.pp-logo{width:84px;height:84px;border-radius:16px;object-fit:contain;background:#faf8f2;border:1px solid var(--line);flex:none}
.pp-logo.ph{display:flex;align-items:center;justify-content:center;font-weight:800;color:#bbb;font-family:var(--head)}
.pp-bio{font-size:14px;margin-top:8px;white-space:pre-line}
.pp-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}
.pp-badge.on{background:#e7f4ec;color:#0f7a48} .pp-badge.off{background:#f0ede7;color:#9a917f}
.pp-share{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}
.pubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:6px}
.pubbird{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.pb-ph{height:130px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}
.pb-ph.noimg span{font-size:38px;color:#fff}
.pb-sale{position:absolute;top:8px;right:8px;background:var(--amber);color:#3d1526;font-weight:700;font-size:11px;padding:3px 8px;border-radius:20px}
.pb-b{padding:9px 11px}
.pb-nm{font-family:var(--head);font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}
.pb-nm .sx{width:8px;height:8px;border-radius:50%;display:inline-block}
.pb-nm .sx.M{background:var(--male)} .pb-nm .sx.F{background:var(--female)}
.pb-meta{color:var(--muted);font-size:12px;margin-top:2px}
.pb-price{color:#b5610b;font-weight:700;font-size:14px;margin-top:4px}

/* ---------- LOGIN ---------- */
.auth-overlay{position:fixed;inset:0;background:linear-gradient(155deg,#3d1526,#5a1e37);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.auth-overlay.hidden{display:none !important}
.auth-overlay:not(.signup) .signup-only{display:none}
.auth-card{background:#fff;border-radius:20px;padding:28px 24px;width:100%;max-width:390px;box-shadow:0 16px 48px rgba(0,0,0,.42)}
.auth-logo{font-size:34px;text-align:center}
.auth-card h1{font-size:23px;color:var(--maroon);text-align:center;margin-top:6px}
.auth-sub{margin:2px 0 14px;font-size:13px;color:#8f897d;text-align:center}
.auth-msg{min-height:18px;font-size:12.5px;margin:10px 0 2px;text-align:center}
.auth-toggle{text-align:center;font-size:13px;color:#8f897d;margin:14px 0 0}
.auth-card button:disabled{opacity:.6}
.ob-actions{margin-top:18px}

/* ---------- TRANSFERÊNCIAS ---------- */
.badge{position:absolute;top:-5px;right:-5px;background:var(--female);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.transf-h{font-size:12px;color:#8f897d;text-transform:uppercase;letter-spacing:.6px;margin:16px 0 8px}
.transf-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#faf8f4;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px}
.modal{position:fixed;inset:0;z-index:1100;background:rgba(30,15,22,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.modal.hidden{display:none !important}
.modal-card{background:#fff;border-radius:18px;padding:22px;width:100%;max-width:400px;box-shadow:0 16px 48px rgba(0,0,0,.42)}
.modal-card h3{margin:0 0 4px}

/* ---------- CARTEIRINHA (view) ---------- */
.cart-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:6px}
.seg{display:inline-flex;border:1px solid #ddd;border-radius:11px;overflow:hidden}
.seg button{border:none;background:#fff;padding:10px 15px;cursor:pointer;font-size:14px;border-right:1px solid #eee;font-family:var(--font)}
.seg button.active{background:var(--maroon);color:#fff}
.card-scale{overflow:auto;padding:10px;background:#e9e4db;border-radius:12px}

/* ---------- CARTÃO RENDERIZADO (mantém identidade própria por criador) ---------- */
.carteirinha{width:1000px;height:640px;background:#fff;position:relative;font-family:'Segoe UI',Arial,sans-serif;overflow:hidden;border:1px solid #ddd;color:#222}
.cart-bgimg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.cart-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}
.cart-watermark img{width:340px;max-height:340px;object-fit:contain;opacity:.07}
.cart-watermark .txt{font-size:150px;font-weight:900;opacity:.06}
.cart-content{position:relative;z-index:2;height:100%}
.c-body{display:flex;height:calc(100% - 78px);padding:22px 18px 14px}
.c-left{width:255px;flex:none}
.c-logo{width:110px;height:110px;border-radius:10px;object-fit:contain;background:rgba(255,255,255,.75);margin-bottom:10px;border:1px solid rgba(0,0,0,.06)}
.c-logo.ph{display:flex;align-items:center;justify-content:center;font-weight:800;color:#bbb}
.c-crd{font-size:12.5px;line-height:1.55}
.c-ave-label{font-size:11px;color:#555;margin-top:14px}
.c-ave-label i{font-style:italic}
.c-ave-name{border:2px solid #111;border-radius:22px;padding:8px 14px;font-size:24px;font-weight:800;text-align:center;margin:6px 0 10px;display:inline-block;min-width:170px;background:rgba(255,255,255,.7)}
.c-meta{font-size:12.5px;line-height:1.7}
.ped{flex:1;display:flex;font-size:10px}
.ped-col{flex:1;display:flex;flex-direction:column;justify-content:space-around;padding:0 5px;position:relative}
.ped-col .col-h{position:absolute;top:-14px;left:6px;font-size:9px;font-weight:800;color:#555;letter-spacing:.5px}
.cell{display:flex;align-items:center}
.pbox{border:2px solid #999;border-radius:14px;padding:3px 6px;background:rgba(255,255,255,.92);font-weight:700;font-size:9.5px;width:100%;text-align:center;line-height:1.15;min-height:22px;display:flex;align-items:center;justify-content:center}
.pbox.M{border-color:var(--male)} .pbox.F{border-color:var(--female)}
.pbox.empty{border-style:dashed;border-color:#ccc;color:#bbb;font-weight:500}

/* ---------- CADASTRO EM ÁRVORE ---------- */
.lancar-card{display:flex;gap:16px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fdfcfa;overflow-x:auto}
.lancar-left{width:250px;flex:none}
.lancar-tree{flex:1;display:flex;min-width:770px}
.ped-col-form{flex:1;display:flex;flex-direction:column;justify-content:space-around;padding:18px 5px 0;position:relative;min-width:180px}
.ped-col-form .col-h{position:absolute;top:-2px;left:6px;font-size:11px;font-weight:800;color:#8f897d}
.pcell{margin:5px 0}
.ped-sel{width:100%;padding:10px 9px;font-size:13px;border-radius:9px}
.ped-sel.M{border-left:4px solid var(--male)} .ped-sel.F{border-left:4px solid var(--female)}
.ped-newname{width:100%;margin-top:4px;padding:10px 9px;font-size:13px;border:1px dashed #bbb;border-radius:9px}
.pbox.locked{background:#eef6f1;border-style:solid;color:#0f6e4a;font-size:10px;justify-content:space-between;padding:5px 8px}
.pbox.locked .lock-edit{cursor:pointer;color:#999;margin-left:6px}

/* templates */
.tpl-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.tpl-opt{border:2px solid #e2ddd3;border-radius:12px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:600;background:#fff}
.tpl-opt.active{border-color:var(--amber);background:#fff8e8}

/* ---------- DRAWER (menu hambúrguer) ---------- */
.drawer{position:fixed;inset:0;z-index:1200;background:rgba(20,10,15,.5);display:flex;justify-content:flex-end}
.drawer.hidden{display:none !important}
.drawer-panel{background:var(--card);width:82%;max-width:300px;height:100%;padding:14px;display:flex;flex-direction:column;gap:3px;box-shadow:-4px 0 24px rgba(0,0,0,.25);animation:slidein .18s ease}
@keyframes slidein{from{transform:translateX(24px);opacity:.5}to{transform:none;opacity:1}}
.drawer-head{display:flex;align-items:center;gap:10px;padding:4px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.drawer-head b{flex:1;font-family:var(--head);font-size:16px}
.drawer-ic{width:26px;height:26px}
.drawer-panel>button{text-align:left;background:none;border:none;padding:14px 12px;border-radius:11px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;font-family:var(--font)}
.drawer-panel>button:active{background:var(--bg)}
.drawer-exit{color:var(--female) !important;margin-top:auto;border-top:1px solid var(--line) !important;border-radius:0 !important}
.btn.danger,.btn.ghost.danger{color:#c0392b}

/* ---------- DARK MODE (neutro, estilo Instagram) ---------- */
[data-theme="dark"]{ --bg:#000; --card:#1a1a1a; --line:#2c2c2c; --ink:#f2f2f0; --muted:#a3a3a0; }
[data-theme="dark"] .appbar,[data-theme="dark"] .tabbar{background:#0a0a0a;border-color:#242424}
[data-theme="dark"] .brand-logo{filter:brightness(0) invert(1)}
[data-theme="dark"] h2,[data-theme="dark"] h3{color:var(--ink)}
[data-theme="dark"] a{color:var(--amber)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] .seg button{background:#242424;border-color:#3a3a3a;color:var(--ink)}
[data-theme="dark"] .rowbtn{background:#262626;border-color:#3a3a3a;color:#e7e5e0}
[data-theme="dark"] .stat,[data-theme="dark"] .chk-grid .chk,[data-theme="dark"] .transf-card,
[data-theme="dark"] .bird-card.is-anc,[data-theme="dark"] .foto-upload,[data-theme="dark"] .lancar-card,
[data-theme="dark"] .avetab tr:nth-child(even){background:#232323}
[data-theme="dark"] .stat-n{color:var(--amber)}
[data-theme="dark"] .btn{background:var(--amber);color:#1a1a1a}
[data-theme="dark"] .btn.ghost{background:#2a2a2a;color:#e7e5e0}
[data-theme="dark"] .btn.danger,[data-theme="dark"] .btn.ghost.danger{color:#ff6b6b;background:#2a2a2a}
[data-theme="dark"] .modal-card,[data-theme="dark"] .drawer-panel{background:#1a1a1a}
[data-theme="dark"] .icon-btn{background:#242424;border-color:#3a3a3a;color:var(--ink)}
[data-theme="dark"] .seg button.active{background:var(--amber);color:#1a1a1a}
[data-theme="dark"] .stat.plan{background:#2a2410}
[data-theme="dark"] .mini.reg{background:#123322;color:#6fd89a}
[data-theme="dark"] .mini.anc{background:#2a2a2a;color:#a3a3a0}
[data-theme="dark"] .hint{background:#241f10;border-color:#453b18;color:#e8c877}
[data-theme="dark"] .empty{background:#1a1a1a}
[data-theme="dark"] .plan-badge{background:#2a2410;color:#ffcf6b;border-color:#4a3d15}
[data-theme="dark"] .userline{background:#0a0a0a;color:#a3a3a0}
[data-theme="dark"] .tabbar button.active,[data-theme="dark"] .tabbar button.active .ic,
[data-theme="dark"] .topnav button.active{color:var(--amber)}
[data-theme="dark"] .avetab th{background:#151515;color:#a3a3a0}
[data-theme="dark"] .avetab td{border-color:#2c2c2c}
[data-theme="dark"] .rowmenu{background:#242424;border-color:#3a3a3a}

@media(max-width:520px){ .grid3{grid-template-columns:1fr} .bc-sub{white-space:normal} }