.atslab-card{max-width:980px;margin:40px auto;padding:28px;border-radius:14px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.atslab-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.atslab-row .full{grid-column:1 / -1}
.atslab-label{margin-bottom:6px;font-weight:600}

.atslab-input,
.atslab-input[type="password"],
.atslab-input[type="email"],
.atslab-input[type="text"],
.atslab-input[type="number"],
.atslab-input[type="date"],
.atslab-field select,
.atslab-select{
		padding:10px 14px !important;
		border:1px solid #dfe3e7;
		border-radius:8px;
		width:100%;
		min-height: 30px !important;
		}	

.atslab-actions{margin-top:18px}
.atslab-btn-primary{background:#0b5fff;color:#fff;border:none;cursor:pointer}
.atslab-btn-primary:hover{filter:brightness(0.95)}
.et_pb_button.atslab-btn-primary{border-radius:12px}
.atslab-alert{margin-top:14px;padding:12px 14px;border-radius:8px}
.atslab-success{background:#e8f7ee;color:#0b8a4a}
.atslab-error{background:#fde7ea;color:#b3261e}
.atslab-auth{display:flex}
.atslab-auth.ui-right{justify-content:flex-end}
.atslab-auth.ui-left{justify-content:flex-start}
.atslab-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;z-index:9999}
.atslab-modal.open{display:flex;align-items:center;justify-content:center}
.atslab-modal .box{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:26px;width:min(680px,95vw);position:relative}
.atslab-modal .close{position:absolute;right:16px;top:12px;font-size:20px;cursor:pointer}
.atslab-table-wrap{overflow:auto}
.atslab-table{width:100%;border-collapse:collapse}
.atslab-table th,.atslab-table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.atslab-right{text-align:right}
.atslab-link{background:none;border:none;color:#0b5fff;cursor:pointer}
.atslab-link.danger{color:#b3261e}
.atslab-modal-center{display:flex;align-items:center;justify-content:center}
/* Einheitliche Felder */
.atslab-boolean-field input[type=radio] {width: 1rem;}
.ats-card input[type=text],
.ats-card input[type=email],
.ats-card input[type=password],
.ats-card select {
  width: 100%;
  height: 42px;          /* höher */
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: none;
}

/* Primärbutton wie auf der Seite */
.ats-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background: #0b5e86;   /* farblich an dein Theme angepasst */
  color: #fff;
  border: none;
  cursor: pointer;
  font-weight: 600;
}
.ats-btn:hover { filter: brightness(0.95); }

/* Login-Modal Links */
.ats-login-links a { color: #0b5e86; text-decoration: none; }
.ats-login-links a:hover { text-decoration: underline; }

/* Formlayout */
.ats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.ats-grid .wide { grid-column: span 2; }
.ats-card { max-width: 880px; margin: 0 auto; box-shadow: 0 10px 30px rgba(0,0,0,.06); padding: 24px; border-radius: 14px; background: #fff; }

/* v0.12.0: finaler Pre-Go-live Responsive-Hardening-Block.
 * ATS-Lab-Formulare bleiben auf sehr schmalen Displays innerhalb des Viewports.
 */
.atslab-card,
.ats-card,
.atslab-modal .box,
.atslab-input,
.atslab-field select,
.atslab-select,
.ats-card input[type="text"],
.ats-card input[type="email"],
.ats-card input[type="password"],
.ats-card select,
.ats-btn,
.atslab-btn-primary {
  box-sizing: border-box;
}
.atslab-row > *,
.ats-grid > * {
  min-width: 0;
}
.atslab-input,
.atslab-field select,
.atslab-select,
.ats-card input[type="text"],
.ats-card input[type="email"],
.ats-card input[type="password"],
.ats-card select {
  max-width: 100%;
}
.ats-btn,
.atslab-btn-primary {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.atslab-modal .box {
  max-width: 95vw;
  max-height: 90vh;
  overflow: auto;
}
@media (max-width: 680px) {
  .atslab-card {
    margin: 24px auto;
    padding: 20px;
  }
  .ats-card {
    padding: 20px;
  }
  .atslab-row,
  .ats-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .atslab-row .full,
  .ats-grid .wide {
    grid-column: 1;
  }
}
@media (max-width: 375px) {
  .atslab-card,
  .ats-card {
    padding: 16px;
  }
  .atslab-modal .box {
    padding: 20px 16px;
  }
}