/* Notificações: rotinas de relatório pelo número de relatórios do WhatsApp. */
.ntf-page { --ntf-ink:#172439; --ntf-mut:#617086; --ntf-line:#e2e7ee; --ntf-ok:#047857; --ntf-warn:#b45309; --ntf-bad:#b91c1c;
  min-width:0; color:var(--ntf-ink); }
.ntf-page button { cursor:pointer; }
.ntf-page button:disabled { opacity:.45; cursor:default; }
.ntf-page :is(button,input,select,summary):focus-visible { outline:3px solid #7589a8; outline-offset:2px; }

.ntf-head { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:.75rem; margin-bottom:1rem; }
.ntf-head .page-title { margin:0; }
.ntf-head-sub { color:var(--ntf-mut); font-size:.8rem; margin:.2rem 0 0; }

.ntf-btn { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; border:1px solid var(--ntf-line); background:#fff;
  color:#34445b; border-radius:7px; padding:.35rem .65rem; font-size:.76rem; font-weight:600; min-height:32px; white-space:nowrap; }
.ntf-btn:hover:not(:disabled) { border-color:#aab6c7; background:#f7f9fc; }
.ntf-btn-pri { background:var(--brand); border-color:var(--brand); color:#fff; }
.ntf-btn-pri:hover:not(:disabled) { background:var(--brand-dark); border-color:var(--brand-dark); color:#fff; }
.ntf-btn-link { border:0; background:none; padding:0; min-height:0; color:#1f4e9c; font-weight:600; font-size:.76rem; text-decoration:underline; }
.ntf-btn-icone { border:0; background:none; color:var(--ntf-mut); padding:.2rem .35rem; border-radius:6px; }
.ntf-btn-icone:hover { background:#fef2f2; color:var(--ntf-bad); }

/* Situação do período: número e envio automático */
.ntf-situacao { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:.6rem; margin-bottom:.9rem; }
.ntf-sit { position:relative; background:#fff; border:1px solid var(--ntf-line); border-radius:10px; padding:.6rem .8rem .6rem 1rem; }
.ntf-sit::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; border-radius:10px 0 0 10px; background:#94a3b8; }
.ntf-sit.good::before { background:var(--ntf-ok); }
.ntf-sit.warn::before { background:var(--ntf-warn); }
.ntf-sit.danger::before { background:var(--ntf-bad); }
.ntf-sit-label { font-size:.62rem; text-transform:uppercase; letter-spacing:.05em; color:#94a3b8; font-weight:700; }
.ntf-sit-valor { font-size:.95rem; font-weight:700; display:flex; align-items:center; gap:.35rem; }
.ntf-sit.good .ntf-sit-valor { color:var(--ntf-ok); }
.ntf-sit.warn .ntf-sit-valor { color:var(--ntf-warn); }
.ntf-sit.danger .ntf-sit-valor { color:var(--ntf-bad); }
.ntf-sit-nota { font-size:.7rem; color:var(--ntf-mut); line-height:1.35; margin-top:.15rem; }

/* Pendências */
.ntf-pend { background:#fff; border:1px solid var(--ntf-line); border-radius:10px; margin-bottom:.9rem; }
.ntf-pend-titulo { font-size:.73rem; font-weight:700; color:#44536a; padding:.55rem .8rem; border-bottom:1px solid var(--ntf-line); }
.ntf-pend-item { display:flex; align-items:center; gap:.6rem; padding:.5rem .8rem; font-size:.78rem; border-top:1px solid #f1f4f8; }
.ntf-pend-item:first-of-type { border-top:0; }
.ntf-pend-item > i { color:var(--ntf-warn); }
.ntf-pend-item.danger > i { color:var(--ntf-bad); }
.ntf-pend-item > span { flex:1; min-width:0; }
.ntf-pend-vazio { display:flex; gap:.5rem; align-items:center; background:#f0fdf4; border:1px solid #bbf7d0; color:#166534;
  border-radius:10px; padding:.55rem .8rem; font-size:.78rem; margin-bottom:.9rem; }

/* Rotinas */
.ntf-rotinas { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr)); gap:.8rem; margin-bottom:.9rem; }
.ntf-rotina { background:#fff; border:1px solid var(--ntf-line); border-radius:10px; padding:.8rem .9rem; min-width:0; display:flex; flex-direction:column; gap:.6rem; }
.ntf-rotina-top { display:flex; align-items:flex-start; justify-content:space-between; gap:.6rem; }
.ntf-rotina-nome { font-weight:700; font-size:.92rem; margin:0; }
.ntf-rotina-desc { font-size:.74rem; color:var(--ntf-mut); line-height:1.4; margin:.15rem 0 0; }
.ntf-estado { display:inline-flex; align-items:center; gap:.3rem; border-radius:20px; padding:.15rem .55rem; font-size:.68rem; font-weight:700; white-space:nowrap; }
.ntf-estado.ligada { color:var(--ntf-ok); background:#ecfdf5; border:1px solid #b7e5d4; }
.ntf-estado.desligada { color:#526176; background:#f1f4f8; border:1px solid var(--ntf-line); }

.ntf-agenda { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem .6rem; background:#f8fafc; border:1px solid var(--ntf-line);
  border-radius:8px; padding:.5rem .6rem; font-size:.76rem; }
.ntf-agenda input[type=number] { width:4.2rem; }
.ntf-agenda input[type=time] { width:6.6rem; }
.ntf-agenda .form-check { margin:0 0 0 auto; display:flex; align-items:center; gap:.4rem; padding-left:2.4em; }
.ntf-proximo { font-size:.74rem; color:#34445b; }
.ntf-proximo b { font-weight:700; }
.ntf-aviso-fonte { display:flex; gap:.45rem; align-items:flex-start; background:#fffbeb; border:1px solid #f6d781; color:#92400e;
  border-radius:8px; padding:.45rem .6rem; font-size:.72rem; line-height:1.4; }

.ntf-secao-label { display:flex; align-items:baseline; justify-content:space-between; gap:.6rem; font-size:.73rem; font-weight:700; color:#44536a; }
.ntf-secao-label small { font-weight:400; color:var(--ntf-mut); font-size:.68rem; }
.ntf-tabela-wrap { overflow-x:auto; border:1px solid var(--ntf-line); border-radius:8px; }
.ntf-tabela { width:100%; border-collapse:collapse; font-size:.74rem; }
.ntf-tabela th { background:#f8fafc; color:#526176; font-weight:700; font-size:.66rem; text-transform:uppercase; letter-spacing:.03em;
  text-align:left; padding:.4rem .55rem; white-space:nowrap; border-bottom:1px solid var(--ntf-line); }
.ntf-tabela td { padding:.4rem .55rem; border-top:1px solid #f1f4f8; vertical-align:top; }
.ntf-tabela tr:first-child td { border-top:0; }
.ntf-tabela .ntf-nome { font-weight:600; max-width:220px; overflow-wrap:anywhere; }
.ntf-tabela .ntf-num { font-family:ui-monospace,Consolas,monospace; font-size:.7rem; color:#44536a; white-space:nowrap; }
.ntf-tabela .ntf-acao { width:1%; text-align:right; }
.ntf-tabela .ntf-dt { white-space:nowrap; }
.ntf-st { display:inline-flex; align-items:flex-start; gap:.3rem; line-height:1.35; }
.ntf-st.good { color:var(--ntf-ok); }
.ntf-st.warn { color:var(--ntf-warn); }
.ntf-st.danger { color:var(--ntf-bad); }
.ntf-st.neutro { color:var(--ntf-mut); }
.ntf-vazio-linha { color:var(--ntf-mut); font-size:.74rem; padding:.7rem .6rem !important; text-align:center; }

.ntf-add { display:grid; grid-template-columns:7.5rem minmax(0,1fr) minmax(0,1fr) auto; gap:.4rem; align-items:start; }
.ntf-add .form-control, .ntf-add .form-select, .ntf-agenda .form-control { font-size:.76rem; min-height:32px; padding:.25rem .5rem; }
.ntf-add-ajuda { grid-column:1 / -1; font-size:.7rem; color:var(--ntf-mut); line-height:1.35; }
.ntf-rotina-pe { display:flex; flex-wrap:wrap; gap:.45rem; justify-content:flex-end; border-top:1px solid #f1f4f8; padding-top:.6rem; margin-top:auto; }

/* Histórico */
.ntf-card { background:#fff; border:1px solid var(--ntf-line); border-radius:10px; padding:.8rem .9rem; margin-bottom:.9rem; }
.ntf-card-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:.4rem; margin-bottom:.55rem; }
.ntf-card-head h2 { font-size:.9rem; font-weight:700; margin:0; }
.ntf-card-head p { font-size:.72rem; color:var(--ntf-mut); margin:.1rem 0 0; }
.ntf-contador { font-size:.7rem; color:var(--ntf-mut); }
.ntf-teste { display:inline-block; font-size:.6rem; font-weight:700; text-transform:uppercase; color:#526176; background:#eef1f5;
  border-radius:4px; padding:0 .3rem; margin-left:.25rem; }

.ntf-metodo { font-size:.72rem; color:var(--ntf-mut); }
.ntf-metodo summary { font-weight:600; color:#44536a; cursor:pointer; }
.ntf-metodo ul { margin:.4rem 0 0; padding-left:1.1rem; line-height:1.5; }

/* Prévia */
.ntf-previa-barra { display:flex; flex-wrap:wrap; gap:.5rem; align-items:end; margin-bottom:.7rem; font-size:.76rem; }
.ntf-previa-barra label { display:flex; flex-direction:column; gap:.15rem; color:#44536a; font-weight:600; font-size:.7rem; }
.ntf-previa-barra .form-control { font-size:.76rem; min-height:32px; padding:.25rem .5rem; }
.ntf-zap { background:#efeae2; border-radius:10px; padding:.8rem; display:flex; flex-direction:column; gap:.55rem; max-height:62vh; overflow:auto; }
.ntf-bolha { background:#d9fdd3; border-radius:8px; padding:.5rem .65rem; max-width:min(100%,460px); align-self:flex-end;
  font-size:.8rem; line-height:1.4; white-space:pre-wrap; overflow-wrap:anywhere; box-shadow:0 1px 1px rgba(0,0,0,.08); }
.ntf-bolha img { display:block; width:100%; border-radius:6px; margin-bottom:.35rem; }
.ntf-bolha small { color:#44536a; }
.ntf-previa-nao { display:flex; gap:.5rem; align-items:flex-start; background:#fffbeb; border:1px solid #f6d781; color:#92400e;
  border-radius:8px; padding:.6rem .7rem; font-size:.78rem; }
.ntf-previa-carregando { display:flex; gap:.5rem; align-items:center; color:var(--ntf-mut); font-size:.78rem; padding:1rem; }

@media (max-width:767px) {
  .ntf-add { grid-template-columns:1fr 1fr; }
  .ntf-add > :nth-child(2), .ntf-add > :nth-child(3) { grid-column:1 / -1; }
  .ntf-agenda .form-check { margin-left:0; }
  .ntf-rotina-pe .ntf-btn { flex:1; }
}

/* ── Listas de pessoas ── */
.ntf-lista-nova { grid-template-columns:minmax(0,22rem) auto; justify-content:start; margin-bottom:.8rem; }
.ntf-add-membro { grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; }
/* Quem já está noutra rotina ou lista entra com um clique. */
.ntf-reusar { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin:.5rem 0 .45rem; }
.ntf-reusar-label { font-size:.7rem; font-weight:600; color:#44536a; margin-right:.15rem; }
.ntf-chip { display:inline-flex; align-items:center; gap:.3rem; max-width:100%; border:1px dashed #aab6c7; background:#fff; color:#34445b;
  border-radius:16px; padding:.2rem .6rem; font-size:.72rem; font-weight:600; min-height:30px; text-align:left; overflow-wrap:anywhere; }
.ntf-chip small { font-family:ui-monospace,Consolas,monospace; font-weight:400; color:var(--ntf-mut); font-size:.66rem; white-space:nowrap; }
.ntf-chip:hover:not(:disabled) { border-style:solid; border-color:var(--brand); color:var(--brand); }
@media (max-width:767px) {
  .ntf-lista-nova { grid-template-columns:minmax(0,1fr) auto; }
  .ntf-lista-nova > :nth-child(2) { grid-column:auto; }
  .ntf-add-membro { grid-template-columns:1fr; }
}
.ntf-lista { border:1px solid var(--ntf-line); border-radius:8px; padding:.6rem .7rem; margin-bottom:.7rem; }
.ntf-lista-top { display:flex; justify-content:space-between; align-items:flex-start; gap:.5rem; margin-bottom:.4rem; }
.ntf-lista-top small { display:block; color:var(--ntf-mut); font-size:.72rem; }
.ntf-tabela .ntf-num-lista { font-size:.74rem; color:#44536a; }
.ntf-tabela .ntf-num-lista small { color:var(--ntf-mut); white-space:normal; }
/* Verificou e não havia nada a enviar: resultado, não espera. */
.ntf-nada { display:flex; gap:.45rem; align-items:flex-start; background:#f1f8f3; border:1px solid #b7dfc3; color:#1f6b35;
  border-radius:8px; padding:.45rem .6rem; font-size:.72rem; line-height:1.4; }