.admin-section {
  margin: 1.5rem 0;
}
.admin-section .admin-actions {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
  .admin-section .admin-actions {
    gap: 0.5rem;
  }
}

.admin-section .admin-card,
.admin-section .admin-radio,
.admin-section .admin-submit {
  display: block;
  margin: 1rem 0;
}
.admin-section .admin-radio label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

/* Neue Admin-Login Styles */
.admin-login-card,
.admin-function-card {
  margin: 1.5rem 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.admin-login-card h3,
.admin-function-card h3 {
  margin: 0 0 0.75rem 0;
  color: inherit;
  text-align: left;
}

.admin-login-card p {
  margin: 0 0 1rem 0;
  color: inherit;
  text-align: left;
}

.admin-login-field,
.admin-function-select {
  margin: 0 0 1rem 0;
}

.admin-login-field label,
.admin-function-select label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.admin-function-select select {
  width: 14rem;
  max-width: 14rem;
  flex: 0 0 14rem;
  padding: 0.35rem 0.5rem;
  border: 1px solid #bbb;
  border-radius: 3px;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.4;
}

.admin-function-row {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1rem;
}

.password-input {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

.password-input input[type="password"] {
  flex: 0 0 14rem;
  font-family: inherit;
  font-size: 1rem;
  padding: 0.35rem 0.5rem;
  border: 1px solid #ccc;
  border-radius: 3px;
  line-height: 1.4;
}

.password-input .button {
  font-size: 1rem;
}

.admin-function-row select {
  flex: 1;
}

.admin-function {
  margin: 1.5rem 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}

.admin-function h3 {
  margin: 0 0 0.75rem 0;
  color: inherit;
  font-size: 1rem;
  border: 0;
  padding: 0;
}

.admin-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin: 1rem 0;
  padding: 0;
  background: none;
  border-radius: 0;
}

.dellist {
  font-weight: bold;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.delete-btn {
  background: #d32f2f !important;
  color: white !important;
  border: 1px solid #d32f2f !important;
}

.delete-btn:hover {
  background: #b71c1c !important;
  border-color: #b71c1c !important;
}

.update-btn {
  background: #1976d2 !important;
  color: white !important;
  border: 1px solid #1976d2 !important;
}

.update-btn:hover {
  background: #1565c0 !important;
  border-color: #1565c0 !important;
}

.checkbox-inline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1.4;
}

.admin-stats {
  margin-top: 0.75rem;
  padding: 0;
  font-size: 1rem;
}

.updateok {
  padding: 0.5rem 0;
  background: none;
  color: inherit;
  border-radius: 0;
  margin-bottom: 0.75rem;
  font-weight: bold;
}

.admin-function-row .button {
  white-space: nowrap;
  font-size: 1rem;
}

#admin-content {
  margin-top: 1.5rem;
  padding-top: 0;
  border-top: 0;
}

.admin-controls .button {
  font-size: 1rem;
}

.admin-controls .checkbox-inline input[type="checkbox"] {
  margin: 0;
}

.admin-login-field input:focus,
.admin-function-select select:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
}

.admin-login-form .admin-submit,
.admin-function-form .admin-submit {
  text-align: left;
  margin-top: 1rem;
}

.status-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0 1rem 0;
}
.status-table th,
.status-table td {
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.status-table th {
  background: rgba(0, 0, 0, 0.06);
}

.section-lead {
  margin: 0.25rem 0 0.4rem 0;
  font-weight: 700;
  border-left: 3px solid rgba(0, 0, 0, 0.2);
  padding-left: 0.5rem;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.95rem;
  border: 1px solid transparent;
}
.status-pill .status-dot {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  display: inline-block;
  background: currentColor;
}
.status-ok {
  background: #e5f6eb;
  color: #1b7a32;
  border-color: #b9e1c4;
}
.status-warn {
  background: #fff8e6;
  color: #9a6b00;
  border-color: #f0d48c;
}
.status-fail {
  background: #fdeaea;
  color: #c62828;
  border-color: #f3b3b3;
}
.status-skip {
  background: #eef2f7;
  color: #52606d;
  border-color: #d1d9e3;
}

.admin-help-text {
  display: block;
  margin-top: 0.5rem;
  color: #666;
  font-size: 1rem;
  font-style: italic;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
}
.table-responsive table {
  width: 100%;
  border-collapse: collapse;
}

.manage-table {
  width: 100%;
}
.manage-table th,
.manage-table td {
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
}
.manage-table th {
  background: rgba(0, 0, 0, 0.05);
}
.manage-table .row1 {
  background: rgba(0, 0, 0, 0.02);
}
.manage-table .row2 {
  background: rgba(0, 0, 0, 0.06);
}

.state-controls {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
}
.state-controls label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.thread-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.75rem;
}
.thread-toolbar .checkbox-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.admin-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (max-width: 500px) {
  .admin-controls {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .manage-table {
    font-size: 1rem;
  }
  .manage-table th,
  .manage-table td {
    padding: 0.4rem;
  }

  .admin-login-card,
  .admin-function-card {
    margin: 1rem 0;
    padding: 0;
  }
}

/*# sourceMappingURL=admin.css.map */