/* Wrapper ja perustyyli */
.ld-eml-wrap { position: relative; }

/* Tehdään textarea-kentästä isompi ja mukavampi */
.ld-eml-textarea {
  min-height: 250px !important;
  width: 100% !important;
  padding: 12px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  border: 2px solid #ddd !important;
  border-radius: 4px !important;
  resize: vertical !important;
  transition: border-color 0.3s ease, outline 0.3s ease !important;
}

.ld-eml-textarea:focus {
  border-color: #5b9dd9 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #5b9dd9 !important;
}

/* Merkkimäärälaskuri */
.ld-eml-counter-wrap {
  margin-top: 8px;
  font-size: 14px;
  opacity: 0.85;
}

.ld-eml-counter {
  display: inline-block;
  padding: 8px 12px;
  border: 1px dashed #bbb;
  border-radius: 4px;
  background: #f9f9f9;
  font-weight: 500;
}

/* Validointitilat */
.ld-eml-textarea.ld-eml-too-short {
  border-color: #cc0000 !important;
  outline: 2px solid #cc0000 !important;
  outline-offset: -2px;
}

.ld-eml-textarea.ld-eml-ok {
  border-color: #3a7 !important;
}

/* Virheviestit */
.ld-eml-global-error {
  background: #ffeaea;
  border-left: 4px solid #cc0000;
  padding: 12px 16px;
  margin: 10px 0 16px;
  border-radius: 4px;
  font-weight: 600;
  color: #cc0000;
}

.ld-eml-error {
  background: #ffeaea;
  border-left: 4px solid #cc0000;
  padding: 10px 12px;
  margin: 8px 0;
  border-radius: 4px;
}

/* Disabloitu nappi */
button.ld-eml-disabled,
input.ld-eml-disabled,
a.ld-eml-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  background-color: #ccc !important;
  border-color: #999 !important;
  color: #666 !important;
}