/* AudiVita only: keep the native date picker and the existing save behavior. */
html[data-operation-theme="audivita"] .dsp-payment-date-editor {
  grid-template-columns:minmax(0,1fr) minmax(190px,210px) auto;
  gap:14px;
  padding:16px;
  border:1px solid rgb(var(--av-primary-rgb) / .34) !important;
  background:rgb(var(--av-surface-soft-rgb)) !important;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor small,
html[data-operation-theme="audivita"] .dsp-payment-date-editor label>span {
  color:rgb(var(--av-primary-text-rgb)) !important;
  font-size:11px;
  font-weight:800;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor strong {
  color:rgb(var(--av-text-rgb)) !important;
  font-size:14px;
  line-height:1.45;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor>div>span {
  color:rgb(var(--av-muted-rgb)) !important;
  font-size:12px;
  line-height:1.5;
}
html[data-operation-theme="audivita"] .dsp-payment-date-control {
  grid-template-columns:minmax(120px,1fr) 44px;
  gap:8px;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor .dsp-payment-date-control input {
  box-sizing:border-box;
  height:44px;
  min-width:0;
  border:1px solid rgb(var(--av-muted-rgb)) !important;
  background:rgb(var(--av-surface-rgb)) !important;
  color:rgb(var(--av-text-rgb)) !important;
  font-size:14px;
  font-weight:650;
  color-scheme:light !important;
}
html[data-operation-theme="audivita"] .dsp-payment-date-control input[type="text"] {
  padding:0 11px;
  font-variant-numeric:tabular-nums;
}
html[data-operation-theme="audivita"] .dsp-payment-date-control input[type="text"]::placeholder {
  color:rgb(var(--av-muted-rgb)) !important;
  opacity:1;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor .dsp-payment-date-control input[type="date"] {
  width:44px;
  padding:10px;
  color:transparent !important;
  border-color:rgb(var(--av-primary-text-rgb)) !important;
  background:rgb(var(--av-primary-rgb) / .08) !important;
  cursor:pointer;
}
html[data-operation-theme="audivita"] .dsp-payment-date-control input[type="date"]::-webkit-datetime-edit { display:none; }
html[data-operation-theme="audivita"] .dsp-payment-date-editor .dsp-payment-date-control input[type="date"]::-webkit-calendar-picker-indicator {
  width:22px;
  height:22px;
  margin:0;
  padding:0;
  opacity:1 !important;
  filter:none !important;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18M8 15h2m4 0h2M8 18h2'/%3E%3C/svg%3E") !important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:22px 22px;
}
html[data-operation-theme="audivita"] .dsp-payment-date-control input[type="date"]:hover {
  background:rgb(var(--av-primary-rgb) / .14) !important;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor>button {
  height:44px;
  padding:0 17px;
  border:1px solid rgb(var(--av-primary-text-rgb)) !important;
  background:rgb(var(--av-primary-text-rgb)) !important;
  color:rgb(var(--av-on-action-rgb)) !important;
  font-size:13px;
  font-weight:750;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor>button:hover:not(:disabled) { filter:brightness(.9); }
html[data-operation-theme="audivita"] .dsp-payment-date-editor :is(input,button):focus-visible {
  outline:2px solid rgb(var(--av-primary-text-rgb)) !important;
  outline-offset:3px;
  box-shadow:0 0 0 4px rgb(var(--av-primary-rgb) / .16) !important;
}
html[data-operation-theme="audivita"] .dsp-payment-date-editor>button:disabled { opacity:.65; cursor:wait; }
@media(max-width:900px) {
  html[data-operation-theme="audivita"] .dsp-payment-date-editor { grid-template-columns:minmax(190px,1fr) auto; }
  html[data-operation-theme="audivita"] .dsp-payment-date-editor>div:first-child { grid-column:1/-1; }
}
@media(max-width:560px) {
  html[data-operation-theme="audivita"] .dsp-payment-date-editor { grid-template-columns:minmax(0,1fr); padding:13px; }
  html[data-operation-theme="audivita"] .dsp-payment-date-editor>button { width:100%; }
}
