.vetika-dates,.vetika-dates-form{display:grid;gap:var(--vetika-space-5,1.5rem)}
.vetika-dates .vetika-tool-heading>*{margin-block-start:0}.vetika-dates .vetika-tool-heading p{max-width:48rem;color:var(--vetika-text-secondary,#52616b)}
.vetika-dates-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vetika-space-4,1rem)}
.vetika-dates-field{min-width:0}.vetika-dates-field label{display:block;margin-block-end:.5rem;font-weight:750}
.vetika-dates-field input{box-sizing:border-box;width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid var(--vetika-border,#cdd4d7);border-radius:var(--vetika-radius-sm,.55rem);background:#fff;color:var(--vetika-text,#172b3a);font:inherit}
.vetika-dates-field input[aria-invalid=true]{border-color:var(--vetika-error,#a13932);box-shadow:0 0 0 1px var(--vetika-error,#a13932)}
.vetika-dates-action{justify-self:start;min-height:48px;padding:.7rem 1.2rem;border:0;border-radius:var(--vetika-radius-sm,.55rem);background:var(--vetika-brand,#c6543c);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.vetika-dates-action:hover{background:var(--vetika-brand-hover,#9c3525)}
.vetika-dates-result{padding:var(--vetika-space-5,1.5rem);border:1px solid color-mix(in srgb,var(--vetika-accent,#197a78) 35%,#fff);border-radius:var(--vetika-radius-lg,1rem);background:var(--vetika-accent-soft,#edf8f7)}
.vetika-dates-result p{margin:.25rem 0}.vetika-dates-result .vetika-result-value{font-size:clamp(1.9rem,6vw,3.25rem);font-weight:900;line-height:1.08;color:var(--vetika-accent,#197a78);overflow-wrap:anywhere}
.vetika-dates-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 0}
.vetika-dates-result dl div{padding:.75rem;background:rgba(255,255,255,.78);border-radius:var(--vetika-radius-sm,.55rem)}
.vetika-dates-result dt{font-size:.85rem;color:var(--vetika-text-secondary,#52616b)}.vetika-dates-result dd{margin:.2rem 0 0;font-weight:800;overflow-wrap:anywhere}
@media(max-width:40rem){
  .vetika-dates-fields,.vetika-dates-result dl{grid-template-columns:1fr}
  .vetika-dates-action{width:100%}
}