/* Menevä palette and logo: https://meneva.fi/themes/custom/meneva/.
   Dark green provides readable white button text. Queue status colours stay semantic. */
body[data-brand="meneva"] {
  --accent: #006643;
  --accent-hover: #004d46;
  --accent-soft: #edf7f0;
  --accent-border: #8bc6a4;
  --accent-ring: rgb(0 102 67 / 18%);
  --sidebar: #004d46;
  --page-background: #f3f7f4;
  background: var(--page-background);
}
.brand img { display: block; max-width: 100%; object-fit: contain; }
.brand span { display: block; margin-top: 12px; font-size: 14px; font-weight: 400; }
body[data-brand="meneva"] .topbar { border-top: 4px solid #00ae65; }
body[data-brand="meneva"] .nav-item { color: #e2f3e9; }
body[data-brand="meneva"] .nav-item.active { background: #edf7f0; color: #004d46; }
body[data-brand="meneva"] .nav-item:hover { background: #006643; color: #fff; }
body[data-brand="meneva"] :focus-visible { outline: 3px solid #00877c; outline-offset: 3px; }
body[data-brand="meneva"] input,
body[data-brand="meneva"] select { accent-color: #006643; }
body[data-brand="meneva"] .chat-header {
  background: #006643; color: #fff; border-radius: 12px; padding: 16px;
}
.chat-brand { min-width: 0; }
.chat-brand img { display: block; width: 120px; height: auto; margin-bottom: 7px; }
body[data-brand="meneva"] .chat-header h1 { font-size: 16px; font-weight: 400; }
body[data-brand="meneva"] .chat-header .new-chat-button { background: #fff; color: #006643; }
body[data-brand="meneva"] .chat { border-color: #d3e2d8; border-radius: 12px; }
body[data-brand="meneva"] .messages { background: #f4f8f5; }
body[data-brand="meneva"] .privacy-note a,
body[data-brand="meneva"] .widget-settings-page a { color: #006643; }
body[data-brand="meneva"] .widget-settings-page button { background: #006643; }
body[data-brand="meneva"] .widget-settings-brand { background: #006643; border-radius: 12px; padding: 20px; color: #fff; }
body[data-brand="meneva"][data-embedded="true"] .chat-header { padding: 10px 12px; }
body[data-brand="meneva"][data-embedded="true"] .chat-brand img { width: 96px; margin-bottom: 4px; }
body[data-brand="meneva"][data-embedded="true"] .chat-header h1 { font-size: 13px; }
@media (max-width: 760px) {
  body[data-brand="meneva"] .topbar-actions { flex-wrap: wrap; }
}

body[data-brand="meneva"][data-embedded="true"] .chat-header{border-radius:0;padding:10px 12px}
body[data-brand="meneva"][data-embedded="true"] .compact-brand img{width:96px;margin:0}
body[data-brand="meneva"][data-embedded="true"] .compact-brand h1{font-size:20px;font-weight:700;margin:0}