.view.app#v-agenda{--ag-larg:clamp(340px,30vw,380px);--ag-curva:cubic-bezier(.2,.7,.25,1)}

.view.app#v-agenda .ag-ic{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.view.app#v-agenda .agenda-ev.ag-ev-ativo,
.view.app#v-agenda .nx-agenda-ev.ag-ev-ativo{
  background:var(--teal);border-color:var(--teal);color:var(--sobre-acento);outline-color:var(--teal);
}
.view.app#v-agenda .agenda-ev.ag-ev-ativo .agenda-h{color:inherit;opacity:.85}
.view.app#v-agenda .agenda-ev.ag-ev-ativo:hover{background:var(--teal-dark);border-color:var(--teal-dark)}

.view.app#v-agenda .ag-det,
.view.app#v-agenda .ag-folha{
  display:flex;flex-direction:column;min-height:0;
  background:var(--papel);color:var(--ink);border:1px solid var(--linha);
}

.view.app#v-agenda .ag-det-cab{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;
  padding:10px 10px 10px 20px;border-bottom:1px solid var(--linha);
  user-select:none;-webkit-user-select:none;
}
.view.app#v-agenda .ag-det-rotulo{font-size:var(--t11);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;cursor:default}
.view.app#v-agenda .ag-det-x{color:var(--ink);margin:0}
.view.app#v-agenda .ag-det-x svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.view.app#v-agenda .ag-det-rolo{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 20px}
.view.app#v-agenda .ag-det-foto{
  display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;margin:0 0 16px;
  background:var(--fundo-3);user-select:none;-webkit-user-select:none;
}
.view.app#v-agenda .ag-det-foto[hidden]{display:none}
.view.app#v-agenda .ag-det-titulo{
  margin:0;font-family:var(--fd);font-weight:500;font-size:var(--t21);line-height:1.25;color:var(--ink);
  overflow-wrap:anywhere;
}

.view.app#v-agenda .ag-det-fatos{margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.view.app#v-agenda .ag-det-fato{display:flex;align-items:flex-start;gap:12px}
.view.app#v-agenda .ag-det-fato>.ag-ic{width:18px;height:18px;margin-top:2px;color:var(--teal-dark)}
.view.app#v-agenda .ag-det-fato-miolo{min-width:0;display:flex;flex-direction:column;gap:1px}
.view.app#v-agenda .ag-det-fato dt{font-size:var(--t11);color:var(--muted);user-select:none;-webkit-user-select:none;cursor:default}
.view.app#v-agenda .ag-det-fato dd{margin:0;font-size:var(--t14);line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.view.app#v-agenda .ag-det-fato dd::first-letter{text-transform:uppercase}

.view.app#v-agenda .ag-det-presenca{
  display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px 14px;
  border-radius:8px;background:var(--tinte-1);border:1px solid var(--tinte-3);
}
.view.app#v-agenda .ag-det-carimbo{width:92px;flex:none;user-select:none;-webkit-user-select:none}
.view.app#v-agenda .ag-det-presenca-texto{min-width:0}
.view.app#v-agenda .ag-det-presenca-frase{margin:0;font-family:var(--fd);font-size:var(--t16);font-weight:500;color:var(--ink)}
.view.app#v-agenda .ag-det-presenca-sub{margin:4px 0 0;font-size:var(--t12);line-height:1.45;color:var(--muted)}
[data-modo="escuro"] .view.app#v-agenda .ag-det-carimbo svg.nx-carimbo{color:var(--ink)}

.view.app#v-agenda .ag-det-desc{margin-top:20px;padding-top:16px;border-top:1px solid var(--linha)}
.view.app#v-agenda .ag-det-sub{
  margin:0 0 8px;font-size:var(--t11);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;
  user-select:none;-webkit-user-select:none;cursor:default;
}
.view.app#v-agenda .ag-det-desc p{margin:0;font-size:var(--t14);line-height:1.6;color:var(--ink);overflow-wrap:anywhere;white-space:pre-line}
.view.app#v-agenda .ag-det-desc p+p{margin-top:10px}

.view.app#v-agenda .ag-det-acoes{
  display:flex;flex-wrap:wrap;gap:8px;flex:none;padding:12px 20px 16px;border-top:1px solid var(--linha);
  user-select:none;-webkit-user-select:none;
}
.view.app#v-agenda .ag-det-acoes .btn{flex:1 1 auto;min-height:40px}
.view.app#v-agenda .ag-det-acoes .ag-det-fechar{background:var(--papel)}
.view.app#v-agenda .ag-det-acoes .ag-det-fechar:hover{background:var(--tinte-1)}
.view.app#v-agenda .ag-det-acoes .ag-ic{width:14px;height:14px}
.view.app#v-agenda .ag-det-link:focus-visible,
.view.app#v-agenda .ag-det-fechar:focus-visible,
.view.app#v-agenda .ag-det-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

@media (min-width:761px){
  .view.app#v-agenda .main>.body{transition:padding-right .32s var(--ag-curva)}
  .view.app#v-agenda.ag-com-detalhe .main>.body{padding-right:calc(var(--ag-larg) + 40px)}
  .view.app#v-agenda .ag-det{
    position:absolute;top:16px;right:24px;bottom:24px;width:var(--ag-larg);z-index:2;
    border-radius:10px;box-shadow:0 12px 32px -18px rgba(0,0,0,.35);overflow:hidden;
    opacity:0;visibility:hidden;transform:translateX(24px);
    transition:opacity .24s ease,transform .32s var(--ag-curva),visibility 0s linear .32s;
  }
  .view.app#v-agenda.ag-com-detalhe .ag-det{
    opacity:1;visibility:visible;transform:none;
    transition:opacity .24s ease .06s,transform .32s var(--ag-curva),visibility 0s;
  }
  .view.app#v-agenda .ag-det:focus{outline:none}
  .view.app#v-agenda .ag-det-foto{aspect-ratio:2 / 1}
  .view.app#v-agenda .ag-det:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
  .view.app#v-agenda .ag-det.ag-det--troca .ag-det-rolo{animation:ag-troca .26s ease both}
}

@media (max-width:760px){
  .view.app#v-agenda .ag-det{display:none}
  .view.app#v-agenda .ag-folha-fundo{
    position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;
    background:rgba(20,20,18,.5);animation:ag-fundo .2s ease both;
  }
  .view.app#v-agenda .ag-folha{
    width:100%;max-height:calc(100dvh - 48px);border-radius:16px 16px 0 0;border-bottom:0;
    box-shadow:0 -12px 40px -16px rgba(0,0,0,.45);
    padding-bottom:env(safe-area-inset-bottom);animation:ag-sobe .28s var(--ag-curva) both;
  }
  .view.app#v-agenda .ag-folha .ag-det-cab{padding:6px 6px 6px 20px;position:relative}
  .view.app#v-agenda .ag-folha .ag-det-cab::before{
    content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--linha-2);
  }
  .view.app#v-agenda .ag-folha .ag-det-x{min-width:44px;min-height:44px}
  .view.app#v-agenda .ag-folha .ag-det-titulo{font-size:var(--t21)}
  .view.app#v-agenda .ag-folha .ag-det-fato dd,
  .view.app#v-agenda .ag-folha .ag-det-desc p{font-size:var(--t16)}
  .view.app#v-agenda .ag-folha .ag-det-acoes .btn{min-height:44px;font-size:var(--t14)}
}

@keyframes ag-troca{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ag-sobe{from{transform:translateY(100%)}to{transform:none}}
@keyframes ag-fundo{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  .view.app#v-agenda .main>.body,
  .view.app#v-agenda .ag-det{transition:none}
  .view.app#v-agenda .ag-det.ag-det--troca .ag-det-rolo,
  .view.app#v-agenda .ag-folha,
  .view.app#v-agenda .ag-folha-fundo{animation:none}
}