/* Sous local: estilo so da tela "Bateria" (#/bateria). Carregado depois do sous.css, que guarda a moldura (topo,
   menu, barra do celular, dialogo, paleta) e os componentes comuns; cada tela escreve so no seu arquivo. */

/* "Rodar" com o motivo escrito quando desligado */
.bt-porque{display:flex;gap:6px;align-items:flex-start;margin:-6px 0 14px;font-size:12.5px;color:var(--ink2);max-width:75ch}
.bt-porque .i{width:14px;height:14px;flex:none;margin-top:2px;color:var(--ok)}
.bt-porque.off .i{color:var(--ink3)}
#bt-aviso>.aviso{margin:0 0 14px}

/* veredito da ultima rodada: icone e texto, nunca so cor */
.bt-veredito{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--app-line);border-left:4px solid #cfc5b8;border-radius:12px;padding:12px 14px}
.bt-veredito.passou{border-left-color:var(--ok)}
.bt-veredito.reprovou{border-left-color:var(--bad)}
.bt-veredito.nao_conta{border-left-style:dashed}
.bt-veredito p{margin:0;font-size:14px;color:var(--ink);line-height:1.45}
.bt-v-chip{font-size:13px;padding:3px 9px;flex:none}
.bt-v-chip .i{width:13px;height:13px}
.bt-meta{display:flex;gap:4px 12px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:var(--ink3)}
.bt-meta>span{display:inline-flex;gap:4px;align-items:center}
.bt-meta .i{width:12px;height:12px}
.bt-ant ul{list-style:none;margin:8px 0 0;padding:0}
.bt-ant li{display:grid;grid-template-columns:130px auto minmax(0,1fr);gap:4px 10px;align-items:start;padding:8px 0;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--ink2)}
.bt-ant li:first-child{border-top:0}
.bt-ant .dt{font-size:12px;color:var(--ink3)}
.bt-ant-t{min-width:0;overflow-wrap:anywhere}

/* lista com selecao */
.bt-barra{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;margin:0 0 10px;font-size:13px;color:var(--ink2)}
.bt-todos{display:inline-flex;gap:8px;align-items:center;min-height:40px;cursor:pointer}
.bt-sel{color:var(--ink3);font-size:12.5px}
.bt-barra .btn{margin-left:auto}
.bt-barra input,.bt-it input{width:18px;height:18px;margin:0;accent-color:#1d1916;cursor:pointer}
.bt-grade{display:block}
.bt-grade.larga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:16px;align-items:start}
.bt-lista{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--app-line);border-radius:14px;overflow:hidden}
.bt-it{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:6px 12px 6px 14px;border-top:1px solid var(--line-soft)}
.bt-lista>li:first-child{border-top:0}
.bt-it.on{background:#faf8f4;box-shadow:inset 3px 0 0 var(--ink)}
.bt-chk-vazio{width:18px}
.bt-abrir{display:block;text-align:left;background:none;border:0;padding:6px 0;margin:0;font:inherit;color:var(--ink);cursor:pointer;min-height:44px;min-width:0}
.bt-abrir:hover .bt-p{text-decoration:underline;text-underline-offset:2px}
.bt-p{display:block;font-size:13.8px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.bt-abrir small{display:block;font-size:11.5px;color:var(--ink3);margin-top:2px}
.bt-st{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}

/* painel do caso: ao lado na tela larga, logo abaixo do caso na estreita */
.bt-painel{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:14px 16px;min-width:0;outline:none}
.bt-grade.larga .bt-painel{position:sticky;top:76px;max-height:calc(100vh - 100px);overflow-y:auto}
.bt-painel-in{border:0;border-top:1px dashed #e4dccf;border-radius:0;background:#fcfaf7;padding:12px 14px 14px}
.bt-pn-h{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.bt-pn-h h3{margin:0;font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.bt-pn-h .btn{flex:none;padding:5px 8px}
.bt-pn-sub{margin:4px 0 0;font-size:12px;color:var(--ink3);overflow-wrap:anywhere}
.bt-pn-vazio{margin:0;font-size:13px;color:var(--ink3)}
.bt-pmeta{margin-top:10px;grid-template-columns:120px minmax(0,1fr)}
.bt-grade.larga .bt-pmeta{grid-template-columns:minmax(0,1fr);gap:0}
.bt-grade.larga .bt-pmeta dt{margin-top:8px}
.bt-notas{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bt-pn-res{display:flex;gap:6px 8px;flex-wrap:wrap;align-items:center}
.bt-dlg-l{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px;max-height:40vh;overflow-y:auto}
.bt-dlg-l li{border:1px solid var(--app-line);border-radius:10px;padding:8px 10px;font-size:13px}
.bt-dlg-l small{display:block;color:var(--ink3);font-size:12px;margin-top:2px}

@media (max-width:640px){
  .bt-it{grid-template-columns:24px minmax(0,1fr);padding:6px 10px}
  .bt-st{grid-column:2;justify-content:flex-start;margin-bottom:6px}
  .bt-pmeta{grid-template-columns:minmax(0,1fr);gap:0}
  .bt-pmeta dt{margin-top:8px}
  .bt-ant li{grid-template-columns:minmax(0,1fr)}
  .bt-barra .btn{margin-left:0}
  .bt-veredito{flex-direction:column;gap:8px}
  #bt-abas{flex-wrap:wrap;overflow-x:visible}
}