/* ---------- aba Notion (lembretes da página LEMBRETES); usa a moldura da aba Início */
.nh{align-items:stretch}
.nh .nt{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-width:0}
.ih .nst{margin-left:0;padding-bottom:0;color:var(--mut);font-size:12.5px;display:flex;align-items:center;gap:8px}
.ih .nst i{width:7px;height:7px;border-radius:50%;background:#6FD49A;flex:none}
.ih .nst.off i{background:var(--fra)}
.nbt{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}

/* cartão amarelo com o mascote (estrela preta sempre no amarelo) */
.nmc{width:360px;flex:none;border-radius:16px;background:var(--am);color:var(--preto);display:flex;align-items:center;overflow:hidden}
.nmc img{height:130px;margin:6px 4px -8px 10px;flex:none}
.nmc div{padding:14px 18px 14px 4px;min-width:0}
.nmc b{display:block;font-size:30px;line-height:1}
.nmc small{font-size:12px;font-weight:600;opacity:.75;display:block;margin-top:6px;line-height:1.35}

.nch{display:flex;gap:6px;flex-wrap:wrap;flex:none}
.nch .chip{padding:5px 12px 5px 5px;font-size:12px}
.nch .chip:not(:has(.av)){padding-left:12px}
.nch .chip.on{background:var(--s3);color:var(--txt);border-color:transparent}
.nch .chip .av{width:20px;height:20px;font-size:9.5px}
.nch .nfe{margin-left:auto}
.nch .nfe svg{width:12px;height:12px;color:var(--am)}

.ncols{display:grid;gap:12px;align-items:start}
.ncol{border:1px solid var(--linha);background:rgba(255,255,255,.018);border-radius:16px;display:flex;flex-direction:column;min-width:0}
.nhd{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--linha)}
.nhd .av{width:22px;height:22px;font-size:10px}
.nhd b{font-size:14px}
.nhd small{margin-left:auto;font-size:10.5px;letter-spacing:.14em;color:var(--fra);font-weight:600}
.nit{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--linha);align-items:flex-start}
.nit:last-child{border-bottom:0}
.nit .nbx{width:17px;height:17px;border:1.5px solid var(--linha2);border-radius:5px;flex:none;margin-top:1px}
.nit.ok .nbx{background:var(--am);border-color:var(--am);display:grid;place-items:center}
.nit.ok .nbx::after{content:"";width:7px;height:4px;border-left:2px solid var(--preto);border-bottom:2px solid var(--preto);transform:rotate(-45deg) translate(1px,-1px)}
.nit>div{min-width:0}
.nit p{font-size:13px;line-height:1.35;font-weight:500;overflow-wrap:anywhere}
.nit.ok p{color:var(--fra);text-decoration:line-through}
.nit small{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;color:var(--fra);font-size:11px;align-items:center}
.nit small .av{width:16px;height:16px;font-size:8px}
.nit small .av+.av{margin-left:-9px;border:1.5px solid var(--s1)}
.nit ul{list-style:none;margin-top:6px;display:flex;flex-direction:column;gap:4px}
.nit li{display:flex;gap:7px;align-items:center;color:var(--mut);font-size:12px}
.nit li i{width:11px;height:11px;border:1.5px solid var(--linha2);border-radius:3px;flex:none}
.nit li.ok{color:var(--fra);text-decoration:line-through}
.nit li.ok i{background:var(--am);border-color:var(--am)}
.ncol .tag{border:1px solid var(--linha2);border-radius:20px;padding:1px 7px;color:var(--mut);font-size:11px;display:inline-flex;align-items:center;gap:4px}
.ncol .tag svg{width:11px;height:11px}
.ncol button.tag:hover{border-color:var(--am);color:var(--am)}
.ncol .tag.ndt{border-color:rgba(255,196,1,.35);color:var(--am)}

/* lista zerada: a estrela rindo */
.nvz{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 26px;color:var(--mut);text-align:center;font-size:12px}
.nvz .nbl{width:110px;height:110px;border-radius:50%;background:var(--am);display:grid;place-items:center;overflow:hidden;margin-bottom:6px}
.nvz img{width:96px;margin-top:10px}
.nvz b{color:var(--txt);font-size:14px}
.nft{color:var(--fra);font-size:11.5px;padding:2px 2px 0;flex:none}

@media (max-width:1100px){.ncols{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){
  .nh{flex-direction:column}
  .nmc{width:100%}
  .ncols{grid-template-columns:minmax(0,1fr)!important}
  .nch .nfe{margin-left:0}
}
.nbt a.btn{text-decoration:none}