/* ---------- aba Histórico (só a conta dona); usa a moldura das abas Início e Notion */
.nav>button em.sov{color:var(--am);border-color:rgba(255,196,1,.35);letter-spacing:.12em}
.hisw{overflow:hidden}
.hisw .nh .nt h1{margin-top:0}

.hch{align-items:center}
.hch .hsel{color:var(--txt);cursor:pointer}
.hch [data-h="apagou"] svg{width:13px;height:13px;flex:none;margin-right:2px}
.hch .hsel select option{background:var(--s2)}
.hch .hq{margin-left:auto;width:300px;background:var(--s1);gap:8px;padding:0 12px;height:30px;cursor:text}
.hch .hq svg{width:14px;height:14px;color:var(--fra);flex:none}
.hch .hq input{flex:1;min-width:0;font-size:12px;color:var(--txt)}
.hch .hq input::placeholder{color:var(--fra)}
.hch .hq input::-webkit-search-cancel-button{filter:invert(.6)}
.hch .hq:focus-within{border-color:rgba(255,196,1,.45)}

.hcorpo{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:14px;min-height:0}
.hlis{border:1px solid var(--linha);background:rgba(255,255,255,.018);border-radius:16px;overflow-y:auto;min-height:0;display:flex;flex-direction:column}
.hlis .nvz,.hlis .ivz,.hlis .hcar{margin:auto}
.hdia{padding:12px 18px 8px;font-size:10.5px;letter-spacing:.16em;color:var(--fra);font-weight:700;border-bottom:1px solid var(--linha);display:flex;flex:none;position:sticky;top:0;background:var(--preto);z-index:1}
.hdia span{margin-left:auto;letter-spacing:.06em;font-weight:500}
.hln{display:grid;grid-template-columns:46px 22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--linha);text-align:left;flex:none;width:100%}
.hln:hover{background:var(--s2)}
.hln.on{background:var(--s3);box-shadow:inset 3px 0 var(--am)}
.hln time{color:var(--mut);font-size:12px;font-variant-numeric:tabular-nums}
.hln .av{width:22px;height:22px;font-size:10px}
.hln p{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hln p b{font-weight:700}
.hln p s{text-decoration:none;color:var(--mut)}
.hab{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--mut);border:1px solid var(--linha2);border-radius:20px;padding:2px 8px}
.hab.x{color:#FF8A7A;border-color:rgba(255,138,122,.4)}
.hab.ok{color:#6FD49A;border-color:rgba(111,212,154,.4)}
.hmais{margin:14px auto;flex:none}

.hdet{border:1px solid var(--linha);background:var(--s1);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-height:0;position:relative}
.hdet .kick{font-size:10.5px;letter-spacing:.16em;color:var(--am);font-weight:700}
.hdet h2{font-size:24px;line-height:1.05;overflow-wrap:anywhere}
.hdet .quem{display:flex;gap:10px;align-items:center;color:var(--mut);font-size:12px}
.hdet .quem .av{width:28px;height:28px;font-size:12px;flex:none}
.hdet .quem b{color:var(--txt);display:block;font-size:13px}
.hdet .h4{font-size:10.5px;letter-spacing:.16em;color:var(--fra);font-weight:700}
.htb{border:1px solid var(--linha);border-radius:12px;overflow:hidden;flex:none}
.htb div{display:grid;grid-template-columns:110px minmax(0,1fr) 18px minmax(0,1fr);gap:8px;padding:9px 12px;border-bottom:1px solid var(--linha);font-size:12.5px;align-items:center}
.htb div:last-child{border-bottom:0}
.htb .c{color:var(--fra);font-size:10.5px;letter-spacing:.12em;font-weight:700;overflow-wrap:anywhere}
.htb .a{color:var(--mut);text-decoration:line-through;text-decoration-color:rgba(255,138,122,.6);overflow-wrap:anywhere}
.htb .d{color:var(--txt);font-weight:600;overflow-wrap:anywhere}
.htb i{color:var(--am);font-style:normal}
.htx{font-size:12.5px;color:var(--mut);line-height:1.45;overflow-wrap:anywhere}
.hmini{display:flex;flex-direction:column;gap:7px}
.hmini p{display:flex;gap:10px;font-size:12px;color:var(--mut)}
.hmini p.on{color:var(--txt)}
.hmini p time{width:40px;color:var(--fra);flex:none;font-variant-numeric:tabular-nums}
.hbt{margin-top:auto}
.hfecha{display:none;position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;place-items:center;color:var(--mut)}
.hfecha svg{width:16px;height:16px}

/* tela estreita: o detalhe abre por cima da lista */
@media (max-width:1100px){
  .hcorpo{grid-template-columns:minmax(0,1fr)}
  .hdet{display:none;position:fixed;top:16px;right:16px;bottom:16px;width:min(470px,calc(100vw - 32px));z-index:30;box-shadow:0 20px 60px rgba(0,0,0,.6)}
  .hcorpo.hab-det .hdet{display:flex}
  .hfecha{display:grid}
  .hch .hq{margin-left:0;width:100%}
}
@media (max-width:760px){
  .hisw{overflow-y:auto}
  .hisw .nh{flex-direction:column}
  .hisw .nmc{width:100%}
  .hln{grid-template-columns:40px 22px minmax(0,1fr)}
  .hln .hab{display:none}
  .hln p{white-space:normal}
}