/* Diário de Bordo — CSS global compartilhado
   (resets, tipografia base, animações e responsividade)
   Os estilos específicos de cada elemento ficam inline no componente. */

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#EEF3F8;color:#0E2233;-webkit-font-smoothing:antialiased}
textarea,input,button{font-family:inherit}
textarea{resize:vertical}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#C2D2E2;border-radius:8px;border:2px solid #EEF3F8}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes toastIn{from{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@keyframes fadeUp{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}

@media (max-width:760px){
  .login-grid{grid-template-columns:1fr !important;min-height:100vh !important}
  .login-aside{display:none !important}
  .login-form-wrap{padding:32px 22px !important;align-items:flex-start !important}
  .app-header{height:auto !important;padding:10px 16px !important;flex-wrap:wrap !important;gap:10px 14px !important;row-gap:8px !important}
  .app-nav{order:3 !important;width:100% !important;margin-left:0 !important;gap:8px !important}
  .app-nav button{flex:1 !important}
  .user-meta{display:none !important}
  .app-main{padding:22px 16px 90px !important}
  .ev-grid{grid-template-columns:1fr !important}
  .fb-head{padding:20px 18px !important}
  .fb-head h1{font-size:21px !important}
  .share-grid{grid-template-columns:1fr !important}
  .share-aside{position:static !important;top:auto !important}
  .net-grid{grid-template-columns:1fr 1fr !important}
  .fb-bar{flex-wrap:wrap !important;padding:12px !important;gap:10px !important}
  .fb-bar .fb-bar-note{flex-basis:100% !important;order:-1 !important}
  .fb-bar button{flex:1 !important;padding:0 12px !important;justify-content:center !important}
  .hist-card{align-items:flex-start !important}
  .hist-actions{width:100% !important}
  .hist-actions button{flex:1 !important}
}
@media (max-width:420px){
  .name-grid{grid-template-columns:1fr !important}
  .topic-row{padding:16px 14px !important}
  .topic-row .row-inner{gap:11px !important}
}