/* Diarios Engine — base do front. As cores/medidas por diário chegam pelos
 * tokens --diary-* (redeclarados no bloco escopado por #id, que também fixa
 * as peças críticas com valores concretos + !important). */
.diary-app{font-family:inherit;line-height:1.6;max-width:100%}
.diary-app *{box-sizing:border-box}
.diary-title{margin:0 0 10px;font-size:var(--diary-title-size,26px);color:var(--diary-title-color,#241a44);line-height:1.25}
.diary-intro{margin:0 0 10px;color:var(--diary-intro-color,#5a4c3f)}
.diary-privacy{margin:0 0 18px;font-size:13px;color:var(--diary-notice-color,#8a7a66)}
.diary-form{display:flex;flex-direction:column;gap:14px;margin:0 0 22px}
.diary-field{display:flex;flex-direction:column;gap:6px}
.diary-label{font-weight:600;font-size:var(--diary-label-size,15px);color:var(--diary-label-color,#33251d)}
.diary-input{width:100%;padding:10px 14px;font-size:16px;font-family:inherit;border-radius:var(--diary-input-radius,10px)}
textarea.diary-input{resize:vertical;min-height:96px}
/* campos curtos não esticam no desktop… */
.diary-field-date .diary-input,.diary-field-select .diary-input{width:auto;max-width:100%;align-self:flex-start}
.diary-mood{display:flex;flex-wrap:wrap;gap:8px}
.diary-mood-opt{cursor:pointer}
.diary-mood-opt input{position:absolute;opacity:0;width:1px;height:1px}
.diary-mood-opt span{display:inline-block;padding:7px 14px;font-size:15px;line-height:1.3;user-select:none;border-radius:var(--diary-option-radius,999px);border:var(--diary-option-border-width,0) solid transparent;box-sizing:border-box}
.diary-mood-opt input:focus-visible+span{outline:2px solid currentColor;outline-offset:2px}
/* Quem alinha os botões NA LINHA é o CONTAINER flex (justify-content) — filho
 * de flex com largura automática ignora text-align; default = centro.
 * v1.3: o TEXTO DENTRO de cada botão é SEMPRE centralizado (inline-flex com
 * centro nos dois eixos), mesmo quando o tema estica o botão. */
.diary-actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;justify-content:var(--diary-btn-align-jc,center)}
.diary-btn{display:inline-flex;display:-webkit-inline-box;-webkit-box-pack:center;-webkit-box-align:center;justify-content:center;align-items:center;text-align:center;padding:var(--diary-button-padding-y,11px) var(--diary-button-padding-x,22px);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;border:0}
.diary-msg{margin:2px 0 0;min-height:1em;font-size:14px;color:var(--diary-notice-color,#8a7a66)}
.diary-history-title{margin:0 0 12px;font-size:19px}
.diary-count{font-weight:400;font-size:15px;opacity:.75}
.diary-entries{display:flex;flex-direction:column;gap:12px}
.diary-entry summary{cursor:pointer;font-size:15px}
.diary-entry-snippet{opacity:.75;font-weight:400}
.diary-entry-body{margin-top:10px}
.diary-entry-label{margin:10px 0 2px;font-weight:600;font-size:.86em;text-transform:uppercase;letter-spacing:.03em;opacity:.75}
.diary-entry-value{margin:0;white-space:pre-wrap}
.diary-entry-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;justify-content:var(--diary-btn-align-jc,center)}
.diary-entry-pdf{padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;border:0}
.diary-entry-del{background:none;border:0;padding:7px 4px;font-size:13px;font-family:inherit;cursor:pointer;text-decoration:underline}
@media (max-width:600px){
  /* lição do Dic: no mobile os campos empilham SEM esticar além da coluna —
   * flex:0 0 auto + width:100% (curtos idem, largura total é ok empilhado) */
  .diary-form{align-items:stretch}
  .diary-field{flex:0 0 auto;width:100%}
  .diary-input{flex:0 0 auto;width:100%}
  .diary-field-date .diary-input,.diary-field-select .diary-input{width:100%;align-self:stretch}
  .diary-btn{width:100%}
  .diary-actions{flex-direction:column}
}