:root {
  /* Paleta padrão TudoProvado (mesma dos ebooks) */
  --tp-verde: #2f8f5b;
  --tp-verde-claro: #e6f3ec;
  --tp-laranja: #d97a3f;
  --tp-azul-marinho: #142a4c;
  --tp-ambar: #c8871b;
  --tp-ambar-claro: #fbf1de;
  --tp-cinza: #6f6f68;
  --tp-linha: #dedad0;
  --tp-creme: #faf8f2;

  /* Azul novo, exclusivo do app — diferencia a Central dos ebooks */
  --app-azul: #3B6FE0;
  --app-azul-claro: #e6f1fb;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system, 'Liberation Sans', Arial, sans-serif;
  background: var(--tp-creme);
  color: #23241f;
  max-width: 480px;
  margin: 0 auto;
  font-size: 20px;
}

/* Cabeçalho */
.tp-header {
  background: var(--tp-azul-marinho);
  color: #fff;
  padding: 18px 20px 22px;
}
.tp-header .data { font-size: 16px; color: #8fb0e0; letter-spacing: 0.4px; }
.tp-header .saudacao { font-size: 19px; font-weight: 500; margin-top: 2px; }

/* Marca d'água discreta do TudoProvado */
.tp-marca {
  text-align: center;
  font-size: 12px;
  color: var(--tp-cinza);
  padding: 10px 0 4px;
  letter-spacing: 0.3px;
}
.tp-marca .verde-dot {
  display: inline-block;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--tp-verde);
  margin: 0 4px;
}

/* Seções */
.secao { padding: 14px 20px 6px; }
.secao-titulo {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.secao-titulo.azul { color: var(--app-azul); }
.secao-titulo.cinza { color: var(--tp-cinza); }
.secao-titulo.ambar { color: var(--tp-ambar); }

/* Cards de compromisso */
.card {
  background: #fff;
  border: 0.5px solid var(--tp-linha);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.card.destaque {
  border-left: 3px solid var(--app-azul);
  border-radius: 0 10px 10px 0;
}
.card .titulo { font-size: 19.5px; color: var(--tp-azul-marinho); font-weight: 500; }
.card .sub { font-size: 17px; color: var(--tp-cinza); }
.dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.dot.verde { background: var(--tp-verde); }
.dot.laranja { background: var(--tp-laranja); }
.dot.azul { background: var(--app-azul); }

.card-ver-mais {
  background: var(--app-azul-claro);
  color: #0c447c;
  border-radius: 10px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.box-prepare {
  background: var(--tp-ambar-claro);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14.5px;
  color: #412402;
}

/* Continuar leitura */
.card-leitura {
  background: var(--tp-verde-claro);
  border-left: 3px solid var(--tp-verde);
  border-radius: 0 10px 10px 0;
  padding: 10px 12px;
  font-size: 14.5px;
  color: #1d4a34;
  margin-bottom: 6px;
}

/* Barra inferior */
.tp-nav {
  position: sticky;
  bottom: 0;
  background: #fff;
  border-top: 0.5px solid var(--tp-linha);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 10px 8px;
}
.tp-nav .ativo { color: var(--app-azul); }
.tp-nav .inativo { color: #8a8f98; }
.btn-assistente {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--app-azul);
  display: flex; align-items: center; justify-content: center;
  margin-top: -28px;
  border: 4px solid var(--tp-creme);
  color: #fff;
  cursor: pointer;
  font-size: 24px;
}