/* Barra de navegação por data [dnp_nav_data] — mesma família visual de
   dnp-nav-dia.css (âmbar), mas com setas mais ricas (rótulo + data) e
   datepicker próprio. Auto-contido, sem depender de tokens de outro CSS. */
.dnp-nav-data{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:stretch;
  max-width:680px;margin:0 auto 31px;
  background:linear-gradient(180deg,#fdf8e9 0%,#fbf3dc 100%);
  border:1px solid #e6d29a;border-radius:10px;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

.dnp-nav-data-seta{
  grid-row:1;
  display:flex;align-items:center;gap:8px;
  padding:9px 14px;
  color:#6a5620;text-decoration:none;
  transition:background .16s ease;
}
.dnp-nav-data-seta:hover{background:rgba(216,183,85,.14)}
.dnp-nav-data-seta:focus-visible{outline:2px solid #6a5620;outline-offset:-2px}
.dnp-nav-data-seta-esq{grid-column:1;justify-content:flex-start;border-radius:10px 0 0 10px}
.dnp-nav-data-seta-dir{grid-column:3;justify-content:flex-end;text-align:right;border-radius:0 10px 10px 0}

.dnp-nav-data-seta-icone{font-size:22px;line-height:1;flex:0 0 auto}
.dnp-nav-data-seta-texto{display:flex;flex-direction:column;line-height:1.25}
.dnp-nav-data-seta-rotulo{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;opacity:.8}
.dnp-nav-data-seta-data{font-size:.92rem;font-weight:800}

.dnp-nav-data-centro{grid-column:2;grid-row:1;position:relative;display:flex;align-items:center}
.dnp-nav-data-cal{
  -webkit-appearance:none;appearance:none;
  display:flex;align-items:center;gap:8px;
  padding:9px 16px;
  background-color:transparent;background-image:none;border:0;
  color:#6a5620;font-weight:800;font-size:.92rem;font-family:inherit;
  white-space:nowrap;cursor:pointer;
  transition:background-color .16s ease;
}
.dnp-nav-data-cal:hover,
.dnp-nav-data-cal:focus{background-color:rgba(216,183,85,.28)}
.dnp-nav-data-cal:focus-visible{outline:2px solid #6a5620;outline-offset:-2px}
.dnp-nav-data-ico{width:17px;height:17px;flex:0 0 auto;color:#8a7742}
.dnp-nav-data-ico svg{width:100%;height:100%;display:block}

/* ---------- popover do calendário ---------- */
.dnp-nav-data-pop{
  display:none;
  position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);
  z-index:20;
  min-width:260px;
  background:#fff;
  border:1px solid #e0e6e2;border-radius:12px;
  box-shadow:0 10px 30px rgba(9,42,25,.14);
  padding:12px;
}
.dnp-nav-data-pop[data-aberto="1"]{display:block}

.dnp-nav-data-cal-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dnp-nav-data-cal-mes{font-weight:800;font-size:.9rem;color:#0b2a19;text-transform:capitalize}
.dnp-nav-data-cal-mes-btn{
  width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  background:#f6faf7;border:1px solid #e0e6e2;border-radius:6px;
  color:#0b2a19;font-size:16px;cursor:pointer;
}
.dnp-nav-data-cal-mes-btn:disabled{opacity:.35;cursor:not-allowed}
.dnp-nav-data-cal-mes-btn:not(:disabled):hover{background:#eef4f0}

.dnp-nav-data-cal-grade{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.dnp-nav-data-cal-dow{text-align:center;font-size:.7rem;font-weight:700;color:#7a8a80;padding:2px 0}
.dnp-nav-data-cal-dia{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:1/1;border-radius:6px;
  font-size:.82rem;color:#0b2a19;text-decoration:none;
}
a.dnp-nav-data-cal-dia{background:#f6faf7;cursor:pointer}
a.dnp-nav-data-cal-dia:hover{background:#dcecdf}
a.dnp-nav-data-cal-dia:focus-visible{outline:2px solid #14512f;outline-offset:1px}
a.dnp-nav-data-cal-dia[aria-current="date"]{background:#14512f;color:#fff;font-weight:800}
span.dnp-nav-data-cal-dia[aria-disabled="true"]{color:#c3ccc7}
.dnp-nav-data-cal-vazio{visibility:hidden}

@media (prefers-reduced-motion:reduce){
  .dnp-nav-data-seta,.dnp-nav-data-cal{transition:none}
}

@media (max-width:480px){
  .dnp-nav-data{grid-template-columns:1fr}
  .dnp-nav-data-centro{grid-column:1;grid-row:1;justify-content:center}
  .dnp-nav-data-seta-esq{grid-column:1;grid-row:2;justify-self:stretch;justify-content:center;border-radius:0}
  .dnp-nav-data-seta-dir{grid-column:1;grid-row:3;justify-self:stretch;justify-content:center;text-align:center;border-radius:0}
  .dnp-nav-data-pop{left:0;transform:none;right:0;min-width:0}
}