/* Minimal, clean styling for the shortcode */
.taeve-avl-wrap { 
  --primary: 262 83% 55%;
  --accent: 16 90% 58%;
  --fg: 222.2 84% 4.9%;
  --bg: 0 0% 100%;
  --muted: 215.4 16.3% 46.9%;
  --border: 214.3 31.8% 91.4%;
  font-family: var(--font, inherit);
  background: hsl(var(--bg));
  color: var(--text, hsl(var(--fg)));
  border: 1px solid hsl(var(--border));
  border-radius: 12px;
  padding: 24px;
 box-shadow: 0 2px 8px hsl(0 0% 0% / 0.15); /* svart med 15% opacity */
}
.taeve-title { margin: 0 0 8px; font-size: 1.25rem; font-weight: 700; color: var(--heading, inherit); }
.taeve-form .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin: 12px 0; justify-items: start; }
@media (max-width: 800px) { .taeve-form .grid { grid-template-columns: 1fr; } }
.taeve-form label { display: flex; flex-direction: column; gap: 6px; font-size: 0.9rem; text-align: left; }
  .taeve-form input[type="text"], .taeve-form input[type="email"], .taeve-form input[type="number"], .taeve-form select {
    border: 1px solid hsl(var(--border)); border-radius: 8px; padding: 10px 12px; font-size: 0.95rem; background: hsl(var(--bg)); color: hsl(var(--fg));
  }
.taeve-form .checkbox { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-top: 8px; justify-content: flex-start; text-align: left; align-self: start; }
.litters { margin: 12px 0; }
.taeve-form .col-span-all { grid-column: 1 / -1; }
.taeve-form .grid > .checkbox { grid-column: 1 / -1; }
.litters-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
  .litters-list .row { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 6px 0; }
  .segmented-date { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
  
.btn { cursor: pointer; border-radius: 10px; border: 1px solid hsl(var(--border)); background: hsl(var(--bg)); color: hsl(var(--fg)); padding: 10px 14px; font-weight: 600; transition: var(--transition-smooth, all .2s ease); }
.btn:hover { background: hsl(var(--fg)/0.04); }
.btn-hero { border: none; color: var(--btn-text, #fff); background: var(--btn-bg, linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent)))); box-shadow: 0 2px 8px hsl(0 0% 0% / 0.15); /* svart med 15% opacity */ }
.btn-hero:hover { filter: brightness(0.95); background: var(--btn-hover, var(--btn-bg, linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent))))); }
.btn-secondary { }
.taeve-result { margin-top: 16px; border-top: 1px dashed hsl(var(--border)); padding-top: 16px; }
.taeve-result .status { font-weight: 700; }
.taeve-result .status .ok, .taeve-result .status .bad { display: inline-block; padding: 4px 10px; border-radius: 999px; background: hsl(var(--border) / 0.25); }
.taeve-result .status .ok { color: hsl(142 71% 45%); background: hsl(142 71% 45% / 0.12); }
.taeve-result .status .bad { color: hsl(0 84.2% 60.2%); background: hsl(0 84.2% 60.2% / 0.10); }
/* Generic tag styling */
.taeve-result .tag { display:inline-block; padding:4px 10px; border-radius:999px; font-weight:600; }
.taeve-result .tag.ok { color: hsl(142 71% 45%); background: hsl(142 71% 45% / 0.12); }
.taeve-result .tag.warn { color: hsl(35 92% 50%); background: hsl(35 92% 50% / 0.12); }
.taeve-result .tag.standard { color: hsl(var(--primary)); background: hsl(var(--primary) / 0.10); }
.taeve-result .tag.bad { color: hsl(0 84.2% 60.2%); background: hsl(0 84.2% 60.2% / 0.10); }
.taeve-result .panel { border: 1px solid hsl(var(--border)); border-radius: 10px; padding: 12px; background: hsl(var(--bg)); box-shadow: 0 2px 8px hsl(0 0% 0% / 0.15); /* svart med 15% opacity */ }
.taeve-result .panel-errors { border-color: hsl(0 84.2% 60.2% / 0.30); background: hsl(0 84.2% 60.2% / 0.04); }
.taeve-result .panel-violations { border-color: hsl(35 92% 50% / 0.30); background: hsl(35 92% 50% / 0.05); }
.taeve-result h4 { margin: 0 0 8px; }
.taeve-result .muted { color: hsl(var(--muted)); }
.taeve-result ul { padding-left: 18px; }